@charset "utf-8"; @font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 300;src: url('../font/NotoSansKR-Light.woff2') format('woff2'),url('../font/NotoSansKR-Light.woff') format('woff'),url('../font/NotoSansKR-Light.otf') format('opentype')} @font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 400;src: url('../font/NotoSansKR-Regular.woff2') format('woff2'),url('../font/NotoSansKR-Regular.woff') format('woff'),url('../font/NotoSansKR-Regular.otf') format('opentype')} @font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 500;src: url('../font/NotoSansKR-Medium.woff2') format('woff2'),url('../font/NotoSansKR-Medium.woff') format('woff'),url('../font/NotoSansKR-Medium.otf') format('opentype')} 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;vertical-align:middle} html, body { width:100%; height:100%} body {font-size:15px; line-height:1; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400 } ol, ul {list-style: none} blockquote, q {quotes: none} blockquote:before, blockquote:after, q:before, q:after { content:'';content: none} h1, h2, h3, h4, h5, h6 { font-weight:500; font-size:15px} /* 대표 표인트 컬러 글자 #169dbf, 배경 #2bb0d1 hover:#19a5c7 */ /* 상단검색 ms-clear 제거 */ #mSearch_txt::-ms-clear { display:none; } /*링크줄없애기*/ a {color:#686969; text-decoration:none; cursor:pointer} a:link {} a:active {} a:visited {} a:hover, a:focus {color:#f60} /* SKIP */ a.skip { display: block; width:100%; height:28px; padding:12px 0 0 0; font-size:14px; text-align:center; margin-top:-40px; background:#5f5c59; color:#fff } a.skip:hover, a.skip:focus { margin:0} /* GNB */ .vNav{ position:relative; width:100%; float:right; z-index:1030} .vNav ul{position:relative; z-index:1040;} .vNav li{ line-height:1.2em; position:relative; float: left; width:12.5%} .vNav li a{ display:block; width:90%; padding:8px 5% 0 5%; height:32px; font-weight:400; font-size:15px; font-weight:normal; color:#373737} .vNav li a span { font-size: 17px; color: #fff} .vNav li a:hover span, .vNav li a:focus span {color:#2ed5ff;} .sub_01 li.nav01>a>span, .sub_02 li.nav02>a>span, .sub_03 li.nav03>a>span, .sub_04 li.nav04>a>span, .sub_05 li.nav05>a>span, .sub_06 li.nav06>a>span, .sub_07 li.nav07>a>span, .sub_08 li.nav08>a>span, .sub_09 li.nav09>a>span, .sub_10 li.nav10>a>span, .sub_11 li.nav11>a>span, .sub_12 li.nav12>a>span { color:#2ed5ff; border-bottom: solid 2px #1aa2c0; padding:7px 0 } .vNav li ul{position:absolute; z-index:1500; padding:0; top:40px; width:100%; ; display:none; border-right:#ddd solid 1px} .vNav li:first-child ul {border-left:#ddd solid 1px} .vNav li li{ width:99.5%} /* width:100% */ .vNav li li a{ color:#666; font-weight:normal; font-size:15px; width:94%; height:23px; padding:8px 0 0 6%; position:relative; z-index:1600 !important} .vNav li li:first-child a, .vNav li li:first-child span { border:none; /* padding-top:14px */} #vNav > li > ul> li:first-child > a {padding-top:14px} /* .vNav li li:last-child a { padding-bottom:10px} */ .vNav li li a:hover, .vNav li li a:focus { color:#333;background:#f0f0f0;} /* 부산 접근성 이슈 이후 수정 */ .vNav li ul ul { position: static;} body.nav01_01 .nav01_01 a, body.nav01_02 .nav01_02 a, body.nav01_03 .nav01_03 a, body.nav01_04 .nav01_04 a, body.nav01_05 .nav01_05 a, body.nav01_06 .nav01_06 a, body.nav01_07 .nav01_07 a, body.nav01_08 .nav01_08 a, body.nav02_01 .nav02_01 a, body.nav02_02 .nav02_02 a, body.nav02_03 .nav02_03 a, body.nav02_04 .nav02_04 a, body.nav02_05 .nav02_05 a, body.nav02_06 .nav02_06 a, body.nav02_07 .nav02_07 a, body.nav02_08 .nav02_08 a, body.nav03_01 .nav03_01 a, body.nav03_02 .nav03_02 a, body.nav03_03 .nav03_03 a, body.nav03_04 .nav03_04 a, body.nav03_05 .nav03_05 a, body.nav03_06 .nav03_06 a, body.nav03_07 .nav03_07 a, body.nav03_08 .nav03_08 a, body.nav03_09 .nav03_09 a, body.nav03_10 .nav03_10 a, body.nav03_11 .nav03_11 a, body.nav03_12 .nav03_12 a, body.nav03_13 .nav03_13 a, body.nav03_14 .nav03_14 a, body.nav04_01 .nav04_01 a, body.nav04_02 .nav04_02 a, body.nav04_03 .nav04_03 a, body.nav04_04 .nav04_04 a, body.nav04_05 .nav04_05 a, body.nav04_06 .nav04_06 a, body.nav04_07 .nav04_07 a, body.nav04_08 .nav04_08 a, body.nav05_01 .nav05_01 a, body.nav05_02 .nav05_02 a, body.nav05_03 .nav05_03 a, body.nav05_04 .nav05_04 a, body.nav05_05 .nav05_05 a, body.nav05_06 .nav05_06 a, body.nav05_07 .nav05_07 a, body.nav05_08 .nav05_08 a, body.nav06_01 .nav06_01 a, body.nav06_02 .nav06_02 a, body.nav06_03 .nav06_03 a, body.nav06_04 .nav06_04 a, body.nav06_05 .nav06_05 a, body.nav06_06 .nav06_06 a, body.nav06_07 .nav06_07 a, body.nav06_08 .nav06_08 a, body.nav07_01 .nav07_01 a, body.nav07_02 .nav07_02 a, body.nav07_03 .nav07_03 a, body.nav07_04 .nav07_04 a, body.nav07_05 .nav07_05 a, body.nav07_06 .nav07_06 a, body.nav07_07 .nav07_07 a, body.nav07_08 .nav07_08 a, body.nav07_09 .nav07_09 a, body.nav07_10 .nav07_10 a, body.nav07_11 .nav07_11 a, body.nav07_12 .nav07_12 a, body.nav07_13 .nav07_13 a, body.nav07_14 .nav07_14 a, body.nav07_15 .nav07_15 a, body.nav07_16 .nav07_16 a, body.nav07_17 .nav07_17 a, body.nav07_18 .nav07_18 a, body.nav07_19 .nav07_19 a, body.nav07_20 .nav07_20 a, body.nav07_21 .nav07_21 a, body.nav07_22 .nav07_22 a, body.nav07_23 .nav07_23 a, body.nav07_24 .nav07_24 a, body.nav07_25 .nav07_25 a, body.nav08_01 .nav08_01 a, body.nav08_02 .nav08_02 a, body.nav08_03 .nav08_03 a, body.nav08_04 .nav08_04 a, body.nav08_05 .nav08_05 a, body.nav08_06 .nav08_06 a, body.nav08_07 .nav08_07 a, body.nav08_08 .nav08_08 a, body.nav08_09 .nav08_09 a, body.nav08_10 .nav08_10 a, body.nav08_11 .nav08_11 a, body.nav08_12 .nav08_12 a, body.nav08_13 .nav08_13 a, body.nav08_14 .nav08_14 a, body.nav08_15 .nav08_15 a, body.nav08_16 .nav08_16 a, body.nav08_17 .nav08_17 a, body.nav08_18 .nav08_18 a, body.nav09_01 .nav09_01 a, body.nav09_02 .nav09_02 a, body.nav09_03 .nav09_03 a, body.nav09_04 .nav09_04 a, body.nav09_05 .nav09_05 a, body.nav09_06 .nav09_06 a, body.nav09_07 .nav09_07 a, body.nav09_08 .nav09_08 a { color:#00add0;background:#f0f0f0;} .vNav li.active{ z-index:2;} .vNav6>li { width:16.5%} .vNav6>li:first-child { width:17.5%} .vNav7>li { width:14%} .vNav7>li:first-child { width:16%} .vNav8>li { width:12.5%} .vNav8>li { width:12.5%} .vNav9>li { width:11%} .vNav9>li:first-child { width:12%} .vNav10>li { width:10%} .bg-banner {background: #f9f9f9; height: 435px; left: 0; position: absolute; top: 100px; width: 100%; z-index: 1010; display: none; border-top: solid 1px #ddd; box-shadow:0 2px 2px rgba(0,0,0,0.2)} .gnb_wrap5 .vNav ul ul, .gnb_wrap5 .bg-banner { height: 121px;} .gnb_wrap6 .vNav ul ul, .gnb_wrap6 .bg-banner { height: 159px;} .gnb_wrap7 .vNav ul ul, .gnb_wrap7 .bg-banner { height: 197px;} .gnb_wrap8 .vNav ul ul, .gnb_wrap8 .bg-banner { height: 235px;} .gnb_wrap9 .vNav ul ul, .gnb_wrap9 .bg-banner { height: 273px;} .gnb_wrap10 .vNav ul ul, .gnb_wrap10 .bg-banner { height: 311px;} .gnb_wrap11 .vNav ul ul, .gnb_wrap11 .bg-banner { height: 349px;} .gnb_wrap12 .vNav ul ul, .gnb_wrap12 .bg-banner { height: 387px;} .gnb_wrap13 .vNav ul ul, .gnb_wrap13 .bg-banner { height: 425px;} .gnb_wrap14 .vNav ul ul, .gnb_wrap14 .bg-banner { height: 463px;} .gnb_wrap15 .vNav ul ul, .gnb_wrap15 .bg-banner { height: 500px} /* 501px; */ .gnb_wrap16 .vNav ul ul, .gnb_wrap16 .bg-banner { height: 530px} /* 539px; */ .gnb_wrap17 .vNav ul ul, .gnb_wrap17 .bg-banner { height: 560px} /* 577px; */ .gnb_wrap18 .vNav ul ul, .gnb_wrap18 .bg-banner { height: 600px} /* 615px; */ .gnb_wrap19 .vNav ul ul, .gnb_wrap19 .bg-banner { height: 630px} /* 653px; */ .gnb_wrap20 .vNav ul ul, .gnb_wrap20 .bg-banner { height: 668px} /* 691px; */ .gnb_wrap21 .vNav ul ul, .gnb_wrap21 .bg-banner { height: 690px} .gnb_wrap22 .vNav ul ul, .gnb_wrap22 .bg-banner { height: 728px} .gnb_wrap23 .vNav ul ul, .gnb_wrap23 .bg-banner { height: 756px} .gnb_wrap24 .vNav ul ul, .gnb_wrap24 .bg-banner { height: 784px} .gnb_wrap25 .vNav ul ul, .gnb_wrap25 .bg-banner { height: 812px} /* .gnb_wrap21 .vNav ul ul, .gnb_wrap21 .bg-banner { height: 610px} .gnb_wrap22 .vNav ul ul, .gnb_wrap22 .bg-banner { height: 638px} .gnb_wrap23 .vNav ul ul, .gnb_wrap23 .bg-banner { height: 666px} .gnb_wrap24 .vNav ul ul, .gnb_wrap24 .bg-banner { height: 694px} .gnb_wrap25 .vNav ul ul, .gnb_wrap25 .bg-banner { height: 722px} */ .gnb_wrap20 li li a, .gnb_wrap21 li li a, .gnb_wrap22 li li a, .gnb_wrap23 li li a, .gnb_wrap24 li li a, .gnb_wrap25 li li a { padding-top: 5px; height: 23px } .gnb_wrap .vNav ul ul ul { height: inherit; } span.divBook, span.divSer, span.divBth { display:block; font-size:16px; width:94%; height:23px; padding:15px 0 0 6%;font-weight:400} span.divBook:after, span.divSer:after, span.divBth:after, .vNav li li a.divBook:after, .vNav li li a.divSer:after, .vNav li li a.divBth:after { display:inline-block; content:""; width: 12px; height: 8px; background: url(../../resources/images/icon_book_div.gif) right 0 no-repeat} span.divSer:after, .vNav li li a.divSer:after { background-position: right -26px} span.divBth:after, .vNav li li a.divBth:after { background-position: right -52px} .env_setup { position: absolute; left:50%; margin-left:446px; top:64px; z-index: 1600} .env_setup>a { display: block;width: 40px; height: 40px; text-align:right} .env_setup>a.on { width: 100px} #env_setup { position: absolute; right: 9px; top: 35px; width:100px; display:none; border:#ddd 1px solid} #env_setup li {padding:0 14px;background: #fff} #env_setup li a { display: block; padding:8px 0; color:#666; border-top:#ddd dotted 1px} #env_setup li:first-child a{ border:none; padding-top:12px} #env_setup li:last-child a { padding-bottom:12px} #env_setup li a:hover, #env_setup li a:focus { color:#169dbf} input#backBtn { border-radius: 0; height: 60px} /* LAYOUT */ .body_wrap, .footer_wrap { min-width:1010px} .h1Logo, h1#home a { font-size: 0 } h1#home a { display:block; background:url(../../resources/images/h1.png) no-repeat 0 3px; overflow:hidden; text-indent:-9999px} .h1Logo a img { max-height: 40px;} .h1CultureDay { display: none} /* LOGIN */ body.login { background: #f9f9f9} body.login .container { width: 600px; margin: 0 auto;} body.login h1 {width: auto; height: 130px; background: url("../images/h1Login.png") no-repeat center; font-size: 0} body.login h1.h1Busan { display: none} body.login h2 { background: #29c7ca; color: #fff; font-size: 26px; text-align: center; padding:26px 0;} body.login.busan h2 {background: #005ca9;} body.login h3 { font-size: 27px; font-weight: 300; text-align: center; color: #2a9cb4; padding:50px 0} body.login #manager_id, body.login #password { width: 100%; height: 38px; background: url(../images/loginInputBg.png) no-repeat 95% 5px; text-indent: 15px;} body.login #password { background-position: 95% -39px; margin-bottom: 20px} body.login .btn_login { height: 50px; color: #fff; background: #556080; text-align: center; border:none; border-radius: 3px; font-size: 16px; position: absolute; top:310px;left: 6.5%; width: 88% } body.login .gpki .btn_login {left: 13%; width: 77%} body.login .btn_login:hover, body.login .btn_login:focus { background-color: #485375} body.login.busan .btn_login {background-color: #ee7203} body.login.busan .btn_login:hover, body.login.busan .btn_login:focus { background-color: #dd6e0a} .idpw_loginWrap, .certi_loginWrap { height: 400px; padding:0 6% ; background:#fff; border:solid 2px #ededed; position: relative;} .certi_loginWrap { display: none} .gpki .idpw_loginWrap, .gpki .certi_loginWrap { position: relative; width: 37.5%;} .gpki .idpw_loginWrap { float: left} .gpki .certi_loginWrap { display:block; float: right; border-left:none; background: #fff url("../images/loginBgCerti.png") no-repeat center;} .login_Menu2 { display: none} .gpki .login_Menu2 { display:block; text-align: center; height:30px; padding:20px 0 0 0; clear: both} .login .login_Menu2 input[type="button"] { border:none; color: #666; background: #f9f9f9; font-size: 14px; line-height: 2em; letter-spacing: -1px} .login .login_Menu2 input[type="button"]:hover, .login .login_Menu2 input[type="button"]:focus { background: #f9f9f9; color:#2a9cb4 } /* 사용자 번호 인증 로그인 */ .login_Menu3 { display: none} .auth .login_Menu3 { display:block; text-align: center; height:30px; padding:20px 0 0 0; clear: both} .login .login_Menu3 input[type="button"] { border:none; color: #666; background: #f9f9f9; font-size: 14px; line-height: 2em; letter-spacing: -1px} .login .login_Menu3 input[type="button"]:hover, .login .login_Menu3 input[type="button"]:focus { background: #f9f9f9; color:#2a9cb4 } body.login .footer_wrap .bi { background: url(../images/h6_2.png) no-repeat; float: none; margin:20px auto 10px auto;} body.login .footer_wrap .ci2 { color: #8e8e8e; text-align: center; font-size: 13px} body.login .foot_info { float: none; text-align: center; padding:20px 0 0 0 ;color: #bbb;} body.login .foot_info p {color: #bbb;} body.login .body_wrap { min-height: 910px} #password_Change.ui-dialog-content .table_30 th { width: 105px} #password_Change.ui-dialog-content .table_30 { border-top: none} #password_Change.ui-dialog-content .table_30 > p{ padding:0 0 15px 0; border-bottom:solid 1px #636363; line-height: 1.3em} #password_Change.ui-dialog-content .table_30 td strong { font-weight: normal;} .newPasswdNote {font-size: 14px; color: #8e8e8e} .iplist_box { padding:5px 0} .iplist_box li { position: relative; padding:3px 0} .iplist_box li input[type="button"] { width: 22px; height: 22px; border:solid 1px #ddd; background-image: url("../images/btn_close22.gif") ;background-repeat: no-repeat ;background-position: center center; font-size: 0; padding:0; position: absolute; right: 3%} .popHeader { border:solid 1px #ddd; background: #f9f9f9;text-align: center;padding: 10px; } .list_box { padding:5px 0; margin: 10px 0;border-bottom:solid 1px #ddd} .list_box li { position: relative; padding:8px 0;border-top:dotted 1px #ddd;} .list_box li:first-child {border-top:solid 1px #ddd;} .list_box li input[type="button"] { width: 22px; height: 22px; background-image: url("../images/btn_close22.gif") ;background-repeat: no-repeat ;background-position: center center; font-size: 0; padding:0; position: absolute; right: 0} .list_box + input[type="button"] {float: right;} #manual_input_div h4 {padding-top: 20px;font-weight: 400;} /* 도서관관리자 재로그인 */ .login_wrap h2 { font-weight: 400} .h3LibName { font-size: 23px; line-height: 1.4em } /* busan */ .busan.login { background:#f9f9f9 } body.busan.login h1{ display: none} body.busan.login h1.h1Busan { display:block; background-image: url("../images/busan_h1Login.png"); height: 200px } body.busan.login .h1:before { display: inline; content: "부산광역시"; font-size: 0} /* header */ .header { background: #f9f9f9 } .header .topWrap { height: 60px; position: relative;} /* .h1Logo, */ .h1LogoLocaticon { position: absolute;left: 1%; top:0} .h1Logo{ display: inline-block} .h1Logo a { padding:10px 0; display: inline-block; height:40px; min-width: 1px } .h1Logo span { font-size: 23px; vertical-align: middle; font-weight: 400; color:#302f2f; padding:0 15px; letter-spacing: -2px} .head { display:none; display: inline-block; border-left:#ededed 1px solid; height: 38px; padding:20px 0 0 10px} .searchArea { position: absolute; right: 0; top: 0; } .searchArea>span { float: left; display: inline-block; } .searchField { display: block; text-align: right; height: 60px;} .searchField input[type="text"] { background: none; border:none; border-bottom: solid 1px #fff; font-size: 16px; height: 58px; margin:0 0 0 8px; width: 240px; transition: all 0.2s ease 0.1s} .searchField input[type="text"]:hover, .searchField input[type="text"]:focus {border:none; border-bottom: solid 1px #fff; width: 260px;} .searchField.on input[type="text"]#mSearch_txt { width: 140px; } .searchArea label { font-size: 15px; color: #666} .searchArea input[type="radio"] + label + input[type="radio"]{ margin-left: 10px;} .selectLib { display: inline-block; background: url(../images/decoBar1.png) no-repeat right 0; padding: 15px 0 0 15px ; height: 45px; border-right:#ededed solid 1px ; position: relative; float: left; } .selectLib input[type="button"].btnSelectLib { padding: 0 30px 0 0; background:#fff url(../images/btnArrowDown2.png) no-repeat 86% 14px; vertical-align: middle; transition: all 0.2s ease 0.1s; border:none; color:#777} .selectLib input[type="button"].btnSelectLib:hover, .selectLib input[type="button"].btnSelectLib:focus { background-color: #f9f9f9} input[type="button"].btnTopSearch, input[type="button"].btnTopSearchPopup { background:#ff6521 url(../images/iconSearch1.png) no-repeat center !important; width: 60px;height: 60px; border:none; border-radius:0; font-size: 0;} input[type="button"].btnTopSearch {} input[type="button"].btnTopSearchPopup { background-image:url(../images/iconSearchPopup.png) !important } input[type="button"].btnTopSearch:hover, input[type="button"].btnTopSearch:focus, input[type="button"].btnTopSearchPopup:hover, input[type="button"].btnTopSearchPopup:focus { background-color:#f85710 !important} .selectLib + input[type="radio"] { margin-left: 15px} .selectSearch { display: inline-block; background: url(../images/decoBar1.png) no-repeat right 0; padding: 15px 0 0 15px ; height: 45px; border-right:#ededed solid 1px ; position: relative; float: left; } .selectSearch input[type="button"].btnSelectSearch { padding: 0 30px 0 0; background:#fff url(../images/btnArrowDown2.png) no-repeat 86% 14px; vertical-align: middle; transition: all 0.2s ease 0.1s; border:none; color:#777} .selectSearch input[type="button"].btnSelectSearch:hover, .selectSearch input[type="button"].btnSelectSearch:focus { background-color: #f9f9f9} .selectSearch + input[type="radio"] { margin-left: 15px} .btnPagesetup { display: inline-block; width: 60px;height: 60px; overflow: hidden; position: relative; background: #ececec; border-left:solid 1px #e0e0e0; transition: all 0.2s ease 0.1s} .btnPagesetup:hover, .btnPagesetup:focus { background-color:#e4e4e4 } .btnPagesetup.on { width: 200px; } .btnPagesetup.on input[type="button"] { width: 180px; color: #4696bf; border:none; } .btnPagesetup input[type="button"] { display: block; width: 24px; overflow:hidden; position: absolute; left: 20px; top: 15px; text-indent:14px; background: url(../images/btnHome2.png) no-repeat 0 center !important; transition: all 0.2s ease 0.1s; font-size: 14px; color:#ececec; letter-spacing: -1px; border:none;} .btnPagesetup input[type="button"]:hover, .btnPagesetup input[type="button"]:focus { background-color:#e4e4e4 !important} .loginImg { display: inline-block; width: 38px;height: 38px; margin:11px 12px 8px 0; background: no-repeat center center / cover; border-radius: 19px; vertical-align: middle ;color:#4676bf; } .btnLoginName { padding:20px 15px 23px 0; color: #4696bf; font-weight: 400; font-size: 16px } .remainTimeWrap { font-size: 16px; border-left: #ececec solid 1px; padding:14px 10px 0 40px; height: 46px; color:#666; background: url(../images/iconClock.png) no-repeat 15px center ; display: inline-block; } .remainTimeWrap strong { font-weight: 400} .remainTimeWrap input[type="button"]{ vertical-align: bottom} .remainTimeWrap span { display: inline-block; color: #8e8e8e; font-size: 15px; overflow: hidden; opacity: 0 ; width: 0; height: 15px; transition: all 0.3s ease 0.1s} .remainTimeWrap.on span { opacity: 1; width: 100px;} .remainTimeWrap.on span.remainTimeText { width: 150px; } .remainTimeWrap.on span.remainTimeSecond { width: 20px; } #session_second:before { display: inline-block; content: ":"; vertical-align: baseline} input[type="button"].btnMoreTime { vertical-align: middle; border:none; background: #666; color: #fff; padding: 0; width: 0; margin: 0; border-radius: 5px; overflow: hidden; transition: all 0.3s ease 0.1s} .remainTimeWrap.on input[type="button"].btnMoreTime { padding: 5px 15px; width: 54px; } input[type="button"].btnLogout { background:#ececec url(../images/btnLogout2.png) no-repeat center !important; width: 60px; height: 60px; font-size: 0; vertical-align: middle;border:none; border-left: solid 1px #e0e0e0; border-radius:0} input[type="button"].btnLogout:hover, input[type="button"].btnLogout:focus {background-color:#e4e4e4 !important} .btnLoginNamWrap { padding:0 0 1px 12px;border-left: #ececec solid 1px; font-size: 0 } form#searchForm { width: 100%; height: 100%; background: rgba(0,0,0,0.5);position: fixed; left:0; top:0; z-index:3000; display: none} form#searchForm.on { display: block;} form#searchForm .searchField { position: fixed; width:800px; display: block; left: 50%; top: 150px; margin: 0 0 0 -400px; background: #fff;font-size: 0; border:solid 20px #ddd; border-radius: 3px} form#searchForm.on .searchField input[type="text"] { width: 465px; } /* form#searchForm.on .searchField input[type="text"]:hover, form#searchForm.on .searchField input[type="text"]:focus {width: 380px;} */ input[type="button"].btnSearchPopupX { background:rgba(0,0,0,.5) url("../images/btn_close20.gif") no-repeat center !important; width: 30px; height: 30px; position: absolute; right:0; top: -60px; font-size: 0; border:solid 1px #fff} input[type="button"].btnSearchPopupX:hover, input[type="button"].btnSearchPopupX:focus {} /* Mark 편집기- KOLIS NET 조회창 */ .ui-dialog form#searchForm { width: 95%; height:auto; background:#f9f9f9; position: relative; left:0; top:0; z-index:3000; display:block} h2.lib_name { position:absolute; left:180px; top:20px; display:inline; color:#aaa; font-size:19px; font-weight:normal; letter-spacing:-1px} h3.lib_name { position:absolute; left:180px; top:35px; display:inline; color:#0ca5cb; font-size:17px; font-weight:normal; letter-spacing:-1px} .sub_00 h2.lib_name { font-size: 27px; color: #8e8e8e; top: 12px} body.error_10 {background: #f6f6f6 } body.error_10 input[type="button"] { border:none; background:#2bb0d1; color: #fff; font-size:14px; padding:6px 15px; border-radius:5px; margin:10px 0 0 0} body.error_10 input[type="button"]:hover,body.error_10 input[type="button"]:focus { background:#19a5c7} .error_10_wrap {background: #f6f6f6 url(../../resources/images/bg_error_10.png) no-repeat 0 135px;font-size: 15px; padding: 150px 0 10px 310px; width:420px; margin:0 auto} .error_10 h1, .error_10 h2, .error_10 p { width: auto; height: auto; background: none; text-indent: 0; line-height: 1.5em; font-size: 18px; font-weight: normal; padding:5px 0;} .error_10 h2, .error_10 p { font-size:16px; color:#009bc1} .header_wrap { width:100%; padding:18px 0 0 0; height:54px; position: relative;} .login .header_wrap { padding:60px 0 0 0; height: auto;} .gnb_wrap { width:100%; background: #fff url(../images/gnbBorder10.gif) repeat-x 0 0; } body.busan .gnb_wrap { width:100%; background-image:url(../images/gnbBorder21.gif) } .timeRemaining { color: #8e8e8e; padding:5px 0 0 0; font-size: 12px } .timeRemaining span { vertical-align: baseline;} .login_info .timeRemaining input { background: #8e8e8e; color: #ddd; padding:3px 5px; font-size: 11px; letter-spacing: -1px; border:none;} .login_info .timeRemaining input:hover, .login_info .timeRemaining input:focus { background: #777; color:#fff} /* GNB 바로 아래 검색영역 */ .headerSearch {background: #2ca1c2; padding:14px 0 0 0; height:32px; color:#fff; border-bottom:#1e90b0 solid 1px} .headerSearch:after { display: block; content: ""; clear: both; width: 100%} #lib_list { position: relative; padding:0 10px;margin:0 7px 0 0; background: url(../../resources/images/deco_bar20.png) no-repeat right 0} .lib_select { text-align:left; position:absolute; left: 0; top: 60px; width:230px; padding:8px 10px; background: #fff; z-index: 1500;border:1px solid #007798; box-shadow: 0 2px 3px rgba(0,0,0,.2); border:none 0; display: none; overflow-y: auto } .lib_select li { padding:2px 0} #search_list { position: relative; padding:0 10px;margin:0 7px 0 0; background: url(../../resources/images/deco_bar20.png) no-repeat right 0} .search_select { text-align:left; position:absolute; left: 0; top: 60px; width:230px; padding:8px 10px; background: #fff; z-index: 1500;border:1px solid #007798; box-shadow: 0 2px 3px rgba(0,0,0,.2); border:none 0; display: none; overflow-y: auto } .search_select li { padding:2px 0} .btn_close2 input[type="button"]{ position: absolute; font-size: 0; display:block; width:30px; height:30px; padding:0; margin:0; right: 4%; top: 12px; border:solid 2px #ddd; font-size:0; border-radius:3px; background:#fff url(../images/bg_input.png) no-repeat -54px -24px} .btn_close2 input[type="button"]:hover, .btn_close2 input[type="button"]:focus { background:#fff url(../images/bg_input.png) no-repeat -54px 6px; border:solid 2px #2ca1c2;} .busan .btn_close2 input[type="button"]{ background-color:#fff} .busan .btn_close2 input[type="button"]:hover, .busan .btn_close2 input[type="button"]:focus { background-color:#fff; border:solid 2px #2ca1c2;} a.lib_list { display: inline-block; background: #54656f url(../../resources/images/iconMore.png) no-repeat right center; color: #fff; border: #3e535f solid 1px;padding:5px 29px 5px 10px; opacity: 0.8} a.lib_list:hover, a.lib_list:focus { opacity: 1} .headerSearch .float_r{ background:#1085a6; border:#007798 solid 1px; color:#fff; padding:0 6px; margin-top: -5px; position: relative;} #clear_span { position: absolute; right:32px; top:0; display: block; width: 15px; height: 24px; overflow: hidden;color:#fff; line-height: 1.9em; text-indent: 3px} .headerSearch .float_r input[type="text"] { border:0 none; color:#fff; background: #1085a6 } .headerSearch .float_r label { opacity: 0.8} .headerSearch .float_r label:hover { opacity: 1} .headerSearch .float_r ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ddd} .headerSearch .float_r ::-moz-placeholder { /* Firefox 19+ */ color: #ddd} .headerSearch .float_r :-ms-input-placeholder { /* IE 10+ */ color: #ddd} .headerSearch .float_r :-moz-placeholder { /* Firefox 18- */ color: #ddd} .headerSearch input, .headerSearch label { vertical-align: middle} a.btn_mSearch { background: url(../../resources/images/iconSearch.png) no-repeat center 3px; color:#1085a6; font-size: 0; padding: 12px; opacity: 0.7} a.btn_mSearch:hover, a.btn_mSearch:focus { opacity: 1} .content_wrap {padding:16px 0 20px 0; min-height:380px} .login .content_wrap {} .container { width:990px; margin:0 auto} /* .sub_00 .head { display: none} */ .header_wrap .container { } .container_2 { padding:12px 1%; margin:0 auto; /* overflow:hidden; */background:#fff; border-radius:4px;border:solid 1px #ddd; box-shadow:#eeeeee 0 3px 2px} /* 정리통계 hidden 수정*/ .container_statics { width:94.5%; padding:22px 2.5%; margin:0 auto; background:#fff; border-radius:8px; box-shadow:#eeeeee 0 3px 2px} .container_4 { width:99.5%; padding:0; margin:0 auto; overflow:hidden; background:#fff; border-radius:8px; margin:20px 0; box-shadow:#eeeeee 0 3px 2px} .container_6 { padding:15px 2.5%; margin:0 auto; overflow:hidden; background:#8e8e8e; border-radius:8px 8px 0 0; margin:20px 0 -10px 0; box-shadow:#eeeeee 0 3px 2px; text-align: right; color:#fff} .container_6 span { font-size:15px; font-weight:400; padding:0 15px 0 0} .head h2, .head h3 { display:inline; font-size:16px; font-weight: normal; color:#898989; padding:0 0 0 20px; vertical-align:middle; background: url("../images/bghead.png") no-repeat 2px 6px; } .head h3 {background-position : 0 -52px; padding-left:14px} .login_info { width:50%; text-align:right; position: absolute; right: 3%; top:20px } .login_info strong { color: #32bbdd; font-size:16px; font-weight:400; padding:0 5px 0 0} .login_info .logined { color:#757575; padding:0 5px 0 0} .user_Image { width:52px; height:52px; border-radius: 50%; display: inline-block; vertical-align: middle; margin:-6px 0 0 10px; overflow: hidden; font-size: 0; float: right} .user_Image img { width:100% } input[type="button"], button[type="button"] { color:#FFF; border:none; height:32px; margin:0; line-height:1; padding-left:15px;padding-right:15px; font-size:15px; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400;background: #96989d; border-radius:3px} input[type="button"]:hover, input[type="button"]:focus, button[type="button"]:hover,button[type="button"]:focus { background-color:#81848e} input[type="button"].btn.disabled, button[type="button"].btn.disabled, input[type="button"].btn.disabled:hover, button[type="button"].btn.disabled:hover, input[type="button"].btn.disabled:focus, button[type="button"].btn.disabled:focus { background: #ccc; border-color:#ccc; cursor:inherit;} .busan input[type="button"], .busan button[type="button"] { background-color: #1aa2c0;} .busan input[type="button"]:hover, body.busan input[type="button"]:focus, .busan button[type="button"]:hover, body.busan button[type="button"]:focus { background-color:#47b8d0} input[type="button"].inforaphicClose, input[type="button"].inforaphicOpen {background-color: #96989d;} input[type="button"].inforaphicClose:hover, input[type="button"].inforaphicOpen:hover, input[type="button"].inforaphicClose:focus, input[type="button"].inforaphicOpen:focus {background-color:#81848e} .join_type input, .identity input {height: auto} /* 17.09.11 kjm KLAS 상단 검색 자료위치 출력, 책이음 신청 버튼 */ input.btn_print, input.btn_reserve, input.btn_print_dis, input.btn_reserve_dis { background:#32badc; border:none;} input.btn_reserve_dis, input.btn_print_dis, input.btn_print_dis:hover, input.btn_print_dis:focus, input.btn_reserve_dis:hover, input.btn_reserve_dis:focus {background-color:#ccc; cursor:default } .login_info input { color:#FFF; padding:3px 15px; border:#19a5c7 solid 1px; border-radius:4px; margin:0; line-height:1; font-size:12px; background: #32badc; background: -moz-linear-gradient(top, #36c4e7 0%, #32badc 20%, #32badc 80%, #2ab4d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36c4e7), color-stop(20%,#32badc), color-stop(80%,#32badc), color-stop(100%,#2ab4d6)); background: -webkit-linear-gradient(top, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%); background: -o-linear-gradient(top, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%); background: -ms-linear-gradient(top, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%); background: linear-gradient(to bottom, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%) } .login_info input:hover, .login_info input:focus { background:#19a5c7} .foot_banner { border-top: #ddd solid 1px; padding:10px 0; overflow: hidden; background: #fff; display: none } .sub_00 .foot_banner { display: block} .foot_banner:after { display: block; content: ""; clear: both; } .foot_banner li { width:16%; height: 50px; float: left; padding-left:0.5% } .foot_banner li:first-child { padding:0} .foot_banner li a { display:block; background: #ebebeb url(../../resources/images/bg_foot_banner.png) no-repeat center 0; text-align: center; height: 50px; text-indent: -9999px ; overflow: hidden} .foot_banner li.li2 a { background-position: center -50px } .foot_banner li.li3 a { background-position: center -100px } .foot_banner li.li4 a { background-position: center -150px } .foot_banner li.li5 a { background-position: center -200px } .foot_banner li.li6 a { background-position: center -250px } .foot_banner li.li7 a { background-position: center -300px } .footer_wrap{ padding:20px 0; border-top:solid 1px #ddd; background: #f6f6f6} .footer_wrap .container { position: relative;} .login .footer_wrap {background: #f6f6f6} .login .footer_wrap .container { padding:0; margin:0 auto; text-align: center} body.login .orgLOGO {display: none} .busan .orgLOGO { display: inline-block; width: 125px; height: 35px; background: url("../images/footH6_busan.png") no-repeat 0 0; opacity: 0.7} .footer_wrap .bi { width:87px; height:35px; position: absolute; left: 0; top: 0; background:url(../images/footKLAS.png) no-repeat; overflow:hidden; text-indent:-9999px; font-size: 0} .busan .footer_wrap .bi {right: 0;} body.login .footer_wrap .bi {position: static;} .footer_wrap .company { font-size:15px ; color:#d0d0d0; padding:0 0 17px 0} .foot_info { float:left } .footerInfo { float: right; text-align: right;; color: #c9c9c9; font-size: 12px} body.login .footerInfo { padding: 0; float: none} .footerInfo .ci2 { color: #b5b5b5; font-size: 13px; vertical-align: baseline;} /* .footerInfo .ci2:after { display: block; content: ""; background: url(../images/ci_chaeum.png) no-repeat right 0} */ body.busan .footer_wrap .bi { right: 0; left:inherit; } body.busan.login .footer_wrap .bi {position: static;} body.busan .footer_wrap .company { font-size:15px ; color:#d0d0d0; padding:0 0 17px 0} body.busan .foot_info { float:left } body.busan.login .foot_info { float:none } body.busan .footerInfo { position: relative; padding:0 100px 0} body.busan.login .footerInfo { padding: 0; float: none} body.busan .footerInfo .ci2 { color: #b5b5b5; font-size: 13px; vertical-align: baseline;} .president, .work_id, .f_address, .f_tel, .f_fax { color:#aeaeae; display:inline; padding: 0 7px 0 0; line-height:1.2em; vertical-align: baseline} .president strong, .work_id strong, .f_tel strong, .f_fax strong { color:#33b3d3;display:inline; line-height:1.2em; vertical-align: baseline} .president:before, .work_id:before, .f_tel:before, .f_fax:before { display:inline-block; content:""; width:1px; height:10px; background:#898989; margin:0 9px -1px 0} .copyright { color:#8e8e8e; font-size:11px; padding:3px 0 0} .copyright2, .ver_info { font-size:12px; padding:3px 0; display: inline-block} .Kdotname { color:#bbb; font-size:15px; padding:0 0 3px 0} .container:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} *:first-child+html .container {height:1%;} #divLoadingBar {text-align: center;} #divLoadingBar:after { display: block; content: "LOADING"; color: #8e8e8e; padding:10px 0 0 0; font-size: 12px } #divLoadingBar img { margin: 20px auto 0 auto; opacity: 0.5} /* main page */ html { background: #f6f6f6} .mainBg { display: none} .sub_00 .mainBg { display: block;} .mainBg .owl-item div{ height: 325px; background: no-repeat center center; background-size: cover} .owl-item div.mainBg1 { background-image:url("../images/mainBg1.jpg");} .owl-item div.mainBg2 { background-image:url("../images/mainBg2.jpg");} .owl-item div.mainBg3 { background-image:url("../images/mainBg3.jpg");} .owl-item div.mainBg4 { background-image:url("../images/mainBg4.jpg");} .busan .owl-item div.mainBg1 { background-image:url(../images/mainBg1busan.jpg)} .busan .owl-item div.mainBg2 { background-image:url(../images/mainBg2busan.jpg)} .busan .owl-item div.mainBg3 { background-image:url(../images/mainBg1busan.jpg)} .busan .owl-item div.mainBg4 { background-image:url(../images/mainBg2busan.jpg)} .sub_00 .content_wrap { min-height:1220px; padding-top:0} .main_page { position:relative; background: url("../images/main_img.png") no-repeat 0 40px; height:400px; margin-left:-40px} .main_page h2, .main_page h3 {position:absolute; top:120px; left:390px; color:#fff; font-size:36px; font-weight:normal; width:50%; letter-spacing: -1px} .main_page h3 { font-size:32px; top:175px; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; } .main_page .quick_menu { text-align: right; margin:-75px 0 0 0} .main_page .quick_menu li { display: inline-block; text-align: right} .main_page .quick_menu li a{ display:block; width: 135px; height: 40px; padding:95px 0 0 0; background: #2bb0d1 url(../images/btn_main_10.png) no-repeat center -135px; color: #fff; font-size: 15px; text-align: center; opacity:0.8} .main_page .quick_menu li:first-child a { background-position:center 0} .main_page .quick_menu li a.btn_main_30 { background-position:center -270px} .main_page .quick_menu li a.btn_main_40 { background-position:center -405px} .main_page .quick_menu li a:hover, .main_page .quick_menu li a:focus { opacity:1} /* .catchPhrase img { padding:15px; background: rgba(0,0,0,0.5); float: left;} */ .catchPhrase {width: 49%} .catchPhrase p { color:#fff; font-size:36px; margin: 20px 0 0 0; text-indent: 27px; text-shadow: 0 2px 8px rgba(0,0,0,.5)} .catchPhrase:before { display: block; content:""; padding: 15px; width: 475px; height: 55px; background:rgba(0,0,0,0.5) url("../images/catchPhrase0.png") no-repeat center; text-shadow: 0 2px 8px rgba(0,0,0,.5) } .busan .catchPhrase:before {height: 55px; background:rgba(0,0,0,0.5) url("../images/catchPhrase.png") no-repeat center; font-size: 0; content:"시민이 행복한 동북아 해양수도 부산" } /* 포털형 메인페이지 16.09.13 */ .main_page2 { position:relative; height: 1555px; margin-top:-260px }/* height: 900px */ .main_page2 h2, .main_page2 h3 { color: #fff; font-size: 23px; position:absolute;left:230px; top: 65px; font-weight: normal; width:280px} .main_page2 h3 { font-size: 17px; top:100px} .main_wrap10 { position:absolute; right:0; top:-30px; width:464px; color:#fff;text-align:center; background: #323932; background: rgba(69,73,82,.7); border-radius:5px} .weather_wrap { width:34%;height:235px; float: left; text-align:center; background: #0a2325;background: rgba(69,73,82,.7); border-radius:5px 0 0 5px} p.location { padding:10px 0 5px 0; font-weight:400; font-size: 18px} p.week { color:#d5d7d7; font-size: 23px; font-weight:400} p.temp { color:#fff; font-size:36px} p.temp img { padding:4px 0 0 } .main_wrap10 #calenderDiv { width:65.5%; float: right} #mainCalenderDateinfo { display: inline-block; padding:0 10px } .calenderNav { padding:12px 0 0 0; color:#fff; font-size: 26px; font-weight: 500; text-align: left} .calenderNav a { display: inline-block; width: 22px; height: 22px; font-size: 0;opacity: .6; border:solid 2px #fff;border-radius:50%; vertical-align: middle; margin-top: 3px} a.month_before { background: url("../images/arrow20.png") no-repeat 0 0; } a.month_next { background: url("../images/arrow20.png") no-repeat 0 -22px} a.month_before:hover, a.month_before:focus, a.month_next:hover, a.month_next:focus { opacity: 1} .main_wrap10 #mainCalender { width: 92%; margin:10px auto 0 auto; background:none; color:#c0c0c0; font-weight:400} .main_wrap10 #mainCalender td{ width: 14%; text-align: center; vertical-align: top; position: relative; height: 27px} .main_wrap10 #mainCalender thead th { padding:2px 0} .main_wrap10 #mainCalender .cal_header { font-weight:400; height:20px} .main_wrap10 #mainCalender .sun { color:#ffd5b7} .main_wrap10 #mainCalender .sat { color:#b8d5f0} a.calDay {font-weight:400; color:#fff; display: block; /* padding:1px 10px 0 10px; */} span.calMemo_txt { color:#777; font-weight:normal; text-align:left; position: absolute; top:18px; left:26px; padding:8px; background: #fff; border: solid 1px #ddd; border-radius:0 4px 4px 4px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); z-index: 1995; display: inline-block;min-width:120px; word-break:break-all } .sub_00 .calEx { position: absolute; right: 10px; top: 20px} .calEx span.calEx_freeDay { background: url("../images/calEx_freeDay.gif") no-repeat 0 6px; padding:0 0 0 10px } .calEx span.calEx_memo {background: url("../images/calEx_memo.png") no-repeat 8px 5px ; padding:0 0 0 18px} td span.calEx_freeDay, td span.calEx_memo { display: inline-block; width: 9px; height: 7px; font-size: 0; color: transparent; position: absolute; left: 50%; top: 4px; margin: 0 0 0 -20px } td span.calEx_memo { margin:0 0 0 -27px;width: 8px; height: 6px;} td span.calEx_freeDay{ background: url("../images/calEx_freeDay.gif") no-repeat center center;} td span.calEx_memo {background: url("../images/calEx_memo.png") no-repeat center center} .main_wrap30, /*현황판*/ .main_wrap32, /*인기검색어*/ .main_wrap34, /*공지사항 / 자료실*/ .main_wrap36 { position: absolute; width: 349px; } .main_wrap30 { height: 284px;top: 220px;left: 0;} .main_wrap30 ul { padding:7px 20px} .wrap32_disNon .main_wrap30 { width:518px; } .main_wrap30 li { overflow: hidden; padding:9px 0 8px 0; border-top:#ebebeb dotted 1px } .main_wrap30 li:first-child { border:none} .main_wrap30 strong { display: block; width:98px; color:#000; float: left; color:#333; font-weight:normal } .main_wrap30 span {display: block; float: left; width: 178px; color:#777} a.btn_more2 { display: block; width: 15px; height: 15px; float: right; margin-top:-2px; background: #1aa2c0 url(../../resources/images/btn_more3.png) no-repeat -30px 0px ;border-radius: 50%; font-size: 0; color:transparent} a.btn_more2:hover, a.btn_more2:focus { background-color: #47b8d0} body.busan a.btn_more2 { background-color: #ee7203} body.busan a.btn_more2:hover, body.busan a.btn_more2:focus { background-color: #cc680f} .main_wrap32 { height: 284px; width: 161px; top: 204px; left: 357px;} .main_wrap32 h4, .main_wrap34 h4, .main_wrap36 h4 { font-size:16px; font-weight:500; margin:18px 18px 0 18px; padding:0 0 12px 0; border-bottom: solid 1px #ebebeb; color: #626262} .main_wrap32 ol { padding: 10px 15px} .main_wrap32 li { padding:3px 0} .main_wrap32 li span { display: inline-block; color:#888} .main_wrap32 li span.rank_no { width:20px; margin:0 5px 0 0; text-align: right; letter-spacing: -1px} .main_wrap32 li span.rank_div2, .main_wrap32 li span.rank_div3, .main_wrap32 li span.rank_div4, .main_wrap32 li span.rank_div5 { width: 16px; height: 15px;padding:1px 0 0 0; background: #19a5c7 ; overflow: hidden; color:#fff; font-size: 11px; text-indent: 3px;line-height: 1.4em; border-radius:3px} .main_wrap32 li span.rank_div2 { background: #DE9D2C } .main_wrap32 li span.rank_div3 { background: #9AB360 } .main_wrap32 li span.rank_div4 { background: url("../../resources/images/icon_rank.png") no-repeat center -32px; font-size: 0 } .main_wrap32 li span.rank_div5 { background: url("../../resources/images/icon_rank.png") no-repeat center 0; font-size: 0 } .main_wrap34, .main_wrap36 {right:0 !important; top:220px; width:462px; height:136px } .main_wrap36 {top: 368px;} .main_wrap34 ul, .main_wrap36 ul {padding:10px 15px;} .main_wrap34 a, .main_wrap36 a {display:inline-block; width:85%; padding:4px 0; float: left; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size: 14px} .main_wrap34 span, .main_wrap36 span {float: right; text-align: right; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size: 14px; color:#8e8e8e } .btn_more1 a{ width: 15px; height: 15px; float: right; margin:-38px 0 0 0; padding:0; background: #1aa2c0 url(../../resources/images/btn_more3.png) no-repeat -30px 0px; border-radius: 50%; font-size: 0; color:transparent; } .btn_more1 a:hover, .btn_more1 a:focus {background-color: #47b8d0} body.busan .btn_more1 a{ background-color: #ee7203} body.busan .btn_more1 a:hover, body.busan .btn_more1 a:focus {background-color: #cc680f} span.iconNew { background:#2bb0d1; display: inline-block; width: 16px; height: 16px; font-size:9px; color: #fff; letter-spacing: 20px; overflow: hidden; float: none; border-radius:9px; text-indent: 4px; line-height: 1.5em; margin: -10px 0 0 5px; font-weight: 300 } .main_wrap40, /*반납예정일이 오늘인 자료*/ .main_wrap42, /*단행본/연속간행물*/ .main_wrap44, /*메모*/ /*SMS 보내기*/ .main_wrap46 { position: absolute; border: #dfdfdf solid 1px; background: #fff; height: 181px; width: 255px; top: 516px; } .main_wrap42 {left: 263px } .main_wrap44 {left: 526px; width: 227px; } .main_wrap46 {left: 761px; width: 227px; } /* input[type="button"]#mainSendBtn { background: #c7c7c7; border: #c7c7c7 solid 2px ; color: #666; height: 32px; border-radius: 0 2px 2px 0} input[type="button"]#mainSendBtn:hover, input[type="button"]#mainSendBtn:focus { background: #1aa2c0; color: #333; border: solid 2px #1aa2c0} */ .main_wrap40 h4, .main_wrap42 h4, .main_wrap44 h4, .main_wrap46 h4 { font-size:16px; font-weight:500; margin:17px 20px 8px 20px; color: #626262; line-height: 1.3em} .main_wrap44 h4 label, .main_wrap46 h4 label { font-size:16px; color: #666 } .main_wrap40 { background:#fff url(../../resources/images/bg_wrap40.png) no-repeat 120px 60px ;} .main_wrap40 a.btn_more2 { margin: -102px 16px 0 0} #TodayReturnPlanCnt { font-size: 44px; padding:9px 0 0 20px; color:#666} .main_wrap42 p { padding: 0 20px} .main_wrap42 h4 span { display: block; font-size: 14px; color: #666 } .main_wrap42 div{ margin: 0 20px 0 20px; position: relative; color:#777;font-size: 14px } .main_wrap42 a.btn_more2{ position: absolute; right:-2px; top:-48px} .main_wrap42 .main_wrap42_1 { border-bottom: solid 1px #ddd; padding-bottom: 14px} .main_wrap42 .main_wrap42_2 a.btn_more2 {top:-30px} .main_wrap44 textarea, .main_wrap46 textarea { width: 82%; margin:0 8% 6px 8%; height: 108px; padding:6px 4%; font-size: 13px} .main_wrap46 textarea { height: 72px; resize: none} .main_wrap44 a.btn_memo { position:absolute; right:17px; top:15px; display:block; width:25px; height: 25px; font-size:0; color: #32afce; background: url(../../resources/images/btn_memo2.png) no-repeat center center} .recipientWrap { width: 82%; margin: 0 8%; overflow: hidden; text-align: left; border:solid 2px #c7c7c7; border-right:none; border-radius: 3px } .recipientWrap input[type="text"] { width:72% ; border:none; margin: 0 } .recipientWrap input[type="text"]:hover, .recipientWrap input[type="text"]:focus { border: none} .recipientWrap input[type="button"]{ float: right; padding-left:12px; padding-right:12px; border-radius:0 3px 3px 0} .byteTxt_wrap { position: absolute; right:20px; top: 20px; color:#777; font-size: 12px} .byteTxt_wrap span { vertical-align: baseline;} .main_wrap50, .main_wrap52 { position: absolute; height:202px; width:488px;padding: 15px; top: 709px; left: 0 ; border: 1px solid #dfdfdf;} .main_wrap52 {left: 526px; width:432px} .main_wrap50 h4, .main_wrap52 h4 { font-size: 16px; line-height: 1.4em; color: #666} .main_wrap50 .li, .main_wrap52 .li { width: 23.5%; padding:0 0 0 2%; float: left; background:url(../../resources/images/bg_noImage.png) no-repeat 27px center;} .main_wrap50 .li a, .main_wrap52 .li a { display: block; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size: 14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .main_wrap50 .li:first-child, .main_wrap52 .li:first-child {padding:0; background-position:17px center} .main_wrap50 span, .main_wrap52 span { display: block; width: 88px; height: 130px; margin: 12px 0; border:#c5c5c5 solid 1px; border-radius: 2px; background-size: cover; box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative } .main_wrap50 span:before, .main_wrap52 span:before { display: block; content:""; width:88px; height: 130px; background:url(../../resources/images/bg_bookcover.png) 0 0; position: absolute; left:0 ; top:0} .main_wrap50 .btn_more1 a, .main_wrap52 .btn_more1 a { margin: 0; position: absolute; left:120px; top: 20px} .main_wrap52 .btn_more1 a { left: 145px} .main_wrap60 {position: absolute; height:300px; padding:15px; top: 954px; width:100%; box-sizing:border-box; left: 0; border:1px solid #dfdfdf } .main_wrap60 h4 { font-size: 16px; line-height: 1.4em; color: #666} .main_wrap60 .li { width: 11.5%; padding:0 0 0 1%; float: left; background:url(../../resources/images/bg_noImage.png) no-repeat 27px center;} .main_wrap60 .li a { display: block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .main_wrap60 .li:first-child {padding:0; background-position:17px center} .main_wrap60 span { display: block; width: 88px; height: 130px; margin: 12px 0; border:#c5c5c5 solid 1px; border-radius: 2px; background-size: cover; box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative } .main_wrap60 span:before { display: block; content:""; width:88px; height: 130px; background:url(../../resources/images/bg_bookcover.png) 0 0; position: absolute; left:0 ; top:0} .main_wrap60 .btn_more1 a { margin: 0; position: absolute; left:171px; top: 16px} .popularity_wrap { background: #f9f9f9; padding:10px; margin: 10px 0 6px 0; border:#ededed solid 1px} .popularity_wrap label { margin-left: 10px ; border-left: 1px #ddd solid; padding:0 5px 0 10px } .popularity_wrap label:first-child { border:none; padding:0 5px 0 0; margin: 0} .popularity_wrap input[type="button"] { float: right} .main_wrap70 {position: absolute; height:300px; padding:15px; top: 1268px; width:100%; box-sizing:border-box; left: 0; border:1px solid #dfdfdf } .main_wrap70 h4 { font-size: 16px; line-height: 1.4em; color: #666} .main_wrap70 .li { width: 11.5%; padding:0 0 0 1%; float: left; background:url(../../resources/images/bg_noImage.png) no-repeat 27px center;} .main_wrap70 .li div { display: block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; color: #686969} .main_wrap70 .li:first-child {padding:0; background-position:17px center} .main_wrap70 span { display: block; width: 88px; height: 130px; margin: 12px 0; border:#c5c5c5 solid 1px; border-radius: 2px; background-size: cover; box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative } .main_wrap70 span:before { display: block; content:""; width:88px; height: 130px; background:url(../../resources/images/bg_bookcover.png) 0 0; position: absolute; left:0 ; top:0} .main_wrap70 .btn_more1 a { margin: 0; position: absolute; left:171px; top: 16px} .li_noLi { width: 88px; height: 82px; padding:48px 0 0 0; margin: 12px 0; border:#c5c5c5 dotted 1px; border-radius: 2px; box-shadow: 0 2px 2px rgba(0,0,0,0.15); background:url(../../resources/images/bg_bookcover.png) 0 0; text-align: center; opacity: 0.7; line-height: 1.4em; text-indent: 3px} .bdiv_ex { border:1px solid #ddd; padding:8px 12px 12px 12px; margin:15px 0 0 0; border-radius:8px; background:#f9f9f9} .bdiv_ex h4 { font-weight:600; color:#717171; border-bottom:1px dotted #ddd; padding:0 0 5px 0; margin:0 0 8px 0} .main_wrap30, .main_wrap32, .main_wrap34, .main_wrap36, .main_wrap40, .main_wrap42, .main_wrap44, .main_wrap46, .main_wrap50, .main_wrap52, .main_wrap50, .main_wrap60, .main_wrap70, .quickMenu {border: none; background:#fff; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,.05)} .loanStopUser_wrap, .newloanRet, #bookInfoDiv, #returnPlanDiv {border: none; background:#fff; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,.1)} /* re login .relogin_wrap { overflow:hidden; background:url(../../resources/images/bg_mlogin.png) no-repeat 0 160px ; width:60%; padding:160px 0 160px 40%; margin:0 auto} .relogin_wrap h2 { color:#33b3d3; font-size:42px; font-weight:normal; padding: 0 0 20px} .relogin_wrap p { font-size:24px; color:#898989; padding:0 0 20px 0} .relogin_wrap label { width:0; font-size:0; overflow:hidden; text-indent:-9999px;} .relogin_wrap input { width:65%; font-size:14px; border:#ddd solid 1px; padding:27px 5px; float:left} .relogin_wrap input:hover, .relogin_wrap input:focus {border:#33b3d3 solid 1px;} */ #etcButton #buttonDiv { text-align:center; padding:5px 0 0 0} #buttonDiv input[type="button"] { margin:2px} #buttonDiv a { display:inline-block; margin:2px; line-height:1.5em} .login_notice_wrap { clear: both;} .login_notice_wrap table thead th { padding:10px 5px} .login_notice_wrap table tbody td { padding:8px 5px} .login_popup {position:absolute;border:solid 1px #ddd ; width:auto;height:300px;z-index:1;background-color:white; border-radius:8px;box-shadow: 0 3px 3px rgba(0,0,0,0.1);} .login_popup:hover { cursor: move;} .login_popup_content { height:245px; padding:15px; overflow-y:auto} .login_popup_bottom { height: 15px; background: #717171; color: #ddd; text-align: right; padding:2px 15px 8px 15px;border-radius:0 0 8px 8px} .login_popup_bottom label { padding:0 10px 0 5px} .login_popup_bottom a { color:#fff; vertical-align: middle} /* 대출반납 */ .sub_01 .content_wrap { background:#f7f7f7} .detailTodayLoanLog_wrap { width:100%; height:20px; padding:10px 0; line-height:1.6em;position:relative;margin-bottom:30px; z-index: 100 } #detailTodayLoanLog { width:98.5%; padding:10px 0 10px 1%; border: 2px solid #2bb0d1; height:200px; overflow:auto; display: none;background:#fff; } #simpleTodayLoanLog { width:98.5%; padding:10px 0 10px 1%; border: 2px solid #2bb0d1; background:#fff} #loanReturn_reserveContorll_title.headerTable1 td{padding: 6px 4px} #btnJoinList, #btnBookiumOut { vertical-align: bottom;} .newloanRet { padding:10px; background: #fff} .newloanRet table { width: 100%} .newloanRet table td { padding:5px 0; border-bottom:#ececec solid 1px} .newloanRet .td1 { padding-right:10px; font-weight: 500} .newloanRet .td3 { text-align: right;} #loc_selected2, #loc_selected3, #loc_selected {width: 250px} #minor_Agreeinfo_check_Dialog {padding: 20px;} #minor_Agreeinfo_check_Dialog label {width: 80px; display: inline-block;} .LoanReturn_manager_tbl { margin: 10px 0} /* max-height: 500px; overflow: auto; */ .LoanReturn_manager_tbl .table_10 { margin: 0} td.date { white-space:nowrap;} td.txtline{ text-align: left;} td.txtline span { text-align: left; vertical-align:middle; display: table-cell; width: 100%; max-height: 30px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap:normal; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.3em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } td.singletxtLine span { text-align: left; vertical-align:middle; display: table-cell; width: 100%; max-height: 30px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap:normal; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 1.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ } .serv_lib { min-width:58px} a.btn20.loanStop_Cancel { margin-left:10px} a.btn_open, a.btn_close, input.btn_open, input.btn_close { position: absolute; right:2.5%; top:17px ; width:31px; height:31px; padding:0; overflow:hidden; text-indent:-9999px; background:#2bb0d1 url(../../resources/images/btn_more_40.png) no-repeat center -93px; opacity:0.8} a.btn_open:hover, a.btn_open:hover, input.btn_open:hover, input.btn_open:hover {background:#2bb0d1 url(../../resources/images/btn_more_40.png) no-repeat center -32px; opacity:1} a.btn_close:hover, a.btn_close:hover, input.btn_close:hover, input.btn_close:hover {background:#2bb0d1 url(../../resources/images/btn_more_40.png) no-repeat center -93px; opacity:1} a.btn_open, input.btn_open { background-position: center -32px} /* 대출반납 상세보기 항목 설정 */ #loanDetailColumnSettingDialog h4 { font-size: 16px; padding: 10px 0} #loanDetailColumnSettingDialog li { border-bottom:dotted 1px #ddd; cursor: move; padding:8px 0} #loanDetailColumnSettingDialog li:first-child {border-top:dotted 1px #ddd} #loanDetailColumnSettingDialog .floatL, #loanDetailColumnSettingDialog .floatR { width: 49%; } #loanDetailColumnSettingDialog .floatR { float: right;} #loanDetailColumnSettingDialog .floatL { float: left;} /* 대출관리 기간설정 */ div.btnDuringSet { font-size: 0; padding:2px 0 2px 2px;} div.btnDuringSet input[type="button"]{ background: #fff; border:solid 1px #ddd; color:#666; font-size: 14px; height: 30px;border-radius:2px;padding: 0 7px;} div.btnDuringSet input[type="button"]:hover, div.btnDuringSet input[type="button"]:focus { color: #1aa2c0; border-color:#47b8d0;background:#fff;} div.btnDuringSet input[type="button"]:first-child { margin-left: 0;} .loanRe_R .table_10 tr.trLine th, .loanRe_R .table_10 tr.trLine td { border-top:#ccc solid 1px; border-bottom:none;padding-top: 2px;padding-bottom: 2px;} .loanRe_R .table_10 tr.trLineNone th, .loanRe_R .table_10 tr.trLineNone td { border-bottom:none; padding-top: 2px;padding-bottom:2px;} /* ui-state-default */ .ui-state-default a.justLink , .ui-state-default a.justLink:link { background: none; color: #1aa2c0; vertical-align: middle;} .ui-state-default a.justLink:hover, .ui-state-default a.justLink:focus, .ui-state-default a.justLink:link:hover, .ui-state-default a.justLink:link:focus { color: #47b8d0} .dateQuickSetting { display: inline-block; position: relative;} input[type="button"].dateQuick { font-size: 0; width: 31px; margin: 0; background: #5fc6dc url(../images/dateQuick.png) no-repeat center center} span.dateQuickBtn {width: 120px; height: 0; display:block; position: absolute; left: -1px; top: 25px; padding:0 6px; background: #f9f9f9; overflow: hidden; transition:all 0.2s ease 0s} span.dateQuickBtn.on { height: 190px; padding: 6px;box-shadow: 0 3px 4px rgba(0,0,0,0.1);border:solid 1px #ddd; z-index: 300} span.dateQuickBtn span { display: block;width: 50%;} span.dateQuickBtn input[type="button"] {background: #fff; border:solid 1px #ddd; color:#666; font-size: 13px; height: 30px;border-radius:2px; width:99%; margin: 1px 0.5%; padding: 1px 0; float: left;} span.dateQuickBtn input[type="button"]:hover, span.dateQuickBtn input[type="button"]:focus { color: #1aa2c0; border-color:#47b8d0;background:#fff;} /*2018-01-16 BSC 대출반납 달력클릭시 연체 index로 인해 달력 일자 클릭 불가 수정*/ /* .loanStatus-overdue {position: absolute; z-index: 1} .loanStatus-overdue span { border:solid 2px yellow; border-radius: 50%; display: block; height: 5px;width: 5px; margin:1px; position: relative; text-indent: -9999px;z-index: 1992; float: right;} .loanStatus-overdue span::after { animation: 2s cubic-bezier(0.2, 1, 0.2, 1) 0s normal none infinite running temple; background-color: yellow; border-radius: 40px; content: ""; display: block; height: 10px; width: 10px; left: -2px; top: -2px; position: absolute; z-index: 1994} @keyframes emple { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(3); } } */ .use_today { width:30%; float:right; color:#8e8e8e; text-align:right; margin:-22px 0 0 0} .use_today span { color:#CCC} .user_info { color:#fff; text-align:right; background:#3a3a3a url(../../resources/images/bg_20.png) no-repeat 120px 18px } /* background:#3a3a3a; */ .user_info h4 { font-size:16px; width:30%; float:left; text-align:left; line-height:1.6em} .user_info input[type="text"]{ margin:0 -4px 0 15px; color:#fff; background:#444; border:#5c5c5c solid 1px; padding:5px 10px; width:40%; line-height:1.2em} .user_info a { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px} .user_info a:hover, .user_info a:focus { color:#fff; background:#000} .icon_must { display: inline-block; width: 12px; height: 12px; overflow:hidden; margin: 0 3px 0 0; text-indent:-9999px ;background:url(../../resources/images/icon_must.png) no-repeat 0 0; background-size:contain;} .icon_add:before { content:""; display: inline-block; width: 19px; height: 19px; border-radius: 50%; margin: 0 7px 0 0; vertical-align: middle; background:#32badc url(../../resources/images/icon_add.png) no-repeat 0 0 } .icon_add2 { text-indent:-9999px; display:block; margin: 0 auto; width: 19px; height: 19px; border-radius:50%; vertical-align: middle; background:#32badc url(../../resources/images/icon_add.png) no-repeat 0 0 } .spanDan, .spanYun { display:inline-block;margin-right:-1px } .spanDan span, .spanYun span { color:#888; display:inline-block; padding:1px 4px 2px 4px; border:solid 1px #ddd; font-weight: normal; font-size: 13px} #user_pic_dialog { text-align:center} #user_pic_dialog img { margin:0 auto} table .success2 > td{background: #d3e3ab !important} table .fail, table .fail > td {background: #f2dfa9 !important} #user_info_container th { width:10%} #uit_name input, #uit_status_tr input { margin-left:20px; padding:1px 10px; vertical-align:middle} #uit_loanreturn_date_setting #return_type_select, #uit_loanreturn_date_setting #loan_type_select { margin: 0 15px 0 0} #uit_loanreturn_date_setting #loan_date, table .libName {min-width:65px} table td.libName {word-break:break-all; } /* 주소라벨용지설정 */ .label_setup_img { width: 248px; height: 349px; background: url("../images/labelImg.png") no-repeat 0 0; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15); margin: 10px 0} .label_setup_img1{ background-position:-260px 0} .label_setup_img2{ background-position:-520px 0} .label_setup_img3{ background-position:-780px 0} .label_setup_img4{ background-position:-1040px 0} .label_setup_img5{ background-position:-1300px 0} .label_setup_img6{ background-position:-1560px 0} /* 대출반납-달력 */ .loanRe_L #calenderDiv { background: #2F362F; border-radius: 6px} .loanRe_L #calenderDiv table td a { color:#c0c0c0 } .loanRe_L #loanCalender { background: none; margin:10px 0} .main_wrap10 #mainCalender { width: 92%; margin:10px auto 0 auto; background:none; font-size: 13px; color:#fff; font-weight:400} #loanCalender td{ width: 14%; height:26px; text-align: center; vertical-align: top; position: relative;} #mainCalender td.toDay, #loanCalender td.toDay { background:#484f53 url(../../resources/images/bg_pattern20.png) } #loanCalender thead th{ font-size: 10px; font-weight:400; height:20px} #loanCalender .sun { color:#ffd5b7} #loanCalender .sat { color:#b8d5f0} #loanCalender>a{font-size: 11px; font-weight:400; color:#c0c0c0; display: block; padding:3px 10px 8px 10px;} .loanRe_L .calEx { color:#aaa; padding:15px 20px} /*대출 오른쪽 목록*/ /* .loanRe_R>ul>li>div { position: relative; margin-bottom:10px; background: #f7f7f7; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,.07); overflow: hidden;} .loanRe_R>ul>li>div h4 { padding: 12px 20px; background: #ececec; color: #626262; font-size: 16px; font-weight:500; border: #e4e3e3 solid 1px; border-radius:5px 5px 0 0} */ .loanRe_R>ul>li>div { position: relative;background: #fff; border-top:solid 1px #ccc; margin-bottom: 4px; border-bottom:solid 1px #cbcbcb; overflow: hidden;} .loanRe_R>ul>li>div h4 { padding: 10px; color: #333; font-size: 16px; font-weight:500;background: #efefef} .loanRe_R>ul>li>div h4 span { vertical-align: baseline; font-weight: 300; margin-left: 2px;} .loanRe_R>ul>li>div table {border:#e0e0e0 solid 1px;} .btn_loanAction { font-size: 0} .btn_loanAction input[type="button"] { background: #1aa2c0 ; background-color:#19b8d8/* url("../images/decoBar3.gif") no-repeat right center */; border-left:#93d9e7 solid 1px; border-radius: 0; font-size: 13px; height: 28px;padding: 0 8px; } .btn_loanAction input[type="button"]:hover, .btn_loanAction input[type="button"]:focus {background-color:#0ab1d3} body.busan .btn_loanAction input[type="button"] { /* background-image:url("../images/decoBar3.gif") */ border-color:#3b6b9f } .btn_loanAction input[value="예약"] { margin-left: -5px;} .btn_loanAction input[type="button"]:first-child { border-radius: 3px 0 0 3px; border:none} .btn_loanAction input[type="button"]:last-child { border-radius: 0 3px 3px 0} .btn_loanAction input[value="전체보기"] { border-radius: 3px !important} body.busan .btn_loanAction input[type="button"] { background-color: #2d5785} #reserveListDiv .btn_loanAction { top:5px} .ui-state-default table { border-radius:0 5px 5px 0 } /* 최근작업내역 */ .work_history { } .work_history h4 { width:11%; float:left; color:#717171; font-size:15px; padding:16px 0 10px 4%; background:url(../../resources/images/bg_21.png) no-repeat 0 10px } .work_history ul { width:70%; float:right; border-left: #CCC solid 1px; padding:0 0 0 50px; position:relative } .work_history ul li { padding:3px 0 1px 0; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px; color:#717171} .work_history ul li span { color:#8e8e8e; padding: 0 10px 0 0} .work_history ul li.more { padding:0} .work_history ul li.more a { display:block; width:100px; padding:15px 0; border:#CCC solid 1px ; border-radius:4px; right:0 ; top:0; position:absolute; text-align:center; border:#dedede solid 1px; background: #e9e9e9;font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; color:#666; background: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 20%, #e9e9e9 80%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(20%,#e9e9e9), color-stop(80%,#e9e9e9), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%); background: -o-linear-gradient(top, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%); background: linear-gradient(to bottom, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%) } .work_history ul li.more a:hover, .work_history ul li.more a:focus { background:#dedede; color:#000} /*대출반납 > 상호대차*/ .loanReturnInforaphicWrap { height: 250px; padding:10px; border:2px #dedede solid; margin:5px 0 15px 0 ; border-radius:3px; background:#fff; position: relative; text-align: center; transition: all 0.2s ease 0s; /* background: url(../images/otherLoanReturn_iconOther.png) no-repeat center 0; */} .loanReturnInforaphicWrap * {opacity: 1; transition: all 0.2s ease 0s;} .loanReturnInforaphicWrap.flipOn { height: 0; overflow: hidden; padding:0} .loanReturnInforaphicWrap.flipOn * { opacity: 0} /* .loanReturnInforaphicWrap:before { display: block; content: ""; width: 45%; height: 225px; background: rgba(0,0,0,0.07); margin: 0 auto; border:rgba(0,0,0,0.05) 4px dotted; border-radius: 30px } */ .libMeH4 { width: 153px; height: 36px; padding: 135px 0 0 0; margin-left:-77px; background: url(../images/otherLoanReturn_icons.png) no-repeat center 0; color:#FFF; position: absolute; left: 50%;top: 50px; font-size: 20px; z-index: 15} /* 2019.12.24 KHY : RECEIPT-2761 <열람-구입자료관리> 복본조사 기능 개선 요청 */ /* 복본조사목록*/ .copyInforaphicWrap { height: 170px; padding:10px; border:2px #dedede solid; margin:5px 0 15px 0 ; border-radius:3px; background:#fff; position: relative; text-align: left; transition: all 0.2s ease 0s; /* background: url(../images/otherLoanReturn_iconOther.png) no-repeat center 0; */} .copyInforaphicWrap * {opacity: 1; transition: all 0.2s ease 0s;} .copyInforaphicWrap.flipOn { height: 0; overflow: hidden; padding:0} .copyInforaphicWrap.flipOn * { opacity: 0} input[type="button"].copyInforaphicOpen, input[type="button"].copyInforaphicClose { font-size: 0; background:#8e8e8e url(../images/arrow30.png) no-repeat center -4px; width: 60px; height: 20px; position: absolute; left: 50%; left:calc(50% - 30px) } input[type="button"].copyInforaphicOpen {top: 5px; background-position: center -32px } input[type="button"].copyInforaphicOpen.off { display: none} input[type="button"].copyInforaphicClose { bottom: -10px} input[type="button"].copyInforaphicClose, input[type="button"].copyInforaphicOpen {background-color: #96989d;} input[type="button"].copyInforaphicClose:hover, input[type="button"].copyInforaphicOpen:hover, input[type="button"].copyInforaphicClose:focus, input[type="button"].copyInforaphicOpen:focus {background-color:#81848e} /* .libTransport10>span { display: block; width:160px; padding:6px 0; position: absolute;left: 50%; margin-left:-80px ; top:214px; background: rgba(0,0,0,0.1); border: solid 1px rgba(0,0,0,0.5); color: #666; font-size: 18px; border-radius: 3px} */ .libTransport13, .libTransport23 { width: 153px; height: 130px; padding: 22px 0 0 0; color: #fff; font-size: 18px; position: absolute; right: 10px;top: 65px; background: url(../images/otherLoanReturn_icons.png) no-repeat center -240px; transform: rotate(-90deg); z-index: 20 } .libTransport13 { transform: rotate(90deg); left: 10px } div.off .libTransport13, div.off .libTransport23 { background-position: center -1046px } h5.libTransport10, h5.libTransport20 { width: 37.5%; height: 80px; padding-top: 50px; font-size: 20px; font-weight:400; border: solid 10px rgba(42,161,194,0.7); position: absolute; right:80px; top:68px; color:#21a1c3; border-radius: 74px; z-index: 10} .off h5.libTransport10, .off h5.libTransport20 { border-color: #ddd; color:#8e8e8e; background-position: center -1430px; color: #ddd } .off h5.libTransport20 {background-position: center -1263px; } h5.libTransport10 { left: 80px; background-position: center -625px } /* h5.libTransport10, h5.libTransport20 { width: 37.5%; height: 31px; padding-top: 99px; border: solid 10px rgba(42,161,194,0.7); background: url(../images/otherLoanReturn_icons.png) no-repeat center -457px; position: absolute; right:80px; top:58px; color:#21a1c3; font-size: 18px; font-weight: normal; border-radius: 74px; z-index: 10} h5.libTransport10 { left: 80px; background-position: center -625px } */ a.libTransport11, a.libTransport12, a.libTransport15, a.libTransport21, a.libTransport25, a.libTransport14, a.libTrnasport12, a.libTransport22, a.libTransport24, a.libTransport25{ display: block; width:115px; height: 70px; padding: 21px 0 0; left: 18%; font-size:13px; top: 15px; margin-left: -28px; background: url(../images/otherLoanReturn_iconTruck.png) no-repeat 16px 16px; color: #fff; position: absolute; z-index: 20 } a.libTransport15, a.libTransport22 { top: 5px} a.libTransport14, a.libTransport11, a.libTransport21, a.libTransport24{ height:100px; padding:15px 0 0 0; background-color:#21a1c3; background-position:-278px 60px; border-radius:50%} a.libTransport15 { left: 33%} a.libTransport11 { left: 33%; top:148px; background-position: -283px -81px} a.libTransport21 { left: 60% ;background-position: -442px 62px} a.libTransport25 { left: 60%; top:141px; background-position: -113px -124px} a.libTransport14 strong, a.libTransport11 strong, a.libTransport21 strong, a.libTransport24 strong { display:inline-block; border-bottom: 1px dotted #fff; line-height: 1.5em; font-size: 14px; font-weight: 500} a.libTransport14 span, a.libTransport11 span, a.libTransport21 span, a.libTransport24 span { display: block;line-height: 1.5em; opacity: 0.7} a.libTransport12 { top:141px; background-position: 17px -124px } a.libTransport22 { left:76% ;background-position: -113px 16px} a.libTransport24{ top:148px; left:76% ; background-position: -443px -78px } .off a.libTransport11 {background-position: -283px -360px; background-color:#ccc;} .off a.libTransport12 {background-position: 17px -404px} .off a.libTransport14 {background-position: -278px -220px; background-color:#ccc;} .off a.libTransport15 {background-position: 16px -263px} .off a.libTransport21 {background-position: -442px -218px; background-color:#ccc;} .off a.libTransport22 {background-position: -113px -264px} .off a.libTransport24 {background-position: -442px -358px; background-color:#ccc;} .off a.libTransport25 {background-position: -113px -404px} .directionBar { display: none; width:20%; height: 10px; background:#67bbd2 url(../images/directionBar_2R.gif) no-repeat center 0; position: absolute; z-index: 15 } .on .directionBar { display: block;} .directionBar.libTransport11_bar {top:208px; left:21%; background-image:url(../images/directionBar_2L.gif)} .directionBar.libTransport12_bar {top:208px; left:21%; background-image:url(../images/directionBar_2L.gif)} .directionBar.libTransport14_bar {top:68px; left:20%} .directionBar.libTransport15_bar {top:68px; left:20%} .directionBar.libTransport21_bar {top:68px; right:21%} .directionBar.libTransport22_bar {top:68px; right:21%} .directionBar.libTransport24_bar {top:208px; left:65%; background-image:url(../images/directionBar_2L.gif)} .directionBar.libTransport25_bar {top:208px; left:66%; background-image:url(../images/directionBar_2L.gif)} .nav01_04 #content { position: relative;} input[type="button"].inforaphicOpen, input[type="button"].inforaphicClose { font-size: 0; background:#8e8e8e url(../images/arrow30.png) no-repeat center -4px; width: 60px; height: 20px; position: absolute; left: 50%; left:calc(50% - 30px) } input[type="button"].inforaphicOpen {top: -8px; background-position: center -32px } input[type="button"].inforaphicOpen.off { display: none} input[type="button"].inforaphicClose { bottom: -5px} .nav01_09 #content { position: relative;} .LoanReturnSummary { text-align: left; background: #666; color:#fff} .LoanReturnSummary label, .LoanReturnSummary span { display: inline-block; font-size: 16px; line-height: 2em; padding: 0 20px;border-right:solid 1px #999} .LoanReturnSummary label {} .LoanReturnSummary span { color:yellow} #LoanReturn_manager_tbl input[type="button"] {width:92px; padding-left: 5px;padding-right: 5px;} /* 대출반납 - 배달자료관리 */ #userSearchBtn, #bookSearchBtn { float: right; margin: 0 0 -27px 0 } /*신규대출반납*/ .loan_date, .due_date { width: 75px} .loan_list_book_image { width:43px;height: 46px} .loanRe_R .table_10 td.loanType {text-align: left; padding-left: 20px;} td.loanType span + span { margin-left: -1px;} .loanType-nomal, .loanType-inner, .loanType-special, .loanStatus-nomal, .loanStatus-overdue, .loanStatus-reverse {display:inline-block; padding:1px 4px 2px 4px; border:solid 1px #ddd;background: #fff; color:#666; font-size:13px} .loanType-nomal{} .loanType-special{ color:#7398a7; background-position: 0 0 } .loanType-inner{ color:#6db2cf; background-position: 0 0} .loanStatus-nomal{ color:#7d914e; background-position: 0 0 } .loanStatus-overdue{ color:#ff4e00} .loanStatus-reverse{ color:#b0875a; background-position: 0 0 } /* .supplement {display:inline-block; width:58px; height: 58px; background: url(../images/icon2.png) no-repeat center -8px;} .supplement.supplement_BOOK{ height: 70px; width:48px; background-size: cover} .supplement_BOOK { background-position: center -60px} .supplement_AKBO { background-position: center -538px} .supplement_DISK { background-position: center -235px} .supplement_CD { background-position: center -313px} .supplement_LP { background-position: center -160px} .supplement_TAPE { background-position: center -386px} .supplement_JUM { background-position: center -460px}*/ .loanRe_R .table_10 td.bookCoverBg.supplement { background: #ccdee3 url(../images/iconNOMAL.png) no-repeat center; background-size: inherit; } .loanRe_R .table_10 td.bookCoverBg.supplement_BOOK { background: #dbd5e4 url(../images/iconBOOK.png) no-repeat center; background-size: inherit; } .loanRe_R .table_10 td.bookCoverBg.supplement_AKBO { background: #e7d9db url(../images/iconAKBO.png) no-repeat center; background-size: inherit; } .loanRe_R .table_10 td.bookCoverBg.supplement_DISK { background: #e7d8e2 url(../images/iconDISK.png) no-repeat center; background-size: inherit; } .loanRe_R .table_10 td.bookCoverBg.supplement_CD { background: #e1e2cf url(../images/iconCD.png) no-repeat center; background-size: inherit; } .loanRe_R .table_10 td.bookCoverBg.supplement_LP { background: #dbd5e4 url(../images/iconLP.png) no-repeat center; background-size: inherit; } .loanRe_R .table_10 td.bookCoverBg.supplement_TAPE { background: #e4d9d1 url(../images/iconTAPE.png) no-repeat center; background-size: inherit; } .loanRe_R .table_10 td.bookCoverBg.supplement_JUM { background: #c9dcd6 url(../images/iconJUM.png) no-repeat center; background-size: inherit; } .loanRe_L{width:329px;} .loanRe_R{width:650px; width:calc( 100% - 340px )} .loanRe_L .table_10{ margin:0px;} .loanRe_L .table_10 th{ background-color:#fff; color:#666; font-weight: 500} .loanRe_L .table_10 td.txt_l label, .loanRe_L .table_10 td.txt_l input { vertical-align: baseline; color: #898989} .loanRe_L input[type="radio"] + label + input[type="radio"] { margin-left:5px} .loanRe_L input[type="radio"] + label::before, .loanRe_L input[type="radio"]:checked + label::before { margin-right: 2px} .loanRe_L input[type="text"].hasDatepicker { width: 110px; letter-spacing: -1px} .loanRe_L .table_10 td{background-color:#fff; padding:4px 1px; } /* .btn_loanAction { position: absolute; right:45px; top:7px; text-align: right; } 대출반납관련 */ .btn_loanAction { position: absolute; right:25px; top:4px; } .searchBg{padding:5px 0 5px 8px} .searchBg input[type="checkbox"] { margin-left: -4px;} .searchBg input, .searchBg label { vertical-align: middle;} .searchBg label {color:#fff} input[type="text"] + #search_btn { margin: 0 -2px 0 -6px; border-radius: 0 3px 3px 0} .loanRe_L>div{margin-bottom:10px;position:relative} .loanRe_L>div#loanReturnOptionDiv, .loanRe_L>div.searchBg{ border:none} .loanStopUser .loanStopUser_wrap { border:solid 3px #ff4e00; border-radius:5px} .loanRe_L > div#userInfoDiv { border:none} #sortable table thead th{ background-color:#f6f6f6; border:solid 1px #eaeaea} #sortable .ui-state-default { background: none} input#loan_date, input#return_date{} input#enterText{margin:0px;} input[placeholder]#enterText {font-size: 13px; letter-spacing: -1px} #enterText { width: 165px} #refresh_btn { width: 32px; background-image: url(../images/btnRefresh.png); background-repeat: no-repeat ; background-position: center; font-size: 0; float: right;} #loanReturnOptionDiv{width:100%; margin:1px 0px 10px; overflow: hidden; font-size: 0;} #loanReturnOptionDiv input[type="button"] { width:25%; padding: 6px 0; float: left; background: #2d5785 url("../images/decoBar3.gif") no-repeat right center;border-radius:0} #loanReturnOptionDiv input[type="button"]:first-child {border-radius:3px 0 0 3px} #loanReturnOptionDiv input[type="button"]:last-child {border-radius:0 3px 3px 0} #loanReturnOptionDiv input[type="button"]:hover, #loanReturnOptionDiv input[type="button"]:focus { background-color: #234c79} /* #loanReturnOptionDiv input[type="button"]:first-child, #loanReturnOptionDiv input[type="button"]:hover, #loanReturnOptionDiv input[type="button"]:focus {border-left:#19a5c7 solid 1px} */ .loanStopUser #rfidLoanBtn { background: #ddd; border:solid 1px #ccc} div#userInfoDiv{background-color:#fff} div#userInfoDiv .loanRe_subTitle .padding_box{width:300px; border-top:solid 1px #c9c9c9; margin-left:10px; padding:10px 0px;} div.user_wrap{padding-top:7px; background-color:#e1e1e1;} div.user_photo { width:95px; height:126px; background:#f9f9f9; position: relative; float: left; margin: 10px 0 5px 10px } span.user_photo { display:block; width:100%; height:100%; font-size: 0; background: no-repeat center;background-size: cover} div.user_photo input[type="button"] { position: absolute;} span.userSt2 { display:none; width:27px; height:20px; background:url(../../resources/images/icon_bookium.png) no-repeat 0 0; position: absolute; right: 4px; top:0; font-size: 0; color:transparent } input.userSt1[type="button"] { font-size:11px; letter-spacing:-1px; background: #ff8e2b; width:50px; height:20px; padding:0; left:0; bottom:0; border:none} /* input.userSt2[type="button"] { font-size:0; background:#fff url(../../resources/images/btn_bookieum.png) no-repeat 0 0; width:35px; height:22px; padding:0; left:2px; bottom:2px; border:none} */ input.userSt3[type="button"] { font-size:0; background:#2ca1c2 url(../../resources/images/btn_camera.gif) no-repeat center center; width:28px; height:28px; padding:0; right:3px; bottom:3px; border:none; border-radius:50%} .userStatus { padding:10px 0 6px 0;width: 63%; float: right} .userStatus span { display:inline-block; border:none; background:#ccc; color:#FFF; padding: 4px 8px; font-size: 13px; letter-spacing: -1px; border-radius:3px; vertical-align: bottom} .userStatus span.on { background:#7a7a7a; color:#ffea5c} .userStatus span.userStatus4.on { background: #ff0033; color:#fff; font-weight:400} .userStatus a.userStatus1 { display:none; border:none; background: #ff4e00; color:#FFF; width:55px; height:34px; text-align:center; padding:21px 0 0 0; font-size: 12px; border-radius:50%; position: absolute; right: -10px; top: 5px; letter-spacing: -1px} .userStatus a.userStatus1.on { display:block} .loanStopUser .btn20.btn_returnDelay { background: #ccc} .no_userInfo { position: absolute; left: 3px; top: 3px; font-size: 17px; height:83px; padding:60px 10px 0 125px;background: #fff no-repeat center; color:#777} .no_userInfo:before { display:block; content:""; position: absolute; left: 9px; top: 10px; width: 95px; height: 126px;border: 1px solid #eee; background:#f9f9f9 url(../../resources/images/bg_noMember.png) no-repeat center bottom;} .no_userInfo input[type="text"] {width: 145px; margin: 0 -10px 0 0;} .no_userInfo p {padding:6px 0;} #uit_no { color:#333; font-size: 17px;} a.icon_reload { display: inline-block;; width: 17px; height: 17px; border-radius:4px; background: #2bb0d1 url(../../resources/images/icon_reload.png) no-repeat center center; font-size: 0; color:transparent; vertical-align: top} a.icon_reload:hover, a.icon_reload:focus {background-color: #19a5c7; font-size: 0; color:transparent} .userQuickWrap { display: block; position: relative;} .userQuickWrap #user_quick_txt, .userQuickWrap #user_quick_btn { position: absolute; top: 0;} .userQuickWrap #user_quick_txt {left:0} .userQuickWrap #user_quick_btn {right: 0} .user_txt { padding:0 0 10px 0;width: 63%; float: right; color:#8e8e8e;} .user_txt li { padding:0 0 5px 0} .date_info { text-indent: -1px} .date_info .date_U, .date_info .date_C, .date_info .date_S { display: inline-block; width:14px; height: 14px; position: relative; text-indent: -9999px; overflow: hidden } .date_info .date_C { margin-left: 5px} .date_info .date_U:before, .date_info .date_C:before, .date_info .date_S:before { display: block; content: "U";padding:2px; width: 10px; height: 10px; background:#7398a7; text-align:center; color:#fff; text-indent: 0; font-size: 10px; border-radius:2px} .date_info .date_C:before { content: "C" } .date_info .date_S:before { content: "S" } td#uit_no { padding: 8px 5px} strong#uit_name { color: #222; font-weight:500; font-size: 18px; display: block } #uit_group {word-breal:keep-all} #uit_birthday {color:#8e8e8e} #uit_mobile {font-size: 16px; color: #333;} li .inputLi { padding:8px 0 4px 0;} .inputLi {font-size: 0;} .inputLi input[type="button"] { height: 25px; padding: 0 9px; margin-right: 2px;} img#user_pic{width:95px; height:126px; float:left; margin-right:20px;display:block;} div.user_note{clear:both; position: relative; border-radius:2px; padding:5px 5px 10px 10px} div.user_note textarea { width:76%; font-size: 13px;margin:0; padding:5px 3%; min-height: 40px } div.user_note input[type="button"]{width:20%; height:40px; padding:0; position: absolute; right: 5px; top: 5px;} #family_Info_List_tbl { position: relative;} .folding, .folding.off { position: absolute; right: 11px; top: 7px; display: block; width:25px; height: 25px ;background:url(../../resources/images/btn_arrow30.png) no-repeat 0 0; font-size: 0} .folding.off { background-position:0 -25px} .loanRe_R .folding { background-position:-25px 0; top:10px } .loanRe_R .folding.off { background-position:-25px -25px} .folding:hover, .folding:focus { opacity: 0.8} .loanRe_R .folding, .loanRe_R .folding.off, .loanRe_R #sortable .folding, .loanRe_R #sortable .folding.off { width:15px; height: 26px ;background:#fff url(../images/arrowSlidUpDn.gif) no-repeat 0 1px;border:solid 1px #ddd; border-radius: 3px;top: 4px;right: 4px;} .loanRe_R #sortable .folding.off {background-position: 0 -27px} .loanRe_R #sortable .folding:hover, .loanRe_R #sortable .folding:focus { background-position: -16px 0} .loanRe_R #sortable .folding.off:hover, .loanRe_R #sortable .folding.off:focus { background-position: -16px -24px} #family_Info_List_tbl h4 {font-size:15px; font-weight:400; color:#5f5f5f; margin:0 10px; padding:10px 0; border-top:solid 1px #ddd } #family_Info_List_tbl ul { padding:10px; background: #fff;} #family_Info_List_tbl li { position: relative; height: 24px; padding:2px 0 0 0; font-size: 14px; color: #8e8e8e} #family_Info_List_tbl li input[type="button"]{width:34px; height:20px; padding:0; position: absolute; right:0; top: -2px; font-size: 13px } #bookInfoDiv {background: #fff} #bookInfoDiv:after { display: block; content: ""; clear: both;} #bookInfoDiv h4, #returnPlanDiv h4{font-size:15px; font-weight:400; color:#5f5f5f; padding:10px; border: solid 1px #e4e3e3; background: #ececec; border-radius: 5px 4px 0 0} #bookInfoDiv .float_l { margin: 15px 0 14px 12px; border: #ddd solid 1px; width:80px;border:#c5c5c5 solid 1px; height: 110px; display:block; background:no-repeat center; background-size: cover; box-shadow: 0 2px 2px rgba(0,0,0,0.2); position: relative } #bookInfoDiv .float_l:before { display: block; content:""; width:80px; height: 110px; background:url(../../resources/images/bg_bookcover.png) center; background-size:cover; position: absolute; left:0 ; top:0} #bookInfoDiv ul { width:67%; float: right; padding:15px 0 0 0; color:#666} #bookInfoDiv li { padding:6px 0 6px; position: relative; border-top: #ddd dotted 1px} #bookInfoDiv li.bInfo1, #bookInfoDiv li.bInfo5, #bookInfoDiv li.bInfo6 {padding:6px 60px 6px 0; color:#666} #bookInfoDiv li.bInfo5 a.btn_dTailView, #bookInfoDiv li.bInfo7 a.btn_dTailView{ margin:2px 0 0 0} #bookInfoDiv li.bInfo1 {border:none; padding:2px 60px 4px 0; font-size: 14px; color:#333} #bookInfoDiv li.bInfo2, #bookInfoDiv li.bInfo4 { padding:0 0 7px 0; border:none} #bookInfoDiv li.bInfo2 span {color:#8e8e8e; padding:0 5px;background:url(../../resources/images/deco_bar30.gif) no-repeat 0 3px} #bookInfoDiv li.bInfo2 span:first-child {padding-left:0; background: none} #returnPlanDate { font-size:15px; padding:15px 10px; background: #fff; border-radius:0 0 5px 5px} a.btn_dTailView { padding:4px; color:#fff; background:#2bb0d1;font-size: 12px; position: absolute; right:5px; top:0 } a.btn_dTailView:hover, a.btn_dTailView:focus {background:#19a5c7} div.family_wrap{height:128px;} div#bookInfoDiv div.padding_box{height:167px;} .padding_box{padding:10px 10px;} .padding_box.sum_txt{ font-size:15px; color:#757575} .padding_box span img{width:110px; height:164px;margin-right:10px; border:solid 1px #e4e4e4;} ul.bookInfo_list li{font-size:12px; color:#515151;} ul.bookInfo_list{padding:5px 0;} .loanRe_R .table_10{margin:0px} .loanRe_R .table_10 th, .loanRe_R .table_10 td {padding:5px; line-height: 1.2em; font-size:14px; border-bottom:solid 1px #f5f5f5} .loanRe_R .table_10 td.bookCoverBg {padding: 0;width: 46px; background: url(../../resources/images/noImage.png) no-repeat center -4px; background-size: cover} .loanRe_R .table_10 thead th { font-size: 13px} .loanRe_R .table_10 thead th.title_btn{text-align:right;} .loanRe_titleWrap input[type="button"]{height:26px; border-radius:0px; border:solid 1px #228aa7;} .loanRe_R td.loanListShelfLoc { text-align:left; color: #333; font-weight: 500;text-indent: 5px; border-bottom:none} .loanRe_R .table_10 td.title {padding-left: 20px;padding-top: 10px;} #reserveRegno { margin-right:-5px; padding-bottom:5px; font-size: 14px;border-width:1px; height: 28px; margin: 0;} .emphasis1 td{color:#fd533d} .emphasis2 td{color:#fd533d} .emphasis1 td.no, .emphasis2 td.no{ color: #888} #loan_cnt { vertical-align: baseline;font-size: 15px; color: #777} .loanRe_R td.rturn { font-size: 13px; letter-spacing: -1px;} .loanRe_R td.rturn span.wrn_10 { font-size: 15px} /* 소장자료 */ td.book_status0 {color:#2bb0d1} /*대출증*/ td.book_status1 {color:#85b818}/*비치중*/ td.book_status2 {color:#ff8400}/*정리중*/ td.book_status3 {color:#8e8e8e}/*제적*/ .facet { background :#52c3df; padding:12px 2.5%; border-top:#6ecde5 dotted 1px; color:#fff} .facet h4 { font-size:14px; width:60px; font-weight:400; float:left} .facet a { color:#fff;font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px; padding:0 5px 0 10px ; border-left: solid 1px #6ecde5 } .facet a:hover, .facet a:focus { color:#fe0} .facet2 { background :#2bb0d1; padding:12px 2.5%; color:#fff; margin:10px 0} .facet2 h4 { font-size:14px; width:60px; font-weight:400; float:left} .facet2 a { color:#fff; font-weight:500; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px; padding:0 5px 0 10px ; border-left: solid 1px #6ecde5 } .facet2 a:hover, .facet a:focus { color:#fe0} #Species_Info_Search_div {} #Species_Info_Search_div table { width:85%; float:left;border-right: dotted 1px #eee; margin-bottom:10px} #Species_Info_Search_div.table_31 th, #Species_Info_Search_div.table_31 td {padding: 5px 8px} #Species_Info_Search_div.table_31 tr:first-child , #Species_Info_Search_div.table_31 tr:first-child td { border-top: solid 1px #636363} #Species_Info_Search_div input[type="button"] { width:8%; float:right} #libraryCheckForm table th { width:12%} /* 열람 > 소장자료 관리 */ .spanDiv1, .spanDiv2, .spanDiv3 { display: block/* ; padding-right:5px; background: url("../images/spanDiv.png") no-repeat right 0;} .spanDiv2 {background-position: right -20px} .spanDiv3 {background-position: right -40px */} .spanDimd { color: #bbb; font-size:14px } /* dialog_10 */ .dialog_10 {overflow: hidden; padding:10px 0 0 0;} .dialog_10 dt{ width: 30%; float: left; padding:6px 0 0 0; vertical-align: middle;} .dialog_10 dd{ width: 69%; float: left; padding:0 0 6px 0; vertical-align: middle} .dialog_20 {overflow: hidden} .dialog_20 dt{ width: 30%; float: left; padding:2px 0 0 0; vertical-align: middle;} .dialog_20 dd{ width: 69%; float: left; padding:0 0 2px 0; vertical-align: middle} /* 마크반입 */ #marcImportOptionDialog h4 { padding: 10px; background: #ddd; border:solid 1px #ddd; border-radius: 6px 6px 0 0 } #marcImportOptionDialog ul { padding: 10px ; border-radius: 0 0 6px 6px; background: #f9f9f9; border:#f0f0f0 solid 1px; border-top: 0 none; margin: 0 0 10px 0; } #marcImportOptionDialog li { padding: 4px 0; } .container_2:after { display: block; content: ""; clear: both} /* 정리통계 hidden 수정*/ .container_statics {width : auto} #marcController .newHeaderTable { margin-top: -5px; border-radius: 0 0 6px 6px} #marcController .newHeaderTable input[type="text"], #marcController .newHeaderTable select { width: 95%} /* 마크편집기 */ .marcForm2_warp .float_l { width:30%;} .marcForm2_warp .float_r { width:66%; width: calc( 70% - 52px ); padding: 10px 15px 15px 15px; border:#ddd solid 1px; margin: 10px 10px 15px 0; background: #fff; box-shadow:0 2px 4px rgba(0,0,0,.08); border-radius: 3px} .marcForm1 input[type='checkbox'] { margin:9px 0 0 0} .marcForm1 {width: 96%;} .marcForm1, .marcForm2 { padding: 15px 2%; background:#555 ; color:#fff ;overflow: hidden; } .marcForm2 {padding: 0 100px 1px 1%; background:#2bb0d1; position: relative; font-size: 0 } .marcForm2 input[type="button"] {border: none; padding-right:15px; padding-left:15px; background:#2bb0d1 url("../../resources/images/deco_bar10.png") no-repeat 0 11px; float:left; border-radius:3px; font-size: 13px} .marcForm2>input[type="button"]:first-child { background-image: none; padding-left:0} .marcForm2 input[type="button"]:hover, .marcForm2 input[type="button"]:focus { background:#19a5c7} #copy_check_target { display: inline} .marcForm2 input.editorClose[type="button"], #beforeBtn, #nextBtn {background:#0290b3 url("../../resources/images/btn_close20.gif") no-repeat center center; width:28px; height:28px; margin:8px; font-size: 0; color:#0496b9; opacity: 0.7} .marcForm2 input.editorClose[type="button"], input#beforeBtn[type="button"], input#nextBtn[type="button"] { position:absolute; right: 0; top:-6px} input#beforeBtn[type="button"] {right: 64px; background:#0290b3 url("../../resources/images/btn_arrow20.gif") no-repeat center 0} input#nextBtn[type="button"] {right: 35px;background:#0290b3 url("../../resources/images/btn_arrow20.gif") no-repeat center -28px} .marcForm2 input.editorClose[type="button"]:hover, .marcForm2 input.editorClose[type="button"]:focus, input#beforeBtn[type="button"]:hover, input#beforeBtn[type="button"]:focus, input#nextBtn[type="button"]:hover, input#nextBtn[type="button"]:focus { opacity: 1} .marcForm1 span { display: block; width: 25%; float: left; height: 30px } .marcForm1 label { display: block; width: 35%; float: left; padding:8px 0 0 0 } .marcForm1 select { width:55%;} #default_input_div {margin:10px 0 20px 2%} #marcEditor { font-size: 14px} .marcForm2_warp:after { content: ""; display: block; clear: both;} #tag008_div input[type="button"] { padding: 5px 8px; margin-left:-6px} #tag_div table, #ind_div table, #sign_div table { width: 100%; margin:8px 0 0 0} #tag_div table th, #ind_div table th, #sign_div table th, #tag_div table td, #ind_div table td, #sign_div table td { border: #ddd solid 1px; padding:6px 5px; background: #fff} #tag_div table th, #ind_div table th, #sign_div table th { background: #ededed; padding:7px 5px} #marcEditor div, #marcView_div div, #main_marc_div div, #separate_marc_div div {border-bottom: 1px solid #BDB76B;} #marcEditor pre, #marcView_div pre, #main_marc_div pre, #separate_marc_div pre, #keyword_div #keyword_info pre {display: inline} #keyword_div pre {display: inherit;} #marcEditor pre {white-space: pre-wrap;} #marcInput_tbl.table_10 { margin: 0; border-left:#ddd solid 1px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px} #marcInput_tbl.table_10 th, #marcInput_tbl.table_10 td { padding:3px 5px} #marcInput_tbl.table_10 td input[type="text"] { padding:2px 5px; } /* 소장자료 입력, 마크편집기 */ #marcEditor>div, #innerMarcView_div>div, #main_marc_div>div, #separate_marc_div>div, #syntexMsg_div>div { padding:4px 0} #innerMarcView_div pre, #main_marc_div pre, #separate_marc_div pre { padding:0 4px} #syntexMsg_div {padding:2px 14px; margin:0 3% 0 1%; border:#f191a4 solid 1px; font-size: 13px; background: #fff} #keyword_info>div { padding:15px 10px; background: #f9f9f9; border:1px solid #ededed; border-radius:4px} #keyword_txt { width:98%; margin-top:10px} #add_input { margin:10px 0 0 0} h2.li1row2, .li1row2 h2, h2.li2row2, .li2row2 h2 {font-size:14px; padding:10px 3%; background:#e9e9e9;border-top: solid 1px #ccc;} ul.li1row { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; overflow: hidden;} .li1row li { float: left; height:32px; position: relative; overflow: hidden; border-top: dotted 1px #ddd; } .li1row label { display: inline-block; width:25%; background: #f9f9f9; height: 24px; padding:9px 0 0 5%} .li1row span { padding:0 0 0 3%} .li1row li input { vertical-align: middle;} ul.li2row { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; overflow: hidden;} .li2row li { width: 50%; float: left; height:42px; position: relative; overflow: hidden; border-top: dotted 1px #ddd; } .li2row label { display: inline-block; width:29%; background: #f9f9f9; height: 24px; padding:14px 0 4px 5%} .li2row label.hiddenLabel { background: none; padding:0} .li2row span { padding:0 0 0 3%} .li2row li input { vertical-align: middle;} ul.li1row2, .li1row2 ul{ border-top: solid 1px #ddd; border-bottom: solid 1px #ddd} .li1row2 li { width:100%; float: left; height:46px; position: relative; border-top: dotted 1px #ddd; } ul.li1row2:after, .li1row2 ul:after, .li1row2 li:after { display: block; content:""; clear:both; } .li1row2 li:first-child { border:none} .li1row2 label { display: inline-block; width:17%; background: #f9f9f9; height: 30px; padding:16px 0 0 3%} .li1row2 span { padding:0 0 0 2%} .li1row2 li input { vertical-align: middle;} ul.li2row2, .li2row2 ul{ border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; overflow: hidden; margin:0 0 10px 0} .li2row2 li { width: 50%; float: left; height:42px; position: relative; overflow: hidden; border-top: dotted 1px #ddd; } .li2row2 li:first-child, .li2row2 li:nth-child(2) { border:none} .li2row2 label { display: inline-block; width:35%; background: #f9f9f9; height: 30px; padding:12px 0 0 5%} .li2row2 span { padding:0 0 0 3%} .li2row2 li input { vertical-align: middle;} #isbnCheck_btn { position: absolute; right: 0; top:6px; padding:5px 8px} #ref_category { margin-left:-17px} .table_22 { width:100%; border: 1px solid #dedede; border-top: solid 1px #636363; border-bottom:none; margin:10px 0 0 0} .table_22 th, .table_22 td { padding:8px 5px; text-align: center; border: 1px dotted #ccc } .table_22 td { border-top: 1px solid #e9e9e9; border-bottom:none} .table_22 thead th, .table_22 thead td { background:#e9e9e9; padding:18px 5px} .table_22 tbody th { background:#f1f1f1} .table_22 tbody td { background:#f3f3f3; text-align:center; } .table_22 tbody td.title, .table_22 tbody td.lib_name { text-align:left; font-weight:500} div.table_24 { width:100%;border-top: solid 1px #636363; border-bottom:none; margin:10px 0 0 0; position: relative; overflow: hidden } div.table_24 table{ width:80%; border: 1px solid #dedede} div.table_24 input.btn { width: 20%; height:90px; padding-top:12px; position: absolute; right: 0; top: 0} .table_24 th, .table_24 td { padding:8px 5px; border: 1px dotted #ccc } .table_24 td { border-top: 1px solid #e9e9e9; border-bottom:none} .table_24 thead th, .table_24 thead td { background:#e9e9e9; padding:18px 5px} .table_24 tbody th { background:#f1f1f1} .table_24 tbody td { background:#fff} .popup_header, .tag006Form {border: 1px solid #dedede; border-top: solid 1px #636363; background:#e9e9e9; padding:6px 0 } .popup_header label, .tag006Form label { width:22%; display: block; float: left; padding: 4px 1% 0 2% } #tag_006_desc_div label { width:22%; display: block; float: left; padding: 16px 0 12px 2%; background: #f9f9f9 } #tag_006_desc_div span {width:75%; display: block; padding: 5px 0 2px 0; float: right } #tag_006_desc_div li { padding:0 0; overflow:hidden; border-bottom: 1px dotted #ccc} .popup_header2 {border: solid 1px #8e8e8e; background:#dedede; padding:6px 0; text-align:center} table td.code_revReference { word-break:break-all} /* 장서점검 */ p.checkDate { float:right; color:#666; margin-top:-20px} /* 수서 */ #online_Image { float:left; width:120px} #book_info_input_Div { overflow:hidden; padding:20px 0} #book_info_input_Div .table_40 th { width:10%} #sortTh1, #sortTh2, #sortTh3, #sortTh4, #sortTh5, #sortTh6, #sortTh7, #sortTh8, #sortTh9 {color:red} .order_date, .input_date, .over_date, .order_list, .purchase_list { text-align:left !important; font-weight:500} .refuse_note2, .over_date2 {text-align:left !important;} .refuse_note2 span, .over_date2 span {color:#bbb} /* 이용자 */ .join_step { overflow:hidden; padding:0 0 10px} .join_step li {/* display:block; */ float:left;position: relative} .join_step li span, .join_step li strong { display:block; width:100%; margin: 0 auto; height:40px; padding:20px 0 0; font-weight:normal; color:#ededed; background:#8e8e8e; font-size:16px; text-align:center; border-left:solid 1px #aaa; z-index:400} .join_step li strong { font-weight:400; background:#1aa2c0; color:#fff} .join_step li:first-child span{ } .join_step li:last-child span{} .join_step li strong:after { display:block; content:""; width: 0; height: 0; border-top: 13px solid transparent; border-left: 10px solid #1aa2c0; border-bottom: 13px solid transparent; position:absolute; top:18px; right:-10px; z-index:500 } .step_60 li { width:16.6666%} .user_info_20 { width:65%; padding:25px 3%; float:left; position:relative; background:#2bb0d1; border-radius:10px 0 0 10px} .user_info_30 { width:24%; padding:0 1.5% 0 0; float:right; position:relative} .user_info_20 h4 { width:150px; height:200px; background: url(../../resources/images/bg_user_photo.png) no-repeat center; position: relative; text-align:center} .user_info_20 h4 span { display:block; width:100%; color:#000; font-size:16px; padding: 95px 0; font-weight:normal} .user_info_20 img { max-width:150px; position:absolute; top:0; left:0} .user_info_22 { width:67%; position:absolute; top: 20px; left:30%;; border-bottom:#19a5c7 solid 1px; height:57px} .user_info_22 dt { font-weight:400} .user_info_22 dt,.user_info_22 dd { position:absolute} .user_info_22 dt { color:#e0e0e0; top:0} .user_info_22 dd { color:#fff; font-size:18px; top:25px} dt.ui_name { top:0; left:42%} dd.ui_name { top:25px; left:42%} .ui_loan_check { left:85%} .user_info_24 { width:67%; position:absolute; top: 78px; left:30%; padding:18px 0 0 0; border-top:#32badc solid 1px; z-index:300} .user_info_24 dt {color:#e0e0e0; font-weight:500} .user_info_24 dt, .user_info_24 dd { width:25%; float:left; padding:1px 0; height:20px; } .user_info_24 dd { width:70%; color:#fff} #agree_Form h4{ font-size:16px;padding:20px 0 0 0; font-weight:normal} #agree_Form div.textarea { margin:12px 0} .btn_c10 { width:30%; float:right; text-align:right; margin:-25px 0 0 0; z-index:400; position:relative} .btn_c10 a { color:#FFF; padding:10px 20px; border:#19a5c7 solid 1px; border-radius:4px; background: #32badc; background: -moz-linear-gradient(top, #36c4e7 0%, #32badc 20%, #32badc 80%, #2ab4d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36c4e7), color-stop(20%,#32badc), color-stop(80%,#32badc), color-stop(100%,#2ab4d6)); background: -webkit-linear-gradient(top, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%); background: -o-linear-gradient(top, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%); background: -ms-linear-gradient(top, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%); background: linear-gradient(to bottom, #36c4e7 0%,#32badc 20%,#32badc 80%,#2ab4d6 100%) } .btn_c10 a:hover, .btn_c10 a:focus { background:#19a5c7} .user_info_30 h4 { background:url(../../resources/images/bg_22_ribbon.png) no-repeat 0 0; color:#fff; font-size:15px; width:64px; padding:12px 0 25px; text-align:center; margin:0 0 -20px; position:relative; z-index:800} .user_info_30 textarea { width:85%; padding:10px 5%; height:132px; border:#ddd solid 1px; position:relative; z-index:700 } .btn_c20 {text-align: right; padding: 20px 10px} .btn_c20 a { color:#FFF; padding:8px 15px; border:#dedede solid 1px; border-radius:4px; color:#666; background: #e9e9e9; background: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 20%, #e9e9e9 80%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(20%,#e9e9e9), color-stop(80%,#e9e9e9), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%); background: -o-linear-gradient(top, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%); background: linear-gradient(to bottom, #f2f2f2 0%,#e9e9e9 20%,#e9e9e9 80%,#e2e2e2 100%) } .btn_c20 a:hover, .btn_c10 a:focus { background:#dedede; color:#000} .box_10 { padding:20px; background: #fff; border:solid 1px #ddd; border-radius:10px; text-align: center; margin:0 0 20px 0;} .box_10 input[type="button"] { padding:20px 13%} .box_10 input[type="text"] { background: #fff} #substitute_Dialog .box_10 { padding:20px 0; margin:10px 0 0 0} #substitute_Dialog .box_10 input[type="button"] { padding:20px 0; width: 30%; margin:0 0 0 0.5% } #substitute_Dialog .box_10 input[type="button"]:first-child { margin: 0} #substitute_Dialog #hidden_Form { float: right; margin: -30px 0 0 0 } .join_result { padding:20px; background: #fff; border:solid 1px #ddd; border-radius:10px; text-align: center; margin:0 0 20px 0; } .join_result p { font-size: 24px; line-height: 2em; padding:10px 0 20px 0;; border-bottom: #ededed dotted 1px; margin: 0 0 20px} .join_result input { padding: 10px 30px; font-size: 16px; } /* */ #approve_List_Div .btn_search { float: right; margin-right:10px} /* 이용자 - 기증자 */ .donor_personal,.donor_group {width: 48%; float: left} .donor_group { float: right} #donor_TotalCnt,#teamdonor_TotalCnt, .totalCnt {padding:0 0 5px 0; text-align: right; color: #8e8e8e} .totalCnt_2 {overflow:hidden; margin:15px 0; text-align: right; color: #8e8e8e} .btn_area_10_box {text-align: center; padding: 20px 0 ; background: #fff; border:solid 1px #dedede ; padding: 20px 5%; margin: 40px 0 0; border-radius: 10px } .btn_area_10_box input[type="button"] {width:48.5%; padding:10px 0; text-align: center; margin:0 0.5%;} .btn_area_10_box input[type="text"] { margin: 0 5px; width: 32%} .btn_area_10_box label { font-size: 14px} #team_donor_name { margin-right:20px;} /* 범례 */ .ex_wrap { text-align:right} .ex_wrap span { display:inline-block; width: 27px; padding:0 4px; height:45px; text-align:center; color:#757575} .ex_wrap span:before { display:block; width:28px; height:28px; margin:0 0 5px 0; border-radius:14px; content:""; background-image:url(../../resources/images/icon_ex_10.png); background-repeat:no-repeat} .ex_10:before { background-color:#98cc54; background-position: 0 0 } .ex_20:before { background-color:#73a7c5; background-position: -47px 0} .ex_30:before { background-color:#ff8e7b; background-position: -93px 0} .ex_40:before { background-color:#b997d6; background-position: -141px 0} .ex_50:before { background-color:#bab668; background-position: -190px 0} .ex_60:before { background-color:#ff821e; background-position: -238px 0} a.ex_10, a.ex_20, a.ex_30, a.ex_40, a.ex_50, a.ex_60 { display: block; width: 28px; height: 28px; margin: 0 auto; border-radius: 14px; background:url(../../resources/images/icon_ex_10.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } a.ex_10 { background-color:#98cc54; background-position: 0 0 } a.ex_10:hover, a.ex_10:focus { background-color: #85be3b} a.ex_20 { background-color:#73a7c5; background-position: -47px 0} a.ex_20:hover, a.ex_20:focus { background-color: #5c9cc1} a.ex_30 { background-color:#ff8e7b; background-position: -93px 0} a.ex_30:hover, a.ex_30:focus { background-color: #f0715c} a.ex_40 { background-color:#b997d6; background-position: -141px 0} a.ex_40:hover, a.ex_40:focus { background-color: #ac81d1} a.ex_50 { background-color:#bab668; background-position: -190px 0} a.ex_50:hover, a.ex_50:focus { background-color: #aea94f} a.ex_60 { background-color:#ff821e; background-position: -238px 0} a.ex_60:hover, a.ex_60:focus { background-color: #ed6f0a} /* 검색 */ .content_head_10 { text-align:right; background:#fff;margin-bottom:10px} /* background:#2a5574 424242 */ .content_head_10 .th label { margin:0} .content_head_10 input[type="text"], .content_head_10 select { margin:1px 2px; border:solid 2px #e3e3e3} .content_head_10 select {} .content_head_11 { text-align:right; background:#fff} /* background:#2a5574 424242 */ .content_head_11 .th label { margin:0} .content_head_11 input[type="text"], .content_head_11 select { margin:1px 2px; border:solid 2px #e3e3e3} .content_head_11 select {} .newHeaderTable table tr td:last-child.btn_td, .newHeaderTable table tr td.btn_td { text-align: right; font-size: 0} #reserveControll_title_action input[type="text"] {/* padding:5px 2px; width:70px */} #reserveControll_title_action .ui-datepicker-trigger { padding:2px 0} .content_head_10 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;} .content_head_10 input[type="button"].btn_2x_1 { padding:32px 20px; float: right; margin:-80px 0 0 15px;} .content_head_10 input[type="button"].btn_3x { padding:52px 20px; float: right; margin:-90px 0 0 15px;} .content_head_10 a:hover, .content_head_10 a:focus { color:#fff; background:#000} .content_head_10 input[type="button"]:hover, .content_head_10 input[type="button"]:focus { color:#fff; background-color:#19a5c7; border-color:#19a5c7} .content_head_11 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;} .content_head_11 input[type="button"].btn_2x_1 { padding:32px 20px; float: right; margin:-80px 0 0 15px;} .content_head_11 input[type="button"].btn_3x { padding:52px 20px; float: right; margin:-90px 0 0 15px;} .content_head_11 input[type="button"]:hover, .content_head_11 input[type="button"]:focus { color:#fff; background-color:#19a5c7; border-color:#19a5c7} /* .content_head_10 input[type="button"]#search_btn { margin:0 0 0 -30px } */ /* 검색 레이아웃 수정 201801 KOLOR */ .headerTable1 {margin:0 auto; border-radius:6px; margin:0 0 15px 0; box-shadow:rgba(0,0,0,.08) 0 2px 3px; border-top:solid 1px #f1f1f1;} .headerTable1:after { display: block; content: ""; clear: both;} .headerTable1 table { background: none; width: 100%; padding:5px 0} .headerTable1 table td { padding:6px 8px; text-align: left; border-bottom:solid 1px #f1f1f1 } .headerTable1 table tr:first-child td { padding-top:10px} .headerTable1 table tr:last-child td { padding-bottom:8px } /* .headerTable1 table tr :first-child { padding-left:0} .headerTable1 table tr td:last-child { padding-right:0} */ .headerTable1 table .th { padding-left:10px; color: #626262; font-weight: 500; border-left:solid 1px #f1f1f1; } .headerTable1 table .th[colspan="2"]{ border-right:solid 1px #575757 } .headerTable1 .td2 {border-right:solid 1px #5e5e5e} .btn_headerArea { padding:8px 12px 10px 0; background: rgba(255,255,255,0.15) } .headerTable1 div.btn_headerArea input[type="button"] {border-radius:3px; font-size: 15px} /* 상단 건색조건영역 리뉴얼 201812 */ .newHeaderTable { background: #fff; border-radius:6px; box-shadow:rgba(0,0,0,.08) 0 2px 3px; border-top:solid 1px #f1f1f1;} .newHeaderTable table {width: 100%;border-radius:7px; } .newHeaderTable table td {padding:6px 8px; border-bottom:solid 1px #f1f1f1} .newHeaderTable table tr:first-child td { padding-top:10px} .newHeaderTable table tr:last-child td { padding-bottom:8px} .newHeaderTable table .th { padding-left:10px; color: #626262; font-weight: 500; border-left:solid 1px #f1f1f1; } .btnArea { padding:10px 0 15px 0; text-align: right; border-bottom: solid 1px #ededed} .newHeaderTable td.btn_td { text-align: right;} /* 구입 */ .popupWrap10 {margin: 0 0 10px 0} .popupWrap10 h4{ background: #717171; color:#fff; font-size: 14px; padding:15px 10px; border-radius:5px 5px 0 0} .popupWrap10 .float_r {margin: -36px 10px 0} .popupWrap10 .float_r label { color:#fff} .popupWrap10 .table_30 {margin: 0; border-top: 1px solid #ddd;} .popupWrap10 table {width: 100%;} .popupWrap10 table th, .popupWrap10 table td {padding-left:10px} .popupInfo10 { background: #ededed; padding:6px 10px} .popupInfo12 { background: #f0f0f0; padding-left:110px} .popupInfo12 #view_image { float:left; margin: 0 0 0 -100px; width:90px; min-height:90px; border: solid 1px #ddd; background:#fff url(../../resources/images/bg_noImage2.png) no-repeat center center} .a45 .ui-dialog { position:relative } #bookSearch_btn { width:18%; float:right; padding:57px 0; margin:20px 0 0 0 } .popupWrap10#book_status th{ min-width:160px; } .btnFr { float: right; margin: -28px 0 5px 0;} /* 구입 - 구입자료관리(서지정보조회 목록) */ .book_list { clear:both} .book_list li { padding:10px 0 7px 0; border-top:#ddd dotted 1px; overflow:hidden} .book_list .book_cover { float:left; width:85px; height: 120px} .book_list h4 { padding:0 0 10px 0} .book_list h4 a { font-size:14px} .book_list .book_info { width: 70%; float:left; padding: 0 0 0 2%} .book_list .book_info dl {overflow:hidden; padding:2px 0} .book_list .book_info dt {font-weight:500} .book_list .book_info dt, .book_list .book_info dd { float:left; padding:0 5px 0 0} .book_list .book_info dd { padding:0 15px 0 6px; position:relative} .book_list .book_info dd:before { display:block; content:""; width:1px; height:10px; background:#ddd ; position:absolute; top:0px; left:0} .book_list .book_info dl.book_info1 { color:#8e8e8e} .book_list .book_info dl.book_info1 dt{color:#678cbf} .book_list .book_info dl.book_info2 {color:#8e8e8e;} .book_list .book_info dd.book_info_summary { padding:10px 0; line-height:1.3em; color:#717171} .book_list .book_info dd.book_info_summary:before { display:none} .book_list input.pri { padding:5px 10px; float:right} /* 구입 - 연속 */ #pubDataTbl input, #pubDataTbl label { vertical-align: initial} #getDataTbl input, #getDataTbl label { vertical-align: initial} .headerTable1 #detail_search_btn, .headerTable1 #default_search_btn2 { display: none; padding-left:40px} .headerTable1 #detail_search_btn.trOn, .headerTable1 #default_search_btn2.trOn { display: inline-block} .headerTable1 #default_search_btn2.trOn {background-position: 2px -32px} tr.detail_search_tr{ height:0; overflow:hidden; padding-top:0px; padding-bottom:0; opacity:0; transition: all 0.2s ease 0s;} tr.detail_search_tr td{height: 0; overflow: hidden; padding-top:0; padding-bottom:0; position: relative; border-bottom: none; font-size: 0; line-height: 0; transition: all 0.2s ease 0s;} tr.detail_search_tr td * { position: absolute; left: -9999px;} tr.detail_search_tr.trOn { display:table-row; height:auto; padding-top:6px; padding-bottom:6px; opacity: 1; overflow: auto; } tr.detail_search_tr.trOn td { padding-top:6px; padding-bottom:6px; height:auto; border-bottom: solid 1px #ededed; font-size: 15px; } tr.detail_search_tr.trOn td * { position: static;} /* 2018.06.05 ADD BY KHY: 이용자관리의 간략검색/상세검색 기능 추가 */ tr.detail_search2_tr{ display:none;} tr.detail_search2_tr.trOn { display:table-row;} /* 2018.06.05 ADD BY KHY: 이용자관리의 간략검색/상세검색 기능 추가*/ tr.detail_search2_tr{ position: fixed; top:-100px} tr.detail_search2_tr td {transition: all 0.2s ease 0s; padding-top: 0;padding-bottom: 0; height:1px; overflow: hidden;} tr.detail_search2_tr.trOn{position:static; top:0} tr.detail_search2_tr.trOn td{padding-top: 6px;padding-bottom: 6px; height:auto;transition: all 0.2s ease 0s; overflow: inherit;} table input[type="button"]#MAIN_LOAN_INFO, table input[type="button"]#OBJECT_LOAN_INFO { padding:5px 6px} .content_head_10 input[type="button"].btn_detail_search { background-image: url("../images/btn_detail_search.png"); background-position: 2px 0} .content_head_11 input[type="button"].btn_detail_search { background-image: url("../images/btn_detail_search.png"); background-position: 2px 0} .newHeaderTable table tr.detail_search_tr td { padding-bottom:0} .newHeaderTable table tr.detail_search_tr.trOn td { padding-bottom:8px} .display{ height: 0; overflow: hidden; opacity:0; transition: all 0.2s ease 0s; } .display.on { height: auto; overflow:visible; opacity:1; } .display.on:after { display:block; content: ""; clear: both; } /* 구입 - 체크인 */ .acq{ float: right; margin: -10px 0 -5px 0; } .acq label { padding-left: 20px } .acq input[type="button"] { margin-left: -2px; font-size: 13px; } /* 수서 */ .content_head_20 { color:#fff; text-align:right; width:94.5%; padding:22px 2.5% 26px 2.5%; border-radius:0 0 8px 8px; background:#666; box-shadow:#eeeeee 0 3px 2px;border-top: dotted #5c5c5c 1px; margin:-27px 0 7px 0 ;*zoom:1 } /* background:#2a6188; */ .content_head_20:after {content:" "; display:block; clear:both} .content_head_11 h4, .content_head_10 h4, .content_head_20 h4 { font-size:16px; width:22%; float:left; text-align:left; line-height:1.6em} .content_head_10 a, .content_head_20 a { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px} /* 수서 > 구매관리 > 파일반입 */ #importForm .content_head_20 ul { text-align: left; overflow: hidden } #importForm .content_head_20 ul li { width: 25%; float: left; padding:0; height: 30px} #importForm .content_head_20 ul li label {display: inline-block; width: 35%;} #importForm .content_head_20 ul li input[type="text"], #importForm .content_head_20 ul li select { width:55%} dl.PurchaseMain { text-align: right; padding:10px 3px 0 0 } .PurchaseMain dt, .PurchaseMain dd {display: inline; color: #333} .PurchaseMain dt { padding-left:15px; font-weight:400; color:#8e8e8e} /* 소장자료 */ #Facet_Search_Bar_Form { padding:0 0 20px 0; margin:-10px 0 0 0 } .content_head_30 { color:#fff; padding:20px 1.5% 27px 1.5%; background:#494949;box-shadow:#eeeeee 0 3px 2px;border-top: dotted #5c5c5c 1px; margin:0 0 -10px 0 ;*zoom:1 } .content_head_30:after {content:" "; display:block; clear:both} .content_head_30 h4 { font-size:14px; width:5.5%; float:left} .content_head_30 input[type="button"] { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px} .content_head_30 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;} .content_head_30 a { color:#CCC; padding: 1px 20px 1px 14px;background:url(../../resources/images/btn_close_10.png) no-repeat 99.5% 6px; } .content_head_30 a:hover, .content_head_30 a:focus { color:#fff; background-position: 99.5% -20px} .content_head_30 input[type="button"]:hover, .content_head_30 input[type="button"]:focus { color:#fff; background:#000} .content_head_32 { color:#fff; padding:9px 40px 0 10%; min-height:29px; overflow:hidden; background:#585858; box-shadow:#eeeeee 0 3px 2px;border-top: dotted #747474 1px; *zoom:1; position: relative; line-height: 1.1em } .content_head_32.moreOn { height: 29px} .content_head_32.on { height: auto} .content_head_32:after {content:" "; display:block; clear:both} .content_head_32 h4 { font-size:14px; position: absolute; left:1.5%; top:11px} .content_head_32 a {color:#CCC; padding:2px 12px 10px 8px; background: url("../images/deco_bar10.png") no-repeat right 5px; word-break:keep-all; display: inline-block;} /* .content_head_32 h4 + a { padding-left:0; background: none} */ .content_head_32 input[type="button"] { padding:5px 20px; background:#303030; color:#CCC; border:#5c5c5c solid 1px; font-size:14px} .content_head_32 input[type="button"].btn_2x { padding:32px 20px; float: right; margin:-48px 0 0 15px;} .content_head_32 a:hover, .content_head_32 a:focus { color:#fff} .content_head_32 input[type="button"]:hover, .content_head_32 input[type="button"]:focus { color:#fff; background:#000} input[type="button"].btnOpen, input[type="button"].btnClose { display:none; font-size: 0; background: url(../images/btn_more_40.png) no-repeat 0 0; width: 30px; height: 30px; position: absolute;right: 10px; top:4px; padding:0; border:none} input[type="button"].btnOpen:hover, input[type="button"].btnOpen:focus {background: url(../images/btn_more_40.png) no-repeat 0 -31px} input[type="button"].btnClose { background-position:0 -61px} input[type="button"].btnClose:hover, input[type="button"].btnClose:focus {background: url(../images/btn_more_40.png) no-repeat 0 -92px} .content_head_32.moreOn input[type="button"].btnOpen { display: inline-block;} .content_head_32.moreOn.on input[type="button"].btnOpen{ display:none; } .content_head_32.moreOn.on input[type="button"].btnClose{ display: inline-block; } .input_t10 {margin:0 0 0 15px; color:#fff; background:#444; border:#5c5c5c solid 1px; padding:5px 10px; width:10%; line-height:1.2em} .ui-dialog table#kdc_class_dialog { width: 100%} .sign_menu2 { margin:0 0 0 5px} .sign_menu2 input[type="button"] { background: #068dae; border-color:#0b7d99; width:20%; text-align: center; padding:6px 0; border-radius:0; margin:-1px 0 0 -5px} .sign_menu2 input[type="button"].active, .sign_menu2 input[type="button"]:hover, .sign_menu2 input[type="button"]:focus {background:#1d5575; color:#fc0} /* 이용자 */ .user_info2 { overflow: hidden} .info_view_10 { width: 18%; float: left} .user_name { font-weight:500; display:block; padding:0 0 5px 0} .span_bar_03 { display:inline-block; padding: 0 8px 0 0} .span_bar_05 { display:inline-block; padding: 3px 5px 3px 0} .span_bar_07 { display:inline-block; padding: 3px 5px 3px 0; margin:0 96px 0 0;} .span_bar_08 { display:inline-block; border-left:1px #999 solid; padding: 0 8px} .span_bar_10 { display:inline-block; border-left:1px #999 solid; padding: 0 8px} .span_bar_12 { display:inline-block; border-left:1px #999 solid; padding: 0 0 0 8px; position: relative;} .span_bar_15 { display:inline-block; border-left:1px #999 solid; padding: 0 8px; margin:0 90px 0 0; } .join_type { border:solid 1px #ededed; border-radius:10px; background:#fff; overflow:hidden; padding:60px 0; text-align:center } .join_type input { width:40%; padding:50px 0; margin:0 10px; font-size:21px} .identity { border:solid 1px #ededed; border-radius:10px; background:#fff; overflow:hidden; padding:60px 0; text-align:center } .identity input { width:15%; padding:50px 0; margin:0 10px;} /* .identity input:first-child { width:65%} */ /* 이용자 - 대출증 출력타입 */ #userCard_MarginImg { text-align:left; width: 360px;height:290px;background: url(../images/cardImg.png) no-repeat center 68px; } #userCard_MarginImg h4 {font-size: 19px; padding: 0 0 0 4px; background: #fff; font-weight: normal; } .cardImgWwarnTxt{ color: #f60; font-size: 12px; padding: 6px 0; background: #fff; } .printCardType td, .printLabelType td { text-align: left; } .printCardType td label, .printLabelType td label{ display: inline-block; width: 150px; text-align: left; } #userCard_MarginImg.cardImg1 {background-position: center -157px;} #userCard_MarginImg.cardImg2 {background-position: center -382px;} #userCard_MarginImg.cardImg3 {background-position: center -607px;} #userCard_MarginImg.cardImg4 {background-position: center -832px;} #userCard_MarginImg.cardImg5 {background-position: center -1057px;} #userCard_MarginImg.cardImg6 {background-position: center -1282px;} #userCard_MarginImg.cardImg7 {background-position: center -1507px;} #userCard_MarginImg.cardImg8 {background-position: center -1732px;} #userCard_MarginImg.cardImg9 {background-position: center -1957px;} #userCard_MarginImg.cardImg10 {background-position: center -2182px;} #userCard_MarginImg.cardImg11 {background-position: center -2407px;} #userCard_MarginImg.cardImg12 {background-position: center -2632px;} #userCard_MarginImg.cardImg13 {background-position: center -2857px;} #userCard_MarginImg.cardImg14 {background-position: center -3082px;} #userCard_MarginImg.cardImg15 {background-position: center -3307px;} #userCard_MarginImg.cardImg16 {background-position: center -3532px;} #userCard_MarginImg.cardImg17 {background-position: center -3757px} #userCard_MarginImg.cardImg18 {background-position: center -3982px;} /* 이용자 - 가입 */ .accessterms { padding: 10px 0; margin:0 0 10px 0; border-bottom:#ddd dotted 1px} .accessterms h4 {font-size:16px; padding:0 0 10px 0; font-weight:normal} .accessterms textarea{ width:95.5%; height:100px; padding:10px 2%; font-size:12px; color:#717171; line-height:1.4em } #at_Content { margin:0 0 20px 0} div.textarea { width:95.5%; height:100px; padding:10px 2%; font-size:12px; color:#717171; line-height:1.4em; border: solid 1px #ddd; background:#fff; overflow: auto; } div.textarea2 { width:92%; height:100px; margin:0 auto; padding:10px 2%; font-size:12px; color:#717171; line-height:1.4em; border: solid 1px #ddd; background:#fff } div.textarea:hover, div.textarea:focus, div.textarea2:hover, div.textarea:focus {border:solid 1px #2bb0d1} .accessterms .txt_r { padding:10px 0} #print{ width: 210mm; min-height:297mm;} @media screen { #print{margin:10mm auto 0 8% ;position: absolute; left: 50%;margin-left: -150mm;} } @media only print { #print{margin:0 auto} } #display_setting { position: absolute;/* right: 5%;*/ margin-left: 110mm; top: 10mm; left: 50%; margin-left: 70mm; } #display_setting ul {border:solid 1px #ddd; border-top:none; margin-bottom: 10px;} #display_setting li { border-top:solid 1px #ddd; background: #fff; padding-right: 15px;} #display_setting label { display:inline-block; background: #f2f2f2; width: 200px; padding: 16px 10px 16px 16px; } #bt_print {width: 100%;} #reference{ color : #457e9c; padding: 20px 0;} /* 통계 */ .stats_li { overflow:hidden} .stats_li strong, .stats_li span { display:block; line-height:1.4em; font-weight:normal} .stats_li span { font-size:18px; color:#1ca2c3; padding-top:7px} .stats_li li { width:10.5%; height:50px; padding:15px 1.5% 15px 7%; float: left; background:#fff url(../../resources/images/bg_30.png) no-repeat 0 0; border-radius:8px; margin:20px 0.5%; box-shadow:#eeeeee 0 3px 2px } .stats_li li.withdrawalUser { background-position: 0 -100px} .stats_li li.loanUser { background-position: 0 -200px} .stats_li li.returnUser { background-position: 0 -300px} .stats_li li.loanBook { background-position: 0 -400px} .stats_li li.returnBook { background-position: 0 -500px} .stats_li li.joinBook { background-position: 0 -600px} .stats_li li.disuseBook { background-position: 0 -700px} .stats_li li.dayAvgUser { background-position: 0 -800px} .stats_li li.dayAvgloanBook { background-position: 0 -900px} span.sc_rebuild { display: block; width: 12%; padding:0 4.5% 0 0; height:40px; float: left; position: relative; } span.sc_rebuild label { padding:10px 0 0 0;} span.sc_rebuild input { position: absolute; right: 12%; top: 0} #bookStatustics_tbl thead th[colspan="2"], result_tbl {border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5;} #bookStatustics_tbl th[rowspan="2"].book1 {border-right: 1px solid #d5d5d5;} #bookStatustics_tbl thead th[rowspan="2"].totalPrice {border-left: 1px solid #d5d5d5;} #bookStatustics_tbl th {border:#dbdbdb solid 1px} #bookStatustics_tbl td {border:#ededed solid 1px} #bookStatustics_tbl tr:last-child td, #bookStatustics_tbl .totalPrice{ color:#769ec2; font-weight: 500; background: #f8fafb} .radioWrap { padding:10px} .nav08_14 .jQTab, .nav08_15 .jQTab, .nav09_12 .jQTab, .nav09_01 .jQTab { margin: 0} .login_info a { color:#FFF; padding:3px 15px; border:#19a5c7 solid 1px; border-radius:4px} .login_info a:hover, .login_info a:focus { background:#19a5c7} #regCodeLoan_tbl td, #userGroupBook_tbl td, #regCode_tbl td, #separateShelfCode_tbl td,#bookstatus_tbl td, #acqusition_tbl td, #shelflocCode_tbl td {width:7%} #user_group_tbl td {width:9%} #user_group_tbl td.loan_stop_give_way { width:20%} /* 출력 */ .box_20 { padding:20px 1% 20px 0; background:#fff; border:solid 1px #ddd; border-radius:4px; margin: 20px 0 10px 0; vertical-align:middle} .box_20:after { display: block; content: ""; clear: both} #nomalUserloanDiv > .box_20 { margin-top: 0} .box_20 h4 { width:11%; float:left; padding:6px 0; border-right: #ddd solid 1px; margin: 3px 6% 0 5%; } #bookiumUserloanDiv .box_20 h4 { width:16%} .box_20_radio { width: 50%; padding: 15px 0 0 0; margin: 0 0 0 22% } td .box_20_radio { width: inherit; margin:0; padding: 9px 0; border-top:dotted 1px #ededed} td .box_20_radio:first-child{border:none} .box_20_radio p { padding:10px 0; border-top: dotted 1px #ddd} .box_20_radio input[type="button"] { padding:22px 2%;float:right} .box_20_ex { float:right; width: 78%; padding: 15px 0 0 0; overflow:hidden} td .box_20_ex { float: none; width: inherit;} .box_20_ex p { padding:10px 0; border-top: dotted 1px #ddd} .box_20_ex input { padding:22px 2%; padding:0 2%; float:right} .box_20_ex input + p { margin:12px 0 0 0;} input[type="button"].btn_print_view1 { /* padding:8px 20px; */ float:right; margin:0 0 0 5px} input[type="button"].btn_print_view2 { /* padding:20px; */ float:right; margin:-55px 0 0 4px} input[type="button"].btn_print_view3 { /* padding:20px; */margin:0 0 0 4px} span.btn_print_area3 { float:right; text-align: right; margin: -55px 0 0 0} #barcodePrintPositionSettingDialog {padding:15px 5px 0 355px; background: url(../images/label_explanation3.png) no-repeat 0 5px} #barcodePrintPositionSettingDialog li { padding:8px 5px; font-size: 14px; border-top: solid 1px #ededed} #barcodePrintPositionSettingDialog li:first-child {border-top: solid 1px #ccc; background: #f9f9f9; margin:12px 0 0 0;} #callnoPrintPositionSettingDialog {padding:15px 5px 0 355px; background: url(../images/label_explanation3.png) no-repeat 0 5px} #callnoPrintPositionSettingDialog li { padding:8px 5px; font-size: 14px; border-top: solid 1px #ededed} #callnoPrintPositionSettingDialog li:first-child {border-top: solid 1px #ccc; background: #f9f9f9; margin:12px 0 0 0;} #box_name_setting {padding:15px 5px 0 355px; background: url(../images/label_explanation3.png) no-repeat 0 5px} #box_name_setting li { padding:8px 5px; font-size: 14px; border-top: solid 1px #ededed} #box_name_setting li:first-child {border-top: solid 1px #ccc; background: #f9f9f9; margin:12px 0 0 0;} select[multiple="multiple"].select90 { width: 90%; height:100px} /* 열람 - 바로바로 입력 And 구입-주문-주문하기 */ .progressBar { border:solid #ccc 1px; background: #ededed; margin: 0 auto 15px auto; border-radius :15px; width:98%;} .progressBar span { display: block; line-height: 2em; text-align: center; color:#fff; border-radius :15px; background: #61c3c6; background: linear-gradient(to right, #61c3c6 0%,#35699a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c3c6', endColorstr='#35699a',GradientType=0 );} .bookinfoWrap { margin: 20px 0 0 0;} .bookImg { margin: 0 auto;} /* 열람 > 공통 > 목차초록 */ #abstracts_dialog, #contents_dialog {display:none;} #fastBookRegisterForm .newHeaderTable { font-size: 0} #fastBookRegisterForm .newHeaderTable * { font-size: 15px} #fastBookRegisterForm .hr_10 + input, #fastBookRegisterForm .hr_10 + label, #fastBookRegisterForm #non_auto_span, #fastBookRegisterForm #non_auto_class_no_span, #fastBookRegisterForm label[for="search_isbn"], #fastBookRegisterForm label[for="vol"], #fastBookRegisterForm label[for="vol_code"], #fastBookRegisterForm #marc_option1, #fastBookRegisterForm label + input[type="checkbox"] { margin-left: 20px} #fastBookRegisterForm .newHeaderTable { padding-bottom:10px} #fastBookRegisterForm .hr_10 { margin: 5px 0} table#add_list_tbl .title{width:130px} .divA { display: inline-block; } .divA{ width: 24.5%; padding:8px 0; text-indent:8px; height: 34px; border-left:#f1f1f1 solid 1px; border-top:1px #f1f1f1 solid} .divA label {display: inline-block; width: 40%;} .divA input[type="text"], .divA select { width:50%} .divA input[type="text"] { width: 45%} span.donator_button {background: #8e8e8e; border: 1px solid #8e8e8e; color: #ddd; font-size: 13px; font-weight:400; padding: 5px 22px;} #donator_button { position: absolute; right: 0; top:-5px} /* 환경설정 */ .top_setting_30 { overflow:hidden; border-bottom: solid 1px #2bb0d1} .top_setting_30 a { background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#a5a5a5; display:block; width:33.3%; float: left; text-align:center; padding:10px 0 } .top_setting_30 a:first-child {background:#eaeaea} .top_setting_30 a.on, .top_setting_30 a:hover,.top_setting_30 a:focus {background:#2bb0d1; color:#fff} /* 환경설정 > 공통 > 대출환경설정 */ #user_group_tbl td input[type="text"] { width: 50px; text-align: center; text-indent: 0} /* 환경설정 > 도서관관리 */ .nav09_05 #imageViewDiv { display: table-cell; vertical-align: middle; text-align: center; height: 160px; background-image: none} .tab_40 { overflow:hidden; border-bottom: solid 1px #2bb0d1; margin: 15px 0 20px 0} #content > .h4_20 { margin-top: 0} #content > form + .tab_40 { margin: 0} .tab_40 li {float:left; width:25%; display:block} .tab_40 li a{ display:block; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#a5a5a5; text-align:center; line-height:2.7em } .tab_40 li:first-child a {background:#eaeaea} .tab_40 li a.on, .tab_40 li a:hover,.tab_40 a:focus, .tab_40 li a.main_tab_selected, .tab_40 li a.main_tab_selected:hover,.tab_40 a.main_tab_selected:focus {background:#1aa2c0; color:#fff} th.email_rep, th.lib_name { width: 25%} /* 환경설정2 */ .tab_50 { overflow:hidden; border-bottom: solid 1px #2bb0d1} .tab_50 li {float:left} .tab_50 li a{background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center; padding:12px 50px; line-height:2.7em } .tab_50 li:first-child a {background:#eaeaea} .tab_50 li a.on, .tab_50 li a:hover,.tab_50 a:focus {background:#2bb0d1; color:#fff} .jQTab { overflow:hidden; border-bottom: solid 1px #2bb0d1; margin: 15px 0 20px 0; margin: 0} .jQTab li {float:left} .jQTab li a{ display:block; width:100%; height:30px; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center; padding:15px 0 0 0; line-height: 1.2em } .jQTab li:first-child a {background:#eaeaea} .jQTab li a.on, .jQTab li a:hover,.jQTab a:focus {background:#169dbf; color:#fff} /* tab 메뉴가 li로 쌓여 있지 않을경우 */ .jQTab>a{ display:block; float:left; height:30px; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center; padding:15px 0 0 0; line-height: 1.2em } .jQTab>a:first-child a {background:#eaeaea} .jQTab>a.on, .jQTab>a:hover,.jQTab>a:focus {background:#2bb0d1; color:#fff} .jQTab1 li, .jQTab2 li { width:50%} .jQTab3 li, .jQTab3>a { width:33%} .jQTab3 li:first-child, .jQTab3>a:first-child { width: 34%} .jQTab4 li, .jQTab4>a { width:25%} .jQTab5 li, .jQTab5>a { width:20%} .jQTab6 li, .jQTab6>a { width:16.5%} .jQTab6 li:first-child, .jQTab6>a:first-child { width: 17.5%} .jQTab7 li , .jQTab7>a { width:14%} .jQTab7 li:first-child , .jQTab7>a:first-child { width: 16%} .jQTab8 li , .jQTab8>a { width:12.5%} .jQTab9 li , .jQTab9>a { width:11%} .jQTab9 li:first-child , .jQTab9>a:first-child { width: 12%} .jQTab10 li , .jQTab10>a { width:10%} .jQTab11 li , .jQTab11>a { width:9%} .jQTab11 li:first-child , .jQTab11>a:first-child { width: 10%} .jQTab12 li , .jQTab12>a { width:8.5%} .jQTab12 li:first-child , .jQTab12>a:first-child { width: 6.5%} /* ver2 */ .jQTabV2{margin:50px auto;position:relative; overflow: hidden} .jQTabV2:after { display: block; content: ""; clear: both; } /*제이쿼리에서 addClass적용할 클래스 openTab*/ .tabHeading { width: 50%; float: left; position: absolute; top: 0 } .tabHeading3 { width: 33% } .tabHeading4 { width: 25% } .tabHeading5 { width: 20% } .tabHeading6 {width: 16.66%} .tabHeading7 {width: 14.285%} .tabHeading8 {width: 12.5%} .tabHeading9 {} .tabHeading10 {} .tabHeading11 {} .tabHeading12 {} .jQTabV2_2 .tabH2 { left:50%} .jQTabV2_3 .tabH2 { left:34%} .jQTabV2_3 .tabH3 { left:67%} .jQTabV2_4 .tabH2 { left:25%} .jQTabV2_4 .tabH3 { left:50%} .jQTabV2_4 .tabH4 { left:75%} .jQTabV2_5 .tabH2 { left:20%} .jQTabV2_5 .tabH3 { left:40%} .jQTabV2_5 .tabH4 { left:50%} .jQTabV2_5 .tabH5 { left:60%} .jQTabV2_6 .tabH2 { left:16.66%} .jQTabV2_6 .tabH3 { left:33.33%} .jQTabV2_6 .tabH4 { left:50%} .jQTabV2_6 .tabH5 { left:66.66%} .jQTabV2_6 .tabH6 { left:83.33%} .jQTabV2_7 .tabH2 { left:14.285%} .jQTabV2_7 .tabH3 { left:28.571%} .jQTabV2_7 .tabH4 { left:42.857%} .jQTabV2_7 .tabH5 { left:57.142%} .jQTabV2_7 .tabH6 { left:71.428%} .jQTabV2_7 .tabH7 { left:85.714%} .jQTabV2_8 .tabH2 { left:12.5%} .jQTabV2_8 .tabH3 { left:25%} .jQTabV2_8 .tabH4 { left:37.5%} .jQTabV2_8 .tabH5 { left:50%} .jQTabV2_8 .tabH6 { left:62.5%} .jQTabV2_8 .tabH7 { left:75%} .jQTabV2_8 .tabH8 { left:87.5%} .tabHeading a { display: block; width: 100%; background:#eaeaea url(../images/bg_05.gif) repeat-y 0 0; color:#169dbf; text-align:center;line-height: 3.6em;box-sizing: border-box;border-bottom: solid 1px #2bb0d1} .tabHeading.tabH1 a {background:#eaeaea} .tabHeading a:hover, .tabHeading a:focus, .tabHeading a.on{background:#2bb0d1; color:#fff} .tabContent {margin-top: 60px; display:none; float: left; width: 100%} .tabContent.on { display: block } /* 환경설정 - 휴관일 달력 */ .select_month_wrap { float:left ; width:50%} .selected_month_wrap { float: right; width: 49%} .select_list { outline: solid 1px #ededed; background: #fff; margin: 78px 0 10px 0; padding:0 10%} .selected_day { padding:3px 0} .selected_day:after { display: block; content: ""; clear: both;} .selected_day li {padding:3px 0; border-top:dotted 1px #bbb; float: left; width: 50%} .selected_day li:first-child, .selected_day li:nth-child(2) { border:none} .selected_day label { display:inline-block; width: 25%; font-size: 15px; vertical-align: middle; padding:4px 0 0 0} .selected_day li:nth-child(even) {float: right; text-align: right;} .selected_day li:nth-child(even) label {text-align: left; text-indent: 5%} .selected_month {outline: solid 1px #ededed; background: #fff; padding:0 10%; position: relative;} .selected_month ul { padding:10px 0;} .selected_month select {} .selected_month input[type="button"] { position: absolute; right: 10%; top: 12px; padding:8px} .select_month { text-align:center; font-size:16px; position:relative; padding:16px 0 30px 0;} .select_month:after { content:""; display:block; clear:both} .select_month select { font-size:21px; padding:0 15px; margin:0 5px 0 10px; background:#fff} .select_month a {display:block; width:60px; height:60px; background:#8e8e8e url(../images/btn_arrow_10.png) no-repeat 6px 6px; border-radius:30px; font-size:0; overflow:hidden; position:absolute; top:0; left:50%; margin:0 0 0 -230px} .select_month a.next {background-position:-38px 6px; margin:0 0 0 200px} .select_month a:hover {background-color:#747f83; background-position:6px -41px} .select_month a.next:hover {background-color:#747f83; background-position:-38px -41px} .select_auto { outline: solid 1px #ededed; background: #fff; margin: 10px 0; padding:0 10% 10px 10%} .select_auto:after { display:block;content: ""; clear: both} .select_auto input[type="button"] {width: 48%; margin:8px 0 0 1%; padding:10px 1%;} .select_auto a{ display:block; width: 46%; height:60px; float: left; padding:6px 1%; margin:10px 0 0 1%; background:#2bb0d1; color:#fff; border-radius:4px; text-align: center;} .h4_30 { color:#169dbf; font-size: 18px; border-bottom:solid 1px #bbb; padding:18px 0 14px 0} .holycalendar { width:100%} .holycalendar li { display: block; height:70px; width:14%; float: left; padding:10px 0 5px; border-top: dotted 1px #ededed;background:#fff;} .holycalendar li a { display:block; width:80%;; padding:2px 5% 2px 15%} .holycalendar li.cal_header { border-top: #ddd solid 1px; background :#ededed; text-align:center; height:15px; padding:15px 0; font-size:16px} .holycalendar li.cal_header.sun { color:#df641a} .holycalendar li.cal_header.sat { color:#41a0c7} .holycalendar a.day {font-size:19px; color:#bfbfbf} .holycalendar a.day:hover, .holycalendar a.day:focus {} .holycalendar2 { width:100%; overflow:hidden} .holycalendar2 li { display: block; height:102px; width:14%; float: left; padding:0; border-top: dotted 1px #ededed;background:#fff;} .holycalendar2 li a { display:block; width:80%; height: 100%; padding:10%; color: #8e8e8e} .holycalendar2 li a.day.on { background: #ededed; color:#666;} .holycalendar2 li a span { display: block; padding: 7px 0 0 0; font-size: 14px } .holycalendar2 li a:hover, .holycalendar2 li a:focus { color:#f60; background: #ededed } .holycalendar2 li.cal_header { border-top: #ddd solid 1px; background :#ededed; text-align:center; height:15px; padding:15px 0; font-size:16px} .holycalendar2 li.cal_header.sun { color:#df641a} .holycalendar2 li.cal_header.sat { color:#41a0c7} .holycalendar2 a.day {font-size:19px; color:#bfbfbf} .holycalendar2 a.day:hover, .holycalendar2 a.day:focus {} /* 환경설정 - 휴관일 달력 */ .holycalendar li.cal_header {padding:30px 0;} .holycalendar li {height:100px; padding:10px 0 5px; } .holycalendar li a {padding:4px 5% 4px 15%} .holycalendar a.day {font-size:24px} /* 환경설정 - 도서관 */ .nav09_05 div.table_30 { border:none; margin: 0 0 20px 0} /* 환경설정 - 메인 달력 */ .mainCalender li.cal_header {padding:30px 0;} .mainCalender li {height:100px; padding:10px 0 5px; } .mainCalender li a {padding:4px 5% 4px 15%} .mainCalender { width:100%; overflow:hidden} .mainCalender li { display: block; height:70px; width:14%; float: left; padding:10px 0 5px; border-top: dotted 1px #ededed;background:#fff;} .mainCalender li a { display:block; width:80%;; padding:2px 5% 2px 15%} .mainCalender li.cal_header { border-top: #ddd solid 1px; background :#ededed; text-align:center; height:15px; padding:15px 0; font-size:16px} .mainCalender li.cal_header.sun { color:#df641a} .mainCalender li.cal_header.sat { color:#41a0c7} .mainCalender a.day {font-size:15px; color:#bfbfbf} .mainCalender a.day:hover, .mainCalender a.day:focus {} /* 환경설정 - 사용자정보 */ .table_40 tbody th, .table_40 tbody td { padding:10px 15px} /* table */ .table_10 thead th,.table_10 thead td {padding:18px 5px} .table_10 th,.table_10 td { padding:12px 8px} .table_30 th, table_30 td { padding:12px 8px} /* 환경설정 - 사용자정보 */ .photo_reg { width:160px; float:left; position: relative;} #modify_ImageView, #imageViewDiv, #info_view_10, #imageLibViewDiv { width:160px; min-height:160px; margin:0 0 15px 0; text-align:center; background: url(../images/bg_no_image.png) no-repeat center center; border: solid 1px #ededed} .nav09_05 #imageViewDiv, #imageLibViewDiv { background-image: url(../images/bg_no_image2.png)} #modify_ImageView img, #imageViewDiv img, #info_view_10 img, #imageLibViewDiv img{ max-width:160px; margin:0 auto;} #modify_ImageView input, #imageViewDiv input, #webCam, #imageLibViewDiv img{ margin:1px 0 2px ; width:100%} #view_Image {background: url(../images/bg_no_image.png) no-repeat center center; border: solid 1px #ededed} #certify_Dialog { text-align: center} #certify_Dialog input { width:32.5%; padding:16px 0; height:auto;} a.goCertify { display:block; background: #f60; color:#fff; line-height:1.3em; width:60px; height:45px; padding:12px 5px 0 5px; border:none; box-shadow: 0 2px 2px #ddd; position: absolute; right: -1px; top: 0; opacity:0.8 ; border-radius:0 0 20px 20px} a.goCertify:hover, a.goCertify:focus { opacity:1} #camera { width:160px; height:160px} .photo_reg input {margin:1px 0 2px ; width:100%} .photo_reg dl { overflow:hidden; text-align:center; margin:10px 0 15px 0; font-size:14px} .photo_reg dl dt, .photo_reg dl dd { width:24%; height:28px; padding:10px 0 0 0; background:#8e8e8e; color:#fff; text-align:center; float:left; line-height:1.2em} .photo_reg dl dd { width:75.5%; background:#a9a9a9} .photo_reg dl dd span { color:#fff} .panel {_height:1%;} *:first-child+html .panel {height:1%;} .panel:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .setup_menu .float_l, .setup_menu .float_r{ width:48%} #passwdChangeTr label { display: inline-block; width: 22%} #newPasswordDiv { padding:10px 0 0 0; margin: 10px 0 0 0; border-top: #ededed dotted 1px} #newPasswordDiv label { display: inline-block; width: 18%} /* 환경설정 - 배가우선순위 변경 */ #autoShelfLocOderList li { padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px; background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: pointer;} #autoShelfLocOderList li:hover {border:#32badc solid 1px ; background: #fff url(../images/arrow10.png) no-repeat right -2px;} #autoShelfLocOderList li span { display: inline-block; width: 20px; height: 17px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0} /* 신규통계화면 */ #x_div {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;} #x_div span:hover {border:#32badc solid 1px ; background: #fff url(../images/arrow10.png) no-repeat right -2px;} #x_div span { display: inline-block; width: 150px; height: 25px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0; cursor:move} #y_div {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;} #y_div span:hover {border:#32badc solid 1px ; background: #fff url(../images/arrow10.png) no-repeat right -2px;} #y_div span { display: inline-block; width: 150px; height: 25px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0; cursor:move} #loanreturn_view_div {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;} #loanreturn_view_div span { display: inline-block; width: 150px; height: 25px; padding:3px 0 0 0; border-radius:3px; background:#ddd; text-align: center; margin:0 8px 0 0;} .btn_drop { display:inline-block;margin:2px; padding:3px 0; width:318px; line-height:1.5em; background:#fff url(../images/arrowDown.png) no-repeat 95% -22px; vertical-align: middle; border:solid 2px #e3e3e3; border-radius:3px; color:#777; text-indent:10px} .btn_drop:hover, .btn_drop:focus { background-position: 95% 10px} .dropBox {position:absolute; z-index:1; height:0; overflow:hidden; width:'auto';} .dropBox.on {height:auto; padding:10px 0; border:1px solid #ddd; background:#fff; margin: -2px 0 0 2px} .dropBox ul { padding:10px 10px 10px 10px; max-height:500px; overflow-y:auto; left: 0; top: 60px; width:300px;} .dropBox ul li.on {background:#eee;} .dropBox a.save { position: absolute; font-size: 0; display:block; width:27px; height:27px; padding:0; margin:0; right: 9%; top: 12px; border:solid 1px #ddd; font-size:0; border-radius:3px; background:#fff url(../images/bg_input.png) no-repeat -54px -24px} .dropBox ul li label input {margin-right:5px;} .textarea3 { border: solid 1px #ddd; margin:8px 0 0 0; background: #fff} /* 메뉴 권한관리 */ .auth_chk { width: 30px} .auth_a { width: 50px} .auth_name {width: 100px} .auth_url { text-align:left !important} .auth_type { width: 50px} .auth_key { width: 50px} .p_secu .float_l, .p_secu .float_r { width:48%;} .textarea_editor { width:70%} .textarea_editor textarea { font-size:12px} /* 추천도서 메모 */ #description {outline:none; resize: none;} td.use_ox {} input.cancel { width:23px; height:23px; overflow:hidden; text-indent:-9999px; position:absolute; right:-30px; top:12px; background:#32badc url(../images/icon_close1.png) no-repeat center 1px !important } input.cancel:hover, input.cancel:focus {background:#19a5c7 url(../images/icon_close1.png) no-repeat center bottom !important } ul.panel { padding: 0; border: none} .dropzone-previews { padding:5px 0 0 0} .file-dropzone { border:1px dashed #ddd; padding: 15px 15px 15px 7%; color:#777; line-height: 1.4em; background: url(../images/icon_clip1.png) no-repeat 17px center } .file-dropzone.drag-over { outline: LightGreen solid 4px} #upload-button { background: #838383 url(../images/icon_upload1.png) no-repeat 18px center; color:#fff; border: none; width: 20%;height:40px; text-indent: 55px; float: right;} #upload-button:hover, #upload-button:focus {background-color: #666} .dz-success-mark, .dz-error-mark {display: none;} .dz-remove {display: block; position: absolute; right:6px; bottom:10px; width: 17px; height: 17px; border: #c74242 solid 1px; background:#de5151 url(../images/btn_close24.gif) no-repeat center center; border-radius:4px; overflow: hidden; text-indent: -9999px} .dz-remove:hover, .dz-remove:focus { background-color: #c74242} .dz-details { height:130px; overflow: hidden} .dz-progress { margin-top: 15px;background-color: #f5f5f5;border-radius: 4px; width:86%} .dz-upload {border-radius: 4px; display: block; background-color: #428bca; height: 20px;width: 0%;text-align: center;color: white} .dz-preview {display: inline-block; margin:10px 0.5% 20px 0.5%; padding: 4px 0.5%; width:17.5%; height:170px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; line-height: 1.42857; position: relative; } .dz-filename span { display: block;} .dz-size, .dz-size strong { font-weight: normal; color: #777; vertical-align: baseline; font-size: 12px} /* jquery-filer */ .file_input{display: inline-block;padding: 10px 16px;outline: none;cursor: pointer;text-decoration: none;text-align: center;white-space: nowrap;font-family: sans-serif;font-size: 11px;font-weight: bold; border-radius: 3px;color: #008BFF;border: 1px solid #008BFF;vertical-align: middle;background-color: #fff;margin-bottom: 10px;box-shadow: 0px 1px 5px rgba(0,0,0,0.05);-webkit-transition: all 0.2s; -moz-transition: all 0.2s;transition: all 0.2s; } .file_input:hover, .file_input:active {background: #008BFF;color: #fff;} .btn_more_30 a { display: block; width:21px; height: 21px; margin: 0 auto; overflow:hidden; text-indent:-9999px; background:#0ca5cb url(../images/btn_more_30.png) no-repeat 0 -21px; border: solid 1px #0ca5cb; opacity:0.7} .btn_more_30 a:hover, .btn_more_30 a:focus { opacity:1 } .btn_more_32 a { display: block; width:21px; height: 21px; margin: 0 auto; overflow:hidden; text-indent:-9999px; background:#0ca5cb url(../images/btn_more_30.png) no-repeat 0 -63px; border: solid 1px #0ca5cb; opacity:0.7} .btn_more_32 a:hover, .btn_more_32 a:focus {background:#0ca5cb url(../images/btn_more_30.png) no-repeat 0 -63px; border: solid 1px #0ca5cb; opacity:1} .trshow .btn_more_30 a { float:right; background: url(../images/btn_more_30.png) no-repeat 0 0; border: solid 1px #0ca5cb} .trshow .btn_more_32 a { float:right; background: url(../images/btn_more_30.png) no-repeat 0 -42px; border: solid 1px #0ca5cb; opacity:0.8} /* header */ .h4_10 {font-size:16px; padding:0 0 10px 0; font-weight:normal} .h4_12 {font-size:16px; padding:10px 0 0 0; font-weight:normal} .h4_pruchase10 {font-size:16px; padding:30px 0 0 0; font-weight:normal} .h4_20 {_height:1%; margin:30px 0 15px 0;} *:first-child+html .h4_20 {height:1%;} .h4_20:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} .h4_20 span { color: #666; font-size: 16px} /* 퀵메뉴 관리 */ table tr.ui-sortable-helper {display : table! important; } #quickmenu_tbody .highlight { font-size: 15px; display: table-row; background: #fff ; width: 100%} #quickmenu_tbody .highlight td { height: 37px;border: none } #quickmenu_tbody .highlight td.moveTd, #quickmenu_tbody .highlight td.no, #quickmenu_tbody .highlight td.doIt, #quickmenu_tbody .highlight td.quickMenuName, #quickmenu_tbody .highlight td.pageLoc, #quickmenu_tbody .highlight td.memo { border:solid 1px #ddd} /* #quickmenu_tbody .highlight td:last-child { display: none; } */ #quickmenu_tbl td.moveTd {cursor:move; padding-right: 32px; width: 74px; font-size: 0; background: url("../images/arrowUpDownMove.gif") no-repeat 85% center;} #quickmenu_tbl td.moveTd:hover { background: url("../images/arrowUpDownMoveOn.gif") no-repeat 85% center } #quickmenu_tbody .highlight td.no, #quickmenu_tbl td.no { width: 36px } #quickmenu_tbl td.doIt {width: 140px} #quickmenu_tbl td.quickMenuName { text-align: left; width:250px } #quickmenu_tbl td.pageLoc {text-align: left; width: 300px;} #quickmenu_tbl td.memo {} #quickUi li { padding:20px 0 0 0; background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;} /* 사이드 퀵메뉴 quickMenu */ .quickMenu { position: absolute; left: 50%; top:117px; margin-left:508px; margin-top: -24px; text-align:center; width:60px; padding:10px 6px 6px 6px} body.login .quickMenu { display: none} .sub_00 .quickMenu{top: 136px} .quickMenu h6 {color:#1aa2c0; font-size: 14px; font-weight:400; text-align: center; padding:17px 0 7px 0; line-height: 1.3em ; border-bottom: solid 1px #ddd} .quickMenu li a { display:block; font-size: 13px; line-height:1.2em; color:#333; letter-spacing: -1px; font-weight:400; padding: 9px 0; border-bottom:dotted 1px #ddd; opacity: 0.8} .quickMenu li.remoteMenu a { padding:42px 0 10px 0; background: url(../images/bg_quickMenu.png) no-repeat 0 -500px; opacity: 0.6} .quickMenu li.searchMenu a { padding:42px 0 10px 0; background: url(../images/bg_quickMenu.png) no-repeat 0 -1300px; opacity: 0.6} #quickUi li { padding:20px 0 0 0; background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;} .quickMenu li a:hover, .quickMenu li a:focus { opacity: 1} #quickText {text-align: left;color: #8e8e8e; padding: 15px 0 0 0;} #menu_name {width: 300px;} input.btN_before, input.btN_next { background: #fff; border:solid 1px #ddd; color: #8e8e8e; padding:0; width: 32px} input.btN_before:focus, input.btN_before:hover, input.btN_next:focus, input.btN_next:hover { color:#2ed5ff;; border-color: #2ed5ff; background-color: transparent; } /* .quickMenu li.li2 a { background-position: 0 -100px} .quickMenu li.li3 a { background-position: 0 -200px} .quickMenu li.li4 a { background-position: 0 -300px} .quickMenu li.li5 a { background-position: 0 -400px} .quickMenu li.li6 a { background-position: 0 -500px} .quickMenu li.li7 a { background-position: 0 -600px} .quickMenu li.li8 a { background-position: 0 -700px} .quickMenu li.li9 a { background-position: 0 -800px} .quickMenu li.li10 a { background-position: 0 -900px} .quickMenu li.li11 a { background-position: 0 -1000px} .quickMenu li.li12 a { background-position: 0 -1088px} .quickMenu li.li13 a { background-position: 0 -1200px} .quickMenu li.li14 a { background-position: 0 -1300px; padding-top:45px} */ #addQuick { font-size:0 ; padding: 0; width: 100%; background: url("../images/iconQuickAdd.png") no-repeat center 6px; height: 32px; } #addQuick:hover, #addQuick:focus, #addQuick.on { background-position: center -28px} a.btn_down, a.btn_top { display: block; padding:6px 0 6px 15px; font-size:13px; color:#7a7a7a; background: #e9e9e9 url(../images/btnTop.gif) no-repeat 7px 11px} a.btn_down { background-position:7px -14px; margin-top: 1px; } a.btn_top:hover,a.btn_top:focus, a.btn_down:hover,a.btn_down:focus { color: #333; background-color: #ccc} a.quickMenuSetup { display: block; width: 16px; height: 16px; background: url(../images/bg_quickMenu.png) no-repeat 0 -1184px; text-indent: -9999px; overflow: hidden; position: absolute; right: 4px; top: 4px; opacity: 0.4} a.quickMenuSetup:hover, a.quickMenuSetup:focus { opacity: 0.8} input.quickMenuSetup { display: block; width: 16px; height: 16px; padding: 0; background: url(../images/bg_quickMenu.png) no-repeat 0 -1184px; text-indent: -9999px; overflow: hidden; position: absolute; right: 14px; top: 8px; opacity: 0.4} input.quickMenuSetup:hover, input.quickMenuSetup:focus { opacity: 0.8; background-color: #fff} .delQuickMenu { position: absolute; text-align:center; padding:0 15px; background: #fff} .delQuickMenu li a {display:inline-block; width:50px; padding:70px 0 10px 0; font-size: 11px; color:#333; font-weight:400; background: url(../images/bg_quickMenu.png) no-repeat 1px 0; opacity: 0.6;} .delQuickMenu li a:hover, .delQuickMenu li a:focus { opacity: 1} .delQuickMenu li.li2 a { background-position: 0 -100px} .delQuickMenu li.li3 a { background-position: 0 -200px} .delQuickMenu li.li4 a { background-position: 0 -300px} .delQuickMenu li.li5 a { background-position: 0 -400px} .delQuickMenu li.li6 a { background-position: 0 -500px;} .delQuickMenu li.remoteMenu a { background-position: 0 -500px;} .delQuickMenu li.searchMenu a { background-position: 0 -1400px;} .delQuickMenu li.li7 a { background-position: 0 -600px;} .delQuickMenu li.li8 a { background-position: 0 -700px;} .delQuickMenu li.li9 a { background-position: 0 -800px;} .delQuickMenu li.li10 a { background-position: 0 -900px;} .delQuickMenu li.li11 a { background-position: 0 -1000px;} .delQuickMenu li.li12 a { background-position: 0 -1090px;} .delQuickMenu li.li13 a { background-position: 0 -1200px;} .delQuickMenu li.li14 a { background-position: 0 -1300px; padding-top:45px} .delQuickMenu ul li { background: #f9f9f9 url(../images/arrow10.png) no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;} .addQuickBtn { background: #f9f9f9 no-repeat right -38px; cursor: move; border:#ededed solid 1px ; border-radius :4px;} .addQuickMenu { position: absolute; text-align:center; width: 50px; padding:0 15px; background: #fff} .addQuickMenu ul {list-style:none; margin:0; padding:0;} .addQuickMenu li { display:inline; margin: 0 0 0 0; padding: 0 0 0 0; border : 0; float: left; width: 50px;} .addQuickMenu li a { display:block; padding:70px 0 10px 0; border-bottom:dotted 1px #ddd; background: url(../images/bg_quickMenu.png) no-repeat 1px 0; opacity: 0.6} .addQuickMenu li a:hover, .addQuickMenu li a:focus { opacity: 1} .addQuickMenu li.li2 a { background-position: 0 -100px} .addQuickMenu li.li3 a { background-position: 0 -200px} .addQuickMenu li.li4 a { background-position: 0 -300px} .addQuickMenu li.li5 a { background-position: 0 -400px} .addQuickMenu li.li6 a { background-position: 0 -500px;} .addQuickMenu li.li7 a { background-position: 0 -600px;} .addQuickMenu li.li8 a { background-position: 0 -700px;} .addQuickMenu li.li9 a { background-position: 0 -800px;} .addQuickMenu li.li10 a { background-position: 0 -900px;} .addQuickMenu li.li11 a { background-position: 0 -1000px;} .addQuickMenu li.li12 a { background-position: 0 -1088px;} .addQuickMenu li.li13 a { background-position: 0 -1200px;} .addQuickMenu li.li14 a { background-position: 0 -1300px; } #quickUi {padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px;} /* .remoteMenu { padding:7px; margin: 1px 0; border:#ededed solid 1px ; border-radius :4px; list-style-type : none; border:#ededed solid 1px ; border-radius :4px;} */ /* table */ .caption_10 {text-align:left; padding:10px 0 5px 0} .caption_20, .caption_20 span {text-align: left; padding:15px 0;} table { border-collapse: collapse;border-spacing: 0;font-size:15px; background:#fff; vertical-align:middle; color:#666} thead {line-height: 1.3em} tbody {line-height: 1.3em} table td, table th { word-break: keep-all} table#success_list td, table#success_list th { word-break: break-all;} /*table tbody tr:nth-child( 10n+6 ) td, table tbody tr:nth-child( 10n+7 ) td, table tbody tr:nth-child( 10n+8 ) td, table tbody tr:nth-child( 10n+9 ) td, table tbody tr:nth-child( 10n+10 ) td, */ /* 5단위 */ .every5 > tbody > tr:nth-child( 10n+6 ) > td, .every5 > tbody > tr:nth-child( 10n+7 ) > td, .every5 > tbody > tr:nth-child( 10n+8 ) > td, .every5 > tbody > tr:nth-child( 10n+9 ) > td, .every5 > tbody > tr:nth-child( 10n+0 ) > td {background-color:#f9f9f9} .every5 > tbody > tr:nth-child( 10n+5 ) > td, .every5 > tbody > tr:nth-child( 10n+0 ) > td {border-bottom:solid 1px #aaa} /* .every5 > tbody > tr:nth-child( 10n+6 ) > td:first-child { position: relative; } .every5 > tbody > tr:nth-child( 10n+6 ) > td:first-child:before { content: "5"; left: -11px; top: -11px; position: absolute; color: #999; font-size: 11px; display: inline-block; } */ .every10 > tbody > tr:nth-child( 20n+11 ) > td, .every10 > tbody > tr:nth-child( 20n+12 ) > td, .every10 > tbody > tr:nth-child( 20n+13 ) > td, .every10 > tbody > tr:nth-child( 20n+14 ) > td, .every10 > tbody > tr:nth-child( 20n+15 ) > td, .every10 > tbody > tr:nth-child( 20n+16 ) > td, .every10 > tbody > tr:nth-child( 20n+17 ) > td, .every10 > tbody > tr:nth-child( 20n+18 ) > td, .every10 > tbody > tr:nth-child( 20n+19 ) > td, .every10 > tbody > tr:nth-child( 20n+20 ) > td {background-color:#f9f9f9} .every10 > tbody > tr:nth-child( 20n ) > td, .every10 > tbody > tr:nth-child( 20n+10 ) > td {border-bottom:solid 1px #aaa} table th { font-weight:400} table input[type="button"] { margin:1px; } .loanRe_R table input[type="button"] {height: 27px; padding:0 12px 0 12px; font-size: 14px} table .reg_date { width:60px} tr.on td{ background:#f5efe1 !important } tr.copyRow td{ background:#f5efe1 !important } div.table_10 + div.btn_area_46 { padding-top:0} div.table_10.caption { border-top: none } div.table_10.caption caption {text-align: left; padding: 10px 0;border-bottom: solid 1px #636363;} div.table_10 {width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0} div.table_10 table{width:100%;} table.table_10 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0} .table_10 th, .table_10 td { padding:8px 5px; border:solid 1px #dedede} .table_10 td { border:solid 1px #f5f5f5} .table_10 thead th { text-align:center} .table_10 thead th, .table_10 thead td { background:#e9e9e9; padding:8px 5px} .table_10 tbody th { background:#f3f3f3; border-bottom: 1px solid #d5d5d5} .table_10 tbody td { background:#fff; text-align:center; border-bottom: 1px solid #d5d5d5} .table_10 tbody td.title, .table_10 tbody td.lib_name { text-align:left; font-weight:500} .table_10 tbody td strong.result { color: #ff0000;} .table_row2 { border-bottom: solid 1px #ccc} .table_row2 table.table_10 {margin-bottom:0} .table_row2 table.table_10 td{border-bottom:none} .table_row2 table.table_10 table{border-bottom: #ccc solid 1px} .table_row2 table.table_10 tbody tr:nth-child(odd), .table_row2 table.table_10 tbody tr:nth-child(odd) td{ border-top: #ccc solid 1px} .table_row2 table.table_10 tbody tr:nth-child(even), .table_row2 table.table_10 tbody tr:nth-child(even) td{ border-top:#ddd dotted 1px} table tbody td.book_title { text-align:left; font-weight:500} .title2 { width: 30% !important} .writer2 { width: 15% !important} td.title2 { text-align: left !important} td.writer2 { text-align: left !important} td.publ2 { text-align: left !important } .h_40 { font-size:18px; color:#0ca5cb; padding:5px 0} .h_40 span { color: #8e8e8e; font-weight:normal} .table_20 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0} .table_20 th, .table_20 td { padding:12px 5px; text-align: center} .table_20 td { } .table_20 thead th { border-bottom: #ddd solid 1px; border-right: #ddd solid 1px} .table_20 thead th, .table_20 thead td { background:#e9e9e9; padding:18px 5px} .table_20 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede;} .table_20 tbody td { background:#fff; text-align:center; border-bottom: 1px solid #e9e9e9;} .table_20 tbody td.title, .table_20 tbody td.lib_name { text-align:left; font-weight:500} /* 왼쪽정렬이 주인 테이블, th/td 왼쪽정렬 */ div.table_30 {border-top: solid 1px #636363; margin:10px 0 20px 0} div.table_30 table {width:100%} table.table_30 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0} .table_30 th, .table_30 td { padding:8px 5px} .table_30 td { } .table_30 thead th, .table_30 thead td { background:#e9e9e9; padding:12px 5px} .table_30 tbody th, .table_30 td.th { background:#f3f3f3; border-bottom: 1px solid #dedede; text-align:left} .table_30 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;} .table_30 tbody td.title { font-weight:500} .table_30 tbody td strong.result { color: #ff0000;} #Speceies_Info_Tbl .table_30 th, #tab_sub2 .table_30 th { width: 15%} /* td 왼쪽정렬 */ div.table_31 {border-top: solid 1px #636363; margin:10px 0 20px 0} div.table_31 table {width:100%} table.table_31 { width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0} .table_31 th, .table_31 td { padding:8px 5px} .table_31 td { text-align: left; } .table_31 thead th, .table_31 thead td { background:#e9e9e9; padding:12px 5px} .table_31 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede} .table_31 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;} .table_31 tbody td.title { font-weight:500} .table_31 tbody td strong.result { color: #ff0000;} div.table_32 {border-top: solid 1px #636363;} .table_32 { width:100%; margin:0 0 20px 0} .table_32 th, .table_32 td { padding:8px} .table_32 td { } .table_32 tbody th { background:#ededed; border-bottom: 1px solid #dedede} .table_32 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;} .table_32 tbody td.title { font-weight:500} td.title a, th a, td a { color:#158ebb; vertical-align: baseline;} td.title a:hover, td.title a:focus, th a:hover, th a:focus, td a:hover, td a:focus {color:#0d7aa3} /* 환경설정 - 사용자정보 */ #viewDiv #view_Image { width:160px; float:left; border: solid 1px #ddd} /* 시스템관리 */ .mngLibWrap { position: relative; overflow: hidden} .mngLib {width: 49%;} .mngLib strong {font-weight: 400; margin: 5px 10px; display: inline-block;} .mngLib ul{padding: 10px; margin:5px 10px; height: 200px; overflow-y: auto; width:90%; outline: #ddd solid 1px } .mngLib input[type="button"].mngLibAdd, .mngLib input[type="button"].mngLibDel {width: 30px;height: 30px;border: solid 1px #ddd; background: #fff url(../images/icon_arrow_10.png) no-repeat center -36px; font-size: 0;position: absolute; top: 54%;left: 47.7%; } .mngLib input[type="button"].mngLibDel { background-position: center 0; top: 40%} .mngLib input[type="button"].mngLibAdd:hover, .mngLib input[type="button"].mngLibAdd:focus, .mngLib input[type="button"].mngLibDel:hover, .mngLib input[type="button"].mngLibDel:focus { background-color:#f9f9f9; border-color:#1aa2c0; } #mg_password_ChkMsg, #mg_password, #mg_passwordMsg { font-weight: 400} th.lib_select {width:30px} th.search_select {width:30px} th.lib_code { width:70px} th.lib_tel { width:90px} th.lib_link { width:80px} th.mng_select { width: 70px} .lib_name2 {} #libtotalStatisTbl td { width: 12%} /* 이력관리 */ #SpeciesBookSearch_Tbl .no { width: 25px} #SpeciesBookSearch_Tbl .del_date { width:70px } #SpeciesBookSearch_Tbl .worker { width:55px} #SpeciesBookSearch_Tbl .isbn { width:90px} div.table_40 {border-top: solid 1px #636363;width : 80%; float:right} .table_40 table {width : 100%; margin:0;} table.table_40 {width : 80%; float:right; margin:0; border-top: solid 1px #636363} .table_40 th, .table_40 td { padding:8px} .table_40 td { } .table_40 thead th, .table_40 thead td { background:#e9e9e9; padding:12px 5px} .table_40 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede; text-align:left; width:18%;padding:7px 15px} .table_40 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;} .table_40 tbody td.title { font-weight:500} .table_40 tbody td strong.result { color: #ff0000;} div.table_42, table.table_42 {width : 80%; float:right; margin:0; border-top: solid 1px #636363; float:right} div.table_42 table { width:100%;} .table_42 th, .table_42 td { padding:8px} .table_42 td { } .table_42 thead th, .table_42 thead td { background:#e9e9e9; padding:12px 5px} .table_42 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede; text-align:left; padding:7px 15px} .table_42 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9;} .table_42 tbody td.title { font-weight:500} .table_42 tbody td strong.result { color: #ff0000;} /* table common */ table .checkboxCell { min-width: 26px} .bd_r { border-right: dotted 1px #eee} .bd_l { border-left: dotted 1px #eee} .bd_t { border-top: solid 1px #eee} .bd_b { border-bottom: solid 1px #eee} thead .bd_r { border-right: dotted 1px #ccc} thead .bd_l { border-left: dotted 1px #ccc} thead .bd_t { border-top: solid 1px #ccc} thead .bd_b { border-bottom: solid 1px #ccc} .paginate { text-align:center; clear:both; margin:10px 0} .paginate a { padding:8px 8px; border:solid 1px #ccc; color:#666; margin:2px -1px; background:#fff ; display: inline-block; min-width: 20px; text-align: center; vertical-align: middle } .paginate a.first, .paginate a.prev,.paginate a.next,.paginate a.last /* .paginate a:nth-child(1), .paginate a:nth-child(2), .paginate a:last-child, .paginate a:nth-last-child(2) */ {background:#aaa url('../images/btn_arrow40.png') no-repeat -3px 0; color:#fff; border: solid #8e8e8e 1px; overflow: hidden; text-indent: -9999px} .paginate a.prev { background-position: -41px 0 } .paginate a.next { background-position: -80px 0 } .paginate a.last { background-position: -117px 0 } .paginate a:hover, .paginate a:focus, .paginate a.first:hover, .paginate a.prev:hover,.paginate a.next:hover,.paginate a.last:hover { background-color:#aaa; color:#fff; border-color: #8e8e8e} .paginate a.on{ background:#717171; color:#fff; border: solid #717171 1px} .paginate a strong{ color:#000; text-decoration:underline} .paginate strong { background:#8e8e8e; color:#fff; border: solid #8e8e8e 1px} body.busan .paginate a:hover, body.busan .paginate a:focus, body.busan .paginate a.first:hover, body.busan .paginate a.prev:hover, body.busan .paginate a.next:hover, body.busan .paginate a.last:hover { background-color:#2d5785} body.busan .paginate a.on{ background-color:#2d5785;} body.busan .paginate strong { background-color:#8e8e8e} body.busan input.quickMenuSetup, body.busan input.quickMenuSetup:hover, body.busan input.quickMenuSetup:focus { background-color:#fff} .busan input[type="button"].btN_before, .busan input[type="button"].btN_next { background: #fff} .busan input[type="button"].btN_before:hover, .busan input[type="button"].btN_before:focus, .busan input[type="button"].btN_next:hover, .busan input[type="button"].btN_next:focus {background-color: #ededed; border: solid 1px #8e8e8e; color: #777} /*paginate,btn 하단고정*/ .content_wrap:after { content:""; display:block; width:100%; position:fixed; bottom:0; left:0; opacity:0; transition:opacity 0.5s ease-in-out; } .fix-bottom.content_wrap:after { height:40px} /* .fix-bottom .paginate{ position:fixed; width:100%; z-index:10; bottom:-8px; text-align:left } */ .content_wrap.fix-bottom:after { opacity:1;} .fix-bottom .btn_area_42, .fix-bottom .btn_area_46{font-size:0; position:fixed; padding:4px 1.5%; z-index:10; bottom:0; left:0; width:97%; background-color:rgba(37,47,54,0.8);} .fix-bottom .btn_area_46 input[type="button"], .fix-bottom .btn_area_46 input[type="button"] { padding: 8px 12px; margin: 2px} /* 제이쿼리 팝업 다이얼로그 */ .ui-dialog table thead th { padding:10px 5px} .ui-dialog .table_10 th, .ui-dialog .table_10 td {padding: 5px} .ui-dialog h4 { font-size: 16px; padding:8px 0; background: #fff; color: #333} .newHeaderTable + h4 { padding-top:18px} .alert-box {width: 100%; height: 100%; position: fixed; z-index: 4000; background:url(../../resources/images/bg_bk70.png); top:0; left:0; text-align: center } .alert-box span { display:block; border: 1px solid red; border-radius: 4px; margin: 15% auto 1% auto; padding: 25px 50px; text-align: center; width:30%; font-size: 14px} .alert-box input {top: 45%;} .success {color: #3c763d;display: none} .failure {color: #a94442;display: none} .warning {color: #8a6d3b;display: none} .success span {background-color: #dff0d8;border-color: #d6e9c6;} .failure span {background-color: #f2dede;border-color: #ebccd1;} .warning span {background-color: #fcf8e3;border-color: #faebcc;} /* test용 */ .sample2 {position:fixed; left:100px; top:100px; font-size:30px; color:red; background: #fff; padding:10px;z-index: 1000} /* common */ .none, .hidden { position:fixed; top:-9999px; left:-9999px; font-size:1px; color:#fff} .float_l { float:left} .float_r { float:right} .float_clear { clear:both} .trshow {display:table-row} .trhide {display:none} .clear { clear: both;} span.smTxt{ font-size: 10px; vertical-align: top; padding-left: 5px} .decoLeftBar { background:url(../../resources/images/decoLeftBar.gif) no-repeat 0 1px; margin:0 0 0 6px; padding: 0 0 0 10px } .note_10 { color:#0e8bb9} .note_20 { color:#dc681a} .note_30 {} .noteS10 { color:#0e8bb9; font-size: 13px;} .wrn_10 { color:red; font-weight:500} .wrn_20 {} .wrn_30 {} .txt_l { text-align:left !important} .txt_r { text-align:right !important} .txt_c { text-align:center !important} /* hr */ .hr_10 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #ddd; margin: 10px 0} .hr_12 { display: block; height: 1px; clear:both; background: none; border: none; border-top: dotted 1px #ddd; margin: 10px 0} .hr_20 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #888; margin: 10px 0;clear:both} .hr_24 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #888; margin: 3px 0;clear:both} .hr_21 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #888; margin: 10px 0; width:90%} .hr_22 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #777; margin: 3px 0; width:90%; } .hr_30 { display: block; height: 1px; background: none;border: none; border-top: dotted 1px #ccc; margin:30px 0 3px 0; clear:both} .dialog_h4 { border: solid 1px #ddd; border-bottom:none; background: #f0f0f0; padding:10px 14px; font-size: 14px; border-radius :4px 4px 0 0 } .dialog_wrap10 {border: solid 1px #ddd; background: #f9f9f9; padding:10px 14px; border-radius: 0 0 4px 4px} .dialog_wrap20 { border: solid 1px #f0f0f0; padding:10px 14px; border-radius:4px; margin: 7px 0} /* btn_area */ .btn_area_10 { text-align: right; padding: 0 0 15px 0; margin:0 0 10px 0; border-bottom: dotted #c8c8c8 1px } .btn_area_30 { text-align: right; padding: 5px 0 30px 0; clear: both; } .btn_area_30 a, .btn_area_30 input[type="button"] { color:#FFF; padding:8px 25px} .btn_area_30 .goInfo a {color: #1aa2c0; background-color:#fff} .btn_area_30 .goInfo a:hover, .btn_area_30 .goInfo a:focus { background-color:#fff; color:#118eaa;} .btn_area_30 a:hover, .btn_area_30 a:focus,.btn_area_30 input[type="button"]:hover, .btn_area_30 input[type="button"]:focus { background:#3685a9} .btn_area_40 { text-align: right; padding: 0 3%; clear:both} /* popup용 */ .btn_area_40 a, .btn_area_42 a, .btn_area_44 a, .btn_area_46 a, .btn_area_40 input[type="button"], .btn_area_42 input[type="button"], .btn_area_44 input[type="button"], .btn_area_46 input[type="button"] { margin: 2px} .btn_area_42, .btn_area_44, .btn_area_46 { text-align: right; padding:15px 0; clear:both; font-size: 0} .btn_area_42 { padding:15px 0 0 0} .btn_area_44 { padding:15px 0 30px 0} .btn_area_46 { } a.btn_xls_dn:before, input.btn_xls_dn:before { content:" "; display:inline; padding:3px 12px; background: url(../../resources/images/icon_xls.png) no-repeat 0 0 } input.btn_xls_dn{} /* 선택자료 수정페이지 UI개선 202005CYM */ .goInfo {float:left} .goInfo h5 {color: #777; display: inline-block; padding-right: 6px} .goInfo span { vertical-align: middle} .goInfo span.end { display: inline-block; padding: 0; vertical-align: baseline;} .goInfo a, .goInfo .end{ display: inline-block; position: relative; padding: 5px; color:#1aa2c0} .goInfo a:hover, .goInfo a:focus { color:#118eaa; text-decoration: underline;} .goInfo a.btnGoBefore {padding-left:47px;background: none} .goInfo a.btnGoAfter {padding-right:47px;padding-left:10px; background: url(../images/decoBar5.gif) no-repeat 0 5px;} .iconArrow { display: inline-block; width: 15px; height: 15px; background: url(../images/iconArrow.png) no-repeat 0 0;font-size: 0;} .goInfo a.btnGoBefore .goNo{padding-right: 5px; position: absolute; left:20px} .goInfo a.btnGoAfter .goNo{ padding-left: 5px; position: absolute; right:20px} a .iconArrow { position: absolute; topt:6px} a.btnGoBefore .iconArrow {left:0} a.btnGoAfter .iconArrow {right:0; background-position-y:-15px } .goInfo span.end .iconArrow{ background-position-y: -30px} .goInfo .btnGoAfter.end .iconArrow {background-position-y: -45px} .table_top1, .table_top2 { text-align:right; padding:10px 0 5px 0;*zoom:1; color:#8e8e8e } .table_top1 {padding:3px 0 0 0;} .table_top2 { padding:15px 0 0 0;} .table_top1:after, .table_top2:after {content:" "; display:block; clear:both} .table_top1 *, .table_top2 *{ vertical-align:baseline} #totalCnt {padding:0 10px 0 8px; background: url(../images/decoDot2.gif) no-repeat 0 8px} #totalPage {padding:0 14px; background: url("../images/decoBar4.gif") no-repeat 0 5px;} /* .table_top1 .count, .table_top2 .count { float:left} */ .table_top1 .count .remark {background: url("../images/calEx_memo.png") no-repeat 8px 5px ; padding:0 0 0 18px} a.btn_print2{ background:#2bb0d1; color:#fff; padding:6px 10px; border-radius:4px} a.btn_print2:before{ content:""; display:inline; padding:3px 12px; background: url(../../resources/images/icon_xls.png) no-repeat 0 0 } a.btn_print2:hover, a.btn_print2:focus { background:#19a5c7} a.btn_print2:before { background: url(../../resources/images/icon_print2.png) no-repeat 0 0 } td.loan_o span.sBtnWrap,td.reserve_o span.sBtnWrap { display: block; float: none; font-size: 0} td.loan_o span.sBtnWrap input,td.reserve_o span.sBtnWrap input[type="button"]{ height: 25px; font-size:13px;padding:0 5px 1px 5px; float: none; margin:0 2px 0 0 } /* favicon */ a.faA { display: inline-block; width:15px; height:15px; background: #2bb0d1; color:#f8f8f8; border-radius:15px; vertical-align: middle; z-index: 1} a.faA span { position: absolute; left:-9999px; top:-9999px} a.faA:hover, a.faA:focus { background: #0298bc ; color:#fff} a.faB i {margin:0 5px} a.faB { background: #777; color:#fff; padding:4px 10px; margin-left:10px; border-radius:4px} a.faB:hover, a.faB:focus {background:#19a5c7; color:#fff} a.faN_1, a.faN_2 {background: #2bb0d1; color:#f8f8f8; padding:5px; border-radius:6px; display: inline-block; width:80px; margin:0 0 0 3px; text-align: center; height:34px; vertical-align: middle;} a.faN_1 { width:60px; margin-left:10px} a.faN_1:hover,a.faN_1:focus,a.faN_2:hover, a.faN_2:focus { background: #0298bc ; color:#fff} /* 기본버튼 NEW 2018 */ input.btN { background: #96989d no-repeat 12px center; padding:0 15px} input.btN:hover, input.btN:focus, .content_head_11 input[type="button"].btN:hover, .content_head_11 input[type="button"].btN:focus, .content_head_10 input[type="button"].btN:hover, .content_head_10 input[type="button"].btN:focus { background-color: #81848e} input.btN_search, input.btN_graph { padding-left:38px; background-color:#1aa2c0; background-image: url("../images/iconSearch1.png")} input.btN_graph {background-image: url("../images/iconGraph.png")} input.btN_search:hover, input.btN_search:focus, input.btN_graph:hover, input.btN_graph:focus { background-color:#19b8d8} input.btN_sort { padding-left:38px; background-image: url("../images/iconSort.png")} body.busan input.btN { background-color: #2d5785} body.busan input.btN:hover, body.busan input.btN:focus{ background-color: #19406a} body.busan input.btN_search, body.busan input.btN_graph { background-color:#ee7203} body.busan input.btN_search:hover, body.busan input.btN_search:focus, body.busan input.btN_graph:hover, body.busan input.btN_graph:focus { background-color:#cc680f} input.btN_refresh {padding-left:38px; background-image: url("../images/iconRefresh.png")} input.btN_detailSearch {padding-left:38px; background-image: url("../images/iconSearch2.png")} input.btN_formDn{padding-left:38px; background-image: url("../images/iconFormDn.png")} input.btN_detailSearchUp, input.btN_detailSearchDn { padding-left:38px; background-image: url("../images/arrow30.png"); background-position:7px -26px} .nav03_11 input.btN_detailSearchUp, .nav03_11 input.btN_detailSearchDn, #donate_search_form input.btN_detailSearchUp, #donate_search_form input.btN_detailSearchDn {display: none;} input.btN_detailSearchUp { background-position:7px 3px} input.btN_detailSearchUp.trOn, input.btN_detailSearchDn.trOn, #donate_search_form input.btN_detailSearchUp.trOn, #donate_search_form input.btN_detailSearchDn.trOn { display: inline-block;} table td.btn_td {text-align: right;} input.btN_xlsDN2 {padding-left:38px; background-image: url("../images/iconXLS.png")} a.btn_xls_dn2 { background: #96989d no-repeat 12px center; padding:9px 15px 8px 38px; display: inline-block; border-radius:3px; color:#fff; padding-left:38px; background-image: url("../images/iconXLS.png")} a.btn_xls_dn2:hover, a.btn_xls_dn2:focus { background-color: #81848e} body.busan a.btn_xls_dn2 { background-color: #2d5785} body.busan a.btn_xls_dn2:hover, body.busan a.btn_xls_dn2:focus { background-color: #19406a} .busan .jQTab>a:hover, .busan .jQTab>a:focus{background:#169dbf} .sub_01 li.nav01>a>span, .sub_02 li.nav02>a>span, .sub_03 li.nav03>a>span, .sub_04 li.nav04>a>span, .sub_05 li.nav05>a>span, .sub_06 li.nav06>a>span, .sub_07 li.nav07>a>span, .sub_08 li.nav08>a>span, .sub_09 li.nav09>a>span, .sub_10 li.nav10>a>span, .sub_11 li.nav11>a>span, .sub_12 li.nav12>a>span {border-bottom: solid 2px #2ed5ff} /* 기본 버튼 */ a.btn10 { background:#2bb0d1; color:#fff; padding:6px 10px; border-radius:3px} a.btn10:hover, a.btn10:focus { background:#19a5c7} a.btn10 .fa { margin-right:10px; font-size: 18px} a.btn20 { background:#2bb0d1; color:#fff; padding:6px 10px; border-radius:2px} table a.btn20 { margin:0 1px} a.btn20:hover, a.btn20:focus, table a.btn20:hover, table a.btn20:focus { background:#169dbf; color:#fff} span.btn20.disabled {background:#ccc; color:#fff; padding:6px 10px; border-radius:2px} a.btn20.btn_return, a.btn20.btn_returnDelay, a.btn20.btn_etc { padding:1px 5px 2px 5px; font-size: 13px; border-radius: 2px} #otherLibLoanListDiv a.btn20.btn_otherLibReturn, a.btn20.btn_otherLibReturn { background: #fff url(../images/iconImport.png) no-repeat 0 0px; color: #2bb0d1; padding:0 4px 1px 22px; border:solid 1px #2bb0d1 } #otherLibLoanListDiv a.btn20.btn_otherLibReturn:hover, #otherLibLoanListDiv a.btn20.btn_otherLibReturn:focus, a.btn20.btn_otherLibReturn:hover, a.btn20.btn_otherLibReturn:focus {background: #f3f3f3 url(../images/iconImport.png) no-repeat 0 0px; color: #2bb0d1; } #otherLibLoanListDiv a.btn20.btn_otherLibLoan, a.btn20.btn_otherLibLoan { background: #2bb0d1 url(../images/iconExport.png) no-repeat 0 0px ; padding:1px 5px 2px 24px} #otherLibLoanListDiv a.btn20.btn_otherLibLoan:hover, #otherLibLoanListDiv a.btn20.btn_otherLibLoan:focus, a.btn20.btn_otherLibLoan:hover, a.btn20.btn_otherLibLoan:focus {background:#19a5c7 url(../images/iconExport.png) no-repeat 0 0px } .btn_area_50 { text-align: right; } .btn_area_52 { margin:-25px 0 0 0 } .btn_area_50 input[type="button"] { } .sticky.on { height: 90px} .sticky.on .stickyWrap { position: fixed; bottom: 0; left:0;padding:14px 0.75%; width: 98.5%; background: #fff; border-top:solid 1px #ddd; z-index: 1000} .stickyWrap {transition:all 0.2s ease 0s} input[type="button"].dis { background:#c2c2c2 !important; color:#f0f0f0 !important; border: solid 1px #b2b2b2 !important; cursor:default !important} input[type="text"].dis, input.readonly {border: solid 1px #ddd; background:#f6f6f6; color:#8e8e8e; padding:4px;cursor: default} select.readonly {border: solid 1px #ddd; background:#f6f6f6; color:#8e8e8e; padding:4px;cursor: default} .textarea95 {width:95.5%; height:100px; padding:10px 2%; color:#717171; line-height:1.4em} /* 검색팝업 search popup */ .btN.searchInResult { font-size: 0; margin-left: -10px; margin-right:10px; border-radius:0 3px 3px 0; padding-left: 26px} body.popup_10 { background: #fff;background: #f9f9f9;} body.popup_10 #content { width:93%; margin:15px auto; background: #fff; padding:15px 3% 20px 3%; width:88%; border-radius:8px; border:solid #ddd 1px; box-shadow:#dedede 0 3px 3px } body.popup_10 #content_search2 { background: #fff;background: #f9f9f9; padding: 0 2% 20px 2%} .popup_10 h1 { font-size: 16px; color: #333; font-weight: 300} .popup_10 h1 strong, .popup_10 h1 span {vertical-align:baseline; color: #666 } .popup_10 h1 strong { font-weight: 500; font-size: 17px; color: #333} .popup_10 h1 :last-child { font-size: 14px} .popup_10 .view_type { float: right;} .printSetup { text-align: right; padding:10px 2% 0 0 } .printSetup input[type="button"] { color: #888; font-size: 14px;border:#ddd solid 1px; background: #fff; height: 28px; padding:0 12px; } .linkSources { font-size: 12px; color: #8e8e8e; letter-spacing: -1px; line-height: 1.3em; float: right;} .linkSources a, .linkSources span { display: inline-block; font-size:0; } .linkAladin { margin: 0 0 -30px 0} .linkAladin a { background: url(../images/iconAladin.png) no-repeat right 0; background-size:contain; width:62px; height:25px; margin:-8px 0 0 0} .linkNaver { margin: 13px 0 -37px 0} .linkNaver a, .linkNaver span { background: url(../images/iconNaver.png) no-repeat right 2px; width:117px; height:30px; margin:-8px 0 0 0} .linkKakao { margin: 13px 0 -37px 0} .linkKakao a, .linkKakao span { background: url(../images/iconKakao.png) no-repeat right center; width:146px; height:30px; margin:-8px 0 0 0} .linkData4lib a, .linkData4lib span { background: url(../images/iconData4lib.png) no-repeat right center; background-size:contain; width:150px; height:70px; margin:-8px 0 0 0} div.linkSources {float:left} .dialog_10 p { padding:10px 0; font-size:15px} .poupSerch { padding:15px 20px; text-align:center; border-radius: 6px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); border:solid 1px #ededed; background:#fff; clear: both; margin: 10px 0} #header_total_search_btn.btN { margin-left: -8px; border-radius:0 3px 3px 0} .orderBy { font-size: 0; padding:18px 0 0 0; float: left;} .orderBy input[type="button"]{ border-radius: 0; background: #ccc; padding:0 12px} .orderBy input[type="button"]:hover, .orderBy input[type="button"]:focus, .orderBy input[type="button"].btn_on { color:#FFF; background: #1aa2c0;} .orderBy input[type="button"]:nth-child(2){ border-radius: 3px 0 0 3px} .orderBy input[type="button"]:last-child{ border-radius: 0 3px 3px 0} .orderBy span { font-size: 15px; padding-right:12px; color: #8e8e8e; display: none } .popup_10 .view_type { padding:10px 0 0 0; float: right;} #img_view { clear: both;} #header_total_search_text { width: 400px} .original_search { display: inline-block;} #tbl_view table td input[type="button"] { height: 24px; width: 122px; margin: 1px 0; font-size: 13px} .popup_10 .tab_50 {width: 100%;} .book_type_wrap { display:block ; clear:both; float:left; padding:10px 0;} .book_info { margin:-18px 0 0 0} .book_info h4 { font-size:17px; font-weight:400; line-height:1.3em; clear:both; padding:6px 0} .book_info .h4_no { font-size: 18px; color:#777} .a20 .book_info h4 { display:inline-block;} .book_info h5 { color:#666; font-size:16px; font-weight: normal; line-height:1.3em; padding:3px 0 0 0} .book_info>li:first-child {border-top:#CCC solid 1px} .book_info>li { border-bottom:#ededed solid 1px; padding:20px 0; clear:both} .book_info ul { padding:5px 0; width:73%} .book_info ul:after { content:""; display:block; clear:both; *zoom:1} .book_info ul li { display:inline-block; float:left; padding: 0 10px 2px 0; color:#8e8e8e} .book_info ul li.writer, .book_info ul li.publisher { height:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .book_info ul li.writer {max-width:40%; } .book_info ul li.publisher {max-width:40%; } .book_info ul li:first-child:before { display:none} .book_info ul li:before { display:block; width:1px; height:10px; content:""; background:#ddd; margin:2px 10px 0 0; float:left } .book_info ul.actor_info li{width:95%; display:block; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .book_info dl { overflow:hidden; font-family:'굴림',Gulim,'돋움',Dotum,sans-serif; font-size:12px; line-height:1.2; color:#717171; padding:10px 0; margin:10px 0 10px -1% ; border-top:#ededed dotted 1px; border-bottom:#ededed dotted 1px;} .book_info dl dt:before { display:block; width:3px; height:3px; content:""; background:#85bfec; margin:4px 6px 0 0; float:left } .book_info dl dt, .book_info dl dd { float:left;width:11%; padding:4px 0.5%} .book_info dl dt { font-weight: bold; color:#8e8e8e; padding: 4px 1%; letter-spacing:-1px} .book_info dl dd { width:18% } .book_info p { color:#8e8e8e; line-height:1.5em} .book_cover { float:left; margin:12px 0 0 0;width:82px; border: 1px solid #ededed ; padding:4px; box-shadow:#dedede 0 2px 2px; border-radius:5px; background: #fff; margin-bottom:3px; } .book_cover img { padding:0 0 5px 0; width:82px; height:120px;} .subject_code_image {display:block; text-align:center; color:#1d89c0; padding:6px; font-size:12px; border-top: dotted 1px #eee} /* .book_cover { float:left; margin:20px 0 0 0; width:82px; height:120px; padding:4px; back-ground:#fff; border-radius:5px} */ .a10 .table_80 { width:85%; float:right; margin-top:13px} .a20 .table_80 { width:85%; float:right; margin-top:13px} .book_info table.table_80 { margin-top:20px} .book_cover + div > table.table_80 { margin-top: 0} /* */ .dl_10 { background:#f6f6f6; overflow: hidden; padding:1px 1px 0 0} .dl_10 dt, .dl_10 dd { width:19.5%; padding:10px 5%; float:left;border:solid 1px #ccc; margin: -1px -1px 0 0} .dl_10 dt{ background: #ddd } .dl_10 dd{ width:60%; float:left; border-color: #ededed} .dl_12 { overflow: hidden; padding:1px 1px 0 0; margin:10px 0 0 0} .dl_12 dt, .dl_12 dd { float:left;border:solid 1px #ededed; margin: -1px -1px 0 0} .dl_12 dt{ width:19.5%; padding:12px 5% 0 5%; height:25px; background: #eee;border:solid 1px #ddd } .dl_12 dd{ width:60%; padding:5px 5% 0 5%; height:32px} .table_p90 { border-collapse:collapse; width:100% } .table_p90 th { text-align:left} .table_p90 th, .table_p90 td { padding:2px; font-size:12px; } .table_p90 td input[type="text"] { width:96%; padding:5px 0 5px 3%; border:#ddd solid 1px; background:#f6f6f6} /* popup 메뉴편집*/ .popup_menu_edit {overflow:hidden} .popup_menu_edit #menu, .popup_menu_edit #menu_other { width:43%; overflow:hidden} .popup_menu_edit #menu_other { float:right} .popup_menu_edit select { font-size:12px; width:98%} .btn_area_48 { width: 10%; padding:100px 0 0 0.5%; float:left; text-align:center} .btn_area_48 input{ width:55px; height:30px; margin: 3px auto; font-size:12px; background: #f6f6f6 url(../../resources/images/icon_arrow_10.png) no-repeat right 0; border:#ddd solid 1px; border-radius:4px; color:#008db0} .btn_area_48 input:hover, .btn_area_48 input:focus { background: #ededed url(../../resources/images/icon_arrow_10.png) no-repeat right 0} .btn_area_48 input#add {background-position: left bottom} .btn_area_48 input#del {} /* tab */ .tab_30 { overflow: hidden; margin:20px 0 0 0; } .tab_30 a { display: block; width: 33.2%; float: left; padding: 15px 0 ; text-align: center;/* font-size: 14px;*/ border-bottom: solid 1px #ddd; background: #d6dde1; border-left:#f7f7f7 solid 1px; border-bottom:#0ca5cb solid 1px} .tab_30 a:first-child { border-left:none} .tab_30 a:hover, .tab_30 a:focus, .tab_30 a.on { background:#0ca5cb; color:#fff; border-bottom:#0ca5cb solid 1px} .tab_toggle { overflow: hidden; margin:20px 0 0 0; } .tab_toggle a{ display: block; width: 50%; float: left; padding: 15px 0 ; text-align: center; font-size: 14px; border-bottom: solid 1px #ddd; background: #d6dde1 url(../../resources/images/deco_line_10.gif) repeat-y 0 0; border-bottom:#0ca5cb solid 1px} .tab_toggle a:first-child {margin-right:-1px} .tab_3 a { width: 33.3%} .tab_4 a { width: 25%} .tab_5 a { width: 20%} .tab_6 a { width: 16.4%} .tab_toggle a:first-child { border-left:none} .tab_toggle a:hover, .tab_toggle a:focus, .tab_toggle a.on { background:#0ca5cb url(../../resources/images/deco_line_10.gif) repeat-y 0 0; color:#fff; border-bottom:#0ca5cb solid 1px} .tab_3 { overflow: hidden; margin:20px 0 0 0; } .tab_3 a { display: block; width: 33.2%; float: left; padding: 15px 0 ; text-align: center; font-size: 14px; border-bottom: solid 1px #ddd; background: #d6dde1; border-left:#f7f7f7 solid 1px; border-bottom:#0ca5cb solid 1px} .tab_3 a:first-child { border-left:none} .tab_3 a:hover, .tab_30 a:focus, .tab_30 a.on { background:#0ca5cb; color:#fff; border-bottom:#0ca5cb solid 1px} /* 원부커버설정 */ #printTabs .ui-widget-header { background: none; border: none; border-bottom: solid 1px #32badc; border-radius:0; padding: 0;} #printTabs .ui-tabs.ui-tabs-panel, #printTabs .ui-tabs-panel.ui-widget-content.ui-corner-bottom { padding: 0;} #printTabs.ui-tabs {padding: 0; border:none; border-radius: 0} #printTabHeader li.ui-tabs-active, #printTabHeader li.ui-tabs-active.ui-state-default a{ background-color: #32badc} #printTabHeader .ui-state-default, #printTabHeader .ui-state-default a, #printTabHeader .ui-state-default a:link { background-color: #999} /**/ input.dateReset, .busan input.dateReset{ width: 28px; background-color:#fff; border:solid 1px #ddd; background: #fff url(../images/btnCalendar3.png) no-repeat 1px 1px;font-size: 0; } input.dateReset:hover, input.dateReset:focus, input.dateReset:active, .busan input.dateReset:hover, .busan input.dateReset:focus, .busan input.dateReset:active {border-color:#1aa2c0; background-color:#fff !important; background-position: 1px -27px} /* calendar */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:12px; font-weight:normal;list-style:none; font-weight:normal}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)} /* .ui-front{z-index:3000} */ .ui-front{z-index:2500} .ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat} .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2500} .ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal} .ui-button-text-only .ui-button-text{padding:.4em 1em} .ui-button-text-only span.ui-button-text { outline: none; border:none; padding:0 1em } .ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px} .ui-button-icon-only span.ui-button-text { padding-top: 0;padding-bottom: 0;} .ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;width:1.8em;height:1.8em; background: url(../../resources/images/btn_arrow_20.png) 0 5px no-repeat; overflow: hidden; text-indent: -9999px} .ui-datepicker .ui-state-hover.ui-datepicker-prev-hover, .ui-datepicker .ui-state-hover.ui-datepicker-next-hover { background-position: 0 -30px} .ui-datepicker .ui-datepicker-next { background-position: right 5px} .ui-datepicker .ui-datepicker-prev-hover{ background: url(../../resources/images/btn_arrow_20.png) 0 bottom !important} .ui-datepicker .ui-datepicker-next-hover{ background: url(../../resources/images/btn_arrow_20.png) right bottom !important} .ui-datepicker .ui-datepicker-prev{left:2px} .ui-datepicker .ui-datepicker-next{right:2px} .ui-datepicker .ui-datepicker-prev-hover{left:1px} .ui-datepicker .ui-datepicker-next-hover{right:1px} .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px} .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center} .ui-datepicker select.ui-datepicker-month-year{width:100%} .ui-datepicker table{width:100%;font-size:12px; font-weight:normal;margin:0 0 .4em;} .ui-datepicker table a { color: #8e8e8e} .ui-datepicker table tr th:first-child, .ui-datepicker table tr td:first-child, .ui-datepicker table tr td:first-child span, .ui-datepicker table tr td:first-child a{ color: #9d805a} .ui-datepicker table tr th:last-child, .ui-datepicker table tr td:last-child, .ui-datepicker table tr td:last-child span, .ui-datepicker table tr td:last-child a{ color: #5b7a95} .ui-datepicker table tr td:first-child span.ui-state-active, .ui-datepicker table tr td:first-child a.ui-state-active { color: #fff} .ui-datepicker-today a.ui-state-highlight { background:#fff url("../images/decoDot1.png") no-repeat 99% 2px; color: #32badc; font-weight: 500} .ui-datepicker th{padding:.7em .3em;text-align:center;border:0} .ui-datepicker table td { border: solid 1px #ededed} .ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none; padding:5px} .ui-datepicker .ui-datepicker-buttonpane{padding:0 0 2px 0; border:0 none; position: relative;} .ui-datepicker .ui-datepicker-buttonpane button{margin:0 2px 0 0;padding:0px 5px; border:none; font-size: 14px ; height:28px;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{ width: 28px; border:solid 1px #ddd; background: #fff url(../images/btnCalendar3.png) no-repeat -1px -1px;font-size: 0; position: absolute;right: 28px;top: 0; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {background-position:-29px -1px} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear:hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-clear:focus { border-color:#1aa2c0; background-position: -1px -29px} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {right: -2px;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus { border-color:#1aa2c0; background-position:-29px -29px} .ui-datepicker.ui-datepicker-multi{width:auto} .ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative} .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis; color:#fff; font-size:16px; font-weight:400;} .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px} .popup_10 .ui-dialog .ui-dialog-buttonpane { padding:0} .ui-draggable{cursor:move; position: fixed}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:12px; font-weight:normal;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:12px; font-weight:normal;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px} .ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0} .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap} .ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none} .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px} .ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text} .ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer} .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none} .ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px} .ui-widget .ui-widget{font-size:15px; font-weight:normal} .ui-widget-content{border:1px solid #aaa;background:#fff;} .ui-widget-header{border:1px solid #2c4359;background:#35414f;color:#e1e463} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header.ui-state-default{/* background: #fff; 마크에디터에서 안보이는 문제로 주석처리*/ color:#777} .ui-state-default a,.ui-state-default a:link,.ui-state-default, .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:#32badc ;color:#fff} .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;} .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none} .ui-state-default span.ui-button-text { color: #fff} .ui-state-active, .ui-widget-content .ui-state-active, .ui-datepicker-calendar tr td a.ui-state-default:focus, .ui-datepicker-calendar tr td a.ui-state-default:hover, .ui-widget-header .ui-state-active, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#32badc ;color:#fff} .ui-datepicker .ui-datepicker-calendar a.ui-state-default{ background: #fff} .ui-datepicker .ui-datepicker-today a.ui-state-default { background-color: #f6f6f6; font-weight: 700; color: #333} .ui-datepicker .ui-datepicker-current-day a.ui-state-default{ background: #f6f6f6 url("../images/decoDot30.png") no-repeat 5px 5px; color: #1aa2c0} .ui-state-highlight a,.ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color:#363636} .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ff6b7f;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-widget-header .ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px} .ui-widget-overlay{background:#33b3d3;opacity:.8;filter:Alpha(Opacity=80)} .ui-widget-shadow{margin:8px 0 0 8px;padding:10px;background:#33b3d3;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} .ui-datepicker-trigger {padding:2px 5px 3px 5px; margin-left:-2px;vertical-align: middle;cursor: pointer; border-radius:0 3px 3px 0 } .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px; background:#32badc url(../../resources/images/icon_close1.png) center 0 no-repeat; border:#19a5c7 solid 1px} .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-titlebar-close:focus { background:#19a5c7 url(../../resources/images/icon_close1.png) center -20px no-repeat; border:#19a5c7 solid 1px} .ui-datepicker-calendar thead th { background:#ddd} .ui-datepicker select { height: 28px; border:none} .ui-datepicker select:hover, .ui-datepicker select:focus { border:none} /* tooltip */ .ui-tooltip, .arrow:after {} .ui-tooltip {padding: 10px 14px;color: #666;border-radius: 2px; text-transform: uppercase; line-height: 1.4em; box-shadow:0 2px 3px rgba(0,0,0,0.15); border:solid 1px #ccc; border-radius: 3px} .arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;} .arrow.top {top: -16px;bottom: auto} .arrow.left {left: 20%} .arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)} .arrow.top:after {bottom: -20px;top: auto} label[for="user_birthday_Year"], label[for="user_birthday_Month"], label[for="user_birthday_Date"] { margin:0 18px 0 0; } #user_SmsRiciveYn, #Auto_Control_No, #otherLibDataImportYn {margin:0 -28px 0 20px;} /* DIALOG 용 dummyDate설정 2016-02-04 김경태 추가 */ .dummyDate{opacity: 0; position: absolute; top: 0; left: 0; width: 1px; height: 1px;} /* 통합검색 결과 */ .lill_o {color:#169dbf} .lill_x {color:red;font-weight:500;} h1 #search_logo { width: 185px; height:41px; display:block; background:url(../../resources/images/h1.png) no-repeat 0 3px; overflow:hidden; text-indent:-9999px} .serach_result_window h1#home{ float: left; border:none; margin: 0} .serach_result_window h2.lib_name { top:13px; left: 180px} body.popup_10 #content_search { margin: 0 auto 15px auto; padding:30px 3% 20px} .view_type { vertical-align: middle; padding:0 10px 0 0; margin: 0 0px 15px 0; text-align:right;} .view_type input { width: 70px; height:38px; overflow: hidden; text-indent: -9999px; border:solid 2px #cbcbcb; background: #f3f3f3 url(../../resources/images/icon_view_select.png) no-repeat 0 0; vertical-align: middle; border-radius:2px } .view_type input.view_type_cover { background-position: right 0;} .view_type input:hover, .view_type input:focus, .view_type input.on {background-color: #f3f3f3 ; background-image:url(../../resources/images/icon_view_select.png); border-color:#3abad9} /* border-right:1px solid #ccc */ /* 인기검색어 상세페이지 */ .stastics_table h4 { font-size:23px; font-weight:normal} .stastics_table h4 span.org_div {} .stastics_table h4 span.state_due:before {display:inline-block; margin:0 12px -2px 9px; content:""; width:1px; height:18px; background:#ddd;} .stastics_table .d10 button.ui-datepicker-trigger{background:#6b9bc8 url(../images/btn_calendar.png) no-repeat center center; border:none; font-size:1px; color:#4d83b5; width:45px; height:33px; vertical-align:middle } .stastics_table .d10 button.ui-datepicker-trigger:hover, .stastics_table .d10 button.ui-datepicker-trigger:focus {background-color:#4d83b5} .loanRe_L input[type="text"].hasDatepicker:disabled { cursor:inherit; opacity: 0.5} .stastics_table ol { border-top: #8e8e8e solid 1px; font-size:14px; margin:15px 0 0 0} .stastics_table li {display:block; border-bottom:#ddd solid 1px; background:#fff; overflow:hidden} .stastics_table li span.no, .stastics_table li span.type, .stastics_table li strong.book_title, .stastics_table li span.hit, .stastics_table li span.no_result { display:block; width:20%; float:left; padding:12px 0} /* 문화가있는날 1904 */ .culture_day #klaslogoImg { display: none} .culture_day h1#home a {background:url(../../resources/images/h1_cultureday.png) no-repeat ; background-size: contain; height: 46px} .culture_day .loanRe_L .table_10 th { background: #d12149 } .culture_day .loanRe_L .table_10 td { background: #ef3e61 } .culture_day .loanRe_L > div.searchBg { background: #b09096} .culture_day .loanRe_L .table_10 th, .culture_day .loanRe_L .table_10 td {border-color:#b03954} /* .culture_day .loanRe_L .ui-datepicker-trigger, */ .culture_day .searchBg input[type="button"] {background-color: #666 !important} .culture_day .searchBg input[type="button"] { border:solid 1px #555 } .culture_day .h1CultureDay { display: inline-block;} body.culture_day .gnb_wrap, body.busan.culture_day .gnb_wrap {background-image: url(../images/gnbBorder21_cultureDay.gif);} body.culture_day.sub_01 li.nav01>a>span, body.culture_day.sub_02 li.nav02>a>span, body.culture_day.sub_03 li.nav03>a>span, body.culture_day.sub_04 li.nav04>a>span, body.culture_day.sub_05 li.nav05>a>span, body.culture_day.sub_06 li.nav06>a>span, body.culture_day.sub_07 li.nav07>a>span, body.culture_day.sub_08 li.nav08>a>span, body.culture_day.sub_09 li.nav09>a>span, body.culture_day.sub_10 li.nav10>a>span, body.culture_day.sub_11 li.nav11>a>span, body.culture_day.sub_12 li.nav12>a>span {border-bottom: solid 2px #ffd33c; color:#ffd33c} body.culture_day .vNav li a:hover span, body.culture_day .vNav li a:focus span {color:#f9b718} body.culture_day input[type="button"].btnTopSearch, body.culture_day input[type="button"].btnTopSearchPopup { background-color: #666 !important} body.culture_day input[type="button"].btnTopSearch:hover, body.culture_day input[type="button"].btnTopSearch:focus, body.culture_day input[type="button"].btnTopSearchPopup:hover, body.culture_day input[type="button"].btnTopSearchPopup:focus { background-color:#555 !important} body.busan.culture_day a.btn_more2, body.busan.culture_day .btn_more1 a { background-color: #f43f68} body.busan.culture_day a.btn_more2:hover, body.busan.culture_day a.btn_more2:focus, body.busan.culture_day .btn_more1 a:hover, body.busan.culture_day .btn_more1 a:focus { background-color: #e73059} /* common ---------------------------------------------------------- */ .hidden{ position: fixed; left:-9999px} .floatL { float:left} .floatR { float:right} .gap50 { display: inline-block; width:50px;} /* table */ .table {border-top: #505666 solid 1px} .table.caption {border-top: none; } .table.caption caption {border-bottom: #505666 solid 1px} .table caption { color: #646c83; color:#ccc; font-size: 18px; text-align: left; padding: 12px 0; } .table caption span { color: #7a839d} .table caption.caption { background:none; padding: 30px 0 11px 0; text-indent: 0; border-bottom: #cacac9 solid 1px; } .table caption.caption span{ background: #363844; color: #fff; font-size: 16px; padding: 6px 20px; border-radius: 16px 0 } .table thead th { padding:16px 10px; color:#646c83; color:#7a839d; border-bottom:#505666 solid 1px ; background:#363c4e; line-height: 1.3em ; vertical-align: middle;} .table tbody th, .table tbody td { border-bottom:#474d5c solid 1px ; padding: 12px 8px;line-height: 1.2em; color: #ccc} .table tbody th, .table tbody .th { font-weight: normal; color: #ccc; background:#363c4e;} .table tbody th label {color: #777} .table tbody .inputCheck, .table tbody td.bookInfo { padding: 0 } .table tbody td.no_data { text-align: center; } .table td.title, .table td.location, table th.textL, table td.textL, .table td.textL, .table td.writer, .table td.msg_content { text-align: left } /* 왼쪽 정렬인 테이블 */ .table10 tbody th, .table10 tbody td { text-align: left; } /* 가운데 정렬인 테이블 */ .table20 tbody th, .table20 tbody td { text-align: center;} /* tbody의 th 왼쪽, td는 가운데 정렬인 테이블 */ .table30 tbody th { text-align: left} .table30 tbody td { text-align: center;} /* */ .table + .table { margin-top: 15px } .pageNav { text-align: center; padding: 20px 0; font-size: 0} .pageNav a, .pageNav strong { display: inline-block; font-size:16px; height: 26px; width: 38px; padding: 12px 0 0; border: solid 1px #646c83; background: none; margin: 0 -1px 0 0;overflow: hidden; color: #7a839d } .pageNav a.first, .pageNav a.prev, .pageNav a.next, .pageNav a.last{ background: rgba(255,255,255,0.05) url(../images/btnPageNav.png) no-repeat 0 -161px; text-indent: -9999px; } .pageNav a.prev { background-position: 0 -201px } .pageNav a.next { background-position: 0 -241px } .pageNav a.last { background-position: 0 -281px } .pageNav a.first:hover, .pageNav a.first:focus, .pageNav a.prev:hover, .pageNav a.prev:focus, .pageNav a.next:hover, .pageNav a.next:focus, .pageNav a.last:hover, .pageNav a.last:focus { background-color:rgba(255,255,255,0) } .pageNav a:hover, .pageNav a:focus { color: #1aa2c0} .pageNav a.on, .pageNav strong { background: #252837 ; color: #1aa2c0 } /* btn */ .btn {color:#aaa; color:#ccc; background: #646c83; font-size: 15px; border:#646c83 solid 1px; border-radius: 3px !important; margin:1px; padding: 0 20px; height:32px; display: inline-block; font-weight: 400} .btn.btnS { height: 26px } br + .btn.btnS { margin: 6px 0 0 0 } a.btn { padding:6px 20px 0 20px; height: 24px; } .btn.on, .btn:hover, .btn:focus {color: #fff; background-color: #80879b ;border-color: #80879b} .btn.on { color: #fff; background: #07aecf; border:#07aecf solid 1px } .pri {background:#1aa2c0 !important; color: #252837 !important; color: #252837 !important;border-color:#1aa2c0 } /* 29c8e8 */ .pri:hover, .pri:focus {background-color:#3fd5f3 !important; border-color:#3fd5f3}/* #3fd5f3 */ .wrn {background:#ed8f14 !important} .wrn:hover, .wrn:focus {background-color:#dc8b22 !important} .dis { opacity: 0.5; cursor: default; } .btn.btnSearch { width: 28px; background:#646c83 url("../images/btnSearch.png") no-repeat center ; font-size: 0} a.btn.btnSearch { width: 0} .btn.btnSearch:hover, .btn.btnSearch:focus { background-color:#80879b; border-color: #80879b} input[type="text"] + .btn.btnSearch { margin-left: -8px; border-radius:0 3px 3px 0} input[type="button"].btnCalendar {color:#aaa; background: #646c83; font-size: 0; border:#646c83 solid 1px; border-radius: 3px !important; padding:0; margin:1px 0; height:32px; width: 32px} .datepicker {width: 120px} /* checkbox / radio */ input[type="checkbox"] { } input[type="checkbox"] + label { color: #8e8e8e} input[type="checkbox"] + label::before, input[type="checkbox"]:checked + label::before { cursor: pointer; content:""; display:inline-block; width: 18px;height: 18px; background:#fff url("../images/bg_input.png") no-repeat 0 -30px; margin: 0 6px 3px -20px; margin-left:-21px; vertical-align: middle; border-radius: 3px } input[type="checkbox"]:hover + label::before, input[type="checkbox"]:focus + label::before {background-position: 0 -60px} input[type="checkbox"]:hover + label, input[type="checkbox"]:focus + label { color: #1aa2c0 } input[type="checkbox"]:checked + label::before { background:#fff url("../images/bg_input.png") no-repeat 0 0; } input[type="checkbox"]:checked + label { color: #1aa2c0 } input[type="checkbox"][disabled]:checked + label::before {background-position: 0 -120px; cursor: default;} input[type="checkbox"][disabled] + label::before {background-position: 0 -90px; cursor: default;} input[type="text"] + input[type="checkbox"] + label { margin-left: 30px} input[type="checkbox"] + label + input[type="checkbox"], input[type="radio"] + label + input[type="radio"], select + label, .btn + label, input[type="text"] + label {margin-left:18px;} input[type="radio"] + label::before, input[type="radio"]:checked + label::before { cursor: pointer; content:""; display:inline-block; width: 18px;height: 18px; border-radius:9px; background:#fff url("../images/bg_input.png") no-repeat -30px -30px; margin: 0 6px 3px -21px; /*margin: 0 6px 2px -19px;*/ vertical-align: middle; } input[type="radio"]:hover + label::before, input[type="radio"]:focus + label::before {background-position: -30px -60px;} input[type="radio"]:hover + label, input[type="radio"]:focus + label { color: #1aa2c0 } input[type="radio"]:checked + label::before { background:#fff url("../images/bg_input.png") no-repeat -30px 0; } input[type="radio"]:checked + label { color: #1aa2c0 } input[type="radio"][disabled]:checked + label::before {background-position:-30px -120px; cursor: default;} input[type="radio"][disabled] + label::before {background-position:-30px -90px; cursor: default;} label.hiddenLabel {font-size: 0} input[type="checkbox"] + label.hiddenLabel:before { margin: 0 0 0 -21px} input[type="radio"] + .hiddenLabel {vertical-align: top} .ui-dialog input[type="radio"] + label::before { margin: 0 6px 0px -22px } /* input */ input,select { vertical-align:middle} input[type="radio"], input[type="radio"] + label { vertical-align: baseline;} input, button{ cursor:pointer} input[type="text"], input[type="password"], select, textarea { font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; border: solid 2px #c7c7c7; color:#777; font-size:15px; border-radius: 3px; background: #fff; text-indent: 5px ; margin: 2px; height: 32px; line-height: 1em; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; vertical-align: middle; -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/ } select { padding:0 18px 0 6px;text-indent: 0; background:#fff url(../images/arrowDown.png) no-repeat 92% -21px; background-position:calc( 100% - 6px ) -21px; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400; font-size: 14px; } select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ } select:hover, select:focus { background-position:92% 10px; background-position:calc(100% - 6px) 11px } /* check, hover 스타일 설정 IE, Chrome */ select option {font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight: 400; font-size: 14px} select option:checked, select option:hover, select option:focus { background:#f60; color: #fff; } textarea { height: auto; } input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border: solid 2px #1aa2c0; color: #333; } input.zipCode { width: 70px;text-align: center;} textarea#modify_Note {width: 100%;height: 60px;} .newHeaderTable input[type="text"], .newHeaderTable input[type="password"], .newHeaderTable select, .newHeaderTable textarea { border: solid 2px #e3e3e3} input[type="button"].tooltip_bar {background: #9f9f9f;color: white;font-size: 12px; width: 15px;height: 15px;padding: 0;border-radius: 50%;border-style: none;} div[role="tooltip"] .table_10 th, div[role="tooltip"] .table_10 td { font-size: 13px;} div[role="tooltip"] .table_10 .text { text-align: left;} /* datepicker */ input[type="text"].hasDatepicker { width: 120px;} img.ui-datepicker-trigger { margin-left: -37px;} .input02, .width02 { width: 2% } .input03, .width03 { width: 3% } .input04, .width04 { width: 4% } .input05, .width05 { width: 5% } .input06, .width06 { width: 6% } .input07, .width07 { width: 7% } .input08, .width08 { width: 8% } .input09, .width09 { width: 9% } .input10, .width10 { width: 10% } .input15, .width15 { width: 15% } .input20, .width20 { width: 20% } .input25, .width25 { width: 25% } .input30, .width30 { width: 30% } .input34, .width34 { width: 34% } .input35, .width35 { width: 35% } .input40, .width40 { width: 40% } .input45, .width45 { width: 45% } .input50, .width50 { width: 50% } .input55, .width55 { width: 55% } .input60, .width60 { width: 60% } .input65, .width65 { width: 65% } .input70, .width70 { width: 70% } .input75, .width75 { width: 75% } .input80, .width80 { width: 80% } .input85, .width85 { width: 85% } .input86, .width86 { width: 86% } .input87, .width87 { width: 87% } .input88, .width88 { width: 88% } .input89, .width89 { width: 89% } .input90, .width90 { width: 90% } .input92, .width92 { width: 92% } .input94, .width94 { width: 94% } .input95, .width95 { width: 95% } .input97, .width97 { width: 97% } .input98, .width98 { width: 98% } .input99, .width99 { width: 99% } .width02, .width03, .width04, .width05, .width06, .width07, .width08, .width09, .width10, .width15, .width20, .width25, .width30, .width34, .width35, .width40, .width45, .width50, .width55, .width60, .width65, .width70, .width75, .width80, .width85, .width86, .width87, .width88, .width89, .width90, .width95, .width98 { position: relative; margin: 0 auto } .width02 { width: 2% } .width03 { width: 3% } .width04 { width: 4% } .width05 { width: 5% } .width06 { width: 6% } .width07 { width: 7% } .width08 { width: 8% } .width09 { width: 9% } .width10 { width: 10% } .width15 { width: 15% } .width20 { width: 20% } .width25 { width: 25% } .width30 { width: 30% } .width34 { width: 34% } .width35 { width: 35% } .width40 { width: 40% } .width45 { width: 45% } .width50 { width: 50% } .width55 { width: 55% } .width60 { width: 60% } .width65 { width: 65% } .width70 { width: 70% } .width75 { width: 75% } .width80 { width: 80% } .width85 { width: 85% } .width86 { width: 86% } .width87 { width: 87% } .width88 { width: 88% } .width89 { width: 89% } .width90 { width: 90% } .width95 { width: 95% } .width98 { width: 98% } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: -1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease} .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-nav.disabled + .owl-dots { position: absolute; bottom:0px; width: 100%; left: 0 } .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; } .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; } .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #869791; } @media screen and (min-width:1024px) { .headerTable1 table .th {} .env_setup { left:inherit; right:26px;} .quickMenu { display:none;} .container { width:98.5% /* ;width:95%; margin-left:2%; */} .main_wrap10,.main_wrap30,.main_wrap32,.main_wrap34,.main_wrap36,.main_wrap40,.main_wrap42,.main_wrap44 ,.main_wrap46,.main_wrap50,.main_wrap52,.main_wrap60 { box-sizing:border-box;} .main_wrap10, .main_wrap34, .main_wrap36 { width: 49%;} .main_wrap30 { width:35% } .wrap32_disNon .main_wrap30 { width:50.5%;} .main_wrap32 { width:15%; left:35.5%;} .main_wrap40,.main_wrap42 { width:25%; } .main_wrap42 { left:25.5%;} .main_wrap44, .main_wrap46 { width:24.25%; } .main_wrap44 { left:51%;} .main_wrap46 { left: 75.75%;} .main_wrap50, .main_wrap52 { height:232px;} .main_wrap50 { width:50.5%;} .main_wrap52 { width:49%; left:51%;} .loanRe_R {/* width:65.5%; */} .loanRe_L { /* width:34%; */} .no_userInfo { width:98%; box-sizing:border-box;} } @media screen and (min-width:1270px) { .calenderNav {/* padding:12px 0 0 8% */} .content_head_10 input[type="text"], .content_head_10 select { margin: 1px 2px 0 2px } .content_head_11 input[type="text"], .content_head_11 select { margin: 1px 2px 0 2px } .headerTable1 table .th { padding-left: 16px;} .env_setup {/* right:100px; */} .quickMenu { left:inherit; right:10px; margin:0;} .loanRe_R {/* width:69.5%; */} .loanRe_L { /* width:30%; */} .fix-bottom .btn_area_42 { right:8%;} h5.libTransport10, h5.libTransport20 { height:31px; padding-top:99px; font-size:19px; width: 41%; background: url(../images/otherLoanReturn_icons.png) no-repeat center -457px; font-weight: normal; } h5.libTransport10 {background-position: center -625px} a.libTransport11, a.libTransport15 { left: 35.5%} a.libTransport12, a.libTransport14 { left: 15%} a.libTransport21, a.libTransport25 { left: 59%} a.libTransport22, a.libTransport24 { left: 79.5%} /* 대출반납 */ #loanReturn_reserveContorll_title.headerTable1 td{padding: 6px 8px} .btn_area_40 a, .btn_area_42 a, .btn_area_44 a, .btn_area_46 a, .btn_area_40 input[type="button"], .btn_area_42 input[type="button"], .btn_area_44 input[type="button"], .btn_area_46 input[type="button"] { /*padding:8px 24px*/ padding:8px 16px} } /* @media screen and (min-width:1300px) { .container { width:92%; } .main_wrap46 input[type="text"] {width:63%;} .loanRe_R { width:72.5%;} .loanRe_L { width:27%;} .fix-bottom .btn_area_42 { right:7%;} } @media screen and (min-width:1590px) { .sub_00 .content_wrap, .body_wrap { min-height:1004px;} .main_page2 { height:1038px;} .container { width:93%; margin-left:0.8%;} .head { margin-left:182px;} .main_wrap10, .main_wrap34, .main_wrap36 { width:41.5%;} .main_wrap30 { width:25%;} .wrap32_disNon .main_wrap30 { width:38.5%;} .main_wrap32 { width:13%; left:25.5%;} .main_wrap40 { width:19%; top:204px; height:284px; left:39%;} .main_wrap42,.main_wrap44,.main_wrap46 { width:19%; height:232px;} .main_wrap42 { left:0;} .main_wrap44 { left: 19.5%;} .main_wrap46 { left: 39%;} .main_wrap46 input[type="text"] {width:61.5%;} .main_wrap46 textarea { height:118px;} .main_wrap50 { width:41.5%; top:496px; left:58.5%;} .main_wrap52 { width:38.5%; left:0; top:736px; height:300px;} .main_wrap52 ul { padding-top:64px;} .main_wrap60 { width:61%; left:39%; top:736px;} .loanRe_R { width:77.5%;} .loanRe_L { width:22%;} .fix-bottom .btn_area_42 { right:6.2%;} h5.libTransport10, h5.libTransport20 { width: 43.5%; font-weight: normal; } a.libTransport22, a.libTransport24 { left: 81.5%} } */ @media screen and (min-width:1300px) { body.login h1 { height: 170px} .container { width:93%; width:calc( 100% - 100px ); margin-left:0.8%; margin-left:10px; } .quickMenu { display:block;} .loanRe_R { width:72.5%;width:calc( 100% - 340px )} .loanRe_L { /* width:27%; */} .fix-bottom .btn_area_42 { right:7%;} .btnLoginName { display: inline-block } } @media screen and (min-width:1590px) { .calenderNav {/* padding:12px 0 0 0; */text-align: center} form#searchForm {display: block; float: right; width: auto; height: auto; background: none; position: static; left:0; top:0; z-index:3000} form#searchForm .searchField { position: static; width:auto; display: inline-block; margin:0; background: none transparent; border:none; border-radius: 0} input[type="button"].btnTopSearch { display: inline-block;} input[type="button"].btnTopSearchPopup { display: none } .selectLib input[type="button"].btnSelectLib { background-color: #f9f9f9} .selectSearch input[type="button"].btnSelectSearch { background-color: #f9f9f9} /* .searchField input[type="text"] { width: 96px} .searchField input[type="text"]:hover, .searchField input[type="text"]:focus { width: 150px;} */ .sub_00 .content_wrap, .body_wrap { min-height:1004px;} .main_page2 { height:1360px;} .container { width:94%;width:calc( 100% - 100px ); margin-left:0.8%; margin-left:10px;} .head {/* margin-left:182px; */} .main_wrap10, .main_wrap34, .main_wrap36 { width:41.5%;} .main_wrap30 { width:25%;} .wrap32_disNon .main_wrap30 { width:38.5%;} .main_wrap32 { width:13%; left:25.5%;} .main_wrap40 { width:19%; top:220px; height:284px; left:39%;} .main_wrap42,.main_wrap44,.main_wrap46 { width:19%; height:232px;} .main_wrap42 { left:0;} .main_wrap44 { left: 19.5%;} .main_wrap46 { left: 39%;} .main_wrap46 textarea { height:118px;} .main_wrap50 { width:41.5%; top:516px; left:58.5%;} .main_wrap52 { width:38.5%; left:0; top:760px; height:300px;} .main_wrap52 ul { padding-top:64px;} .main_wrap60 { width:61%; left:39%; top:760px;} .main_wrap70 { top:1073px} .loanRe_R { /* width:77%; */} .loanRe_L { /* width:22%; */} .fix-bottom .btn_area_42 { right:6.2%;} h5.libTransport10, h5.libTransport20 { width: 43.5%; font-weight: normal; } a.libTransport22, a.libTransport24 { left: 81.5%} } @media screen and (min-width:1700px) { .head {display: inline-block;} } @media screen and (min-width:1900px) { .container { width:94.5%;} .head { /* margin-left:184px; */} .main_wrap10, .main_wrap34, .main_wrap36 { width:36%;} .main_wrap30 { width:19%;} .wrap32_disNon .main_wrap30 { width:30.5%;} .main_wrap32 { width:11%; left:19.5%;} .main_wrap40 { width:16%; left:31%;} .main_wrap42 { left:47.5%; top:220px; height:284px; width:16%;} .main_wrap44, .main_wrap46 {width:15%;} .main_wrap44 { left: 0;} .main_wrap46 { left: 15.5%;} .main_wrap46 input[type="text"] {width:61%;} .main_wrap50 { width:32.5%; left:31%;} .main_wrap52 { width:36%; left:64%; top:516px; height:232px;} .main_wrap52 ul { padding-top:0px;} .main_wrap60 { width:100%; left:0;} .loanRe_R { /* width:80.5%; */} .loanRe_L {/* width:19%; */} .fix-bottom .btn_area_42 { right:5.2%;} .directionBar.bar10_11 {left:25%} .directionBar.bar12_2 {right:10%} .directionBar.bar11_2 {left:10%;} .directionBar.bar20_22 {left:60%;} } /*table drag width size custom*/ .grip{ width:20px; height:15px; margin-top:23px; position:relative; z-index:88; cursor:e-resize;} .grip:hover{ background-position-x:-20px; } .JCLRLastGrip .grip{ background-position-y:-18px; left:-2px; } .dragging .grip{ background-position-x:-40px; } .sampleText{ position:relative; width:100%; } .dotted{ background-image:url('../images/dotted.png'); background-repeat:repeat-y; } html { scrollbar-arrow-color: #efefef; scrollbar-Track-Color: #efefef; scrollbar-base-color: #dfdfdf; scrollbar-Face-Color: #dfdfdf; scrollbar-3dLight-Color: #dfdfdf; scrollbar-DarkShadow-Color: #dfdfdf; scrollbar-Highlight-Color: #dfdfdf; scrollbar-Shadow-Color: #dfdfdf} /* Chrome, Safari용 스크롤 바 */ ::-webkit-scrollbar {width: 8px; height: 8px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 8px; background:rgba(0,0,0,.05)}/* url(../images/scrollbarL.gif) no-repeat 0 0; */ ::-webkit-scrollbar-button:end:increment {background:rgba(0,0,0,.05)}/* url(../images/scrollbarR.gif) no-repeat 0 0; */ ::-webkit-scrollbar-track { background: rgba(0,0,0,.05) } ::-webkit-scrollbar-thumb { background:rgba(0,0,0,.2) ; border-radius:4px } /* ------------------------------------------------------------ */