@CHARSET "utf-8"; @font-face { font-family:'Nanum Gothic'; font-style:normal; font-weight:400; src:local('Nanum Gothic Regular'), local('Nanum Gothic-Bold'), local('Nanum Gothic Regular'); src:url(../font/NanumGothic.eot); src:url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic.woff) format('woff'), url(../font/NanumGothic.ttf) format('truetype'); } body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} body,input,textarea,select,button,table{font-family:Nanum Gothic, 나눔고딕, dotum, gulim;font-size:12px;color:#000} html, body, form, input, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd{margin:0;padding:0;} html, body {height:100%; overflow:hidden;_overflow:inherit} ul, ol, li{list-style:none} img{border:0;vertical-align:top} table{border-spacing:0;border-collapse:collapse;border-spacing:0} caption{height:0px;line-height:0px;margin:0px;padding:0px;visibility:hidden} th, td{padding:0} textarea{padding:0;margin:0; border:1px solid #d2d2d2;font-size:12px;line-height:18px;vertical-align:middle; } fieldset{display:block;border:none;padding:0;margin:0} legend {width:0;height:0;font-size:0;line-height:0;visibility:hidden} .fl{float:left !important} .fr{float:right !important} .fn{float:none !important} .cb{clear:both !important} .ac{text-align:center !important} .al{text-align:left !important} .ar{text-align:right !important} .vt{vertical-align:top !important} .vm{vertical-align:middle !important} .vb{vertical-align:bottom !important} .oh{overflow:hidden !important} .cp{cursor:pointer !important} .di{display:inline !important} .dib{display:inline-block;display:-moz-inline-box} .dn{display:none !important} .db{display:block !important} .vv{visibility:visible !important} .vh{visibility:hidden !important} .bbn{border-bottom:none !important} .brn{border-right:none !important} .bln{border-left:none !important} .bn, .bn td, .bn th{border:none !important} .bgn, .bgn td, .bgn th{background:none !important} .fb{font-weight:bold !important} .fn{font-weight:normal !important} .fs{font-size:11px !important} .fixed{table-layout:fixed} .pr{position:relative !important} .ft13 {font-size:13px;} .mgr2 {margin-right:2px;} .mgr5 {margin-right:5px;} .mgr10 {margin-right:10px;} .mgl2 {margin-left:2px;} .mgl5 {margin-left:5px;} .mgl10 {margin-left:10px;} .mgl20 {margin-left:20px;} .mgb5 {margin-bottom:5px;} .mgb10 {margin-bottom:10px;} .mgt2 { margin-top:2px;} .mgt4 { margin-top:4px;} .mgt5 { margin-top:5px;} .mgt6 { margin-top:6px;} .mgt10 { margin-top:10px;} .mgt20 { margin-top:20px;} .mgt30 { margin-top:30px;} .mgt40 { margin-top:40px;} .mgt100 { margin-top:100px;} .mga5 {margin:5px;} .pdr5 {padding-right:5px;} .pdb30 {padding-bottom:30px;} .txt01 {color:#989898; font-weight:bold;} .txt02 {color:#f26522; font-weight:normal;} .point_orange { font-weight:bold; color:#e64100;} .point_orange02 { font-weight:bold; color:#f7762f;} .point_orange03 { color:#e64100;} .code {background:#c0c0c0; } .fsz15 {font-size: 15px;} .clearfix{*zoom:1} .clearfix:after {content:'';display:block;clear:both} .span_b{ background: #456dab; color: #FFFFFF; padding: 7px 14px; border-radius: 20px; font-weight: bold;} /* layout */ #wrap {height:100%;} #header {z-index:20; position:absolute; left:0; top:0; right:0; height:50px; font-family:Nanum Gothic, 나눔고딕, dotum, gulim;background: url(../images/header_bg.png); overflow:hidden; border-bottom:1px solid #d2d2d2;} #header .con_l {float:left; margin-top: -5px;} #header .con_l .logo {position:absolute; z-index: 999;} #header .con_l .pgttl {font-size:25px; color:#fff; font-weight:bold; display:inline-block; margin:10px 0px 0px 10px;} #header .con_l .pgtt2 {font-size:15px; color:#fff; font-weight:bold; display:inline-block; margin:10px 0px 0px 10px;} #header .con_l .searchbox {position: absolute; left: 19%;} #header .con_l .searchbox .search-input-container{width:100%} #header .con_l .searchbox .search-input{border-radius:4px;height:32px;width:100%} #header .con_l .searchbox .quick-search-selector{position:relative} #header .col_r {float:right; margin-right:20px; margin-top:11px;} #header .col_r .u_name {color:#4f5d73; font-size:14px; font-weight: bold;} #header .col_r .u_team {color:#61a3b3; font-size:14px; font-weight: bold; margin-left:10px; padding-left:10px; margin-right: 15px; border-left:1px solid #4f5d73;} #header .col_r .icon_logout {margin:6px 5px 0 0; } /* header menu icon */ .icon_01 a {background:url('../images/icon_vmenu_01.png') no-repeat 0 0; min-height:60px; padding-left:25px; color:#9f958e; text-decoration:none;} .icon_01 a:hover {background:url('../images/icon_vmenu_01_on.png') no-repeat 0 0; color:#fbac29; } .icon_01_on a {background:url('../images/icon_vmenu_01_on.png') no-repeat 0 0; color:#fbac29; padding-left:25px; text-decoration:none;} .icon_02 a {background:url('../images/icon_vmenu_02.png') no-repeat 0 0; min-height:60px; padding-left:25px; color:#9f958e; text-decoration:none;} .icon_02 a:hover {background:url('../images/icon_vmenu_02_on.png') no-repeat 0 0; color:#fbac29; } .icon_02_on a {background:url('../images/icon_vmenu_02_on.png') no-repeat 0 0; color:#fbac29; padding-left:25px; text-decoration:none;} .icon_03 a {background:url('../images/icon_vmenu_03.png') no-repeat 0 0; min-height:60px; padding-left:25px; color:#9f958e; text-decoration:none;} .icon_03 a:hover {background:url('../images/icon_vmenu_03_on.png') no-repeat 0 0; color:#fbac29; } .icon_03_on a {background:url('../images/icon_vmenu_03_on.png') no-repeat 0 0; color:#fbac29; padding-left:25px; text-decoration:none;} .icon_04 a {background:url('../images/icon_vmenu_04.png') no-repeat 0 0; min-height:60px; padding-left:25px; color:#9f958e; text-decoration:none;} .icon_04 a:hover {background:url('../images/icon_vmenu_04_on.png') no-repeat 0 0; color:#fbac29; } .icon_04_on a {background:url('../images/icon_vmenu_04_on.png') no-repeat 0 0; color:#fbac29; padding-left:25px; text-decoration:none;} .icon_05 a {background:url('../images/icon_vmenu_05.png') no-repeat 0 0; min-height:60px; padding-left:25px; color:#9f958e; text-decoration:none;} .icon_05 a:hover {background:url('../images/icon_vmenu_05_on.png') no-repeat 0 0; color:#fbac29; } .icon_05_on a {background:url('../images/icon_vmenu_05_on.png') no-repeat 0 0; color:#fbac29; padding-left:25px; text-decoration:none;} /* thin scrollbar */ .scroll-design::-webkit-scrollbar { width: 6px; height: 6px; } .scroll-design::-webkit-scrollbar-track { background-color:transparent; } .scroll-design::-webkit-scrollbar-thumb { background-color:#cccccc; border-radius:3px; } .scroll-design::-webkit-scrollbar-button { width: 0; height: 0; } #container {z-index:20; position:absolute;top:65px;bottom:46px;left:0;right:0; overflow:auto;} #container .scpage_l {position:absolute; left:0px;top:0;bottom:0;right:700px;overflow:hidden;zoom:1;background-color:red;} #container .scpage_l .scan_btn {position:absolute; left:0;top:0; right:0px; height:85px; overflow:hidden;zoom:1;background-color:#f1ece6; padding:15px 20px; } #container .scpage_l .icon01 {position:absolute; left:0;top:85px; right:0px; height:33px; overflow:hidden;zoom:1;background-color:#757575; border-bottom:1px solid #515151; border-top:1px solid #515151;} #container .scpage_l .icon01 ul {float:left; background:#757575; height:33px;} #container .scpage_l .icon01 ul li {float:left; width:28px; border-right:1px solid #5c5c5c;} #container .scpage_l .scan {position:absolute; left:0;top:120px; right:0px; bottom:35px; overflow:hidden;zoom:1;background-color:#f5f5f5; } #container .scpage_l .icon02 {position:absolute; left:0; bottom:0; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .scpage_l .icon02 ul {float:left; background:#f1ece6; height:34px;} #container .scpage_l .icon02 ul li {float:left; width:28px; border-right:1px solid #b3aea9} #container .listpage_r {z-index:25;width:700px; position:absolute;top:0; right:0px; height:100%; overflow:hidden;} #container .listpage_r .p01 {z-index:25;width:430px; border-left:1px solid #515151; position:absolute;top:0; left:0px; right:270px; height:100%; overflow-x:visible; overflow-y:auto; } #container .listpage_r .p02 {z-index:30;width:270px; border-left:1px solid #515151; position:absolute;top:0; left:430px; right:0; height:100%; overflow-x:visible; overflow-y:auto; } #container .listpage_ttl {height:26px; line-height:26px; font-weight:bold; color:#000; margin:10px;} /*#container .listpage_data {margin:0 10px 10px 10px; overflow:hidden;}*/ #container .listpage_data {margin-bottom:10px; padding: 7px 0; border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 10px;} #container .listpage_data_left {margin:0 500px 10px 10px;} /* viewer */ #container .vpage_l {position:absolute; left:0;top:0;bottom:0; width:299px; border-right:1px solid #515151; overflow:hidden;zoom:1; } #container .vpage_l .listbox {padding:0px 10px;} #container .vpage_r {z-index:25; position:absolute;top:0; left:300px; right:0px; height:100%; overflow:hidden;} #container .vpage_r .icon01 {position:absolute; left:0;top:0px; right:0px; height:33px; overflow:hidden;zoom:1;background-color:#757575; border-bottom:1px solid #515151; border-top:1px solid #515151;} #container .vpage_r .icon01 ul {float:left; background:#757575; height:33px;} #container .vpage_r .icon01 ul li {float:left; width:28px; border-right:1px solid #5c5c5c;} #container .vpage_r .scan {position:absolute; left:0;top:35px; right:0px; bottom:0px; overflow:hidden;zoom:1;background-color:#f5f5f5; } #container .vpage_r .scan .thumb_wrap {position:absolute; left:0;top:0; bottom:0; width:169px; border-right:1px solid #515151; overflow:hidden;zoom:1;} /*#container .vpage_r .scan .thumb_wrap .thumb {position:absolute; left:0; top:0; bottom:40px; width:169px; overflow-y:scroll; zoom:1;}*/ #container .vpage_r .scan .thumb_wrap .thumb {position:absolute; left:0; top:0; bottom:40px; width:169px; overflow-y:hidden; zoom:1;} #container .vpage_r .scan .thumb_wrap .paging {position:absolute; left:0; bottom:0px; width:169px; height:40px; background:#dadada; border-top:1px solid #c4c4c4; overflow:hidden; zoom:1;} #container .vpage_r .scan .thumb_wrap .paging ul {margin:5px 1px 1px 1px; border:1px solid #a1a1a1; float:left; border-radius:5px; overflow:hidden;} #container .vpage_r .scan .thumb_wrap .paging ul li {border-right:1px solid #a1a1a1; float:left;} #container .vpage_r .scan .thumb_wrap .paging ul li:last-child {border-right:0px solid red;} #container .vpage_r .scan .thumb_wrap .paging span {padding-top:15px; font-weight:bold; display:inline-block;} #container .vpage_r .scan .viewer_wrap {position:absolute; left:170px;top:0; bottom:0; right:0; overflow:hidden;zoom:1;} /* #container .vpage_r .scan .viewer_wrap .imgbox {position:absolute; left:0;top:0; bottom:126px; right:0; overflow:hidden;zoom:1;} #container .vpage_r .scan .viewer_wrap .iconbox {position:absolute; left:0; bottom:91px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} */ #container .vpage_r .scan .viewer_wrap .imgtopbox {position:absolute; left:0; right:0; height:100%;} #container .vpage_r .scan .viewer_wrap .imgtopbox .docinfo {padding:7px 0 0 10px; font-weight:bold; float:left;} #container .vpage_r .scan .viewer_wrap .imgtopbox .docinfo_r {padding:7px 10px 0 10px; font-weight:bold; float:right;} #container .vpage_r .scan .viewer_wrap .imgbox {position:absolute; left:0;top:25px; bottom:96px; right:0; overflow:hidden;zoom:1;} #container .vpage_r .scan .viewer_wrap .iconbox {position:absolute; left:0; bottom:61px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .vpage_r .scan .viewer_wrap .iconbox ul {float:left; background:#f1ece6; height:34px;} #container .vpage_r .scan .viewer_wrap .iconbox ul li {float:left; width:28px; border-right:1px solid #b3aea9} /* #container .vpage_r .scan .viewer_wrap .commentbox {position:absolute; left:0;bottom:0; right:0; height:90px; overflow:hidden;zoom:1; border-top:1px solid #515151;} #container .vpage_r .scan .viewer_wrap .commentbox .ttlarea {position:absolute; left:0; right:0; height:34px; border-bottom:1px solid #d4d4d4;} #container .vpage_r .scan .viewer_wrap .commentbox .ttlarea .ttl {padding:10px 0 0 10px; font-weight:bold; float:left;} #container .vpage_r .scan .viewer_wrap .commentbox .ttlarea .btn {padding:5px 10px 0 0; float:right; } #container .vpage_r .scan .viewer_wrap .commentbox .conarea {position:absolute; left:0; right:10px; top:35px; bottom:10px;} #container .vpage_r .scan .viewer_wrap .commentbox .conarea textarea {width:100%; height:100%; border:none; padding:5px;} */ #container .vpage_r .scan .viewer_wrap .commentbox {position:absolute; left:0;bottom:0; right:0; height:60px; overflow:hidden;zoom:1; border-top:1px solid #515151;} #container .vpage_r .scan .viewer_wrap .commentbox .ttlarea {position:absolute; left:0; right:0; height:100%;} #container .vpage_r .scan .viewer_wrap .commentbox .ttlarea .ttl {padding:25px 0 0 10px; font-weight:bold; float:left;} #container .vpage_r .scan .viewer_wrap .commentbox .ttlarea .btn {position:absolute; right:10px; bottom:14px;} #container .vpage_r .scan .viewer_wrap .commentbox .conarea {position:absolute; left:90px; right:10px; top:5px; bottom:5px;} #container .vpage_r .scan .viewer_wrap .commentbox .conarea textarea {width:80%; height:38px; border:1px solid #333333; padding:5px;} /* viewer_vertical */ #container .vpage_v_r {z-index:25; position:absolute;top:0; left:300px; right:0px; height:100%; overflow:hidden; background-color:#f5f5f5;} #container .vpage_v_r .icon01 {position:absolute; left:0;top:120px; right:0px; height:33px; overflow:hidden;zoom:1;background-color:#757575; border-bottom:1px solid #515151; border-top:1px solid #515151;} #container .vpage_v_r .icon01 ul {float:left; background:#757575; height:33px;} #container .vpage_v_r .icon01 ul li {float:left; width:28px; border-right:1px solid #5c5c5c;} #container .vpage_v_r .thumb_wrap {position:absolute; left:0;top:0; right:0; height:120px; overflow:hidden;zoom:1;} #container .vpage_v_r .thumb_wrap .thumb {position:absolute; left:0px; top:0; right:60px; height:120px; overflow-x:scroll; zoom:1;} #container .vpage_v_r .thumb_wrap .paging {position:absolute;right:0; top:0; bottom:0px; width:59px; background:#dadada; border-left:1px solid #c4c4c4; overflow:hidden; zoom:1;} #container .vpage_v_r .thumb_wrap .paging ul {border-top:1px solid #a1a1a1;overflow:hidden; display:block; position:absolute; bottom:0; margin-right:-1px;} #container .vpage_v_r .thumb_wrap .paging ul li {float:left;border-bottom:1px solid #a1a1a1; border-right:1px solid #a1a1a1; display:block; width:29px; background:url('../images/btn_paging_bg.gif') repeat-x;} #container .vpage_v_r .thumb_wrap .paging p {padding-top:20px; font-weight:bold; display:block;} #container .vpage_v_r .scan {position:absolute; left:0;top:155px; right:0px; bottom:0px; overflow:hidden;zoom:1;background-color:#f5f5f5; } #container .vpage_v_r .scan .viewer_wrap {position:absolute; left:0;top:0; bottom:0; right:0; overflow:hidden;zoom:1;} #container .vpage_v_r .scan .viewer_wrap .imgbox {position:absolute; left:0;top:0; bottom:126px; right:0; overflow:hidden;zoom:1;} #container .vpage_v_r .scan .viewer_wrap .iconbox {position:absolute; left:0; bottom:91px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .vpage_v_r .scan .viewer_wrap .iconbox ul {float:left; background:#f1ece6; height:34px;} #container .vpage_v_r .scan .viewer_wrap .iconbox ul li {float:left; width:28px; border-right:1px solid #b3aea9} #container .vpage_v_r .scan .viewer_wrap .commentbox {position:absolute; left:0;bottom:0; right:0; height:90px; overflow:hidden;zoom:1; border-top:1px solid #515151;} #container .vpage_v_r .scan .viewer_wrap .commentbox .ttlarea {position:absolute; left:0; right:0; height:34px; border-bottom:1px solid #d4d4d4;} #container .vpage_v_r .scan .viewer_wrap .commentbox .ttlarea .ttl {padding:10px 0 0 10px; font-weight:bold; float:left;} #container .vpage_v_r .scan .viewer_wrap .commentbox .ttlarea .btn {padding:5px 10px 0 0; float:right; } #container .vpage_v_r .scan .viewer_wrap .commentbox .conarea {position:absolute; left:0; right:10px; top:35px; bottom:10px;} #container .vpage_v_r .scan .viewer_wrap .commentbox .conarea textarea {width:100%; height:100%; border:none; padding:5px;} /* register */ #container .rpage_l {position:absolute; left:0;top:0;bottom:0; right:900px; border-right:1px solid #515151; overflow:hidden;zoom:1; } #container .rpage_l .listbox {padding:0px 10px;} #container .rpage_l .icon01 {position:absolute; left:0;top:300px; right:0px; height:33px; overflow:hidden;zoom:1;background-color:#757575; border-bottom:1px solid #515151; border-top:1px solid #515151;} #container .rpage_l .icon01 ul {float:left; background:#757575; height:33px;} #container .rpage_l .icon01 ul li {float:left; width:28px; border-right:1px solid #5c5c5c;} #container .rpage_l .viewer_wrap {position:absolute; left:0px;top:335px; bottom:0; right:0; overflow:hidden;zoom:1;} #container .rpage_l .viewer_wrap .imgbox {position:absolute; left:0;top:0; bottom:35px; right:0; overflow:hidden;zoom:1;} #container .rpage_l .viewer_wrap .iconbox {position:absolute; left:0; bottom:0px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .rpage_l .viewer_wrap .iconbox ul {float:left; background:#f1ece6; height:34px;} #container .rpage_l .viewer_wrap .iconbox ul li {float:left; width:28px; border-right:1px solid #b3aea9} #container .rpage_r {z-index:25; position:absolute;top:0; right:0px; width:900px; height:100%; overflow:hidden;} #container .rpage_r .col1 {position:absolute;top:0; left:0; right:0px; height:120px; border-bottom:0px solid #515151; overflow:hidden;} #container .rpage_r .col2 {position:absolute;top:120px; left:0; right:0px; bottom:0; overflow:hidden;} /* #container .rpage_r .col2 .c1 {position:absolute;top:48px; left:10px; width:540px; bottom:10px; overflow:hidden;} */ #container .rpage_r .col2 .c1 {position:absolute;top:48px; left:10px; width:540px; bottom:3px; overflow:hidden;} #container .rpage_r .col2 .c1 .box1 {position:absolute;top:0; left:0; right:0; height:30px; overflow:hidden;} #container .rpage_r .col2 .c1 .box2 {position:absolute;top:35px; left:0; right:0; bottom:30px; overflow:hidden; background:#f8f8f8; border:1px solid #c4c4c4; margin-bottom:-1px;} #container .rpage_r .col2 .c1 .box3 {position:absolute;left:0; right:0; bottom:0px; height:30px; overflow:hidden;} /* #container .rpage_r .col2 .c2 {position:absolute;top:48px; left:600px; width:50px; bottom:10px; overflow:hidden; text-align:center;} #container .rpage_r .col2 .c3 {position:absolute;top:48px; left:650px; right:10px; bottom:10px; overflow:hidden;} */ #container .rpage_r .col2 .c2 {position:absolute;top:168px; left:550px; width:50px; bottom:3px; overflow:hidden; text-align:center;} #container .rpage_r .col2 .c3 {position:absolute;top:48px; left:600px; right:10px; bottom:3px; overflow:hidden;} #container .rpage_r .imgpaging {position:absolute; left:0; bottom:0px; right:0; height:28px; background:#dadada; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; overflow:hidden; zoom:1;} #container .rpage_r .imgpaging ul {float:left; overflow:hidden; border-left:1px solid #a1a1a1;} #container .rpage_r .imgpaging ul li {border-right:1px solid #a1a1a1; float:left;} #container .rpage_r .imgpaging span {color:#646464; padding-top:8px; font-weight:normal; display:inline-block;} #container .rpage_r .imgpaging span a {color:#646464; padding:0 5px; font-weight:bold; text-decoration:none;} #container .rpage_r .imgpaging .on {color:#000;} /* fax register */ #container .frpage_l {position:absolute; left:0;top:0;bottom:0; width:600px; border-right:1px solid #515151; overflow:hidden;zoom:1; } #container .frpage_l .listbox {padding:0px 10px;} #container .frpage_r {z-index:25; position:absolute;top:0; right:0px; left:601px; height:100%; overflow:hidden;} #container .frpage_r .col1 {position:absolute;top:0; left:0; right:321px; bottom:0; border-right:1px solid #515151; overflow:hidden; background-color:#f5f5f5;} #container .frpage_r .col1 .icon01 {position:absolute; left:0;top:0px; right:0px; height:33px; overflow:hidden;zoom:1;background-color:#757575; border-bottom:1px solid #515151; border-top:1px solid #515151;} #container .frpage_r .col1 .icon01 ul {float:left; background:#757575; height:33px;} #container .frpage_r .col1 .icon01 ul li {float:left; width:28px; border-right:1px solid #5c5c5c;} #container .frpage_r .col1 .viewer_wrap {position:absolute; left:0px;top:35px; bottom:0; right:0; overflow:hidden;zoom:1;} #container .frpage_r .col1 .viewer_wrap .imgbox {position:absolute; left:0;top:0; bottom:276px; right:0; overflow:hidden;zoom:1;} #container .frpage_r .col1 .viewer_wrap .iconbox {position:absolute; left:0; bottom:241px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .frpage_r .col1 .viewer_wrap .iconbox ul {float:left; background:#f1ece6; height:34px;} #container .frpage_r .col1 .viewer_wrap .iconbox ul li {float:left; width:28px; border-right:1px solid #b3aea9} #container .frpage_r .col1 .viewer_wrap .thumb {position:absolute; left:0px; bottom:0; right:0px; height:239px; overflow-x:scroll; zoom:1; border-top:1px solid #515151;} #container .frpage_r .col2 {position:absolute;top:0; right:0px; width:320px; bottom:0; overflow:hidden;} #container .frpage_r .col2 .c1 {position:absolute;top:48px; left:10px; width:590px; bottom:10px; overflow:hidden;} #container .frpage_r .col2 .c1 .box1 {position:absolute;top:0; left:0; right:0; height:30px; overflow:hidden;} #container .frpage_r .col2 .c1 .box2 {position:absolute;top:35px; left:0; right:0; bottom:30px; overflow:hidden; background:#f8f8f8; border:1px solid #c4c4c4; margin-bottom:-1px;} #container .frpage_r .col2 .c1 .box3 {position:absolute;left:0; right:0; bottom:0px; height:30px; overflow:hidden;} #container .frpage_r .col2 .c2 {position:absolute;top:48px; left:600px; width:50px; bottom:10px; overflow:hidden; text-align:center;} #container .frpage_r .col2 .c3 {position:absolute;top:48px; left:650px; right:10px; bottom:10px; overflow:hidden;} #container .frpage_r .imgpaging {position:absolute; left:0; bottom:0px; right:0; height:28px; background:#dadada; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; overflow:hidden; zoom:1;} #container .frpage_r .imgpaging ul {float:left; overflow:hidden; border-left:1px solid #a1a1a1;} #container .frpage_r .imgpaging ul li {border-right:1px solid #a1a1a1; float:left;} #container .frpage_r .imgpaging span {color:#646464; padding-top:8px; font-weight:normal; display:inline-block;} #container .frpage_r .imgpaging span a {color:#646464; padding:0 5px; font-weight:bold; text-decoration:none;} #container .frpage_r .imgpaging .on {color:#000;} /* group register */ #container .grpage_l {position:absolute; left:0;top:0;bottom:0; width:320px; border-right:1px solid #515151; overflow:hidden;zoom:1; } #container .grpage_l .listbox {padding:0px 10px;} #container .grpage_r {z-index:25; position:absolute;top:0; right:0px; left:321px; height:100%; overflow:hidden;} #container .grpage_r .col1 {position:absolute;top:0; left:0; right:321px; bottom:0; border-right:1px solid #515151; overflow:hidden; background-color:#f5f5f5;} #container .grpage_r .col1 .icon01 {position:absolute; left:0;top:0px; right:0px; height:33px; overflow:hidden;zoom:1;background-color:#757575; border-bottom:1px solid #515151; border-top:1px solid #515151;} #container .grpage_r .col1 .icon01 ul {float:left; background:#757575; height:33px;} #container .grpage_r .col1 .icon01 ul li {float:left; width:28px; border-right:1px solid #5c5c5c;} #container .grpage_r .col1 .viewer_wrap {position:absolute; left:0px;top:35px; bottom:0; right:0; overflow:hidden;zoom:1;} #container .grpage_r .col1 .viewer_wrap .imgbox {position:absolute; left:0;top:0; bottom:266px; right:0; overflow:hidden;zoom:1;} #container .grpage_r .col1 .viewer_wrap .iconbox {position:absolute; left:0; bottom:231px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .grpage_r .col1 .viewer_wrap .iconbox ul {float:left; background:#f1ece6; height:34px;} #container .grpage_r .col1 .viewer_wrap .iconbox ul li {float:left; width:28px; border-right:1px solid #b3aea9} #container .grpage_r .col1 .box1 {position:absolute;bottom:30px; left:0; right:0; height:199px; overflow:hidden; border-top:1px solid #515151;} #container .grpage_r .col2 {position:absolute;top:0; right:271px; width:50px; bottom:0; overflow:hidden;} #container .grpage_r .col3 {position:absolute;top:0; right:0px; width:275px; bottom:0; overflow:hidden;} #container .grpage_r .col3 .thumb {position:absolute;top:70px; right:10px; left:10px; bottom:10px; overflow-y:scroll; zoom:1; border:1px solid #515151; background:#f8f8f8; } #container .grpage_r .imgpaging {position:absolute; left:0; bottom:0px; right:0; height:28px; background:#dadada; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; overflow:hidden; zoom:1;} #container .grpage_r .imgpaging ul {float:left; overflow:hidden; border-left:1px solid #a1a1a1; margin:0 -1px 0 -1px;} #container .grpage_r .imgpaging ul li {border-right:1px solid #a1a1a1; float:left;} #container .grpage_r .imgpaging span {color:#646464; padding-top:8px; font-weight:normal; display:inline-block;} #container .grpage_r .imgpaging span a {color:#646464; padding:0 5px; font-weight:bold; text-decoration:none;} #container .grpage_r .imgpaging .on {color:#000;} /* viewer etc */ #container .vepage_l {position:absolute; left:0;top:0;bottom:0; width:320px; border-right:1px solid #515151; overflow:hidden;zoom:1; } #container .vepage_l .listbox {padding:0px 10px;} #container .vepage_r {z-index:25; position:absolute;top:0; right:0px; left:321px; height:100%; overflow:hidden;} #container .vepage_r .col1 {position:absolute;top:0; left:0; right:0px; bottom:0; overflow:hidden;} #container .vepage_r .col1 .c01 {position:absolute;top:0; left:0; width:50%; bottom:0; overflow:hidden;} #container .vepage_r .col1 .c02 {position:absolute;top:0; right:0; width:50%; bottom:0;border-left:2px solid #515151; overflow:hidden; } #container .vepage_r .col1 .c01 .thumb {position:absolute; left:0px; top:50px; right:0px; height:239px; overflow-x:scroll; zoom:1; background:#f8f8f8; border-top:1px solid #515151} #container .vepage_r .col1 .c01 .viewer_wrap {position:absolute; left:0px;top:290px; bottom:35px; right:0; overflow:hidden;zoom:1;} #container .vepage_r .col1 .c01 .iconbox {position:absolute; left:0; bottom:0px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .vepage_r .col1 .c01 .iconbox ul {float:left; background:#f1ece6; height:34px;} #container .vepage_r .col1 .c01 .iconbox ul li {float:left; width:28px; border-right:1px solid #b3aea9} #container .vepage_r .col1 .c02 .thumb {position:absolute; left:0px; top:50px; right:0px; height:239px; overflow-x:scroll; zoom:1; background:#f8f8f8; border-top:1px solid #515151} #container .vepage_r .col1 .c02 .viewer_wrap {position:absolute; left:0px;top:290px; bottom:35px; right:0; overflow:hidden;zoom:1;} #container .vepage_r .col1 .c02 .iconbox {position:absolute; left:0; bottom:0px; right:0px; height:34px; overflow:hidden;zoom:1;background-color:#f1ece6; border-top:1px solid #515151;} #container .vepage_r .col1 .c02 .iconbox ul {float:left; background:#f1ece6; height:34px;} #container .vepage_r .col1 .c02 .iconbox ul li {float:left; width:28px; border-right:1px solid #b3aea9} /* JsTree */ .All_Tree, .Fvt_Tree, .Lab_Tree, .GMP_Tree { background: #FFF; } /* setup etc */ #container .sepage_l_admin {position:absolute; left:10px;top:10px;bottom:0; width:180px; overflow:hidden;zoom:1; height: 97.5%; border-bottom: 1px solid #d2d2d2; border-radius: 0px 0px 6px 6px;} #container .sepage_l_admin_Btn {position:absolute; top:1px;bottom:0; width:40px; overflow:auto; zoom:1; background-color:rgb(235,242,245); padding-left:10px; padding-right:11px; border-right: 1px solid #d2d2d2;} #container .sepage_l_admin_Tree {position:absolute; left:0;top:1px;bottom:0; width:19%; overflow:auto;zoom:1; border-right:1px solid #d2d2d2; background-color:rgb(235,242,245); overflow: hidden;} /*#container .sepage_l_Tree .Doc_Tree {position:absolute; top:60px; bottom: 0px; overflow:auto; border: 1px solid #d2d2d2; background-color:rgb(245,245,245); width:100%;}*/ #container .sepage_l_admin .lnbttl {height:48px; border-bottom:1px solid #e7e1d8; background-color:rgb(235,242,245); color:#534741; line-height:48px; font-size:18px; font-weight:bold; font-family:Nanum Gothic, 나눔고딕, dotum, gulim; text-align:left;} #container .sepage_l_admin #lnb {} #container .sepage_l_admin #lnb li {width:100%; height:40px; line-height:40px; border-bottom:1px solid #e7e1d8;} #container .sepage_l_admin #lnb li a {font-weight:bold; color:#8d847f; background:url('../images/bp_menu.png') no-repeat 0 50%; text-decoration:none; padding-left:20px; margin-left:10px;} #container .sepage_l_admin #lnb li a:hover {color:#16549d;} #container .sepage_l_admin #lnb li a img {display:none;} #container .sepage_l_admin #lnb .on a {font-weight:bold; color:#16549d; text-decoration:none; padding-left:18px; margin-left:10px;} #container .sepage_l_admin #lnb .on a img {margin-top:16px; margin-left:5px; display:inline;} #container .sepage_l {position:absolute; left:0;top:1px;bottom:0; width:20%; overflow:hidden;zoom:1; border-right:1px solid #d2d2d2; background-color:rgb(235,242,245);} #container .sepage_l_Btn {position:absolute; top:1px;bottom:0; width:40px; overflow:auto; zoom:1; background-color:rgb(235,242,245); padding-left:10px; padding-right:11px; border-right: 1px solid #d2d2d2;} /* #container .sepage_l_Tree {position:absolute; left:0;top:1px;bottom:0; width:19%; overflow:auto;zoom:1; border-right:1px solid #d2d2d2; background-color:rgb(235,242,245); overflow: hidden;} */ #container .sepage_l_Tree {min-width: 360px; float:left; width:19%; height: 98%; overflow:auto;zoom:1; border:1px solid #d2d2d2; background-color:rgb(235,242,245); overflow: hidden; border-radius:6px;} /*#container .sepage_l_Tree .Doc_Tree {position:absolute; top:60px; bottom: 0px; overflow:auto; border: 1px solid #d2d2d2; background-color:rgb(245,245,245); width:100%;}*/ #container .sepage_l .lnbttl {height:60px; border-bottom:1px solid #e7e1d8; background-color:rgb(235,242,245); color:#534741; line-height:60px; font-size:20px; font-weight:bold; font-family:Nanum Gothic, 나눔고딕, dotum, gulim; text-align:left;} #container .sepage_l #lnb {} #container .sepage_l #lnb li {width:100%; height:40px; line-height:40px; border-bottom:1px solid #e7e1d8;} #container .sepage_l #lnb li a {font-weight:bold; color:#8d847f; background:url('../images/icon_sep_lnb.png') no-repeat 0 50%; text-decoration:none; padding-left:20px; margin-left:10px;} #container .sepage_l #lnb li a:hover {color:#515151;} #container .sepage_l #lnb .on a {font-weight:bold; color:#515151; background:url('../images/icon_sep_lnb_on.png') no-repeat 0 50%; text-decoration:none; padding-left:18px; margin-left:10px;} /* #container .sepage_r {position:absolute; width: 78%; left:20%;top:0;bottom:0; right:0; overflow:auto;zoom:1;} */ #container .sepage_r {width:79%; zoom:1; float: left; padding-left:15px;} #container .sepage_r_list {position:absolute; left:62px;top:0;bottom:0; right:0; overflow:hidden;zoom:1;} #container .sepage_r_list1 {position:absolute; left:1%;top:0;bottom:0; width:15%; overflow:hidden;zoom:1; padding-top:10px; padding-right:15px; border-right:1px solid #d2d2d2;} #container .sepage_r_list2 {position:absolute; left:18%;top:0;bottom:0; width:15%; overflow:auto;zoom:1; padding-top:10px; padding-right:15px; border-right:1px solid #d2d2d2;} #container .sepage_r_list3 {position:absolute; left:35%;top:0;bottom:0; width:40%; overflow:hidden;zoom:1; padding-top:10px; padding-right:15px; border-right:1px solid #d2d2d2;} #container .sepage_r_list4 {position:absolute; left:77%;top:0;bottom:0; width:20%; overflow:auto;zoom:1; padding-top:10px; padding-right:10px; border-right:1px solid #d2d2d2;} #container .sepage_r_admin {position:absolute; left:200px;top:0;bottom:20px; right:0; overflow:hidden;zoom:1; padding: 0px 20px; height: 100%;} #container .sepage_ttl {height:26px; font-weight:bold; color:#333; padding:10px 20px 10px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 26px;} #container .sepage_data {margin:10px 0px 10px 0px; overflow:hidden; border-radius: 5px; border: 1px solid #d2d2d2; position: relative;} #container .sepage_l_Tree .lnbttl {height:60px; border-bottom:1px solid #e7e1d8; background-color:rgb(235,242,245); color:#534741; line-height:60px; font-size:20px; font-weight:bold; font-family:Nanum Gothic, 나눔고딕, dotum, gulim; text-align:left;} .b_line {border-bottom:2px solid #3f3f3f;} .line {border-top:2px solid #3f3f3f; padding:0px 0px; border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} .b_box {border:1px solid #d2d2d2; padding:10px 5px;} /* tab */ .tab_1dp {clear:both; border:1px solid #9b9b9b; overflow:hidden; background:#f5f5f5; } .tab_1dp ul {float:left; display:inline-block;} .tab_1dp li {float:left; } .tab_1dp li a {border-right:1px solid #9b9b9b; display:inline-block; padding:10px 12px; font-weight:bold; color:#000; text-align:center; text-decoration:none;} .tab_1dp li .on {background:#189be6; color:#fff; text-decoration:none;} .tab_2dp {clear:both; padding:12px 0px; overflow:hidden; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; } .tab_2dp li {float:left; border-right:1px solid #d2d2d2; } .tab_2dp li a {padding:0 10px; display:inline-block; font-weight:bold; color:#ababab; text-decoration:none;} .tab_2dp li .on {color:#007bc1; text-decoration:none;} .tab_2dp li:last-child {border-right:0px solid #d2d2d2;} .tree_box_tab {border:1px solid #d2d2d2; padding:10px;} .tree_box_tab_bdtn {border:1px solid #d2d2d2; border-top:0px; padding:10px;} .img_box_tab_bdtn {border:1px solid #d2d2d2; border-top:0px; padding:5px; text-align:center; height:200px;} /* scan table */ .list_scan {border:0px solid #3f3f3f; width:100%; } .list_scan caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .list_scan th {border:0px solid #949494; background:none; text-align:left; font-weight:bold; color:#000} .list_scan td {border:0px solid #d2d2d2; text-align:left; padding:0 0 5px 0; } .board_list {border-top:2px solid #3f3f3f; width:100%;} .board_list caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .board_list thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#ecf7fb; padding:0px 5px; text-align:center; height:34px; line-height:34px; font-weight:bold; color:#333} .board_list thead th:first-child {border-left:0px;} .board_list tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:34px; line-height:34px;} .board_list tbody td:first-child {border-left:0px; width:30px;} .board_list tbody td a {text-decoration:none;} .board_list tbody td a:hover {text-decoration:none;} .board_list .cur_p {} .board_list tr:hover {cursor:pointer; background:#e7f6ff; color:#000; } .board_list .on {cursor:pointer; background:#003e7e; color:#fff;} .board_list .TB_Cont{text-align:left; padding-left: 20px;} .board_data {border-top:2px solid #3f3f3f; border-bottom:1px solid #949494; width:100%;} .board_data caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .board_data tr {border-bottom:1px solid #d2d2d2; } .board_data th {background:#ecf7fb; padding:0px 5px; text-align:center; height:34px; line-height:34px; font-weight:bold; color:#000} .board_data th:last-child {border-bottom:0px;} .board_data td {padding:0px 3px; height:34px; line-height:34px;} .board_data td:last-child {border-bottom:0px;} .board_data tbody td a { text-decoration:none;} /* .board_data tr:hover {color:#fff; text-decoration:underline;} */ .board_data_d {border-top:1px solid #949494; border-bottom:1px solid #949494; width:100%;} .board_data_d caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .board_data_d tr {border-bottom:1px solid #d2d2d2; } .board_data_d th {background:#f3f3f3; padding:0px 5px; text-align:center; height:34px; line-height:34px; font-weight:bold; color:#000} .board_data_d th:last-child {border-bottom:0px;} .board_data_d td {padding:0px 3px; height:34px; line-height:34px;} .board_data_d td:last-child {border-bottom:0px;} .board_data_d tbody td a { text-decoration:none;} /* viewer list table */ .board_list_s {border-top:2px solid #3f3f3f; width:100%;} .board_list_s caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .board_list_s thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#333} .board_list_s thead th:first-child {border-left:0px;} .board_list_s thead td {border-bottom:1px solid #949494; border-left:1px solid #949494; padding:0px 5px; text-align:center; height:30px; line-height:30px; background:#f6f0e8;} .board_list_s tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:30px; line-height:30px;} .board_list_s tbody td:first-child {border-left:0px;} .board_list_s tbody td a {text-decoration:none;} .board_list_s tbody td a:hover {text-decoration:none;} .board_list_s .cur_p {} .board_list_s tr:hover {cursor:pointer; background:#e7f6ff; color:#000; } .board_list_s .on {cursor:pointer; background:#003e7e; color:#fff;} .board_list_s_nhr {border-top:2px solid #3f3f3f; width:100%;} .board_list_s_nhr caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .board_list_s_nhr thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#333} .board_list_s_nhr thead th:first-child {border-left:0px;} .board_list_s_nhr thead td {border-bottom:1px solid #949494; border-left:1px solid #949494; padding:0px 5px; text-align:center; height:30px; line-height:30px; background:#f6f0e8;} .board_list_s_nhr tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:30px; line-height:30px;} .board_list_s_nhr tbody td:first-child {border-left:0px;} .board_list_s_nhr .bd {border-right:1px solid #d2d2d2;} .board_list_s_nhr tbody td a {text-decoration:none;} .board_list_s_nhr tbody td a:hover {text-decoration:none;} .board_list_s_nhr .cur_p {} .list_n_menu {margin-top:10px; text-align: center; overflow:hidden; display:block; line-height:30px; font-size:12px;} .list_n_menu A {padding:6px 10px; margin-right: -1px; border: #ccc 1px solid; color: #353535; text-decoration: none; overflow:hidden;background:#fff; } .list_n_menu A:hover {color: #000;} .list_n_menu A:active {color: #000;} .list_n_menu .current {border: #504740 1px solid; padding:6px 10px; font-weight: bold; color: #fff; background:#776a64; } .list_n_menu .disabled {border: #eee 1px solid; padding:6px 10px; color: #ddd; border-radius:1px;} .list_n_menu img {margin-top:10px;} #footer {position:absolute;left:0; bottom:0; right:0; height:45px; border-top:1px solid #d2d2d2; repeat-x: 0 0;} #footer .con_l {float:left; margin-left:30px; margin-top: 2px;} /*#footer .con_l .btn {height:45px; padding:0 15px; line-height:45px; border-right: #393939 1px solid; border-left:#918882 1px solid; color:#d7c6b2; font-weight:bold; display:inline-block; text-decoration:none; }*//* footer button */ #footer .con_l .btn {height:45px; padding:0 15px; line-height:45px; border-right: #393939 1px solid; color:#d7c6b2; font-weight:bold; display:inline-block; text-decoration:none; } #footer .con_l .btn img {margin:13px 10px 0 0;} #footer .con_r {position:absolute; right:20px; top:8px; }/*#footer .con_r {float:right; margin-right:20px; margin-top:8px;}*/ #footer .con_r li {float:left; margin-right:1px;} #Div_Footer {position:absolute;left:0; bottom:0; right:0; height:43px;}/* background:url('../images/print_footer.jpg') repeat-x 0 0;*/ #Div_Footer .con_l {float:left; margin-left:-1px} input.txt{margin:0;padding:0;border:none;background:#fff;vertical-align:middle} input[type=text], input[type=password], input[type=file]{height:24px;padding:0 5px;border:1px solid #d2d2d2;font-size:12px;line-height:24px;-webkit-appearance:none;appearance:none} /*input.rdo, input.chk, input[type=radio], input[type=checkbox]{width:14px;height:14px;margin-right:5px; margin-left:10px; padding:0;vertical-align:middle; display:inline-block;}*/ input.rdo, input.chk, input[type=radio], input[type=checkbox]{width:14px;height:14px;margin-right:5px; margin-left:4px; padding:0;vertical-align:middle; display:inline-block;} select{height:26px;margin:0;padding:3px 3px;border:1px solid #d2d2d2;font-size:12px;line-height:26px;text-align:center;vertical-align:middle; } label {display:inline-block;} /* button */ .btn_g {height:24px; padding:0 10px; line-height:24px; background:url('../images/btn_bg_g.gif') repeat-x; border: #393939 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; margin-left:5px;}/* logout button */ .btn_f_g {height:24px; padding:0 12px; line-height:24px; background:url('../images/btn_bg_f_g.gif') repeat-x; border: #57514e 1px solid; color:#fff; display:inline-block; border-radius:3px; text-decoration:none; margin-left:3px; font-weight:bold;}/* footer button */ .btn_b {height:24px; padding:0 10px; line-height:24px; background:#776a64; border: #504740 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; font-weight:bold;}/* brown button */ /* .btn_dg {height:24px; padding:0 10px; line-height:24px; background:#4f4f4f; border: #646464 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; cursor: pointer; font-weight:bold;} *//* darkgray button */ .btn_o {height:24px; padding:0 10px; line-height:24px; background:#ff7e00; border: #d56a00 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; font-weight:bold;}/* orange button */ .btn_bl {height:24px; padding:0 10px; line-height:24px; background:#189be6; border: #0987cf 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; font-weight: bold;}/* blue button */ .btn_bl2 {height:24px; padding:0 2px; line-height:24px; background:#033a7d; border: #0987cf 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; font-weight: bold;}/* blue button */ .btn_dg_s {height:20px; font-size:11px; padding:0 3px; line-height:20px; background:#989898; border: #646464 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; }/* darkgray small button */ /*.btn_popup_g {height:24px; padding:0 10px; line-height:24px; background:#989898; border: #646464 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; } .btn_popup_b {height:24px; padding:0 10px; line-height:24px; background:#776a64; border: #504740 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; } .btn_p_ttl_g {height:24px; padding:0 7px; line-height:24px; background:url('../images/btn_bg_g.gif') repeat-x; border: #393939 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; margin-left:2px;}*/ .btn_dg_img {height:24px; padding:0 10px; margin-left:-1px; line-height:24px; background:#e4e4e4; border: #d2d2d2 1px solid; color:#6e6e6e; display:inline-block; border-radius:0px; text-decoration:none; font-weight:bold;}/* darkgray button */ .btn_dg_img_nt {height:24px; padding:0 5px 0 10px ; margin-left:-3px; line-height:24px; background:#e4e4e4; border: #d2d2d2 1px solid; color:#6e6e6e; display:inline-block; border-radius:0px; text-decoration:none; font-weight:bold;}/* darkgray button */ .btn_arr {height:28px; width:28px; padding:0; line-height:24px; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; filter: drop-shadow(0.602px 0.799px 0.5px rgba(218,219,220,0.75)); background-image: linear-gradient(0deg, #f4f4f4 0%, #ffffff 100%); border: 1px solid #dbdcde;}/*popup darkgray button */ .btn_arr img {width: 12px; margin-top: 8px;} .menuBtn { margin-top:5px; margin-left : -55px; border:none; cursor: pointer; padding-top: 2px; padding-right: 5px;} .searchBtn { margin-top: 7px; border:none; cursor: pointer;} .sBtn {width:30px; height: 30px; cursor: pointer; } .t_btn {width:50px; height:25px; background:rgb(120,120,120); color:white; text-align:center; font-weight:bold; cursor: pointer;} .b_btn {height:26px; padding:0 10px; background:#FFF; border: #456dab 2px solid; color: #456dab; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold;}/* blue button */ .b_btn:hover {transition: 0.2s; height:26px; padding:0 10px; background:#456dab; border: #456dab 2px solid; color: #fff; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold;}/* blue button */ .btn_dg {height:26px; padding:0 10px; background:#FFF; border: #76c8c4 2px solid; color: #76c8c4; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold;} .btn_dg:hover {transition: 0.2s; height:26px; padding:0 10px; background:#76c8c4; border: #76c8c4 2px solid; color: #fff; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold;} a.b_btn {height:22px; padding:0 10px; background:#FFF; border: #456dab 2px solid; color: #456dab; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold; line-height:22px}/* blue button */ a.b_btn:hover {transition: 0.2s; height:22px; padding:0 10px; background:#456dab; border: #456dab 2px solid; color: #fff; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold; line-height:22px}/* blue button */ a.btn_dg {height:22px; padding:0 10px; background:#FFF; border: #76c8c4 2px solid; color: #76c8c4; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold; line-height:22px} a.btn_dg:hover {transition: 0.2s; height:22px; padding:0 10px; background:#76c8c4; border: #76c8c4 2px solid; color: #fff; display:inline-block; border-radius:30px; text-decoration:none; cursor: pointer; font-weight: bold; line-height:22px} .header_btn {height:30px;padding:0 10px;color:#fff;display:inline-block;border-radius:5px;text-decoration:none;cursor:pointer;line-height:30px;font-weight:700;background:#4e5d72;border:0px;} .checkbox_b {padding: 8px 10px 8px 4px; color: #FFF; background: #189be6; border-radius: 6px; margin-right: 3px;} .header_btn_nv { background: #4e5d72; color: #FFF; font-weight: bold; padding: 8px 12px; margin-right: 3px; display: inline-block; border-radius: 6px; cursor:pointer; } /* popup */ #popup_ttlbox {padding:0px 20px; color:#FFFFFF; text-align:center; font-family:Nanum Gothic, 나눔고딕, dotum, gulim; font-size:15px; height:30px; line-height:30px; background:#4e5d72; font-weight: bold;} #popup_container {padding:20px 20px;} /*#popup_container_full {padding:20px 20px; position:absolute; left:0; top:45px; right:0; bottom:0px; overflow-y:auto; zoom:1;}*/ #popup_container_full {padding:20px 20px; position:absolute; left:0; top:45px; right:0; bottom:10px; overflow-y:auto; zoom:1;} #popup_container .ttl {display:inline-block; margin-bottom:10px; font-weight:bold;} #popup_btnbox {padding:10px 20px; background:#f5f5f5; border-top:1px solid #d2d2d2; position:absolute; left:0; bottom:0; right:0; text-align:center;} #popup_container .listpage_ttl {height:26px; line-height:26px; font-weight:bold; color:#000; margin-bottom:10px;} #popup_container .listpage_data {overflow:hidden;} .btn_popup_g {height:24px; padding:0 10px; line-height:24px; background:#4f4f4f; border: #646464 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; font-weight: bold; }/*popup darkgray button */ .btn_popup_b {height:24px; padding:0 10px; line-height:24px; background:#126ec3; border: #0987cf 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; font-weight:bold; }/*popup brown button */ .btn_p_ttl_g {height:24px; padding:0 7px; line-height:24px; background:url('../images/btn_bg_g.gif') repeat-x; border: #393939 1px solid; color:#fff; display:inline-block; border-radius:2px; text-decoration:none; margin-left:2px;}/* popup title button */ .p_board_list {border-top:2px solid #3f3f3f; width:100%;} .p_board_list caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .p_board_list thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#333} .p_board_list thead th:first-child {border-left:0px;} .p_board_list tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:25px; line-height:25px;} .p_board_list tbody td:first-child {border-left:0px;} .p_board_list tbody td a {text-decoration:none;} .p_board_list tbody td a:hover {text-decoration:none;} .p_board_list .cur_p {} .p_board_list tr:hover {cursor:pointer; background:#e7f6ff; color:#000;} .p_board_list .on {cursor:pointer; background:#003e7e; color:#fff;} .p_board_data {border:1px solid #d2d2d2; border-top:1px solid #949494; width:100%; } .p_board_data caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .p_board_data th {background:#f3f3f3; border:1px solid #d2d2d2; padding:0px 10px; text-align:center; height:26px; line-height:28px; font-weight:bold; color:#000} .p_board_data th:last-child {border-bottom:0px;} .p_board_data td {padding:3px 3px; height:26px; line-height:28px; border:1px solid #d2d2d2;} .p_board_data tbody td a { text-decoration:none;} .p_board_data_conbox {width:100%; } .p_board_data_conbox caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .p_board_data_conbox th {background:#989898; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:0px; text-align:center; height:29px; line-height:29px; font-weight:bold; color:#fff} .p_board_data_conbox th:last-child {border-right:0px;} .p_board_data_conbox td {padding:0px 3px; height:29px; line-height:29px; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;} .p_board_data_conbox td:last-child {border-right:0px;} .p_board_data_conbox tbody td a { text-decoration:none;} .p_tab {height:35px; margin:0 auto; overflow:hidden; z-index:999; width: 95%;} .p_tab li {list-style: none; margin: 0; display: inline-block; margin-left:-1px;} .p_tab li:first-child {margin-left:0px;} .p_tab li a {height: 26px; padding: 0px 9px; font-weight: bold; color: #337ab7; line-height: 26px; border: 1px solid #337ab7; display: inline-block; border-bottom: 1px solid #337ab7; text-decoration: none; border-radius: 6px; background-color: #f5f5f5;} .p_tab li a:hover {background: #fff; } .p_tab li a.current { height:26px; background: #fff; position: relative;} .p_tab li a.current:after, .p_tab li a.current:before { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .p_tab li a img {margin: 3px 5px 0 0;} .p_tab li a.current:after { border-color: rgba(136, 183, 213, 0); border-top-color: #FFF; border-width: 5px; margin-left: -5px; } .p_tab li a.current:before { border-color: rgba(194, 225, 245, 0); border-top-color: #337ab7; border-width: 6px; margin-left: -6px; } .p_tab_box {/* border:1px solid #9f9f9f; */ width: 95%; margin: 0 auto;} .p_tab_box .conbox {overflow:hidden;} .p_tab_box .conbox_ttl {border:1px solid #c8c8c8; border-bottom:none; background:#edf4f7; height:30px; text-align:left; padding-left:10px; line-height:30px; color:#6c6c6c; font-weight:bold;} .p_tab_box .conbox_data {border:1px solid #c8c8c8; padding:5px; overflow: auto;} .p_tab_box .conbox_data_pd0 {border:1px solid #c8c8c8;} .p_tab_box .dataline {border:1px solid #c8c8c8; border-bottom:none; padding:5px;} /*.p_set_list {border:0px solid #3f3f3f; width:100%;}*/ .p_set_list {border:0px solid #3f3f3f; } .p_set_list th {border:0px solid #949494; background:none; text-align:left; height:26px; line-height:26px; font-weight:bold; color:#000; } .p_set_list td {border:0px solid #d2d2d2; text-align:left; height:26px; line-height:28px; padding:7px 0px; } .p_print_photobox {width:50%; float:left;} /* .p_print_photobox .box_l {background:#f3f3f3; text-algin:center; border:1px solid #d2d2d2; border-right:none; padding:5px;} .p_print_photobox .box_r {background:#f3f3f3; text-algin:center; border:1px solid #d2d2d2; padding:5px;} */ .p_print_photobox .box_l {background:#f3f3f3; text-align:center; border:2px solid #333333; border-right:none; padding:5px;} .p_print_photobox .box_r {background:#f3f3f3; text-align:center; border:2px solid #333333; padding:5px;} .p_board_list_scroll { width:100%; table-layout: fixed !important;} .p_board_list_scroll thead {position: relative; display: table-row; border-top:2px solid #3f3f3f;} .p_board_list_scroll thead tr {position:relative; display: block;} .p_board_list_scroll thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#333} .p_board_list_scroll thead th:first-child {border-left:0px;} .p_board_list_scroll tbody { width: 100%; overflow-y: auto; display: block;} .p_board_list_scroll tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:center; height:25px; line-height:25px;} .p_board_list_scroll tbody td:first-child {border-left:0px;} .p_board_list_scroll tbody td a {text-decoration:none;} .p_board_list_scroll tbody td a:hover {text-decoration:none;} .p_board_list_scroll .cur_p {} .p_board_list_scroll tr:hover {cursor:pointer; background:#e7f6ff; color:#000;} .p_board_list_scroll .on {cursor:pointer; background:#003e7e; color:#fff;} .board_list_scroll { width:100%; table-layout: fixed !important; border:1px solid #949494; } .board_list_scroll thead {position: relative; display: table-row;} .board_list_scroll thead tr {position:relative; display: block;} .board_list_scroll thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#333} .board_list_scroll thead th:first-child {border-left:0px;} .board_list_scroll tbody { width: 100%; overflow-y: auto; display: block;} .board_list_scroll tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:center; height:25px; line-height:25px;} .board_list_scroll tbody td:first-child {border-left:0px;} .board_list_scroll tbody td a {text-decoration:none;} .board_list_scroll tbody td a:hover {text-decoration:none;} .board_list_scroll .cur_p {} .board_list_scroll tr:hover {cursor:pointer; background:#e7f6ff; color:#000;} .board_list_scroll .on {cursor:pointer; background:#003e7e; color:#fff;} /* homepage */ #h_wrap {height:100%; } #h_header {position:absolute; left:0; top:0; right:0; height:70px; font-family:Nanum Gothic, 나눔고딕, dotum, gulim; overflow:hidden; } #h_header .con_l {float:left; margin-left:20px} #h_header .con_l .logo {margin:0 10px 0 0; float:left; display:inline-block; } #h_header .con_l .pgttl {font-size:14px; color:#a1a1a1; font-weight:bold; display:inline-block; margin:16px 0px 0px 10px;} #h_header .col_r {position:absolute; top:25px; right:20px; vertical-align:middle; overflow:hidden; } #h_header .col_r .u_name {color:#a1a1a1;} #h_header .col_r .u_team {color:#a1a1a1; margin-left:15px; padding-left:15px; border-left:1px solid #dbdadf;} #h_header .col_r .btn_logout {padding:4px 10px; border:1px solid #c7c7c7; border-radius:2px; color:#898989; text-decoration:none; margin-left:20px; display:inline-block; } #h_header .col_r .icon_logout {background:url('../images/h_icon_close.gif') no-repeat 0 50%; height:14px; display:inline-block; padding-left:25px; overflow:hidden; } #h_container {z-index:200; position:absolute; top:70px; bottom:40px; left:0; right:0; overflow:hidden;} #h_container .sch_box {position:absolute; left:0;top:0; right:0; height:28px; padding:10px; overflow:hidden;zoom:1; background-color:#f8f4e9; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} #h_container .sch_box .schttl {float:left; background:url('../images/h_icon_schttl.png') no-repeat 0 50%; display:inline-block; padding-left:15px; overflow:hidden; color:#714b26; font-weight:bold; margin-right:10px; height:26px; line-height:28px; } #h_container .vwbox {position:absolute; left:0;top:50px; right:0; bottom:0; overflow:hidden; zoom:1; background:#f5f5f5;} #h_container .vwbox .iconbox {position:absolute; left:0; top:0; right:0; height:34px; overflow:hidden;zoom:1; background-color:#757575; border-bottom:1px solid #515151; } #h_container .vwbox .iconbox ul {float:left; background:#757575; height:34px;} #h_container .vwbox .iconbox ul li {float:left; width:28px; border-right:1px solid #5c5c5c} #h_container .vwbox .vpage .thumb_wrap {position:absolute; left:0;top:35px; bottom:0; width:239px; border-right:1px solid #515151; overflow:hidden;zoom:1;} #h_container .vwbox .vpage .thumb_wrap .thumb {position:absolute; left:0; top:0; bottom:40px; width:239px; overflow-y:scroll; zoom:1;} #h_container .vwbox .vpage .thumb_wrap .paging {position:absolute; left:0; bottom:0px; width:239px; height:40px; background:#dadada; border-top:1px solid #c4c4c4; overflow:hidden; zoom:1;} #h_container .vwbox .vpage .thumb_wrap .paging ul {margin:5px; border:1px solid #a1a1a1; float:left; border-radius:5px; overflow:hidden;} #h_container .vwbox .vpage .thumb_wrap .paging ul li {border-right:1px solid #a1a1a1; float:left;} #h_container .vwbox .vpage .thumb_wrap .paging ul li:last-child {border-right:0px solid red;} #h_container .vwbox .vpage .thumb_wrap .paging span {padding-top:15px; font-weight:bold; display:inline-block;} #h_container .vwbox .vpage .viewer_wrap {position:absolute; left:240px;top:35px; bottom:0; right:0; overflow:hidden;zoom:1;} #h_footer {position:absolute; left:0; bottom:0; right:0; height:39px; background:#f8f4e9; border-top:1px solid #515151;} #h_footer .con_l {float:left; color:#626461; font-weight:bold; margin-top:13px;} #h_footer .con_l a {padding:0 10px; color:#626461; text-decoration:none;} /* login */ .lg_wrap {height:100%; background:url('../images/bg_login.jpg') repeat-x; } .lg_container {width:320px; margin:0 auto; overflow:hidden;} .lg_container .logo {margin-top:87px;} .lg_container .txt {margin-top:105px; color:#fff; font-weight:bold;} .lg_conbox {margin-top:80px;} .lg_container input[type=text] {height:38px; border:1px solid #d2d2d2; vertical-align:middle; width:198px; border-radius:2px; margin-left:-2px; float:left; } .lg_container input[type=password] {height:38px; border:1px solid #d2d2d2; vertical-align:middle; width:198px; border-radius:2px; margin-left:-2px; float:left; } .login_txtbox {height:38px; border:1px solid #d2d2d2; border-radius:2px; float:left; width:110px; background:#efefef; color:#000; font-weight:bold; font-size:12px; } .login_idtxt {background:url('../images/login_id.png') no-repeat; padding-left:25px; margin:10px 0 0 15px; float:left; clear:both; line-height:20px; width:80px; display:inline-block; } .login_pwtxt {background:url('../images/login_pw.png') no-repeat; padding-left:25px; margin:10px 0 0 15px; float:left; clear:both; line-height:20px; width:80px; display:inline-block;} .loginbtn {background:#003e7e; line-height:50px; display:inline-block; font-weight:bold; text-decoration:none; border-radius: .2em; width:100%; height:50px; font-size:16px; color:#fff; text-align:center;} .loginbtn:hover {background:#003770; color:#fff; } .prg_line {height: 14px; border-radius: 2px; margin:3px; background: rgba(66,135,204,1); background: -moz-linear-gradient(top, rgba(66,135,204,1) 0%, rgba(41,112,178,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,135,204,1)), color-stop(100%, rgba(41,112,178,1))); background: -webkit-linear-gradient(top, rgba(66,135,204,1) 0%, rgba(41,112,178,1) 100%); background: -o-linear-gradient(top, rgba(66,135,204,1) 0%, rgba(41,112,178,1) 100%); background: -ms-linear-gradient(top, rgba(66,135,204,1) 0%, rgba(41,112,178,1) 100%); background: linear-gradient(to bottom, rgba(66,135,204,1) 0%, rgba(41,112,178,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4287cc', endColorstr='#2970b2', GradientType=0 );} .prg_bg { position: relative; height: 20px; background:#fff; border: 1px solid #bdbdbd; border-radius: 4px; width:400px; -webkit-box-shadow: 2px 2px 2px 0px rgba(212,212,212,1); -moz-box-shadow: 2px 2px 2px 0px rgba(212,212,212,1); box-shadow: 2px 2px 2px 0px rgba(212,212,212,1);} .prg_text {margin:10px 0px 15px 0px; font-weight:bold;} .prg_box_2 {width:400px; padding:20px; overflow:hidden; background:#515151; border:1px solid #3c3c3c; border-radius: 6px;} .prg_box_2 p {text-align:center; margin:10px 0px 25px 0px; font-weight:bold; color:#fff;} .prg_bg_2 { padding: 4px; background: rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); } .prg_line_2 { height: 16px; border-radius: 4px; background: rgba(245,150,78,1); background: -moz-linear-gradient(top, rgba(245,150,78,1) 0%, rgba(242,118,29,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,150,78,1)), color-stop(100%, rgba(242,118,29,1))); background: -webkit-linear-gradient(top, rgba(245,150,78,1) 0%, rgba(242,118,29,1) 100%); background: -o-linear-gradient(top, rgba(245,150,78,1) 0%, rgba(242,118,29,1) 100%); background: -ms-linear-gradient(top, rgba(245,150,78,1) 0%, rgba(242,118,29,1) 100%); background: linear-gradient(to bottom, rgba(245,150,78,1) 0%, rgba(242,118,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5964e', endColorstr='#f2761d', GradientType=0 ); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); } .load_conbox {margin:0 auto; width:670px; overflow:hidden; line-height:30px;} .load_conbox img {margin-top:100px;} .load_conbox .txt_style01 {font-family:Nanum Gothic, 나눔고딕, dotum, gulim; font-size:18px; font-weight:bold; color:#faa635;} .load_conbox .txt_style02 {font-family:Nanum Gothic, 나눔고딕, dotum, gulim; font-size:14px; font-weight:bold; color:#000;} .frmMessage { filter:alpha(opacity=70); opacity:0.7; } /* table */ .tableType1 {text-align:center;} .tableType1 tr.bg td {background:#f1f7f9;} .tableType1 tr.bg2 td {background:#8fdbed;} .tableType1 th {background:#f0fcff; border-top:1px solid #464f5f; border-bottom:1px solid #d2d4d8; color:#08386b; padding:10px;} .tableType1 td {border-bottom:1px solid #e0e1e4; padding:8px 10px; font-size:12px;} .header-search{display:flex;flex:1 1 520px;justify-content:flex-end;max-width:520px;min-width:0; margin:20px 0px 0px 10px;} .header-search .search-input-container{transition:width .25s linear;width:100%} .header-search .search-input{border-radius:4px;height:32px;width:100%} /*로그인*/ /* .login_form {position:absolute; top: 50%; left:50%; width : 480px; height: 250px; border-radius: 8px;text-align: center; transform: translate(-50%, -50%); border: 1px solid #2468a2;} .login_form_logo {display: relative; float: left; width: 180px; height: 250px; background-color: rgba( 163, 208, 238, 0.9 ); border-radius: 8px 0 0 8px;} .login_form_div {display: relative; float: left; width: 300px; height: 250px; background-color: rgba( 255, 255, 255, 0.85 ); border-radius: 0 8px 8px 0;} */ .div_login { margin: 10px auto 0 auto; display: block; border-radius: 5px; border: 1px solid #dadad9; background-color: #FFFFFF; width: 230px; height: 40px;} .div_login input[type=text], .div_login input[type=password] {padding-left: 10px; height: 24px; width: 171px; border-left:1px solid #d4d4d4; border-right: none; border-top: none; border-bottom: none; display: inline-block; float:right; margin-top: 8px;} .div_login input::placeholder {color: #717171;} #Login_wrap{height:100%;background-image:url(../images/login_bg.jpg);background-repeat:no-repeat} #Login_form{width:1050px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} #Login_div{filter:drop-shadow(0 0 15px rgba(1, 40, 55, .45));background:#ebf7fb;height:75%;width:55%;float:right;border:1px solid rgba(95,95,95,.45);border-radius:0 0 3px 3px} #Login_form_footer{position:fixed;top:83%;width:100%;border-radius:3px;background:linear-gradient(0deg,#2f5672 0,#5983a2 100%);height:16%;border-top:5px solid #43647b;text-align:center;color:#d4d4d4;font-size:12px} .join_button { width: 225px; height: 44px; border-radius: 5px; background-image: linear-gradient(0deg, #7dcccf 0%, #a8dddf 100%); border: 1px solid #587c8d; font-size: 16px; color: #555555; line-height: 22px; margin: 0 auto; display: block; margin-top: 36px; cursor: pointer; } .login_button { width: 230px; height: 44px; border-radius: 5px; background-image: linear-gradient(0deg, #73a3c5 0%, #a2c2d8 100%); border: 1px solid #587c8d; color: #fff; font-size: 16px; margin: 0 auto; display: block; margin-top: 10px; cursor: pointer; } .login_button:hover, .join_button:hover { transition: all 0.2s; background: #b4c8e7; } /* .login_form .div_login{border-radius: 5px; border:1px solid #FFFFFF; width : 259px;} .login_form .div_login .img_login{height: 37px; border-top-left-radius:5px; border-bottom-left-radius: 5px;} .login_form .div_login input[type=text], input[type=password]{height: 35px; width: 200px; border-top-right-radius:5px; border-bottom-right-radius: 5px;} */ .login_header {padding-top:95px;*zoom:1} .login_header:after {content:'';display:block;clear:both} .login_container {border:1px solid #e0e0e0;margin-top:7px;padding-bottom:20px;background:#fff} .login_container .login_img_area {background:url(../images/YU.jpg) no-repeat 0 0;height:272px;border-bottom:1px solid #e0e0e0} .login_container .login_img_area img {margin:100px 0 0 95px} .login_container .login_info {width:700px;margin:0 auto;*zoom:1;} .login_container .login_info:after {content:'';display:block;clear:both} .login_container .login_info .admin_title {font-size:14px;color:#e68971;font-weight:bold;margin-top:18px} .login_container .login_info .info_form {padding:22px 50px;} .login_container .login_info .info_txt_list {font-size:11px;color:#a7a7a7;line-height:1.5em} .login_container .login_info .info_txt_list span {color:#e68971} .login_container .login_info .lost_pwd {background:url(../images/bg_icon_arrow.gif) no-repeat 0 1px;padding-left:15px;color:#e68971;font-weight:bold;font-size:11px} .input_label {color:#939393;height:18px;line-height:18px;vertical-align:middle;display:inline-block} /* Tree View */ .TV_board {border-top:2px solid #3f3f3f; width:100%;} .TV_board caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .TV_board thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:34px; line-height:34px; font-weight:bold; color:#333} .TV_board thead th:first-child {border-left:0px;} .TV_board tbody td {border-bottom:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:34px; line-height:34px;} .TV_board tbody td:first-child {border-left:0px; width:30px;} .TV_board tbody td a {text-decoration:none;} .TV_board tbody td a:hover {text-decoration:none;} .TV_board .cur_p {} .TV_board tr:hover {cursor:pointer; background:#e7f6ff; color:#000; } .TV_board .on {cursor:pointer; background:#003e7e; color:#fff;} .TV_board .TB_Cont{text-align:left; padding-left: 20px;} /*HP JOIN*/ #HP_container, #TOS_container {z-index:20; position:absolute;top:20px; bottom:40px;left:0;right:0; margin-left:30px; margin-right:30px; overflow:hidden; border-bottom:1px solid #d2d2d2;} .HP_hspan_b{color:red;} .HP_button {height:24px; text-align:center; width:80px;} .board_HP input[type=text]{height:22px; margin-top:3px; border:1px solid #a2a2a2;} .board_HP {border-top:2px solid #3f3f3f; width:100%; padding-top:50px;} .board_HP caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .board_HP thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#333} .board_HP thead th:first-child {border-left:0px;} .board_HP thead td {border-bottom:1px solid #949494; border-left:1px solid #949494; padding:0px 5px; text-align:center; height:30px; line-height:30px; background:#f6f0e8;} .board_HP tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:5px 10px; text-align:center-left; height:30px;} .board_HP tbody td:first-child {border-left:0px; background:#f3f3f3; text-align:center; font-weight:bold;} input:-ms-input-placeholder {color: #c2c2c2;} input::placeholder {color: #c2c2c2; opacity: 1;} /*Admin_User */ #container .sepage_Usrttl {height:26px; line-height:26px; font-weight:bold; font-size:15px; color:#000; margin:10px 20px;} #container .sepage_Grttl {height:26px; line-height:26px; font-weight:bold; font-size:15px; color:#000; margin:10px 20px;} #container .Doc_Tree {position:absolute; top:55px; bottom: 15px; width:25%; overflow:auto;zoom:1; border: 1px solid #d2d2d2; background-color:rgb(245,245,245);} #container .Doc_info {position:absolute; top:20px; left: 27%; bottom: 5px; width: 70.7%; overflow:auto;zoom:1; margin-top: 30px; padding: 0 10px;} #container .User_Tree {background: #FFF; border: 1px solid #d2d2d2; border-radius: 6px; height: 100%; overflow: auto;} #container .User_info {position:absolute; top:20px; left: 27%; bottom: 5px; width: 70.7%; overflow:auto;zoom:1; padding: 30px 0 0 20px;} #container .User_group {overflow:hidden;zoom:1; } #container .GroupUser_Tree {position:absolute; top:200px; bottom: 15px; left: 20px; width:55%; overflow:auto;zoom:1; border: 1px solid #d2d2d2; background-color:rgb(245,245,245);} #container .GroupUser_List {position:absolute; top:200px; bottom: 15px; left: 50%; width:47%; overflow:auto;zoom:1; border: 1px solid #d2d2d2;} #container .S_title {position:absolute; top:18px; margin-left:2px; bottom: 5px; padding: 20px 20px 0 2px;} .info_title {font-size:13px; padding-top:10px; font-weight:bold;} .info_tb {border-top:2px solid #3f3f3f; width:100%;} .info_tb caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .info_tb thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#ecf7fb; padding:0px 5px; text-align:center; height:35px; font-weight:bold; color:#333; } .info_tb thead th:first-child {border-left:0px;} .info_tb tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:35px;} .info_tb tbody td:first-child {width:30px; border-left:0px;} .info_tb input[type=text] {width:80px; height:20px;} .info_tb select {width:110px; height:24px;} .group_list {border-top:2px solid #3f3f3f; width:100%;} .group_list caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .group_list thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:25px; font-weight:bold; color:#333} .group_list thead th:first-child {border-left:0px;} .group_list tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:25px;} .group_list tbody td:first-child {width:30px; border-left:0px;} /*DocMng */ #container .docmng_Tree {margin:0 20px 10px 20px; overflow:auto;zoom:1; height:78%; border: 1px solid #d2d2d2; background-color:rgb(245,245,245);} /*HSTORY */ #container .sepage_HSttl {height:26px; line-height:26px; font-weight:bold; font-size:15px; color:#000; margin-bottom:10px;} #container .sepage_HSdata {overflow:hidden; border-top:2px solid #3f3f3f;} /* APM */ .sepage_APM {border-top: 2px solid #3f3f3f; height: 100%; width: 98%; margin:0 auto; padding-top:15px;} .sepage_APM div {box-sizing: border-box; padding: 20px; width: 49.5%; height: 49.5%; float: left; color:#333;} .sepage_APM div:nth-child(1), .sepage_APM div:nth-child(2) {padding-top: 5px; border-bottom:1px solid #d2d2d2;} .sepage_APM div:nth-child(1), .sepage_APM div:nth-child(3) {border-right:1px solid #d2d2d2;} .sepage_APM div p {display: inline; font-size: 13px; line-height:18px;} .board_HS input[type=text]{height:22px; margin-top:3px; border:1px solid #a2a2a2;} .board_HS {width:55%; padding-top:50px;} .board_HS caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .board_HS thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#333} .board_HS thead th:first-child {border-left:0px;} .board_HS thead td {border-bottom:1px solid #949494; border-left:1px solid #949494; padding:0px 5px; text-align:center; height:30px; background:#f6f0e8;} .board_HS tbody td {border-left:1px solid #d2d2d2; padding:5px 10px; text-align:center-left; height:30px;} .board_HS tbody td:nth-child(odd) {border-left:0px; background:#f3f3f3; text-align:center; font-weight:bold;} .Inputsel {width:100px;} .calendar {width:15px; padding: 5px 0 0 5px; margin-right: 5px; margin-left: -25px;} /* FOOTER */ #footer span {color:rgb(150,150,150);} /*SearchMenu*/ .SearchMenu {position:absolute; left: 20%; top: 45px; border:1px solid #d2d2d2; z-index:997; width:330px; height:100px; background-color:white; display:none;} .SearchMenu table {width:100%; height:100%} .SearchMenu thead th {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:20px; font-weight:bold;} .SearchMenu thead th:first-child {border-left:0px;} .SearchMenu tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; height:20px;} .SearchMenu tbody td:first-child {width:50px; border-left:0px; text-align:center; } /*문서등록*/ .RegDoc {position:absolute; left: 38%; top: 30%; border:1px solid #d2d2d2; z-index:999; width:450px; height:300px; background-color:white; display:block;} .RegDoc input[type=text]{border-top:0px; border-right:0px; border-left:0px; width:250px;} .RegDoc table {width:100%; height:100%} .RegDoc thead th {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:25px; font-weight:bold;} .RegDoc thead th:first-child {border-left:0px;} .RegDoc tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; height:25px;} .RegDoc tbody td:first-child {width:50px; border-left:0px; text-align:center;} .RegDoc button {width:60px; height:25px;} /*메일 발송*/ .EMail {position:absolute; left: 45%; top: 40%; border:1px solid #d2d2d2; z-index:999; width:310px; height:100px; background-color:white; display:none;} .EMail input[type=text]{border-top:0px; border-right:0px; border-left:0px; width:150px;} .EMail table {width:100%; height:100%} .EMail thead th {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:20px; font-weight:bold;} .EMail thead th:first-child {border-left:0px;} .EMail tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; height:20px;} .EMail tbody td:first-child {width:80px; text-align:center; border-left:0px;} .EMail button {width:60px; height:25px;} .Back { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:998; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .DocReg .bbtn{display: inline-block; padding: .5em .75em; color: #FFF; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #337ab7; cursor: pointer; border: 1px solid #ebebeb; border-color: #2e6da4; border-radius: .25em; width:70px; height: 15px; text-align: center;} .DocReg .sbbtn{display: inline-block; padding: .5em .75em; color: #FFF; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #337ab7; cursor: pointer; border: 1px solid #ebebeb; border-color: #2e6da4; border-radius: .25em; width:70px; height: 15px; text-align: center;} .DocReg .gbtn{display: inline-block; padding: .5em .75em; color: #FFF; font-size: inherit; line-height: normal; vertical-align: middle; background-color: rgb(120,120,120); cursor: pointer; border: 1px solid #ebebeb; border-color: #2e6da4; border-radius: .25em; width:70px; height: 15px; text-align: center;} .fileUpload label{display: inline-block; padding: .5em .75em; color: #FFFFFF; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #4f4f4f; cursor: pointer; border: 1px solid #ebebeb; border-color: #2e6da4; border-radius: 2px; width:60px; height: 16px; text-align: center; font-weight: bold;} .fileUpload input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } #multiFile #labelFile {display: inline-block; padding: .44em .75em; color:#456dab; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #FFFFFF; cursor: pointer; border: 2px solid #456dab; border-radius: 2em; width:50px; height: 12px; text-align: center; text-decoration:none; font-weight: bold;} #multiFile #labelFile:hover {transition: 0.2s; display: inline-block; padding: .44em .75em; color:#fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #456dab; cursor: pointer; border: 2px solid #456dab; border-radius: 2em; width:50px; height: 12px; text-align: center; text-decoration:none; font-weight: bold;} #multiFile #openFile {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* #Login_wrap {height:100%; background-image: url(../images/bg_login4.png); background-size: 50% 80%; background-repeat: no-repeat; background-position: center;} */ #Login_header {z-index:20; position:absolute; left:0; top:0; right:0; height:70px; font-family:Nanum Gothic, 나눔고딕, dotum, gulim; overflow:hidden; } #Login_header .con_l {position: absolute; left : 10%;} #Login_header .con_l .logo {margin-top: 5px; float:left; display:inline-block; } #Login_header .con_l .pgttl {font-size:25px; color:#fff; font-weight:bold; display:inline-block; margin:10px 0px 0px 10px;} #Login_header .con_l .pgtt2 {font-size:15px; color:#fff; font-weight:bold; display:inline-block; margin:10px 0px 0px 10px;} #Login_header .col_r {position: absolute; right : 10%; margin-top:15px;} #Login_header .col_r .u_name {color:#fff; font-size:14px;} #Login_header .col_r .u_team {color:#fff; font-size:14px; margin-left:15px; padding-left:15px;} #container_popup {z-index:20;position:absolute;top:50px;bottom:15px;left:0;right:0; overflow:hidden;} #container_popup .sepage_ttl {height:26px;font-weight:bold; color:#000; margin:10px 20px;} #container_popup .sepage_r_popup {position:absolute; left:0;top:0;bottom:0; right:0; overflow:auto;zoom:1; } #container_popup .Doc_info {position:absolute; top:20px; left: 28%; bottom: 5px; width: 68%; overflow:auto;zoom:1; padding: 20px 20px 0 20px;} #container_popup .Doc_Tree {position:absolute; top:40px; bottom: 15px; left:20px; width:25%; overflow:auto;zoom:1; border: 1px solid #d2d2d2; background-color:rgb(245,245,245);} .info_tb_popup {border-top:2px solid #3f3f3f; width:100%;} .info_tb_popup caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .info_tb_popup thead th {border-bottom:1px solid #949494; padding:0px 5px; text-align:center; height:35px; font-weight:bold; color:#333; } .info_tb_popup thead th:first-child {border-left:0px;} .info_tb_popup tbody td {border-bottom:1px solid #d2d2d2; text-align:center; height:30px;} .info_tb_popup tbody td:first-child {width:30px; border-left:0px;} .info_tb_popup input[type=text] {width:80px; height:20px;} .info_tb_popup select {width:110px; height:24px;} .info_tb_popup2 {width:100%;} .info_tb_popup2 caption {visibility:hidden;overflow:hidden;height:0px;line-height:0px;} .info_tb_popup2 thead th {border-bottom:1px solid #949494; border-left:1px solid #949494; background:#f3f3f3; padding:0px 5px; text-align:center; height:35px; font-weight:bold; color:#333; } .info_tb_popup2 thead th:first-child {border-left:0px;} .info_tb_popup2 tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px 5px; text-align:center; height:35px;} .info_tb_popup2 tbody td:first-child {width:30px; border-left:0px;} .info_tb_popup2 input[type=text] {width:80px; height:20px;} .info_tb_popup2 select {width:110px; height:24px;} #fvtheader {z-index:20; position:absolute; left:0; top:0; right:0; height:45px; font-family:Nanum Gothic, 나눔고딕, dotum, gulim;background-color:#e9f1f4; overflow:hidden; border-bottom:1px solid #d2d2d2;} .fvtheader {z-index:20; position:absolute; left:0; top:0; right:0; height:45px; font-family:Nanum Gothic, 나눔고딕, dotum, gulim;background-color:#e9f1f4; overflow:hidden; border-bottom:1px solid #d2d2d2;} .fvtTxt{border:1px solid #c8c8c8; height: 25px; text-align: center; padding-top:5px;} .fvttreeArea {border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; height:470px; overflow: auto;} .UserArea {margin-right:20px; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; width:330px; height:220px; float:right; overflow: auto;} .UserAclArea {margin-left:40px; margin-top:35px; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; width:350px; height:485px; float:right; overflow: auto;} .ApvTable {font-size: 12px; font-weight: bold; table-layout: fixed; height: 100%; border: 0px solid #d4d4d4; border-radius: 10px;} .ApvTable tbody td{min-width: 80px; width: 70px; text-align: center;} .ApvTable tbody td img{margin-bottom: 6px;} .ApvTable tbody tr{height: 60px; border-bottom: 1px solid #d4d4d4;} .ApvTable tbody tr:first-child{height:20px;} .ApvTable tbody tr:last-child{border:0;} .ViewApvTable {float: right; font-size: 13px; font-weight: bold; margin-left:15px;} .ViewApvTable tbody td{width: 120px;border:1px solid; text-align: center;} .ViewApvTable tbody td:first-child{width: 20px;} .ViewApvTable tbody tr{height: 35px;} .ViewApvTable tbody tr:first-child{height:20px;} .PwdChange {width:100%; text-align: center;font-weight: bold; font-size:16px;} .PwdChange table {width:100%;} .PwdChange tbody tr{padding:3px;} .PwdChange tbody td{border:1px solid #d2d2d2; height: 35px;} .PwdChange input[type=password] { border: 1px solid #d3d3d3; height: 27px;} .infoChange {width:100%; text-align: center;font-weight: bold; font-size:16px;} .infoChange table {width:100%;} .infoChange tbody tr{padding:3px;} .infoChange tbody td{border:1px solid #d2d2d2; height: 35px;} .infoChange input[type=text] { border: 1px solid #d3d3d3; height: 27px;} .DUpdateTable {width:100%; text-align: center;font-weight: bold; font-size:14px;} .DUpdateTable table {width:100%; border:1px solid #d2d2d2;} .DUpdateTable tbody tr{padding:3px; border:1px solid #d2d2d2;} .DUpdateTable tbody td{border:1px solid #d2d2d2;} .DUpdateTable tbody td:nth-child(odd){width: 100px;} #Examtable {border-bottom: 1px solid #333;} .sepage_data #Examtable tbody tr{border-top:1px solid #d2d2d2;} .sepage_data #Examtable tbody td{} .PDFApvTable {font-size: 13px; font-weight: bold; margin-left:15px;} .PDFApvTable tbody td{width: 80px;border:1px solid; text-align: center;} .PDFApvTable tbody td:first-child{width: 20px;} .PDFApvTable tbody tr{height: 35px;} .PDFApvTable tbody tr:first-child{height:20px;} .ApvingTable {font-size: 13px; font-weight: bold;} .ApvingTable tbody td{width: 120px;border:1px solid; text-align: center;} .ApvingTable tbody td:first-child{width: 20px;} .ApvingTable tbody tr{height: 35px;} .ApvingTable tbody tr:first-child{height:20px;} #container_popup .SubDocTypeTree {position:absolute; top:20px; bottom: 15px; width:33%; left:20px; overflow:auto;zoom:1; border: 1px solid #d2d2d2; background-color:rgb(245,245,245);} #container_popup .SubDocTypeInfo {position:absolute; top:0px; left: 35%; bottom: 5px; width: 61%; overflow:auto;zoom:1; padding: 20px 20px 0 20px;} #container_popup .treeWrap {position:absolute; top:10px; bottom: 15px; width:18.5%; left:20px; overflow:auto;zoom:1; border: 1px solid #d2d2d2; background-color:#e9f1f4; padding:12px; border-radius: 7px;} #container_popup .DocProgressTree {height: 99.7%; background:#FFF; border: 1px solid #d2d2d2;} #container_popup .DocProgressInfo {position:absolute; top:60px; left: 22%; bottom: 15px; width: 77%; overflow:auto;zoom:1; border: 1px solid #d2d2d2; border-radius: 6px; background:#FFF;} #container_popup .DocProgressTitle {position:absolute; top:11px; left: 22%; width: 77%; text-align: left; font-size: 16px; border: 1px solid #d2d2d2; height: 40px; background:#f5f7fb;} #container_popup .DocProgressTitle span {display: inline-block; height: 40px; line-height: 40px; padding: 0 18px; cursor: pointer; font-size: 14px;} .selected-blue { color: #FFF; background: #189be6; } .info_tb_popup thead tr {background: #ecf7fb; border-bottom: 1px solid #808080;} .info_tb_popup tbody tr {border-bottom:1px solid #d2d2d2;} .info_tb_popup tbody tr:last-child {border-bottom:1px solid #808080;} .info_tb_popup tbody tr td {border:0;} #DocProgressChart { padding-top: 15px; } #ui-datepicker-div {z-index: 999 !important; } .GmpSaveNum { display: inline-block; background: #456dab; color: #fff; width: 26px; height: 26px; line-height: 26px; margin-right: 5px; border-radius: 5px; } .listDel_btn { background: #e7f1f3; border: 1px solid #cfcfcf; height: 26px; width: 48px; } .pop_btns { text-align: right; display: flex; align-content: center; justify-content: space-around; width: 119px; } .pdf_files { text-align: left; width: 100%; height: 35px; border: 1px solid #d2d2d2; } .pdf_files td{ padding: 0px 0px 0px 10px; } .disable_user{ filter:invert(83%) sepia(4%) saturate(0%) hue-rotate(130deg) brightness(92%) contrast(94%) opacity(0.3); } #viewSourceFile tbody tr td:hover{cursor:pointer; color:#16549d;} .fileInfo tr{ height:40px; } .versionUp_board input[type=text]{height:22px; margin-top:3px; border:1px solid #a2a2a2;} .versionUp_board {border-top:2px solid #3f3f3f; width:100%; padding-top:50px;} .versionUp_board thead td {border-bottom:1px solid #949494; border-left:1px solid #949494; padding:0px 5px; text-align:center; height:30px; line-height:30px; background:#f6f0e8;} .versionUp_board tbody td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:5px 10px; text-align:center-left; height:30px;} .versionUp_board tbody td:first-child {border-left:0px; background:#ecf7fb; text-align:center; font-weight:bold;} .pagination{padding: 6px 0 7px; margin-top: -1px; height: 39px; text-align: center; position : absolute; bottom:0; font-size:15px; font-family:"Noto sans",sans-serif;} .pagination ul{width:100%;margin:0 auto;display:flex;justify-content: center;} .pagination ul li .numBtn{color: #fff; background-color: #456dab;} .pagination ul li .pagBtn{vertical-align: text-bottom;} .pagination ul li .prev img,.pagination ul li .pprev img{height: 6px; margin:5px;} .pagination ul li .next img,.pagination ul li .nnext img{height: 6px; margin:5px;} .pagination ul li a:hover:not(.disalbed){color:#fff; background-color: #456dab;transform: scale(0.9);} .pagination ul li .prev:hover img, .pagination ul li .pprev:hover img{ content:url("../images/ic_previous_02.png"); } .pagination ul li .next:hover img, .pagination ul li .nnext:hover img{ content:url("../images/ic_next_02.png"); } .pagination ul li a{ display: inline-block; width: 16px; height: 16px; padding: 0; margin: 0 4px; border: 1px solid #456dab; border-radius: 50%; background: #fff; box-shadow: 0 1px 0 #fff inset; color: #456dab; font-size: 12px; line-height: 18px; text-align: center; text-decoration: none; transition: all 0.3s;} .pagination ul li .disalbed{cursor: default; vertical-align: text-bottom;} .pagination ul li .disalbed img{height: 6px; opacity:0.2; margin:5px; cursor: default;} .pagination #totCnt{font-weight:bold; line-height:39px; display:flex} .pagination{padding:35px 0;margin:0;} .pagination ul{width:240px;} .pagination_aprov{padding: 6px 0 7px; margin-top: -1px; height: 39px; text-align: center; bottom:0; font-size:15px; font-family:"Noto sans",sans-serif;} .pagination_aprov ul{width:100%;margin:0 auto;display:flex;justify-content: center;} .pagination_aprov ul li .numBtn{color: #fff; background-color: #456dab;} .pagination_aprov ul li .pagBtn{vertical-align: text-bottom;} .pagination_aprov ul li .prev img,.pagination_aprov ul li .pprev img{height: 6px; margin:5px;} .pagination_aprov ul li .next img,.pagination_aprov ul li .nnext img{height: 6px; margin:5px;} .pagination_aprov ul li a:hover:not(.disalbed){color:#fff; background-color: #456dab;transform: scale(0.9);} .pagination_aprov ul li .prev:hover img, .pagination_aprov ul li .pprev:hover img{ content:url("../images/ic_previous_02.png"); } .pagination_aprov ul li .next:hover img, .pagination_aprov ul li .nnext:hover img{ content:url("../images/ic_next_02.png"); } .pagination_aprov ul li a{ display: inline-block; width: 16px; height: 16px; padding: 0; margin: 0 4px; border: 1px solid #456dab; border-radius: 50%; background: #fff; box-shadow: 0 1px 0 #fff inset; color: #456dab; font-size: 12px; line-height: 18px; text-align: center; text-decoration: none; transition: all 0.3s;} .pagination_aprov ul li .disalbed{cursor: default; vertical-align: text-bottom;} .pagination_aprov ul li .disalbed img{height: 6px; opacity:0.2; margin:5px; cursor: default;} .pagination_aprov #CircularAprovDoctotalCount{font-weight:bold; display:flex;} .pagination_aprov #AprovDocTotalCount{font-weight:bold; display:flex;} .pagination_aprov{padding:35px 0;margin:0;} .pagination_aprov ul{width:240px;} .resultNode{ font-weight: normal; overflow: hidden; width: 100%; max-height: 650px; padding: 1px 2px 1px 2px; background-color: #faf; } .resultNode td{ font-weight: normal; overflow: hidden; white-space: pre; height: 23px; padding: 1px 2px 1px 2px; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; background-color: #aaa; } .folderType { color: #fff; display: inline-block; border-radius: 5px; text-decoration: none; cursor: default; } .folderPath{ cursor: pointer; } .schedule_span_common{ display: inline-block; width: 70px; text-align:center; margin-right: 5px; } .schedule_List_common{ cursor: pointer; } .schedule_div_common{ padding-top:20px; } .schedule_btn_common{ display: grid; place-items: center; width: 55px; } .schedule_btn_common:hover, .schedule_btn_common:hover { transform: none; } .signImg { text-align:center; } /* common */ .familiarity_common { margin: 5px; display: flex; justify-content: center; align-items: center; vertical-align: top; } /* 버튼들 가운데 정렬 */ .familiarity_common > span { display: inline-flex; align-items: center; justify-content: center; height: 30px; text-align: center; width: 15%; font-size: 14px; /* 글꼴 크기를 14px로 통일합니다 */ } .familiarity_common .label_b { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #456dab; padding: 7px 14px; font-weight: bold; font-size: 16px; width: 100px; text-align: center; vertical-align: middle; border-radius: 20px; margin-right: 15px; } .familiarity_common input[type="text"], .familiarity_common textarea, .familiarity_common select { width: 200px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; color: #333; font-size: 14px; /* 글꼴 크기를 14px로 통일합니다 */ } .familiarity_common input[type="text"]:focus, .familiarity_common textarea:focus, .familiarity_common select:focus { outline: none; border: 1px solid #8B5A2B; } .familiarity_common input[type="text"][id^="familiarityStartPage"], .familiarity_common input[type="text"][id^="familiarityEndPage"] { width: 100px; margin-right: 5px; } .familiarity_common .header_btn_nv { display: inline-block; text-align: center; width: 15%; margin-right: 10px; margin-left: 5px; padding: 8px 12px; font-size: 14px; font-weight: 700; color: #fff; border-radius: 4px; cursor: pointer; } .familiarity_common .header_btn_nv:hover { background-color: #333333; border-color: #333333; } /* Add 5px margin to btn_b and btn_dg */ .familiarity_common .btn_b, .familiarity_common .btn_dg { margin: 5px; } .familiarity_common #editFamiliarity { margin-left: 0; } .familiarity_common #familiarityComplete { margin-right: 5px; } .familiarity_ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; } .table3{ font-size: 14px; text-align: center; } .crtDocInfo{ padding-bottom: 15px; padding-left: 7px; font-size:13px; height: 13px; float:left; width:98%; border-bottom : 1px solid #d2d2d2; } .disable-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* 반투명 검정색 */ z-index: 9999; /* 최상위에 표시 */ display: none; /* 기본적으로 숨김 */ } /* .info_tb_popup tr.SubDTList td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:0px; text-align:center; height:25px;} */