@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap'); @font-face { font-family: 'Nanum Square'; font-style: normal; font-weight: 400; src: url(NanumSquare/NanumSquareR.eot); src: local('Nanum Square Regular'), local('NanumSquareR'), url(NanumSquareR.eot?#iefix) format('embedded-opentype'), url(NanumSquareR.woff2) format('woff2'), url(NanumSquareR.woff) format('woff'), url(NanumSquareR.ttf) format('truetype'); } @font-face { font-family: 'Nanum Square'; font-style: bold; font-weight: 700; src: url(NanumSquare/NanumSquareB.eot); src: local('Nanum Square Bold'), local('NanumSquareB'), url(NanumSquareB.eot?#iefix) format('embedded-opentype'), url(NanumSquareB.woff2) format('woff2'), url(NanumSquareB.woff) format('woff'), url(NanumSquareB.ttf) format('truetype'); } @font-face { font-family: 's-core-dream'; src: url('/lib/front/css/fonts/scdream2-webfont.woff2') format('woff2'), url('/lib/front/css/fonts/scdream2-webfont.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('/lib/front/css/fonts/scdream3-webfont.woff2') format('woff2'), url('/lib/front/css/fonts/scdream3-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('/lib/front/css/fonts/scdream4-webfont.woff2') format('woff2'), url('/lib/front/css/fonts/scdream4-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('/lib/front/css/fonts/scdream5-webfont.woff2') format('woff2'), url('/lib/front/css/fonts/scdream5-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('/lib/front/css/fonts/scdream6-webfont.woff2') format('woff2'), url('/lib/front/css/fonts/scdream6-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('/lib/front/css/fonts/scdream7-webfont.woff2') format('woff2'), url('/lib/front/css/fonts/scdream7-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'tvN'; src: url('/lib/front/css/fonts/tvN-Bold.woff2') format('woff2'), url('/lib/front/css/fonts/tvN-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } /* @import url(nanumbarungothic.css); */ /**/ html, body{height:100%} body{width:100%;font-size:0.75em;-webkit-text-size-adjust:none} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0} *{font-family:'s-core-dream', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', Dotum, '돋움', 'gulim', '굴림', 'Tahoma', sans-serif} /* HTML5 display-role reset for older browsers */ article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary{display:block} ol,ul,nav{list-style:none} blockquote,q{quotes:'none'} blockquote:before,blockquote:after,q:before,q:after{content:'';content:'none'} /* input{margin:0px;padding:0px;border:0px;-webkit-border-radius:0;-webkit-appearance:none;background:#303030} */ input{vertical-align:middle} button{margin:0;padding:0;border:0;cursor:pointer} table{border-collapse:collapse;border-spacing:0} label{cursor:pointer} a{color:#333;text-decoration:none;cursor:pointer} a:hover,g a:active{color:#000;text-decoration:none} /* img{width:auto;max-width:100%;height:auto;vertical-align:middle} */ caption, legend, hr{position: absolute;top: -9999px;left: -9999px;z-index: -1;} i, em{font-style:normal} table{font-size:12px} iframe:focus {outline: none;} iframe[seamless] {display: block;} /**/ .foot{margin:0 auto;position:relative;width:1000px} .foot h2{position:absolute;top:0;left:0} .foot .lib{padding:0 0 0 350px;text-align:left;color:#555} .foot .lib p{padding:10px 0} span.fbtn_ssang{color:#fff; background:#1057dc; height:15px; line-height:160%; padding:1px 2px; font-size:11px} span.fbtn_hyun{color:#fff; background:#018e9e; height:15px; line-height:160%; padding:1px 2px; font-size:11px} span.fbtn_hwan{color:#fff; background:#9a9e04; height:15px; line-height:160%; padding:1px 2px; font-size:11px} span.fbtn_dol{color:#fff; background:#029730; height:15px; line-height:160%; padding:1px 2px; font-size:11px} span.fbtn_so{color:#fff; background:#ac6e1d; height:15px; line-height:160%; padding:1px 2px; font-size:11px} span.fbtn_yul{color:#fff; background:#492fb9; height:15px; line-height:160%; padding:1px 2px; font-size:11px} /****************************** 서브 컨텐츠 ******************************/ /**/ .sub_con_top {min-height: 260px;padding: 45px;background-color: #f6f7f6;background-repeat: no-repeat;background-position: 100% 100%;} .sub_con_top p {font-size: 18px;line-height: 1.5em;font-weight: 400;color: #333;} .sub_con_top p + p {margin-top: 20px;} .sub_con_top p.title {margin-bottom: 30px !important;font-size: 30px !important;line-height: 1.5em;font-weight: 500 !important;color: #4e0080 !important;} .sub_con_top p.title span.sub {font-weight: 200;} /**/ #callNoPrint{margin:20px} #callNoPrint *{font-size:13px;font-family:"맑은 고딕"} #callNoPrint .tac{padding:20px 0} #callNoPrint .tac a{display:block;padding:7px 20px 10px 20px;color:#fff;border:1px solid #000;background:#333} #loading{position:absolute;z-index:99999;top:0;left:0;width:100%;height:100%;background:url(../img/loading.gif) no-repeat 50% 50%} #timeCheck{position:fixed;top:100px;left:20px;padding:10px;border:1px solid #aaa;box-shadow:5px 5px 5px rgba(0,0,0,0.2);background:rgba(255,255,255,0.8);display:none} /**/ #bookSearch{padding:20px 100px;border-bottom:1px solid #777;background:#fff} #bookSearch *{margin:0;padding:0;list-style-type:none;font-size:14px;font-family:'NanumBarunGothic','dotum','돋움','gulim','굴림','Tahoma','sans-serif',Arial, Helvetica, sans-serif} #bookSearch div{position:relative;padding:5px;height:33px;border:2px solid #03a98f;background:#fff;border-radius:50px;*zoom:1} #bookSearch div:before, #bookSearch div:after{clear:both;display:table;content:"";line-height:0} #bookSearch div strong{float:left;display:block;width:18%;font-size:12px;color:#2d4594;letter-spacing:-0px} #bookSearch div select{padding:5px;height:33px;border:0;text-indent:10px} #bookSearch div input{float:left;padding:0 5px;width:75%;height:33px;line-height:33px;font-size:15px;color:#333;border:0px solid #fff;background:#fff;} #bookSearch div input:focus{border:0px solid #e51a24} #bookSearch .btn-search{position:absolute;top:-2px;right:-3px;width:46px;height:46px;border:0;background:url(../img/btn_search.png) no-repeat 50% 50%;cursor:pointer;text-indent:-99999em} /**/ #bookSearchGuide{border-top:2px solid #eaeaea;background:#fff} #bookSearchGuide *{margin:0;padding:0;list-style-type:none;font-size:14px;font-family:'NanumBarunGothic','dotum','돋움','gulim','굴림','Tahoma','sans-serif',Arial, Helvetica, sans-serif} #bookSearchGuide h3{display:none} #bookSearchGuide dl{position:relative;padding:30px 120px 30px 100px;border-bottom:1px solid #ccc} #bookSearchGuide dt{font-size:17px;font-weight:600;padding-bottom:5px} #bookSearchGuide dd strong{position:relative;z-index:10;line-height:20px;font-size:14px;font-weight:400} #bookSearchGuide dd span{position:absolute;z-index:0;top:45%;right:5%;line-height:25px;font-size:20px;font-weight:500;color:#888;font-family:Arial, Helvetica, sans-serif} #bookSearchGuide .bookSearchGuide{padding:0 10px} #bookSearchGuide .r1{background:url(../img/hope1.png) no-repeat 20px 50%; background-size:} #bookSearchGuide .r2{background:url(../img/hope2.png) no-repeat 20px 50%} #bookSearchGuide .r3{background:url(../img/hope3.png) no-repeat 20px 50%} /**/ #bookSearchResult{position:relative;margin:10px} #bookSearchResult *{margin:0;padding:0;list-style-type:none;font-family:'NanumBarunGothic','dotum','돋움','gulim','굴림','Tahoma','sans-serif',Arial, Helvetica, sans-serif} #bookSearchResult h2{font-size:15px;font-weight:400} #bookSearchResult h2 strong{color:#0f0444} #bookSearchResult p{display:none} #bookSearchResult fieldset{position:absolute;top:0;right:0} #bookSearchResult fieldset .view{padding:0 7px;color:#fff;border:2px solid #777;background:#777} /**/ #bookSearchList *{margin:0;padding:0;list-style-type:none;font-size:14px;font-family:'NanumBarunGothic','dotum','돋움','gulim','굴림','Tahoma','sans-serif',Arial, Helvetica, sans-serif} #bookSearchList ul{border-top:1px solid #777} #bookSearchList li{border-bottom:1px solid #e1e1e1} #bookSearchList li dl{position:relative;padding:0 60px 0 90px;height:132px;background:#fff;overflow:hidden} #bookSearchList li dt{position:absolute;top:10px;left:10px} #bookSearchList li dt img{width:80px;height:110px;border:1px solid #909090} #bookSearchList li dd strong{display:block;padding-bottom:10px;line-height:20px;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #bookSearchList li dd{padding:10px 20px} #bookSearchList li dd div{padding-bottom:10px;font-size:14px} #bookSearchList li dd p{margin-bottom:5px;height:54px;line-height:18px;font-size:12px;overflow:hidden} #bookSearchList li dd .detail{position:absolute;bottom:15px;right:20px;display:block;padding:7px;width:30px;font-size:13px;font-weight:600;text-align:center;color:#fff;border:1px solid #12917d;background:#12917d;border-radius:3px} #bookSearchList li dd .detail:hover{color:#fff;border:1px solid #333;background:#333} #bookSearchList li dd .entry{position:absolute;top:15px;right:20px;display:block;padding:7px;width:30px;font-size:13px;font-weight:600;text-align:center;color:#fff;border:1px solid #f44e1b;background:#f44e1b;border-radius:3px} #bookSearchList li dd .entry:hover{color:#fff;border:1px solid #333;background:#333} #bookSearchList li dl:hover{background:#f9f9f9} #bookSearchList .sg_paging{padding:20px 0} /**/ #hopeDataOverlapCheck .listCheck{position:absolute;z-index:10;top:20px;left:10px} #hopeDataOverlapCheck .divList .list{position:relative;padding:10px 0;color:#555} #hopeDataOverlapCheck .divList .list dl{position:relative;padding:0 0 0 140px;height:130px} #hopeDataOverlapCheck .divList .list dt{position:absolute;top:5px;left:30px;border:1px solid #ccc;box-shadow:2px 2px 0px #e8e8e8} #hopeDataOverlapCheck .divList .list dt a img{width:80px;height:114px} #hopeDataOverlapCheck .divList .list dt a em{display:block;width:80px;height:114px;border:1px solid #e1e1e1;background:url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-bk{background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-eb{background:#fff url(../img/no_eb.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-ab{background:#fff url(../img/no_ab.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-dv{background:#fff url(../img/no_dv.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-se{background:#fff url(../img/no_se.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-cd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-dd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt a .no-tp{background:#fff url(../img/no-tp.png) no-repeat 50% 50%;background-size:cover} #hopeDataOverlapCheck .divList .list dt .label{position:absolute;top:-3px;left:5px} #hopeDataOverlapCheck .divList .list dt .label-ab{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_audio.png) no-repeat} #hopeDataOverlapCheck .divList .list dt .label-ab img{display:none !important} #hopeDataOverlapCheck .divList .list dt .label-dv{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_dvd.png) no-repeat} #hopeDataOverlapCheck .divList .list dt .label-dv img{display:none !important} #hopeDataOverlapCheck .divList .list dt .loadr{display:none;position:absolute;left:30px;top:50px} #hopeDataOverlapCheck .divList .list dd div strong{position:relative;top:-2px;padding:0 5px 0 25px;font-size:11px;font-weight:500;color:#999;border-right:1px solid #ccc} #hopeDataOverlapCheck .divList .list dd div *{font-size:17px;font-weight:500;letter-spacing:-1px} #hopeDataOverlapCheck .divList .list dd div a span{color:#e35000} #hopeDataOverlapCheck .divList .list dd .ico{padding:5px 0;height:15px;background:url('../img/ico_books.png') no-repeat 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #hopeDataOverlapCheck .divList .list dd .ico-bo{background-position:0 -0px} #hopeDataOverlapCheck .divList .list dd .ico-eb{background-position:0 -25px} #hopeDataOverlapCheck .divList .list dd .ico-ab{background-position:0 -50px} #hopeDataOverlapCheck .divList .list dd .ico-dv{background-position:0 -75px} #hopeDataOverlapCheck .divList .list ul{padding:15px 5px} #hopeDataOverlapCheck .divList .list ul li{padding:4px 0;color:#555} #hopeDataOverlapCheck .divList .list ul li strong{padding:0 5px 0 0;font-weight:400;color:#888} #hopeDataOverlapCheck .divList .list ul li span{color:#e35000} #hopeDataOverlapCheck .divList .list ul li em{padding:0 10px;color:#ccc} #hopeDataOverlapCheck .divList .list ol{position:absolute;bottom:10px;left:140px;overflow:hidden} #hopeDataOverlapCheck .divList .list ol li{float:left;padding-right:10px} #hopeDataOverlapCheck .divList .list ol li strong{display:block;margin-bottom:5px;padding:5px 0;width:100px;font-size:11px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #hopeDataOverlapCheck .divList .list ol li a{display:block;margin-bottom:5px;padding:5px 0;width:120px;font-size:11px;font-weight:500;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #hopeDataOverlapCheck .divList .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #hopeDataOverlapCheck .divList .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #hopeDataOverlapCheck .divList .list .blue{color:#2d4594} #hopeDataOverlapCheck .divList .list .yellow{color:#aa6e39} #hopeDataOverlapCheck .divList .list .print{position:absolute;bottom:5px;right:20px;padding:0 0 0 5px} #hopeDataOverlapCheck .divList .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;font-size:11px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #hopeDataOverlapCheck .divList .list .print a:hover{color:#777} #hopeDataOverlapCheck .txt{margin:0 0 20px 0;padding:25px 0;border:4px solid #ccc;border-radius:0px} #hopeDataOverlapCheck .txt h2{padding-bottom:10px} #hopeDataOverlapCheck .txt h2 strong{font-size:15px;font-weight:700;letter-spacing:-1px} #hopeDataOverlapCheck .txt p{position:static;font-size:15px} /**/ #dkviewMenu{margin:0 0 10px 0;text-align:center;border-bottom:0px solid #eee;background:#fafafa} #dkviewMenu ul{padding:10px 0;overflow:hidden} #dkviewMenu ul li{display:inline-block} #dkviewMenu ul li a{display:inline-block;padding:0 5px;font-size:12px} /*상단메뉴*/ #dkitgnb{min-width:1200px;margin-bottom:0px;border-bottom:1px solid #d5d5d5;background:#0e4ea5;display:none} #dkitgnb *{font-size:16px;letter-spacing:-1px;font-family:'NanumBarunGothic';font-weight:700} #dkitgnb .gnb{position:relative;height:65px;background:url(../img/gnb_bg.png) no-repeat} #dkitgnb .gnb h1{padding:15px 0 0 0} #dkitgnb .gnb ul{position:absolute;top:22px;right:0} #dkitgnb .gnb li{float:left;border-left:1px solid #5782bf} #dkitgnb .gnb li a{display:block;padding:0 20px;color:#fff} #dkitgnb .gnb li:first-child{border:0} #dkitgnb .gnb .login{margin-top:-5px;padding-left:70px;border:0;background:url(../img/login.png) no-repeat 45px 50%} #dkitgnb .gnb .login a{padding:5px 0} #dkitgnb .gnb .logout{margin-top:-5px;padding-left:70px;border:0;background:url(../img/logout.png) no-repeat 45px 50%} #dkitgnb .gnb .logout a{padding:5px 0} /**/ #dkitfoot{padding:20px 0;text-align:center;border-top:1px solid #ccc;display:none} /*도서관별 체크박스 및 검색*/ #headSearchForm{/*border:1px solid #c3ccd4;border-radius:0px;background:#eef3f6;*/margin: 0 0 10px;} #headSearchForm .all{position:absolute;top:15px;right:20px;font-size:11px;letter-spacing:-1px} #headSearchForm .all input{position:relative;top:-1px} #headSearchForm .sbopen{position:relative;top:3px;display:inline-block;width:15px;height:15px;background:url(../img/sbopen.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #headSearchForm .option{position:absolute;z-index:19;top:30px;left:0;padding:0;width:220px;max-height:124px;border:1px solid #bbb;background:#fff;overflow:auto;-webkit-overflow-scrolling:touch} #headSearchForm .option ol li a{display:block;padding:0 8px;line-height:20px} #headSearchForm .option ol li a:hover{background:#eee} #headSearchForm .choice{position:absolute;top:10px;right:140px;display:block;padding:3px 10px;text-decoration:none;font-size:11px;letter-spacing:-1px;color:#757575;border:1px solid #c5c5c5;background:#fff} #headSearchForm .choice:hover, #headSearchForm .choice.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .clear{position:absolute;top:10px;right:20px;display:block;padding:3px 10px;text-decoration:none;font-size:11px;letter-spacing:-1px;color:#757575;border:1px solid #c5c5c5;background:#fff} #headSearchForm .clear:hover, #headSearchForm .clear.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .allchk{position:absolute;top:10px;right:80px;display:block;padding:3px 10px;text-decoration:none;font-size:11px;letter-spacing:-1px;color:#757575;border:1px solid #c5c5c5;background:#fff} #headSearchForm .allchk:hover, #headSearchForm .allchk.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .wrapbox{position:relative;display:none} #headSearchForm .selbox{clear:both;position:relative;padding:10px 20px;border:1px solid #c3ccd4;border-bottom:0;background:#fff;border-radius:0px} #headSearchForm .selbox dl{padding:0px;border:0px solid #eee} #headSearchForm .selbox dt{padding:3px 0 3px 22px;font-size:16px;font-weight:500;color:#333;letter-spacing:-0px;background:url("../img/ico_ribbon.png") no-repeat 0 0px;letter-spacing: -1px;} #headSearchForm .selbox dd{padding:5px 0 0 0} #headSearchForm .selbox ul{*zoom:1} #headSearchForm .selbox ul:before, #headSearchForm .selbox ul:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .selbox ul > li{float:left;position:relative;padding:3px 0;width:33.33%} #headSearchForm .selbox ul > li label{font-size:15px;font-weight:500;color:#353535;cursor:pointer;letter-spacing: -1px;} #headSearchForm .selbox ul li em{padding-right:5px;font-size:11px;font-weight:400;color:#545d68} #headSearchForm .popbox{position:relative;margin:10px;padding:10px} #headSearchForm .popbox dl{padding:0px;border:0px solid #eee;text-align:center} #headSearchForm .popbox dl{*zoom:1} #headSearchForm .popbox dl:before, #headSearchForm .popbox dl:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .popbox dt{display:inline;padding:3px 10px 3px 20px;height:20px;font-weight:500;background:url("../img/ico_search.png") no-repeat 0 2px} #headSearchForm .popbox dd{display:inline;padding:3px 0;height:20px} #headSearchForm .popbox dd a{padding:0 5px} #headSearchForm .btnbox{clear:both;position:relative;z-index:9;border-top:1px solid #c3ccd4;*zoom:1} #headSearchForm .btnbox:before, #headSearchForm .btnbox:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .wrapOpen{position:relative;z-index:10;top:-1px;margin:0 auto;display:block;padding:1px 0 9px 0;font-size:12px;letter-spacing:-1px;text-align:center;color:#777;background:url(../img/wrap_close.png) no-repeat 50% 0; word-break:break-all} #headSearchForm .wrapOpen i{position:relative;top:2px;padding:0 5px;font-size:17px;font-weight:500;color:#999} #headSearchForm .wrapClose{position:relative;z-index:10;top:-1px;margin:0 auto;display:none;padding:1px 0 9px 0;width:128px;font-size:12px;text-align:center;color:#777;background:url(../img/wrap_close.png) no-repeat} #headSearchForm .wrapClose i{position:relative;top:2px;padding:0 5px;font-size:17px;font-weight:500;color:#999} #headSearchForm .allbox{clear:both;padding:0 0 20px 0;text-align:center} #headSearchForm .allbox fieldset{display:inline;position:relative} #headSearchForm .allbox .result{float:left;display:block;position:relative;margin-right:7px;top:13px;font-size:11px;letter-spacing:-1px} #headSearchForm .allbox .result input{position:relative} #headSearchForm .allbox .result label{display:block;text-align:center} #headSearchForm .allbox .search{float:left;display:block;position:relative;margin:0 5px 0 0;padding:4px;width:500px;height:45px;background:url("../img/search_bar.gif") no-repeat 100% 0;transition:all 0.4s;background-size: cover;} #headSearchForm .allbox .search:hover{background:#043882} #headSearchForm .allbox .search .input{position:relative;margin:0 15% 0 0;background:#fff;*zoom:1} #headSearchForm .allbox .search .input:before, #headSearchForm .allbox .search .input:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .allbox .search .input strong{float:left;width:20%;display:block;color:#333} #headSearchForm .allbox .search .input strong select{padding:6px;height:45px;border:0;} #headSearchForm .allbox .search .input input{float:left;width:80%;height:45px;color:#333;border:0;text-indent:5px;background:#fff;font-size:18px;font-weight:500;} #headSearchForm .allbox .search .input input:focus{border:0px solid #e51a24} #headSearchForm .allbox .btn-search{position:absolute;top:4px;right:2px;width:15%;height:45px;line-height:32px;font-size:15px;font-weight:600;color:#fff;border:0;background:none;border-radius:0;cursor:pointer;} #headSearchForm .allbox .btn-desearch{float:left;display:block;padding:0 12px !important;line-height:50px;font-size:15px;font-weight:500;color:#3d4459;border:1px solid #999;background:#fff} #headSearchForm .allbox .btn-desearch:hover{color:#000;border:1px solid #999;background-color:#eee} #headSearchForm .allbox .btn-research{float:left;display:block;margin-left:-1px;padding: 0px 12px !important;width:50px;line-height:50px;color:#3d4459;border:1px solid #999;background:#fafafa url("../img/keyboard.png") no-repeat 50% 40%;text-indent:-9999em} #headSearchForm .allbox .btn-research:hover{border:1px solid #3d4459;background-color:#3d4459} /* #headSearchForm .wrapOpen{position:relative;z-index:10;top:-11px;margin:0 auto;display:block;padding:1px 0 9px 0;width:128px;height:18px;font-size:11px;letter-spacing:-1px;text-align:center;color:#fff;background:url(../img/wrap_open.png) no-repeat} #headSearchForm .wrapOpen i{position:relative;top:2px;padding:0 5px;font-size:17px;font-weight:500;color:#fff} #headSearchForm .wrapClose{position:relative;z-index:10;top:-11px;margin:0 auto;display:none;padding:1px 0 9px 0;width:128px;height:18px;font-size:11px;letter-spacing:-1px;text-align:center;color:#1652a4;background:url(../img/wrap_close.png) no-repeat} #headSearchForm .wrapClose i{position:relative;top:2px;padding:0 5px;font-size:17px;font-weight:500;color:#1652a4} #headSearchForm .allbox{clear:both;padding:0 0 20px 0;text-align:center} #headSearchForm .allbox fieldset{display:inline;position:relative} #headSearchForm .allbox .result{position:absolute;top:13px;left:-74px;font-size:11px;letter-spacing:-1px} #headSearchForm .allbox .result input{position:relative;top:-1px} #headSearchForm .allbox .search{float:left;display:block;position:relative;margin-right:5px;padding:5px;width:380px;height:33px;border:0px solid #2d4594;background:url("../img/search_bar.gif") no-repeat 100% 0} #headSearchForm .allbox .search div{margin:0 15% 0 0;padding:0 2%;background:#fff;*zoom:1} #headSearchForm .allbox .search div:before, #headSearchForm .allbox .search div:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .allbox .search div strong{float:left;display:block;padding:7px 0;width:20%;font-size:12px;color:#2d4594;letter-spacing:-0px} #headSearchForm .allbox .search div select{height:19px;border:0;outline:none} #headSearchForm .allbox .search div input{float:left;width:60%;height:33px;line-height:33px;font-size:15px;color:#333;border:0;text-indent:5px;background:#fff;outline:none} #headSearchForm .allbox .search div input:focus{border:0px solid #e51a24} #headSearchForm .allbox .btn-search{position:absolute;top:0;right:0;width:15%;height:43px;line-height:43px;font-size:16px;font-weight:700;letter-spacing:-1px;color:#fff;border:0;background:none;border-radius:0;cursor:pointer;outline:none} #headSearchForm .allbox .btn-desearch{float:left;display:block;margin-right:5px;padding:0 10px;line-height:41px;color:#696969;border:1px solid #ccc;background:#fff} #headSearchForm .allbox .btn-research{float:left;display:block;padding:0 10px 0 40px;width:65px;line-height:41px;font-size:11px;letter-spacing:-1px;color:#999;border:1px solid #ccc;background:#fff url("../img/keyboard.png") no-repeat 10px 33%} */ /**/ #autoComplete{display: none !important;position:absolute;z-index:9999;top:45px;left:0;width:611px;border:1px solid #2d4594;background:#fff;box-shadow:2px 3px 2px rgba(0,0,0,0.1);overflow:hidden} #autoComplete .keyword{float:left;width:50%} #autoComplete .keyword ul{margin:10px;height:200px;overflow:hidden;overflow-y:scroll} #autoComplete .keyword li a{display:block;line-height:20px;text-align:left;color:#7b7b7b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .keyword li a:hover, #autoComplete .keyword li a.sel{background:#e3edf5} #autoComplete .keyword li a strong{color:#324584} #autoComplete .thumbnail{float:left;width:50%} #autoComplete .thumbnail .list{position:relative;margin:10px 10px 10px 0;color:#555;border-bottom:0px dotted #aaa} #autoComplete .thumbnail .list dl{position:relative;height:150px;text-align:left !important} #autoComplete .thumbnail .list dt{position:absolute;top:30px;left:0} #autoComplete .thumbnail .list dt .label{position:absolute;top:-3px;left:5px} #autoComplete .thumbnail .list dt .loadr{display:none;position:absolute;left:30px;top:50px} #autoComplete .thumbnail .list dd div > strong{position:relative;top:0px;padding:0 0 0 22px;font-size:11px;font-weight:500;color:#999} #autoComplete .thumbnail .list dd div > strong span{font-size:11px} #autoComplete .thumbnail .list dd div span strong{color:#324584} #autoComplete .thumbnail .list dd div *{font-size:13px;font-weight:500;letter-spacing:-1px} #autoComplete .thumbnail .list dd .ico{padding:5px 0;height:15px;background:url('../img/ico_books.png') no-repeat -3px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .thumbnail .list dd .ico-bo{background-position:0 -0px} #autoComplete .thumbnail .list dd .ico-eb{background-position:0 -25px} #autoComplete .thumbnail .list dd .ico-ab{background-position:0 -50px} #autoComplete .thumbnail .list dd .ico-dv{background-position:0 -75px} #autoComplete .thumbnail .list ul{padding:5px 0 5px 90px} #autoComplete .thumbnail .list ul li{padding:2px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .thumbnail .list ul li strong{display:inline-block;font-weight:400} #autoComplete .thumbnail .list ul li em{color:#ccc} #autoComplete .thumbnail .list ol{ padding:0 0 0 30px;overflow:hidden} #autoComplete .thumbnail .list ol li{float:left;overflow:hidden} #autoComplete .thumbnail .list ol li strong{float:left;display:block;margin:0 5px 0 0;padding:5px 0;width:80px;font-size:11px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #autoComplete .thumbnail .list ol li a{display:block;margin-bottom:5px;padding:5px 0;width:120px;font-size:11px;font-weight:500;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #autoComplete .thumbnail .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #autoComplete .thumbnail .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #autoComplete .thumbnail .list .blue{color:#2d4594} #autoComplete .thumbnail .list .yellow{color:#aa6e39} #autoComplete .thumbnail .list .print{position:absolute;bottom:5px;right:20px;padding:0 0 0 5px} #autoComplete .thumbnail .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;font-size:11px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #autoComplete .thumbnail .list .print a:hover{color:#777} #autoComplete .thumbnail .close{position:absolute;bottom:10px;right:10px} /* #autoComplete{position:absolute;z-index:9999;top:44px;left:50%;margin:0 0 0 -340px;border:1px solid #2d4594;background:#fff;overflow:hidden} #autoComplete .keyword{float:left;padding:10px;width:301px;width:301px\9} #autoComplete .keyword ul{height:200px;overflow:hidden;overflow-y:scroll} #autoComplete .keyword li a{display:block;line-height:20px;color:#7b7b7b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .keyword li a:hover, #autoComplete .keyword li a.sel{background:#e3edf5} #autoComplete .keyword li a strong{color:#324584} #autoComplete .thumbnail{float:left;width:343px;border-left:1px solid #c3ccd4} #autoComplete .list{position:relative;padding:30px 0 0 0;height:200px;color:#555;border-bottom:0px dotted #aaa} #autoComplete .list dl{position:relative;padding:0px 15px;height:150px;text-align:left !important} #autoComplete .list dt{position:absolute;top:40px;left:15px} #autoComplete .list dt .label{position:absolute;top:-3px;left:5px} #autoComplete .list dt .loadr{display:none;position:absolute;left:30px;top:50px} #autoComplete .list dd div > strong{position:relative;top:0px;padding:0 5px 0 25px;font-size:11px;font-weight:500;color:#999;border-right:1px solid #ccc} #autoComplete .list dd div > strong span{font-size:11px} #autoComplete .list dd div span strong{color:#324584} #autoComplete .list dd div *{font-size:12px;font-weight:500;letter-spacing:-1px} #autoComplete .list dd .ico{padding:5px 0;height:15px;background:url('../img/ico_books.png') no-repeat 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .list dd .ico-bo{background-position:0 -0px} #autoComplete .list dd .ico-eb{background-position:0 -25px} #autoComplete .list dd .ico-ab{background-position:0 -50px} #autoComplete .list dd .ico-dv{background-position:0 -75px} #autoComplete .list ul{padding:15px 0 5px 90px} #autoComplete .list ul li{padding:2px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .list ul li strong{display:inline-block;width:70px;font-weight:400} #autoComplete .list ul li em{color:#ccc} #autoComplete .list ol{ padding:0 0 0 30px;overflow:hidden} #autoComplete .list ol li{float:left;overflow:hidden} #autoComplete .list ol li strong{float:left;display:block;margin:0 5px 0 0;padding:5px 0;width:80px;font-size:11px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #autoComplete .list ol li a{display:block;margin-bottom:5px;padding:5px 0;width:120px;font-size:11px;font-weight:500;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #autoComplete .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #autoComplete .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #autoComplete .list .blue{color:#2d4594} #autoComplete .list .yellow{color:#aa6e39} #autoComplete .list .print{position:absolute;bottom:5px;right:20px;padding:0 0 0 5px} #autoComplete .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;font-size:11px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #autoComplete .list .print a:hover{color:#777} */ /**/ #container{padding-bottom:20px;*zoom:1} #container:before, #container:after{clear:both;display:table;content:"";line-height:0} #container .container{margin:0 auto;padding:0;width:auto;*zoom:1} #container .container:before, #container .container:after{clear:both;display:table;content:"";line-height:0} #container .title{width:100%\9} #container .title h2{padding: 10px 0 20px 35px;font-size: 18px;letter-spacing:-1px;color:#333;background:url(../img/icon_h_book.png) no-repeat 0 5px;background-size: 26px;font-weight: 400;} #container .title h2.new{background: url(../img/icon_h_book.png) no-repeat 0 5px;background-size: 26px;} #container .title h2.loan{background:url(../img/icon_h_book.png) no-repeat 0px 5px;background-size: 26px;} #container .title h2 em{padding:0 5px;font-weight:400} #container .dkitcontain{} #container .dkitcontain .widget{float:left} #container .standard{overflow: hidden;position:relative} #container .nocontent{clear:both;padding:240px 0 100px 0;font-size:16px !important;font-weight:400;color:#777;text-align:center;background:url(../img/nocontent.png) no-repeat 50% 45%} /**/ #sub{float: right;width: calc(100% - 200px);padding-top: 15px;} #searchDataList .left{width: 100% !important;} /**/ #dkitsub{float:left;padding:20px 17% 20px 30px;width:60%} /**/ #category{float:left;width: 180px;padding: 15px 0 0;} #category .widget{margin-bottom:0px} #category .widget h3{padding:7px 12px;font-size:15px;letter-spacing:-0px} #category .widget ul{padding: 7px 10px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;} #category .widget ul li a{display:block;padding:2px 0;color:#777} #category .widget ul li.sel a{font-weight:500;color:#23377b} #category .widget ul li.on a{font-weight:500;color:#23377b} #category .widget .list{padding: 7px 10px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;box-sizing: border-box;} #category .widget .list div a{display:block;padding:2px 0;color:#777} #category .widget .list div.sel a{font-weight:500;color:#23377b} #category .widget .list div.on a{font-weight:500;color:#23377b} #category .widget .list > a{display:block;padding:0 0 10px 0;font-size:15px;font-weight:700} #category .widget .list.sel > a{} #category .widget ol{padding:10px 10px 0 10px;*zoom:1} #category .widget ol:before, #category .widget ol:after{clear:both;display:table;content:"";line-height:0} #category .widget ol li{float:left;width:33.33%} #category .widget ol li a{display:block;margin-right:1px;padding:5px 0;font-size:11px;letter-spacing:-1px;text-align:center;border:1px solid #dadada;border-bottom:1px solid #cbcbcb;background:#f2f2f2} #category .widget ol li a.sel{border:1px solid #cbcbcb;border-bottom:1px solid #fff;background:#fff} #category .ddc{/*border-top:1px solid #c1c1c1;border-bottom:0*/} /*#category .ddc h3{color:#0e4ea5;border-bottom:0px solid #c1c1c1;background:#f0f0f0}*/ #category .ddc h3{background: #3b62bb;color: #fff;} #category .ddc:last-child{/*border-bottom:1px solid #c1c1c1*/border-bottom: 1px solid #ddd;} #category .mdc{border-top:1px solid #c1c1c1;border-bottom:0} #category .mdc h3{color:#0e4ea5;border-bottom:0px solid #c1c1c1;background:#f0f0f0} #category .mdc:last-child{border-bottom:1px solid #c1c1c1} #category .sdc{margin-bottom:20px;border:1px solid #0e4ea5} #category .sdc h3{color:#fff;border-bottom:1px solid #0e4ea5;background:#0e4ea5} #category .kdc{border:1px solid #0f6cd3} #category .kdc h3{color:#fff;border-bottom:1px solid #0f6cd3;background:#0f6cd3} #category .kdc .list div a{display:block;padding:2px 0;color:#777} #category .kdc .list div.sel a{font-weight:500;color:#23377b} #category .ndc{border:1px solid #dadada} #category .ndc h3{color:#0e4ea5;border-bottom:1px solid #fff} #category .bdc{border:1px solid #dadada} #category .bdc h3{color:#0e4ea5;border-bottom:1px solid #fff} #category .bdc ul{padding:10px 13px} #category .bdc ul li a{position:relative;padding:5px 35px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #category .bdc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #category .bdc ul li a span{position:absolute;top:3px;right:0;display:block;padding:3px 0;font-size:9px;font-weight:700;font-family:Tahoma, Geneva, sans-serif} #category .bdc ul li a span span{display:none} #category .bdc ul li a .up{padding-left:10px;color:#f54f4f;background:url(../img/ico_up.png) no-repeat 0 50%} #category .bdc ul li a .dw{padding-left:10px;color:#1d5fe1;background:url(../img/ico_dw.png) no-repeat 0 50%} #category .bdc ul li a .new{color:#f54f4f} #category .wdc{border-top:1px solid #c1c1c1;border-bottom:0} #category .wdc h3{border-bottom:0px solid #c1c1c1;background:#f8f8f8} #category .wdc h3 a{font-size:13px;color:#333} #category .wdc:last-child{border-bottom:1px solid #c1c1c1} #category .more_op{display:block;margin:10px 0;padding:6px 0 !important;font-size:12px !important;text-align:center;color:#888;border-top:1px solid #eee;background:#f8f8f8} #category .more_op em{display:inline-block;width:20px;height:10px;background:url(../img/ico_op.png) no-repeat 0 40%} #category .more_cs{display:block;margin:10px 0;padding:6px 0 !important;font-size:12px !important;text-align:center;color:#888;border-top:1px solid #eee;background:#f8f8f8} #category .more_cs em{display:inline-block;width:20px;height:10px;background:url(../img/ico_cs.png) no-repeat 0 40%} /**/ #aside{position:absolute;top:20px;right:0;width:200px;display:none} #aside .widget{margin-bottom:10px} #aside .widget h3{padding:10px;font-size:15px;letter-spacing:-0px} #aside .widget ul{padding:10px} #aside .widget ul li{position:relative} #aside .widget ul li a{display:block;padding:2px 0} #aside .widget ul li a:hover{color:#000} #aside .widget ol{padding:10px 10px 0 10px;*zoom:1} #aside .widget ol:before, #aside .widget ol:after{clear:both;display:table;content:"";line-height:0} #aside .widget ol li{float:left;width:33.33%} #aside .widget ol li a{display:block;margin-right:1px;padding:5px 0;font-size:11px;letter-spacing:-1px;text-align:center;border:1px solid #dadada;border-bottom:1px solid #cbcbcb;background:#f2f2f2} #aside .widget ol li a.sel{border:1px solid #cbcbcb;border-bottom:1px solid #fff;background:#fff} #aside .sdc{border:1px solid #0e4ea5} #aside .sdc h3{color:#fff;border-bottom:1px solid #0e4ea5;background:#0e4ea5} #aside .kdc{border:1px solid #0f6cd3} #aside .kdc h3{color:#fff;border-bottom:1px solid #0f6cd3;background:#0f6cd3} #aside .ndc{border:1px solid #dadada} #aside .ndc h3{color:#0e4ea5;border-bottom:1px solid #fff} #aside .ndc ul{margin:10px;padding:0;/*height:120px;overflow:hidden;overflow-y:auto*/} #aside .ndc ul li a{padding:5px 5px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #aside .ndc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #aside .cdc{border:1px solid #dadada} #aside .cdc h3{color:#0e4ea5;border-bottom:1px solid #fff} #aside .cdc ul li a{padding:5px 5px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #aside .cdc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #aside .bdc{border:1px solid #dadada} #aside .bdc h3{color:#0e4ea5;border-bottom:1px solid #fff} #aside .bdc ul{padding:10px 13px} #aside .bdc ul li a{position:relative;padding:5px 35px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #aside .bdc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #aside .bdc ul li a span{position:absolute;top:3px;right:0;display:block;padding:3px 0;font-size:9px;font-weight:700;font-family:Tahoma, Geneva, sans-serif} #aside .bdc ul li a span span{display:none} #aside .bdc ul li a .up{padding-left:10px;color:#f54f4f;background:url(../img/ico_up.png) no-repeat 0 50%} #aside .bdc ul li a .dw{padding-left:10px;color:#1d5fe1;background:url(../img/ico_dw.png) no-repeat 0 50%} #aside .bdc ul li a .new{color:#f54f4f} /**/ #simpleSearch{position:relative} #simpleSearch .simpleSearch{margin:20px 0;padding:0/*;padding:0 230px 0 0*/;overflow:hidden} #simpleSearch .widget{margin-bottom:20px} #simpleSearch .title h2{padding:15px 20px;font-size:18px;letter-spacing:-0px;color:#0e4ea5;background:url(../img/ico_bullet2.png) no-repeat 0 50%} #simpleSearch .title h2 em{padding:0 5px;font-weight:400} #simpleSearch .list{overflow:hidden} #simpleSearch .list dl{float:left;padding:10px 0 30px 0;width:20%} #simpleSearch .list dt .image{margin:0 auto;padding:1px 10px;width:100px;height:120px;text-align:center;background:url('../img/img_mini_book.png') no-repeat 50% 0} #simpleSearch .list dt .image em{display:block;margin:0 auto;padding:0;width:80px;height:110px;background:url('../img/img_no_book.png') no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #simpleSearch .list dt .image img{width:80px;height:110px} #simpleSearch .list dd a{display:block;padding:10px;font-size:12px;color:#000;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #simpleSearch .list dd p{padding:0 10px;font-size:11px;color:#777;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #simpleSearch .txt{margin-bottom:30px;padding:20px;line-height:20px;color:#555;border:1px solid #ccc;background:#fff} #simpleSearch .txt h2{font-size:16px;letter-spacing:-0px;color:#555;} #simpleSearch .txt p{padding-top: 5px;font-size:14px;letter-spacing: -0.5px;} #simpleSearch .table{clear:both;margin-bottom:30px;position:relative;border-top:1px solid #666;background:#fff} #simpleSearch .table table{clear:both;width:100%;border-top:1px solid #666 !important;border-bottom:1px solid #666 !important;table-layout:fixed} #simpleSearch .table table td{border:1px solid #ddd;padding:10px;text-align:left;line-height:20px;font-weight:normal;line-height:20px;font-size: 14px;letter-spacing: -0.5px;} #simpleSearch .table table td a{text-align:left;padding-left:6px} #simpleSearch .table table thead th{padding:15px 0;border:1px solid #ddd;border-top:none;border-bottom:1px solid #666;background:#fff;font-size: 15px;letter-spacing: -1px;} #simpleSearch .table table thead th:first-child{border-left:none} #simpleSearch .table table thead th:last-child{border-right:none} #simpleSearch .table table tbody th{padding:10px 0;border:1px solid #ddd;border-top:none;border-left:none;background-color:#fff} #simpleSearch .table table tbody th span{display:block;margin:0 auto;padding:5px 10px;width:60px;font-size:14px;color:#405a89;border:1px solid #809ec3;background:#dbebff;letter-spacing: -1px;} #simpleSearch .table table tbody tr:first-child td{border-top:none} #simpleSearch .table table tbody td:first-child{border-left:none} #simpleSearch .table table tbody td:last-child{border-right:none} /**/ #bestlist{padding:20px 0} #bestlist .besthead{padding: 15px;border:1px solid #ccc;background: #fafafa;overflow:hidden} #bestlist .besthead .thumb{float:left;width:20%;height:220px} #bestlist .besthead .thumb div{position:relative;padding:30px 0;text-align:center} #bestlist .besthead .thumb p strong{display:block;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 14px;} #bestlist .besthead .thumb p span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #bestlist .besthead .thumb a img{width: 100px;height:110px;border:1px solid #aaa;box-shadow:3px 3px 0px rgba(0,0,0,0.1)} #bestlist .besthead .thumb .label{position:absolute;top:25px;left:50%;margin-left:-60px;padding:8px 0;width:44px;height:44px;font-size:14px;font-family:Arial;font-weight:500;text-align:center;color:#fff;background:url(../img/ico_label.png) no-repeat 0 0} #bestlist .bestbody{padding: 10px 0;border-top:0;background:#fefefe;overflow:hidden} #bestlist .bestbody > div{float:left;width:50%} #bestlist .bestbody dl{position:relative;padding:20px;height: 200px;border-top: 1px solid #ccc;background:#fff;overflow:hidden} #bestlist .bestbody dt{position:absolute;top:30px;left:20px} #bestlist .bestbody dt .ribbon{position:absolute;top:-5px;left: 5px;height: 32px;} #bestlist .bestbody dd{padding-left:110px} #bestlist .bestbody dd div{padding-bottom:5px} #bestlist .bestbody dd div a{overflow: hidden;display: block;font-weight:500;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;} #bestlist .bestbody dd li{display:block;color:#575757;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top: 5px;} #bestlist .bestbody dd li a{display:block;padding:5px 0;color:#333;font-weight:800} /**/ #searchDataList .searchTabmenu{margin:30px 1px 10px 1px;border-bottom:2px solid #eaeaea} #searchDataList .searchTabmenu ul{height:36px;border-bottom:1px solid #2d4594;*zoom:1} #searchDataList .searchTabmenu ul:before, #searchDataList .searchTabmenu ul:after{clear:both;display:table;content:"";line-height:0} #searchDataList .searchTabmenu ul li{float:left} #searchDataList .searchTabmenu ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:10px 20px 10px 30px;height:14px;font-weight:500;color:#696969;border:1px solid #bababa;border-bottom:0;background:#fff} #searchDataList .searchTabmenu ul li a span{font-weight:400;color:#aa6e39} #searchDataList .searchTabmenu ul li a:hover{position:relative;z-index:10;top:-1px;color:#fff;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:1px solid #2d4594;background:#2d4594;background-image:none} #searchDataList .searchTabmenu ul li a:hover span{color:#fff} #searchDataList .searchTabmenu ul li.on a{position:relative;z-index:10;top:-1px;color:#2d4594;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:4px solid #fff;background:#fff url('../img/ico_dot.png') no-repeat 18px 13px} #searchDataList .searchTabmenu ul li.on a:hover span{color:#aa6e39} /**/ #searchDataList .setting{line-height:20px;padding:10px 0;overflow:hidden;*zoom:1} #searchDataList .setting:before, #searchDataList .setting:after{clear:both;display:table;content:"";line-height:0} #searchDataList .setting h3{float:left;font-size:12px;font-weight:400} #searchDataList .setting fieldset{float:right} #searchDataList .setting fieldset strong{padding-left:5px;font-size:12px} #searchDataList .setting fieldset select{padding:1px 3px;font-size:12px;border:1px solid #dbdbdb} #searchDataList .setting fieldset span{padding:0 5px 0 0;font-size:11px;letter-spacing:-1px;color:#888} #searchDataList .setting fieldset .t_text{padding:2px 0;text-align:center;font-weight:500;border:1px solid #ccc} #searchDataList .setting fieldset .btn{padding:2px 10px;font-size:11px;color:#fff;border:1px solid #111;background:#333} /**/ #searchDataList .settype{position:relative;padding: 10px 0;/*border-top:1px solid #888;border-bottom:1px solid #ccc*/border-top: 1px solid #ccc;} #searchDataList .settype:before, #searchDataList .settype:after{clear:both;display:table;content:"";line-height:0} #searchDataList .settype h3{position:absolute;top: -104px;/*top:-40px;*/right:0;padding:5px 0 5px 20px;font-size:14px;font-weight:400;background:url(../img/search_num.png) no-repeat 0 5px;letter-spacing: -0.5px;} #searchDataList .settype ul{display: flex;overflow:hidden;justify-content: space-between;} #searchDataList .settype li{float:left} #searchDataList .settype li a{display:block;/* margin:0 0 0 5px; */padding:5px 0;width:80px;font-size:14px;font-weight: 700;letter-spacing:-1px;text-align:center;color:#405a89;border:1px solid #809ec3;background:#dbebff} #searchDataList .settype li a:hover{border:1px solid #3d4f8b;background:#fff} #searchDataList .settype fieldset{overflow:hidden} #searchDataList .settype fieldset strong{padding-left:5px;font-size:13px} #searchDataList .settype fieldset select{padding:4px 3px;font-size:13px;height:25px\9;font-size:14px\9;border:1px solid #dbdbdb;background:#fff} #searchDataList .settype fieldset span{padding:0 5px 0 0;font-size:13px;letter-spacing:-0.5px;color:#888} #searchDataList .settype fieldset .t_text{position:relative;padding:2px 3px;height:20px;line-height:20px;font-weight:500;border:1px solid #ccc} #searchDataList .settype fieldset .btn{position:relative;top: 0;padding:0 10px;height:25px;font-size:13px;color:#fff;border:0px solid #111;background:#0e4ea5;vertical-align: middle;} #searchDataList .setred{border-top:2px solid #0e4ea5;border-bottom:1px solid #ccc;background:#f0f4f8} #searchDataList .settype .type{position:absolute;top: 13px;right:10px;overflow:hidden} #searchDataList .settype .type a{float:left;display:block;margin-right:5px;width:25px;height:25px;border:0;background:#fff url('../img/type.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #searchDataList .settype .type .c1{background-position:-0px -0px} #searchDataList .settype .type .c1sel{background-position:-0px -25px} #searchDataList .settype .type .c2{background-position:-25px -0px} #searchDataList .settype .type .c2sel{background-position:-25px -25px} #searchDataList .settype .all{float:left;padding:5px 0;font-size:11px;letter-spacing:-1px} #searchBookList .btngroup{padding:20px 0;overflow:hidden} #searchBookList .btngroup .button{float:right} #searchBookList .btngroup .button input{position:relative;top:-18px;width:140px;height:43px;border:0;background:url('../img/btn_interest.png') no-repeat;text-indent:-9999em;overflow:hidden} #searchBookList .btngroup .button a{display:inline-block;width:140px;height:43px;background-image:url('../img/btn_interest.png');background-repeat:no-repeat;text-indent:-9999em;overflow:hidden} #searchBookList .btngroup .button .btn-excel{background-position:-0px -0px} #searchBookList .btngroup .button .btn-excel:hover{background-position:-0px -43px} #searchBookList .btngroup .button .btn-excel1{width:170px;background-position:-560px -0px} #searchBookList .btngroup .button .btn-excel1:hover{background-position:-560px -43px} #searchBookList .btngroup .button .btn-excel2{width:170px;background-position:-730px -0px} #searchBookList .btngroup .button .btn-excel2:hover{background-position:-730px -43px} #searchBookList .btngroup .button .btn-pack{background-position:-140px -0px} #searchBookList .btngroup .button .btn-pack:hover{background-position:-140px -43px} #searchBookList .btngroup .button .btn-list{background-position:-280px -0px} #searchBookList .btngroup .button .btn-list:hover{background-position:-280px -43px} #searchBookList .btngroup .enbloc{float:left;padding:7px 0 0 0} #searchBookList .btngroup .enbloc button{padding:0 10px;height:25px;font-weight:500;letter-spacing:-1px;color:#fff;background:#777} #searchBookList .btngroup .enbloc button.exel{height:32px;color:#3b873b;border:1px solid #ccc;background:#fff} #searchBookList .btngroup .enbloc a{display:inline-block;padding:8px 10px;font-weight:500;border:1px solid #ccc;background:#fff} #searchBookList .btngroup .enbloc .exel{color:#3b873b} #searchBookList .btngroup .enbloc .total{color:#366212} #searchBookList .btngroup .enbloc .del{color:#777} /**/ #searchDataList .btngroup{padding: 0 0 10px;overflow:hidden} #searchDataList .btngroup .button{float:right} #searchDataList .btngroup .button input{position:relative;top:-18px;width:140px;height:43px;border:0;background:url('../img/btn_interest.png') no-repeat;text-indent:-9999em;overflow:hidden} #searchDataList .btngroup .button a{display:inline-block;width:140px;height:43px;background-image:url('../img/btn_interest.png');background-repeat:no-repeat;text-indent:-9999em;overflow:hidden} #searchDataList .btngroup .button .btn-excel{background-position:-0px -0px} #searchDataList .btngroup .button .btn-excel:hover{background-position:-0px -43px} #searchDataList .btngroup .button .btn-excel1{width:170px;background-position:-560px -0px} #searchDataList .btngroup .button .btn-excel1:hover{background-position:-560px -43px} #searchDataList .btngroup .button .btn-excel2{width:170px;background-position:-730px -0px} #searchDataList .btngroup .button .btn-excel2:hover{background-position:-730px -43px} #searchDataList .btngroup .button .btn-pack{background-position:-140px -0px} #searchDataList .btngroup .button .btn-pack:hover{background-position:-140px -43px} #searchDataList .btngroup .button .btn-list{background-position:-280px -0px} #searchDataList .btngroup .button .btn-list:hover{background-position:-280px -43px} #searchDataList .btngroup .enbloc{float:left;padding:7px 0 0 0} #searchDataList .btngroup .enbloc button{padding:0 10px;height:25px;font-weight:500;letter-spacing:-1px;color:#fff;background:#777} #searchDataList .btngroup .enbloc button.exel{height:32px;color:#3b873b;border:1px solid #ccc;background:#fff} #searchDataList .btngroup .enbloc a{display:inline-block;padding:8px 10px;font-weight:500;border:1px solid #ccc;background:#fff} #searchDataList .btngroup .enbloc .exel{color:#3b873b} #searchDataList .btngroup .enbloc .total{color:#366212} #searchDataList .btngroup .enbloc .del{color:#777} /**/ #searchBookList .hope_tip{position:relative} #searchBookList .hope_tip img.tip01{position:absolute;left:0;bottom:0} #searchBookList .hope_tip img.tip02{position:absolute;right:0;bottom:0} #searchBookList h2{float:left;font-size:14px;padding:5px 0 10px 0} #searchBookList .top_box{clear:both;border-top:2px solid #7d7067;background-color:#f9f8e8;padding:9px 0;overflow:hidden;border-bottom:2px solid #e4e4da;height:24px} #searchBookList .result{float:left} #searchBookList .result .list_check{margin:6px 20px 0} #searchBookList .result .title{color:#373737;font-weight:800} #searchBookList .align{float:right} #searchBookList .align select{width:65px;height:19px;float:left;margin-right:3px;border:1px solid #d3d3d3} #searchBookList .top_box select{height:20px;border:1px solid #d3d3d3;vertical-align:middle} #searchBookList .top_box .align_cate{float:left} #searchBookList .top_box .align_cate select{float:left;margin-right:3px} #searchBookList .top_box .date{float:right;padding-right:14px;height:24px} #searchBookList .top_box .date select{margin-right:3px;float:left} #searchBookList .top_box .topic{float:right} #searchBookList .top_box .topic select{width:220px;margin-right:3px} #searchBookList .event{width:923px;margin:20px 15px;border:5px solid #f1f1f1} /* #searchBookList .listCheck{position:absolute;z-index:10;top:20px;left: 0;} #searchBookList .divList .list{position:relative;padding:10px 0;color:#555;border-bottom:1px dotted #aaa} #searchBookList .divList .list dl{position:relative;/padding: 0 0 0 120px;} #searchBookList .divList .list dt{position:absolute;top:5px;left: 22px;border:1px solid #ccc;box-shadow:2px 2px 0px #e8e8e8} #searchBookList .divList .list dt a img{width:80px;height:114px} #searchBookList .divList .list dt a em{display:block;width:80px;height:114px;border:0px solid #e1e1e1;background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover;text-indent: -9999px;} #searchBookList .divList .list dt a .no-bk{background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-eb{background:#fff url(../img/no_eb.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-ab{background:#fff url(../img/no_ab.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-dv{background:#fff url(../img/no_dv.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-se{background:#fff url(../img/no_se.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-cd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-dd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-tp{background:#fff url(../img/no-tp.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt .label{position:absolute;top:-5px;left:5px} #searchBookList .divList .list dt .label img {height: 32px;} #searchBookList .divList .list dt .label-ab{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_audio.png) no-repeat} #searchBookList .divList .list dt .label-ab img{display:none !important} #searchBookList .divList .list dt .label-dv{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_dvd.png) no-repeat} #searchBookList .divList .list dt .label-dv img{display:none !important} #searchBookList .divList .list dt .loadr{display:none;position:absolute;left:30px;top:50px} #searchBookList .divList .list dd div strong{position:relative;top:-2px;padding:0 5px 0 25px;font-size:13px;font-weight:500;color:#999;border-right:0px solid #ccc} #searchBookList .divList .list dd div *{font-size:16px;font-weight:500;letter-spacing:-1px} #searchBookList .divList .list dd div a span{color:#e35000} #searchBookList .divList .list dd .ico{padding:5px 0;height:15px;background:url('../img/ico_books.png') no-repeat 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #searchBookList .divList .list dd .ico-bo{background-position:0 -0px} #searchBookList .divList .list dd .ico-eb{background-position:0 -25px} #searchBookList .divList .list dd .ico-ab{background-position:0 -50px} #searchBookList .divList .list dd .ico-dv{background-position:0 -75px} #searchBookList .divList .list ul{padding:5px} #searchBookList .divList .list ul li{padding:4px 0;color:#555} #searchBookList .divList .list ul li strong{padding:0 5px 0 0;font-weight:400;color:#888} #searchBookList .divList .list ul li span{color:#e35000} #searchBookList .divList .list ul li em{padding:0 10px;color:#ccc} #searchBookList .divList .list ol{padding:0 5px;overflow:hidden} #searchBookList .divList .list ol li {float:left;padding-right:7px} #searchBookList .divList .list ol li.add_interest {clear: both;float: none;display: block;} #searchBookList .divList .list ol li strong{display:block;margin-bottom:5px;padding:4px 12px;font-size:13px;text-align:center;color:#777;border:1px solid #ccc;background:#fff;letter-spacing: -1.5px;} #searchBookList .divList .list ol li strong.using2{color:#2d4594;border:1px solid #8993b3;background:#fff} #searchBookList .divList .list ol li strong.using1{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchBookList .divList .list ol li a{display:block;margin-bottom:5px;padding:4px 12px;font-size:13px;font-weight:500;letter-spacing:-1.5px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594;letter-spacing: -0.5px;} #searchBookList .divList .list ol li.add_interest a{display: inline-block;padding-left: 25px;border: 0;color: #757575;background: #fff url('../img/ico_book_interest.png') no-repeat 0 7px / auto 15px;} #searchBookList .divList .list ol li a:hover{border:1px solid #3d4f8b;background-color:#465ba1} #searchBookList .divList .list ol li.add_interest a:hover {background-color: #fff;border: 0;} #searchBookList .divList .list ol li.sec strong{margin-bottom:0;padding:7px 10px;font-size:10px;font-family:Arial, Helvetica, sans-serif;border:0px solid #eee;background:none} #searchBookList .divList .list .nonone{color:#888;border:1px solid #ccc;background:#f8f8f8} #searchBookList .divList .list .blue{color:#2d4594} #searchBookList .divList .list .yellow{color:#aa6e39} #searchBookList .divList .list .print{position:absolute;bottom:5px;right: 2px;} #searchBookList .divList .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;font-size:13px;letter-spacing:-2px;color:#757575;background:url('../img/ico_books.png') no-repeat 0 -100px} #searchBookList .divList .list .print a:hover{color:#777}*/ /**/ #searchBookList .listCheck{position:absolute;z-index:10;top: 10px;left: 0px;width: 20px;height: 20px;} #searchBookList .divList .list{position:relative;padding:10px 0;display: inline-block;color:#555;border-bottom:1px dotted #aaa;width: 100%;} #searchBookList .divList .list dl{position:relative;padding: 0;height: auto;left:25px;} #searchBookList .divList .list dt{float: left;margin-right: 20px;min-height: 130px;border:1px solid #ccc;box-shadow:2px 2px 0px #e8e8e8} #searchBookList .divList .list dt a img{width: 150px;} #searchBookList .divList .list dt a em{display:block;width:80px;height:114px;border:0px solid #e1e1e1;background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover;text-indent: -9999px;} #searchBookList .divList .list dt a .no-bk{background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-eb{background:#fff url(../img/no_eb.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-ab{background:#fff url(../img/no_ab.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-dv{background:#fff url(../img/no_dv.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-se{background:#fff url(../img/no_se.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-cd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-dd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-tp{background:#fff url(../img/no-tp.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt .label{position:absolute;top:-5px;left:5px} #searchBookList .divList .list dt .label img {height: 32px;} #searchBookList .divList .list dt .label-ab{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_audio.png) no-repeat} #searchBookList .divList .list dt .label-ab img{display:none !important} #searchBookList .divList .list dt .label-dv{top:10%;left:5%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_dvd.png) no-repeat} #searchBookList .divList .list dt .label-dv img{display:none !important} #searchBookList .divList .list dt .loadr{display:none;position:absolute;left:30px;top:50px} #searchBookList .divList .list dd div strong{position:relative;top:-2px;padding:0 5px 0 25px;font-size:13px;font-weight:500;color:#757575;border-right:0px solid #ccc} #searchBookList .divList .list dd div *{font-size:16px;font-weight:500;letter-spacing:-1px} #searchBookList .divList .list dd div a span{color:#e35000} #searchBookList .divList .list dd .ico{padding:5px 0;height:15px;background:url('../img/ico_books.png') no-repeat 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #searchBookList .divList .list dd .ico-bo{background-position:0 -0px} #searchBookList .divList .list dd .ico-eb{background-position:0 -25px} #searchBookList .divList .list dd .ico-ab{background-position:0 -50px} #searchBookList .divList .list dd .ico-dv{background-position:0 -75px} #searchBookList .divList .list ul{padding:5px} #searchBookList .divList .list ul li{padding:4px 0;color:#555} #searchBookList .divList .list ul li strong{padding:0 5px 0 0;font-weight:400;color:#888} #searchBookList .divList .list ul li span{color:#e35000} #searchBookList .divList .list ul li em{padding:0 10px;color:#ccc} #searchBookList .divList .list ol{padding:0 5px;overflow:hidden} #searchBookList .divList .list ol li {float:left;padding-right:7px} #searchBookList .divList .list ol li.add_interest {clear: both;float: none;display: block;} #searchBookList .divList .list ol li strong{display:block;margin-bottom:5px;padding:4px 12px;font-size:13px;text-align:center;color:#777;border:1px solid #ccc;background:#fff;letter-spacing: -1.5px;} #searchBookList .divList .list ol li strong.using2{color:#2d4594;border:1px solid #8993b3;background:#fff} #searchBookList .divList .list ol li strong.using1{color:#757575;border:1px solid #ccc;background:#f8f8f8} #searchBookList .divList .list ol li a{display:block;margin-bottom:5px;padding:4px 12px;font-size:13px;font-weight:500;letter-spacing:-1.5px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594;letter-spacing: -0.5px;} #searchBookList .divList .list ol li.add_interest a{display: inline-block;padding-left: 25px;border: 0;color: #757575;background: #fff url('../img/ico_book_interest.png') no-repeat 0 7px / auto 15px;} #searchBookList .divList .list ol li a:hover{border:1px solid #3d4f8b;background-color:#465ba1} #searchBookList .divList .list ol li.add_interest a:hover {background-color: #fff;border: 0;} #searchBookList .divList .list ol li.sec strong{margin-bottom:0;padding:7px 10px;font-size:10px;font-family:Arial, Helvetica, sans-serif;border:0px solid #eee;background:none} #searchBookList .divList .list .nonone{color:#888;border:1px solid #ccc;background:#f8f8f8} #searchBookList .divList .list .blue{color:#2d4594} #searchBookList .divList .list .yellow{color:#aa6e39} #searchBookList .divList .list .print{position:absolute;bottom:5px;right: 2px;} #searchBookList .divList .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;font-size:13px;letter-spacing:-2px;color:#757575;background:url('../img/ico_books.png') no-repeat 0 -100px} #searchBookList .divList .list .print a:hover{color:#777} /**/ #searchBookList .webList{position:relative;padding:30px 0 30px 0;border-bottom:1px solid #ccc} #searchBookList .webList:first-child{padding-top:0} #searchBookList .webList h3{padding-bottom:20px;font-size:15px} #searchBookList .webList h3 em{padding:0 5px;font-size:12px;font-weight:400;color:#999} #searchBookList .webList ul{padding:0 20px;overflow:hidden} #searchBookList .webList ul li{float:left;padding:4px 10px 4px 0;color:#555} #searchBookList .webList ul li strong{padding:0 5px 0 0;font-weight:400;color:#888} #searchBookList .webList ul li em{padding:0 5px;font-size:12px;color:#999} #searchBookList .webList .radio{position:absolute;top:10px;right:10px} #searchBookList .webList .radio label{padding-right:10px} #searchBookList .webList .list{clear:both;padding:0 20px 30px 20px;position:relative;overflow:hidden} #searchBookList .webList .list:before, #searchBookList .webList .list:after{clear:both;display:table;content:"";line-height:0} #searchBookList .webList .list *{font-family:"굴림"} #searchBookList .webList .list dt{float:left;margin-right:20px} #searchBookList .webList .list dd{line-height:19px;font-size:12px;text-align:justify} #searchBookList .webList .list dd a{display:block;padding-bottom:5px;line-height:19px;font-size:13px;color:#00c;text-decoration:underline} #searchBookList .webList .list ol{position:absolute;top:130px;left:140px;overflow:hidden} #searchBookList .webList .list ol li{float:left;padding-right:10px} #searchBookList .webList .list ol li strong{display:block;margin-bottom:5px;padding:5px 0;width:100px;font-size:11px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #searchBookList .webList .list ol li a{display:block;margin-bottom:5px;padding:5px 0;width:120px;font-size:11px;font-weight:500;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #searchBookList .webList .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #searchBookList .webList .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchBookList .webList .list .blue{color:#2d4594} #searchBookList .webList .list .yellow{color:#aa6e39} #searchBookList .webList .list .print{position:absolute;bottom:5px;right:20px;padding:0 0 0 5px} #searchBookList .webList .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;font-size:11px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #searchBookList .webList .list .print a:hover{color:#777} #searchBookList .webList .more{float:right;display:block;padding:5px 20px;font-size:13px;color:#333;text-decoration:underline} #searchBookList .webList .more em{color:#F00;text-decoration:none} /**/ #searchBookList .tableList table{width:100%;border-collapse:collapse} #searchBookList .tableList th{padding:10px 5px;color:#555;border-bottom:1px solid #e4e4da} #searchBookList .tableList td{padding:10px 5px;line-height:18px;color:#777;text-align:center;border-bottom:1px solid #d3d3d3} #searchBookList .tableList td strong{display:block;font-size:11px;letter-spacing:-1px} #searchBookList .tableList td span{font-size:11px;letter-spacing:-1px} #searchBookList .tableList td div{position:relative;padding:0 0 0 25px} #searchBookList .tableList td div input{position:absolute;top:2px;left:5px;margin:0;padding:0} #searchBookList .tableList td div a{font-weight:800} #searchBookList .tableList td div span{font-size:12px} #searchBookList .tableList .tal{padding-left:10px;text-align:left} #searchBookList .tableList .btn{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;letter-spacing:-1px;border:1px solid #ccc} #searchBookList .tableList .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;font-size:11px;letter-spacing:-0px;color:#555;border:1px solid #ccc;background:#f3f3f3 url('../img/ico_books.png') no-repeat 5px -102px} #searchBookList .tableList .blue{letter-spacing:-1px;color:#2d4594} #searchBookList .tableList .yellow{color:#aa6e39} /**/ #searchBookList .not_found{padding:20px 15px;width:470px;margin:0 auto} #searchBookList .not_found .title{font-size:14px;margin-bottom:10px} #searchBookList .not_found ul{} #searchBookList .not_found ul li{background:url(../img/common/icon01.gif) no-repeat left 5px;color:#858585;padding-left:8px;margin-bottom:3px;text-align:left} #searchBookList .data_info .data_detail h3 p.icon_bg{background:url(../img/book/icon_bg.jpg) no-repeat left top;width:58px;height:17px;font-size:11px;font-weight:500;overflow:hidden;padding:5px 0 0 20px;line-height:11px;margin-right:5px;float:left} #searchBookList .data_info .data_detail h3 p.icon_pd{background-position:0 -22px} #searchBookList .data_info .data_detail h3 p.icon_eb{background-position:0 -44px} #searchBookList .data_info .data_detail h3 p.icon_ob{background-position:0 -66px} #searchBookList .data_info .data_detail h3 p.icon_ka{background-position:0 -88px} #searchBookList .data_info .data_detail h3 p.icon_or{background-position:0 -110px} /**/ #marcInfo .title{background:#3277ad} #marcInfo .title dl{padding:10px 0;overflow:hidden} #marcInfo .title dt{float:left;width:20%;font-weight:500;text-align:center;color:#fff} #marcInfo .title dd{float:left;width:80%;font-weight:500;text-align:center;color:#fff} #marcInfo .table table{width:100%;border-collapse:collapse;border-top:2px solid #1f5279} #marcInfo .table th{padding:10px 5px;line-height:14px;font-weight:500;text-align:center;color:#1f5279;border:1px solid #dbdee3;background-color:#eaeff5} #marcInfo .table td{padding:12px 5px;line-height:13px;border:1px solid #dbdee3} #marcInfo .table td.item{background-color:#faf6eb;font-weight:800} /**/ #paging{padding:15px 0 0 0;overflow:hidden} #paging .total{float:left;color:#696969} #paging .total strong{padding:0 5px} #paging .paging{float:right;margin-right:-2px;overflow:hidden} #paging .paging .num{float:left;display:block;margin:0 2px;padding:0 8px;height:20px;line-height:20px;text-align:center;color:#747d9d;border:1px solid #eee} #paging .paging .num:hover{color:#fff;border:1px solid #747d9d;background:#747d9d} #paging .paging strong{float:left;display:block;margin:0 2px;padding:0 8px;height:20px;line-height:20px;font-weight:500;text-align:center;color:#333;border:1px solid #ccc;background:#fff} #paging .paging .pprev{float:left;display:block;margin:0 2px;width:22px;height:22px;background:url('../img/btn_paging.png') no-repeat -0px -0px;text-indent:-9999em;overflow:hidden} #paging .paging .prev{float:left;display:block;margin:0 2px;width:22px;height:22px;background:url('../img/btn_paging.png') no-repeat -22px -0px;text-indent:-9999em;overflow:hidden} #paging .paging .next{float:left;display:block;margin:0 2px;width:22px;height:22px;background:url('../img/btn_paging.png') no-repeat -44px -0px;text-indent:-9999em;overflow:hidden} #paging .paging .nnext{float:left;display:block;margin:0 2px;width:22px;height:22px;background:url('../img/btn_paging.png') no-repeat -66px -0px;text-indent:-9999em;overflow:hidden} /**/ #searchDetailInfo .view{position:relative;padding:15px 0;min-height:220px;color:#555;border-top:0px solid #888;border-bottom:0px dashed #888} #searchDetailInfo .view dl{display: flex;position: relative;justify-content: flex-start;} #searchDetailInfo .view dt{position: relative;top:1px;left: 0px;margin-right: 30px;} #searchDetailInfo .view dt .image{margin:1px;width: 200px;} #searchDetailInfo .view dt .image em{display:block;position:relative;top:1px;left:1px;width:200px;height:282px;background:url('../img/no_bk.png') no-repeat 50% 50%;background-size:cover;text-indent:-9999em;overflow:hidden} #searchDetailInfo .view dt .image .no-bk{background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-eb{background:#fff url(../img/no_eb.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-ab{background:#fff url(../img/no_ab.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-dv{background:#fff url(../img/no_dv.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-se{background:#fff url(../img/no_se.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-cd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-dd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-tp{background:#fff url(../img/no-tp.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image img{display:block;position: relative;top:1px;border: 1px solid #eee;width: 200px;} #searchDetailInfo .view dt .label{position:absolute;top:-5px;left:5px} #searchDetailInfo .view dt .label img {height: 42px;} #searchDetailInfo .view dt .loadr{display:none;position:absolute;left:30px;top:50px} #searchDetailInfo .view dd {width:100%;} #searchDetailInfo .view dd div{position:relative;} #searchDetailInfo .view dd div strong{font-size:13px;font-weight:500;color:#333;border:1px solid #ccc} #searchDetailInfo .view dd div *{font-size:18px;font-weight:500;letter-spacing:-1px} #searchDetailInfo .view dd .ico strong{display:inline-block;margin-right:5px;padding:5px 10px;background:#fafafa;/*background:url('../img/ico_books.png') no-repeat 5px 0;*/border-radius:20px} #searchDetailInfo .view dd .ico > span{line-height:24px} #searchDetailInfo .view dd .ico-{display:none} #searchDetailInfo .view dd .ico-bo strong{background-position:10px -0px} #searchDetailInfo .view dd .ico-eb strong{background-position:10px -25px} #searchDetailInfo .view dd .ico-ab strong{background-position:10px -50px} #searchDetailInfo .view dd .ico-dv strong{background-position:10px -75px} #searchDetailInfo .view ul{margin:10px 0;padding:0} #searchDetailInfo .view ul li{position:relative;padding:4px 0 4px 130px;min-height:20px;line-height:20px;border-top:1px dotted #ccc;font-size: 14px;} #searchDetailInfo .view ul li strong{position:absolute;top:4px;left:0px;display:inline-block;width:130px;font-size:14px;font-weight:400} #searchDetailInfo .view ul li em{color:#ccc} #searchDetailInfo .view ul li a{padding-right:7px;font-weight:400;color:#2d4594} #searchDetailInfo .view .qrcode{position:absolute;top:34px;right:0px;padding:11px 11px 10px 11px;border:1px solid #eee;background:#fff} #searchDetailInfo .view .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchDetailInfo .view .blue{color:#2d4594} #searchDetailInfo .view .yellow{color:#aa6e39} #searchDetailInfo .view .sns{position:absolute;bottom:30px;left:10px} #searchDetailInfo .view .sns .twitter-share-button{position:relative;top:3px;width:59px;height:20px} #searchDetailInfo .btngroup{padding:20px 0 40px 0;text-align:center;border-bottom:1px dotted #333} #searchDetailInfo .btngroup input{position:relative;top:-18px;width:140px;height:43px;border:0;background:url('../img/btn_interest.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #searchDetailInfo .btngroup a{display:inline-block;width:140px;height:43px;background:url('../img/btn_interest.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #searchDetailInfo .btngroup .btn-excel{background-position:-0px -0px} #searchDetailInfo .btngroup .btn-excel:hover{background-position:-0px -43px} #searchDetailInfo .btngroup .btn-pack{background-position:-140px -0px} #searchDetailInfo .btngroup .btn-pack:hover{background-position:-140px -43px} #searchDetailInfo .btngroup .btn-list{background-position:-280px -0px} #searchDetailInfo .btngroup .btn-list:hover{background-position:-280px -43px} #searchDetailInfo .btngroup .btn-about{background-position:-420px -0px} #searchDetailInfo .btngroup .btn-about:hover{background-position:-420px -43px} #searchDetailInfo table{width:100%;border-collapse:collapse;border-top:1px solid #3d4459} #searchDetailInfo table caption{position: absolute;top: -9999px;left: -9999px;} #searchDetailInfo table thead th{padding:9px 0;font-size: 15px;font-weight: 600;text-align:center;color:#333;border:0;border-bottom:1px solid #999;background:#fbfbfb;letter-spacing: -0.5px;} #searchDetailInfo table thead th:first-child{border-left:0} #searchDetailInfo table thead th:last-child{border-right:0} #searchDetailInfo table tbody tr:first-child td{background:url(../img/table_td.png) repeat-x 0 0} #searchDetailInfo table tbody th{padding: 15px 10px;font-weight:500;text-align:center;color:#002747;border:1px solid #eee;border-bottom:1px solid #ccc;background:#fafafa} #searchDetailInfo table tbody td{padding: 15px 10px;text-align:center;color:#696969;border:1px solid #eee;border-bottom:1px solid #ccc;background:#fff} #searchDetailInfo table tbody td:first-child{border-left:0;font-weight:500;/*background:#ffc !important*/} #searchDetailInfo table tbody td:last-child{border-right:0} #searchDetailInfo table tbody th:first-child{border-left:0} #searchDetailInfo table tbody th:last-child{border-right:0} #searchDetailInfo table tbody td.tal{text-align:left} #searchDetailInfo table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background:#fff} #searchDetailInfo table tfoot th{padding:10px;font-weight:500;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background:#f4f5f8} #searchDetailInfo table tfoot td{padding:10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #ece3e9;background:#f8f8f8} #searchDetailInfo table tfoot td:first-child{border-left:0} #searchDetailInfo table tfoot td:last-child{border-right:0} #searchDetailInfo table tfoot th:first-child{border-left:0} #searchDetailInfo table tfoot th:last-child{border-right:0} #searchDetailInfo table tfoot td.tal{text-align:left} #searchDetailInfo table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background:#fff} #searchDetailInfo table th.blue, #searchDetailInfo table td.blue{color:#2454ff !important} #searchDetailInfo .blue{color:#2d4594} #searchDetailInfo .yellow{color:#aa6e39} /* #searchDetailInfo .print{position:absolute;top:120px;right:20px;padding:0 0 0 5px} #searchDetailInfo .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #searchDetailInfo .print a:hover{color:#777} */ #searchDetailInfo .btn_box{display:block;color:#405a89;border:1px solid #809ec3;background:#dbebff} #searchDetailInfo .btn_okay{display:block;padding:2px 6px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#fff;border:1px solid #3d4f8b;background:#465ba1;border-radius:30px} #searchDetailInfo .btn_okay:hover{background:#014fbb} #searchDetailInfo .orange{display:block;margin:0 0 3px 0;padding:2px 6px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#ef2700;border:1px solid #f9a999;background:#fff;border-radius:30px} #searchDetailInfo .navy{display:block;margin:0 0 3px 0;padding:2px 6px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#3d4f8b;border:1px solid #b3bbd8;background:#fff;border-radius:30px} #searchDetailInfo .table h3{line-height:40px;font-size:16px;color:#7d7067;letter-spacing: -1px;} #searchDetailInfo .table h3 span{display:inline-block;padding:0 20px;font-size:13px;font-weight:400;color:#2d4594} #searchDetailInfo .table .tal{padding-left:10px} #searchDetailInfo .table .btn{display:inline-block;padding:3px 8px;font-size:13px;font-weight:500;border:1px solid #ccc;letter-spacing: -1px;} #searchDetailInfo .table .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;font-size:13px;letter-spacing:-0px;color:#555;border:1px solid #ccc;;background:#f3f3f3 url('../img/ico_books.png') no-repeat 5px -102px;margin-top: 5px;} #searchDetailInfo .table .blue{color:#2d4594} #searchDetailInfo .table .yellow{color:#aa6e39} #searchDetailInfo .table .cancel{display:inline-block;padding:5px 10px;font-size:11px;font-weight:500;color:#fff;background:#c00;border-radius:5px} #searchDetailInfo .table .item{background:#F9F9F9;font-weight:500;/* text-align:left;*/padding-left:10px} #searchDetailInfo .table .item a{letter-spacing:-0.1em} #searchDetailInfo .info{position:relative;color:#696969;padding: 0 10px 0 0;} #searchDetailInfo .info h3{padding:10px 0} #searchDetailInfo .info div{padding-right:100px;padding-bottom:20px;margin-bottom:10px;min-height:150px;border-bottom:1px solid #ccc;overflow:hidden} #searchDetailInfo .info div img{float:left;display:block;margin-right:10px} #searchDetailInfo .info .qrcode{position:absolute;top:38px;right:0px;padding:11px 11px 10px 11px;border:1px solid #eee;background:#fff} /**/ #detailSearchForm{position:relative;padding:0 20px;border:0px solid #d4d4d4} #detailSearchForm .detailSearchFormTab{padding:20px} #detailSearchForm .detailSearchFormTab *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;font-family:'NanumBarunGothic'} #detailSearchForm .detailSearchFormTab ul{height:38px;border-bottom:1px solid #777;*zoom:1} #detailSearchForm .detailSearchFormTab ul:before, #detailSearchForm .detailSearchFormTab ul:after{clear:both;display:table;content:"";line-height:0} #detailSearchForm .detailSearchFormTab ul li{float:left} #detailSearchForm .detailSearchFormTab ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:8px 30px;height:21px;font-size:15px;font-weight:700;color:#888;border:1px solid #bababa;border-bottom:0;background:#fefefe} #detailSearchForm .detailSearchFormTab ul li a:hover{position:relative;z-index:10;top:-1px;height:20px;color:#fff;border:1px solid #777;border-top:3px solid #777;border-bottom:1px solid #333;background:#333} #detailSearchForm .detailSearchFormTab ul li a.sel{position:relative;z-index:10;top:-1px;height:19px;color:#333;border:1px solid #777;border-top:3px solid #777;border-bottom:2px solid #fff;background:#fff} #detailSearchForm .detailSearchForm{height:520px} #detailSearchForm .tit{position:relative;margin:0 20px} #detailSearchForm .tit h2{font-size:18px;letter-spacing:-2px;color:#575757} #detailSearchForm .tit p{position:absolute;top:4px;left:100px;color:#777} #detailSearchForm .detail{padding:20px;color:#777} #detailSearchForm .detail dl{padding:5px 0;overflow:hidden} #detailSearchForm .detail dt{float:left;width:20%} #detailSearchForm .detail dt label{font-weight:800} #detailSearchForm .detail dd{float:left;width:80%} #detailSearchForm .detail select{padding:2px 2px 2px 0;min-width:45px;height:30px;font-size:1em;line-height:17px;font-family:"돋움",dotum,"굴림",Gulim,"Trebuchet MS",arial,Verdana;vertical-align:middle;border:1px solid #bbb} #detailSearchForm .detail input.t_text{padding:0 4px;height:30px;line-height:20px;vertical-align:middle;cursor:text;border:1px solid #bbb} #detailSearchForm .detail .box{margin:10px 0;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #detailSearchForm .detail .search{padding:5px 0} #detailSearchForm .detail .search a{padding:0 10px;font-size:11px;font-weight:500;letter-spacing:-1px;color:#777} #detailSearchForm .detail .search a:hover{color:#405a89} #detailSearchForm .button{margin:10px 0;padding:10px 0;text-align:center;border-top:1px solid #ccc} #detailSearchForm .button input{position:relative;top:-1px;padding:10px 50px;font-weight:500;border:1px solid #ccc;background:#fff;cursor: pointer;} #detailSearchForm .button button{padding:10px 30px;font-weight:500;border:1px solid #ccc;background:#fff} /**/ #marcInfo table{width:100%;text-align:center;border-top:2px solid #9ca6af;border-left:1px solid #e3e0de;border-collapse:collapse} #marcInfo table.mb10 {margin-bottom: 10px;} #marcInfo table.mb10 th, #marcInfo table.mb10 td {border-top:2px solid #9ca6af;} #marcInfo th{padding:10px 0;line-height:18px;font-weight:500;color:#002747;border-right:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#eaeff5} #marcInfo td{padding:5px 0;line-height:18px;color:#555;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;background:#fff} #marcInfo td strong{font-size:11px} #marcInfo td.tal{padding-left:10px} #marcInfo td input{padding:5px;margin-right:5px} #marcInfo td select{padding:4px 5px;padding-right:20px;font-size:13px;color:#555;border:1px solid #ccc;background:#fff url(../../../../wdLayout/skins/default/img/common/select_arrow.png) no-repeat 90% 50%;border-radius:0} #marcInfo td select:hover, #marcInfo td select:focus{color:#eee;background-color:#555} #marcInfo td p{color:#C00} #marcInfo td input.box{border:1px solid #e3e0de} #marcInfo td.end{border-right:none} #marcInfo td .cancel{display:inline-block;padding:5px 10px;font-size:11px;font-weight:500;letter-spacing:-1px;color:#fff;background:#C00;border-radius:5px} #marcInfo td div{padding-bottom:2px} #marcInfo td div img{vertical-align:middle;margin-bottom:2px} #marcInfo td.item a{letter-spacing:-0.1em} #marcInfo td.item{color:#454545;background:#faf6ed;font-weight:500;/* text-align:left;*/padding-left:10px} /* #searchDetailInfo .view{position:relative;padding:15px 0;color:#555;border-top:0px solid #888;border-bottom:0px dashed #888} #searchDetailInfo .view dl{position:relative;padding-left:200px} #searchDetailInfo .view dt{position:absolute;top:10px;left:10px} #searchDetailInfo .view dt .image{width:180px;height:200px;background:url('../img/img_book.png') no-repeat 0 0} #searchDetailInfo .view dt .image em{display:block;padding:1px;width:138px;height:198px;background:url('../img/img_no_book.png') no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #searchDetailInfo .view dt .image img{padding:1px;width:138px;height:198px} #searchDetailInfo .view dt .label{position:absolute;top:-3px;left:5px} #searchDetailInfo .view dt .qrcode{position:absolute;bottom:1px;right:41px} #searchDetailInfo .view dt .loadr{display:none;position:absolute;left:30px;top:50px} #searchDetailInfo .view dd{padding:10px 0 0 0} #searchDetailInfo .view dd div{position:relative;padding:0 0 0 110px} #searchDetailInfo .view dd div strong{position:absolute;top:0px;left:0;font-size:12px;font-weight:500;color:#696969;border:1px solid #ccc} #searchDetailInfo .view dd div *{font-size:15px;font-weight:500;letter-spacing:-1px} #searchDetailInfo .view dd .ico strong{display:inline-block;padding:5px 20px 5px 35px;background:url('../img/ico_books.png') no-repeat 10px 0} #searchDetailInfo .view dd .ico > span{line-height:24px} #searchDetailInfo .view dd .ico-{display:none} #searchDetailInfo .view dd .ico-bo strong{background-position:10px -0px} #searchDetailInfo .view dd .ico-eb strong{background-position:10px -25px} #searchDetailInfo .view dd .ico-ab strong{background-position:10px -50px} #searchDetailInfo .view dd .ico-dv strong{background-position:10px -75px} #searchDetailInfo .view ul{padding:10px 0} #searchDetailInfo .view ul li{position:relative;padding:2px 0 2px 110px;min-height:20px;line-height:20px;border-bottom:1px dotted #ccc} #searchDetailInfo .view ul li strong{position:absolute;top:5px;left:0px;display:inline-block;width:100px;font-weight:800} #searchDetailInfo .view ul li em{color:#ccc} #searchDetailInfo .view ul li a{padding-right:5px;font-weight:500;color:#2d4594} #searchDetailInfo .view .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchDetailInfo .view .blue{color:#2d4594} #searchDetailInfo .view .yellow{color:#aa6e39} #searchDetailInfo .view .sns{padding:20px 0 0 10px} #searchDetailInfo .view .sns .twitter-share-button{position:relative;top:3px;width:59px;height:20px} #searchDetailInfo .btngroup{padding:20px 0 40px 0;text-align:center;border-bottom:1px dotted #333} #searchDetailInfo .btngroup input{position:relative;top:-18px;width:140px;height:43px;border:0;background:url('../img/btn_interest.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #searchDetailInfo .btngroup a{display:inline-block;width:140px;height:43px;background:url('../img/btn_interest.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #searchDetailInfo .btngroup .btn-excel{background-position:-0px -0px} #searchDetailInfo .btngroup .btn-excel:hover{background-position:-0px -43px} #searchDetailInfo .btngroup .btn-pack{background-position:-140px -0px} #searchDetailInfo .btngroup .btn-pack:hover{background-position:-140px -43px} #searchDetailInfo .btngroup .btn-list{background-position:-280px -0px} #searchDetailInfo .btngroup .btn-list:hover{background-position:-280px -43px} #searchDetailInfo .btngroup .btn-about{background-position:-420px -0px} #searchDetailInfo .btngroup .btn-about:hover{background-position:-420px -43px} #searchDetailInfo .table h3{padding:20px 0;font-size:18px;letter-spacing:-2px;color:#575757} #searchDetailInfo .table table{width:100%;border-top:2px solid #7d7067;border-collapse:collapse} #searchDetailInfo .table th{padding:10px 0;line-height:18px;font-size:11px;font-weight:500;letter-spacing:-1px;color:#555;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#fafaed} #searchDetailInfo .table td{padding:5px 0;line-height:18px;color:#777;text-align:center;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;background:#fff} #searchDetailInfo .table td strong{font-size:11px} #searchDetailInfo .table td input{padding:5px;margin-right:5px} #searchDetailInfo .table td select{padding:4px 5px;padding-right:20px;font-size:13px;color:#777;border:1px solid #ccc;background:#fff url(../../../../wdLayout/skins/default/img/common/select_arrow.png) no-repeat 90% 50%;border-radius:0} #searchDetailInfo .table td select:hover, #searchDetailInfo .table td select:focus{color:#eee;background-color:#555} #searchDetailInfo .table td p{color:#C00} #searchDetailInfo .table td input.box{border:1px solid #e3e0de} #searchDetailInfo .table td div{padding-bottom:2px} #searchDetailInfo .table td div img{vertical-align:middle;margin-bottom:2px} #searchDetailInfo .table .tal{padding-left:10px} #searchDetailInfo .table .btn{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;letter-spacing:-1px;border:1px solid #ccc} #searchDetailInfo .table .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;font-size:11px;letter-spacing:-0px;color:#555;border:1px solid #ccc;;background:#f3f3f3 url('../img/ico_books.png') no-repeat 5px -102px} #searchDetailInfo .table .blue{letter-spacing:-1px;color:#2d4594} #searchDetailInfo .table .yellow{letter-spacing:-1px;color:#aa6e39} #searchDetailInfo .table .cancel{display:inline-block;padding:5px 10px;font-size:11px;font-weight:500;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #searchDetailInfo .table .item{background:#F9F9F9;font-weight:500;padding-left:10px} #searchDetailInfo .table .item a{letter-spacing:-0.1em} #searchDetailInfo .info{padding:15px 0;line-height:20px;color:#696969} */ /**/ #hopeDataTab{margin: 0 0 30px;border-bottom:0px solid #eaeaea} #hopeDataTab *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;} #hopeDataTab ul{border-bottom:1px solid #0e4ea5;*zoom:1} #hopeDataTab ul:before, #hopeDataTab ul:after{clear:both;display:table;content:"";line-height:0} #hopeDataTab ul li{float:left;} #hopeDataTab ul li:first-child {border-left: 1px solid #bababa;} #hopeDataTab ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding: 0 20px;height: 50px;font-size:17px;line-height: 50px;font-weight:400;color:#333;border:1px solid #ccc;border-bottom:0;background:#fefefe} #hopeDataTab ul li a:hover{position:relative;z-index:10;border: 1px solid #0e4ea5;color: #0e4ea5;border-bottom: 0;text-decoration: none;font-weight: 500;} #hopeDataTab ul li.on a{color:#fff;background:#0e4ea5;text-decoration: none;font-weight: 500;} /**/ #hopeDataRequest {} #hopeDataRequest *{} #hopeDataRequest .title{padding:10px 0 20px 0;font-size:14px;overflow:hidden} #hopeDataRequest .title div{float:left;color:#696969} #hopeDataRequest .title p{float:right;color:#696969} #hopeDataRequest .table{padding-bottom:10px} #hopeDataRequest .table table{padding-bottom:20px;width:100%;border-top:2px solid #7d7067;border-collapse:collapse} #hopeDataRequest .table th{padding:10px;line-height:18px;font-size: 14px;font-weight:500;text-align:left;color:#555;border-bottom:1px solid #e3e0de;background: #f8f8f8;} #hopeDataRequest .table td{padding:5px 10px;line-height:18px;color:#777;text-align:left;border-bottom:1px solid #e3e0de;background:#fff} #hopeDataRequest .table td strong{font-size:11px} #hopeDataRequest .table td span{padding:0 10px;font-size:13px;color:#555} #hopeDataRequest .table td input{padding:5px} #hopeDataRequest .table td select{padding:4px 5px;padding-right:20px;font-size:13px;color:#777;border:1px solid #ccc;background:#fff url(../../../../wdLayout/skins/default/img/common/select_arrow.png) no-repeat 90% 50%;border-radius:0} #hopeDataRequest .table td select:hover, #hopeDataRequest .table td select:focus{color:#eee;background-color:#555} #hopeDataRequest .table td label{padding-right:20px} #hopeDataRequest .table td label input{position:relative;top:-0px} #hopeDataRequest .table td p{color:#C00} #hopeDataRequest .table td input.box{border:1px solid #e3e0de} #hopeDataRequest .table td div{padding-bottom:2px} #hopeDataRequest .table td div img{vertical-align:middle;margin-bottom:2px} #hopeDataRequest .table .api{position:relative;top:-1px;display:inline-block;margin-right:20px;padding:4px 8px 5px 8px;font-weight:500;color:#fff;border:1px solid #0e4ea5;background:#0e4ea5} #hopeDataRequest .table .tal{padding-left:10px} #hopeDataRequest .table .btn{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;letter-spacing:-1px;border:1px solid #ccc} #hopeDataRequest .table .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;font-size:11px;letter-spacing:-0px;color:#555;border:0;background:url('../img/ico_books.png') no-repeat 5px -102px} #hopeDataRequest .table .blue{letter-spacing:-1px;color:#2d4594} #hopeDataRequest .table .yellow{letter-spacing:-1px;color:#aa6e39} #hopeDataRequest .table .cancel{display:inline-block;padding:5px 10px;font-size:11px;font-weight:500;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataRequest .table .item{background:#F9F9F9;font-weight:500;/* text-align:left;*/padding-left:10px} #hopeDataRequest .table .item a{letter-spacing:-0.1em} #hopeDataRequest .agree{padding:10px 0;font-size:13px;letter-spacing:0px;text-align:center;color:#696969} #hopeDataRequest .button{margin:10px 0;padding:20px 0;text-align:center;border-top:1px solid #ccc} #hopeDataRequest .button input{padding:15px 50px;font-size: 15px;font-weight: 500;background-color: #333;color: #fff;} /**/ #hopeDataList{} #hopeDataList .setting{position:relative;padding:5px 0;border-top:0px solid #888;border-bottom:0px solid #ccc;background:#fff;overflow:hidden} #hopeDataList .setting:before, #hopeDataList .setting:after{clear:both;display:table;content:"";line-height:0} #hopeDataList .setting h3{float:left;padding:5px 0;font-size:12px;font-weight:400} #hopeDataList .setting ul{float:right;overflow:hidden} #hopeDataList .setting li{float:left} #hopeDataList .setting li a{display:block;margin:0 0 0 5px;padding:5px 0;width:80px;font-size:13px;font-weight:400;letter-spacing:-1px;text-align:center;color:#405a89;border:1px solid #809ec3;background:#dbebff} #hopeDataList .setting li a:hover{border:1px solid #3d4f8b;background:#fff} #hopeDataList .setting fieldset{float:right;padding:0} #hopeDataList .setting fieldset strong{padding-left:5px;font-size:12px} #hopeDataList .setting fieldset select{padding:4px 3px;font-size:12px;border:1px solid #dbdbdb} #hopeDataList .setting fieldset button{padding:0 10px;height:25px;font-weight:500;letter-spacing:-1px;color:#fff;background:#0e4ea5} #hopeDataList .setting fieldset span{padding:0 5px 0 0;font-size:11px;letter-spacing:-1px;color:#888} #hopeDataList .setting fieldset label{padding:0 0 0 10px} #hopeDataList .setting fieldset .t_text{position:relative;top:-0px;padding:2px 3px;height:20px;line-height:20px;font-weight:500;border:1px solid #ccc} #hopeDataList .setting fieldset .btn{padding:2px 10px;font-size:11px;color:#fff;border:1px solid #111;background:#333} /* #hopeDataList .setting{line-height:20px;padding:10px 0;overflow:hidden;*zoom:1} #hopeDataList .setting:before, #hopeDataList .setting:after{clear:both;display:table;content:"";line-height:0} #hopeDataList .setting h3{float:left;font-size:12px;font-weight:400} #hopeDataList .setting fieldset{float:right} #hopeDataList .setting fieldset strong{padding-left:5px;font-size:12px} #hopeDataList .setting fieldset select{padding:1px 3px;font-size:12px;border:1px solid #dbdbdb} #hopeDataList .setting fieldset .t_text{padding:2px 5px;text-align:center;border:1px solid #ccc} #hopeDataList .setting fieldset .btn{padding:2px 10px;font-size:11px;color:#fff;border:1px solid #111;background:#333} */ #hopeDataList .table table{width:100%;border-collapse:collapse;border-top:2px solid #7d7067} #hopeDataList .table thead{border-bottom:2px solid #e4e4da;background:#f9f8e8} #hopeDataList .table th{padding:10px 5px;font-size:14px;font-weight:500;vertical-align:middle;border-bottom:1px solid #d3d3d3} #hopeDataList .table td{padding:10px 5px;font-size:12px;text-align:center;border-bottom:1px solid #d3d3d3} #hopeDataList .table td a{font-weight:800} #hopeDataList .table .tal{padding-left:10px;text-align:left} #hopeDataList .table .btn{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;letter-spacing:-1px;border:1px solid #ccc} #hopeDataList .table .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;font-size:11px;letter-spacing:-0px;color:#555;border:0;background:url('../img/ico_books.png') no-repeat 5px -102px} #hopeDataList .table .blue{letter-spacing:-1px;color:#2d4594} #hopeDataList .table .yellow{letter-spacing:-1px;color:#aa6e39} #hopeDataList .table .cancel{display:inline-block;padding:5px 10px;font-size:11px;font-weight:500;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataList .top{margin-bottom: 40px;background: linear-gradient(#b6daf9, #fff);} #hopeDataList .top p {min-height: 240px;padding: 40px 30px 40px 280px;font-size:19px;color:#333;line-height: 1.5em;background: url(../img/ico_hope_book.png) no-repeat 30px 50%;box-sizing: border-box;word-break: keep-all;} #hopeDataList .top p strong{color:#1853da;font-weight: 500;} #hopeDataList .txt{margin-bottom:20px;padding: 20px;line-height:20px;color:#555;border:1px solid #ccc;border-top:2px solid #aaa} #hopeDataList .txt h3{padding: 0 0 15px 20px;font-size:17px;color:#333;background:url(../img/ico_bullet2.png) no-repeat 0 4px;} #hopeDataList .txt *{font-size:15px} #hopeDataList .txt em{position: absolute;top: 0;left: 0;padding-right:2px;font-size:15px;color:#777} #hopeDataList .txt ul li {position: relative;padding-left: 20px;} #hopeDataList .txt > ul > li {position: relative;padding-left: 20px;word-break: keep-all;} #hopeDataList .txt ul > li + li {margin-top: 5px;} #hopeDataList .txt ul > li strong{clear:both;display:inline-block;padding:10px 0 10px 100px;color:#614b38} #hopeDataList .txt ul > li > ul {padding-top: 10px;} #hopeDataList .txt ul > li > ul > li{padding: 0;color:#555} #hopeDataList .txt ul > li > ul > li + li {margin-top: 5px;} #hopeDataList .button{padding: 40px 0 0;text-align:center} #hopeDataList .button a{display:inline-block;padding: 12px 40px;font-size: 16px;font-weight:500;border:1px solid #ccc;background:#eee} #hopeDataList .button .hopeok{color:#fff;border: 0;background:#0e4ea5} /**/ #hopeDataDetail{} #hopeDataDetail *{font-family:'NanumBarunGothic'} #hopeDataDetail .table h3{padding:10px 0 20px;font-size:13px;color:#575757} #hopeDataDetail .table table{margin-bottom:20px;width:100%;border-top:2px solid #7d7067;border-collapse:collapse} #hopeDataDetail .table th{padding:10px;line-height:18px;font-size:13px;font-weight:500;letter-spacing:-1px;;text-align:left;color:#555;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#fafaed} #hopeDataDetail .table td{padding:5px 10px;line-height:18px;color:#555;text-align:left;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;background:#fff} #hopeDataDetail .button{margin:10px 0;padding:20px 0;text-align:center} #hopeDataDetail .button a{padding:10px 30px;font-weight:500;border:1px solid #e3e0de} /*로그인*/ #wdMember{} #wdMember *{font-family:'NanumBarunGothic'} #wdMember .login{overflow:hidden} #wdMember .login .title{padding:50px 0 0 0} #wdMember .login .title h3{font-size:31px;color:#3d4459} #wdMember .login .title h3 strong{color:#009ecb} #wdMember .login .title p{font-size:20px;color:#7a7a7a} #wdMember .login fieldset{margin:20px 0 0 0;padding:30px 0;text-align:center;border:1px solid #ccc;border-top:3px solid #009ecb} #wdMember .form-group{display:inline;margin:0 20px 0 0;vertical-align:middle} #wdMember .form-group label{margin:0 5px 0 0;height:40px;font-size:15px} #wdMember .form-group input{width:150px;height:40px;line-height:40px\9;font-size:14px;border:0;border-bottom:1px solid #3d4459;background:none} #wdMember .form-group button{padding:0 30px;height:42px;font-size:14px;color:#fff;border:0;border-left:3px solid #009ecb;background:#3d4459} #wdMember .txt p{padding:20px 0 0 0;font-size:15px;line-height:30px;color:#777} #wdMember .txt p strong{color:#555} /*로그인 #wdMember{} #wdMember *{font-family:"NanumBarunGothic"} #wdMember .login{overflow:hidden} #wdMember .login > div{padding:50px 0 0 0;width:500px} #wdMember .login > div h3{} #wdMember .login fieldset{margin:20px 0 0 0;padding:30px 0;text-align:center;border:5px solid #ccc} #wdMember .form-group{display:inline;margin:0 20px 0 0;vertical-align:middle} #wdMember .form-group label{margin:0 10px 0 0;height:40px;font-size:18px} #wdMember .form-group input{padding:0 10px;width:200px;height:40px;line-height:40px\9;font-size:14px;border:2px solid #ccc} #wdMember .form-group button{width:150px;height:44px;font-size:18px;color:#fff;background:#0d49a2} #wdMember .txt p{padding:30px 0 0 0;font-size:15px;line-height:30px;color:#777} #wdMember .txt p strong{color:#555} */ /*내서재*/ #dataLoanList{} #dataLoanList .dataLoanListTab{margin:20px 0;border-bottom:0px solid #eaeaea} #dataLoanList .dataLoanListTab *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none} #dataLoanList .dataLoanListTab ul {border-bottom:1px solid #0e4ea5;*zoom:1} #dataLoanList .dataLoanListTab ul:before, #dataLoanList .dataLoanListTab ul:after{clear:both;display:table;content:"";line-height:0} #dataLoanList .dataLoanListTab ul li{float:left} #dataLoanList .dataLoanListTab ul li a{display:block;text-align: center;position:relative;z-index:5;margin-left:-1px;padding: 10px 12px;/*height:21px;*/font-size:16px;font-weight:500;color:#353535;border:1px solid #bababa;border-bottom:0;background:#fefefe;} #dataLoanList .dataLoanListTab ul li a:hover{position:relative;z-index:10;top:-0px;height:22px;color:#fff;border:1px solid #0e4ea5;background:#0e4ea5} #dataLoanList .dataLoanListTab ul li.on a{position:relative;z-index:10;top:-0px;height:22px;color:#fff;border:1px solid #0e4ea5;background:#0e4ea5} #dataLoanList .dataLoanListTab ul li:first-child a{margin-left:0} #dataLoanList .infomation{/*padding:0 0 10px 110px;*/padding: 20px 30px 25px 120px;color:#555;border:2px solid #0e4ea5;background:#fff url(../img/mylib.png) no-repeat 0 50%;background-size: contain;} #dataLoanList .infomation p {/*padding:20px 0 15px 0;*/margin-bottom: 10px;font-size: 19px;font-weight:500;color:#2b3b56} #dataLoanList .infomation p strong{color:#000} #dataLoanList .infomation ul{padding-top:1px;overflow:hidden} #dataLoanList .infomation ul li {float:left;min-width: 50%;padding: 4px 0 4px 15px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 11px / auto 6px;box-sizing: border-box;} #dataLoanList .infomation ul li.end{margin-right:0} #dataLoanList .infomation ul li.long{} #dataLoanList .infomation ul li span.mem_num{color:#a28354} #dataLoanList .infomation ul li span.use_ok{color:#498bbf} #dataLoanList .infomation ul li span.use_no{color:#c14e33} #dataLoanList .notice{padding-bottom:50px} #dataLoanList .notice ul{overflow:hidden} #dataLoanList .notice li{margin:0 0 10px 0;font-size:15px;font-weight:300;color:#2b3b56} #dataLoanList .settype{position:relative;padding:10px 0;border-top:0px solid #888;border-bottom:0px solid #ccc;overflow:hidden} #dataLoanList .settype:before, #dataLoanList .settype:after{clear:both;display:table;content:"";line-height:0} #dataLoanList .settype h3{float:left;padding:5px 0;font-size:14px;font-weight:400} #dataLoanList .settype ul{float:right;overflow:hidden} #dataLoanList .settype li{float:left} #dataLoanList .settype li a{display:block;margin:0 0 0 5px;padding:5px 0;width:80px;font-size:12px;font-weight:400;letter-spacing:-1px;text-align:center;color:#405a89;border:1px solid #809ec3;background:#dbebff} #dataLoanList .settype li a:hover{border:1px solid #3d4f8b;background:#fff} #dataLoanList .settype fieldset{float:right;padding:0;overflow:hidden;text-align: right;word-break: keep-all;} #dataLoanList .settype fieldset strong{float:left;margin-right:3px;padding-left:5px;font-size:12px} #dataLoanList .settype fieldset select{float:left;margin-right:3px;padding:5px 3px;font-size:12px;border:1px solid #dbdbdb;background:#fff} #dataLoanList .settype fieldset input {float:left;margin-right:3px;padding:5px 3px;font-size:12px;border:1px solid #dbdbdb;background:#fff} #dataLoanList .settype fieldset button{float:left;padding:0 10px;height:28px;font-weight: 500;letter-spacing:-1px;color:#fff;background:#0e4ea5} /* 22-04-11 수정 #dataLoanList .settype fieldset select{display: inline-block;width: 20%;min-height: 30px;padding:5px 3px;font-size:12px;border:1px solid #dbdbdb;background:#fff;vertical-align: top;} #dataLoanList .settype fieldset input {display: inline-block;width: 30%;min-height: 18px;padding:5px 3px;font-size:12px;border:1px solid #dbdbdb;background:#fff;vertical-align: top;} #dataLoanList .settype fieldset button{display: inline-block;padding:0 10px;height: 30px;font-weight: 500;letter-spacing:-1px;color:#fff;background:#0e4ea5;vertical-align: top;}*/ #dataLoanList .settype fieldset span{float:left;display:block;margin-right:3px;line-height:26px;font-size:11px;letter-spacing:-1px;color:#888} #dataLoanList .settype fieldset label{float:left;display:block;margin-right:3px;line-height:26px;padding:0 0 0 10px} #dataLoanList .settype fieldset .t_text{float:left;margin-right:3px;padding:0 3px;height:24px;line-height:24px;font-weight:500;border:1px solid #ccc} #dataLoanList .settype fieldset .btn{float:left;padding:0 10px;font-size:11px;color:#fff;border:1px solid #111;background:#333} #dataLoanList .dataLoanTable{} #dataLoanList .dataLoanTable table{clear:both;border-collapse:collapse;width:100%;border-top:2px solid #888;text-align:center} #dataLoanList .dataLoanTable th{padding:10px 5px;line-height:16px;font-size:13px;font-weight:500;color:#575757;border-bottom:1px solid #aaa;background:#f7f7f7} #dataLoanList .dataLoanTable td{padding:10px 5px;line-height:15px;font-size:14px;color:#575757;border-bottom:1px solid #d3d3d3} #dataLoanList .dataLoanTable td .btn {display: inline-block;padding: 5px 7px;font-size: 13px;} #dataLoanList .dataLoanTable td .btn_orange {background-color: #d34304;color: #fff;} #dataLoanList .dataLoanTable td .btn_blue {background-color: #0e4ea5;color: #fff;} #dataLoanList .enbloc{padding:10px 0;text-align:right} #dataLoanList .enbloc button{padding:0 10px;height:25px;font-weight:500;letter-spacing:-1px;color:#fff;background:#777} #dataLoanList .enbloc button.exel{height:32px;color:#3b873b;border:1px solid #ccc;background:#fff} #dataLoanList .enbloc a{display:inline-block;padding:8px 10px;font-weight:500;border:1px solid #ccc;background:#fff} #dataLoanList .enbloc .exel{color:#3b873b} #dataLoanList .enbloc .total{color:#366212} #dataLoanList .enbloc .del{color:#777} #dataLoanList .txt{padding:10px 0} #dataLoanList .txt li{padding-bottom:5px;color:#888} /**/ #search_bar01{background:#f5f6f1;height:22px;padding:9px 10px;position:relative;border:2px solid #e8e9e4;margin:27px 13px 5px} #search_bar01 .title{margin:0;padding:2px 4px 0 0;float:left;width:60px} #search_bar01 .title h2{margin:0;float:left;background:none} #search_bar01 .title p{padding:0 0 0 0;margin:7px 0 0;float:left} #search_bar01 .title p input{vertical-align:middle;padding:0} #search{float:left;width:422px;font-size:1.3em} .search_commend input{vertical-align:top;float:left} #result_box_wrapper p.pic{padding:20px 0;text-align:center} #result_box_wrap{} #result_box_wrap h3{padding:0 0 8px 3px;font-size:14px;color:#1b5b9d;background:none;border-bottom:3px solid #e4e4e4;width:575px} #result_box_wrap ul li{font-weight:normal;padding:3px 0 3px 20px;line-height:150%} #result_box{text-align:center;position:relative} #result_box_wrapper{text-align:left;padding-top:15px;margin:0 auto} #result_box_wrap{} #result_box_wrap h3{padding:0 0 8px 3px;font-size:14px;color:#1b5b9d;background:none;border-bottom:3px solid #e4e4e4;width:575px} #result_box_wrap ul li{font-weight:normal;padding:3px 0 3px 20px;line-height:150%} #result_box_wrapper p{line-height:150%;margin:0;padding:0;width:587px} #result_box_wrapper p.pic{padding:20px 0;text-align:center} #result_box_wrapper .output{position:absolute;right:20px;top:0} #result_box_wrap table td ul li {padding-left: 0;} div.search_list{position:relative;padding:15px;border-bottom:1px solid #d8d8d8;overflow:hidden} div.search_list .pic{float:left;position:relative;width:20%;height:96px} div.search_list .pic img{padding:2px;border:1px solid #d8d8d8} div.search_list .pic span.title{background:url("../img/common/group_title01.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title02 {background:url("../img/common/group_title02.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title03 {background:url("../img/common/group_title03.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title04 {background:url("../img/common/group_title04.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title05 {background:url("../img/common/group_title05.png") no-repeat scroll left bottom transparent;position:absolute;bottom:0px;padding-top:8px;left:0;height:26px;text-align:center;width:65px} div.search_list .pic span.title a, div.search_list .pic span.title02 a, div.search_list .pic span.title03 a, div.search_list .pic span.title04 a, div.search_list .pic span.title05 a {font-weight:bold;color:#fff} div.search_list .group_con {float:left;width:47px;margin:32px 20px 0 10px} div.search_list dl{float:left;width:80%} div.search_list dl *{color:#777} div.search_list dt{font-size:1em;font-weight:bold;margin:2px 0 9px 0;padding:0} div.search_list dd{font-size:0.92em;line-height:130%;margin:5px 0 0 0} div.search_list dd a{color:#216aaa} div.search_list dd.writer{color:#434343;font-weight:bold} .btn_basket{position:absolute;top:20px;right:20px} .sg_paging .paging{clear:both;text-align:center;padding:15px 0} .sg_paging .paging strong{color:#fff;border:1px solid #044d97;display:inline-block;font-weight:bold;height:22px;line-height:23px;text-align:center;vertical-align:middle;width:22px;background:#1666b7} .sg_paging .paging a.paging_num {background:url(../img/common/pg_bg.gif) repeat left top;border:1px solid #cdcdcd;color:#585858;display:inline-block;height:22px;line-height:23px;text-align:center;text-decoration:none;vertical-align:middle;width:22px} .sg_paging .paging a.paging_num:hover {text-decoration:none;color:#585858} .sg_paging .paging img{vertical-align:middle} .sg_paging .paging .prev{padding:0 7px 0 2px} .sg_paging .paging .next{padding:0 2px 0 5px} /*공통클래스속성*/ .none{display:none} .hidden{position: absolute;top: -9999px;left: -9999px;z-index: -1;} .block{display:block} .both{clear:both} .clearfix{*zoom:1} .clearfix:before, .clearfix:after{clear:both;display:table;content:"";line-height:0} .highlight{padding:0;color:#db2424;background:#fff /*fcf8e3*/} .tal{text-align:left} .tac{text-align:center} .tar{text-align:right} .fl{float:left} .fr{float:right} .left{text-align:left !important} .center{text-align:center} .right{text-align:right !important;white-space:normal;word-break:break-all} .check label{position:absolute !important;z-index:1;top:-95px;left:5px;display:block;width:21px;height:21px;background:url(../img/common/check.png) no-repeat;text-indent:-9999em;overflow:hidden} .blue{color:#43579f !important} .black{color:#000 !important} .red{color:#dd5f03 !important} .orange{color:#ef2700 !important} .gray{color:#888 !important} .green{color:#060 !important} .cyan{color:#0551a0} .fb{font-weight:800 !important} .price .800{color:#c00} .bd0{border:0 !important} .mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt6{margin-top:6px} .mt7{margin-top:7px} .mt8{margin-top:8px} .mt9{margin-top:9px} .mt10{margin-top:10px} .mt11{margin-top:11px} .mt12{margin-top:12px} .mt13{margin-top:13px} .mt14{margin-top:14px} .mt15{margin-top:15px} .mt16{margin-top:16px} .mt17{margin-top:17px} .mt18{margin-top:18px} .mt19{margin-top:19px} .mt20{margin-top:20px} .mr1p{margin-right:1% !important} .mr2p{margin-right:2% !important} .mr3p{margin-right:3% !important} .mr4p{margin-right:4% !important} .mr5p{margin-right:5% !important} .mr6p{margin-right:6% !important} .mr7p{margin-right:7% !important} .mr8p{margin-right:8% !important} .mr9p{margin-right:9% !important} .mr10p{margin-right:10% !important} .mr11p{margin-right:11% !important} .mr12p{margin-right:12% !important} .w1p{width:1% !important} .w2p{width:2% !important} .w3p{width:3% !important} .w4p{width:4% !important} .w5p{width:5% !important} .w6p{width:6% !important} .w7p{width:7% !important} .w8p{width:8% !important} .w9p{width:9% !important} .w10p{width:10% !important} .w11p{width:11% !important} .w12p{width:12% !important} .w13p{width:13% !important} .w14p{width:14% !important} .w15p{width:15% !important} .w16p{width:16% !important} .w17p{width:17% !important} .w18p{width:18% !important} .w19p{width:19% !important} .w20p{width:20% !important} .w21p{width:21% !important} .w22p{width:22% !important} .w23p{width:23% !important} .w24p{width:24% !important} .w25p{width:25% !important} .w26p{width:26% !important} .w27p{width:27% !important} .w28p{width:28% !important} .w29p{width:29% !important} .w30p{width:30% !important} .w31p{width:31% !important} .w32p{width:32% !important} .w33p{width:33% !important} .w34p{width:34% !important} .w35p{width:35% !important} .w36p{width:36% !important} .w37p{width:37% !important} .w38p{width:38% !important} .w39p{width:39% !important} .w40p{width:40% !important} .w41p{width:41% !important} .w42p{width:42% !important} .w43p{width:43% !important} .w44p{width:44% !important} .w45p{width:45% !important} .w46p{width:46% !important} .w47p{width:47% !important} .w48p{width:48% !important} .w49p{width:49% !important} .w50p{width:50% !important} .w51p{width:51% !important} .w52p{width:52% !important} .w53p{width:53% !important} .w54p{width:54% !important} .w55p{width:55% !important} .w56p{width:56% !important} .w57p{width:57% !important} .w58p{width:58% !important} .w59p{width:59% !important} .w60p{width:60% !important} .w68p{width:68% !important} .w70p{width:70% !important} .w80p{width:80% !important} .w90p{width:90% !important} .w100p{width:100% !important} .w10{width:10px !important} .w20{width:20px !important} .w30{width:30px !important} .w40{width:40px !important} .w50{width:50px !important} .w60{width:60px !important} .w70{width:70px !important} .w80{width:80px !important} .w95{width:95px !important} .w90{width:90px !important} .w100{width:100px !important} .w110{width:110px !important} .w120{width:120px !important} .w125{width:125px !important} .w130{width:130px !important} .w140{width:140px !important} .w150{width:150px !important} .w160{width:160px !important} .w165{width:165px !important} .w167{width:167px !important} .w170{width:170px !important} .w180{width:180px !important} .w189{width:189px !important} .w190{width:190px !important} .w199{width:199px !important} .w200{width:200px !important} .w202{width:202px !important} .w210{width:210px !important} .w220{width:220px !important} .w230{width:230px !important} .w240{width:240px !important} .w250{width:250px !important} .w260{width:260px !important} .w270{width:270px !important} .w280{width:280px !important} .w290{width:290px !important} .w300{width:300px !important} .w310{width:310px !important} .w320{width:320px !important} .w330{width:330px !important} .w340{width:340px !important} .w350{width:350px !important} .w360{width:360px !important} .w370{width:370px !important} .w380{width:380px !important} .w390{width:390px !important} .w400{width:400px !important} .w500{width:500px !important} .w600{width:600px !important} .w700{width:700px !important} .w800{width:800px !important} .w900{width:900px !important} #head{height:190px;position:relative} #head p.head_img{position:absolute;right:0;top:30px} #head ul.top_menu{position:absolute;top:10px;right:0;font-size:11px} #head ul.top_menu li{float:left;padding:0 9px;background:url(../img/common/top_line.gif) no-repeat right 1px} #head ul.top_menu li.end{padding-right:0;background:none} #head h1{position:absolute;top:39px;left:0} #head h1 img{padding-right:10px} #head .search_text{position:absolute;top:83px;left:319px;width:306px;height:15px;line-height:13px;overflow:hidden;text-align:center} #head .search_text li{display:inline;padding:0 9px;background:url(../img/common/top_line.gif) no-repeat right 3px;vertical-align:middle} #head .search_text li.end{padding-right:0;background:none} /* head 부분 */ #dls_box{background:url(../img/common/search_bg_bottom.gif) no-repeat 0 bottom;padding-bottom:16px;margin:0;overflow:hidden} #dls_box02{background:url(../img/common/search_bg_top.gif) no-repeat 0 top;padding:16px 17px 0} #dls_box02 ul li.bg01{padding-bottom:12px} #dls_box02 ul li.bg01{position:relative} #dls_box02 ul li.bg01 h2.title{padding:11px 12px 8px 12px;background:url(../img/common/lib_bg_top.jpg) no-repeat 0 bottom;width:692px;height:14px} #dls_box02 ul li.bg01 p.all_select{position:absolute;top:9px;right:17px} #dls_box02 ul li.bg01 p.tip{position:absolute;top:10px;left:0;width:692px;text-align:center} #dls_box02 ul li.bg01 ul{padding:10px 12px 0;overflow:hidden;width:692px;background:url(../img/common/lib_bg_center.jpg) repeat-y 0 bottom} #dls_box02 ul li.bg01 ul li{float:left;width:173px;height:15px;padding-bottom:5px} #dls_box02 ul li.bg01 .bg02{background:url(../img/common/lib_bg_bottom.jpg) no-repeat 0 bottom;height:8px} #dls_box02 .search_best{text-align:center;line-height:16px} #dls_box02 .search_best a{font-size:11px;padding-left:12px} #dls_box .search_area{position:relative;width:717px;margin:10px auto 0;height:26px;padding:6px 0 5px 0;border:1px solid #e8e9e4;background:#f5f6f1} #dls_box .search_area h2{padding:6px 11px 0 113px;float:left} #dls_box .search_area select{float:left;height:20px;margin-top:8px;padding:1px 0 0 5px;border:transparent;letter-spacing:-0.08em} #dls_box .search_area input{float:left} #dls_box .search_area .total_box{float:left;width:309px;height:23px;border:1px solid #d9dbd0;background:#fff;font-size:12px;font-weight:500;padding:2px 0 0 2px;line-height:23px} #dls_box .search_area .input_p01{padding-left:10px} #dls_box .search_area .input_p02{padding-left:4px} #dls_box .search_area .input_p03{padding-left:16px} #dls_box .search_area p.re_search{position:absolute;top:12px;left:-85px;height:13px;line-height:13px} #dls_box .search_area p.re_search input{margin:1px 3px 0 0;padding:0 0 0 0;vertical-align:top;height:13px;width:13px} #dls_box .result_search{position:absolute;left:13px;top:10px} #dls_box .result_search input{float:none} #dls_box h3{font-size:12px;background:url(../img/common/icon04.gif) no-repeat 0 0;line-height:16px;color:#272727;padding-left:22px;margin:12px 0 20px 0} #dls_box .search_choice ul .one_short{width:100%;line-height:13px;height:13px;padding:0 0 10px 0;margin:0 0 25px 0;border-bottom:1px solid #d3d3d3;background:none} #dls_box .search_choice ul .one_short input{margin-right:3px} #dls_box .search_choice ul .one_short label{margin-right:10px} #dls_box .search_choice ul li{padding-left:5px;background:url(../img/common/icon01.gif) no-repeat left 7px;line-height:15px;margin:0 50px 10px 0;float:left;width:280px;height:20px} #dls_box .search_choice ul .end{margin-right:0} #dls_box .search_choice ul li span.title{font-weight:500;float:left;width:95px} #dls_box .search_choice ul li span select{border:1px solid #d3d3d3;width:185px} #dls_box .search_choice ul li span input.total_box{border:1px solid #d3d3d3} /* 상세검색 */ #mypage_top{border:4px solid #998e7c;background:url(../img/mylib.png) no-repeat 0 50%;padding:0 0 10px 110px;color:#555;margin-top:20px} #mypage_top p{padding:18px 0 6px;font-weight:800} #mypage_top p span.mem_name{color:#000} #mypage_top ul{padding-top:1px;overflow:hidden} #mypage_top ul li{float:left;padding-left:10px;margin-right:25px;background:url(../img/common/left_cate_icon01.gif) no-repeat left center;width:160px;line-height:20px} #mypage_top ul li.end{margin-right:0} #mypage_top ul li.long{} #mypage_top ul li span.mem_num{color:#a28354} #mypage_top ul li span.use_ok{color:#498bbf} #mypage_top ul li span.use_no{color:#c14e33} #result_list{clear:both;overflow:hidden;line-height:20px;padding:20px 0 5px} #result_list input.text{font-size:11px;border:1px solid #dbdbdb;height:18px;width:60px} #result_list input.text02{font-size:11px;border:1px solid #dbdbdb;height:18px;width:95px} #result_list .list_top_left{float:left;font-size:12px} #result_list .list_top_right{float:right;font-size:11px} #result_list .list_top_right strong{padding-left:5px;font-size:12px} #result_list .list_top_right select{padding:4px 3px 3px 3px;font-size:12px;border:1px solid #dbdbdb} #result_list .list_top_right button{padding:0 10px;height:25px;font-weight:500;letter-spacing:-1px;color:#fff;background:#0e4ea5} #result_list .list_top_right a.on{font-weight:500;color:#498bbf} #result_list span.title{background:url(../img/common/icon01.gif) no-repeat left 4px;padding-left:7px;font-weight:500;margin-left:5px;color:#575757} #mylib_content{position:relative} #mylib_content h2{font-size:14px;padding:5px 0 10px 0;width:100%} #mylib_content .top_box{clear:both;border-top:2px solid #ababab;background-color:#f1f1f1;padding:9px 15px;overflow:hidden;margin-bottom:20px} #mylib_content .result{float:left;height:20px;line-height:20px} #mylib_content .result .title{color:#373737;font-weight:800} #mylib_content .align{text-align:right} #mylib_content .align select{width:65px;height:19px;border:1px solid #d3d3d3} #mylib_content .top_box select{height:20px;border:1px solid #d3d3d3;vertical-align:middle} #mylib_content .top_box .align_cate select{float:left;width:110px;margin-right:3px} #mylib_content .top_box .date{float:right} #mylib_content .top_box .date select{width:65px;margin-right:3px} #mylib_content .top_box .topic{float:right} #mylib_content .top_box .topic select{width:220px;margin-right:3px} #mylib_content .event{width:923px;margin:20px 15px;border:5px solid #f1f1f1} #mylib_content .bottom_tip{padding:12px 0 5px;line-height:20px;color:#575757} /*나의 책장*/ #mylib_content .left_body{margin-right:20px;float:left} #mylib_content .left_body .cate{border:1px solid #e0e0e0;border-top:2px solid #43933e;width:165px;min-height:300px;padding:15px 20px;position:relative} #mylib_content .left_body .cate h3{font-size:12px} #mylib_content .left_body .cate h3 .id{color:#43933e} #mylib_content .left_body .cate p{font-size:11px;color:#858585} #mylib_content .left_body .cate ul{padding-top:20px} #mylib_content .left_body .cate ul li{background:url(../img/common/icon01.gif) no-repeat left 5px;padding-left:7px;line-height:15px;margin-bottom:7px} #mylib_content .left_body .cate .btn{padding-left:7px} #mylib_content .left_body .cate .mean{position:absolute;top:15px;right:20px} /*나의 책장*/ #mylib_content .title_gather{overflow:hidden;background:url(../img/mylib/bg.jpg) no-repeat left top;min-height:316px} #mylib_content .title_gather h3{color:#fff;font-size:16px;font-weight:500;height:17px;width:600px;overflow:hidden;padding:22px 0 0 40px} #mylib_content .title_gather .title_img{float:left;margin:29px 0 13px 62px} #mylib_content .title_gather .title_img .img{background:url(../img/mylib/book_shadow02.jpg) no-repeat 0 0;padding:0 16px 6px 18px;width:140px;height:200px} #mylib_content .title_gather .title_img p{padding:6px 0 0 37px} #mylib_content .title_gather .content{float:left;margin:29px 90px 0 35px;width:375px;padding-top:12px} #mylib_content .title_gather .content .top{height:25px;padding-bottom:12px;border-bottom:1px solid #e0e0e0} #mylib_content .title_gather .content .top img{vertical-align:top} #mylib_content .title_gather .content .top input{margin:6px 6px 3px;height:12px;line-height:12px;vertical-align:top} #mylib_content .title_gather .content .top label{margin-right:20px} #mylib_content .title_gather .content .top .btn{margin:0 5px 0 60px} #mylib_content .title_gather .content .review{font-size:11px;color:#858585;line-height:18px;padding-top:18px} #mylib_content .list_gather{clear:both;background-color:#d4d4d4;overflow:hidden;padding:0 41px 0 36px;width:659px} #mylib_content .list_gather p{position:relative;float:left;background-color:#f8f8f8;border:1px solid #bfbfbf;padding:11px 12px 10px;height:13px;width:633px;font-weight:800} #mylib_content .list_gather .btn{position:absolute;top:6px;right:12px} #mylib_content .list_gather .list{clear:both;border-right:1px solid #bfbfbf;border-left:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;background-color:#fff;overflow:hidden;padding:27px 32px;margin-bottom:55px;width:593px} #mylib_content .list_gather .list ul{overflow:hidden} #mylib_content .list_gather .list ul li{float:left;padding-right:42px;margin-bottom:45px;position:relative} #mylib_content .list_gather .list ul li.end{padding-right:0} #mylib_content .list_gather .list ul li img{border:1px solid lightGrey;width:83px;height:119px} #mylib_content .list_gather .list ul li .btn_x{position:absolute;width:19px;height:19px;top:0;left:64px} #mylib_content .list_gather .list ul li dl{padding:7px 1px 0;position:relative;height:45px} #mylib_content .list_gather .list ul li dl .title{margin-bottom:2px;line-height:15px;width:83px;max-height:31px;overflow:hidden;letter-spacing:-0.08em;font-weight:800} #mylib_content .list_gather .list ul li dl .title a{color:#272727} #mylib_content .list_gather .list ul li dl .writer{width:83px;height:13px;line-height:13px;overflow:hidden;color:#757575;font-size:11px} #mylib_content .list_gather .list ul li dl dd img{position:absolute;bottom:0;border:none;width:85px;height:21px} /* 도서대출내역 */ #mylib_content .left_body .check{border:1px solid #e0e0e0;border-top:2px solid #43933e;width:165px;padding:20px} #mylib_content .left_body .check h3{font-size:12px} #mylib_content .left_body .check ul li{background:url(../img/common/icon01.gif) no-repeat left 5px;padding-left:7px;line-height:15px;margin-bottom:7px} #mylib_content .tab_btn{padding:15px 15px 10px;border:1px solid #0e4ea5;border-top:0 none} #mylib_content .tab_table p{padding:20px 0 10px 0;float:left;line-height:20px} #mylib_content .tab_table .p_r{float:right} #mylib_content .tab_table .btn{position:absolute;bottom:0;right:0} #mylib_content .tab_table .date{float:right;padding:20px 0 10px 0} #mylib_content .tab_table .tstyle02 tbody tr td .img{border:1px solid #d3d3d3;width:83px;height:119px} #mylib_content .tab_table .tstyle02 tbody tr td .title{font-weight:800} #mylib_content .tab_table .tstyle02 tbody tr td .title a{color:#272727} #mylib_content .tab_table .tstyle02 tbody tr td ul li{margin-bottom:4px;padding-left:7px;background:url(../skin_blue/img/bullet01.gif) no-repeat left 5px;line-height:15px} #mylib_content .tab_table .tstyle02 tbody tr td img{margin-right:5px;vertical-align:middle} #mylib_content h3.title{padding:0 12px 0 23px;color:#498bbf;font-size:14px;float:left;background:url("http://www.bcl.go.kr/files/web1/images/common/blt_arr1.gif") no-repeat left center} /* 정보수정 */ #mylib_content .member_modify{} #mylib_content .member_modify form fieldset .caution{font-weight:500;text-align:right;padding-bottom:10px} #mylib_content .member_modify form fieldset table{font-size:12px;border-top:2px solid #cdcdcd;text-align:left} #mylib_content .member_modify form fieldset table tbody tr th{text-align:left;width:200px;color:#272727} #mylib_content .member_modify form fieldset table tbody tr td input{border:1px solid #d3d3d3;background-color:#f8f8f8;width:159px;height:23px;font-size:14px} #mylib_content .member_modify form fieldset table tbody tr td .tip{font-size:11px;color:#8d8d8d;padding-left:15px} #mylib_content .member_modify form fieldset table tbody tr td .width_small{width:95px} #mylib_content .member_modify form fieldset table tbody tr td .btn_add{border:none;background-color:none;width:87px;height:25px} #mylib_content .member_modify form fieldset table tbody tr td .address_more{width:450px;margin-top:7px} #mylib_content .member_modify form fieldset .btn{text-align:center;margin:25px 0} #mylib_content .member_modify form fieldset .btn input{margin-right:7px} /* 회원탈퇴 */ #mylib_content .secede{margin:0 auto;width:500px} #mylib_content .secede h4{padding-bottom:25px;color:#272727;text-align:center} #mylib_content .secede p{font-size:11px} #mylib_content .secede dl{padding:45px 75px;border:4px solid #e0e0e0} #mylib_content .secede dl dt{float:left;width:130px;font-weight:500;line-height:25px} #mylib_content .secede dl dd input{width:200px;height:23px;padding-left:5px;font-size:14px;border:1px solid #d3d3d3;background-color:#f7f7f7;margin-bottom:7px} #mylib_content .secede .btn{text-align:center;margin:25px 0} #mylib_content .secede .btn input{margin-right:7px} /***** 새 책장 만들기 *****/ .new_bookcase{border:1px solid #ddd;width:270px;background:#fff} .new_bookcase h2{float:left} .new_bookcase .content{clear:both;padding:19px 26px 0 23px} .new_bookcase .content .word{padding-bottom:7px} .new_bookcase .content input.text{border:3px solid #d3d3d3;width:215px;height:23px;margin-bottom:14px;font-weight:800} .new_bookcase .content input.img{margin:0 73px 23px 72px} .tstyle02{clear:both;border-collapse:collapse;width:100%;border-top:2px solid #888;text-align:center} .tstyle02 th{font-weight:500;vertical-align:middle;padding:10px 5px;line-height:14px;color:#575757;border-bottom:1px solid #aaa;background:#f7f7f7} .tstyle02 td{border-bottom:1px solid #d3d3d3;padding:10px 5px;line-height:13px;color:#575757} /***** 새 책장 만들기 *****/ .marc_pop{border:1px solid #ddd;width:610px;background:#fff} .marc_pop .header{width:610px;height:51px;background:url(../img/common/title_bg.gif) repeat-x left top} .marc_pop h2{float:left} .marc_pop .close {float:right;padding-top:1px} .marc_pop .content{clear:both;padding:19px 26px 0 23px} .marc_pop .content .word{padding-bottom:7px} .marc_pop .content input.text{border:3px solid #d3d3d3;width:215px;height:23px;margin-bottom:14px;font-weight:800} .marc_pop .content input.img{margin:0 73px 23px 72px} /***** 내 서재 담기 *****/ .put_library{border:1px solid #ddd;width:270px;background:#fff} .put_library h2{float:left} .put_library .content{clear:both;padding:15px 20px 60px;text-align:center} .put_library .content .text_left{text-align:left;font-size:11px;line-height:18px} .put_library .content .select_book{border:1px solid #d3d3d3;width:211px;height:19px;text-align:left;padding:2px} .put_library .content .select_book select{border:0 none;font-size:14px;vertical-align:top;width:175px;float:left} .put_library .content .select_book .select_btn{float:right} .put_library .content .put{padding:10px 0 20px} .put_library .content .btn_make{padding:20px 0} .put_library .content .word{padding-bottom:7px;text-align:left} .put_library .content .radio{padding:3px 0 5px 0;text-align:left} .put_library .content .radio label{margin-right:2px;font-size:11px} .put_library .content .radio input{margin-right:10px;vertical-align:top} .put_library .content input.text{border:3px solid #d3d3d3;width:215px;height:23px;margin-bottom:14px;font-weight:800} .put_library .content input.img{margin:0 73px 23px 72px} /***** 내 서재 담기 *****/ .put_library{border:1px solid #ddd;width:270px} .put_library h2{float:left} .put_library .content{clear:both;padding:15px 26px 0 23px;text-align:center} .put_library .content .finish{font-weight:500;font-size:14px;line-height:20px;margin-bottom:15px} .put_library .content .finish .orange{font-size:14px} .put_library .content .question{font-size:11px;margin-bottom:20px} .put_library .content .btn{margin-bottom:23px} .put_library .content .btn img{margin-right:7px} /***** 책 추가하기 *****/ .add_book{border:1px solid #ddd;width:862px;background-color:#fff} .add_book h2{float:left;font-size:16px;padding-bottom:15px} .add_book .align {float:right} .add_book .align select {border:1px solid #D3D3D3;float:left;height:19px;margin-right:3px;width:65px} .add_book .cate_list{padding:0 15px} .add_book .cate_list .top_box{clear:both;border-top:2px solid #ababab;background-color:#f1f1f1;padding:9px 15px;overflow:hidden} .add_book .cate_list .top_box .result{float:left;height:20px;line-height:20px} .add_book .cate_list .top_box .result .title{color:#373737;font-weight:800} .add_book .cate_list .best_small ol li{padding:20px 15px;overflow:hidden;border-top:1px dotted #d3d3d3;clear:both} .add_book .cate_list .best_small ol .first{border:none} .add_book .cate_list .best_small ol li .pic{width:85px;height:121px;position:relative} .add_book .cate_list .best_small ol li .pic .img{float:left;border:1px solid #d3d3d3;width:83px;height:119px;position:relative} .add_book .cate_list .best_small ol li .pic .label01{position:absolute;top:-2px;left:2px} .add_book .cate_list .best_small ol li .pic .label02{position:absolute;top:97px;right:1px} .add_book .cate_list .best_small ol li .img{float:left;border:1px solid #d3d3d3;width:83px;height:119px} .add_book .cate_list .best_small ol li dl{float:left;width:606px;padding:5px 15px} .add_book .cate_list .best_small ol li dl .title{margin-bottom:10px;height:18px;line-height:18px;overflow:hidden;font-size:15px;letter-spacing:-0.08em;font-weight:800} .add_book .cate_list .best_small ol li dl .title a{color:#272727} .add_book .cate_list .best_small ol li dl dd{margin-bottom:4px;padding-left:7px;background:url(../skin_blue/img/bullet01.gif) no-repeat left 5px;line-height:15px} .add_book .cate_list .best_small ol li dl dd img {vertical-align:middle;margin-right:3px} .add_book .cate_list .best_small ol li dl dd p{float:left;padding:0 15px} .add_book .cate_list .best_small ol li p{float:left;overflow:hidden;width:687px;padding:0 15px} .add_book .cate_list .best_small ol li p a{margin-right:5px} .add_book .cate_list .best_small ol li p .story{display:block;padding:5px 0;height:28px;line-height:14px;overflow:hidden;color:#858585;font-size:11px} .add_book .cate_list .best_small ol li div{float:left} .add_book .cate_list .best_small ol li .btn{float:right} .add_book .cate_list .not_found{padding:20px 15px;width:470px;margin:0 auto} .add_book .cate_list .not_found .title{font-size:14px;margin-bottom:10px} .add_book .cate_list .not_found ul{} .add_book .cate_list .not_found ul li{background:url(../img/common/icon01.gif) no-repeat left 5px;color:#858585;padding-left:8px;margin-bottom:3px;text-align:left} /* 로그인 */ #mylib_content .certify_box{background:url(../img/mylib/lendmember_bg.jpg) no-repeat left top;width:389px;margin:0 auto;padding:61px 42px 56px 208px;height:97px;margin-top:30px} #mylib_content .certify_box p{line-height:14px} #mylib_content .certify_box form fieldset dl{overflow:hidden;margin-top:40px} #mylib_content .certify_box form fieldset dl dt{float:left;height:25px;line-height:25px;font-weight:500;width:80px} #mylib_content .certify_box form fieldset dl dd{float:left;margin-left:5px} #mylib_content .certify_box form fieldset dl dd input{float:left;border:1px solid #d3d3d3;background-color:#f8f8f8;width:175px;height:23px;font-size:14px} #mylib_content .certify_box form fieldset dl .certify_btn input{width:67px;height:25px;border:0} #mylib_content .certify_text{width:539px;margin-top:25px;padding:15px 50px;margin:0 auto;color:#656565} /***** 책장 수정하기 *****/ .bookcase_edit{border:1px solid #ddd;width:424px;background:#fff} .bookcase_edit h2{float:left} .bookcase_edit .content{clear:both;padding:15px 20px 25px;text-align:left} .bookcase_edit .content .word{padding-bottom:7px;text-align:left} .bookcase_edit .content .radio{padding:3px 0 5px 0;text-align:left} .bookcase_edit .content .radio label{margin-right:2px;font-size:11px} .bookcase_edit .content .radio input{margin-right:10px;vertical-align:top} .bookcase_edit .content .input_file{margin-bottom:25px;height:20px} .bookcase_edit .content input.text{border:3px solid #d3d3d3;width:378px;height:23px;margin-bottom:25px;font-weight:800} .bookcase_edit .content textarea{border:1px solid #d3d3d3;resize:none;width:352px;padding:15px;min-height:70px;margin-bottom:14px} .bookcase_edit .content .btn {margin:0 auto;width:144px} .bookcase_edit .content .btn img {margin-right:7px} /* 관심도서 */ #basket_list .top_box{clear:both;border-top:2px solid #7d7067;background-color:#f9f8e8;padding:9px 0;overflow:hidden;border-bottom:2px solid #e4e4da;height:24px;margin:0} #basket_list .result{float:left!important;padding:0!important;line-height:0!important} #basket_list .result .list_check{margin:6px 20px 0} #basket_list .best_small ol{border-bottom:2px solid #ababab} #basket_list .best_small ol li{padding:20px 0;overflow:hidden;border-top:1px dotted #d3d3d3;clear:both;position:relative} #basket_list .best_small ol .first{border:none} #basket_list .best_small ol li input.list_check{float:left;margin:50px 20px 0} #basket_list .best_small ol li .pic{width:85px;height:121px;position:relative;float:left} #basket_list .best_small ol li .pic .img{border:1px solid #d3d3d3;width:83px;height:119px;position:relative} #basket_list .best_small ol li .pic .label01{position:absolute;top:-2px;left:2px} #basket_list .best_small ol li .pic .label02{position:absolute;top:97px;right:1px} #basket_list .best_small ol li .book_con{padding-left:15px;width:590px;float:left} #basket_list .best_small ol li dl{padding-top:5px} #basket_list .best_small ol li dl .title{margin-bottom:10px;height:22px;line-height:22px;overflow:hidden;font-size:15px;letter-spacing:-0.08em;font-weight:800} /* title-아이콘 분류*/ #basket_list .best_small ol li dl .title .icon_bg{background:url(../img/book/icon_bg.jpg) no-repeat left top;width:58px;height:17px;font-size:11px;font-weight:500;overflow:hidden;padding:5px 0 0 20px;line-height:11px;margin-right:5px;float:left} #basket_list .best_small ol li dl .title .icon_pd{background-position:0 -22px} #basket_list .best_small ol li dl .title .icon_eb{background-position:0 -44px} #basket_list .best_small ol li dl .title .icon_ob{background-position:0 -66px} #basket_list .best_small ol li dl .title .icon_ka{background-position:0 -88px} #basket_list .best_small ol li dl .title .icon_or{background-position:0 -110px} .best_small .bottom_list{text-align:center;padding:35px 0 20px} .best_small .bottom_list li{display:inline;padding-right:5px} .best_small .bottom_list li input{vertical-align:top} #basket_list .data_info .data_detail h3 p.icon_bg{background:url(../img/book/icon_bg.jpg) no-repeat left top;width:58px;height:17px;font-size:11px;font-weight:500;overflow:hidden;padding:5px 0 0 20px;line-height:11px;margin-right:5px;float:left} #basket_list .data_info .data_detail h3 p.icon_pd{background-position:0 -22px} #basket_list .data_info .data_detail h3 p.icon_eb{background-position:0 -44px} #basket_list .data_info .data_detail h3 p.icon_ob{background-position:0 -66px} #basket_list .data_info .data_detail h3 p.icon_ka{background-position:0 -88px} #basket_list .data_info .data_detail h3 p.icon_or{background-position:0 -110px} #basket_list .best_small ol li dl .title a{color:#272727} #basket_list .best_small ol li dl dd {margin-bottom:4px;padding-left:7px;background:url(../skin_blue/img/bullet01.gif) no-repeat left 5px;line-height:15px} #basket_list .best_small ol li dl dd img {vertical-align:middle;margin-right:3px} #basket_list .best_small ol li dl dd p{float:left;padding:0 15px} /*회색 박스*/ #basket_list .best_small ol li ul.point_box{background:#e4e4da;padding:7px 10px;margin-top:3px;width:800px} #basket_list .best_small ol li ul.point_box li{display:inline;border:0 none;padding:0 20px 0 0} #basket_list .best_small ol li p{float:left;overflow:hidden;width:700px;padding:0 15px} #basket_list .best_small ol li p a{margin-right:5px} #basket_list .best_small ol li p .story{display:block;padding:5px 0;height:28px;line-height:14px;overflow:hidden;color:#858585;font-size:11px} #basket_list .best_small ol li .btn{float:right} #basket_list .best_small ol li .push{position:absolute;top:20px;right:15px} #basket_list .not_found{padding:20px 15px;width:470px;margin:0 auto} #basket_list .not_found .title{font-size:14px;margin-bottom:10px} #basket_list .not_found ul{} #basket_list .not_found ul li{background:url(../img/common/icon01.gif) no-repeat left 5px;color:#858585;padding-left:8px;margin-bottom:3px;text-align:left} /* 상호대차 신청 */ #result_box{width:600px;text-align:center;position:relative;margin: 0 auto;} #result_box_wrapper{text-align:left;width:578px;margin:0 auto;padding-top:15px} #result_box_wrapper h3{padding:0 0 8px 3px;font-size:18px;font-weight: 500;color:#1b5b9d;border-bottom:3px solid #e4e4e4;width:575px} #result_box_wrapper h4 {margin-bottom: 8px;font-size: 16px;font-weight: 500;color: #333;} #result_box_wrapper table + h4 {margin-top: 30px;} #result_box_wrapper h3.lib_title{padding:7px 0 5px;border:0;width:100%;font-size:12px} #result_box_wrapper .lib_list li{padding-left:7px;background:url(../img/common/icon01.gif) no-repeat left center;margin-bottom:2px;font-size:11px} #result_box_wrapper p.lib_tip{font-weight:500;font-size:11px} #result_box_wrapper p.tip{padding:20px 0;line-height:130%} #result_box_wrapper .btn_check{text-align:right;padding:15px 0} #result_box_wrapper #interTxt {padding: 20px;margin-top: 30px;background-color: #f8f8f8;border-top: 2px solid #5bade2;} #result_box_wrapper #interTxt > ul {} #result_box_wrapper #interTxt > ul > li {position: relative;z-index: 0;padding-left: 12px;color: #555;} #result_box_wrapper #interTxt > ul > li::before {content: '-';position: absolute;top: 3px;left: 0;z-index: -1;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding:0;margin:0} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window{font:12px Arial, Helvetica, sans-serif;color:#333} #TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#777} #TB_window a:link {color:#777} #TB_window a:visited {color:#777} #TB_window a:hover {color:#000} #TB_window a:active {color:#777} #TB_window a:focus{color:#777} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%} .TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat} .TB_overlayBG{background-color:#fff;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90} * html #TB_overlay{/* ie6 hack */position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')} #TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;border:2px solid #888;text-align:left;top:50%;left:50%} * html #TB_window{/* ie6 hack */position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')} #TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666} #TB_caption{height:25px;padding:7px 30px 10px 25px;float:left} #TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right} #TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;/*float:right;*/ top:-30px;right:-10px;position:absolute;color:#fff;/*background:url(../img/common/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer;*/} #TB_closeWindowButton{background:url(../img/common/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:10px;right:-11px;cursor:pointer} #TB_ajaxWindowTitle{float:left;/*padding:7px 0 5px 10px;*//*margin-bottom:1px;*/} #TB_title{background-color:#e8e8e8;/*height:27px;*/} #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em} #TB_ajaxContent.TB_modal{padding:15px} #TB_ajaxContent p{padding:5px 0px 5px 0px} #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */} * html #TB_load{/* ie6 hack */position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')} #TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%} * html #TB_HideSelect{/* ie6 hack */position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')} #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px} /********************************* @charset "UTF-8"; /* * {margin:0;padding:0;border:0;text-decoration:none;list-style-type:none;background:transparent no-repeat;color:black;} */ #topInclude {position:absolute;} * {text-decoration:none;list-style-type:none;} noscript, .none {display:none;} .jw_skip {position:absolute; left:-5000px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button {margin:0;padding:0;} div, ul, li, a, select, form, dl, dt, dd {background:transparent no-repeat;} fieldset, img {border:none;} img, input, select, textarea {vertical-align: middle;} input[type=checkbox] {width:16px;height:16px;} a {color:#30323F; text-decoration:none;} a:hover {color:#4559E9; text-decoration:underline;} a.ir:hover {text-decoration:none; } body {font-size: 14px;z-index:1; margin:0 auto;} s, strike, del {text-decoration: line-through !important;} u, ins { text-decoration: underline !important;} .ui-datepicker {background-color:#ffffff;border:1px solid #D1DAEA; padding:5px; z-index:100000 } .ui-datepicker td span, .ui-datepicker td a {display:block; padding:0.2em; text-align:right; text-decoration:none; } .jw_selected {display:block} .jwxe_canvas {display:block;position:relative; background-color: #F6F6F6;} .jwxe_root {display:block;position:relative;} .jwxe_root_ask {display:block;} .jwxe_survey {display:block;position:relative;} .jwxe_alt {position:absolute; left:-5000px; } .jwxe_flash {display:block;position:absolute;} .jwxe_div {display:block;position:absolute;} .jwxe_navigator {display:block;position:absolute;} .jwxe_text {display:block;position:absolute;} .jwxe_a {display:block;position:absolute;text-decoration:none;background-image:url(/_sys/img/blank.gif);} .jwxe_a_zoom_in {cursor:pointer;display:block;position:absolute;text-decoration:none;background-image:url(/_sys/img/blank.gif);} .jwxe_a_zoom_out {cursor:pointer;display:block;position:absolute;text-decoration:none;background-image:url(/_sys/img/blank.gif);} .jwxe_a_zoom_cancel {cursor:pointer;display:block;position:absolute;text-decoration:none;background-image:url(/_sys/img/blank.gif);} .jwxe_a_print {cursor:pointer;display:block;position:absolute;text-decoration:none;background-image:url(/_sys/img/blank.gif);} .jwxe_a_master {display:block;position:absolute;text-decoration:none;background-image:url(/_sys/img/blank.gif);} .jwxe_img {display:block;position:absolute;} .jwxe_iframe {display:block;position:absolute;} .jwxe_html {display:block;position:absolute;line-height: 18px; } .jwxe_map {display:block;position:absolute;} .jwxe_label {display:block;position:absolute;} .jwxe_input_text {display:block;position:absolute;} .jwxe_select {display:block;position:absolute;} .jwxe_selectselect {font-size:0.75em;} .jwxe_input_submit {border:none;display:block;position:absolute;} .jwxe_ul {display:block;position:absolute;list-style-type:none;} .jwxe_menu_box0 {display:block;position:absolute;list-style-type:none;} .jwxe_menu_box1 {display:block;position:absolute;list-style-type:none;} .jwxe_menu_box2 {display:block;position:absolute;list-style-type:none;} .jwxe_main_hidden_menu {display:block;position:absolute;list-style-type:none;} .jwxe_quick_menu {display:block;position:absolute;list-style-type:none;} .jwxe_quick_side_menu {display:block;position:absolute;list-style-type:none;} .jwxe_quick_right_side_menu {display:block;position:absolute;list-style-type:none;} .jwxe_banner1 {display:block;position:absolute;list-style-type:none;overflow:hidden;} .jwxe_banner2 {display:block;position:absolute;list-style-type:none;overflow:hidden;} .jwxe_form {display:block;position:absolute;} .jwxe_address {display:none;position:absolute;} .jwxe_popup {visibility:hidden;position:absolute;left:-5000px;top:-5000px;background: none repeat scroll 0 0 #ffffff;} .jwxe_popup_close {display:block;position:absolute;left:0;top:0;width:49px;height:19px;background:transparent no-repeat url(/_sys/img/popup_close.gif);} .jwxe_popup_close_7 {display:block;position:absolute;left:0;top:0;width:109px;height:19px;background:transparent no-repeat url(/_sys/img/popup_close_7.gif);} .jwxe_survey_q {position:relative;margin-bottom:5px;} .jwxe_survey_r {position:relative;margin-bottom:5px;} .jwxe_survey_vote {display:block;position:absolute;left:0;top:0;width:73px;height:19px;background:transparent no-repeat url(/_sys/img/survey_vote.gif);} .jwxe_survey_result {display:block;position:absolute;left:0;top:0;width:73px;height:19px;background:transparent no-repeat url(/_sys/img/survey_result.gif);} .jwxe_ul li {display:inline;} .jwxe_menu_box0 li {display:inline;} .jwxe_menu_box1 li {display:inline;} .jwxe_menu_box2 li {display:inline;} .jwxe_banner1 li {display:inline;} .jwxe_banner2 li {display:inline;} .jwxe_quick_menuli {display:inline;} .jwxe_quick_side_menuli {display:inline;} .jwxe_item_include {display:block;position:relative;} .hidden {position: absolute; left: -10000px; top: 0; text-indent: -10000px;} .contants { position: relative; width: 1100px; } .column { clear: both; width: 100%; } .column .dragbox { position: relative; margin: 0 0 10px 0; border: 1px solid #ddd; background: #fff; } .dragBox { cursor: move; } .column .dragbox .moveBox { margin: 0; color: #000; font-size: 12px; cursor: move; background: #f0f0f0; } .dragbox-content { min-height: 100px; margin: 5px; background: #fff; } .column .placeholder { border: 2px dashed #ddd; background: #f9f9f9; } .dragbox .moveBox.collapse { background: #f0f0f0; } .dragbox .moveBox .configure { float: right; margin-right: 30px; font-size: 11px; font-weight: normal; } /* IE8 상단 Drag 방지 */ .column_top { clear: both; width: 100%; } .column_top .dragbox { position: relative; margin: 0 0 10px 0; border: 1px solid #ddd; background: #fff; } .dragBox { cursor: move; } .column_top .dragbox .moveBox { margin: 0; color: #000; font-size: 12px; cursor: move; background: #f0f0f0; } .dragbox-content { min-height: 100px; margin: 5px; background: #fff; } .column_top .placeholder { border: 2px dashed #ddd; background: #f9f9f9; } .dragbox .moveBox.collapse { background: #f0f0f0; } .dragbox .moveBox .configure { float: right; margin-right: 30px; font-size: 11px; font-weight: normal; } /* 통합대시보드 */ .mainBannerTop { position: relative; } .mainBannerTop .section { display: none; position: relative; overflow: hidden; } .mainBannerTop .pageBtn_prev { position: absolute; left: 0; top: 140px; width: 37px; height: 61px; z-index: 999; } .mainBannerTop .pageBtn_next { position: absolute; right: 0; top: 140px; width: 37px; height: 61px; z-index: 999; } .mainBannerTop a.pageBtn { position: absolute; bottom: 10px; width: 10px; height: 10px; margin: 0 10px; text-indent: -999px; background: url(/nl/_res/img/btn/img_slider_pageing_off.png) 0 0 no-repeat; z-index: 999; } .mainBannerTop a.pageBtn.selected { width: 50px; height: 10px; margin: 0 0 0 -5px; background: url(/nl/_res/img/btn/img_slider_pageing_on.png) 0 0 no-repeat; } .mainBannerTop a.pageBtn.item01 { left: 460px; } .mainBannerTop a.pageBtn.item02 { left: 500px; } .mainBannerTop a.pageBtn.item03 { left: 540px; } .mainBannerTop a.pageBtn.item04 { left: 580px; } .mainBannerTop a.pageBtn.item05 { left: 620px; } .mainBannerTop a.pageBtn.item06 { left: 660px; } .mainBannerTop .section a.position01 { position: absolute; top: 68px; right: 205px; width: 30px; height: 30px; overflow:hidden; text-indent: -9999px; z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /*filter: alpha(opacity=0);*/ display: block } .mainBannerTop .section a.position02 { position: absolute; top: 55px; right: 100px; width: 35px; height: 35px; overflow:hidden; text-indent: -9999px; z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /*filter: alpha(opacity=0);*/ display: block } .mainBannerTop .section a.position03 { position: absolute; top: 125px; right: 240px; width: 40px; height: 40px; overflow:hidden; text-indent: -9999px; z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /* filter: alpha(opacity=0);*/ display: block } .mainBannerTop .section a.position04 { position: absolute; top: 180px; right: 250px; width: 55px; height: 60px; overflow:hidden; text-indent: -9999px; z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /* filter: alpha(opacity=0);*/ display: block } .mainBannerTop .section a.position05 { position: absolute; top: 255px; right: 205px; width: 35px; height: 40px; overflow:hidden; text-indent: -9999px;z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /* filter: alpha(opacity=0);*/ display: block } .mainBannerTop .section a.position06 { position: absolute; top: 110px; right: 43px; width: 30px; height: 30px; overflow:hidden; text-indent: -9999px;z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /* filter: alpha(opacity=0);*/display: block } .mainBannerTop .section a.position07 { position: absolute; top: 122px; right: 102px; width: 45px; height: 45px; overflow:hidden; text-indent: -9999px; z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /* filter: alpha(opacity=0);*/ display: block } .mainBannerTop .section a.position08 { position: absolute; top: 163px; right: 48px; width: 50px; height: 50px; overflow:hidden; text-indent: -9999px; z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /* filter: alpha(opacity=0);*/ display: block } .mainBannerTop .section a.position09 { position: absolute; top: 233px; right: 82px; width: 40px; height: 40px; overflow:hidden; text-indent: -9999px; z-index: 999; background:url(/nl/_res/img/bg/bg_blank.png) no-repeat center center; /* filter: alpha(opacity=0);*/ display: block } /* 통합대시보드_첫화면설정 */ .section .pageSetup { position: absolute; bottom: 11px; left: 32px; z-index: 999 } .section .pageSetup a { float: left; padding: 0 0 0 21px; color: #7d7d7d; font-size: 11px; letter-spacing: -1px; background: url(/nl/_res/img/btn/img_slider_setup_off.png) 0 0 no-repeat; z-index: 9999 } .section .pageSetup a.selected { background: url(/nl/_res/img/btn/img_slider_setup_on.png) 0 0 no-repeat; z-index: 9999 } /* 통합대시보드_설정초기화 */ .section .pageReset { position: absolute; bottom: 11px; left: 120px; z-index: 999 } .section .pageReset a { float: left; padding: 0 0 0 18px; color: #7d7d7d; font-size: 11px; letter-spacing: -1px; background: url(/nl/_res/img/btn/img_slider_reset.png) 0 2px no-repeat; z-index: 9999 } /* 통합대시보드_자료통계및링크 .section.type02 {clear:both; overflow:hidden; width:100%; height:339px; background:url(/nl/_res/img/main/main_slider02.png) 0 0 no-repeat;} .section.type02 .box_l {float:left; width:252px; margin:41px 60px 0 110px;} .section.type02 .box_c {float:left; width:252px; margin:143px 60px 0 0;} .section.type02 .box_r {float:left; width:252px; margin:41px 60px 0 0;} .section.type02 a.btn {display:block; height:43px; margin:0 0 8px 0; padding:0 10px; line-height:43px; border-bottom:1px solid #999;} .section.type02 a.btn em {float:left; color:#504638; font-size:14px; font-weight:bold;} .section.type02 a.btn span {float:right; color:#c34b21; font-size:18px; font-family:"Century Gothic", Sans-serif;}*/ /* 자료현황 텍스트화 수정 2015_01_19 */ .section.type02 { clear: both; overflow: hidden; width: 100%; height: 339px; background: url(/nl/_res/img/main/main_slider02.png) 0 0 no-repeat; } .section.type02 .box_l { float: left; width: 230px; margin: 90px 0 0 530px; } .section.type02 .box_r { float: left; width: 230px; margin: 90px 0 0 30px; } .section.type02 > ul li { display: block; height: 21px; margin: 0 0 8px 0; padding: 0 10px; line-height: 21px; background: url(/nl/_res/img/main/blt_dot6.png) no-repeat left center; } .section.type02 > ul li em { float: left; color: #ebebec; font-size: 14px; font-weight: bold; letter-spacing: -1px; } .section.type02 > ul li span { float: right; color: #e69800; font-size: 15px; font-family: "Century Gothic", Sans-serif; letter-spacing: -1px; margin-top: -2px } .updateTxt { position: absolute; top: 65px; right: 90px; color: #ebebec; } /* 통합대시보드_브라우징검색 */ .section.type03 { clear: both; overflow: hidden; height: 339px; padding: 0 29px; background: #fbfbfb; } .section.type03 ul.browsingTab { display: table; clear: both; overflow: hidden; width: 100%; padding: 9px 0 0 0; } .section.type03 ul.browsingTab li { display: table-cell; width: 14.2%; } .section.type03 ul.browsingTab li.last { width: 14.8%; } .section.type03 ul.browsingTab li a { display: block; height: 34px; color: #666; font-size: 12px; font-weight: bold; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ccc; border-left: 1px solid #ebebeb; line-height: 34px; background: #fff; } .section.type03 ul.browsingTab>li>a:hover, .section.type03 ul.browsingTab>li>a:focus { color: #333; text-decoration: underline; } .section.type03 ul.browsingTab li a.selected { height: 35px; color: #fff; border: 1px solid #000; border-bottom: none; background: #333 url(/nl/_res/img/bg/bg_browsingTab_selected.png) center bottom no-repeat; } .section.type03 .browsingTab_container { clear: both; overflow: hidden; width: 100%; height: 248px; padding: 7px 0 0 0; background: url(/nl/_res/img/main/main_browsingTab_container.png) right center no-repeat; } /* 통합대시보드_KDC(동양서) 주제 */ .section.type03 .defaultBrowsingTab { position: relative; clear: both; overflow: hidden; padding: 10px 0 0 0; background: url(/nl/_res/img/bg/bg_browsingTab01.png) 0 0 no-repeat; } .section.type03 .defaultBrowsingTab .box_l { float: left; width: 270px; height: 234px; } .section.type03 .defaultBrowsingTab .box_c { display: none; position: absolute; top: 10px; left: 271px; width: 270px; height: 234px; padding: 0 0 0 110px; background: #fbfbfb url(/nl/_res/img/bg/bg_browsingTab01_ul.png) 0 0 no-repeat; } .section.type03 .defaultBrowsingTab .box_r { display: none; position: absolute; top: 0; left: 380px; width: 270px; height: 234px; padding: 0 0 0 110px; background: #fbfbfb url(/nl/_res/img/bg/bg_browsingTab01_ul.png) 5px 0 no-repeat; } .section.type03 .defaultBrowsingTab ul li { clear: both; overflow: hidden; width: 100%; height: 22px; } .section.type03 .defaultBrowsingTab ul li a { display: block; clear: both; overflow: hidden; padding: 0 0 0 20px; color: #666; line-height: 22px; } .section.type03 .defaultBrowsingTab ul li a.selected { color: #fff; font-weight: bold; letter-spacing: -1px; background: url(/nl/_res/img/bg/bg_browsingTab01_selected.png) 0 0 no-repeat; } .section.type03 .defaultBrowsingTab ul.box_l.selected ul.box_c { display: block; } .section.type03 .defaultBrowsingTab ul.box_l.selected ul.box_c.selected ul.box_r { display: block; } #gnb ul div.nav06.sub { z-index: 99999 !important; } /* 통합대시보드_온라인자료 유형별 */ .browsingTab04 { clear: both; overflow: hidden; background: #fff; width: 1040px; } .browsingTab04 ul { overflow: hidden; } .browsingTab04 ul.tab04_left { float: left; width: 684px; border: 1px solid #ccc; } .browsingTab04 ul.tab04_right { float: right; width: 342px; border: 1px solid #ccc; } .browsingTab04 ul li { float: left; } .browsingTab04 ul li a { float: left; width: 170px; height: 30px; padding: 92px 0 0 0; text-align: center; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; color: #666 } .browsingTab04 ul li.browsingTab04_01 a { background: url(/nl/_res/img/btn/btn_browsingTab04_0101.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_02 a { border-right: none; background: url(/nl/_res/img/btn/btn_browsingTab04_0201.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_03 a { background: url(/nl/_res/img/btn/btn_browsingTab04_0301.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_04 a { border-right: none; background: url(/nl/_res/img/btn/btn_browsingTab04_0401.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_05 a { background: url(/nl/_res/img/btn/btn_browsingTab04_0501.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_06 a { background: url(/nl/_res/img/btn/btn_browsingTab04_0601.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_07 a { background: url(/nl/_res/img/btn/btn_browsingTab04_0701.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_08 a { background: url(/nl/_res/img/btn/btn_browsingTab04_0801.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_09 a { border-right: none; background: url(/nl/_res/img/btn/btn_browsingTab04_0901.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_10 a { border-right: none; background: url(/nl/_res/img/btn/btn_browsingTab04_1001.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_11 a { background: url(/nl/_res/img/btn/btn_browsingTab04_1101.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_12 a { background: url(/nl/_res/img/btn/btn_browsingTab04_1201.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_13 a { background: url(/nl/_res/img/btn/btn_browsingTab04_1301.png) center center no-repeat; } .browsingTab04 ul li a:hover, .browsingTab04 ul li a:focus { color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -1px; text-decoration: none !important; } .browsingTab04 ul li.browsingTab04_01 a:hover, .browsingTab04 ul li.browsingTab04_01 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0102.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_02 a:hover, .browsingTab04 ul li.browsingTab04_02 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0202.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_03 a:hover, .browsingTab04 ul li.browsingTab04_03 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0302.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_04 a:hover, .browsingTab04 ul li.browsingTab04_04 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0402.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_05 a:hover, .browsingTab04 ul li.browsingTab04_05 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0502.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_06 a:hover, .browsingTab04 ul li.browsingTab04_06 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0602.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_07 a:hover, .browsingTab04 ul li.browsingTab04_07 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0702.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_08 a:hover, .browsingTab04 ul li.browsingTab04_08 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0802.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_09 a:hover, .browsingTab04 ul li.browsingTab04_09 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_0902.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_10 a:hover, .browsingTab04 ul li.browsingTab04_10 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_1002.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_11 a:hover, .browsingTab04 ul li.browsingTab04_11 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_1102.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_12 a:hover, .browsingTab04 ul li.browsingTab04_12 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_1202.png) center center no-repeat; } .browsingTab04 ul li.browsingTab04_13 a:hover, .browsingTab04 ul li.browsingTab04_13 a:focus { background: #006eb3 url(/nl/_res/img/btn/btn_browsingTab04_1302.png) center center no-repeat; } /* 통합대시보드_연계기관/DB별,Web DB */ .browsingTab05 { clear: both; overflow: hidden; } .browsingTab05 .dbTab { clear: both; overflow: hidden; margin: 0 0 4px 0; } .browsingTab05 .dbTab li { float: left; } .browsingTab05 .dbTab li a { float: left; width: 150px; padding: 10px 30px 10px 15px; color: #666; font-weight: bold; border: 1px solid #c1c1c1; } .browsingTab05 .dbTab li a:hover, .browsingTab05 .dbTab li a:focus { color: #006eb3; } .browsingTab05 .dbTab li a.selected { color: #fff; background: #006eb3 url(/nl/_res/img/bg/bg_browsingTab05_dbTab_selected.png) right center no-repeat; } .browsingTab05 .dbTab_container { clear: both; overflow: hidden; border: 1px solid #999; background: #fff; } .browsingTab05 .dbTab_container ul { display: table; width: 100%; } .browsingTab05 .dbTab_container ul li { display: table-cell; overflow: hidden; width: 70px; height: 65px; } .browsingTab05 .dbTab_container ul li.all { width: 141px; } .browsingTab05 .dbTab_container ul li.last { width: 71px; } .browsingTab05 .dbTab_container ul li a { float: left; overflow: hidden; width: 100%; height: 65px; color: #666; font-size: 14px; font-weight: bold; text-align: center; line-height: 65px; border: 1px solid #eaeaea; } .browsingTab05 .dbTab_container ul li a:hover, .browsingTab05 .dbTab_container ul li a:focus { color: #fff; font-size: 24px; font-weight: bold; line-height: 65px; background: #009999; } /* 통합대시보드_Web DB */ .browsingTab06 { clear: both; overflow: hidden; } .browsingTab06 .dbTab { clear: both; overflow: hidden; margin: 0 0 4px 0; } .browsingTab06 .dbTab li { float: left; } .browsingTab06 .dbTab li a { float: left; width: 150px; padding: 10px 30px 10px 15px; color: #666; font-weight: bold; border: 1px solid #c1c1c1; } .browsingTab06 .dbTab li a:hover, .browsingTab06 .dbTab li a:focus { color: #006eb3; } .browsingTab06 .dbTab li a.selected { color: #fff; background: #006eb3 url(/nl/_res/img/bg/bg_browsingTab05_dbTab_selected.png) right center no-repeat; } .browsingTab06 .dbTab_container { clear: both; overflow: hidden; border: 1px solid #999; background: #fff; } .browsingTab06 .dbTab_container ul { display: table; width: 100%; } .browsingTab06 .dbTab_container ul li { display: table-cell; overflow: hidden; width: 70px; height: 65px; } .browsingTab06 .dbTab_container ul li.all { width: 141px; } .browsingTab06 .dbTab_container ul li.last { width: 71px; } .browsingTab06 .dbTab_container ul li a { float: left; overflow: hidden; width: 100%; height: 65px; color: #666; font-size: 14px; font-weight: bold; text-align: center; line-height: 65px; border: 1px solid #eaeaea; } .browsingTab06 .dbTab_container ul li a:hover, .browsingTab06 .dbTab_container ul li a:focus { color: #fff; font-size: 24px; font-weight: bold; line-height: 65px; background: #009999; } /* 통합대시보드_원문 DB별 */ .browsingTab07 { clear: both; overflow: hidden; border: 1px solid #ccc; background: #fff; } .browsingTab07 ul { clear: both; overflow: hidden; } .browsingTab07 ul li { float: left; width: 259px; height: 40px; } .browsingTab07 ul li.w_change { width: 261px; } .browsingTab07 ul li a { display: block; height: 39px; padding: 0 0 0 15px; color: #666; text-align: left; line-height: 40px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .browsingTab07 ul li a:hover, .browsingTab07 ul li a:focus { color: #fff; font-weight: bold; letter-spacing: -1px; background: #006eb3 url(/nl/_res/img/bg/bg_browsingTab01_selected.png) right center no-repeat; } /* 통합대시보드_배너 */ .section.type04 { position: relative; width: 1098px; height: 339px; } .section.type04 .mainBanner_tab { position: absolute; top: 20px; right: 20px; } .section.type04 .mainBanner_tab li { float: left; margin: 0 5px; } .section.type04 .mainBanner_tab li a { display: block; width: 30px; height: 30px; color: #fff; font-weight: bold; text-align: center; line-height: 30px; opacity: 0.7; border-radius: 20px; background: #000; } .section.type04 .mainBanner_tab li a:hover, .section.type04 .mainBanner_tab li a:focus { opacity: 1.0; color: #00c8c8; } .section.type04 .mainBanner_tab li a.selected { opacity: 1.0; background: #00c8c8; } .section.type04 .mainBanner_tab li a.selected:hover, .section.type04 .mainBanner_tab li a.selected:focus { color: #fff; } /* 메인_검색 */ .main_search { clear: both; padding: 25px 30px; background: #fff; } /* radioBox */ .main_search ul.srchSet { float: left; margin: 0 17px 0 0; } .main_search ul.srchSet li { float: left; width: 76px; text-align: center; } .main_search ul.srchSet li a { display: block; padding: 0 10px; height: 46px; color: #333; font-weight: bold; line-height: 46px; border-right: 1px solid #e2e2e2; background: url(/nl/_res/img/bg/bg_main_srchSet.png) center 0 no-repeat; } .main_search ul.srchSet li a:hover, .main_search ul.srchSet li a:focus { text-decoration: underline; } .main_search ul.srchSet li a.selected { color: #fff; font-weight: bold; background-position: center bottom; } .main_search ul.srchSet li.first a { background-position: left 0; } .main_search ul.srchSet li.last a { border: none; background-position: right 0; line-height: 120%; padding-top: 10px; height: 36px; color: #333; font-weight: bold; } .main_search ul.srchSet li.first a.selected { color: #fff; background-position: left bottom; } .main_search ul.srchSet li.last a.selected { color: #fff; background-position: right bottom; } .main_search .radioBox { float: left; margin: 0 15px 0 0; } .main_search .radioBox input { margin: 0 0 0 20px; } .main_search .radioBox .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(/nl/_res/img/bg/bg_radioBox.png)repeat-x; display: block; float: left; } .main_search .radioBox .cb-enable span, .cb-disable span { line-height: 46px; display: block; background-repeat: no-repeat; font-weight: bold; } .main_search .radioBox .cb-enable span { background-position: left -92px; height: 46px; padding: 0 10px; } .main_search .radioBox .cb-disable span { background-position: right -184px; height: 46px; padding: 0 10px; } .main_search .radioBox .cb-disable.selected { background-position: 0 -46px; } .main_search .radioBox .cb-disable.selected span { background-position: right -230px; color: #fff; } .main_search .radioBox .cb-enable.selected { background-position: 0 -46px; } .main_search .radioBox .cb-enable.selected span { background-position: left -138px; color: #fff; } .main_search .radioBox label { cursor: pointer; } .main_search .srchBox { float: left; width: 868px; height: 49px; } .main_search .srchBox .srch { float: left; } .main_search .srchBox .select { float: left; width: 113px; height: 25px; margin: 11px 20px 0 11px; color: #666; font-weight: bold; border: 1px solid #a2a2a2; } .main_search .srchBox .input_txt { float: left; width: 435px; height: 25px; margin: 10px 0 0 0; color: #666; font-size: 14px; line-height: 25px; border: 1px solid #fff; z-index: 999; } .main_search .srchBox .btn_autoword { float: left; margin: 20px 5px 0 5px; } .main_search .srchBox .input_txt02 { float: left; width: 590px; height: 25px; margin: 10px 0 0 10px; color: #666; font-size: 14px; line-height: 25px; border: 1px solid #fff; z-index: 999; } .main_search .srchBox .input_img { float: left; display: inline; cursor: pointer; } .main_search .srchBox .img_detail_search { margin-left: 10px; display: inline-block; cursor: pointer; } /* 주제명 추가로 인한 수정 fix 0130 */ #summon { background: url(/nl/_res/img/bg/bg_main_srchBox.png) 0 0 no-repeat; } .main_search .srchBox { float: left; width: 868px; height: 49px; } .main_search .srchBox .srch { float: left; } #sojang { width: 600px !important; position: relative; height: 49px; background: url(/nl/_res/img/bg/bg_main_srchBox.png) 0 0 no-repeat; } #sojang .select { float: left; width: 120px; height: 25px; margin: 11px 15px 0 11px; color: #666; font-weight: bold; border: 1px solid #a2a2a2; } #sojang .input_txt { float: left; width: 365px; height: 25px; margin: 10px 0 0 0; color: #666; font-size: 14px; line-height: 25px; border: 1px solid #fff; z-index: 999; } #sojang .btn_autoword { float: left; margin: 20px 5px 0 5px; } #sojang .input_txt02 { float: left; width: 590px; height: 25px; margin: 10px 0 0 10px; color: #666; font-size: 14px; line-height: 25px; border: 1px solid #fff; z-index: 999; } #sojang .input_img {display:block; width:64px; height:46px; top:0; right:0px; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer;position:absolute; cursor:pointer;background:url(/nl/_res/img/btn/btn_main_srch.png) 0 0 no-repeat;} #sojang .img_detail_search {display:block; width:77px; height:49px; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer;position:absolute; top:0; right:-84px;background:url(/nl/_res/img/btn/btn_main_detailSrch.png) 0 0 no-repeat;} #sojang .img_detail_search2 {display:block; width:77px; height:49px; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer;position:absolute; top:0; right:-161px;background:url(/nl/_res/img/btn/btn_main_detailSrch2.png) 0 0 no-repeat;} /*----*/ .main_search .etcSrch { float: right; } .main_search .etcSrch li { clear: both; overflow: hidden; margin: 0 0 5px 0; padding: 0; } .main_search .etcSrch li a.btnType01 { display: block; overflow: hidden; width: 83px; height: 19px; margin: 0; padding: 0; color: #666; font-size: 11px; line-height: 19px; text-align: center; background: url(/nl/_res/img/bg/bg_main_etcSrch.png) 0 0 no-repeat; } .main_search .etcSrch li a.btnType01:hover, .main_search .etcSrch li a.btnType01:focus { color: #333; text-decoration: underline } .main_search .etcSrch li a.btnType02 { display: block; overflow: hidden; width: 153px; height: 19px; margin: 0; padding: 0; color: #666; font-size: 11px; line-height: 19px; text-align: center; background: url(/nl/_res/img/bg/bg_main_etcSrch02.png) 0 0 no-repeat; } .main_search .etcSrch li a.btnType02:hover, .main_search .etcSrch li a.btnType02:focus { color: #333; text-decoration: underline } .mainLeft { float: left; width: 846px; } .mainRight { float: right; width: 245px; } /* 휴관일 안내 */ .mainRight .holidayBox { clear: both; overflow: hidden; background: #fff; } .mainRight .holidayBox h3 { clear: both; overflow: hidden; height: 35px; line-height: 35px; border-bottom: 1px solid #dbdbdb; } .mainRight .holidayBox h3 span { padding: 0 0 0 20px; color: #333; font-weight: bold; } .mainRight .holidayBox h3 a { float: right; margin: 1px 20px 0 0; padding: 0 7px 0 0; color: #666; font-size: 11px; background: url(/nl/_res/img/icon/icon_lst_more.png) right 14px no-repeat; } .mainRight .holidayBox h3 a:hover, .mainRight .holidayBox h3 a:focus { color: #333; text-decoration: underline; } .mainRight .holidayBox dl.calendar { float: left; width: 55px; height: 73px; margin: 15px 0 0 20px; background: url(/nl/_res/img/bg/bg_main_calendar.png) 0 0 no-repeat; } .mainRight .holidayBox dl.calendar dt { clear: both; overflow: hidden; width: 100%; height: 23px; color: #fff; font-weight: bold; text-align: center; line-height: 23px; } .mainRight .holidayBox dl.calendar dd { clear: both; overflow: hidden; width: 100%; height: 50px; color: #fff; font-size: 36px; font-weight: bold; text-align: center; line-height: 50px; letter-spacing: -1px; } .mainRight .holidayBox ul.lst { float: right; overflow: auto; width: 135px; height: 140px; margin: 15px 0 8px 0; padding: 0 20px 0 0; } .mainRight .holidayBox ul.lst li { overflow: hidden; height: 20px; margin: 0 0 7px 0; padding: 0 0 7px 0; line-height: 20px; border-bottom: 1px solid #e7e7e7; text-overflow: ellipsis; white-space: nowrap; } .mainRight .holidayBox ul.lst li span { float: left; width: 50px; } /* 알림판 */ .mainBanner_s { clear: both; overflow: hidden; position: relative; width: 243px; height: 198px; margin: 0 0 10px 0; border: 1px solid #dbdbdb; } .mainBanner_s .slidesjs-navigation { margin: 5px; } .mainBanner_s a.slidesjs-next { position: absolute; top: 0; right: 28px; display: block; width: 18px; height: 17px; overflow: hidden; text-indent: -9999px; z-index: 999; background: url(/nl/_res/img/btn/btn_mainBanner_s_next.png) 0 0 no-repeat; } .mainBanner_s a.slidesjs-previous { position: absolute; top: 0; right: 46px; display: block; width: 18px; height: 17px; overflow: hidden; text-indent: -9999px; z-index: 999; background: url(/nl/_res/img/btn/btn_mainBanner_s_prev.png) 0 0 no-repeat; } .mainBanner_s a.slidesjs-play { position: absolute; top: 0; right: 10px; z-index: 888; display: block; width: 18px; height: 17px; overflow: hidden; text-indent: -9999px; z-index: 999; background: url(/nl/_res/img/btn/btn_mainBanner_s_play.png) 0 0 no-repeat; } .mainBanner_s a.slidesjs-stop { position: absolute; top: 0; right: 10px; z-index: 888; display: block; width: 18px; height: 17px; overflow: hidden; text-indent: -9999px; z-index: 999; background: url(/nl/_res/img/btn/btn_mainBanner_s_stop.png) 0 0 no-repeat; } .mainBanner_s .slidesjs-pagination { display: none; position: absolute; top: 0; left: 25px; z-index: -999; } .mainBanner_s .navbar { overflow: hidden } a.slidesjs-next:hover, a.slidesjs-previous:hover, a.slidesjs-play:hover, a.slidesjs-stop:hover { background-position: 0 -17px; } a.slidesjs-next:focus, a.slidesjs-previous:focus, a.slidesjs-play:focus, a.slidesjs-stop:focus { background-position: 0 -17px; } .mainBanner_s li.slidesjs-slide { height: 100% !important; } .mainBanner_s li.slidesjs-slide a { display: block; width: 100%; height: 100%; } .mainBanner_s li.slidesjs-slide a img { width: 100%; height: 100%; } /* 관련사이트 */ .mainBanner_site { clear: both; position: relative; margin: 0 0 10px 0; border: 1px solid #dbdbdb; } .mainBanner_site li { clear: both; border-bottom: 1px solid #f3f3f3; } .mainBanner_site li.last { border: none; } .mainBanner_site li a { display: block; } /* 신착도서, 사서추천도서 */ .bookTabBox { clear: both; overflow: hidden; position: relative; margin: 0 0 10px 0; padding: 15px 30px; border: 1px solid #dbdbdb; } .bookTabBox ul.bookTab_menu { clear: both; overflow: hidden; } .bookTabBox ul.bookTab_menu> li { float: left; height: 170px; margin: 0 15px 0 0; padding: 0 15px 0 0; background: url(/nl/_res/img/bg/bg_bar1.jpg) right 5px no-repeat; } .bookTabBox ul.bookTab_menu> li.last { margin: 0; padding: 0; background: none; } .bookTabBox ul.bookTab_menu> li> a { color: #666; } .bookTabBox ul.bookTab_menu> li.selected> a { color: #333; font-weight: bold; text-decoration: underline; } .bookTabBox .bookTab_contents { display: none; position: absolute; left: 30px; width: 784px; margin: 16px 0 0 0; } .bookTabBox .bookTab_contents ul { clear: both; overflow: hidden; } .bookTabBox .bookTab_contents ul li { float: left; width: 241px; margin: 0 30px 5px 0; } .bookTabBox .bookTab_contents ul li.last { margin: 0; } .bookTabBox .bookTab_contents ul li a.bookBtn { display: block; width:241px; height:131px; } .bookTabBox .bookTab_contents ul li a.bookBtn .thumb { float: left; width: 88px; height: 130px; background: url(/nl/_res/img/bg/bg_main_bookTab_item.png) 0 0 no-repeat; } .bookTabBox .bookTab_contents ul li a.bookBtn .thumb img { float: left; margin: 1px 0 0 1px; width: 81px; height: 113px; } .bookTabBox .bookTab_contents ul li a.bookBtn .bookName { overflow: hidden; float: right; width: 145px; max-height: 30px; margin: 0 0 20px 0; color: #333; font-weight: bold; line-height: 16px; text-overflow: ellipsis; } .bookTabBox .bookTab_contents ul li a.bookBtn .writer { float: right; width: 145px; margin: 0 0 2px 0; color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .bookTabBox .bookTab_contents ul li a.bookBtn .publisher { float: right; width: 145px; margin: 0 0 2px 0; color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .bookTabBox .bookTab_contents ul li a.bookBtn .date { float: right; overflow: hidden; width: 145px; margin: 0 0 2px 0; color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .bookTabBox .bookTab_contents ul li a.bookBtn:hover .bookName, .bookTabBox .bookTab_contents ul li a.bookBtn:focus .bookName { text-decoration: underline; } .bookTabBox .bookTab_contents ul li.more { position: absolute; top: -35px; right: 0; float: none; width: auto; margin: 0; } /*메인화면 신착자료(학술기사)*/ .bookTabBox .bookTab_contents2 { display: none; position: absolute; left: 30px; width: 784px; margin: 16px 0 0 0; } .bookTabBox .bookTab_contents2 ul { clear: both; overflow: hidden; } .bookTabBox .bookTab_contents2 ul li { float: left; width: 241px; margin: 0 30px 5px 0; } .bookTabBox ul.bookTab_menu> li.selected .bookTab_contents { display: block; } /* 디지털 콘텐츠 포털 (공통) */ .d_contBox { clear: both; overflow: hidden; position: relative; margin: 0 0 10px 0; padding: 15px 30px; border: 1px solid #dbdbdb; } .d_contBox ul.d_contBox_tab { clear: both; overflow: hidden; } .d_contBox ul.d_contBox_tab>li { float: left; height: 167px; margin: 0 15px 0 0; padding: 0 15px 0 0; background: url(/nl/_res/img/bg/bg_bar1.jpg) right 5px no-repeat; } .d_contBox ul.d_contBox_tab>li.last { margin: 0; padding: 0; background: none; } .d_contBox ul.d_contBox_tab>li>a { color: #666; } .d_contBox ul.d_contBox_tab>li.selected>a { color: #333; font-weight: bold; text-decoration: underline; } .d_contBox .d_contBox_contents { display: none; position: absolute; left: 30px; width: 784px; height: 140px; margin: 16px 0 0 0; } .d_contBox .d_contBox_contents p.more { position: absolute; top: -35px; right: 0; float: none; width: auto; margin: 0; } .d_contBox ul.d_contBox_tab> li.selected .d_contBox_contents { display: block; } /* 테마기획 */ .themePlanning_tab { clear: both; position: relative; width: 100%; height: 140px; } .themePlanning_tab ul.themePlanning_menu { position: absolute; width: 100%; } .themePlanning_tab ul.themePlanning_menu> li { clear: both; overflow: hidden; margin: 0 0 3px 0; } .themePlanning_tab ul.themePlanning_menu> li.last { margin: 0; padding: 0; background: none; } .themePlanning_tab ul.themePlanning_menu> li> a { display: block; width: 176px; height: 37px; color: #666; text-align: center; line-height: 37px; border: 1px solid #e5e5e5; background: #fff; } .themePlanning_tab ul.themePlanning_menu> li.selected> a { color: #306bad; font-weight: bold; background: url(/nl/_res/img/bg/btn_themePlanning_menu.selected.png) 0 bottom repeat-x; } .themePlanning_tab ul.themePlanning_menu> li.selected> a span { padding: 0 10px; background: url(/nl/_res/img/icon/icon_arrow01.png) right 2px no-repeat; } .themePlanning_tab .themePlanning_contents { display: none; position: absolute; top: 0; right: 0; margin: 0; } .themePlanning_menu>li.selected .themePlanning_contents { display: block; } .themePlanning_tab ul.lst { float: right; width: 600px; margin: 0 0 11px 0; } .themePlanning_tab ul.lst li { float: left; text-align: left; margin: 0 0 3px 0; padding: 0 0 0 5px; background: url(/nl/_res/img/icon/icon_main_lst.png) 0 8px no-repeat; width: 197px } .themePlanning_tab ul.lst li a { float: left; overflow: hidden; width: 400px; color: #666; text-overflow: ellipsis; white-space: nowrap; } .themePlanning_tab ul.lst li a:hover, .themePlanning_tab ul.lst li a:focus { color: #333; text-decoration: underline; } .themePlanning_tab ul.lst li.first { float: left; margin: 0 0 0 15px; padding: 0; background: none; width: 185px; } .themePlanning_tab ul.lst li.first a { display: block; width: 178px; } .themePlanning_tab ul.lst li.first a span.thumb { float: left; width: 176px; height: 98px; margin: 0 0 5px 0; border: 1px solid #333; } .themePlanning_tab ul.lst li.first a span.thumb img { width: 100%; height: 100%; } .themePlanning_tab ul.lst li.first a em { float: left; overflow: hidden; width: 100%; color: #666; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; } .themePlanning_tab ul.lst li.first a:hover em, .themePlanning_tab ul.lst li.first a:focus em { color: #333; text-decoration: underline; } .themePlanning_tab ul.lst li.more { background: none; } .themePlanning_tab ul.lst li.more a { width: auto; margin: 13px 0 0 0; padding: 0 7px 0 0; color: #999; font-size: 11px; text-decoration: underline; background: url(/nl/_res/img/icon/icon_lst_more.png) right center no-repeat; } .themePlanning_tab ul.lst li.more a:hover, .themePlanning_tab ul.lst li.more a:focus { color: #306bad; } /* 디지털콜렉션 */ .digitalCollation { clear: both; overflow: hidden; } .digitalCollation ul { clear: both; overflow: hidden; } .digitalCollation ul li { float: left; margin: 0 33px 5px 0; } .digitalCollation ul li.last { margin-right: 0; } .digitalCollation ul li a { float: left; width: 130px; background: url(/nl/_res/img/bg/bg_main_digitalCollation.png) 0 0 no-repeat; } .digitalCollation ul li a span.thumb { float: left; margin: 1px 0 7px 1px; width: 123px; height: 103px; } .digitalCollation ul li a em { float: left; width: 130px; color: #666; text-align: center; letter-spacing: -1.5px; } .digitalCollation ul li a:hover em, .digitalCollation ul li a:focus em { color: #333; text-decoration: underline; } .digitalCollation ul.listBox { position: absolute; top: 0; left: 0; width: 10000px; } .digitalCollation a.digital_prev { position: absolute; top: 30px; left: -30px; width: 25px; height: 41px; } .digitalCollation a.digital_next { position: absolute; top: 30px; right: -30px; width: 25px; height: 41px; z-index: 999; } .digitalCollation a.digital_prev img, .digitalCollation a.digital_next img { width: 100%; height: 100%; } /* 전자자료서비스 */ .elc { clear: both; overflow: hidden; } .elc ul { clear: both; overflow: hidden; } .elc ul li { float: left; margin: 0 33px 5px 0; } .elc ul li.last { margin-right: 0; } .elc ul li a { float: left; width: 236px; text-align: center; } .elc ul li a span.thumb { float: left; margin: 1px 0 7px 1px; width: 240px; height: 103px; display: block; border: #CCC 1px solid; text-align: center; } .elc ul li a em { float: left; width: 240px; color: #666; text-align: center; letter-spacing: -1px; display: block } .elc ul li a:hover em, .digitalCollation ul li a:focus em { color: #333; text-decoration: underline; } .elc ul.listBox { position: absolute; top: 0; left: 0; width: 10000px; } .elc a.digital_prev { position: absolute; top: 30px; left: -30px; width: 25px; height: 41px; } .elc a.digital_next { position: absolute; top: 30px; right: -30px; width: 25px; height: 41px; z-index: 999; } .elc a.digital_prev img, .digitalCollation a.digital_next img { width: 100%; height: 100%; } /* 세계의도서관 */ .worldLibrary { clear: both; overflow: hidden; } .worldLibrary>ul { clear: both; overflow: hidden; } .worldLibrary>ul>li { float: left; width: 375px; margin: 0 34px 10px 0; } .worldLibrary>ul>li.last { margin-right: 0; } .worldLibrary ul li a { float: left; } .worldLibrary ul li a span.thumb { float: left; width: 148px; height: 118px; margin: 0 15px 0 0; border: 1px solid #747474; } .worldLibrary ul li a span.thumb img { width: 100%; height: 100%; } .worldLibrary ul li a span.country { float: left; width: 200px; margin: 0 0 5px 0; color: #666; font-size: 11px; } .worldLibrary ul li a strong.libraryName { overflow: hidden; float: left; width: 200px; height: 19px; margin: 0 0 12px 0; color: #666; font-weight: bold; line-height: 18px; text-overflow: ellipsis; white-space: nowrap } .worldLibrary ul li a span.txt { float: left; overflow: hidden; width: 200px; height: 70px; color: #666; font-size: 11px; line-height: 18px; text-overflow: ellipsis; } .worldLibrary ul li a:hover .libraryName, .worldLibrary ul li a:focus .libraryName { color: #333; text-decoration: underline; } /* 주요게시판 */ .boardBox { clear: both; overflow: hidden; position: relative; margin: 0 0 10px 0; padding: 15px 30px; border: 1px solid #dbdbdb; } .boardBox ul.boardBoxTab { clear: both; overflow: hidden; } .boardBox ul.boardBoxTab>li { float: left; height: 168px; margin: 0 15px 0 0; padding: 0 15px 0 0; background: url(/nl/_res/img/bg/bg_bar1.jpg) right 5px no-repeat; } .boardBox ul.boardBoxTab>li.last { margin: 0; padding: 0; background: none; } .boardBox ul.boardBoxTab>li>a { color: #666; } .boardBox ul.boardBoxTab>li.selected>a { color: #333; font-weight: bold; text-decoration: underline; } .boardBox .boardBox_contnetns { display: none; position: absolute; left: 30px; width: 784px; height: 140px; margin: 16px 0 0 0; } .boardBoxTab>li.selected .boardBox_contnetns { display: block; } /* 주요게시판-공지사항 */ .boardBox ul.lst01 { clear: both; height: 130px; margin: 0 0 4px 0; } .boardBox ul.lst01 li { clear: both; overflow: hidden; width: 100%; height: 21px; margin: 0 0 5px 0; } .boardBox ul.lst01 li span { float: left; margin: 0 14px 0 0; } .boardBox ul.lst01 li a { float: left; overflow: hidden; color: #666; text-overflow: ellipsis; white-space: nowrap; max-width: 430px; } .boardBox ul.lst01 li a:hover, .boardBox ul.lst01 li a:focus { color: #333; text-decoration: underline; } .boardBox ul.lst01 li em { float: right; color: #595959; } .boardBox ul.lst01 li.more { position: absolute; top: -35px; right: 0; float: none; width: auto; margin: 0; } .boardBox ul.lst01 li.more a { width: auto; height: auto; margin: 0; padding: 0; background: none; } #mtab_notice { padding-left: 170px; background: url(/nl/_res/img/main/bg_notice.png) left top no-repeat; width: 610px; } /* 주요게시판-보도자료,인재채용*/ .boardBox ul.lst02 { clear: both; overflow: hidden; height: 130px; margin: 0 0 4px 0; } .boardBox ul.lst02 li { clear: both; overflow: hidden; width: 100%; height: 21px; margin: 0 0 5px 0; } .boardBox ul.lst02 li a { float: left; overflow: hidden; padding: 0 0 0 10px; color: #666; text-overflow: ellipsis; white-space: nowrap; background: url(/nl/_res/img/icon/icon_dot01.png) 0 7px no-repeat; } .boardBox ul.lst02 li a:hover, .boardBox ul.lst02 li a:focus { color: #333; text-decoration: underline; } .boardBox ul.lst02 li em { float: right; color: #595959; } .boardBox ul.lst02 li.more { position: absolute; top: -35px; right: 0; float: none; width: auto; margin: 0; } .boardBox ul.lst02 li.more a { width: auto; height: auto; margin: 0; padding: 0; background: none; } #mtab_career { padding-left: 170px; background: url(/nl/_res/img/main/bg_career.png) left top no-repeat; width: 610px; } #mtab_news { padding-left: 170px; background: url(/nl/_res/img/main/bg_news.png) left top no-repeat; width: 610px; } /* 주요게시판-포토뉴스 .boardBox ul.lst03 {clear:both; overflow:hidden; height:115px; margin:15px 0 4px 0;} .boardBox ul.lst03 li {clear:both; overflow:hidden; width:100%;} .boardBox ul.lst03 li a {display:block;} .boardBox ul.lst03 li a span.thumb {float:left; width:178px; height:100px; border:1px solid #040405;} .boardBox ul.lst03 li a span.thumb img {width:100%; height:100%;} .boardBox ul.lst03 li a strong.tit {overflow:hidden; float:right; width:580px; margin:0 0 10px 0; color:#666; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;} .boardBox ul.lst03 li a span.txt {overflow:hidden; float:right; width:580px; max-height:55px; margin:0 0 5px 0; color:#666; line-height:18px;} .boardBox ul.lst03 li a em.date {float:right; width:580px; color:#999; font-size:11px;} .boardBox ul.lst03 li a:hover dt,.boardBox ul.lst03 li a:focus dt {color:#333; text-decoration:underline;} .boardBox ul.lst03 li a:hover dd.txt,.boardBox ul.lst03 li a:focus dd.txt {color:#333; text-decoration:underline;} .boardBox ul.lst03 li.more {position:absolute; top:-35px; right:0; float:none; width:auto; margin:0;} .boardBox ul.lst03 li.more a {width:auto; height:auto; margin:0; padding:0; background:none;} */ /* 주요게시판-포토뉴스 */ .boardBox ul.lst03 { clear: both; overflow: hidden; } .boardBox ul.lst03 li { float: left; width: 375px; margin: 0 0 10px 34px; } .boardBox ul.lst03 > li:first-child { margin-left: 0; } .boardBox ul.lst03 li a { float: left; width: 375px; } .boardBox ul.lst03 li a span.thumb { float: left; width: 148px; height: 118px; margin: 0 15px 0 0; border: 1px solid #747474; } .boardBox ul.lst03 li a span.thumb img { width: 100%; height: 100%; } .boardBox ul.lst03 li a strong.tit { overflow: hidden; float: left; width: 200px; margin: 0 0 10px 0; color: #666; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; } .boardBox ul.lst03 li a span.txt { overflow: hidden; float: left; width: 200px; height: 70px; color: #666; font-size: 11px; line-height: 18px; text-overflow: ellipsis; position: relative; margin-bottom: 10px; white-space: normal } .boardBox ul.lst03 li a span.txt:after { content: ". . ."; position: absolute; top: 70px; font-weight: bold; right: 0; padding: 0 20px 1px 45px; } .boardBox ul.lst03 li a em.date { float: left; width: 200px; color: #999; font-size: 11px; } .boardBox ul.lst03 li a:hover dt, .boardBox ul.lst03 li a:focus dt { color: #333; text-decoration: underline; } .boardBox ul.lst03 li a:hover dd.txt, .boardBox ul.lst03 li a:focus dd.txt { color: #333; text-decoration: underline; } .boardBox ul.lst03 li.more { position: absolute; top: -35px; right: 0; float: none; width: auto; margin: 0; } .boardBox ul.lst03 li.more a { width: auto; height: auto; margin: 0; padding: 0; background: none; } /* 다국어입력기 */ .worldwordBox { display: none; position: absolute; top: 74px; left: 200px; z-index: 99999; width: 620px; padding: 10px 16px 18px 16px; border: 1px solid #cdcdcd; background: #f1f1f1; } .worldwordBox h3 { clear: both; overflow: hidden; height: 24px; padding: 0 0 0 25px; color: #333; font-weight: bold; background: url(/nl/_res/img/icon/cion_main_worldwordBox.png) 0 1px no-repeat; } .worldwordBox .worldword { clear: both; overflow: hidden; width: 100%; } .worldwordBox .worldword ul.language { clear: both; overflow: hidden; width: 630px; border: 1px solid #999; background: #fff; } .worldwordBox .worldword ul.language li { clear: none; float: left; width: 89px; margin: 0; padding: 0; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .worldwordBox .worldword ul.language li a { display: block; width: auto !important; height: 30px; margin: 0; padding: 0; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; background: none; } .worldwordBox .worldword ul.language li a:hover, .worldwordBox .worldword ul.language li a:focus { text-decoration: underline; } .worldwordBox .worldword ul.language li a.selected { color: #ffcc00; background: #333; } .worldwordBox .worldword .languageContents { clear: both; overflow: hidden; width: 600px; padding: 15px; border: 1px solid #cdcdce; background: #fff; } .worldwordBox .worldword .languageContents ul { clear: both; overflow: hidden; } .worldwordBox .worldword .languageContents ul li { clear: none; float: left; width: 30px; height: 30px; margin: 0; } .worldwordBox .worldword .languageContents ul li a { display: block; margin: 0; padding: 0; color: #666; font-size: 12px; text-align: center; line-height: 28px; border: 1px solid #e8e8e8; background: none; } .worldwordBox .worldword .languageContents ul li a:hover, .worldwordBox .worldword .languageContents ul li a:focus { color: #fff; font-size: 14px; text-decoration: none; font-weight: bold; background: #0066cc; } .worldwordBox .worldwordBox_close { position: absolute; top: 5px; right: 16px; width: 23px; height: 23px; } .worldwordBox .worldwordBox_close a { width: 23px; height: 23px; margin: 0; padding: 0; background: none; } /* 자동완성 */ .autoWord { display: none; position: absolute; top: 69px; left: 315px; width: 465px; border: 1px solid #1e62be; background: #fff; box-shadow: 1px 0 2px #999; z-index: 999; } .autoWord ul { clear: both; overflow: auto; max-height: 330px; } .autoWord ul li { clear: both; overflow: hidden; border-bottom: 1px solid #ccc; } .autoWord ul li a { clear: both; overflow: hidden; display: block; color: #666; font-size: 14px; padding: 7px 10px; } .autoWord ul li a span { color: #1e62be; font-weight: bold; } .autoWord p.close { clear: both; overflow: hidden; padding: 7px 15px; text-align: right; background: #f1f1f1; } /* 상세검색 */ .layerPop_box02 { position: relative; display: none; z-index: 9999; } .layerPop_box02 .bg { position: fixed; width: 100%; height: 100%; background: url(/nl/_res/img/bg/bg_layerpopup_box.png) 0 0 repeat; } .detailSearchBox { position: absolute; top: 180px; left: 50%; width: 1100px; margin: 0 0 0 -550px; background: #fff; box-shadow: 0 0 5px #333; } .pop01 { position: absolute; top: 180px; left: 50%; width: 980px !important; margin: 0 0 0 -490px !important; } .detailSearchBox .detail_topArea { clear: both; overflow: hidden; width: 100%; height: 47px; background: #2d559f; } .detailSearchBox .detail_topArea h1 { float: left; height: 22px; margin: 14px 0 0 18px; padding: 0 0 0 30px; color: #fff; font-size: 16px; font-weight: bold; line-height: 22px; background: url(/nl/_res/img/icon/icon_detailSearchBox_h1.png) 0 0 no-repeat; } .detailSearchBox .detail_topArea a.close { float: right; margin: 14px 18px 0 0; } .detailSearch_tab { clear: both; overflow: hidden; margin: 0 0 10px 0; background: url(/nl/_res/img/bg/bg_search_topTab_a.png) 0 bottom repeat-x; } .detailSearch_tab ul { padding: 15px 20px 0 20px; } .detailSearch_tab ul li { float: left; overflow: hidden; width: 50%; } .detailSearch_tab ul li a { display: block; height: 40px; color: #666; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; letter-spacing: -1px; border: 1px solid #cdcdcd; border-bottom: none; background: #f1f1f1; } .detailSearch_tab ul li a.selected { height: 41px; color: #29afb0; border: 3px solid #29afb0; border-bottom: none; background: #fff; } .detailSearchBox .detailSrch_contents { clear: both; overflow: hidden; padding: 20px 20px; } .detailSearchBox .detailSrch_contents .classify_data { clear: both; overflow: hidden; margin: 0 0 1px 0; padding: 10px 20px; border: 1px solid #42495a; } .detailSearchBox .detailSrch_contents .classify_data dl { clear: both; overflow: hidden; padding: 5px 0 0 0; background: url(/nl/_res/img/bg/bg_detailSearchBox_dl.png) 109px 0 repeat-y; } .detailSearchBox .detailSrch_contents .classify_data dl dt { float: left; width: 108px; color: #515f79; font-weight: bold; } .detailSearchBox .detailSrch_contents .classify_data dl dd { float: right; width: 726px; } .detailSearchBox .detailSrch_contents .classify_data dl dd ul.dl_ul { clear: both; overflow: hidden } .detailSearchBox .detailSrch_contents .classify_data dl dd ul.dl_ul li { float: left; margin: 0 20px 5px 0; } .detailSearchBox .detailSrch_contents .classify_data dl dd ul.dl_ul li label { float: left; color: #666; } .detailSearchBox .detailSrch_contents .classify_data dl dd ul.dl_ul li .input_radio { float: left; margin: 1px 5px 0 0; } .detailSearchBox .detailSrch_contents .classify_depth { display: none; clear: both; overflow: hidden; padding: 10px 20px; background: #515f79; } .detailSearchBox .detailSrch_contents .classify_depth dl { clear: both; overflow: hidden; padding: 5px 0 0 0; background: url(/nl/_res/img/icon/icon_arrow09.png) 109px 9px no-repeat; } .detailSearchBox .detailSrch_contents .classify_depth dl dt { float: left; width: 108px; color: #ffd800; font-weight: bold; } .detailSearchBox .detailSrch_contents .classify_depth dl dd { float: right; width: 726px; } .detailSearchBox .detailSrch_contents .classify_depth dl dd ul.dl_ul { clear: both; overflow: hidden } .detailSearchBox .detailSrch_contents .classify_depth dl dd ul.dl_ul li { float: left; margin: 0 20px 5px 0; } .detailSearchBox .detailSrch_contents .classify_depth dl dd ul.dl_ul li label { float: left; color: #fff; } .detailSearchBox .detailSrch_contents .classify_depth dl dd ul.dl_ul li .input_radio { float: left; margin: 1px 5px 0 0; } .detail_form_fieldset { position: relative; } .detailSearchBox .detailSrch_contents .detail_btnBox { position: absolute; right: 0px; top: -43px; } .detailSearchBox .detailSrch_contents .detail_btnBox .worldwordBtn a { float: left; height: 37px; padding: 0 40px 0 13px; color: #333; font-weight: bold; line-height: 37px; border: 1px solid #999; background: #fff url(/nl/_res/img/icon/icon_worldwordBtn.png) right center no-repeat; box-shadow: 0 2px 0 #e8e8e8; } .detailSearchBox .detailSrch_contents .detailSrch_location { clear: both; overflow: hidden; padding: 10px 5px; border-top: 1px solid #cecece; border-bottom: 1px solid #767676; } .detailSearchBox .detailSrch_contents .detailSrch_location dt { float: left; width: 135px; height: 28px; margin: 0 10px 0 0; color: #fff; font-size: 11px; font-weight: bold; line-height: 28px; text-align: center; background: #515f79; border-radius: 20px; } .detailSearchBox .detailSrch_contents .detailSrch_location dd { float: left; height: 28px; line-height: 28px; } .detailSearchBox .detailSrch_contents .detailSrch_location dd ul { clear: both; } .detailSearchBox .detailSrch_contents .detailSrch_location dd ul li { float: left; margin: 0 10px 0 0; padding: 0 16px 0 0; color: #333; font-size: 14px; font-weight: bold; background: url(/nl/_res/img/icon/icon_arrow10.png) right center no-repeat; } .detailSearchBox .detailSrch_contents .detailSrch_location dd ul li:last-child { margin: 0; padding: 0; color: #d25625; background: none; } .tblStyle01 { clear: both; overflow: hidden; width: 100%; margin: 0 0 10px 0; table-layout: fixed; text-align: center; border-top: 1px solid #666; } .tblStyle01 tbody th { padding: 5px 12px; color: #515f79; font-weight: bold; text-align: left; line-height: 14px; border-bottom: 1px solid #ece3e9; background: #f9f9f9; } .tblStyle01 tbody td { padding: 5px 12px; color: #666; text-align: left; border-bottom: 1px solid #ece3e9; } .tblStyle01 .input_txt { float: left; height: 28px; margin: 0 5px 0 0; padding: 0 5px; border: 1px solid #a8b1c5; background: #f6f6f6; } .tblStyle01 .input_txt02 { float: left; height: 28px; margin: 0 5px 0 0; padding: 0 5px; border: 1px solid #999; background: #fff; } .tblStyle01 .select { float: left; height: 30px; margin: 0 5px 0 0; padding: 0; border: 1px solid #b8b8b8; } .tblStyle01 .fr { float: right; margin: 0; } .tblStyle01 a.link { float: left; height: 28px; padding: 0 15px; color: #333; font-weight: bold; line-height: 28px; border: 1px solid #999; background: url(/nl/_res/img/bg/bg_etailSearch_link.png) 0 0 repeat-x; } .tblStyle01 label { float: left; margin: 0 5px 0 0; line-height: 28px; } .tblStyle01 span.txtBox { float: left; margin: 0 5px 0 0; line-height: 28px; } .tblStyle01 img.critical { float: left; margin: 4px 5px 0 0; } .tblStyle01 span.sauce { float: left; margin: 0 5px 0 0; line-height: 28px; } .tblStyle01 span.thumb { float: left; width: 93px; height: 130px; border: 1px solid #d0d0d0; box-shadow: 0 0 1px #cdcdcd; } .tblStyle01 span.thumb img { width: 100%; height: 100%; } .tblStyle01 tbody th span { clear: both; overflow: hidden; display: block; padding: 5px 0 0 0; font-size: 11px; font-weight: normal; letter-spacing: -1px; } .tblStyle02 { clear: both; overflow: hidden; width: 100%; table-layout: fixed; text-align: center; } .tblStyle02 thead th { padding: 10px 12px; color: #3e4353; font-weight: bold; text-align: left; line-height: 14px; border-bottom: 1px solid #cbccd1; background: #e8e8ea; } .tblStyle02 tbody td { padding: 8px 12px; color: #666; text-align: left; border-bottom: 1px solid #dedfe2; background: #fff; } .tblStyle02 thead th.al_c { text-align: center; } .tblStyle02 tbody td.al_c { text-align: center; } .tblStyle02 span.thumb { float: left; width: 50px; height: 80px; border: 1px solid #d0d0d0; box-shadow: 0 0 1px #cdcdcd; } .tblStyle02 span.thumb img { width: 100%; height: 100%; } .tblStyle08 { clear: both; overflow: hidden; width: 100%; table-layout: fixed; text-align: center; } .tblStyle08 thead th { padding: 10px 12px; color: #3e4353; font-weight: bold; text-align: left; line-height: 14px; border-bottom: 1px solid #cbccd1; background: #e8e8ea; } .tblStyle08 tbody td { padding: 8px 12px; color: #666; text-align: left; border-bottom: 1px solid #dedfe2; background: #fff; } .tblStyle08 thead th.al_c { text-align: center; } .tblStyle08 tbody td.al_c { text-align: center; } .tblStyle08 tbody td em.group { clear: both; overflow: hidden; display: inline-block; height: 22px; margin: 0 10px 5px 0; padding: 0 15px; font-size: 11px; line-height: 22px; text-align: center; border: 1px solid #ccc; background: #fafafa; } .tblStyle08 tbody td a.link01 { color: #333; display: block; } .tblStyle08 tbody td a.link02 { color: #cc6600; } .tblStyle08 span.thumb { float: left; width: 60px; height: 85px; border: 1px solid #d0d0d0; box-shadow: 0 0 1px #cdcdcd; } .tblStyle08 span.thumb img { width: 100%; height: 100%; } .tblStyle08 a.onLine { display: inline-block; padding: 0 0 0 18px; background: url(/nl/_res/img/icon/icon_onLine02.png) 0 3px no-repeat; } .tblStyle08 a.onLine_original { display: inline-block; padding: 0 0 0 18px; background: url(/nl/_res/img/icon/icon_onLine02.png) 0 3px no-repeat; } .tblStyle08 span.guideBook { } .tblStyle08 span.guideBook .type01 { display: inline-block; padding: 0 0 0 18px; color: #c25e5e; background: url(/nl/_res/img/icon/icon_guideBook01.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type02 { display: inline-block; padding: 0 0 0 18px; color: #c25e5e; background: url(/nl/_res/img/icon/icon_guideBook02.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type03 { display: inline-block; padding: 0 0 0 18px; color: #4277c0; background: url(/nl/_res/img/icon/icon_guideBook03.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type04 { display: inline-block; padding: 0 0 0 18px; color: #4277c0; background: url(/nl/_res/img/icon/icon_guideBook04.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type05 { display: inline-block; padding: 0 0 0 18px; color: #4277c0; background: url(/nl/_res/img/icon/icon_guideBook05.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type06 { display: inline-block; padding: 0 0 0 18px; color: #4277c0; background: url(/nl/_res/img/icon/icon_guideBook06.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type07 { display: inline-block; padding: 0 0 0 18px; color: #4277c0; background: url(/nl/_res/img/icon/icon_guideBook07.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type08 { display: inline-block; padding: 0 0 0 18px; color: #4277c0; background: url(/nl/_res/img/icon/icon_guideBook08.png) 0 2px no-repeat; } .tblStyle08 span.guideBook .type09 { display: inline-block; padding: 0 0 0 18px; color: #4277c0; background: url(/nl/_res/img/icon/icon_guideBook09.png) 0 2px no-repeat; } .tblStyle08 a.openMark { display: inline-block; padding: 0 0 0 47px; background: url(/nl/_res/img/icon/icon_open_s.png) 0 0 no-repeat; } .searchTblList { clear: both; overflow: hidden; margin: 0 0 30px 0; } .detailSrch_btnBox_bottom { clear: both; overflow: hidden; padding: 30px 0; } .detailSrch_btnBox_bottom ul { clear: both; text-align: center; } .detailSrch_btnBox_bottom ul li { display: inline-block; margin: 0 5px; } .detailSrch_btnBox_bottom ul li a { display: block; width: 150px; height: 40px; color: #333; font-size: 14px; font-weight: bold; line-height: 40px; text-align: center; border: 1px solid #999; background: #fff; box-shadow: 0 2px 0 #e5e5e2; } .detailSrch_btnBox_bottom ul li a.btn_blue { color: #fff; border: 1px solid #18366e; background: #2d559f; } /* 상세검색_주제별검색 */ .info_tlt_txt { display: block; overflow: hidden; color: #999; height: 40px; line-height: 40px; background: url(../../nl/_res/img/icon/icon_arrowRight_off.jpg) no-repeat right center; letter-spacing: -1px; } .detailSearchBox .detailSrch_contents .titSrch { clear: both; } .detailSearchBox .detailSrch_contents .titSrch p.tit { float: left; height: 40px; margin: 0 0 13px 0; padding: 0 0 0 40px; color: #333; font-size: 14px; font-weight: bold; line-height: 40px; background: url(/nl/_res/img/icon/icon_detailSearchBox_titSrch.png) 0 0 no-repeat; display: none; } .detailSearchBox .detailSrch_contents .titSrch form[name="frm_SubjectThesaurus"] { float: left; width: 230px; } .detailSearchBox .titSrch_cont { float: left; position: relative; padding-left: 20px; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox { overflow: hidden; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox:hover .info_tlt_txt { color: #b46100; background: url(../../nl/_res/img/icon/icon_arrowRight.jpg) no-repeat right center; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox > fieldset { padding: 10px; border: #ccc 1px solid; height: 360px; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox:hover > fieldset, .detailSearchBox .detailSrch_contents .titSrch .titSrchBox:focus > fieldset { border: 1px solid #3e6ec8; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox .input_radio { } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox label { margin: 0 5px 0 0; line-height: 31px; letter-spacing: -1px; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox .input_txt { display: block; width: 196px; height: 29px; margin: 0; padding: 0 5px; line-height: 29px; border: 1px solid #9c9c9c; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox .input_txt:focus { border: 1px solid #3e6ec8; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox a.btn_bk { display: block; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; border: 1px solid #5e5e5e; background: #808080; margin-top: 10px; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox a.btn_bk:hover { display: block; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; border: 1px solid #15397c; background: #3e6ec8; margin-top: 10px; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox a.btn_help { display: block; height: 29px; padding: 0; margin-top: 10px; color: #666; font-weight: bold; line-height: 29px; border: 1px solid #999; background: #fff url(/nl/_res/img/icon/icon_arrow02_off.png) 200px center no-repeat; text-align: center; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom { float: left; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom:hover .info_tlt_txt, .detailSearchBox .titSrch_cont .titSrch_cont_bottom:focus .info_tlt_txt { color: #b46100; background: url(../../nl/_res/img/icon/icon_arrowRight.jpg) no-repeat right center; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst { float: left; width: 220px; height: 380px; border: 1px solid #d7d7d7; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst:hover, .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst:focus { border: 1px solid #3e6ec8; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst .tit { clear: both; overflow: hidden; height: 34px; color: #999; font-weight: bold; text-align: center; line-height: 34px; border-bottom: 1px solid #cbccd1; background: #e8e8ea; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst:hover .tit { color: #3e4353 } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst ul.lst { clear: both; overflow: auto; height: 345px; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst ul.lst li { clear: both; border-bottom: 1px solid #dedfe2; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst ul.lst li a { display: block; padding: 10px 15px 7px 15px; color: #666; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst ul.lst li a:hover, .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst ul.lst li a:focus { color: #3e6ec8; background: #f1f1f1; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .termLst ul.lst li a.selected { color: #0066cc; font-weight: bold; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea { float: left; width: 334px; height: 380px; border: 1px solid #d7d7d7; margin-left: 10px; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea:hover, .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea:focus { border: 1px solid #3e6ec8; } /*.detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea .selectArea_view {display:none;}*/ .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea .topArea { clear: both; overflow: auto; height: 82px; padding: 15px 20px; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea .topArea .top { clear: both; overflow: hidden; margin: 0 0 12px 0; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea a.btn_dummy { overflow: hidden; width: 36px; height: 18px; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea .topArea .top span.tit { float: left; width: 240px; color: #333; font-weight: bold; line-height: 20px; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea .topArea .cont { color: #666; line-height: 18px; } .detailSearchBox .titSrch_cont .titSrch_cont_bottom .selectArea .bottomArea { clear: both; overflow: auto; height: 267px; border-top: 1px solid #333; background: #f8f8f8; } form[name="subjectSearchForm"] { width: 220px; float: right; padding-left: 20px; } .detailSearchBox .titSrch_cont .selectTitle { width: 100%; } .detailSearchBox .titSrch_cont .selectTitle:hover .info_tlt_txt, .detailSearchBox .titSrch_cont .selectTitle:focus .info_tlt_txt { color: #b46100; background: url(../../nl/_res/img/icon/icon_arrowRight.jpg) no-repeat right center; } .detailSearchBox .titSrch_cont .selectTitle .tit { clear: both; overflow: hidden; margin: 0 0 10px 0; line-height: 1.0; display: none; } .detailSearchBox .titSrch_cont .selectTitle .tit .fl { float: left; color: #515f79; font-weight: bold; margin-top: 5px; } .detailSearchBox .titSrch_cont .selectTitle .tit .fr { float: right; color: #545454; } .detailSearchBox .titSrch_cont .selectTitle .tit .fr strong { color: #ff8400; } .detailSearchBox .titSrch_cont .selectTitle .cont { clear: both; overflow: hidden; width: 220px; } .detailSearchBox .titSrch_cont .selectTitle .cont ul.lst { overflow: auto; height: 315px; border: 1px solid #ccc; background: #f9f9f9; padding: 10px 5px 10px 10px; } .detailSearchBox .titSrch_cont .selectTitle:hover .cont ul.lst { border: 1px solid #3e6ec8; } .detailSearchBox .titSrch_cont .selectTitle .cont ul.lst li { float: left; margin: 2px 5px 2px 0; padding: 3px 4px; border: 1px solid #cdcdcd; background: #fff; box-shadow: 1px 1px 1px #e4e4e4; } .detailSearchBox .titSrch_cont .selectTitle .cont ul.lst li strong { float: left; color: #527bc6; } .detailSearchBox .titSrch_cont .selectTitle .cont ul.lst li a { float: left; margin: 4px 0 0 10px; } .detailSearchBox .titSrch_cont .selectTitle .cont .btn_titleSrch { display: block; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; border: 1px solid #5e5e5e; background: #808080; margin-top: 8px; } .detailSearchBox .titSrch_cont .selectTitle .cont .btn_titleSrch:hover, .detailSearchBox .titSrch_cont .selectTitle .cont .btn_titleSrch:focus { border: 1px solid #15397c; background: #3e6ec8; } .layerPop_top.bgType02 { background: #395b98; } .layerPop_cont_srch { clear: both; overflow: hidden; padding: 10px 20px; border-top: 2px solid #222; background: #3e4353; } .layerPop_cont_srch dl { clear: both; overflow: hidden; } .layerPop_cont_srch dl dt { float: left; margin: 0 10px 0 0; color: #b6b6b6; font-weight: bold; line-height: 29px; } .layerPop_cont_srch dl dd { float: left; line-height: 29px; } .layerPop_cont_srch dl dd .input_txt { float: left; width: 360px; height: 29px; margin: 0 3px 0 0; padding: 0 10px; color: #ccc; line-height: 29px; border: 1px solid #1e1e21; background: #313542; } .layerPop_cont_srch dl dd a.btn_bk { float: left; height: 29px; padding: 0 15px; color: #fff; font-weight: bold; text-align: center; line-height: 29px; border: 1px solid #000; background: #1e1e21; } .layerPop_cont_srch02 { clear: both; overflow: hidden; padding: 10px 20px; background: #fff; } .layerPop_cont_srch02 dl { clear: both; overflow: hidden; } .layerPop_cont_srch02 dl dt { float: left; margin: 0 10px 0 0; color: #333; font-weight: bold; line-height: 29px; } .layerPop_cont_srch02 dl dd { float: left; line-height: 29px; } .layerPop_cont_srch02 dl dd .input_txt { float: left; width: 360px; height: 29px; margin: 0 3px 0 0; padding: 0 10px; color: #333; line-height: 29px; border: 1px solid #999; background: #fff; } .layerPop_cont_srch02 dl dd a.btn_bk { float: left; height: 29px; padding: 0 15px; color: #333; font-weight: bold; text-align: center; line-height: 29px; border: 1px solid #999; background: #fff; } .layerPop_cont.type02 { overflow: auto; margin: 0 0 20px 0; padding: 0; } .layerPop ul.layerPop_tab { clear: both; overflow: hidden; border-top: 2px solid #222; } .layerPop ul.layerPop_tab li { float: left; overflow: hidden; width: 50%; } .layerPop ul.layerPop_tab li a { display: block; height: 40px; color: #979797; font-weight: bold; text-align: center; line-height: 40px; background: #3e4353; } .layerPop ul.layerPop_tab li a.selected { color: #355bcb; background: #fff; } .layerPop .layerPop_tab_contents { display: none; clear: both; overflow: hidden; height: 500px; } /*도움말 추가 */ .ifb_subjectguide { clear: both; background: #fafafa; padding: 10px; color: #777; margin-top: 15px; overflow-x: hidden; } .ifb_subjectguide > ul > li { clear: both; padding-bottom: 10px; display: block; list-style: none } .ifb_subjectguide > ul > li > ul > li > strong { display: block; } .ifb_subjectguide > ul > li >ul { margin: 5px 0 0 0; } .ifb_subjectguide > ul > li >ul > li { padding: 0 0 0 15px; line-height: 18px; margin: 0 0 5px 0; font-size: 11px; list-style: none } .ifb_subjectguide > .tlt_disc { padding-bottom: 10px; font-size: 11px; font-weight: bold; } .detailSearchBox .detailSrch_contents .titSrch .titSrchBox a.on { color: #fff; font-weight: bold; line-height: 29px; border: 1px solid #1e4794; background: #3e6ec8 url(/nl/_res/img/icon/icon_arrow02_up.png) 55px center no-repeat; } /* 상세검색내 브라우징 추가 20150203 */ .ly_section.type03 ul.browsingTab { display: table; width: 100%; clear: both } .ly_section.type03 ul.browsingTab li { display: table-cell; vertical-align: top; } .ly_section.type03 ul.browsingTab li a { display: block; padding: 10px 0; color: #666; line-height: 14px; text-align: center; border: 1px solid #ccc; border-right: none; background: #fafafa; } .ly_section.type03 ul.browsingTab li:last-child a { border-right: 1px solid #ccc; } .ly_section.type03 ul.browsingTab li a.selected { color: #fff; font-weight: bold; border: 1px solid #333; background: #5e5e5e; } .ly_section.type03 ul.browsingTab.type03 li { width: 33.3%; } .ly_section.type03 ul.browsingTab.type03 li:last-child { width: 33.4%; } .ly_section.type03 { clear: both; overflow: hidden; padding: 20px; } .ly_section.type03 .browsingTab_container { clear: both; overflow: hidden; width: 100%; margin-top: 10px; background: #fbfbfb url(/nl/_res/img/bg/bg_brw_blank.png) center center no-repeat; } /* 통합대시보드_KDC(동양서) 주제 */ .ly_section.type03 .defaultBrowsingTab { position: relative; clear: both; height: 424px; } .ly_section.type03 .defaultBrowsingTab .box_l { float: left; width: 260px; border: #99a4dd 1px solid; background: #fbfbfb; height: 421px; } .ly_section.type03 .defaultBrowsingTab .box_c { display: none; position: absolute; top: 0; left: 265px; width: 260px; border: #99a4dd 1px solid; background: #fbfbfb; height: 421px; } .ly_section.type03 .defaultBrowsingTab .box_r { display: none; position: absolute; top: -1px; left: 265px; width: 260px; border: #99a4dd 1px solid; background: #fbfbfb; height: 421px; } .ly_section.type03 .defaultBrowsingTab .box_r2 { display: none; position: absolute; top: -1px; left: 265px; width: 260px; border: #99a4dd 1px solid; background: #fbfbfb; height: 421px; } .ly_section.type03 .defaultBrowsingTab .box_r2 li.noCat { text-align: center; margin-top: 180px; } .ly_section.type03 .defaultBrowsingTab ul li { clear: both; overflow: hidden; width: 100%; } .ly_section.type03 .defaultBrowsingTab ul li a { display: block; clear: both; overflow: hidden; color: #666; height: 41px; line-height: 41px; padding-left: 10px; text-decoration: none !important; border-bottom: #eaeaea 1px solid; background: #fff; } .ly_section.type03 .defaultBrowsingTab ul li:first-child > a { height: 42px; line-height: 42px; } .ly_section.type03 .defaultBrowsingTab ul li a:hover { text-decoration: none !important; background:#fff; } .ly_section.type03 .defaultBrowsingTab ul li a.selected { color: #fff; font-weight: bold; background: #465f9e url(/nl/_res/img/icon/bg_brw_search.png) 240px center no-repeat; text-decoration: none !important; } .ly_section.type03 .defaultBrowsingTab ul li a.selected_open { color: #fff; font-weight: bold; background: #616e91 url(/nl/_res/img/icon/bg_brw_arrow.png) 240px center no-repeat; text-decoration: none !important; } .ly_section.type03 .defaultBrowsingTab ul.box_l.selected ul.box_c { display: block; } .ly_section.type03 .defaultBrowsingTab ul.box_l.selected ul.box_c.selected ul.box_r { display: block; } .ly_section.type03 .defaultBrowsingTab ul.box_l.selected ul.box_c.selected ul.box_r.selected ul.box_r2 { display: block; } #browsingTab03 { background: none !important; } #browsingTab03 .titSrch { } #browsingTab03 .detailSrch_contents { padding: 2px 0 0 0 !important; } /* 레이어팝업 */ .layerPop_box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; } .layerPop_box .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .7; /*filter: alpha(opacity=70);*/ } .layerPop_box .layerPop { display: block; } .layerPop { display: none; position: absolute; top: 50%; left: 50%; width: 600px; height: auto; border: 1px solid #3e4557; background: #fff; z-index: 10; box-shadow: 0 0 5px #333; } .layerPop .layerPop_top { clear: both; overflow: hidden; width: 100%; height: 43px; background: url(/nl/_res/img/bg/bg_layerpopup_layerPop_top.png) 0 0 repeat-x; } .layerPop .layerPop_top h1 { float: left; margin: 13px 0 0 20px; color: #fff; font: bold 16px/20px "돋움", dotum !important; } .layerPop .layerPop_top span.close { float: right; margin: 10px 20px 0 0; } .layerPop .layerPop_cont { clear: both; overflow: hidden; padding: 40px 30px; } .layerPop .layerPop_cont .layerPop_cont_tit { clear: both; overflow: hidden; padding: 0 0 10px 0; border-bottom: 2px solid #333; } .layerPop .layerPop_cont .layerPop_cont_tit h2 { float: left; padding: 0 0 0 20px; color: #333; font: bold 14px/18px "돋움", dotum !important; background: url(/nl/_res/img/icon/icon_h4_style01.png) 0 1px no-repeat; } .layerPop .layerPop_cont .layerPop_cont_tit span.fr { float: right; } .layerPop .layerPop_cont .layerPop_cont_top { clear: both; overflow: hidden; padding: 10px 0; } .layerPop .layerPop_cont .layerPop_cont_top dl { clear: both; overflow: hidden; padding: 0 10px; line-height: 30px; } .layerPop .layerPop_cont .layerPop_cont_top dl dt { float: left; color: #333; font-weight: bold; margin: 0 10px 0 0; } .layerPop .layerPop_cont .layerPop_cont_top dl dd { float: left; } .layerPop .layerPop_cont .layerPop_cont_top dl dd .input_txt { float: left; height: 28px; margin: 0 10px 0 0; border: 1px solid #999; } .layerPop .layerPop_cont .layerPop_cont_top dl dd a.btn_bk { float: left; height: 28px; padding: 0 10px; color: #fff; font-weight: bold; border: 1px solid #000; background: url(/nl/_res/img/bg/bg_layerpopup_btn02.png) 0 0 repeat-x; } .layerPop .layerPop_cont .layerPop_cont_top a.btnPlus { float: right; padding: 5px 10px 5px 20px; color: #666; border: 1px solid #999; background: url(/nl/_res/img/icon/icon_plus.png) 8px center no-repeat; box-shadow: 1px 1px 1px #cdcdcd; } .layerPop .layerPop_cont .layerPop_cont_colorBox { border: 1px solid #b5b5b5; background: #f4f4f4; } .layerPop .layerPop_bonBox { clear: both; overflow: hidden; margin: 0 0 30px 0; } .layerPop .layerPop_bonBox ul { display: block; text-align: center; } .layerPop .layerPop_bonBox ul li { display: inline-block; } .layerPop .layerPop_bonBox ul li a { display: inline-block; padding: 8px 30px; color: #333; font-weight: bold; border: 1px solid #666; background: url(/nl/_res/img/bg/bg_layerpopup_btn01.png) 0 0 repeat-x; box-shadow: 1px 1px 1px #cdcdcd; } .layerPop .layerPop_cont dl.dlStyle03 { clear: both; overflow: hidden; padding: 20px; line-height: 29px; } .layerPop .layerPop_cont dl.dlStyle03 dt { float: left; margin: 0 5px 0 0; color: #333; font-weight: bold; } .layerPop .layerPop_cont dl.dlStyle03 dd { float: left; margin: 0 5px 0 0; } .layerPop .layerPop_cont dl.dlStyle03 dd .select { height: 27px; border: 1px solid #999; } .layerPop .layerPop_cont dl.dlStyle03 dd a.btnStyle02 { float: left; height: 25px; padding: 0 10px; line-height: 27px; border: 1px solid #666; background: url(/nl/_res/img/bg/bg_layerpopup_btn01.png) 0 0 repeat-x; } .layerPop .txtBox02 { clear: both; overflow: hidden; margin: 0 0 30px 0; padding: 10px 5px; color: #333; border-bottom: 1px solid #b5b5b5; background: #fff; } .layerPop .txtBox02 ul.txtDepth { clear: both; overflow: hidden; } .layerPop .txtBox02 ul.txtDepth li { clear: both; overflow: hidden; margin: 0 0 7px 0; padding: 0 0 7px 13px; background: url(/nl/_res/img/bg/icon_bullet3.jpg) 5px 6px no-repeat; } .layerPop .txtBox02 ul.txtDepth li.bg_position { background-position: 5px 10px; } .layerPop .txtBox02 ul.txtDepth li ul { clear: both; overflow: hidden; margin: 5px 0 0 0; } .layerPop .txtBox02 ul.txtDepth li ul li { clear: both; overflow: hidden; padding: 0 0 0 13px; background: url(/nl/_res/img/bg/icon_bullet4.jpg) 2px 8px no-repeat; } .layerPop .txtBox02 ul.txtDepth li ul li.bg_position { background-position: 2px 12px; } .layerPop .txtBox02 p.txtDepth01 { clear: both; overflow: hidden; margin: 0 0 5px 0; padding: 0 0 0 3px; } .layerPop .txtBox02 ul.txtDepth li strong.bookName { clear: both; display: block; margin: 0 0 3px 0; } .layerPop .txtBox02 ul.txtDepth li strong.bookName .tit { float: left; overflow: hidden; width: 320px; margin: 0 20px 0 0; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; } .layerPop .txtBox02 ul.txtDepth li strong.bookName label { color: #999; font-weight: normal; line-height: 22px; } .layerPop .txtBox02 ul.txtDepth li strong.bookName .copyArea { padding: 2px 5px; border: 1px solid #999; } .layerPop .txtBox02 ul.txtDepth li span.date { float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; color: #999; background: url(/nl/_res/img/bg/bg_bar1.jpg) right center no-repeat; } .layerPop .txtBox02 ul.txtDepth li em.number { float: left; color: #999 } .layerPop .txtBox02 ul.txtDepth li.bd_b { border-bottom: 1px solid #f1f1f1; } .layerPop .txtBox02 ul.txtDepth li:last-child { padding-bottom: 0; border-bottom: none; } .layerPop .txtBox02 .p_block { clear: both; overflow: hidden; display: block; margin: 0 0 10px 0; line-height: 26px; } .layerPop .txtBox02 .dl_block { clear: both; overflow: hidden; display: block; margin: 0; } .layerPop .txtBox02 .s_block { clear: both; overflow: hidden; display: block; margin: 0 0 10px 0; } .layerPop .txtBox02 .dl_block dt { float: left; margin: 0 10px 0 0; } .layerPop .txtBox02 .dl_block dd { float: left; line-height: 26px; } .layerPop .txtBox02 a.link_b_box { display: inline-block; padding: 5px 15px; color: #fff; font-size: 12px; line-height: 18px; background: url(/nl/_res/img/bg/bg_layerpopup_btn02.png) 0 0 repeat-x; } .layerPop .txtBox02 .input_txt { float: left; height: 26px; margin: 0 5px 0 0; padding: 0 5px; color: #666; line-height: 26px; border: 1px solid #999; } .layerPop .txtBox02 .input_check { float: left; margin: 6px 5px 0 0; } .layerPop .txtBox02 label { float: left; margin: 0 5px 0 0; } .layerPop .txtBox02 .select { float: left; height: 28px; margin: 0 5px 0 0; padding: 0 5px; color: #666; line-height: 28px; border: 1px solid #999; } .layerPop .txtBox02 span.sauce { float: left; margin: 0 5px 0 0; line-height: 26px; } .layerPop .txtBox02 .faxBox { float: left; } .layerPop .photoBox_close { position: absolute; top: -22px; right: -22px; width: 57px; height: 57px; } /* 인트로 가이드 */ .guide_bg { display: none; } .intro_guide { display: none; } .intro_guide { position: absolute; top: 50%; left: 50%; margin-left: -400px; margin-top: -330px; width: 811px; z-index: 99999; } .intro_guide h2 { margin-bottom: 10px; } .guide_imgBox { border: #b37200 6px solid; width: 799px; height: 579px; position: relative; } .guide_imgBox .imglist li { position: absolute; top: 0; left: 0; } .btn_prev { position: absolute; left: 10px; top: 200px; z-index: 99999 } .btn_next { position: absolute; right: 10px; top: 200px; z-index: 99999 } .btn_closeGuide { position: absolute; top: 35px; right: 0; background: url(/nl/_res/img/intro_guide/btn_close.png) no-repeat; width: 33px; height: 33px; cursor: pointer; border: 0; text-indent: -9999px; overflow: hidden; } button.btn_todayclose { position: absolute; bottom: 10px; right: 20px; background: url(/nl/_res/img/intro_guide/chk_off.png) no-repeat; width: 75px; height: 16px; cursor: pointer; border: 0; text-indent: -9999px; overflow: hidden; } .numTxt { position: absolute; display: block; top: 500px; right: 20px; background: url(/nl/_res/img/intro_guide/bg_num.png) no-repeat; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; font-weight: bold; color: #fff } .today_on { background: url(/nl/_res/img/intro_guide/chk_on.png) no-repeat; } /* t슬라이드 추가 */ .slide05 { background: url(/nl/_res/img/main/bg_slide_quicklink.png) 0 0 no-repeat; height: 397px; position: relative; overflow: hidden; } .slide05:after { content: ""; display: block; clear: both; } .linkset01 { position: absolute; top: 30px; left: 47px; width: 250px; height: 270px; } .linkset02 { position: absolute; top: 30px; left: 299px; width: 250px; height: 270px; } .linkset03 { position: absolute; top: 30px; left: 550px; width: 250px; height: 270px; } .linkset04 { position: absolute; top: 30px; left: 802px; width: 250px; height: 270px; } .links { padding: 0 20px; } .links > li > a { display: block; color: #333; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; border-bottom: #eaeaea 1px solid; background: url(/nl/_res/img/main/btl_link_gry.png) right center no-repeat; } .links > li > a:link { color: #333 } .links > li > a:hover { color: #000 } .slide05 > div > h3 { color: #fff; font-weight: bold; position: absolute; bottom: 20px; left: 22px; font-size: 16px; letter-spacing: -1px; } .slide05 > div > h3 > span.link_disc { display: block; color: #cddbee; font-weight: normal; font-size: 11px; line-height: 110%; padding-top: 5px } .section.type05 { clear: both; overflow: hidden; width: 100%; height: 339px; } .section.type05 .box_l { float: left; width: 210px; margin: 84px 0 0 550px; } .section.type05 .box_r { float: left; width: 210px; margin: 84px 0 0 30px; } .section.type05 > ul li { display: block; height: 21px; margin: 0 0 8px 0; padding: 0 10px; line-height: 21px; background: url(/nl/_res/img/main/blt_dot6.png) no-repeat left center; } .section.type05 > ul li em { float: left; color: #ebebec; font-size: 14px; font-weight: bold; letter-spacing: -1px; } .section.type05 > ul li span { float: right; color: #e69800; font-size: 16px; font-family: "Century Gothic", Sans-serif; } .section.type06 { clear: both; overflow: hidden; width: 100%; height: 339px; } .section.type06 .box_l { float: left; width: 210px; margin: 84px 0 0 550px; } .section.type06 .box_r { float: left; width: 210px; margin: 84px 0 0 30px; } .section.type06 > ul li { display: block; height: 21px; margin: 0 0 8px 0; padding: 0 10px; line-height: 21px; background: url(/nl/_res/img/main/blt_dot6.png) no-repeat left center; } .section.type06 > ul li em { float: left; color: #ebebec; font-size: 14px; font-weight: bold; letter-spacing: -1px; } .section.type06 > ul li span { float: right; color: #e69800; font-size: 16px; font-family: "Century Gothic", Sans-serif; } .link_w01 { height: 252px; width: 275px; position: absolute; top: 53px; left: 60px; display: block; z-index: 5000; text-indent: -9999px; overflow: hidden; background-color: white; opacity: 0;/* filter: alpha(opacity=0);*/ } .link_w02 { height: 252px; width: 275px; position: absolute; top: 53px; left: 364px; display: block; z-index: 5000; text-indent: -9999px; overflow: hidden; background-color: white; opacity: 0; /* 0; filter: alpha(opacity=0);*/ } /* 신착 리스트 타입 */ .bookTabBox .bookTab_contents ul.listType { clear: both; overflow: hidden; } .bookTabBox .bookTab_contents ul.listType li { float: none; display: block; clear: both; width: 100%; } .bookTabBox .bookTab_contents ul.listType li.last { margin: 0; } .bookTabBox .bookTab_contents ul.listType li a.bookBtn { display: inline; cursor: text; text-decoration: none !important } .bookTabBox .bookTab_contents ul.listType li a.bookBtn:after { content: ""; display: block; clear: both; } .bookTabBox .bookTab_contents ul.listType li a.bookBtn .bookName { overflow: hidden; float: none; display: inline; max-height: 30px; padding-right: 10px; color: #333; font-weight: bold; line-height: 16px; text-overflow: ellipsis; } .bookTabBox .bookTab_contents ul.listType li a.bookBtn .writer { float: none; margin: 0; color: #666; padding-left: 10px; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; background: url(/nl/_res/img/bg/bg_bar1.jpg) left center no-repeat; } .bookTabBox .bookTab_contents ul.listType li a.bookBtn .date { float: none; overflow: hidden; margin: 0; padding-left: 10px; color: #666; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; background: url(/nl/_res/img/bg/bg_bar1.jpg) left center no-repeat; } .bookTabBox .bookTab_contents ul.listType li a.bookBtn:hover .bookName, .bookTabBox .bookTab_contents ul li a.bookBtn:focus .bookName { text-decoration: none; } .bookTabBox ul.bookTab_menu> li.selected .bookTab_contents { display: block; } .bookTabBox .bookTab_contents ul.listType li a.bookBtn:hover .bookName { text-decoration: underline; cursor: pointer; } .bookTabBox .bookTab_contents ul.listType li.more { position: absolute; top: -35px; right: 0; float: none; width: auto; margin: 0; } /* 전국도서관 대출베스트 */ #container .search_age * {font-family: 'Noto Sans KR', 'Nanum Gothic';} #container .search_age ul{padding:5px 0;margin: 0 0;} #container .search_age ul:after{display:block;visibility:hidden;clear:both;content:""} #container .search_age ul li{float:left;list-style-type:none;width:20%;padding: 3px;box-sizing: border-box;} #container .search_age ul li a{display:block;font-size:15px;line-height: 50px;text-align:center;color:#333;border:1px solid #0e4fa3;background:#fff} #container .search_age ul li a:focus {outline: 2px dashed #00a54c;} #container .search_age ul li.sel a{color:#fff;background:#0e4fa3;} #container .gender_tab * {font-family: 'Noto Sans KR', 'Nanum Gothic';} #container .gender_tab > button {display: none;} #container .gender_tab ul{display: block;position:relative;z-index:1;padding-left:1px;height: 52px;border-bottom:1px solid #1b386e;} #container .gender_tab ul > li{float:left;width: 20%;position:relative;z-index:2} #container .gender_tab ul > li > a{display:block;width: 100%;height: 52px;line-height: 52px;font-size:15px;color:#454545;background: #f7f9fa;text-align:center;border:1px solid #c3c3c3;border-bottom:1px solid #1b386e;border-left: 0;box-sizing: border-box;} #container .gender_tab ul > li:first-child > a{border-left: 1px solid #c3c3c3;} #container .gender_tab ul > li.on > a{position:relative;z-index:10;margin-right:1px;height: 52px;font-weight:700;color: #1b386d;border:1px solid #1b386e;border-bottom:1px solid #fff;background:#fff} #container .gender_tab ul > li > a:focus {outline: 2px dashed #00a54c;} #container .gender_tab ul > li > a > span{font-size:15px;color:#1b386e;} #container .gender_tab ul > li.on > a > span{font-weight:700} #container .manselect * {font-family: 'Noto Sans KR', 'Nanum Gothic';} #container .manselect .search_box{padding:14px 0;text-align:center;font-size:15px;border:1px solid #ccc;background:#f4f4f4;border-radius:4px} #container .manselect .search_box input{width:130px;height:32px;text-align:center} #container .manselect .search_box button{display:inline-block;width:65px;height:33px;line-height:33px;font-size:15px;text-align:center;color:#fff;;border:0;background:#676767;vertical-align:middle;letter-spacing:-0.5px;} #container .manselect .search_box button:focus {outline: 2px dashed #00a54c;} #container .manselect .search_box a{font-weight:700} #container .manselect .search_box a.btn_reset {display:inline-block;width:100px;height:33px;line-height:33px;font-size:15px;font-weight:400;text-align:center;color:#fff;;border:0;background:#676767;vertical-align:middle;letter-spacing:-0.5px} #container .manselect .search_box a:focus {outline: 2px dashed #00a54c;} #container .manselect .search_txt{padding:7px 0;font-size:14px} #container .manselect .search_gender, #container .manselect .search_age{padding: 10px 0 10px 0;font-size:15px} #container .naruList *{font-family: 'Malgun Gothic', '맑은 고딕', 'Noto Sans KR', 'Nanum Gothic';letter-spacing:-1px} #container .naruList .list_top_left{float:none;} #container .naruList .list_top_left h3{float:left;color: #000;margin: 9px 0;font-size: 17px;} #container .naruList .btn_exel{float:right;display:inline-block;padding:10px 20px;padding-right: 40px;font-size:14px;color:#fff;background:#1e2c5d url(../img/btn_exel.png) no-repeat 90% 50%} #container .naruList .btn_exel:focus {outline: 2px dashed #00a54c;} /* table01 */ .tstyle{width:100%;border-collapse:collapse;border-top:2px solid #5bade2;text-align:center} .tstyle tr{display:table-row;vertical-align:inherit;border-color:inherit} .tstyle th{padding:10px 5px;font-size:15px;font-weight:bold;text-align:center;line-height:30px;vertical-align:middle;color:#454545;border:1px solid #dbdbdb;background-color:#f4f4f4} .tstyle td{border:1px solid #dbdee3;padding:12px 5px;line-height:13px} .tstyle td.item{background-color:#faf6eb;font-weight:bold} .tstyle select {padding: 5px;border: 1px solid #ddd;} /* 테이블03*/ #container .tstyle03{width:100%;text-align:center;border-collapse:collapse;border-top:2px solid #1e2c5d;border-bottom:1px solid #e0e0de} #container .tstyle03 thead th{padding:15px 0;background:#f4f4f4} #container .tstyle03 tr{font-size:15px;color: #333;} #container .tstyle03 td{padding:10px;border-top:1px solid #e0e0de;border: 1px solid #dbdbdb;letter-spacing:-1px;} #container .tstyle03 td.title {font-size: 15px;font-weight:600;} #container .tstyle03 td strong {font-size: 14px;} p.check_agree{font-size:11px;text-align:right;padding:20px 0 5px} .mobile_table {display: none;} #container .imgwrap{position:relative} #container .imgwrap em{position:absolute;z-index:1000;top:-5px;left:7px;display:block;width:44px;height:44px;line-height:36px;text-align:center;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:700;color:#fff;background:url(../img/ico_label.png) no-repeat 50% 50%} #container .btn_hope {display: inline-block;padding: 10px 20px;font-size: 14px;background: #0e4fa3;color: #fff;} /* .con list */ #container ul li {word-break: keep-all;} #container li > ul {padding: 8px 0 0;} #container ul.con01 > li {position: relative;padding-left: 30px;font-size: 17px;line-height: 1.6em;font-weight: 400;color: #333;} #container ul.con01 > li::before {content: '';position: absolute;top: 10px;left: 10px;width: 10px;height: 10px;background: #086946;} #container ul.con01 > li + li {margin-top: 15px;} #container ul.con02 > li {position: relative;padding-left: 25px;font-size: 16px;color: #333;} #container ul.con02 > li::before {content: '';position: absolute;top: 8px;left: 10px;width: 8px;height: 8px;background: #3b62bb;border-radius: 8px;} #container ul.con02 > li + li {margin-top: 12px;} #container ul.con03 > li {position: relative;padding-left: 12px;font-size: 15px;color: #555;} #container ul.con03 > li::before {content: '-';position: absolute;top: 0;left: 0;font-size: inherit;color: inherit;} #container ul.con03 > li + li {margin-top: 7px;} /* datepicker */ #ui-datepicker-div .ui-widget-header {background: #000 !important;border-color: #000 !important;} #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active {border-color: #e84f19 !important;color: #e84f19 !important;} #ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-state-focus, .ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-widget-header .ui-state-focus {color: #e84f19 !important;text-decoration: underline;} /******************** 공통 버튼 스타일 ********************/ .btn {display: inline-block !important;padding: 6px 20px !important;font-size: 16px !important;border-radius: 5px !important;text-align: center !important;vertical-align: middle !important;box-sizing: border-box !important;cursor: pointer !important;transition: all 0.2s !important;border: 1px solid transparent !important;height: auto !important;} /* 버튼 크기별 스타일 */ .btn-sm { padding: 3px 7px; font-size: 13px; } .btn-md { padding: 10px 20px; font-size: 16px; border-radius: 5px; } .btn-lg { padding: 15px 40px; font-size: 17px; border-radius: 100px; } /* 버튼 색상 스타일 */ .btn-white { background: #fff !important; color: #333; border: 1px solid #333; } .btn-blue { background: #003fe0 !important; color: #fff; } .btn-black { background: #333 !important; color: #fff; } .btn-red { background: #b02323 !important; color: #fff; } .btn-purple { background: #641886 !important; color: #fff; } .btn-yellow { background: #f4cb0a !important; color: #333; } .btn-orange { background: #f23f15 !important; color: #fff; } .btn-gray { background: #555 !important; color: #fff; } .btn-navy { background: #02032e !important; color: #fff; } .btn-green { background: #00b755 !important; color: #fff; } /* 호버 효과 */ .btn:hover {opacity: 0.85;} /******************** 특수 버튼 스타일 ********************/ .btn-outline { background: none; border: 1px solid #000; color: #000; } .btn-outline:hover { background: #eee; } .btn-disabled { background: #ddd; color: #000; border: 1px solid #ccc; cursor: not-allowed; } .btn-disabled:hover { background: #ccc; } /******************** 버튼 레이아웃 ********************/ .btn_wrap { text-align: center; margin-top: 40px; } .btn + .btn { margin-left: 5px; }