@charset "utf-8"; /**/ :root { --fontMainSet: 's-core-dream', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', Dotum, '돋움', 'gulim', '굴림', 'Tahoma', sans-serif; --fontSubSet: 's-core-dream', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', Dotum, '돋움', 'gulim', '굴림', 'Tahoma', sans-serif; --mainColor: #163e75; --subColor: #179b8a; --colorWhite: #fff; --colorBlack: #000; --colorGray: #555; --colorLightgray: #efefef; --colorDarkgray: #222; --colorRed: #b02323; --colorPink: #f8277b; --colorPurple: #641886; --colorYellow: #f4cb0a; --colorOrange: #f23f15; --colorGreen: #00b755; --colorNavy: #07182f; --colorBlue: #1762bf; } @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900'); @font-face { font-family: 's-core-dream'; src: url('fonts/scdream2-webfont.woff2') format('woff2'), url('fonts/scdream2-webfont.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('fonts/scdream3-webfont.woff2') format('woff2'), url('fonts/scdream3-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('fonts/scdream4-webfont.woff2') format('woff2'), url('fonts/scdream4-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('fonts/scdream5-webfont.woff2') format('woff2'), url('fonts/scdream5-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('fonts/scdream6-webfont.woff2') format('woff2'), url('fonts/scdream6-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 's-core-dream'; src: url('fonts/scdream7-webfont.woff2') format('woff2'), url('fonts/scdream7-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } html, body{width:100%;font-size:1em;-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:'MalgunGothic' , 'Malgun Gothic','맑은고딕', '돋움','gulim','굴림'} ***/ *{font-family: var(--fontMainSet);} /**/ .checkbox{display:none;} .checkbox + label{display:flex;align-items:center;cursor:pointer;width: auto;margin-right:10px;} .checkbox + label span{margin:0 10px 0 0;font-size:14px} .checkbox + label:before{content:"";width:18px;min-width: 18px;height:18px;border:1px solid #ccc;background:url(../img/common/check1.svg) no-repeat 50% 50%;background-size:100% auto;border-radius:0px;margin-right: 5px;} .checkbox:checked + label:before{border:1px solid #1c3576;background:#1c3576 url(../img/common/check2.svg) no-repeat 50% 50%} /**/ .BaskeListcheckbox{display:none;} .BaskeListcheckbox + label{display:flex;align-items:center;cursor:pointer;width: max-content;margin-right:10px;position: absolute;top: 5px;right: 0px;z-index: 999;} .BaskeListcheckbox + label span{margin:0 10px 0 0;font-size:14px} .BaskeListcheckbox + label:before{content:"";width:18px;height:18px;border:1px solid #ccc;background:url(../img/common/check1.svg) no-repeat 50% 50%;background-size:100% auto;border-radius:0px;margin-right: 5px;position: absolute;top: 12px;right: 0px;} .BaskeListcheckbox:checked + label:before{border:1px solid #1c3576;background:#1c3576 url(../img/common/check2.svg) no-repeat 50% 50%} /**PC, 테블릿*************************************************************************************************************/ /*@media all and (min-width: 809px) {*/ @media all and (min-width: 481px) { /* 도서관 홈페이지 스타일 추가*/ .info-box:before {content:' ';display:inline-block;border-top:solid #008fde 2px;border-left:solid #008fde 2px;width: calc(100% + 0px);height:32px;margin-top:-1px;margin-left:-1px;} .info-box {border:solid #ddd 1px;padding-bottom:32px;} .info-box b {font-size:22px;} .info-box b:after {display:block; content:''; background:#333; width:18px; height:2px; margin:10px 0;} .info-box .info-txt { font-size:16px; padding-right:50px; font-weight:400;padding:10px 50px;} /* 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, a:active{color:#000;text-decoration:none} /* img{width:auto;max-width:100%;height:auto;vertical-align:middle} */ caption, legend, hr{display:none} i, em{font-style:normal} table{font-size:14px} /**/ .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} /**/ #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(../../../../../wdCommon/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} /*상단메뉴*/ #dkitgnb{min-width:1200px;margin-bottom:0px;border-bottom:1px solid #d5d5d5;background:#008c44;display:none} #dkitgnb *{font-size:16px;letter-spacing:-1px;font-family:'NanumBarunGothic';font-weight:700} #dkitgnb .gnb{position:relative;height:65px;background:url(../../../../../wdCommon/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(../../../../../wdCommon/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(../../../../../wdCommon/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} /*도서관별 체크박스 및 검색*/ form#headSearchForm{margin-bottom: 20px;} #headSearchForm .all{padding: 5px 10px;text-decoration: none;font-size: 11px;letter-spacing: -1px;color: #999;border: 1px solid #c5c5c5;background: #fff;border-radius: 3px;margin-left: 5px;} #headSearchForm .all input{position:relative;top:-1px} #headSearchForm .all:hover, #headSearchForm .all.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .sbopen{position:relative;top:3px;display:inline-block;width:15px;height:15px;background:url(../../../../../wdCommon/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{display:block;padding: 5px 10px;text-decoration:none;font-size:11px;letter-spacing:-1px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius: 3px;} #headSearchForm .clear{display:block;padding:5px 10px;text-decoration:none;font-size:11px;letter-spacing:-1px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius: 3px;margin-left: 5px;} #headSearchForm .choice:hover, #headSearchForm .choice.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .clear:hover, #headSearchForm .clear.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .wrapbox{position:relative;display:none} #headSearchForm .selbox{clear:both;position:relative;margin:0 0 10px 0;padding:15px 20px;border:1px solid #c3ccd4;background:#fff;border-radius:10px} #headSearchForm .selbox .chk {position: absolute; top: 10px; right: 20px; display: flex; flex-direction: row; align-items: center;} #headSearchForm .selbox dl{padding:0px;border:0px solid #eee} #headSearchForm .selbox dt{padding:0 0 10px 20px;font-size:16px;font-weight:800;color:#008fde;letter-spacing:-0px;border-bottom:1px dotted #aaa;background:url("../../../../../wdCommon/img/ico_ribbon.png?v=1") no-repeat 0 -1px} #headSearchForm .selbox dd{padding:10px 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;z-index:15;padding:2px 0;width:25%} #headSearchForm .selbox ul > li label{font-size:16px;font-weight:500;color:#545d68;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:800;background:url("../../../../../wdCommon/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:10} #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(../../../../../wdCommon/img/wrap_open.png) no-repeat} #headSearchForm .wrapOpen i{position:relative;top:2px;padding:0 5px;font-size:17px;font-weight:800;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(../../../../../wdCommon/img/wrap_close.png) no-repeat} #headSearchForm .wrapClose i{position:relative;top:2px;padding:0 5px;font-size:17px;font-weight:800;color:#1652a4} #headSearchForm .allbox{clear:both;padding:10px 0 0 0;text-align:center} #headSearchForm .allbox fieldset{position:relative} #headSearchForm .allbox .result{position:inherit;top:0px;left:0;font-size:16px;letter-spacing:-1px} #headSearchForm .allbox .result input{position:relative;top:-1px} #headSearchForm .allbox .search{overflow: hidden;/*float:left;*/display: inline-block;padding-right: 50px;position:relative;margin-right:5px;min-width: 400px;height:50px;border:0px solid #2d4594;/*background:url("../../../../../wdCommon/img/search_bar.gif") no-repeat 100% 0;*/border: 1px solid #ccc;vertical-align: middle;border-radius: 3px;} #headSearchForm .allbox .search div{background:#fff;font-size: 0;} #headSearchForm .allbox .search div:before, #headSearchForm .allbox .search div:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .allbox .search div strong{display: inline-block;height: 50px;width:20%;font-size:14px;color:#2d4594;letter-spacing:-0px;line-height: 50px;vertical-align: middle;} #headSearchForm .allbox .search div select{width: 100%;height: 100%;padding: 0 10px;border:0;font-family: inherit;font-size: 14px;box-sizing: border-box;} #headSearchForm .allbox .search div input{display: inline-block;width: 80%;padding: 0 10px;height: 50px;line-height: 50px;font-size: 18px;font-weight: 500;color:#333;border:0;text-indent:5px;background:#fff;box-sizing: border-box;vertical-align: middle;} #headSearchForm .allbox .search div input:focus{border:0px solid #e51a24} #headSearchForm .allbox .btn-search{position: absolute;top: 0;right: 0;width: 50px;height: 50px;line-height: 50px;font-size:14px;font-weight:700;letter-spacing:-1px;color:#000;border:0;background:none;border-radius:0;cursor:pointer;outline:none;background-image: url("../../../../../wdCommon/img/ico_btn_search.png");background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 28px;text-indent: -9999px;} #headSearchForm .allbox .btn-desearch{/*float:left;*/display: inline-block;margin-right:5px;padding:0 10px;line-height: 50px;color:#696969;border:1px solid #ccc;background:#fff;vertical-align: middle;font-family: inherit;font-size: 13px;letter-spacing: -1px;border-radius: 3px;} #headSearchForm .allbox .btn-research{/*float:left;*/display: inline-block;padding:0 10px 0 40px;width: 85px;line-height: 50px;font-size:14px;letter-spacing:-1px;color:#999;border:1px solid #ccc;background:#fff url("../../../../../wdCommon/img/keyboard.png") no-repeat 10px 50%;vertical-align: middle;font-family: inherit;border-radius: 3px;} /**/ #autoComplete{position:absolute;z-index:9999;top:2px;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:800;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:800;letter-spacing:-1px} #autoComplete .list dd .ico{padding:5px 0;height:15px;background:url('../../../../../wdCommon/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:800;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('../../../../../wdCommon/img/ico_books.png') no-repeat 0 -100px} #autoComplete .list .print a:hover{color:#777} /**/ #container{margin-bottom: 50px;min-height:700px;} #container:before, #container:after{clear:both;display:table;content:"";line-height:0} #container .container{margin:0 auto;padding:0;width:100%;*zoom:1} #container .container:before, #container .container:after{clear:both;display:table;content:"";line-height:0} #container .title{width:100%\9} #container .title h2{margin:10px 0 0 0;padding:10px 0 10px 0px;font-size:20px;font-weight: 500;letter-spacing: -1px;letter-spacing:-1px;color:#201f3e;} #container .title h2.new{} #container .title h2.loan{} #container .title h2 em{padding:0 5px;font-weight:400} #container .dkitcontain{} #container .dkitcontain .widget{float:left} #container .standard{position:relative} /**/ #sub{float:none;padding:5px 0} /**/ #dkitsub{float:left;padding:20px 17% 20px 30px;width:60%} /**/ #container .search_tabs {margin-bottom: 30px;} #container .search_tabs::after {content: '';display: block;clear: both;} #container .search_tabs > li {float: left;width: 50%;text-align: center;border: 1px solid #ddd;box-sizing: border-box;} #container .search_tabs > li.active {border-color: #008fde;} #container .search_tabs > li > a {display: block;height: 50px;line-height: 50px;font-size: 16px;font-weight: 600;} #container .search_tabs > li.active > a {color: #008fde;} /**/ #category{float:left;padding:20px 0;width:200px;display:none} #category .widget{margin-bottom:0px} #category .widget h3{padding:7px 12px;font-size:15px;letter-spacing:-0px} #category .widget ul{padding:10px 15px} #category .widget ul li a{display:block;padding:2px 0;color:#777} #category .widget ul li.sel a{font-weight:800;color:#23377b} #category .widget ul li.on a{font-weight:800;color:#23377b} #category .widget .list{padding:10px 15px} #category .widget .list div a{display:block;padding:2px 0;color:#777} #category .widget .list div.sel a{font-weight:800;color:#23377b} #category .widget .list div.on a{font-weight:800;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:#008c44;border-bottom:0px solid #c1c1c1;background:#f0f0f0} #category .ddc:last-child{border-bottom:1px solid #c1c1c1} #category .mdc{border-top:1px solid #c1c1c1;border-bottom:0} #category .mdc h3{color:#008c44;border-bottom:0px solid #c1c1c1;background:#f0f0f0} #category .mdc:last-child{border-bottom:1px solid #c1c1c1} #category .sdc{margin-bottom:20px;border:1px solid #008c44} #category .sdc h3{color:#fff;border-bottom:1px solid #008c44;background:#008c44} #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:800;color:#23377b} #category .ndc{border:1px solid #dadada} #category .ndc h3{color:#008c44;border-bottom:1px solid #fff} #category .bdc{border:1px solid #dadada} #category .bdc h3{color:#008c44;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(../../../../../wdCommon/img/ico_up.png) no-repeat 0 50%} #category .bdc ul li a .dw{padding-left:10px;color:#1d5fe1;background:url(../../../../../wdCommon/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(../../../../../wdCommon/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(../../../../../wdCommon/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;font-family:"NanumBarunGothic";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 #008c44} #aside .sdc h3{color:#fff;border-bottom:1px solid #008c44;background:#008c44} #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:#008c44;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:#008c44;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:#008c44;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(../../../../../wdCommon/img/ico_up.png) no-repeat 0 50%} #aside .bdc ul li a .dw{padding-left:10px;color:#1d5fe1;background:url(../../../../../wdCommon/img/ico_dw.png) no-repeat 0 50%} #aside .bdc ul li a .new{color:#f54f4f} /**/ #simpleSearch{position:relative;min-height:400px;} #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:16px;font-family:"NanumBarunGothic";letter-spacing:-0px;color:#0e4ea5;background:url(../../../../../wdCommon/img/ico_bullet2.png) no-repeat 0 50%} #simpleSearch .title h2 em{padding:0 5px;font-weight:400} #simpleSearch .list{overflow:hidden;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;} #simpleSearch .list dl{float:left;padding:10px 0 30px 0;width: 18%;} #simpleSearch .list dt .image{margin:0 auto;width: 100%;text-align:center;border: 1px solid #f5f5f5;} #simpleSearch .list dt .image em{display:block;margin:0 auto;padding:0;width: 130px;height: 200px;background: url('../../../../../wdCommon/img/img_no_book.png') no-repeat 50% 50%;text-indent:-9999em;overflow:hidden;background-size: 100%;} #simpleSearch .list dt .image img{width: 100%;} #simpleSearch .list dd a{display:block;padding:10px;font-size: 16px;color:#000;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #simpleSearch .list dd p{padding:0 10px;font-size:13px;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} #simpleSearch .txt h2{font-size:15px;font-family:"NanumBarunGothic";letter-spacing:-0px;color:#555} #simpleSearch .txt p{font-size:11px} #simpleSearch .table{clear:both;margin-bottom:30px;position:relative;border-top:1px solid #666} #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} #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:#fbfbfb} #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:#fbfbfb} #simpleSearch .table table tbody th span{display:block;margin:0 auto;padding:5px 10px;width:60px;font-size:12px;color:#405a89;border:1px solid #809ec3;background:#dbebff} #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{display: flex;overflow:hidden;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} #bestlist .besthead .thumb{float:left;width: 17%;} #bestlist .besthead .thumb div{position:relative;padding: 20px 0px 40px 0px;text-align:left;} #bestlist .besthead .thumb p strong{display:block;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 16px;font-weight:500;} #bestlist .besthead .thumb p span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;} #bestlist .besthead .thumb a img{width: 100%;border:1px solid #aaa;box-shadow:3px 3px 0px rgba(0,0,0,0.1)} #bestlist .besthead .thumb a em{display:inline-block;text-align:center;width:100%;height: 190px;border:1px solid #e1e1e1;background: #fff url(../../../../../wdCommon/img/ico_noimg.png) no-repeat 50% 50%;background-size: 50%;background-position: 65%;} #bestlist .besthead .thumb a em > span {position: relative;top: 65%;font-size:11px;} #bestlist .besthead .thumb .label{position:absolute;top:18px;left:40%;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(../../../../../wdCommon/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 img {float:left;max-width:120px;} #bestlist .bestbody dl{position: relative;padding:20px;height: 220px;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;} #bestlist .bestbody dd{padding-left: 135px;} #bestlist .bestbody dd div{padding: 0 0 5px 5px;} #bestlist .bestbody dd div a{overflow: hidden;display: block;font-weight:500;font-size: 16px;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} #bestlist .bestbody dt {position:absolute;top: 20px;left:30px;width: 120px;height: 180px;} #bestlist .bestbody dt a em{display:block;width: 100%;height: 100%;background:#fbfbfb url(../../../../../wdCommon/img/noimg.png) no-repeat 50% 50%} /**/ #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:800;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('../../../../../wdCommon/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:800;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: 8px 0px;border-bottom: 1px solid #505050;} #searchDataList .settype:before, #searchDataList .settype:after{clear:both;display:table;content:"";line-height:0} #searchDataList .settype h3{position:absolute;top:-40px;right:0;padding:5px 0 5px 20px;font-size:14px;font-weight:400;background:url(../../../../../wdCommon/img/search_num.png) no-repeat 0 8px} #searchDataList .settype ul{overflow:hidden} #searchDataList .settype li{float:left} #searchDataList .settype li a{display:block;margin:0 0 0 5px;padding:5px 0;width:80px;font-size:15px;font-weight:400;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;height:32px;line-height:32px;} #searchDataList .settype fieldset span{padding:0 5px 0 0;font-size:13px;letter-spacing:-1px;color:#888} #searchDataList .settype fieldset .t_text{position:relative;padding:2px 3px;height:26px;line-height:26px;font-weight:800;border:1px solid #ccc} #searchDataList .settype fieldset .btn{position:relative;top:-1px;padding:0 10px;height:32px;line-height:32px;font-size:13px;color:#fff;border:0px solid #111;background: #008fde;} #searchDataList .setred{border-top:2px solid #008c44;border-bottom:1px solid #ccc;background:#f0f4f8} #searchDataList .settype .type{position:absolute;top:9px;right:10px;overflow:hidden} #searchDataList .settype .type a{float:left;display:block;margin-right:5px;width:25px;height:25px;border:0;background:#fff url('../../../../../wdCommon/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 .{position:relative;padding:5px 10px;border-top:2px solid #888;border-bottom:1px solid #ccc;background:#f5f5f5} #searchDataList .view_toparea:before, #searchDataList .view_toparea:after{clear:both;display:table;content:"";line-height:0} #searchDataList .view_toparea h3{position:absolute;top:-40px;right:0;padding:5px 0 5px 20px;font-size:14px;font-weight:400;background:url(../../../../../wdCommon/img/search_num.png) no-repeat 0 5px} #searchDataList .view_toparea ul{overflow:hidden;display: flex;justify-content: space-between;} #searchDataList .view_toparea li{float:left} #searchDataList .view_toparea li a{display:block;height: 30px;line-height: 30px;margin: 0;padding:5px 0;width: 130px;font-size: 14px;font-weight:400;letter-spacing:-1px;text-align:center;color:#405a89;border:1px solid #809ec3;background:#fff;} #searchDataList .view_toparea li a:hover{border:1px solid #3d4f8b;background:#fff} #searchDataList .view_toparea .list {position: fixed;height: 30px;line-height: 30px;width: 120px;padding-left: 8px;} #searchDataList .view_toparea .list i:after {display: table-caption;clear: both;content: "";width: 6px;height: 6px;border-right: 2px solid #999;border-top: 2px solid #999;transform: rotate(225deg);position: absolute;top: 15px;left: 19px;} #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('../../../../../wdCommon/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('../../../../../wdCommon/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:800;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:400;border:1px solid #ccc;background:#fff} #searchBookList .btngroup .enbloc .exel{color:#3b873b} #searchBookList .btngroup .enbloc .total{color:#366212} #searchBookList .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: 4px;right: 0px;} #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: 0px;height:auto;} #searchBookList .divList .list dt{float: left;margin-right: 20px;min-width: 120px;min-height:130px;} #searchBookList .divList .list dt a em{display:inline-block;text-align:center;width: 148px;height: 190px;border:1px solid #e1e1e1;background: #fff url(../../../../../wdCommon/img/ico_noimg.png) no-repeat 50% 50%;background-size: 50%;background-position: 65%;} #searchBookList .divList .list dt a em > span {position: relative;top: 65%;font-size:11px;} #searchBookList .divList .list dt .label{position:absolute;top:-3px;left:5px} #searchBookList .divList .list dt .label-ab{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../../../../../wdCommon/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(../../../../../wdCommon/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 10px 0 0;margin-right: 5px;font-size: 14px;font-weight: 500;color:#999;border-right:1px 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;;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:15px 0px;display: flex;flex-wrap: wrap;max-width: 700px;flex-direction: column;} #searchBookList .divList .list ul li{padding:3px 0;color:#555} #searchBookList .divList .list ul li strong{padding:0 5px 0 10px;font-weight:400;color:#888} #searchBookList .divList .list ul li span{color:#e35000} #searchBookList .divList .list ul li .con{padding: 3px 20px 0 10px;position: relative;} #searchBookList .divList .list ul li .con em{padding:0 5px 0 0;font-weight:400;color:#888} #searchBookList .divList .list ul li .con em:before {content:'';display:block;position:absolute;left:0px;top:11px;background:#999;width:3px;height:3px} #searchBookList .divList .list ol{padding: 0 0 10px 0px;overflow:hidden;display: flex;flex-wrap: wrap;} #searchBookList .divList .list ol li{float:left;padding-right:10px} #searchBookList .divList .list ol li strong{display:block;margin-bottom:5px;padding:5px 10px;font-size:14px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #searchBookList .divList .list ol li a{display:block;margin-bottom:5px;padding:5px 10px;font-size:14px;font-weight:500;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #searchBookList .divList .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #searchBookList .divList .list .statu{padding: 10px 10px;margin-right: 15px;overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-between;background: #f1f1f1;} #searchBookList .divList .list .statu > div {display: flex;float:left;} #searchBookList .divList .list .statu span{margin: 1px 3px;padding:5px 10px;font-size:14px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #searchBookList .divList .list .statu a{margin: 1px 3px;padding:5px 10px;font-size:14px;font-weight:500;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #searchBookList .divList .list .statu a:hover{border:1px solid #3d4f8b;background:#465ba1} #searchBookList .divList .list .statu .returnPlanDate{border:0px;padding: 5px;} #searchBookList .divList .list .nonone{color:#999;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:20px;padding:0 0 0 5px} #searchBookList .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('../../../../../wdCommon/img/ico_books.png') no-repeat 0 -100px} #searchBookList .divList .list .print a:hover{color:#777} #searchBookList .divList .list .only_m {display:none;} #searchBookList .divList .list .img {max-width: 150px;min-width: 150px;height: auto;min-height:170px;} /**/ #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:800;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('../../../../../wdCommon/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:800;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('../../../../../wdCommon/img/ico_books.png') no-repeat 5px -102px} #searchBookList .tableList .blue{letter-spacing:-1px;color:#2d4594} #searchBookList .tableList .yellow{color:#aa6e39} /**/ #searchBookList .nocontent{padding:100px 0;font-size:19px;letter-spacing:-1px;font-family:'NanumBarunGothic';font-weight:400;text-align:center;color:#888;border:1px solid #ccc;border-bottom:1px solid #ccc} /**/ #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(../../../../../wdCommon/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(../../../../../wdCommon/img/book/icon_bg.jpg) no-repeat left top;width:58px;height:17px;font-size:11px;font-weight:800;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:800;text-align:center;color:#fff} #marcInfo .title dd{float:left;width:80%;font-weight:800;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:800;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{display: flex;padding:15px 0 0 0;overflow:hidden;flex-wrap: nowrap;align-items: center;flex-direction: column;} #paging .total{float:left;color:#696969;margin-bottom: 10px;} #paging .total strong{padding:0 5px} #paging .paging{display: flex;float:right;margin-right: 0px;overflow:hidden;flex-wrap: wrap;} #paging .paging .num{display:block;margin:0 2px;width: 40px;height: 40px;line-height: 40px;text-align:center;color:#747d9d;border:1px solid #eee;border-radius: 20px;text-decoration-line: none;} #paging .paging .num:hover{color:#fff;border:1px solid #747d9d;background:#747d9d} #paging .paging strong{display:block;margin:0 2px;width: 40px;height: 40px;line-height: 40px;font-weight:800;text-align:center;color: #fefefe;border: 1px solid #747d9d;border-radius: 20px;background-color: #747d9d;} #paging .paging .pprev{display:inline-block;padding:0 10px;font-size:12px;line-height: 40px;color:#888;border-left:0px solid #ccc} #paging .paging .prev{display:inline-block;padding:0 10px;font-size:12px;line-height: 40px;color:#888;border-left:0px solid #ccc} #paging .paging .next{display:inline-block;padding:0 10px;font-size:12px;line-height: 40px;color:#888;border-right:0px solid #ccc} #paging .paging .nnext{display:inline-block;padding:0 10px;font-size:12px;line-height: 40px;color:#888;border-right:0px solid #ccc} #paging .paging .arrow_r{display: inline-block;height: 40px;width: 40px;border: 1px solid #eee;border-radius: 20px;text-align: center;font-size: 14px;font-weight: 300;margin: 0 2px;line-height: 40px;text-decoration-line: none;} /**/ #detail_search {position: absolute;width: 100%;background-color: rgb(255, 255, 255);z-index: 99999;} #detailSearchForm{position:relative;margin:0 auto;padding:30px 30px 10px; /*background: #f5f6f1;*/border: 2px solid #e8e9e4;} #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{} #detailSearchForm .tit{position:relative;margin:0 20px;text-align: center;} #detailSearchForm .tit h2{/*font-size:20px;letter-spacing:-2px;color:#ff581c*/display:none} #detailSearchForm .tit p{color:#575757;font-size:16px;margin-bottom:10px;padding-left:24px;display:inline-block;background:url('../../../../../wdCommon/img/icon_ds.png') no-repeat 0 0;} #detailSearchForm .detail{padding:20px;color:#777;width: auto;margin: 0 auto;} #detailSearchForm .detail dl{padding:5px 0;overflow:hidden} #detailSearchForm .detail dt{float:left;width:20%} #detailSearchForm .detail dt label{font-weight:600;font-size: 15px;} #detailSearchForm .detail dd{float:left;width:80%} #detailSearchForm .detail select{padding:2px 4px;width:20%;height:32px;line-height:32px;font-size:14px;background:#fff;vertical-align:middle;border:1px solid #bbb;box-sizing: border-box;} #detailSearchForm .detail input.t_text{padding:2px 4px;width:60%;height:32px;line-height:32px;vertical-align:middle;cursor:text;border:1px solid #bbb;box-sizing: border-box;} #detailSearchForm .detail dd select {width:100%;} #detailSearchForm .detail dd input.t_text {padding: 2px 4px;width:100%;height: 32px;line-height: 32px;vertical-align: middle;cursor: text;border: 1px solid #bbb;box-sizing: border-box;} #detailSearchForm .detail .box{margin:10px 0;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #detailSearchForm .detail .search{padding:3px 0} #detailSearchForm .detail .search a{padding:0 10px;font-size:11px;font-weight:800;letter-spacing:-1px;color:#777} #detailSearchForm .detail .search a:hover{color:#405a89} #detailSearchForm .detail .search a.btn_for {display:inline-block;width: 12%;height:32px;line-height:32px;border-radius:3px;background:#ccc;font-size:12px;vertical-align: middle;color:#555;} #detailSearchForm .button{margin:10px 0;padding:10px 0;text-align:center;} #detailSearchForm .button input{position:relative;top:-1px;padding:14px 60px;font-weight:800;background:#0f2e68;border:none;border-radius:5px;cursor:pointer;color:#fff;font-size:15px;} #detailSearchForm .button button{padding:10px 30px;font-weight:800;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 th{padding:10px 0;line-height:18px;font-weight:800;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:800;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:800;/* text-align:left;*/padding-left:10px} /**/ #searchDetailInfo .view{position:relative;padding:15px 0;min-height:300px;color:#555;border-top:2px solid #888;border-bottom:0px dashed #888} #searchDetailInfo .view dl{position:relative;padding-left: 230px;} #searchDetailInfo .view dt{position:absolute;left: 0px;} #searchDetailInfo .view dt .image{width:180px;height:200px;background:url('../../../../../wdCommon/img/img_book.png') no-repeat 0 0} #searchDetailInfo .view dt .image em{display:block;padding:1px;width: 200px;height: 280px;border: 1px solid #ccc;background: #fff url(../../../../../wdCommon/img/ico_noimg.png) no-repeat 50% 50%;background-size: 50%;background-position: 65%;text-indent:-9999em;overflow:hidden;} #searchDetailInfo .view dt .image img{padding:1px;width: 200px;/* height:198px; */} #searchDetailInfo .view dt .label{position:absolute;top:-3px;left:5px} #searchDetailInfo .view dt .qrcode{position:absolute;bottom:1px;right:40px} #searchDetailInfo .view dt .loadr{display:none;position:absolute;left:30px;top:50px} #searchDetailInfo .view dd div{position:relative;padding: 0 0 0 110px;} #searchDetailInfo .view dd div strong{position:absolute;top:0px;left:0;font-size:13px;font-weight:500;color:#696969;border:1px solid #ccc} #searchDetailInfo .view dd div *{font-size:18px;font-weight:600;letter-spacing:-1px} #searchDetailInfo .view dd .ico strong{display:inline-block;padding:5px 20px 5px 35px;background:url('../../../../../wdCommon/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:5px 0 5px 110px;min-height:24px;line-height:24px;font-size: 15px;} #searchDetailInfo .view ul li strong{position:absolute;top:5px;left:0px;display:inline-block;width:110px;font-weight:500} #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{position:absolute;bottom:30px;left:20px} #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('../../../../../wdCommon/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('../../../../../wdCommon/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 table.mobile_none {display:none;}*/ #searchDetailInfo .table table.mobile_show {display:none;} #searchDetailInfo .table th{padding:10px 0;line-height:18px;font-size:14px;font-weight:500;letter-spacing:-1px;color:#333;border-bottom:1px solid #e3e0de;background:#f9fafb} #searchDetailInfo .table td{padding:5px 0;line-height:18px;color:#777;text-align:center;border-bottom:1px solid #e3e0de;background:#fff} #searchDetailInfo .table td strong{font-size:13px} #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:12px;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('../../../../../wdCommon/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;/* text-align:left;*/padding-left:10px} #searchDetailInfo .table .item a{letter-spacing:-0.1em} #searchDetailInfo .info{padding:15px 0;line-height:20px;color:#696969} /**/ #hopeDataTab{margin:20px 0;border-bottom:0px solid #eaeaea} #hopeDataTab *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;font-family: 'Montserrat','Microsoft Yahei','NanumSquare','MalgunGothic' , 'Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif'} #hopeDataTab ul{padding-left:1px;height:38px;border-bottom:1px solid #082458;*zoom:1} #hopeDataTab ul:before, #hopeDataTab ul:after{clear:both;display:table;content:"";line-height:0} #hopeDataTab ul li{float:left} #hopeDataTab ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:8px 30px;height:21px;font-size:17px;font-weight:700;color:#888;border:1px solid #bababa;border-bottom:0;background:#fefefe;} #hopeDataTab ul li a:hover{text-decoration:none;position:relative;z-index:10;top:-1px;height:20px;color:#fff;border:1px solid #082458;border-top:3px solid #082458;border-bottom:1px solid #082458;background:#082458;} #hopeDataTab ul li.on a{position:relative;z-index:10;top:-1px;height:19px;color:#082458;border:1px solid #082458;border-top:3px solid #082458;border-bottom:2px solid #fff;background:#fff;} /**/ #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:15px;font-weight:500;text-align:left;color:#555;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#f4f4f4} #hopeDataRequest .table td{padding:5px 10px;line-height:18px;color:#777;text-align:left;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;border-left: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:800;color:#fff;border:1px solid #008c44;background:#008c44} #hopeDataRequest .table .tal{padding-left:10px} #hopeDataRequest .table .btn{display:inline-block;padding:3px 8px;font-size:11px;font-weight:800;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('../../../../../wdCommon/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:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataRequest .table .item{background:#F9F9F9;font-weight:800;/* text-align:left;*/padding-left:10px} #hopeDataRequest .table .item a{letter-spacing:-0.1em} #hopeDataRequest .agree{padding:10px 0;font-size:14px;letter-spacing:0px;text-align:left;color:#696969} #hopeDataRequest .button{margin:10px 0;padding:20px 0;text-align:center;border-top:1px solid #ccc} #hopeDataRequest .button input{padding:10px 50px;font-weight:800} /**/ #hopeDataList{} #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:26px;line-height:26px;font-weight:800;letter-spacing:-1px;color:#fff;background:#2b58a9;vertical-align: middle;} #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:800;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 #2b58a9} #hopeDataList .table thead{border-bottom:2px solid #e4e4da;background:#f4f4f4} #hopeDataList .table th{padding:10px 5px;font-size:14px;font-weight:800;vertical-align:middle;border-bottom:1px solid #d3d3d3} #hopeDataList .table td{padding:10px 5px;font-size:13px;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:800;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('../../../../../wdCommon/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:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataList .top{margin-bottom:30px;padding:20px 0 20px 130px;border:1px solid #ccc;background:#f5f6f1 url("../../../../../wdCommon/img/top.png") no-repeat 50px 0} #hopeDataList .top p{font-size:15px;color:#555} #hopeDataList .top p strong{color:#2b58a9} #hopeDataList .top ul li {font-size:14px;} #hopeDataList .txt{margin-bottom:20px;padding:10px 20px 20px 20px;line-height:20px;color:#555;/*border:1px solid #ccc;border-top:2px solid #aaa;*/letter-spacing: -1px;} #hopeDataList .txt h3{padding:10px 30px;font-size:16px;letter-spacing:-1px;color: #008fde;background:url(../../../../../wdCommon/img/point-img.gif) no-repeat 0 50%} #hopeDataList .txt *{font-size:17px} #hopeDataList .txt em{position:relative;top:0;padding-right:2px;font-size:15px;color:#777} #hopeDataList .txt ul{padding:5px 0;} #hopeDataList .txt ul > li{padding:0 0 5px 0;color:#444} #hopeDataList .txt ul > li strong{clear:both;display:inline-block;padding:10px 0 10px 100px;color:#614b38} #hopeDataList .txt ul > li > ul{padding:5px} #hopeDataList .txt ul > li > ul > li{padding:0 0 5px 20px;color:#555} #hopeDataList .button{margin:10px 0;padding:20px 0;text-align:center} #hopeDataList .button a{display:inline-block;margin:0 5px;padding:10px 30px;font-size:17px;font-weight:500;border:1px solid #ccc;background:#eee} #hopeDataList .button .hopeok{color:#fff;border:1px solid #337ab7;background:#337ab7;border-radius: 20px;} #hopeDataList a.btn01 {display: inline-block;padding:5px 14px 7px;font-size:14px;font-weight:bold;color:#fff;background:#ff794b;border-radius:5px;margin-top:14px;border:none;} #hopeDataList a.btn01 {text-decoration:none;} /**/ #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:800;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:800;border:1px solid #e3e0de} /*로그인*/ #wdMember{} #wdMember *{} #wdMember .login{overflow:hidden} #wdMember .login > div{padding:50px 0 0 0;width:500px} #wdMember .login > div h3{} #wdMember .login img {width:100%;} #wdMember .login fieldset{margin:20px 0 0 0;padding:30px 0;text-align:center;border:5px solid #ccc} #wdMember .form-group{margin:10px 20px 0 0;vertical-align:middle} #wdMember .form-group label{margin:0 10px 0 0;height:40px;font-size:16px;display:inline-block;width:110px;} #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{margin-left: 1px;height:38px;border-bottom:1px solid #082458;*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;position:relative;z-index:5;margin-left:-1px;padding:8px 26px;height:21px;font-size:17px;font-weight:500;color:#444;border:1px solid #bababa;border-bottom:0;background:#fefefe} #dataLoanList .dataLoanListTab ul li a:hover{position:relative;text-decoration:none;z-index:10;top:-1px;height:20px;color:#fff;border:1px solid #008fde;border-top:3px solid #008fde;border-bottom:1px solid #082458;background: #008fde} #dataLoanList .dataLoanListTab ul li.on a{position:relative;z-index:10;top:-1px;height:19px;color: #008fde;border:1px solid #008fde;border-top:3px solid #008fde;border-bottom:2px solid #fff;background:#fff} #dataLoanList .infomation{margin:20px 0;padding:0 0 26px 110px;color:#555;background: #f6f6f6 url(../../../../../wdCommon/img/ico_member.png) no-repeat 0 50%;background-size: 70px;background-position: 20px;} #dataLoanList .infomation *{} #dataLoanList .infomation p{padding:30px 0 10px 0;font-size:17px;font-weight:700;color:#2b3b56} #dataLoanList .infomation p strong{color:#000} #dataLoanList .infomation ul{padding-top:1px;overflow:hidden} #dataLoanList .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:16px;background:url(../../../../../wdCommon/img/ico_dot.png) no-repeat 0 40%} #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 *{} #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:5px 0;border-top:0px solid #888;border-bottom:0px solid #ccc;background:#fff;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:16px;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} #dataLoanList .settype fieldset strong{padding-left:5px;font-size:12px} #dataLoanList .settype fieldset select{padding:4px 3px;font-size:12px;border:1px solid #dbdbdb;height:25px;} #dataLoanList .settype fieldset button{padding:0 10px;height:26px;line-height:26px;font-weight:800;letter-spacing:-1px;color:#fff;background:#333;vertical-align:top;} #dataLoanList .settype fieldset span{padding:0 5px 0 0;font-size:11px;letter-spacing:-1px;color:#888} #dataLoanList .settype fieldset label{padding:0 0 0 10px} #dataLoanList .settype fieldset .t_text{position:relative;top:-1px;padding:2px 3px;height:20px;line-height:20px;font-weight:800;border:1px solid #ccc} #dataLoanList .settype fieldset .btn{padding:2px 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:12px 5px;line-height:14px;font-size:14px;font-weight:800;color:#575757;border-bottom:1px solid #aaa;background:#f7f7f7} #dataLoanList .dataLoanTable td{padding:12px 5px;line-height:14px;font-size:16px;color:#575757;border-bottom:1px solid #d3d3d3} #dataLoanList .dataLoanTable td a.btn_cancel {display: inline-block;padding: 7px 10px;font-family: inherit;background-color: #e45000;color: #fff;font-size: 13px;} #dataLoanList .enbloc{padding:10px 0;text-align:right} #dataLoanList .enbloc button{padding:0 10px 4px;height:32px;line-height:32px;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:800;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} #dataLoanList .nocontent{padding:70px 0;text-align:center;color:#999;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #dataLoanList .trans_box {border: 3px solid #e8e8e8;padding: 20px;text-align: center;} #dataLoanList .trans_box * {font-family: 'Montserrat','Microsoft Yahei','NanumSquare','MalgunGothic' , 'Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif';} #dataLoanList .trans_box h3 {text-align: center;color: #000;font-size: 20px;padding-bottom: 10px;} #dataLoanList .trans_box .trans_q {color: red;font-size: 17px;} #dataLoanList .trans_box .trans_a {display: block;padding-top: 5px;font-size: 15px;} #dataLoanList .trans_box .trans_a::before {content: "■ ";} #dataLoanList .trans_box .btn-trans {display: inline-block;margin-top: 20px;padding: 7px 20px;border-radius: 3px;font-size: 15px;background: #ff794b;color: #fff;} #dataLoanList .trans_box .btn-trans::after {content: " ▶";} /**/ #search_bar01{background:#fff;position:relative;/*border:2px solid #e8e9e4;*/margin:10px 0px;padding: 20px 0;overflow:hidden;} #search_bar01 .search_bar_wp {width:80%;margin:0 auto;} #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{font-size:1.3em} #search_bar01 #search .total_box {width:62%;height:50px;line-height:36px;font-size:16px;margin:10px 0;padding: 0 10px;vertical-align:middle;border: 1px solid #ccc;} #search_bar01 #search select {width:20%;padding: 0 10px;height: 50px;line-height: 36px;font-size: 16px;margin: 10px 0;background: #fff;border: 1px solid #ccc;} .search_commend {display:inline-block;} .search_commend input{vertical-align:middle;} .search_commend input.btn {display: inline-block;padding: 10px 15px; height:50px; font-size: 16px;font-weight: bold;color: #fff;background: #008fde;border: none;} #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.txt {line-height:150%;margin:0;padding:0;width:100%} #result_box_wrapper p.pic{padding:20px 0;text-align:center} #result_box_wrapper .output{position:absolute;right:20px;top:0} #result_box_wrapper .output select {display:inline-block;width:60px;height:26px;line-height:26px;border: 1px solid #ccc;} #result_box_wrapper .output input {display:inline-block;width:50px;height:26px;line-height:26px;cursor:pointer;background:#ccc;border:1px solid #b7b7b7;} div.search_list{position:relative;padding:15px;border-bottom:1px solid #d8d8d8;overflow:hidden;width: 100%;height: auto;box-sizing: border-box;} 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("../../../../../wdCommon/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("../../../../../wdCommon/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("../../../../../wdCommon/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("../../../../../wdCommon/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("../../../../../wdCommon/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: 17px;font-weight:bold;margin:2px 0 9px 0;padding:0;color: #000;} div.search_list dd{font-size:1em;line-height:130%;margin:5px 0 0 0} div.search_list dd a{color:#216aaa} div.search_list dd a.btn01 {display: inline-block;padding:3px 8px 4px;border:1px solid #216aaa;border-radius:3px;text-decoration:none;font-size:13px;} 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(../../../../../wdCommon/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{visibility:hidden} .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(../../../../../wdCommon/img/common/check.png) no-repeat;text-indent:-9999em;overflow:hidden} .blue{color:#005127 !important} .black{color:#000 !important} .red{color:#f27215 !important} .orange{color:#ff581c !important} .gray{color:#888 !important} .green{color:#060 !important} .cyan{color:#008c44} .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(../../../../../wdCommon/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(../../../../../wdCommon/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(../../../../../wdCommon/img/common/search_bg_bottom.gif) no-repeat 0 bottom;padding-bottom:16px;margin:0;overflow:hidden} #dls_box02{background:url(../../../../../wdCommon/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(../../../../../wdCommon/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(../../../../../wdCommon/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(../../../../../wdCommon/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:800;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(../../../../../wdCommon/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(../../../../../wdCommon/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:800;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(../../../../../wdCommon/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(../../../../../wdCommon/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:800;letter-spacing:-1px;color:#fff;background:#008c44} #result_list .list_top_right a.on{font-weight:800;color:#498bbf} #result_list span.title{background:url(../../../../../wdCommon/img/common/icon01.gif) no-repeat left 4px;padding-left:7px;font-weight:800;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(../../../../../wdCommon/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(../../../../../wdCommon/img/mylib/bg.jpg) no-repeat left top;min-height:316px} #mylib_content .title_gather h3{color:#fff;font-size:16px;font-weight:800;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(../../../../../wdCommon/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(../../../../../wdCommon/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 #008c44;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:800;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:800;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:800;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(../../../../../wdCommon/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:800;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(../../../../../wdCommon/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(../../../../../wdCommon/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:800;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(../../../../../wdCommon/img/book/icon_bg.jpg) no-repeat left top;width:58px;height:17px;font-size:11px;font-weight:800;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(../../../../../wdCommon/img/book/icon_bg.jpg) no-repeat left top;width:58px;height:17px;font-size:11px;font-weight:800;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(../../../../../wdCommon/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} #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:14px;color:#1b5b9d;border-bottom:3px solid #e4e4e4;width:575px} #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(../../../../../wdCommon/img/common/icon01.gif) no-repeat left center;margin-bottom:2px;font-size:11px} #result_box_wrapper p.lib_tip{font-weight:800;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} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> 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(../../../../../wdCommon/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(../../../../../wdCommon/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;} a {color:#30323F; text-decoration:none;} a:hover {color:#4559E9; text-decoration:underline;} a.ir:hover {text-decoration:none; } 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; } } @media all and (max-width:768px) { #headSearchForm .selbox ul > li{float:left;position:relative;z-index:15;padding:2px 0;width: 49%;} #searchBookList .divList .list ul {font-size:14px;} } /**모바일*************************************************************************************************************/ /*@media all and (max-width:808px) {*/ @media all and (max-width:480px) { /* 도서관 홈페이지 스타일 추가*/ .info-box:before {content:' ';display:inline-block;border-top:solid #008fde 2px;border-left:solid #008fde 2px;width: calc(100% + 0px);height:32px;margin-top:-1px;margin-left:-1px;} .info-box {border:solid #ddd 1px;padding-bottom:32px;} .info-box b {font-size:22px;} .info-box b:after {display:block; content:''; background:#333; width:18px; height:2px; margin:10px 0;} .info-box .info-txt { font-size:15px; padding-right:50px; font-weight:400;padding:10px 20px;} .mshow {display:block;} /* 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, a:active{color:#000;text-decoration:none} /* img{width:auto;max-width:100%;height:auto;vertical-align:middle} */ caption, legend, hr{display:none} i, em{font-style:normal} table{font-size:14px} table.responsive, table.responsive col.time{width:100%} table.responsive [data-cell-header]:before{content:attr(data-cell-header);display:block;padding:5px 0;font-size:12px;text-align:left;color:#333;background:#fff} table.responsive th[scope]{display:none} table.responsive th, table.responsive td{display:block;width:auto} table.responsive tr.session{border:2px solid #ccc} table.responsive tr.session td:first-child{display:none} table.responsive tbody tr td:first-child{margin-top:5px;padding:10px 0;border:1px solid #d3d3d3;background:#f3f3f3} table.responsive tbody tr td{} table.desponsive, table.desponsive col.time{width:100%} table.desponsive [data-cell-header]:before{content:attr(data-cell-header);display:block;padding:5px 10px;font-size:12px;text-align:left;color:#333;border-bottom:1px solid #eee;background:#fff} table.desponsive th[scope]{display:none} table.desponsive th, table.desponsive td{display:block;width:auto} table.desponsive tr.session{border:2px solid #ccc} table.desponsive tr.session td:first-child{display:none} table.desponsive tbody tr td:first-child{margin-top:5px;padding:10px 0;border:1px solid #999;background:#f3f3f3} table.desponsive tbody tr td{} /**/ .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} /**/ #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} /*상단메뉴*/ #dkitgnb{min-width:1200px;margin-bottom:0px;border-bottom:1px solid #d5d5d5;background:#008c44;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} /*도서관별 체크박스 및 검색*/ form#headSearchForm{margin-bottom: 20px;} #headSearchForm .all{padding: 5px 10px;text-decoration: none;font-size: 11px;letter-spacing: -1px;color: #999;border: 1px solid #c5c5c5;background: #fff;border-radius: 3px;margin-left: 5px;} #headSearchForm .all input{position:relative;top:-1px} #headSearchForm .all:hover, #headSearchForm .all.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .sbopen{position:relative;top:3px;display:inline-block;width:15px;height:15px;background:url(../../../../../wdCommon/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{display:block;padding: 5px 10px;text-decoration:none;font-size:11px;letter-spacing:-1px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius: 3px;} #headSearchForm .clear{display:block;padding:5px 10px;text-decoration:none;font-size:11px;letter-spacing:-1px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius: 3px;margin-left: 5px;} #headSearchForm .choice:hover, #headSearchForm .choice.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .clear:hover, #headSearchForm .clear.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .wrapbox{position:relative;display:none} #headSearchForm .selbox{clear:both;position:relative;margin:10px 0 0 0;padding:15px 10px;border:1px solid #c3ccd4;background:#fff;border-radius:0px} #headSearchForm .selbox .chk {position: absolute; top: 10px; right: 20px; display: flex; flex-direction: row; align-items: center;} #headSearchForm .selbox dl{padding:0px;border:0px solid #eee} #headSearchForm .selbox dt{padding:0 0 10px 20px;font-size:14px;font-weight:800;color: #008fde;letter-spacing:-0px;border-bottom:1px dotted #aaa;background:url("../../../../../wdCommon/img/ico_ribbon.png") no-repeat 0 -3px} #headSearchForm .selbox dd{padding:10px 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;z-index:15;width:50%} #headSearchForm .selbox ul > li label{font-size:14px;font-weight:600;color:#545d68;cursor:pointer} #headSearchForm .selbox ul li em{padding-right:5px;font-size:11px;font-weight:400;color:#545d68} @media only screen and (max-width:400px){ #headSearchForm .selbox ul > li{width:100%; margin-bottom: 5px;} } #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:800;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} #headSearchForm .wrapOpen{position:relative;z-index:11;top:-1px;margin:0 auto;display:block;padding:1px 0 9px 0;border: 1px solid #ccc;width:128px;height:18px;font-size:11px;letter-spacing:-1px;text-align:center;color:#000;} #headSearchForm .wrapOpen i{position:relative;top:2px;padding:0 5px;font-size:17px;font-weight:800;color:#070540} #headSearchForm .wrapClose{position:relative;z-index:11;top:-1px;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:800;color:#1652a4} #headSearchForm .allbox{clear:both;padding:10px 0 0 0;border:0px solid #222;border-radius:0px} #headSearchForm .allbox fieldset{position:relative} #headSearchForm .allbox a{float:left;display:block;line-height:41px;border:1px solid #999;background:#aaa;border-radius:0px} #headSearchForm .allbox .result{font-size:14px;letter-spacing:-1px} #headSearchForm .allbox .result input{position:relative;top:-1px} #headSearchForm .allbox .search{overflow: hidden;display:block;margin:0 0 5px 0;position:relative;height: 40px;border: 1px solid #ccc;border-radius: 4px;font-size: 0;} #headSearchForm .allbox .search div{height: 100%;padding-right: 40px;background:#fff;box-sizing: border-box;} #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;width: 70px;height: 100%;color:#2d4594;letter-spacing:-0px} #headSearchForm .allbox .search div select{width: 100%;height: 100%;border:0;padding: 0 7px;font-size:14px;} #headSearchForm .allbox .search div input{float:left;padding:0 7px;width:calc(100% - 70px);height:40px;line-height:40px;font-size:15px;color:#333;border:0px solid #fff;background:#fff;box-sizing: border-box;} #headSearchForm .allbox .search div input:focus{border:0px solid #e51a24} #headSearchForm .allbox .btn-search{position:absolute;top: 0;right: 0;padding:10px 0;width:40px;height: 100%;background:none;border-radius:0px;cursor:pointer;background: url("../../../../../wdCommon/img/ico_btn_search.png") no-repeat 50% 50% / auto 23px;text-indent: -9999px;border: 0;} #headSearchForm .allbox .btn-desearch{float:left;display:block;width:49%;font-size: 12px;text-align:center;color:#696969;border:1px solid #ccc;background:#fff;border-radius: 4px;} #headSearchForm .allbox .btn-research{float:right;display:block;width:49%;font-size: 12px;letter-spacing:-1px;text-align:center;color:#999;border:1px solid #ccc;background:#fff url("../img/keyboard.png") no-repeat 10px 33%;border-radius: 4px;} /**/ #autoComplete{position:absolute;z-index:9999;top:-47px;left:0;width:100%} #autoComplete .keyword{padding:5px;border:1px solid #2d4594;border-bottom:0;background:#fff} #autoComplete .keyword ul{} #autoComplete .keyword li a{display:block;line-height:20px;color:#7b7b7b} #autoComplete .keyword li a:hover, #autoComplete .keyword li a.sel{background:#e3edf5} #autoComplete .keyword li a strong{color:#324584} #autoComplete .thumbnail{padding:5px;border:1px solid #2d4594;background:#fff} #autoComplete .list{position:relative;height:200px;color:#555;border-bottom:0px dotted #aaa} #autoComplete .list dl{position:relative;padding:0px 10px;height:150px;text-align:left !important} #autoComplete .list dt{position:absolute;top:45px;left:10px} #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:800;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:800;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:800;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:100%;*zoom:1} #container .container:before, #container .container:after{clear:both;display:table;content:"";line-height:0} #container .title{width:100%\9} #container .title h2{margin:10px 0 0 0;padding:10px 0 20px 45px;font-size:18px;font-family:"NanumBarunGothic";letter-spacing:-2px;color:#575757;background:url(../../../../../wdCommon/img/search_title.png) no-repeat 0 17px} #container .title h2.new{background: url(../../../../../wdCommon/img/new_title.png) no-repeat 0 6px;} #container .title h2.loan{background:url(../img/loan_title.png) no-repeat 5px 4px} #container .title h2 em{padding:0 5px;font-weight:400} #container .dkitcontain{} #container .dkitcontain .widget{float:left} #container .standard{position:relative} /**/ #sub{float:none;padding:5px 0} /**/ #dkitsub{float:left;padding:20px 17% 20px 30px;width:60%} /**/ #category{float:left;padding:20px 0;width:200px;display:none} #category .widget{margin-bottom:0px} #category .widget h3{padding:7px 12px;font-size:15px;font-family:"NanumBarunGothic";letter-spacing:-0px} #category .widget ul{padding:10px 15px} #category .widget ul li a{display:block;padding:2px 0;color:#777} #category .widget ul li.sel a{font-weight:800;color:#23377b} #category .widget ul li.on a{font-weight:800;color:#23377b} #category .widget .list{padding:10px 15px} #category .widget .list div a{display:block;padding:2px 0;color:#777} #category .widget .list div.sel a{font-weight:800;color:#23377b} #category .widget .list div.on a{font-weight:800;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:#008c44;border-bottom:0px solid #c1c1c1;background:#f0f0f0} #category .ddc:last-child{border-bottom:1px solid #c1c1c1} #category .mdc{border-top:1px solid #c1c1c1;border-bottom:0} #category .mdc h3{color:#008c44;border-bottom:0px solid #c1c1c1;background:#f0f0f0} #category .mdc:last-child{border-bottom:1px solid #c1c1c1} #category .sdc{margin-bottom:20px;border:1px solid #008c44} #category .sdc h3{color:#fff;border-bottom:1px solid #008c44;background:#008c44} #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:800;color:#23377b} #category .ndc{border:1px solid #dadada} #category .ndc h3{color:#008c44;border-bottom:1px solid #fff} #category .bdc{border:1px solid #dadada} #category .bdc h3{color:#008c44;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;font-family:"NanumBarunGothic";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 #008c44} #aside .sdc h3{color:#fff;border-bottom:1px solid #008c44;background:#008c44} #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:#008c44;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:#008c44;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:#008c44;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;min-height:300px;} #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:16px;letter-spacing:-0px;color:#ff581c;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: calc(50% - 10px);margin: 0 5px;} #simpleSearch .list dt .image{margin:0 auto;padding:1px 10px;width:100%;height: 150px;text-align:center;background:url('../img/img_mini_book.png') no-repeat 50% 0;box-sizing: border-box;} #simpleSearch .list dt .image em{display:block;margin:0 auto;padding:0;width:100%;height: 100%;/*background:url('../img/img_no_book.png') no-repeat 50% 50%;*/background: url('../../../../../wdCommon/img/img_no_book.png') no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #simpleSearch .list dt .image img{max-width:100%;height: 100%;border: 1px solid #eee;} #simpleSearch .list dd a{display:block;padding:10px;font-size:14px;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} #simpleSearch .txt h2{font-size:15px;font-family:"NanumBarunGothic";letter-spacing:-0px;color:#555} #simpleSearch .txt p{font-size:11px} #simpleSearch .table{clear:both;margin-bottom:30px;position:relative;border-top:1px solid #666} #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} #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:#fbfbfb} #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:#fbfbfb} #simpleSearch .table table tbody th span{display:block;margin:0 auto;padding:5px 10px;width:60px;font-size:12px;color:#405a89;border:1px solid #809ec3;background:#dbebff} #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 {overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} #bestlist .besthead .thumb {float: left;width: 45%;} #bestlist .besthead .thumb div {position: relative;display: block;padding: 30px 0px;} #bestlist .besthead .thumb p strong {display: block;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} #bestlist .besthead .thumb p span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} #bestlist .besthead .thumb a img {width: 100%;border: 1px solid #aaa;} #bestlist .besthead .thumb .label{position:absolute;top:25px;left:3%;padding:8px 0;width:44px;height:44px;font-size:14px;font-family:Arial;font-weight:800;text-align:center;color:#fff;background:url(../../../../../wdCommon/img/ico_label.png) no-repeat 0 0} #bestlist .bestbody{display: flex;border:0px solid #aaa;border-top:0;overflow:hidden;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} #bestlist .bestbody > div{float:left;width: 46%;} #bestlist .bestbody dl{position:relative;background:#fff;overflow:hidden;margin-bottom: 30px;} #bestlist .bestbody dt{text-align:center} #bestlist .bestbody dt .ribbon{position:absolute;top:-3px;left:20px} #bestlist .bestbody dt .img{padding: 1px 0 0 1px;width: 100%;} #bestlist .bestbody dd{text-align:center} #bestlist .bestbody dd div a{display:block;margin:5px 0 0 0;height:40px;line-height:20px;color:#333;font-weight: 500;overflow:hidden} #bestlist .bestbody dd ul{display:none} #bestlist .bestbody dd li{display:block;padding:2px 0;color:#575757;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #bestlist .bestbody dt a em{display:block;width: 100%;height: 100%;background:#fbfbfb url(../../../../../wdCommon/img/noimg.png) no-repeat 50% 50%} /**/ #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:800;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:800;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:5px 10px;border-top:2px solid #888;border-bottom:1px solid #ccc;background:#f5f5f5;overflow:hidden} #searchDataList .settype:before, #searchDataList .settype:after{clear:both;display:table;content:"";line-height:0} #searchDataList .settype h3{float:left;padding:5px 0 5px 0;font-size:14px;font-weight:400;/*background:url(../img/search_num.png) no-repeat 0 50%*/} #searchDataList .settype ul{float:right;overflow:hidden} #searchDataList .settype li{float:left} #searchDataList .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} #searchDataList .settype li a:hover{border:1px solid #3d4f8b;background:#fff} #searchDataList .settype fieldset{clear:both} #searchDataList .settype fieldset strong{font-size:12px} #searchDataList .settype fieldset select{margin-bottom:5px;padding: 5px 7px;width:100%;font-size:12px;height:25px\9;font-size:14px\9;border:1px solid #dbdbdb;background:#fff} #searchDataList .settype fieldset span{padding:0 5px 0 0;font-size:11px;letter-spacing:-1px;color:#888} #searchDataList .settype fieldset .t_text{position:relative;top:-1px;padding:2px 3px;height:20px;line-height:20px;font-weight:800;border:1px solid #ccc} #searchDataList .settype fieldset .btn{position:relative;top:-1px;padding:0 10px;height:25px;font-size:11px;color:#fff;border:0px solid #111;background:#008fde;} #searchDataList .setred{border-top:2px solid #008c44;border-bottom:1px solid #ccc;background:#f0f4f8} #searchDataList .settype .type{position:absolute;top:4px;right:10px;overflow:hidden;display:none} #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 .{position:relative;padding:5px 10px;border-top:2px solid #888;border-bottom:1px solid #ccc;background:#f5f5f5} #searchDataList .view_toparea:before, #searchDataList .view_toparea:after{clear:both;display:table;content:"";line-height:0} #searchDataList .view_toparea h3{position:absolute;top:-40px;right:0;padding:5px 0 5px 20px;font-size:14px;font-weight:400;background:url(../../../../../wdCommon/img/search_num.png) no-repeat 0 5px} #searchDataList .view_toparea ul{overflow:hidden;display: flex;justify-content: space-between;} #searchDataList .view_toparea li{float:left} #searchDataList .view_toparea li a{display:block;height: 26px;line-height: 26px;margin: 0;padding:5px 0;width: 90px;font-size: 14px;font-weight:400;letter-spacing:-1px;text-align:center;color:#405a89;border:1px solid #809ec3;background:#fff;} #searchDataList .view_toparea li a:hover{border:1px solid #3d4f8b;background:#fff} #searchDataList .view_toparea .list {position: fixed;height: 26px;line-height: 26px;width: 70px;padding-left: 18px;} #searchDataList .view_toparea .list i:after {display: table-caption;clear: both;content: "";width: 6px;height: 6px;border-right: 2px solid #999;border-top: 2px solid #999;transform: rotate(225deg);position: absolute;top: 13px;left: 15px;} #searchDataList .settype .all{float:left;padding:5px 0;font-size:11px;letter-spacing:-1px} #searchBookList .btngroup{padding:20px 0;overflow:hidden;text-align: center;/* display:none; */} #searchBookList .btngroup .button{ } #searchBookList .btngroup .button input{position:relative;top:-18px;width: 110px;height:43px;border:0;overflow:hidden} #searchBookList .btngroup .button a{display:inline-block;width: 110px;height:43px;line-height:43px;text-align:center;background:#ccc;overflow:hidden;letter-spacing: -1px;} #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;display:none;} #searchBookList .btngroup .enbloc button{padding:0 10px;height:25px;font-weight:800;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:800;border:1px solid #ccc;background:#fff} #searchBookList .btngroup .enbloc .exel{color:#3b873b} #searchBookList .btngroup .enbloc .total{color:#366212} #searchBookList .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:10px;display:none} #searchBookList .divList{overflow:hidden} #searchBookList .divList .list{position:relative;padding:10px 0;color:#555;border-bottom:1px dotted #aaa} #searchBookList .divList .list dl{position:relative;padding:0 3px;overflow:hidden} #searchBookList .divList .list dt{text-align:center;margin-bottom:10px;} #searchBookList .divList .list dt a em{display:block;margin:0 auto;width:200px;height:250px;border:1px solid #e1e1e1;background: #fff url(../../../../../wdCommon/img/ico_noimg.png) no-repeat 50% 50%;background-size: 50%;background-position: 65%;} #searchBookList .divList .list dt a em > span {position: relative;top: 65%;font-size:12px;} #searchBookList .divList .list dt .label{position:absolute;top:-3px;left:27%} #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 10px 0 5px;margin-right: 5px;font-size: 14px;font-weight: 500;color:#999;border-right:1px 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;white-space:nowrap;text-overflow:ellipsis;text-align: left;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 5px 0px;/*display:none*/} #searchBookList .divList .list ul li{color:#555} #searchBookList .divList .list ul li span{color:#e35000} #searchBookList .divList .list ul li .con{display:block;padding: 3px 0px 0 10px;position: relative;} #searchBookList .divList .list ul li .con em{padding:0 5px 0 0;font-weight:400;color:#888} #searchBookList .divList .list ul li .con em:before {content:'';display:block;position:absolute;left:0px;top:11px;background:#999;width:3px;height:3px} #searchBookList .divList .list ol{padding:5px 0 0 0;overflow:hidden;display: flex;flex-wrap: wrap;} #searchBookList .divList .list ol li {width: 48%;padding: 3px;} #searchBookList .divList .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchBookList .divList .list .blue{color:#2d4594} #searchBookList .divList .list .yellow{color:#aa6e39} #searchBookList .divList .list .print{} #searchBookList .divList .list .print a{display:none;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 .divList .list .print a:hover{color:#777} #searchBookList .divList .list .only_m {display:block;text-align: center;color:#888;padding-bottom:5px;} #searchBookList .divList .list .img {max-width: 200px; height: auto;} #searchBookList .divList .list .statu{padding: 5px 5px 10px 5px;margin: 10px 5px;overflow:hidden;display: flex;flex-wrap: wrap;background: #f1f1f1;flex-direction: column;} #searchBookList .divList .list .statu > div {display: flex;justify-content: center;align-items: center;margin: 3px 0px;} #searchBookList .divList .list .statu span{margin-right:5px;padding:5px 10px;font-size:14px;letter-spacing:-1px;text-align:center;color:#747d9d;} #searchBookList .divList .list .statu a{margin-right: 5px;padding:5px 10px;font-size:14px;font-weight:500;letter-spacing:-1px;text-align:center;color:#fff;background:#2d4594} #searchBookList .divList .list .statu a:hover{background:#465ba1} #searchBookList .divList .list .statu pre {font-size:14px;} #searchBookList .divList .list .statu em {font-size:14px;} #searchBookList .divList .list .statu .returnPlanDate{border:0px;} /**/ #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:800;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:800;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 .nocontent{padding:100px 0;font-size:19px;letter-spacing:-1px;font-family:'NanumBarunGothic';font-weight:400;text-align:center;color:#888;border:1px solid #ccc;border-bottom:1px solid #ccc} /**/ #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:800;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:800;text-align:center;color:#fff} #marcInfo .title dd{float:left;width:80%;font-weight:800;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:800;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{display: flex;float:right;margin: 10px 0px;overflow:hidden;flex-wrap: wrap;} #paging .paging .num{display:block;margin:0 2px;width: 34px;height: 34px;line-height: 34px;text-align:center;color:#747d9d;border:1px solid #eee;border-radius: 20px;text-decoration-line: none;} #paging .paging .num:hover{color:#fff;border:1px solid #747d9d;background:#747d9d} #paging .paging strong{display:block;margin: 2px;width: 34px;height: 34px;line-height: 34px;font-weight:800;text-align:center;color: #fefefe;border: 1px solid #747d9d;border-radius: 20px;background-color: #747d9d;} #paging .paging .pprev{display:inline-block;padding:0 10px;font-size:11px;line-height: 34px;color:#888;border-left:0px solid #ccc} #paging .paging .prev{display:inline-block;padding:0 10px;font-size:11px;line-height: 34px;color:#888;border-left:0px solid #ccc} #paging .paging .next{display:inline-block;padding:0 10px;font-size:11px;line-height: 34px;color:#888;border-right:0px solid #ccc} #paging .paging .nnext{display:inline-block;padding:0 10px;font-size:11px;line-height: 34px;color:#888;border-right:0px solid #ccc} #paging .paging .arrow_r{display: inline-block;height: 34px;width: 34px;border: 1px solid #eee;border-radius: 20px;text-align: center;font-size: 14px;font-weight: 300;margin: 0 2px;line-height: 34px;text-decoration-line: none;} /**/ #detailSearchForm{position:relative;padding:0;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;font-family:"NanumBarunGothic";letter-spacing:-2px;color:#575757*/display:none;} #detailSearchForm .tit p{color:#575757;font-size:14px;margin-bottom:10px;padding-left:24px;display:inline-block;background:url('../../../../../wdCommon/img/icon_ds.png') no-repeat 0 0;} #detailSearchForm .detail{width: 100%;padding:5px;color:#777;text-align: center;} #detailSearchForm .detail dl{padding:5px 0;overflow:hidden} #detailSearchForm .detail dt{float:left;width:20%;text-align: left;} #detailSearchForm .detail dt label{font-weight:800} #detailSearchForm .detail dd{float:left;width:80%;text-align: left;} #detailSearchForm .detail select{padding:0 2px 0 0;width: 20%;height:28px;line-height:28px;font-size:1em;font-family:"돋움",dotum,"굴림",Gulim,"Trebuchet MS",arial,Verdana;vertical-align:middle;border:1px solid #bbb} #detailSearchForm .detail input.t_text{padding: 0 4px;height: 28px;line-height: 28px;vertical-align: middle;cursor: text;border: 1px solid #bbb;width: 50%;} #detailSearchForm .detail dd select{padding:0 2px 0 0;width:95%;height:28px;line-height:28px;font-size:1em;font-family:"돋움",dotum,"굴림",Gulim,"Trebuchet MS",arial,Verdana;vertical-align:middle;border:1px solid #bbb} #detailSearchForm .detail dd input.t_text{padding: 0 4px;width:95%;height: 28px;line-height: 28px;vertical-align: middle;cursor: text;border: 1px solid #bbb;box-sizing: border-box;} #detailSearchForm .detail .box{margin:10px 0;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #detailSearchForm .detail .search{width: 100%;padding:5px 0;display: inline-block;} #detailSearchForm .detail .search a{padding:0 10px;font-size:11px;font-weight:800;letter-spacing:-1px;color:#777} #detailSearchForm .detail .search a:hover{color:#405a89} #detailSearchForm .detail .search a.btn_for {display: inline-block;height: 26px;line-height: 26px;border-radius: 3px;background: #ccc;font-size: 12px;vertical-align: middle;color: #555;width: 15%;} #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:800;border:1px solid #ccc;background:#fff} #detailSearchForm .button button{padding:10px 30px;font-weight:800;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 th{padding:10px 0;line-height:18px;font-weight:800;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:800;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:800;/* text-align:left;*/padding-left:10px} /**/ #searchDetailInfo .view {position:relative;padding:15px 0;min-height:300px;color:#555;border-top:2px solid #888;border-bottom:0px dashed #888} #searchDetailInfo .view dl{position:relative} #searchDetailInfo .view dt .image{margin:0 auto;margin-bottom:60px;text-align: center;width: 80%;background:url('../img/img_book.png') no-repeat 0 0} #searchDetailInfo .view dt .image em{display: inline-block;padding:1px;width: 200px;height: 280px;border: 1px solid #ccc;background: #fff url(../../../../../wdCommon/img/ico_noimg.png) no-repeat 50% 50%;background-size: 50%;background-position: 65%;text-indent:-9999em;overflow:hidden;} #searchDetailInfo .view dt .image img{padding:1px;width: 80%;border: 1px solid #ddd;} #searchDetailInfo .view dt .label{position:absolute;top:-3px;left: 20%;} #searchDetailInfo .view dt .qrcode{position:absolute;top:140px;right:0} #searchDetailInfo .view dt .loadr{display:none;position:absolute;left:30px;top:50px} #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:800;color:#696969;border:1px solid #ccc} #searchDetailInfo .view dd div *{font-size:16px;font-weight:800;letter-spacing:-1px} #searchDetailInfo .view dd .ico strong{display:inline-block;padding:5px 20px 5px 35px;background:url('../../../../../wdCommon/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:5px 0 5px 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:800;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{position:absolute;top:230px;left:50%;margin-left:-61px} #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;font-family:"NanumBarunGothic";letter-spacing:-2px;color:#575757} #searchDetailInfo .table table{width:100%;border-top:2px solid #7d7067;border-collapse:collapse} #searchDetailInfo .table table.mobile_none {display:none;} #searchDetailInfo .table table.mobile_show .tal {text-align:left;} #searchDetailInfo .table th{padding:10px 0;line-height:18px;font-size:14px;font-weight:800;letter-spacing:-1px;color:#333;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#f4f4f4;} #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:14px} #searchDetailInfo .table td input{padding:5px;margin-right:5px} #searchDetailInfo .table td select{padding:4px 5px;padding-right:20px;font-size:14px;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:14px;font-weight:800;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:14px;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:14px;font-weight:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #searchDetailInfo .table .item{background:#F9F9F9;font-weight:800;/* text-align:left;*/padding-left:10px} #searchDetailInfo .table .item a{letter-spacing:-0.1em} #searchDetailInfo .info{padding:15px 0;line-height:20px;color:#696969} /**/ #hopeDataTab{margin:20px 0;border-bottom:0px solid #eaeaea} #hopeDataTab *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;font-family: 'MalgunGothic' , 'Malgun Gothic','맑은고딕', '돋움','gulim','굴림';letter-spacing:-1px;} #hopeDataTab ul{height:38px;border-bottom:1px solid #082458;*zoom:1} #hopeDataTab ul:before, #hopeDataTab ul:after{clear:both;display:table;content:"";line-height:0} #hopeDataTab ul li{float:left} #hopeDataTab ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:8px 15px;height:21px;font-size:11px;font-weight:700;color:#888;border:1px solid #bababa;border-bottom:0;background:#fefefe} #hopeDataTab ul li a:hover{position:relative;z-index:10;top:-1px;height:20px;color:#fff;border:1px solid #082458;border-top:3px solid #082458;border-bottom:1px solid #082458;background:#082458} #hopeDataTab ul li.on a{position:relative;z-index:10;top:-1px;height:19px;color:#082458;border:1px solid #082458;border-top:3px solid #082458;border-bottom:2px solid #fff;background:#fff} /**/ #hopeDataRequest{} #hopeDataRequest *{font-family: 'MalgunGothic' , 'Malgun Gothic','맑은고딕', '돋움','gulim','굴림';letter-spacing:-1px;} #hopeDataRequest .title{padding:10px 0 20px 0;font-size:14px;overflow:hidden} #hopeDataRequest .title div{color:#696969} #hopeDataRequest .title p{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:13px;font-weight:800;text-align:left;color:#555;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background: #f4f4f4;} #hopeDataRequest .table td{padding:5px 10px;line-height:18px;color:#777;text-align:left;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;border-left: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 input.t_txt{padding:7px 0;width:100% !important;border:0} #hopeDataRequest .table td select{padding:4px 0;width:100%;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{display:block !important;margin-top:5px;padding:7px 0 !important;font-weight:800;color:#fff;text-align:center;border:1px solid #008c44;background:#008c44} #hopeDataRequest .table .tal{padding-left:10px} #hopeDataRequest .table .btn{display:inline-block;padding:3px 8px;font-size:11px;font-weight:800;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:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataRequest .table .item{background:#F9F9F9;font-weight:800;/* 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:left;color:#696969} #hopeDataRequest .button{margin:10px 0;padding:20px 0;text-align:center;border-top:1px solid #ccc} #hopeDataRequest .button input{padding:10px 50px;font-weight:800} /**/ #hopeDataList{} #hopeDataList *{font-family: 'MalgunGothic' , 'Malgun Gothic','맑은고딕', '돋움','gulim','굴림';letter-spacing:-1px;} #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{clear:both;padding:0;overflow:hidden} #hopeDataList .setting fieldset strong{padding-left:5px;font-size:12px} #hopeDataList .setting fieldset select{margin-bottom:5px;padding:5px 0;width:100%;font-size:12px;border:1px solid #dbdbdb} #hopeDataList .setting fieldset button{float:right;width:18%;height:25px;font-weight:800;letter-spacing:-1px;text-align:center;color:#fff;background:#008c44} #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{float:left;padding:2px 0;width:80%;height:20px;line-height:20px;font-weight:800;border:1px solid #ccc;text-indent:5px} #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{font-weight:800;vertical-align:middle;border-bottom:1px solid #d3d3d3} #hopeDataList .table td{padding-right:10px;text-align:right} #hopeDataList .table td a{font-weight:800} /*#hopeDataList .table .tal{text-align:left}*/ #hopeDataList .table .tal br{display:none} #hopeDataList .table .btn{display:inline-block;padding:3px 8px;font-size:11px;font-weight:800;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:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataList .top{margin-bottom:10px;padding:14px;border:1px solid #ccc;background:#f5f6f1} #hopeDataList .top p{font-size:14px;color:#555} #hopeDataList .top p strong{color:#2b58a9} #hopeDataList .txt{margin-bottom:10px;padding:5px 0;line-height:16px;color:#555;border-top:0px solid #aaa} #hopeDataList .txt h3{padding:10px 20px 10px 23px;font-size:15px;letter-spacing:-1px;color: #008fde;background: url(../../../../../wdCommon/img/point-img.gif) no-repeat 0 50%;} #hopeDataList .txt *{font-size:13px} #hopeDataList .txt em{position:relative;top:0;padding-right:2px;font-size:15px;color:#777} #hopeDataList .txt ul{padding:0} #hopeDataList .txt ul > li{padding:0 0 5px 5px;color:#444} #hopeDataList .txt ul > li strong{clear:both;display:block;padding:10px 0;text-align:center;color:#614b38} #hopeDataList .txt ul > li > ul{padding:5px} #hopeDataList .txt ul > li > ul > li{padding:0 0 5px 20px;color:#555} #hopeDataList .button{margin:10px 0;padding:20px 0;text-align:center} #hopeDataList .button a{display:inline-block;margin:0 5px;padding:10px 30px;font-size:15px;font-weight:700;border:1px solid #ccc;background:#eee} #hopeDataList .button .hopeok{color:#fff;border:1px solid #082458;background:#082458} #hopeDataList a.btn01 {display: inline-block;padding:5px 14px 7px;font-size:12px;font-weight:bold;color:#fff;background:#ff794b;border-radius:5px;margin-top:14px;border:none;} #hopeDataList a.btn01 {text-decoration:none;} /**/ #hopeDataDetail{} #hopeDataDetail *{font-family: 'MalgunGothic' , 'Malgun Gothic','맑은고딕', '돋움','gulim','굴림';letter-spacing:-1px;} #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:800;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 16px;font-weight:800;border:1px solid #e3e0de} /*로그인*/ #wdMember{margin:0 auto;/*width:1000px*/width:100%;} #wdMember *{font-family: 'MalgunGothic' , 'Malgun Gothic','맑은고딕', '돋움','gulim','굴림';letter-spacing:-1px;} #wdMember .login{overflow:hidden} #wdMember .login > div{padding:50px 0 0 0;} #wdMember .login > div h3{} #wdMember .login img {width:100%;} #wdMember .login fieldset{margin:20px 0 0 0;padding:30px 0;text-align:center;border:5px solid #ccc} #wdMember .form-group{display:block;margin:20px 20px 0 0;vertical-align:middle} #wdMember .form-group label{margin:0 10px 0 0;height:26px;font-size:15px;width:90px;display:inline-block;} #wdMember .form-group input{padding:0 10px;width:170px;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:10px 0;border-bottom:0px solid #eaeaea} #dataLoanList .dataLoanListTab *{margin:0;padding:0;font-size:12px;border:0;list-style-type:none;font-family:'NanumBarunGothic'} #dataLoanList .dataLoanListTab ul{margin:0 -2px;border-bottom:0px solid #008c44;*zoom:1} #dataLoanList .dataLoanListTab ul:before, #dataLoanList .dataLoanListTab ul:after{clear:both;display:table;content:"";line-height:0} #dataLoanList .dataLoanListTab ul li{float:left;width:33.33%} #dataLoanList .dataLoanListTab ul li a{display:block;position:relative;z-index:5;margin:0 2px;margin-bottom:4px;height:37px;line-height:37px;font-size:14px;font-weight:500;color:#888;text-align:center;border:1px solid #bababa;background:#f8f8f8} #dataLoanList .dataLoanListTab ul li a:hover{position:relative;z-index:10;color:#fff;border:1px solid #008fde;background:#008fde} #dataLoanList .dataLoanListTab ul li.on a{position:relative;z-index:10;color:#008fde;border:1px solid #008fde;background:#fff} #dataLoanList .infomation{margin:20px 0;padding:0 0 26px 110px;color:#555;background: #f6f6f6 url(../../../../../wdCommon/img/ico_member.png) no-repeat 0 50%;background-size: 70px;background-position: 20px;} #dataLoanList .infomation *{font-family:'NanumBarunGothic'} #dataLoanList .infomation p{padding:20px 0 10px 0;font-size:16px;font-weight:700;color:#2b3b56} #dataLoanList .infomation p strong{color:#000} #dataLoanList .infomation ul{padding-top:1px;overflow:hidden} #dataLoanList .infomation ul li{margin-right:30px;line-height:20px;font-size:15px;background:url(../img/ico_dot.png) no-repeat 0 40%} #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 *{font-family:'NanumBarunGothic'} #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:5px 0;border-top:0px solid #888;border-bottom:0px solid #ccc;background:#fff;overflow:hidden} #dataLoanList .settype:before, #dataLoanList .settype:after{clear:both;display:table;content:"";line-height:0} #dataLoanList .settype h3{padding:5px 0;font-size: 15px;font-weight: 600;color: #000;letter-spacing: -0.5px;} #dataLoanList .settype ul{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: 15px;margin-bottom: 10px;background: #f4f4f4;} #dataLoanList .settype fieldset strong{padding-left:5px;font-size:12px} #dataLoanList .settype fieldset select{padding:4px 3px;font-size:12px;border:1px solid #ccc;background: #fff;} #dataLoanList .settype fieldset button{padding:0 10px;height:25px;line-height: 25px;font-weight:800;letter-spacing:-1px;color:#fff;background:#333;} #dataLoanList .settype fieldset span{/*padding:0 5px 0 0;*/margin: 2px 0;font-size:11px;letter-spacing:-1px;color:#888} #dataLoanList .settype fieldset label{padding:0 0 0 10px} #dataLoanList .settype fieldset .t_text{position:relative;top:-1px;padding:2px 3px;height:20px;line-height:20px;font-weight:800;border:1px solid #ccc} #dataLoanList .settype fieldset .btn{padding:2px 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} #dataLoanList .dataLoanTable th{padding:10px 5px;line-height:14px;font-size:12px;font-weight:800;color:#575757;border-bottom:1px solid #aaa;background:#f7f7f7;word-break: keep-all;} #dataLoanList .dataLoanTable td{padding:5px 10px;line-height:13px;font-size:12px;color:#575757;border-bottom:1px solid #d3d3d3;text-align:center;} #dataLoanList .dataLoanTable td a.btn_cancel {display: inline-block;padding: 5px 8px;font-family: inherit;background-color: #e45000;color: #fff;font-size: 12px;} #dataLoanList .dataLoanTable td.tal {text-align:left;} #dataLoanList .enbloc{padding:10px 0;text-align:right} #dataLoanList .enbloc button{padding:0 10px;height:30px;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:0 10px;height:30px;line-height:30px;font-weight:800;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} #dataLoanList .nocontent{padding:70px 0;text-align:center;color:#999;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #dataLoanList .trans_box {border: 3px solid #e8e8e8;padding: 20px;text-align: center;} #dataLoanList .trans_box * {font-family: 'Montserrat','Microsoft Yahei','NanumSquare','MalgunGothic' , 'Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif';} #dataLoanList .trans_box h3 {text-align: center;color: #000;font-size: 17px;padding-bottom: 10px;} #dataLoanList .trans_box .trans_q {color: red;font-size: 15px;} #dataLoanList .trans_box .trans_a {display: block;padding-top: 5px;font-size: 14px;} #dataLoanList .trans_box .trans_a::before {content: "■ ";} #dataLoanList .trans_box .btn-trans {display: inline-block;margin-top: 20px;padding: 7px 20px;border-radius: 3px;font-size: 14px;background: #ff794b;color: #fff;} #dataLoanList .trans_box .btn-trans::after {content: " ▶";} /**/ #search_bar01{background:#fff;position:relative;border:0px solid #e8e9e4;margin:0 0 10px;padding: 20px 0;overflow:hidden;} #search_bar01 .search_bar_wp {width:90%;margin:0 auto;} #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{font-size:1.3em} #search_bar01 #search .total_box {width: calc(75% - 65px);height:32px;line-height:32px;font-size:14px;margin:10px 0;padding: 0 10px;vertical-align:middle;box-sizing: border-box;border: 1px solid #ccc;} #search_bar01 #search select {width: 25%;height: 32px;padding: 0 7px;line-height: 32px;font-size: 13px;margin: 10px 0;background: #fff;border: 1px solid #ccc;box-sizing: border-box;} .search_commend {display:inline;} .search_commend input{vertical-align:middle;} .search_commend {display:inline;} .search_commend input{vertical-align:middle;} .search_commend input.btn {display: inline-block;padding: 8px 12px;font-size: 13px;font-weight: bold;color: #fff;background: #008fde;border: none;} #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;} #result_box_wrapper p.pic{padding:20px 0;text-align:center} #result_box_wrapper .output{margin-top:10px;} #result_box_wrapper .output select {padding: 5px;border: 1px solid #ccc;} #result_box_wrapper .output input[type="submit"] {padding: 5px;background-color: #333;color: #fff;font-family: inherit;border: 0;} div.search_list{overflow: hidden;float: none;width: 100%;height: auto;position:relative;padding:15px 0;border-bottom:1px solid #d8d8d8;overflow:hidden;} div.search_list .pic{float:left;position:relative;width: 100px;margin-right: 20px;height: auto;} div.search_list .pic img{width: 100%;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: calc(100% - 120px);} div.search_list dl *{color:#777} div.search_list dt{font-size: 15px;font-weight:bold;margin:2px 0 9px 0;padding:0;color: #000;} div.search_list dd{font-size: 13px;line-height:130%;margin:5px 0 0 0} div.search_list dd a{color:#216aaa} div.search_list dd a.btn01 {display: inline-block;padding:2px 6px 3px;border:1px solid #216aaa;border-radius:3px;text-decoration:none;font-size:12px;} 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{visibility:hidden} .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:#f27215 !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:800;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:800;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:800;letter-spacing:-1px;color:#fff;background:#008c44} #result_list .list_top_right a.on{font-weight:800;color:#498bbf} #result_list span.title{background:url(../img/common/icon01.gif) no-repeat left 4px;padding-left:7px;font-weight:800;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:800;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 #008c44;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:800;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:800;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:800;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:800;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:800;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:800;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:800;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} #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:14px;color:#1b5b9d;border-bottom:3px solid #e4e4e4;width:575px} #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:800;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} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> 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} /********************************* */ #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} a{color:#30323F;text-decoration:none} a:hover{color:#4559E9;text-decoration:underline} a.ir:hover{text-decoration:none} body{font-size:0.9em;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} /**/ #container{margin: 0 0 20px;} .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} /**/ #container .search_tabs {margin-bottom: 30px;display: flex;flex-wrap: nowrap;align-items: flex-end;} #container .search_tabs > li {text-align: center;border: 1px solid #ddd;box-sizing: border-box;width: 50%;} #container .search_tabs > li + li {margin-top: 5px;} #container .search_tabs > li.active {border-color: #008fde;} #container .search_tabs > li > a {display: block;height: 40px;line-height: 40px;font-size: 14px;font-weight: 600;color: #000;} #container .search_tabs > li.active > a {color: #008fde;} /* 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} }