Files
wace_plm/WebContent/css/basic.css
2025-10-17 16:26:45 +09:00

2573 lines
134 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@charset "UTF-8";
/*?뱁룿??*****************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,500,500,700,900);
/*?ㅽ겕濡ㅻ컮 Explorer******************************************************/
html {
scrollbar-3dLight-Color:#efefef;
scrollbar-arrow-color:#efefef; /*?ㅽ겕濡ㅻ컮 ?묐걹 ?붿궡???됱긽*/
scrollbar-base-color:#efefef;
scrollbar-Face-Color:#1697bf; /*?ㅽ겕濡ㅻ컮 ?됱긽*/
scrollbar-Track-Color:#efefef; /*?ㅽ겕濡ㅻ컮 ?묐걹 ?붿궡?쒖? 硫붿씤?ㅽ겕濡ㅻ컮瑜??쒖쇅???됱긽*/
scrollbar-DarkShadow-Color:#efefef;
scrollbar-Highlight-Color:#efefef;
scrollbar-Shadow-Color:#efefef;
}
/*?ㅽ겕濡ㅻ컮 chrome*********************************************************/
/* SCROLL */
::-webkit-scrollbar { width: 10px; height:15px;}
/* ?ㅽ겕濡ㅻ컮??width */
::-webkit-scrollbar-track { background-color: #f0f0f0; }
/* ?ㅽ겕濡ㅻ컮???꾩껜 諛곌꼍??*/
::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #1697bf, #62b7ac);
}
/* ?ㅽ겕濡ㅻ컮 ??*/
::-webkit-scrollbar-button { display: none; }
.pmsPopupForm> thead th {border: 2px solid #ccc;
position: sticky;
top: 0px;
}
/* jqgrid input(editable)?먮룄 諛섏쁺??
.editable{color:#FFBB00}
*/
.editableHeader{color:#FFBB00 !important}
/*?뱁룿??****************************************************************
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
} */
/*珥덇린??/
body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dd, div, a, address, small, img, input,span,iframe, form, tr, td, table, fieldset, select, header, tbody, frame {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 500;}
ul li {list-style:none;}
ul li {list-style:none;}
a {text-decoration: none;}
address {font-style: normal;}
button {border: none;}
.hidden {position: absolute; top: -9999px;}
img {border:0;}
textarea {resize:none;}
/********************************怨듯넻*******************************/
body {font-family: 'Noto Sans KR', sans-serif; background: #fff; width: 100%; position:relative;}
.bodyNoScroll {overflow: hidden;}
.bodyNoScrollY {overflow-y: hidden;}
.bodyNoScrollX {overflow-x: hidden;}
.backcolor {overflow: hidden;}
.fullSizeText {
width:99.9%;
height:99%;
}
/* text-align*/
.align_l {text-align: left !important;}
.align_l2 {text-align: left !important;padding-left: 2px;}
.align_l4 {text-align: left !important;padding-left: 4px;}
.align_c {text-align: center !important;}
.align_r {text-align: right !important;}
.align_r2 {text-align: right !important;padding-right: 2px;}
.align_r4 {text-align: right !important;padding-right: 4px;}
.align_r10 {text-align: right !important;padding-right: 10px;}
/* float: right; */
.float_r {float:right !important;}
.float_l {float:left !important;}
/* ?섏씠吏뺤쓽 ?꾩옱?섏씠吏€ ?쒖떆 ?ㅽ???*/
.now_page {font-weight:700; color:#0288D1 !important; font-size:15px !important;}
/* ?섏씠吏?prev, next 鍮꾪솢?깊솕 ?쒖떆 ?ㅽ???*/
.no_more_page {color:#ccc; font-size:13px;}
/* ?섏씠吏??ㅽ???愿€由ъ옄/?ъ슜??怨듯넻 */
.pdm_page {width:97.5%; margin:0 auto;}
.pdm_page table {width:50px; margin: 20px auto 0;}
.pdm_page table tr td a {color:#000; width:40px; height:25px; display: block; text-align: center; font-size: 13px; line-height: 25px}
.pdm_page table tr td:nth-child(1) a {font-weight:500; color:#000;}
.pdm_page table tr td:last-child a {font-weight:500; color:#000; }
.page_pro {position:relative;}
.page_counter {font-size: 13px; position:absolute;top:0; right:0;}
.pdm_page #GoPage {size:2;}
.required-marker {color:red !important;background-repeat:no-repeat !important;background-position:right top !important;font-size:12px !important;
/*
background-image:url("/imgages/require.png") !important;
*/
}
/* ?뚯씪泥⑤? ?꾩씠肄?*/
.file_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/folder_blue.png) no-repeat; background-size: 100% 100%;}
.file_empty_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/file_empty.png) no-repeat; background-size: 100% 100%;}
.sign_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/sign_blue.png) no-repeat; background-size: 100% 100%;}
.sign_empty_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/sign_empty.png) no-repeat; background-size: 100% 100%;}
.clip_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/clip-01.png) no-repeat; background-size: 100% 100%;}
.clip2_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/clip-02.png) no-repeat; background-size: 100% 100%;}
.hyphen_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/hyphen.png) no-repeat; background-size: 100% 100%;}
.more_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/icon/icon_more.png) no-repeat; background-size: 100% 100%;}
.more_icon2 {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/icon/icon_more2.png) no-repeat; background-size: 100% 100%;}
.more_icon3 {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/icon/icon_more3.png) no-repeat; background-size: 100% 100%;}
.more_icon4 {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/icon/icon_more4.png) no-repeat; background-size: 100% 100%;}
.s_file {vertical-align:middle; margin-bottom:3px !important; margin-left:5px !important;}
.link_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/folder_blue.png) no-repeat; background-size: 100% 100%;}
/* ?대?吏€ 鍮꾪몴??*/
.no_img_icon {margin: 0 auto; display:block; width:80px; height:80px; background: url(/images/no_img.png) no-repeat; background-size: 100% 100%;}
/* ?ㅼ젙(?깅땲諛뷀€? ?꾩씠肄?*/
.set_icon {display:inline-block; cursor:pointer; background: url(/images/set.png) left center no-repeat; background-size: 25px 25px;}
.gate_set_btn {float:right; width:73px; height:30px; padding-left:30px; margin:3px 12px 0 0; color:333; font-size:13px; line-height:30px;}
/* 臾몄꽌 ?꾩씠肄?*/
.document_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(/images/document.png) no-repeat; background-size: 100% 100%;}
/* ?좎쭨 ?좏깮 */
.date_icon {background: url(/images/date_icon.png) center right no-repeat;}
.from_to_date {width:100px !important;}
/* ?뗫낫湲?踰꾪듉 */
.search_btn {display:inline-block;width:16px; height:12px; vertical-align:baseline; cursor:pointer;
background: url(/images/search.png) bottom right no-repeat; background-size:contain;}
/* ?몃쾭?④낵 ?녿뒗 x 踰꾪듉 */
.removal_btn {width: 16px; height:12px; background: url(/images/close.png) bottom left no-repeat; cursor:pointer; background-size:contain; display: inline-block; margin-left: 5px;}
/* x 踰꾪듉 */
.close_btn {position:absolute; cursor:pointer; top:3px; right:5px; width:13px !important; height:13px !important; background: url(/images/close.png) center center no-repeat; background-size:100% 100%;}
/* 硫€?곕씪??留먯쨪???대옒??*/
.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* ?쇱씤??*/
-webkit-box-orient: vertical;
word-wrap:break-word;
line-height: 2.1em !important;
height: 6.1em !important; /* line-height 媛€ 1.2em ?닿퀬 3?쇱씤???먮Ⅴ湲??뚮Ц??height??1.2em * 3 = 3.6em */
white-space: normal !important;
border-bottom:0 !important;
}
.scroll_no {overflow:hidden;}
.scroll_y {overflow-y:scroll;}
/*濡쒓렇?명럹?댁?*/
html,body {height:100%}/* 濡쒓렇?명솕硫?諛곌꼍 */
#loginBack_gdnsi {background: url(/images/loginPage_gdnsi.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_ieg {background: url(/images/loginPage_ieg.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_jeil {background: url(/images/loginPage_jeil.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_ds {background: url(/images/loginPage_ds.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_jy {background: url(/images/loginPage_ds.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_tic {background: url(/images/loginPage_tic.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_gyrozen {background: url(/images/loginPage_gyrozen.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_jyc {background: url(/images/loginPage_jyc.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
/* 濡쒓렇?명솕硫??뚯궗濡쒓퀬 */
.loginLogo_gdnsi {display:block; width:190px; height:47px; background:url(/images/loginLogo_gdnsi.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.loginLogo_ieg {display:block; width:130px; height:47px; background:url(/images/loginLogo_ieg.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.loginLogo_jeil {display:block; width:180px; height:47px; background:url(/images/loginLogo_jeil.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.loginLogo_ds {display:block; width:130px; height:47px; background:url(/images/loginLogo_ds.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.loginLogo_jy {display:block; width:180px; height:47px; background:url(/images/loginLogo_jy.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.loginLogo_tic {display:block; width:180px; height:47px; background:url(/images/loginLogo_tic.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.loginLogo_gyrozen {display:block; width:180px; height:47px; background:url(/images/loginLogo_gyrozen.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.loginLogo_jyc {display:block; width:130px; height:47px; background:url(/images/loginLogo_jyc.png) left bottom no-repeat; background-size:100%;
margin-left: 50px; padding-top:100px;}
.slogun_box_jyc {background: url(/images/slogun_jyc.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
/* ?щ줈嫄?*/
.slogun_box_gdnsi {background: url(/images/slogun_gdnsi.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_ieg {background: url(/images/slogun_ieg.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_jeil {background: url(/images/slogun_jeil.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_ds {background: url(/images/slogun_ds.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_jy {background: url(/images/slogun_jy.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_tic {background: url(/images/slogun_tic.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_gyrozen {background: url(/images/slogun_gyrozen.png) no-repeat; background-size: 100%;
width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_jyc #login_box input[type="button"] {border-radius: 5px; border: 1px solid #000; background:#bd1e2c; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
/* 濡쒓렇??踰꾪듉 而щ윭 */
.slogun_box_gdnsi #login_box input[type="button"] {border-radius: 5px; border: 1px solid #058ae2; background:#058ae2; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_ieg #login_box input[type="button"] {border-radius: 5px; border: 1px solid #f07f06; background:#fa8d17; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_jeil #login_box input[type="button"] {border-radius: 5px; border: 1px solid #047ba4; background:#0084b2; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_ds #login_box input[type="button"] {border-radius: 5px; border: 1px solid #2444ce; background:#0f31c3; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_jy #login_box input[type="button"] {border-radius: 5px; border: 1px solid #382aa6; background:#261b81; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_tic #login_box input[type="button"] {border-radius: 5px; border: 1px solid #0084b2; background:#0084b2; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_gyrozen #login_box input[type="button"] {border-radius: 5px; border: 1px solid #3e6bca; background:#313131; width:300px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
#userId {background:url(/images/login_id_back_color.jpg) left center no-repeat; padding-left: 45px; }
#password {background:url(/images/login_pwd_back_color.jpg) left center no-repeat; padding-left: 45px; }
#login_box {position:absolute; top:198px; right:-84px;}
#login_box label {display: none;}
#login_box input[type="text"] {border-radius: 5px; border: 1px solid #dcdcdc; width:255px; height:27px;
color:#000; font-size:11px; margin-bottom:10px;}
#login_box input[type="password"] {border-radius: 5px; border: 1px solid #dcdcdc; width:255px; height:27px;
color:#000; font-size:11px;}
/* 硫붿씤 > ?대뜑 > 濡쒓퀬 而⑦뀒?대꼫 ?몃줈 以묒븰 ?뺣젹 */
header h1 {display:flex; align-items:center; height: 100%}
/* ?댁뒪?€??intops) */
#loginBack_new {background: url(/images/login_intops1.png) no-repeat left; width:1920px; height:100%; background-size: cover; position:absolute; top:0;}
#loginBack_new #loginWrap {position:absolute;width:350px;display:flex; justify-content:center; align-items:center;}
#loginBack_new #login_box { position: absolute; padding:100px; display:flex; flex-direction: column; align-items: center;
border-radius: 25px;background:#ffffff;
width:40%;height:441px;
box-shadow: -12px 0px 12px 1px rgba(201, 199, 199, .2);
z-index:2; top:-640px; left:350%;}
#loginBack_new #login_box input[type="button"] {max-width:300px; border-radius: 5px; border: 1px solid black; background: #ffffff; width:300px; height:27px;
display: block; color:; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_new input {height:30px !important; font-size:14px !important;}
.loginLogo_new {display: block; width: 246px; height: 100px; background: url(/images/loginLogo_kumho.png) left bottom no-repeat;background-size:contain; margin-bottom:10px;margin-left:-80px;}
.slogun_box_new {position: relative; margin:144px 0px 0px 330px; width:50%; height:640px; background:#E7E9F0; border-radius: 25px 0px 0px 25px; z-index:1;}
.slogun_box_new2 {display: block; width:78%; height:90%; background: url(/images/Intops-loginpage_last1.png) left bottom no-repeat; background-size:contain; margin-left:7%;padding-top:0;}
header h1 .mainLogo_new {display:block; margin-left:-68px; width:223px; height:25px; background: url(/images/logo.png) center center no-repeat;
background-size: contain; margin-top:0px; }
/*濡쒓렇???섏씠吏€ (intops)
#loginBack_new {background: url(/images/login_intops1.png) no-repeat left; width:100%; height:100%; background-size: cover; position:absolute; top:0;}
#loginBack_new > form#loginForm {height:1080px;}
#loginBack_new .login_layout {}
#loginBack_new .logo_slogan_box {}
#loginBack_new #loginWrap {position:absolute;width:350px;height:0px;display:flex; justify-content:center; align-items:center; flex:3; width:400px; background-color:rgba(255,255,255,0.93); box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;}
#loginBack_new #login_box { position: absolute; padding:100px; display: flex; flex-direction: column; align-items: center;
border-radius: 25px;background:#ffffff;
width:40%;height:441px;
box-shadow: -12px 0px 12px 1px rgba(201, 199, 199, .2);
z-index:2; top:-320px; left:350%;}
#loginBack_new #login_box input[type="button"] {max-width:300px; border-radius: 5px; border: 1px solid black; background: #ffffff; width:300px; height:27px;
display: block; color:; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_new input {height:30px !important; font-size:14px !important;}
.loginLogo_new {display: block; width: 246px; height: 100px; background: url(/images/loginLogo_kumho.png) left bottom no-repeat;background-size:contain; margin-bottom:10px;margin-left:-80px;}
.slogun_box_new {position: relative; margin:144px 0px 0px 330px; width:50%; height:640px; background:#E7E9F0; border-radius: 25px 0px 0px 25px; z-index:1;}
.slogun_box_new2 {display: block; width:85%; height:85%; background: url(/images/intops-loginpage_last.png) left bottom no-repeat; background-size:contain; margin-left:3.5%;padding-top:3%;}
header h1 .mainLogo_new {display:block; margin-left:8px; width:180px; height:40px; background: url(/images/mainLogo_kumho.png) center center no-repeat;
background-size: contain; margin-top:0px; }
*/
/*#loginBack_new {
background: url(/images/login_intops1.png) no-repeat left;
background-size: cover;
position: absolute;
top: 0;
width: 100%;
height: 100vh;
}
#loginBack_new > form#loginForm {
height: 100%;
}
#loginBack_new .login_layout {}
#loginBack_new .logo_slogan_box {}
.slogun_box_new2 {
display: block;
width: 90%;
max-width: 800px;
height: auto;
background: url(/images/intops-loginpage_last.png) left bottom no-repeat;
background-size: contain;
margin: 0 auto;
padding-top: 8%;
}
#loginBack_new #loginWrap {
display: flex;
justify-content: center;
align-items: center;
flex: 3;
min-width: 400px;
background-color: rgba(255, 255, 255, 0.93);
box-shadow: rgba(0, 0, 0, 0.35) 0px 7px 29px 0px;
}
#loginBack_new #login_box {
position: relative;
padding: 10%;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 25px;
background: #ffffff;
width: 60%;
max-width: 400px;
height: auto;
box-shadow: -12px 0px 12px 1px rgba(201, 199, 199, .2);
z-index: 2;
margin-top: -20%;
margin-left: auto;
margin-right: auto;
}
#loginBack_new #login_box input[type="button"] {
max-width: 300px;
border-radius: 5px;
border: 1px solid black;
background: #ffffff;
width: 100%;
height: 27px;
display: block;
color: black;
font-size: 11px;
font-weight: normal;
margin-top: 15px;
text-transform: uppercase;
}
#loginBack_new input {
height: 30px !important;
font-size: 14px !important;
}
.loginLogo_new {
display: block;
width: 246px;
height: 100px;
background: url(/images/loginLogo_kumho.png) left bottom no-repeat;
background-size: contain;
margin-bottom: 10px;
margin-left: -20%;
}
.slogun_box_new {
position: relative;
margin: 10% 0 0 10%;
width: 80%;
height: auto;
background: #E7E9F0;
border-radius: 25px;
z-index: 1;
}
header h1 .mainLogo_new {
display: block;
margin-left: 8px;
width: 180px;
height: 40px;
background: url(/images/mainLogo_kumho.png) center center no-repeat;
background-size: contain;
margin-top: 0px;
}
*/
@media screen and (max-width: 1200px) {
#loginBack_new .logo_slogan_box { display:none; }
#loginBack_new #loginWrap {
display:flex;
justify-content:center;
align-items:center;
padding:100px;
background-color:initial;
box-shadow:initial;
}
#loginBack_new #login_box {
width:175px;
height:440px;
justify-content:center;
background-color:rgba(255,255,255,0.93);
box-shadow: -12px 0px 12px 1px rgba(201, 199, 199, .2)
/* padding: 130px 100px; */
border-radius:10px;
}
}
/* ?쒓컯 */
#loginBack_taekang {background: url(/images/loginPage_taekang.png) no-repeat left; width:100%; height:100%; background-size: cover; position:absolute; top:0;}
#loginBack_taekang > form#loginForm {height:100%;}
#loginBack_taekang .login_layout {display:flex; justify-content:space-between; height:100%;}
#loginBack_taekang .logo_slogan_box {display:flex; padding:150px;
background-color:rgba(255,255,255,0);}
#loginBack_taekang #loginWrap {display:flex; justify-content:center; align-items:center; max-width:800px; background-color:rgba(255,255,255,0.93); box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;}
#loginBack_taekang #login_box {margin:20px; display: flex; flex-direction: column; align-items: center;
width: unset; top: unset; right: unset; position: unset; }
#loginBack_taekang #login_box input[type="button"] {border-radius: 5px; border: 1px solid #C4161C; background: #C4161C; width:100%; height:27px;
display: block; color:#fff; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_taekang input {height:30px !important; font-size:14px !important;}
.loginLogo_taekang {display: block; width: 232px; height: 56px; background: url(/images/loginLogo_taekang.png) left bottom no-repeat; margin-bottom:80px;}
.slogun_box_taekang {background: url(/images/slogan_taekang.png) no-repeat; background-size: cover;
width: 503px; height:252px;}
header h1 .mainLogo_taekang {display:block; margin-left:12px; width:232px; height:50px; background: url(/images/mainLogo_taekang.png) center center no-repeat;
background-size: contain; margin-top:0px; }
@media screen and (max-width: 1200px) {
#loginBack_taekang .logo_slogan_box { display:none; }
#loginBack_taekang .login_layout {justify-content:center}
#loginBack_taekang #loginWrap {
display:flex;
justify-content:center;
align-items:center;
padding:100px;
background-color:initial;
box-shadow:initial;}
#loginBack_taekang #login_box {
background-color:rgba(255,255,255,0.93);
box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;
padding: 130px 100px;
border-radius:10px;
}
}
/* 湲덊샇 */
#loginBack_kumho {background: url(/images/loginPage_kumho.png) no-repeat left; width:100%; height:100%; background-size: cover; position:absolute; top:0;}
#loginBack_kumho > form#loginForm {height:100%;}
#loginBack_kumho .login_layout {display:flex; height:100%;}
#loginBack_kumho .logo_slogan_box {display:flex; padding:150px; flex:4;
background-color:rgba(255,255,255,0);}
#loginBack_kumho #loginWrap {display:flex; justify-content:center; align-items:center; flex:3; min-width:400px; background-color:rgba(255,255,255,0.93); box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;}
#loginBack_kumho #login_box {padding:100px; display: flex; flex-direction: column; align-items: center;
width: unset; top: unset; right: unset; position: unset; }
#loginBack_kumho #login_box input[type="button"] {max-width:267px; border-radius: 5px; border: 1px solid #E60012; background: #E60012; width:100%; height:27px;
display: block; color:#fff; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_kumho input {height:30px !important; font-size:14px !important;}
.loginLogo_kumho {display: block; width: 246px; height: 43px; background: url(/images/loginLogo_kumho.png) left bottom no-repeat;background-size:contain; margin-bottom:80px;}
.slogun_box_kumho {background: url(/images.svg) no-repeat; background-size: cover; width: 431px; height:379px;}
header h1 .mainLogo_kumho {display:block; margin-left:8px; width:180px; height:40px; background: url(/images/mainLogo_kumho.png) center center no-repeat;
background-size: contain; margin-top:0px; }
@media screen and (max-width: 1200px) {
#loginBack_kumho .logo_slogan_box { display:none; }
#loginBack_kumho #loginWrap {
display:flex;
justify-content:center;
align-items:center;
padding:100px;
background-color:initial;
box-shadow:initial;
}
#loginBack_kumho #login_box {
width:400px;
height:450px;
justify-content:center;
background-color:rgba(255,255,255,0.93);
box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;
/* padding: 130px 100px; */
border-radius:10px;
}
}
/* 紐낆쭊 ?ㅽ떥 */
#loginBack_myungjin { background: url(/images/loginPage_myungjin.jpg) no-repeat left; width:100%; height:100%; background-size: cover; position:absolute; top:0;}
#loginBack_myungjin > form#loginForm {height:100%;}
#loginBack_myungjin .login_layout {display:flex; height:100%;}
#loginBack_myungjin .logo_slogan_box {display:flex; padding:150px; flex:4;
background-color:rgba(255,255,255,0);}
#loginBack_myungjin #loginWrap {
display:flex;
justify-content:center;
align-items:center;
flex:3;
min-width:400px;
background: rgba( 255, 255, 255, 0.5 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 8px );
-webkit-backdrop-filter: blur( 8px );
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
#loginBack_myungjin #login_box {padding:100px; display: flex; flex-direction: column; align-items: center;
width: unset; top: unset; right: unset; position: unset; }
#loginBack_myungjin #login_box input[type="button"] { border-radius: 5px; border: 1px solid #1E3C6F; background: #1E3C6F; width:302px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_myungjin input {height:30px !important; font-size:14px !important; width: 223px}
.loginLogo_myungjin {display: block; width: 270px; height: 58px; background: url(/images/loginLogo_myungjin.png) left bottom no-repeat;background-size:contain; margin-bottom:80px;}
.slogun_box_myungjin {background: url(/images/slogan_myungjin.png) no-repeat; background-size: cover; width: 397px; height:146px;}
header h1 .mainLogo_myungjin {display:block; margin-left:18px; width:197px; height:33px; background: url(/images/mainLogo_myungjin.png) left center no-repeat;
background-size: contain; margin-top:0px; }
@media screen and (max-width: 1200px) {
#loginBack_myungjin .logo_slogan_box { display:none; }
#loginBack_myungjin #loginWrap {
padding:100px;
box-shadow:initial;
justify-content:center;
background: rgba( 255, 255, 255, 0.2 );
backdrop-filter: blur( 8px );
-webkit-backdrop-filter: blur( 8px );
}
}
/* ?덉삤 LED */
#loginBack_leo { background: url(/images/loginPage_leo.jpg) no-repeat bottom; width:100%; height:100%; background-size: cover; position:absolute; top:0;}
#loginBack_leo > form#loginForm {height:100%;}
#loginBack_leo .login_layout {display:flex; height:100%;}
#loginBack_leo .logo_slogan_box {display:flex; padding:150px; flex:4; background-color:rgba(255,255,255,0);}
#loginBack_leo #loginWrap {
display:flex;
justify-content:center;
align-items:center;
flex:3;
min-width:400px;
background: rgba( 0,0,0, 0.2 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 8px );
-webkit-backdrop-filter: blur( 8px );
border-left: 1px solid rgba( 255, 255, 255, 0.1 );
}
#loginBack_leo #login_box {padding:100px; display: flex; flex-direction: column; align-items: center;
width: unset; top: unset; right: unset; position: unset; }
#loginBack_leo #login_box input[type="button"] { border-radius: 5px; border: 1px solid #223a55; background: #192D43; width:302px; height:27px;
display: block; color:#fff; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_leo input {height:30px !important; font-size:14px !important; width: 223px}
.loginLogo_leo {display: block; width:157px; height: 80px; background: url(/images/loginLogo_leo.png) center center no-repeat;background-size:contain; margin-bottom:50px;}
.slogun_box_leo {background: url(/images/slogan_leo.png) no-repeat; background-size: cover; width: 547px; height:118px;}
header h1 .mainLogo_leo {display:block; margin-left:18px; width:197px; height:33px; background: url(/images/mainLogo_leo.png) left center no-repeat;
background-size: contain; margin-top:0px; }
@media screen and (max-width: 1200px) {
#loginBack_leo .logo_slogan_box { display:none; }
#loginBack_leo #loginWrap {
padding:100px;
box-shadow:initial;
justify-content:center;
background: rgba( 0, 0, 0, 0.2 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 8px );
}
}
/*
html,body {height:100%}
#loginBack {background: url(../images/loginPage.jpg) no-repeat;
width:100%; height:100%;
background-size: cover;
background-repeat: no-repeat;}
#loginPadding {width:910px; height:370px;position:absolute;top:30%;left:50%;transform: translateX(-50%);}
#loginWrap {position:relative;}
#loginContents {width:910px; height:370px; border: 1px solid #fff; margin: 0 auto;}
#darkbox {width:900px; height:360px; margin: 4px auto 0;
color:#fff; text-shadow: 1px 1px 1px #000; font-size: 16px;
background: rgba(0,0,0,0.3); border: 1px solid #e2dcd8;}
#darkbox .loginLogo_gdnsi {position: absolute; top:-49px; left:2px; display:block; width:115px; height:60px; background:url(/images/loginLogo_gdnsi.png) left center no-repeat; background-size:100%;}
#darkbox .loginLogo_iljitech {position: absolute; top:-45px; left:0; display:block; width:158px; height:60px; background:url(/images/loginLogo_iljitech.png) left center no-repeat; background-size:100%;}
#darkbox .loginLogo_jeil {position: absolute; top:-48px; left:2; display:block; width:180px; height:60px; background:url(/images/loginLogo_jeil.png) left center no-repeat; background-size:100%;}
#darkbox .loginLogo_ieg {position: absolute; top:-55px; left:2; display:block; width:180px; height:60px; background:url(/images/loginLogo_ieg.png) left center no-repeat; background-size:100%;}
#darkbox .userId {position:absolute;top:160px; left:420px;}
#darkbox #userId {position:absolute;top:160px; left:448px; color: #fff; font-size: 15px;
width:260px; height:20px; background-color: rgba(225,255,255,0.2);}
#darkbox .userPw {position:absolute;top:215px; left:420px; }
#darkbox #password {position:absolute;top:215px; left:448px; color: #fff; font-size: 15px;
width:260px; height:20px; background-color: rgba(225,255,255,0.2);}
#pdmTextbox {width:364px; height:154px; position:absolute;top:100px; left:56px;
background: url(../images/pdmtext.png) no-repeat; text-indent: -999px; cursor:pointer;}
.login_btn {position:absolute;top:160px;right:60px;
width:98px; height:80px; line-height: 80px; text-transform: uppercase; cursor: pointer;
background: rgba(0,0,0,0.5); color:#fff; font-size: 14px; text-shadow: 1px 1px 1px #000;}
.login_btn:hover {background: rgba(0,0,0,0.7); }
*/
/*plm 怨듯넻******************************************************************************/
/* ?섏씠吏€ 理쒖냼 媛€濡??덈퉬 ?ㅼ젙 ?뚯뒪 */
.pageListMinWidth {min-width: 1000px;}
#pageMinWidth {min-width: 1500px;}
#taskPageMinWidth {min-width:1600px;}
/* 而⑦뀗痢??섏씠吏€ ?곷떒 硫붾돱?쒖떆 怨듯넻 ?뚯뒪 */
.plm_popup_name {width:100% !important; background: #FFFFFF;font-size: 13px;}
.plm_popup_name h2 label {padding-left:10px;font-size: 14px;}
.plm_menu_name {width:100% !important; background: #FFFFFF; border-bottom: 1px solid #d4d4d4;font-size: 13px;float: ;}
.plm_menu_name_gdnsi {width:100% !important; background: #FFFFFF; border-bottom: 1px solid #d4d4d4;height:33px;float: ;}
.plm_menu_name_gdnsi h2 {margin: 0 auto; height:33px; color:000; font-size: 13px; line-height: 33px;
width:30%;float: left;margin-left:5px;}
.plm_menu_name_gdnsi h2 span {height: 35px; padding-left: 0px; background-size:contain;} /* background: url(/images/mini_kumho.png) center left no-repeat; */
.plm_menu_name_gdnsi .btnArea {width:;float: right;margin-top:5px;margin-right:5px;align: right;}
.plm_menu_name_iljitech {width:100%; background: #e7eaee; border-bottom: 1px solid #d4d4d4;}
.plm_menu_name_iljitech h2 {width:97.5%; margin: 0 auto; height:35px; color:000; font-size: 13px; line-height: 35px;}
.plm_menu_name_iljitech h2 span {height: 35px; padding-left: 23px; background: url(/images/minilogo_iljitech.png) center left no-repeat; background-size:contain;}
.plm_menu_name_jeil {width:100%; background: #e7eaee; border-bottom: 1px solid #d4d4d4;}
.plm_menu_name_jeil h2 {width:97.5%; margin: 0 auto; height:35px; color:000; font-size: 13px; line-height: 35px;}
.plm_menu_name_jeil h2 span {height: 35px; padding-left: 43px; background: url(/images/minilogo_jeil.png) center left no-repeat; background-size:contain;}
.plm_menu_name_ieg {width:100%; background: #e7eaee; border-bottom: 1px solid #d4d4d4;}
.plm_menu_name_ieg h2 {width:97.5%; margin: 0 auto; height:35px; color:000; font-size: 13px; line-height: 35px;}
.plm_menu_name_ieg h2 span {height: 35px; padding-left: 0px; background-size:contain;}/* background: url(/images/mini_kumho.png) center left no-repeat; */
/* ??젣踰꾪듉 */
.delete_btn {width: 11px; height:15px; background: url(/images/delete.png) bottom left no-repeat; cursor:pointer; background-size:contain; display: inline-block;
margin-left: 5px;}
.delete_btn:hover {width: 11px; height:15px; background: url(/images/delete_hover.png) bottom left no-repeat; cursor:pointer; background-size:contain;}
/* ?섏젙踰꾪듉 */
.edit_btn {width: 11px; height:15px; background: url(/images/pencil.png) bottom left no-repeat; cursor:pointer; background-size:contain; display: inline-block; margin-left: 5px;}
.edit_btn:hover {width: 11px; height:15px; background: url(/images/pencil_hover.png) bottom left no-repeat; cursor:pointer; background-size:contain;}
\
/* form ?붾㈃ input 諛뺤뒪 ?ㅽ???*/
.form_input {width:100% !important; height:100%; border:1px solid #01aced;}
/* 而⑦뀗痢??섏씠吏€ 怨듯넻 湲곕낯 留덉쭊 */
.contents_page_basic_margin {width:99.5%; margin:0 auto;}
/******踰꾪듉 怨듯넻 ?뚯뒪 *******/
.btn_wrap {position:relative; top:10px; height:45px;margin-right:5px;}
.plm_btns {height:25px; border-radius: 3px; background: #e7eaee; /* color:#0d58c8; */ color:#38426b; cursor: pointer; margin-left: 5px;
font-size: 12px; border: 1px solid #ccc; float:left; padding:3px 10px; font-weight:700; transition-duration: 0.2s;}
.plm_btns:first-child {margin-left: 0px; }
.plm_btns:first-child:hover {margin-left: 0px;}
.plm_btns:hover {height:25px; border-radius: 3px; background: #38426b; color:#fff; cursor: pointer;
font-size: 12px; border: 1px solid #fff; float:left; padding:3px 10px; font-weight:700; margin-left: 5px;}
.upload_btns {height:20px; border-radius: 3px; background: #e7eaee; color:#0d58c8; cursor: pointer; margin-top:3px;
font-size: 12px; border: 1px solid #ccc; float:right; padding:3px 10px; font-weight:700; transition-duration: 0.2s;}
.upload_btns:hover {height:20px; border-radius: 3px; background: #0088cc; color:#fff; cursor: pointer;
font-size: 12px; border: 1px solid #fff; float:right; padding:3px 10px; font-weight:700; margin-top:3px;}
/*踰꾪듉 ?곗륫?뺣젹*/
.plm_btn_wrap {float: right; height: 26px; font-size: 13px;}
/*踰꾪듉 以묒븰?뺣젹*/
.plm_btn_wrap_center {position:absolute; left:50%; transform: translateX(-50%); font-size: 13px;}
/* tr ?섏씠?쇱씠??*/
.tr_on_color td {background-color:#f7b261 !important;}
/* 踰꾪듉 媛€?대뜲 ?뺣젹 ?뚯뒪 */
.btnCenterWrap {position:relative; height: 50px; }
.btnCenterWrap .center_btns_wrap {position:absolute; top: 10px; left:50%; transform:translateX(-50%);}
.btnCenterWrap .center_btns_wrap input[type="button"]{margin-left:5px; display:inline;}
.btnCenterWrap .center_btns_wrap input[type="button"]:first-child {margin-left:0px;}
/* 踰꾪듉 而ㅼ꽌泥섎━ */
input[type="button"] {cursor:pointer !important;}
/* input type="text" 蹂대뜑 ?놁븷???대옒??*/
.input_style {border: 0; height:100%; width:100%;}
.input_style_h {border: 0 !important; height:92%; width:98%;}
.number {text-align:right}
/* ?꾪솴 4 block */
.fourblock {width:45%; height:350px; float:left; border:1px solid #eee; margin-top:30px; margin-left:1%;}
.fourblock:nth-child(even) {margin-right:1%; float:right;}
.fourblock_search {width:100%; border-bottom:1px solid #eee;}
.fourblock_search table {border-collapse: collapse;}
.fourblock_search table tr:first-child td:first-child {background:#e7eaee; font-size:13px;}
.fourblock_search table td {padding:3px 5px;}
.fourblock_search table td select {border: 1px solid #ccc; height:20px; border-radius:3px; margin-right:10px;}
/* 寃€?됱〈 怨듯넻 ?뚯뒪 */
#plmSearchZon {
width: 99.2% !important;
padding: 12px 16px;
font-size: 13px;
min-height: 40px;
background: linear-gradient(to bottom, #ffffff 0%, #fafbfc 100%);
border-bottom: 2px solid #e1e4e8;
border-radius: 0;
position: relative;
overflow: visible !important;
z-index: 10;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
#plmSearchZon label {
font-size: 12px !important;
font-weight: 500;
color: #5f6368;
white-space: nowrap;
padding-left: 0;
background: none;
}
#plmSearchZon table {
table-layout: fixed;
max-width: 100%;
border-spacing: 0 4px;
overflow: visible !important;
}
#plmSearchZon td {
position: relative;
overflow: visible !important;
}
#plmSearchZon tr {
overflow: visible !important;
}
#plmSearchZon .table100 {
table-layout: fixed;
max-width: 100%;
width: 100%;
}
#plmSearchZon table td span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#plmSearchZon table td:nth-child(odd) {
padding-right: 8px;
}
#plmSearchZon table td:nth-child(even) {
padding-right: 15px;
}
#plmSearchZon .short_search td:nth-child(even) {
padding-right: 15px;
}
#plmSearchZon input[type="text"] {
width: 150px;
height: 22px !important;
padding: 0 8px !important;
border: 1px solid #dadce0;
background: #ffffff;
border-radius: 4px;
font-size: 12px !important;
color: #202124;
transition: all 0.15s ease;
box-sizing: border-box;
line-height: 20px !important;
vertical-align: middle;
}
#plmSearchZon input[type="text"]:focus {
outline: none;
border-color: #1a73e8;
box-shadow: 0 0 0 1px rgba(26, 115, 232, 0.1);
}
#plmSearchZon input[type="text"].date_icon {
padding-right: 28px !important;
background-position: right 6px center;
background-size: 14px;
}
#plmSearchZon select {
width: 150px;
height: 22px !important;
padding: 0 22px 0 8px !important;
border: 1px solid #dadce0;
background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2364748b' d='M4 6L0 2h8z'/%3E%3C/svg%3E") no-repeat right 6px center;
background-size: 7px;
border-radius: 4px;
font-size: 12px !important;
color: #202124;
transition: all 0.15s ease;
box-sizing: border-box;
line-height: 20px !important;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
#plmSearchZon select:focus {
outline: none;
border-color: #1a73e8;
box-shadow: 0 0 0 1px rgba(26, 115, 232, 0.1);
}
#plmSearchZon p {
width: 150px;
height: 22px !important;
padding: 0 8px !important;
border: 1px solid #dadce0;
background: #fff;
line-height: 20px !important;
border-radius: 4px;
box-sizing: border-box;
vertical-align: middle;
}
.totalCntArea {float:left; width:100px; height:8px;line-height:25px; margin-bottom:-5px;font-size:13px}
.td_padding_short .tr_data_border_bottom {display:block; height:20px !important; margin-right:5px;}
.td_padding_short table td:nth-child(even) {padding-right: 15px !important;}
/*?명깙???곸뾽愿€由??ㅽ??쇱냼??/
.plm_table_bm {width:100%; table-layout: fixed; border-collapse: collapse; background: #fff; text-align: center; font-size: 13px; }
.plm_table_bm . {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-top:1px solid #767a7c;}
.plm_table_bm .plm_thead td {border: 1px solid #fff; border-left: 0; color:#fff;}
.plm_table_bm .plm_thead td:last-child {border-right:1px solid #767a7c;}
.plm_table_bm td {height: 26px; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plm_table_bm td:last-child {border-right: 1px solid #ccc;}
.plm_table_bm td a {color: blue; padding-bottom: 2px; line-height: 23px;}
.plm_table_bm td select {width:95%;}
.plm_table_bm td input[type="button"] {margin: 0 auto;}
.plm_table_bm td input[type="text"] {width:100%; height:100%; border:0; }
.plm_table_bm td input[type="number"] {width:99%; height:100%; border:0; }
/* pLm 紐⑸줉(table) 怨듯넻 ?ㅽ????뚯뒪 */
.plm_table_wrap {width:100%; clear:both; border-bottom: 1px solid #eee; }
.plm_table_wrap_bk {width:100%; clear:both; border-bottom: 2px solid rgb(68, 68, 68); }
.plm_table {width:100%; table-layout: fixed; border-collapse: collapse; background: #fff; text-align: center; font-size: 13px; }
.plm_table2 {width:100%; table-layout: fixed; border-collapse: collapse; background: #fff; text-align: center; font-size: 13px; }
.plm_table3 {width:100%; table-layout: fixed; border-collapse: collapse; background: #fff; text-align: center; font-size: 13px; }
.plm_table4 {width:100%; table-layout: fixed; border-collapse: collapse; background: #fff; text-align: center; font-size: 10.5px; }
.plm_table thead {font-weight: 500; border-bottom:2px solid #787c7e;}
.plm_table .plm_thead {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-top:1px solid #767a7c;}
.plm_table .plm_thead td {border: 1px solid #fff; border-left: 0; color:#fff;}
.plm_table .plm_thead td:last-child {border-right:1px solid #767a7c;}
/* 湲곗〈 230511?댁쟾
.plm_table .plm_sub_thead td {background: #e2e5e7;
background-image: -webkit-linear-gradient(#c8edf2, #b7e3e9);
background-image: -o-linear-gradient(#c8edf2, #b7e3e9);
background-image: linear-gradient(#e9edef, #e2e5e7); color:#000;
background-repeat: no-repeat;
border-right: 1px solid #ccc;}
*/
/* 230511 plm_thead?€ 媛숆쾶 ??(Tabulator 媛숆쾶 ?섎젮怨? */
.plm_table .plm_sub_thead td {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-right:1px solid #ccc;
border: 1px solid #fff; border-left: 0; color:#fff;
}
.plm_table td {height: 26px; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plm_table td:last-child {border-right: 1px solid #ccc;}
.plm_table td a {color: blue; padding-bottom: 2px; line-height: 23px;}
.plm_table td select {width:95%;}
.plm_table td input[type="button"] {margin: 0 auto;}
.plm_table td input[type="text"] {width:100%; height:100%; border:0; }
.plm_table td input[type="number"] {width:99%; height:100%; border:0; }
.plm_table3 .plm_sub_thead3 td {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-right:1px solid #ccc;
border: 1px solid #fff; border-left: 0; color:#fff;
}
.plm_table3 td {height: 26px; border-bottom: 1px solid #ccc; border-left:1px solid #ccc;border-right: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-left: 4px;}
/* .plm_table3 td:last-child {border-right: 1px solid #ccc;} */
.plm_table3 td a {color: blue; padding-bottom: 2px; line-height: 23px;}
.plm_table3 td select {width:95%;}
.plm_table3td input[type="button"] {margin: 0 auto;}
.plm_table3 td input[type="text"] {width:100%; height:100%; border:0; }
.plm_table3 td input[type="number"] {width:99%; height:100%; border:0; }
.plm_table4 .plm_sub_thead4 td {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-right:1px solid #ccc;
border: 1px solid #fff; border-left: 0; color:#fff;
}
.plm_table4 td {height: 26px; border-bottom: 1px solid #ccc; border-left:1px solid #ccc;border-right: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* .plm_table3 td:last-child {border-right: 1px solid #ccc;} */
.plm_table4 td a {color: blue; padding-bottom: 2px; line-height: 23px;}
.plm_table4 td select {width:95%;}
.plm_table4 td input[type="button"] {margin: 0 auto;}
.plm_table4 td input[type="text"] {width:100%; height:100%; border:0; }
.plm_table4 td input[type="number"] {width:99%; height:100%; border:0; }
.plm_thead {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-top:1px solid #767a7c;
color:#fff;}
.hover_tr tr:hover {background-color:#e7eaee;}
/* 留먯쨪?꾩씠 ?꾩슂?녿뒗 td */
.plm_table_wrap_bk {width:100%; clear:both; border-bottom: 2px solid rgb(68, 68, 68); }
.apply_text_overflow {table-layout:fixed; width:100%; border-collapse: collapse; background: #fff; text-align: center; font-size: 13px; }
.apply_text_overflow thead {font-weight: 500; border-bottom:2px solid #787c7e;}
.apply_text_overflow .plm_thead {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-top:1px solid #767a7c;}
.apply_text_overflow .plm_thead td {border: 1px solid #fff; border-left: 0; color:#fff;}
.apply_text_overflow .plm_thead td:last-child {border-right:1px solid #767a7c;}
.apply_text_overflow .plm_sub_thead td {background: #e2e5e7;
background-image: -webkit-linear-gradient(#c8edf2, #b7e3e9);
background-image: -o-linear-gradient(#c8edf2, #b7e3e9);
background-image: linear-gradient(#e9edef, #e2e5e7); color:#000;
background-repeat: no-repeat;
border-right: 1px solid #ccc;}
.apply_text_overflow td {height: 26px; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.apply_text_overflow td:last-child {border-right: 1px solid #ccc;}
.apply_text_overflow td a {color: blue; padding-bottom: 2px; line-height: 23px;}
.apply_text_overflow td select {width:95%;}
.apply_text_overflow td input[type="button"] {margin: 0 auto;}
.orangeTitleDot {background: url(../images/orangeLabel.png) left center no-repeat; padding-left: 10px; font-weight: 500;}
/* ?ㅽ겕濡ㅼ씠 ?꾩슂???뚯씠釉붿쓣 媛먯떥??div???곸슜?섎뒗 ?뚯뒪 */
.plm_scroll_table {width:100%; overflow-y: scroll; clear:both; background: #fff; /* overflow-x:hidden; */}
/* plm ?섏씠吏??ㅽ???*/
.plm_page {width:100%; margin:0 auto;}
.plm_page table {width:493px; margin: 20px auto 0; border-collapse: collapse;}
.plm_page table tr td a {color:#000; width:40px; height:25px; display: block; text-align: center; font-size: 13px; line-height: 25px}
.plm_page table tr td:first-child a {font-weight:500; color: #000;}
.plm_page table tr td:last-child a {font-weight:500; color:#000; }
.page_pro {position:relative;}
/* .page_counter {font-size: 13px; position:absolute;top:-30px; right:0;} */
/* ?명깙???섏씠吏?/
.btnGo {
margin-left: 15px;
padding: 0px 8px 5 5px;
display: inline-block;
height: 20px;
font-family: sans-serif, 'Naum Gothic';
font-size: 13px;
color: #666;
border: 1px solid #d6d6d6;
border-radius: 2px;
background: #fff;
/*background: #fff url(/HtmlSite/smarts4j_n/covicore/resources/images/common/bul_arrow_09.png) no-repeat 23px center;*/
}
#divJspMailList .table_paging_wrap {
position: fixed;
bottom: 0;
width: calc(100% - 417px);
border-top: 1px solid #eaeaea;
}
.table_paging input[type="button"] {
min-width: 25px;
width: auto;
}
.table_paging .paging_begin.dis, .table_paging .paging_begin.dis:hover {
background-position: -21px -54px;
}
.table_paging input[type="button"] {
min-width: 25px;
width: auto;
}
.table_paging input[type="button"] {
vertical-align: top;
margin-top: 13px;
}
.table_paging .paging_begin {
position: relative;
display: inline-block;
margin: 20px 2px 0 2px;
padding: 0;
width: 25px;
height: 25px;
background: url(/HtmlSite/smarts4j_n/covicore/resources/css/axisj/arongi/images/paging_button.png) no-repeat -21px -8px;
border: 0px;
outline: 0;
cursor: pointer;
}
.dis {
cursor: default !important;
}
.table_paging .paging.selected {
border: 1px solid #F38B3C;
color: #F38B3C;
}
.table_Status b {
color: #F38B3C;
}
.goPage {font-size:13px;color:#444;}
.goPage input {margin-right:7px;width:28px;height:25px; }
/* 而⑦듃濡ㅼ씠 ?꾨땶 ?섏씠吏?*/
.table_paging_wrap {clear:both; position:relative; min-height: 25px;}
.table_paging {display:block; text-align:center; }
.table_paging input[type="button"] {}
.table_paging .paging_begin {position:relative; display:inline-block; margin:20px 2px 0 2px; padding:0; width:25px; height:25px; background:url(/HtmlSite/smarts4j_n/covicore/resources/css/axisj/arongi/images/paging_button.png) no-repeat -21px -8px; border:0px; outline:0; cursor:pointer;}
.table_paging .paging_prev {position:relative; display:inline-block; margin:20px 10px 0 2px; padding:0; width:25px; height:25px; background:url(/HtmlSite/smarts4j_n/covicore/resources/css/axisj/arongi/images/paging_button.png) no-repeat -65px -8px; border:0px; outline:0; cursor:pointer;}
.table_paging .paging_next {position:relative; display:inline-block; margin:20px 2px 0 10px; padding:0; width:25px; height:25px; background:url(/HtmlSite/smarts4j_n/covicore/resources/css/axisj/arongi/images/paging_button.png) no-repeat -109px -8px; border:0px; outline:0; cursor:pointer;}
.table_paging .paging_end {position:relative; display:inline-block; margin:20px 2px 0 2px; padding:0; width:25px; height:25px; background:url(/HtmlSite/smarts4j_n/covicore/resources/css/axisj/arongi/images/paging_button.png) no-repeat -153px -8px; border:0px; outline:0; cursor:pointer;}
.table_paging .paging_begin:hover {background-position:-21px -97px;}
.table_paging .paging_prev:hover {background-position:-65px -97px;}
.table_paging .paging_next:hover {background-position:-109px -97px;}
.table_paging .paging_end:hover {background-position:-153px -97px;}
.table_paging .paging_begin.dis,.table_paging .paging_begin.dis:hover {background-position:-21px -54px;}
.table_paging .paging_prev.dis,.table_paging .paging_prev.dis:hover {background-position:-65px -54px;}
.table_paging .paging_next.dis,.table_paging .paging_next.dis:hover {background-position:-109px -54px;}
.table_paging .paging_end.dis,.table_paging .paging_end.dis:hover {background-position:-153px -54px;}
.table_paging .paging {position:relative; display:inline-block; margin:0 4px; padding:0; text-indent:0; background:#ffffff; border:1px solid #ffffff; color:#777777; width:23px; height:23px; line-height:23px; border-radius:0; outline:0; font-size:13px; text-align:center; cursor:pointer; box-sizing:content-box; vertical-align:top; margin-top:20px;}
.table_paging_wrap .goPage {position:absolute; z-index:3; box-sizing:content-box; top:11px; line-height:25px; height:25px;}
.table_paging_wrap .table_Status {box-sizing:content-box; position:absolute; right:0px; top:11px; height:25px; line-height:25px; padding:0px 5px; font-size:12px; color:#666666; z-index:1;}
.table_paging_wrap select {box-sizing:content-box; position:absolute; right:70px; top:11px; height:25px; line-height:25px; padding:0px 10px; font-size:12px; color:#666666; z-index:2;}
/*?명깙???섏씠吏뺣걹*/
/* ?곸꽭?섏씠吏€ ?ㅽ???*/
.tr_title_border_bottom {background-color:#e4e7ec; border-radius: 0 3px 0 0; height:1px !important; font-size:13px;}
.tr_data_border_bottom {border-bottom:1px dashed #ccc; height:1px !important; font-size:13px;}
.admin_tr_data_border_bottom {border-bottom:1px dashed #ccc; font-size:13px;}
.r_title_back {border-radius:5px; background:#ff5555; color:#fff; padding:0px 10px; display: inline-block;}
.b_title_back {border-radius:5px; background:#01aced; color:#fff; padding:0px 10px; display: inline-block;}
.y_title_back {border-radius:5px; background:#fabb3d; color:#fff; padding:0px 10px; display: inline-block;}
.g_title_back {border-radius:5px; background:#79c447; color:#fff; padding:0px 10px; display: inline-block;}
/**?ㅻ뜑?곸뿭*****************************************************************/
@keyframes blink {
0% {background-color:#f4a016;}
50% {background-color: #ffb140;}
}
/* for Chrome, Safari */
@-webkit-keyframes blink {
0% {background-color:#f4a016;}
50% {background-color: #ffb140;}
}
/* blink CSS 釉뚮씪?곗? 蹂꾨줈 媛곴컖 ?좊땲硫붿씠?섏쓣 吏€?뺥빐 二쇱뼱???숈옉?쒕떎. */
.blinkcss {
animation: blink 1s step-end infinite;
-webkit-animation: blink 1s step-end infinite;
}
.blinkcss {
animation: blink 1s step-end infinite;
}
.blink_none {background-color:#24293c;}
/*
header {width:100%; height:60px; background-color:#233058;overflow-y:hidden;}
*/
header {width:100%; height:80px; background-color:#00000;overflow-y:hidden;} /* border-bottom: 2px solid #000; */
header table {height:37px;}
header table {float:right; margin-right: 22px;}
header table .admin a {color: #fff; font-size: 13px; padding-right:17px;}
header table td {color: #fff; font-size: 13px;}
header table td img { margin-top: 1px;}
header h1 {float:left; margin-left: 10px; padding-top: 0px;}
header h1 .mainLogo_gdnsi {display:block; width:110px; height:60px; background:url(/images/mainLogo_gdnsi.png) center center no-repeat; background-size:100%; margin-left:30px;}
header h1 .mainLogo_iljitech {display:block; width:135px; height:60px; background:url(/images/mainLogo_iljitech.png) center center no-repeat; background-size:100%; margin-left:8px;}
header h1 .mainLogo_jeil {display:block; width:180px; height:60px; background: url(/images/mainLogo_jeil.png) center center no-repeat; background-size:100%; margin-top:3px;}
header h1 .mainLogo_ieg {display:block; width:120px; height:60px; background: url(/images/mainLogo_ieg.png) center center no-repeat; background-size:100%; margin-top:0px;}
header h1 .mainLogo_jyc {display:block; width:110px; height:60px; background: url(/images/mainLogo_jyc.png) center center no-repeat; background-size:100%; margin-top:0px; margin-left:8px;}
.logout_box a {display:block; width:80px; line-height:22px; background:#2d292a; border:1px solid #fff; border-radius:3px; color: #fff; font-size: 13px; text-align:center;}
.date {width:145px; text-align: center; }
.time {width:60px; margin-right:10px; }
.work_notice {width:165px; color:#fff; font-size:12px; text-align:center; cursor:pointer;}
/* .work_notice img {margin:-6px 0px 0 0px !important;} */
.work_notice .notice_no {display:inline-block; background: #fff; border-radius:7.5px; width:15px; height:15px; text-align:center; line-height:15px;color:#000!important;}
.work_notice .bell_back {display:inline-block; background: orange !important; margin-right:5px; width:47px !important; height:25px !important; text-align:center;
position:absolute; top:6px; left:-42px; border-radius:0px;}
.work_notice .bell_back>img{vertical-align:bottom;}
/**硫붾돱?곸뿭*****************************************************************/
#menu .main_menu {border-bottom: 1px solid #e9ecf2;}
#menu .main_menu>span>a {width:153px; line-height: 35px;
font-size: 13px;
/*
color:#000;
*/
display: block;
margin-left: 15px; padding-left: 16px; letter-spacing: -1px;
background: url(/images/menu_bullet.png) left center no-repeat;
}
#menu .main_menu>span>a.on {font-size: 15px;
}
.menu2 a {font-size: 13px; color:#000; letter-spacing: -1px;
width:140px; height:30px; display: block;
line-height: 30px;
margin-left: 30px;
/* */
background: url(/images/menu2.png) center left no-repeat;
padding-left: 15px;
}
/*.menu2 a:hover { color:#1159bc} */
.menu2 a:hover {font-size: 13px; color:#000; letter-spacing: -1px;
width:140px; height:30px; display: block;
line-height: 30px;
margin-left: 30px;
/**/
background: url(/images/menu2.png) center left no-repeat;
padding-left: 15px;
background-color: #e7eaee;}
/*
.menu2 a:before { content:'-';display:inline-block;margin-right:3px}
*/
#menuback {width:197px; background: url(/images/menuback.jpg) no-repeat; color: #000; height: 0 !important; padding-top:40px;}
.menuback_tt {width:95%; margin: 20px auto 30px; border-bottom: 1px solid #94c3ee;}
.menuback_tt p span {vertical-align: middle; display: inline-block; width:2px; height:2px; background: url(../images/dot_w.png) center center no-repeat; background-size: 100%; margin-right: 5px;}
.menuback_tt p:first-child {width:95%; font-size: 13px; margin: 0 auto 5px;}
.menuback_tt p:last-child {width:90%; font-size: 10px; margin: 0 auto 10px;}
.menu2 {display: none;}
/*
#menuback_w {width:197px; background-color: #fff; background: url(/images/menuback.jpg) top center no-repeat; color: #000; height: 0 !important; padding-top:40px;}
*/
#menuback_w {width:197px; background-color: #fff; background: top center no-repeat; color: #000; height: 0 !important; padding-top:0px;}
#menu .admin_menu>span>a {color:#000 !important;}
#menu .admin_menu .menu2 a {color:#000 !important;}
/*?ъ씠?쒗넗湲€************************************************************/
#side1 {width:14px; height:100%; background-size: 100% 100%; } /* cursor:pointer; */
#side1 img {margin-top:0px;}
/*error page*/
#wrap_error02{position:absolute;top:28%; left:50%; margin-left:-320px;width:640px;letter-spacing:-1px;}
#wrap_error02 h1{position:relative;text-align:left;}
#wrap_error02 h2{position:absolute;left:30px;top:170px}
#wrap_error02 dl {position:absolute; top:50px; border-top:3px double #e3e3e3;border-bottom:3px double #e3e3e3;width:100%;height:250px;}
#wrap_error02 dl dt{position:absolute;top:50px;left:180px;font-size:22px;font-weight:500;line-height:3em;color:#666}
#wrap_error02 dl dd:nth-child(2){position:absolute;top:125px;left:180px;font-size:13px;}
#wrap_error02 dl dd:nth-child(3){position:absolute;top:150px;left:180px;font-size:13px;}
.chart_div {width:90%; height:250px; border-radius: 0 20px 0 0; background:#fff; border: 1px solid #ccc; margin: 0 auto; padding-top:20px;}
/* Dashboard */
.dashboard_img {width:100%; height:130px; background: url(/images/dashboard.png) left center no-repeat; background-size:cover;}
.dashboard_div {width:48%; float:left; border-radius:3px; border: 1px solid #fff; padding:5px; margin-top:15px; overflow:hidden;}
.title_div {width:92%;background: url(/images/menu_bullet.png) left center no-repeat;; background-size:contain; /* background-color: #0088cc; */ font-size:13px; color:#000; margin-bottom:6px; padding-left: 20px; font-weight: 500; line-height:13px; border-bottom:1px solid #fff;}
.dashboard_table td {height:20px !important;}
/* 寃뚯씠???꾪솴 */
.gate_status_chart_top {padding: 10px; margin-bottom:15px; font-size:16px; background: #cdd6e0;}
.gate_status_chart {float:left; width:49.5%; padding: 0 0 0px 0; margin-top: 10px; font-size:16px; overflow:hidden;}
.gate_status_chart .title_div {width:92%;background: url(/images/title_deco.png) left center no-repeat;; background-size:contain; /* background-color: #0088cc; */ font-size:14px; color:#000; margin-bottom:6px; padding-left: 20px; font-weight: 500; line-height:15px; border-bottom:1px solid #ccc;}
.gate_status_chart .chart_div {width:90%; height:250px; border-radius: 0 20px 0 0; background:#fff; border: 1px solid #ccc; margin: 0 auto; padding-top:20px;}
.gate_status_chart:nth-child(even) {float:right !important;}
.gate_status_table {background: #fff!important;}
.gate_status_table td {color:#000; height:16px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gate_status_table .plm_thead td { background:#434348 !important; color:#fff !important;}
/* 寃뚯씠???먭???ぉ */
.gate_tablewrap {margin-top:30px;}
.car_gateNo {font-weight:bold; font-size:16px; text-align:center; margin-bottom:10px;}
.gate_div {width:24%; float:left; border-left: 1px dashed #7b7d7f;}
.gate_div:first-child {border-left:0;}
.gate_inner_wrap {width:90%; margin: 0 auto;}
.gate_name {width:100%; height:60px; padding-top:10px; margin: 0 auto 5px; text-align:center; color:#fff;}
.gate1_back { background-image: url(/images/gate1_back.png); background-position:left center; background-repeat: no-repeat; background-size:cover;}
.gate2_back { background: url(/images/gate2_back.png) left center no-repeat; background-size:cover;}
.gate3_back { background: url(/images/gate3_back.png) left center no-repeat; background-size:cover;}
.gate4_back { background: url(/images/gate4_back.png) left center no-repeat; background-size:cover;}
.gate_name b {font-size:20px !important;}
/*硫붿씤*****************************************************************/
.more_view {background: #01aced; width:63px; height:20px; border-radius: 2px; color:#fff; line-height: 20px; text-align: center; font-size: 11px; margin-top:-25px; float:right;}
.more_view a {display: block; width:63px; height:20px; color:#fff; font-size: 11px;}
.tr_hl_table tbody tr {background: #fff; cursor: pointer;}
.tr_hl_table tbody tr:hover {background: #565656; color:#fff;}
.tr_not_hl_table tbody tr {background: #fff;}
#myTask td, #appro td {border:0 !important; border-bottom: 1px dashed #ccc !important; font-weight: 500;}
#myTask tbody td a {display: block; width:100%; font-size: 13px; font-weight: 700; font-style: italic;}
#appro tbody td a {display: block; width:100%; font-size: 20px; color: #f45c64; font-weight: 700;font-style: italic;}
#appro tbody td a:hover , #myTask tbody td a:hover {color:#000;}
.plm_main_table {width:100%; margin: 0 auto; border-collapse: collapse;}
.plm_main_table thead {background: #6f7477;
background-image: -webkit-linear-gradient(#7e8183, #83adcf);
background-image: -o-linear-gradient(#7e8183, #83adcf);
background-image: linear-gradient(#7e8183, #6f7477);
background-repeat: no-repeat;
border-right: 1px solid #fff; color:#fff;}
.plm_main_table td {font-size: 13px; text-align: center; height:30px; border:1px solid #d7d6d6;}
.plm_main_table td a {color:#0088cc;}
.plmMainImg_gdnsi {width:100%; height:226px; background: url(/images/mainimg_gdnsi.jpg); margin-bottom:15px;}
.plmMainImg_jeil {width:100%; height:226px; background: url(/images/mainimg_jeil.jpg); margin-bottom:15px;}
.plmMainImg_iljitech {width:100%; height:226px; background: url(/images/mainimg_iljitech.jpg); margin-bottom:15px;}
/* ?묒궛?닿? */
.status_tab {
margin: 0;
padding: 0;
height: 28px;
display: inline-block;
text-align:center;
line-height: 28px;
border: 1px solid #eee;
width: 100px;
font-family:"dotum";
font-size:12px;
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
font-weight:bold;
/* color:darkred; */
}
.transfer_container_wrap {width:100%; height:720px; margin: 0 auto; border: 1px solid #eee;}
.transfer_container {width:24%; height:300px; float:left; margin-right:10px; border: 1px solid #ccc;}
.transfer_container:last-child {margin-right:0px;}
/* ??찓??*/
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 28px;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
width: 100%;
font-family:"dotum";
font-size:12px;
}
ul.tabs li {
font-weight:bold;
float: left;
text-align:center;
cursor: pointer;
width:82px;
height: 27px;
line-height: 27px;
border: 1px solid #eee;
border-left: none;
font-weight: bold;
background: #fafafa;
overflow: hidden;
position: relative;
}
ul.tabs li.active {
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color:darkred;
}
.tab_container {
border: 1px solid #fff;
border-top: none;
clear: both;
width: 100%;
height:300px;
background: #FFFFFF;
}
.tab_content {
padding: 5px 0;
font-size: 12px;
}
.tab_container .tab_content ul {
width:100%;
margin:0px;
padding:0px;
}
.tab_container .tab_content ul li {
padding:5px;
list-style:none
}
#main_tab_container1 {
width: 40%;
float:left !important;
}
/* my task, 寃곗옱????찓??*/
ul.work_tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 28px;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
width: 102%;
font-family:"dotum";
font-size:12px;
}
ul.work_tabs li {
float: left;
text-align:center;
cursor: pointer;
width:82px;
height: 27px;
line-height: 27px;
border: 1px solid #eee;
border-left: none;
font-weight: bold;
background: #fafafa;
overflow: hidden;
position: relative;
font-weight:700;
}
ul.work_tabs li.work_active {
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color:darkred;
}
.work_tab_container {
border: 1px solid #fff;
border-top: none;
clear: both;
float: left;
width: 100%;
height:128px;
background: #FFFFFF;
padding: 5px 0;
font-size: 12px
}
/* .work_tab_container .work_tab_content ul {
width:100%;
margin:0px;
padding:0px;
}
.work_tab_container .work_tab_content ul li {
padding:5px;
list-style:none
} */
.main_tab_container {
width: 15%;
float:left;
}
.main_chart1 { height:280px;}
.main_chart2 { height:280px;}
.main_chart3 { height:280px;}
/* ?댁뒋?꾪솴 ??*/
.issue_div {width:55%; float:left; margin-left:30px;}
.issue_wrap {width:100%; height:300px; border-top: 1px solid #eee; padding-top:5px;}
.issue { font-weight:bold;
text-align: center;
cursor: pointer;
width: 82px;
height: 27px;
line-height: 27px;
border: 1px solid #eee;
border-bottom: 1px solid #fff;
background: #fff;
overflow: hidden;
font-size: 12px;
color: darkred;}
.issue_div table {width:100%; margin: 0 auto;}
/* ?깅줉?앹뾽 ?뚯뒪 ********************************************************************************************/
/* ?앹뾽 ?섏씠吏€蹂?理쒖냼?ъ씠利??꾩슂???낅젰 */
.business_popup_min_width {min-width: 650px;}
.business_staff_popup_min_width {min-width: 450px;}
.business_file_popup_min_width {min-width: 466px;}
/* ?앹뾽 ?곷떒 ?뚮??€?댄? */
#businessPopupFormWrap {width: 97.5%; padding: 0 10px 10px 0; margin: 5px auto 0; font-size:13px; background: #fff; border-radius:0 0 5px 5px; border:1px solid #cccccc;}
#businessPopupFormWrap1 {width: 97.5%; padding: 0 0px 10px 0; margin: 5px auto 0; font-size:13px; background: #fff; border-radius:0 0 5px 5px; border:1px solid #cccccc;}
#businessPopupFormWrap .form_popup_title {width: 100.7%; border-bottom: 1px solid #cccccc; height:30px; color: #fff; background: #38426b; line-height: 30px; font-weight: 500; }
.popup_basic_margin {width:98%; margin: 0 auto;}
/* ?앹뾽 ?낅젰??*/
.pmsPopupForm {width:99%; margin: 2px auto 0; table-layout:fixed; position:relative; z-index:0;}
.pmsPopupForm tr {height:22px; }
.pmsPopupForm td {height:20px; font-size: 12px; word-wrap: break-word;}
.pmsPopupForm td a {word-wrap: break-word;}
.pmsPopupForm td p {width:90%; height:22px; border: 1px solid #ccc; border-radius: 2px;}
/*
.pmsPopupForm td select {width:95%;}
*/
.pmsPopupForm label {text-align: right; font-weight: 500; height: 25px; font-size: 12px; padding-left: 10px; }
/*
.pmsPopupForm select {width:99%; height:22px; border: 1px solid #ccc; border-radius: 2px; background: #fff;}
*/
.pmsPopupForm select {width:calc(100% - 7px); height:22px; border: 1px solid #ccc; border-radius: 2px;background: #fff; line-height:20px; }
.pmsPopupForm input[type="text"] {width:calc(100% - 7px); height:22px; border: 1px solid #ccc; border-radius: 2px;}
.pmsPopupForm input[type="number"] {width:calc(100% - 7px); height:22px; border: 1px solid #ccc; border-radius: 2px;}
.pmsPopupForm input[type="checkbox"] {margin-top: 5px; vertical-align: sub;}
.pmsPopupForm button {float:right;margin-right:5px; }
.pmsPopupForm_1 {position:absolute; width:59.6%; height:91px;border:1px solid #ccc;margin:1px 0 0 39.8%;z-index:1;}
.pmsPopupForm .file_save_btn {vertical-align: sub; cursor:pointer; width:14px; height:14px; background: url(/images/folder.png) center center no-repeat; background-size:100% 100%;border:0;}
.label_button{float:right;margin-right:5px; }
.input_title {background-color:#e4e7ec; border-radius: 0 0px 0 0; height:1px !important; }
.input_sub_title {/* background-color:#dae5e8; */ border-radius: 0 3px 0 0;}
.input_title_b {background-color:#646B70; border-radius: 0 0px 0 0; height:1px !important; color: #fff; }
.insert_y_line .tr_data_border_bottom {border-left: 1px solid #ccc !important; text-align:center;}
.input_title_d {background-color:#e4e7ec; height:1px !important; text-align:center; border:1px solid #ccc; }
.input_sub_title_d {/* background-color:#dae5e8; */ text-align:center; border-left:1px solid #ccc;border-bottom:1px solid #ccc; }
/* ?깅줉 ?앹뾽 ?대? 踰꾪듉 */
.blue_btn {margin: 3px 0px 0 0; border-radius: 3px; background: #e7eaee !important; height:20px !important; color:#0d58c8; border-radius:2px; border:0;
transition-duration: 0.2s; font-size:12px; line-height:20px; padding: 0 5px; cursor: pointer;
border: 1px solid #ccc;font-weight:700; float:right;}
.blue_btn:hover {background: #38426b !important; font-size:12px; color:#fff;}
.blue_btnr {margin: 3px -9px; border-radiu3: 3px; background: #e7eaee !important; height:20px !important; color:#0d58c8; border-radius:2px;
font-size:12px; line-height:20px; padding: 0 5px; cursor: pointer;
border: 1px solid #ccc;font-weight:700; float:right;}
.blue_btnr:hover {background: #38426b !important; font-size:12px; color:#fff;}
.blue_btnc {margin: 3px 0px 0 0; border-radius: 3px; background: #e7eaee !important; height:20px !important; color:#0d58c8; border-radius:2px; border:0;
transition-duration: 0.2s; font-size:12px; line-height:20px; padding: 0 5px; cursor: pointer;
border: 1px solid #ccc;font-weight:700; float:;}
.blue_btnc:hover {background: #38426b !important; font-size:12px; color:#fff;}
.hr_border {width:95%; border:1px dashed#ccc; }
/* ?깅줉 ?앹뾽 ?뚯씠釉??대????ㅽ겕濡??뚯씠釉??쎌엯???뚯뒪 */
.project_form_in_table {width:93%; border-collapse:collapse; table-layout:fixed;}
.project_form_in_table_fix { border-collapse:collapse; table-layout:fixed; }
.project_form_in_table thead td {background: #6f7477; color:#fff;}
.project_form_in_table_fix thead th {background: #e4e7ec;}
.project_form_in_table td {height:22px !important; text-align:center; border: 1px solid #ccc; font-size:13px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.project_form_in_table_fix td {height:22px !important; text-align:center; border: 1px solid #ccc; font-size:13px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.in_table_scroll_wrap {width:96%; height:160px; overflow-y: scroll; border-bottom:1px solid #ccc;}
.in_table_scroll_wrap table {width:100%;}
.in_table_scroll_wrap table td {font-size:13px;}
.file_attached_table_thead {width:95%;}
.file_attached_table_thead thead td {background:#48525d; color:#fff; text-align:center; font-size:13px;}
/* ?묒??낅줈???앹뾽 */
#partExcelPopupFormWrap {padding:10px 5px; margin: 10px auto 0; font-size:13px; background: #fff; border-radius: 5px; border: 1px solid #cccccc;}
#partExcelPopupFormWrap .form_popup_title {width: 100%; border-bottom: 1px solid #cccccc; height:35px; color: #fff; background: #2b6cc7; line-height: 35px; font-weight: 500;}
#partExcelPopupFormWrap #partPopupForm {width:97%; margin: 10px auto 0px;}
#excelUploadPopupForm {width:100%;}
#excelUploadPopupForm table {width: 100%; table-layout:fixed; margin-top: 10px; border-collapse:collapse; text-align:center; }
#excelUploadPopupForm tale thead {background: #4c4c4c; color:#fff;}
#excelUploadPopupForm table td {border: 1px solid #ccc; height:15px ! important;}
#excelUploadPopupForm .dropzone {width:99.5% !important;}
.excelUploadPopupForm {width:99%; margin: 10px auto 0px;}
.excelUploadPopupForm table {width: 100%; table-layout:fixed; margin-top: 10px; border-collapse:collapse; text-align:center; }
.excelUploadPopupForm table thead {background: #4c4c4c; color:#fff;}
.excelUploadPopupForm table td {border: 1px solid #ccc; height:15px ! important;}
#excelUploadPopupTable input[type="text"] {width:95%; height:25px;}
#excelUploadPopupTable select {width:90%; height:25px;}
.part_x_scroll {width:100%; overflow:scroll; overflow-y:hidden;}
.part_y_scroll {width:2600px; height:350px; overflow-y:scroll; overflow-x:hidden;}
.part_y_scroll .partExcelScrollTable {margin-top:0px !important;}
.part_y_scroll .partExcelScrollTable, #excelUploadPopupTable {width:2600px !important;}
.part_x_scroll .partExcelScrollTable input[type="text"] {width:95%; height:25px;}
.part_x_scroll .partExcelScrollTable select {width:90%; height:25px;}
/* ?뺤쟾媛???쟾媛?text */
.ascendig_text {font-size:11px;}
/*EO媛묒? ?앹뾽*************************************************************/
#eoPopup {min-width: 1100px;}
/**EO媛묒? 寃€?됱〈**/
.color_eoback {width: 100%; margin: 0 auto; padding-top: 20px; height:130px; background: lightslategrey;}
#eoPopupTtWrap {width:97%; height:60px; margin: 0 auto 5px; text-transform: uppercase;}
#approvalTable {float:right; border-collapse:collapse; border:1px solid black; width:200px; color:#fff;}
#approvalTable td {height:15px; border:1px solid #a3a3a3; font-size: 12px; line-height: 15px; text-align: center;}
#eoPopupTt {float:left; font-size: 25px; font-weight: 500; color:#fff;}
#eoPopuoSearchZon {width:97%; margin: 0 auto; font-weight: 500;
padding-left: 0px; color: #fff; font-size: 13px;}
#eoPopuoSearchZon td a {color:#fff; border-bottom: 1px solid red; font-size: 12px;}
#eoPopuoSearchZon td {height:23px;}
#eoPopuoSearchZon td p {border-bottom: 1px dashed #ccc; width:165px; color:#000; line-height:18px; padding-left:5px; font-weight:500;}
#eoPopuoSearchZon input[type="text"] {width:170px; height:18px; border-radius: 3px; border: 1px solid #adadad;}
#eoPopuoSearchZon td .view_data_area {width: 170px; height:18px; border: 1px solid #ccc; border-radius: 3px; margin-top: 3px; background-color: #fff;}
#eoPopupFile {width:80%; height:32px; float:left; margin: 5px 0 10px 0;}
#eoPopupFile label {float: left; font-size:13px; font-weight:500; line-height:40px;}
#eoPopupFile #fileDnDWrap {float:left; margin-left: 20px; width:78%; height:33px; }
#eoPopupFile #uploadedFileAreaTable {padding-top:7px !important;}
#eoPopupFile #fileDeleteBtn {float:left; width:15px; font-size:13px; padding-top:12px;}
#eoPopupFile #fileDeleteBtn a {width:20px; height:13px; border-radius: 2px; display: block; text-align: center; line-height: 13px; color:#000; font-size:13px; font-weight:500;}
#eoPopupFile .fileDnDWrap {float:left; margin-left: 20px; width:78%; height:33px; }
#eoPopupFile .fileDeleteBtn {float:left; width:15px; font-size:13px; padding-top:12px;}
#eoPopupFile .fileDeleteBtn a {width:20px; height:13px; border-radius: 2px; display: block; text-align: center; line-height: 13px; color:#000; font-size:13px; font-weight:500;}
/*eo 媛묒? ??/
#eoPopupListTabWrap {width:100%; margin: 40px auto 0px; padding-bottom: 15px; font-size: 13px; }
#eoPopupListTabWrap #eoPopupListTab1 {cursor:pointer; float:left; margin-right: 0px; border: 1px solid #fff; border-radius: 5px 5px 0 0; border-bottom: none; background: #2b6cc7; color:#fff; width: 100px; height:30px; line-height: 30px; text-align: center;}
#eoPopupListTabWrap #eoPopupListTab2 {cursor:pointer; float:left; margin-right: 0px; border: 1px solid #fff; border-radius: 5px 5px 0 0; border-bottom: none; background: #4d5566; color:#fff; width: 100px; height:30px; line-height: 30px; text-align: center;}
#eoPopupListTabWrap #eoPopupListTab3 {cursor:pointer; float:left; margin-right: 0px; border: 1px solid #fff; border-radius: 5px 5px 0 0; border-bottom: none; background: #4d5566; color:#fff; width: 100px; height:30px; line-height: 30px; text-align: center;}
#eoPopupListTabWrap .activation {cursor:pointer; float:left; margin-right: 0px; border: 1px solid #fff; border-radius: 5px 5px 0 0; border-bottom: none; background: #2b6cc7; color:#fff; width: 100px; height:30px; line-height: 30px; text-align: center;}
#eoPopupListTabWrap .inActivation {cursor:pointer; float:left; margin-right: 0px; border: 1px solid #fff; border-radius: 5px 5px 0 0; border-bottom: none; background: #c7dcf9; color:#000; width: 100px; height:30px; line-height: 30px; text-align: center;}
#eoPopupList1, #eoPopupList2, #eoPopupList3 {display: none;}
/**EO媛묒? ?꾨㈃異쒕룄由ъ뒪??*/
.eo_table_side_margin {width: 97%; margin: 0 auto;}
.eoPt {width: 100px; height: 13px; background: url(/images/blackLabel.png) left center no-repeat; padding-left: 10px; margin: 30px 0 10px 5px; font-weight: 500; font-size: 13px;}
#eoPopupListScroll {width:100%; height:300px; overflow: scroll; overflow-x: hidden; margin: 10px auto 0; border-top: 2px solid #000; border-bottom: 2px solid #000; }
#eoPopupListScroll #eoPopupTablePosition_re {width:100%; height:300px; position:relative;}
.eoPopupList {position:absolute; top:0; left:0; width:100%; table-layout: fixed; text-align: center; border-collapse:collapse; }
.eoPopupList td {height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #b9c5d6;}
#eoPopupList_input {width:100%; table-layout: fixed; text-align: center; border-collapse:collapse; }
#eoListTt {width:90%; height: 20px; padding-top: 10px;font-size: 14px; font-weight: 500; margin: 0 auto;}
#eoPopupList_input tr:first-child {border:1px solid #b9c5d6;}
#eoPopupList_input tr td {border-right:1px solid #b9c5d6;}
#eoPopupList_input td {height:30px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #b9c5d6;}
.eoPopupList tr:first-child {border:1px solid #b9c5d6;}
.eoPopupList tr:first-child td {border-right:1px solid #b9c5d6;}
/**EO媛묒?踰꾪듉**/
.eo_pop_btn_w {width: 100%; margin: 0 auto;}
.eo_pop_btn_po {position:relative;;}
.eo_pop_btn_po #dismen {position: absolute; top: 8px; left:5px; font-size: 13px; font-weight: 500; width: 100px; height: 13px; background: url(/images/blackLabel.png) left center no-repeat; padding-left: 10px;}
#distribution_men {position: absolute; top: 8px; left:70px; font-size: 13px; width:90%; padding-bottom: 5px;}
#eoPopupBottomBtn {width:190px; margin: 0 auto; padding-top: 45px;}
#eoPopupBottomBtnView {width:46px; margin: 0 auto; padding-top: 45px;}
#eoPopupBottomBtn input[type="button"]{margin-right: 5px;}
/* 寃곗옱?곸떊 ?섏씠吏€ ******************************************************/
#approvalLeftSection {width:59.5%; float: left; margin-top: 10px;}
.approvalFormWrap .form_popup_title {width: 100%; border-bottom: 1px solid #cccccc; height:35px; color: #fff; background: #2b6cc7; line-height: 35px; font-weight: 500;}
.approvalFormWrap {width: 97.5%; margin: 0 auto; font-size:13px; background: #fff; border-radius: 5px; border: 1px solid #cccccc; overflow:hidden; padding-bottom: 10px;}
.approvalFormWrap #approvalFromLeftWrap {width:95%; margin: 0 auto;}
.approvalFormWrap #approvalFromLeft {width:100%; margin: 0 auto;}
.approvalFormWrap #approvalFromLeft td {height: 35px; padding-top:10px; font-size:12px;}
.approvalFormWrap #approvalFromLeft .text_area {width:100%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background-color: #fff;}
.approvalFormWrap #approvalFromLeft .long_text_area {width:98%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background-color: #fff;}
.approvalFormWrap #approvalFromLeft .short_text_area {width:95%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background-color: #fff;}
.approvalFormWrap #approvalFromLeft label { font-weight: 500; width:90% ; height: 15px; font-size: 12px; padding-left: 10px; margin-top: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
.approvalFormWrap #approvalFromLeft select {width:95%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background: #fff;}
.approvalFormWrap #approvalFromLeft td p {width:95%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background: #fff;}
.approvalFormWrap #approvalFromLeft input[type="file"] {width:98.5%; height:23px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background: #fff;}
.approvalFormWrap #approvalFromLeft textarea {width:98.5%; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background: #fff;}
.approvalFormWrap #approvalFromLeft label {width:90% ; height: 15px; font-size: 12px; padding-left: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
.approvalFormWrap #approvalFromLeft input[type="radio"] {vertical-align: middle;}
.nothing_td {height:3px !important;}
.blue_tr td {padding-top: 0 !important; background: #4c4c4c; height:35px !important; line-height: 35px !important; color:#fff; font-weight: 500; }
#company_map {height:185px;}
#company_map td {border: 1px solid #ccc; padding: 5px 0 0 5px !important;}
#approvalRightSection {width:40%; float: right; margin-top: 10px;}
.approvalFormWrap #approvalFormRight {width:95%; margin: 0 auto;}
#approvalArea {width: 100%;}
#approvalArea > p {font-weight: 500; margin: 20px 0 5px 0; width:90% ; height: 15px; font-size: 12px; padding-left: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
#approvalArea > p:first-child { font-weight: 500; margin: 10px 0 5px 0; width:90% ; height: 15px; font-size: 12px; padding-left: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
#approvalArea > div {width:100%; margin: 0 0 0 00px; border: 1px solid #ccc;}
.approvalFormRight1Wrap {width:100%; height:146px; overflow: scroll; overflow-x: hidden; border:1px solid #ccc;}
.approvalFormRight2Wrap {width:100%; height:146px; overflow: scroll; overflow-x: hidden; border:1px solid #ccc;}
.approvalFormRight3Wrap {width:100%; height:146px; overflow: scroll; overflow-x: hidden; border:1px solid #ccc;}
#companyMapTable {width: 190px; font-weight: 500;}
#companyMapTable tr {height:15px !important;}
#companyMapTable tr:hover {height:15px !important; color: red;}
#companyMapTable td {height:8px !important; text-align: left; font-size: 12px; border:0 !important;}
#companyMapTable td span {cursor: pointer; text-align: center; display: block; width:8px; height:10px; line-height: 10px; border: 1px solid #ccc; color:red;}
#approvalFormRight1 {width:100%; }
#approvalFormRight1 tr {height:15px !important;}
#approvalFormRight1 td {height:8px !important; text-align: left; font-size: 12px;}
#approvalFormRight1 td span {cursor: pointer; text-align: center; display: block; width:8px; height:10px; line-height: 10px; border: 1px solid #ccc; color:red;}
#approvalFormRight2 {width:100%; }
#approvalFormRight2 tr {height:15px !important;}
#approvalFormRight2 td {height:8px !important; text-align: left; font-size: 12px;}
#approvalFormRight2 td span {cursor: pointer; text-align: center; display: block; width:8px; height:10px; line-height: 10px; border: 1px solid #ccc; color:red;}
#approvalFormRight3 {width:100%; }
#approvalFormRight3 tr {height:15px !important;}
#approvalFormRight3 td {height:8px !important; text-align: left; font-size: 12px;}
#approvalFormRight3 td span {cursor: pointer; text-align: center; display: block; width:8px; height:10px; line-height: 10px; border: 1px solid #ccc; color:red;}
/* 寃곗옱 ?곸꽭 ?붾㈃ */
#approvalDetailSectionWrap {width:97.5%; margin: 10px auto 0; }
.approvalDetailFormWrap .form_popup_title {width: 100%; border-bottom: 1px solid #cccccc; height:35px; color: #fff; background: #2b6cc7; line-height: 35px; font-weight: 500;}
.approvalDetailFormWrap {width: 97.5%; margin: 0 auto; padding-bottom: 10px; font-size:13px; margin-top: 0px; background: #fff; border-radius: 5px; border: 1px solid #cccccc;}
.approvalDetailFormWrap #approvalDetailForm1 {width:95%; margin: 10px auto 0;}
.approvalDetailFormWrap #approvalDetailForm1 td {height: 12px; padding-top:0px;}
.approvalDetailFormWrap #approvalDetailForm1 .text_area {width:100%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background-color: #fff;}
.approvalDetailFormWrap #approvalDetailForm1 .long_text_area {width:98%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background-color: #fff;}
.approvalDetailFormWrap #approvalDetailForm1 .short_text_area {width:100%; height:20px; border-bottom: 1px dashed rgb(96, 94, 97); margin-top: 3px; background-color: #fff;}
.approvalDetailFormWrap #approvalDetailForm1 label { font-weight: 500; width:90% ; height: 15px; font-size: 12px; padding-left: 10px; margin-top: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
.approvalDetailFormWrap #approvalDetailForm1 select {width:95%; height:25px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background: #fff;}
.approvalDetailFormWrap #approvalDetailForm1 input[type="file"] {width:98.5%; height:23px; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background: #fff;}
.approvalDetailFormWrap #approvalDetailForm1 textarea {width:98.5%; border: 1px solid #ccc; border-radius: 2px; margin-top: 3px; background: #fff;}
.approvalDetailFormWrap #approvalDetailForm1 label {width:90% ; height: 15px; font-size: 12px; padding-left: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
.approvalDetailFormWrap #approvalDetailForm1 input[type="radio"] {vertical-align: middle;}
#approvalDetailTableWrap {width:95%; margin: 30px auto 0;}
.approvalDetailTableArea {width:103.4%; height:160px; overflow: hidden;}
.approvalDetailTableArea p {width:13%; height:15px; float:left; font-weight: 500; font-size: 12px; padding-left: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
.approvalDetailTableArea .approvalDetailTableWrap {float:right; width:85%;}
.approvalDetailTableScroll {width:98.5%; height:130px; overflow: scroll; overflow-x: hidden; border-bottom:2px solid #ccc;}
.approvalDetailTable {width:95%; border-collapse: collapse; text-align: center; }
.approvalDetailTable thead td {background: #4c4c4c; color:#fff; height:20px; }
.approvalDetailTable td {border: 1px solid #ccc;}
/* 寃곗옱 諛섎젮?ъ쑀 ?앹뾽 */
#approvalDetailPopupTableWrap .form_popup_title {font-size: 13px; width: 100%; border-bottom: 1px solid #cccccc; height:35px; color: #fff; background: #2b6cc7; line-height: 35px; font-weight: 500;}
#approvalDetailPopupTableWrap {width:97.5%; margin: 10px auto 0; border: 1px solid #ccc; padding: 0 0 10px 0;}
#approvalDetailPopupTable {width:100%; table-layout: fixed; border-collapse: collapse;}
#approvalDetailPopupTable td {text-align: center; font-size: 13px; height:40px;}
#approvalDetailPopupTable tr td label {background: url(/images/blackLabel.png) left center no-repeat; padding-left: 10px; font-weight: 500;}
#approvalDetailPopupTable tr td select {width:90%; height:60%; }
#approvalDetailPopupTable tr td textarea {width:90%; }
#approvalDetailPopupTable tr td>span {width:96%; display:block; }
/* 踰꾪듉 ?뚯뒪 */
.approval_center_btn_wrap {width: 110px; height:29px; margin:10px auto;}
.approval_center_btn_wrap .pdm_btns {float:left !important; margin-right:5px;}
/* DFMEA */
#dataList td textarea {width:85%; float:left; height:50px; border:0;}
#dataList td .dfmea_btn {width:40px; height:100%; float:right; background:#8d9fa9; color:#fff; text-align:center; border:0;}
/* wbs */
.wbs_left_align tbody td:nth-child(2) {text-align:left;}
/* 媛쒕컻?쇱젙愿€由??뚯씠釉?怨좎젙?덈퉬 ?ㅼ젙 */
.tab_table thead td:nth-child(1) {width:42px;}
.plm_sub_thead .p_no {width:100px !important;}
.plm_sub_thead .p_name {width:150px !important;}
.plm_sub_thead .img_td {width:100px !important;}
.plm_sub_thead .amount {width:60px !important;}
.tab_table tbody td:nth-child(1) {width:40px;}
.tab_table tbody td:nth-child(2) {width:100px;}
.tab_table tbody td:nth-child(3) {width:150px;}
.tab_table tbody td:nth-child(4) {width:100px;}
.tab_table tbody td:nth-child(5) {width:60px;}
.tab_table tbody td:nth-child(6) {width:100px;}
.tab_table tbody td:nth-child(7) {width:100px;}
.tab_table tbody td:nth-child(8) {width:50px;}
.tab_table tbody td:nth-child(9) {width:80px;}
.tab_table tbody td:nth-child(10) {width:60px;}
*/
/* ?쒖옉媛쒕컻愿€由?*/
.product_select {width:98% !important;}
/* ?쒖옉媛쒕컻愿€由??곷떒?뚯씠釉?李⑦듃 */
#developTableChartWrap {width:100%; height: 260px; margin: 0 auto; clear:both;}
#developManagementTable1 {width:49%; height:260px; float:left; border: 1px solid #84c2ff;}
#developManagementTable1 .plm_scroll_table {width:102%; height:218px; }
#developManagementChart1 .plm_scroll_table {height:260px; }
#developManagementChart1 {width:49%; height:260px; float:right; border: 1px solid #d8e3f4;}
/*?쒖옉媛쒕컻愿€由??곸쐞?뚯씠釉???/
#radioLotWrap {width:97.5%; height:29px; margin: 0 auto;}
#radioLot {width:59%; float:right; height:29px; font-weight: 500;}
#radioLot div {margin-right: 3px; width:70px; height:29px; background: url(../images/lot_tab_basic.png) no-repeat; color:#fff; padding-left: 25px; line-height: 29px; float:left;}
/* ?쒖옉媛쒕컻愿€由??섏쐞?뚯씠釉???*/
#developTapWrap {width:100%; height:30px; margin:0px auto; padding: 0px 0 5px 0;}
.tapWrapFloat {height:20px; float:right; padding-top: 7px;}
#scheduleTapWrap, #checkListTapWrap, #prototypeTapWrap {width:150px; height:27px; cursor:pointer; float: left; margin-left: 3px; color:#000; text-align: center; line-height: 25px; font-size: 15px;}
#scheduleTapSelect {float:left; width:212px; height:25px; margin: 1px 0 0 3px; border-radius: 2px;}
/* ?쒖옉媛쒕컻愿€由????깅줉踰꾪듉 ?ㅽ???*/
.plm_tab_btn {float:left; font-size: 12px; border-radius: 2px; padding:5px 10px; background: #78676c; border: 1px solid #737373; color:#fff; margin-left: 3px; cursor: pointer;}
/* ?쒖옉媛쒕컻愿€由??섎떒?뚯씠釉?/
#developManagementTable2 {width:100%; margin: 0 auto;}
#developManagementTable2 .plm_scroll_table {height:635px; border: 1px solid #d8e3f4;}
#developManagementTable2 .font_size_down_12 td {font-size: 12px !important;}
.devScheduleMng {font-size: 12px;}
.font_size_13 {font-size: 13px !important; font-weight: normal !important;}
/* ?ъ옉媛쒕컻愿€由?怨좎젙??遺€遺?媛€濡쒕꼫鍮??ㅼ젙 */
/* ?쒖옉?덉엯怨??꾪솴 */
.width_add {width:90% !important; height:20px;}
.prototype_min_width {min-width: 1500px;}
#prototypeStatusChartWrap {width:100%; height:220px; margin: 0 auto;}
#procotypeChartName {position:relative;}
#procotypeChartName p:nth-child(1) {position: absolute; top:8px; left:10px; z-index: 1; font-weight: 500;}
#procotypeChartName p:nth-child(2) {position: absolute; top:8px; left:860px; z-index: 1; font-weight: 500;}
#prototypeStatusChart1 {width:49%; height:220px; float:left; border: 1px solid #d8e3f4;}
#prototypeStatusChart2 {width:49%; height:220px; float:right; border: 1px solid #d8e3f4;}
#prototypeSelectBoxWrap {width:100%; height:20px; margin: 0 auto; clear:both;}
#prototypeSelectBoxCar {width:51%; float:left;}
#prototypeSelectBoxCar label {font-size: 12px; font-weight: 500;}
#prototypeSelectBoxCar select {width:150px; height:18px; border: 1px solid #ccc; border-radius: 3px;}
#prototypeSelectBoxLot {width:49%; float:left;}
#prototypeSelectBoxLot label {font-size: 12px; font-weight: 500;}
#prototypeSelectBoxLot select {width:150px; height:18px; border: 1px solid #ccc; border-radius: 3px;}
#prototypeStatusTable {width: 100%; margin: 15px auto 0;}
#prototypeStatusTable .plm_scroll_table {height:500px; border: 1px solid #d8e3f4;}
/* ?ㅺ퀎泥댄겕由ъ뒪??*/
.checklist_table td {height:80px;}
.checklist_table td textarea {border:1px solid #01aced; width:96%; height:80px; margin:0 auto; padding:0;}
.checklist_table td select { border: 1px solid #ccc; border-radius: 3px;}
/* 泥댄겕由ъ뒪???곷떒?뚯씠釉?& 李⑦듃?곸뿭*/
#checkListChartWrap {width:100%; height: 260px; margin:0 auto 15px;}
/* 泥댄겕由ъ뒪???곷떒?뚯씠釉?*/
#checkListTable1 {width:49%; height:260px; float:left;}
#checkListTable1 .plm_scroll_table {width: 102%; height:187px; border: 1px solid #d8e3f4;}
/* 泥댄겕由ъ뒪??李⑦듃?곸뿭 */
#checkListSelectZon {width:100%; height:25px; margin:0 auto; clear: both;}
#checkListSelectBoxWrap {width:49%; height:25px; float:right;}
#checkListSelectBoxCar {width:50.8%; float:left;}
#checkListSelectBoxCar select {width:150px; height:18px; border: 1px solid #ccc; border-radius: 3px;}
#checkListSelectBoxStep {width:49%; float:left;}
#checkListSelectBoxStep select {width:150px; height:18px; border: 1px solid #ccc; border-radius: 3px;}
#checkListChart {width:49%; height:260px; float:right;}
#checkListChart1 {width:100%; height:260px; }
#checkListChart2 {width:100%; height:260px ;}
.chart_border1 {width:49%; height: 260px; border: 1px solid #d8e3f4; background: url(../images/nodata.png) center center no-repeat; background-color: #fff; float:left;}
.chart_border2 {width:49%; height: 260px; border: 1px solid #d8e3f4; background: url(../images/nodata.png) center center no-repeat; background-color: #fff; float:right;}
/* 泥댄겕由ъ뒪???섎떒?뚯씠釉?/
#checListTable2 {width:100%; margin: 0 auto;}
#checListTable2 .plm_scroll_table {height:385px; border: 1px solid #d8e3f4; background: url(../images/nodata.png) center center no-repeat; background-color: #fff;}
/* 諛섏쁺??愿€由?*/
#pastProblemReflectTableWrap
#car_product_reflect {width:30%; float:left;}
#year_reflect {width:70%; float:right;}
/* 湲덊삎留덉뒪??*/
.mold_top_table {width:99% !important;}
#moldMasterLowerTableWrap {width:100%; overflow-x: scroll; margin-top: 20px; border-bottom:2px solid rgb(0,136,204);}
#moldMasterLowerTableWrap .plm_table {width:4955px;}
#moldMasterLowerTableWrap .mold_img_td td {height:22px !important;}
#moldMasterLowerTableWrap .mold_img_td td input[type="text"] {width:100% !important; height:100%; border:1px solid #01aced;}
#moldMasterLowerTableWrap .mold_img_td td input[type="number"] {width:100% !important; height:100%; border:1px solid #01aced;}
/* 援ъ“寃€?좎젣?덉꽌 ?꾪솴 */
#distructureReviewStatusChartWrap {overflow: hidden; margin-bottom: 50px;}
#distructureReviewStatusChartWrap div {width:33%; float:left;height:250px;}
/* ?묒궛?닿? */
.transfer_div_wrap {width:100%; clear:both; height:200px; position:relative;}
.transfer_div_wrap > div {position:absolute;top:0; left:0; width:100%;}
.transfer_div_wrap div .plm_table {width:99% !important;}
.transfer_div_wrap div .plm_scroll_table {width: 100%; height:600px;}
.transfer_div_wrap div .plm_scroll_table .plm_table {width: 100% !important;}
.transfer_tab_wrap {overflow: hidden; margin:0px 0 20px 0;}
.transfer_tab_wrap a {display:block; width:100px; font-size: 15px; float:left;
margin: 0 0 0 2px; text-align: center; line-height: 25px; color:#000;
border-radius: 15px 15px 0 0;border: 2px solid rgb(0, 136, 204); border-bottom:0;}
.transfer_tab_wrap a:first-child {margin-left: 0;}
.transfer_tab_wrap .a_on {border-bottom: 2px solid #0188cc; color:#fff; background: rgb(244, 92, 100);
border: 2px solid rgb(244, 92, 100); border-bottom:0;}
.transfer_status_div section {width:48%; display: inline-block; height:310px; position:relative; margin: 0 20px 50px 0;
border: 1px solid #ccc !important; border-radius: 0 15px 0 0;}
.transfer_status_div section:nth-child(3), .transfer_status_div section:nth-child(4) {margin: 0 20px 0px 0;}
.transfer_status_div section p {font-size: 13px; line-height: 45px; font-weight:500; border-bottom: 1px solid #ccc;
padding-left: 15px;}
.transfer_status_div section .plm_table {position:absolute; top:60px; left:50%; transform: translateX(-50%);width:97% !important;}
/* 臾몄젣???깅줉 由ъ뒪??*/
/* #pastProblemListTableWrap .plm_table tbody td {height:100px;} */
#problemManagementTableWrap {width:1670px; overflow-x: scroll;}
.problemScrollxWrap {width:3000px;}
.img11 {display:block; width:90%; height:100px; background:url(/images/problem11.PNG) no-repeat; background-size:100% 100%;}
.img22 {display:block; width:90%; height:100px; background:url(/images/problem22.PNG) no-repeat; background-size:100% 100%;}
.img33 {display:block; width:90%; height:100px; background:url(/images/problem33.PNG) no-repeat; background-size:100% 100%;}
/* 臾몄젣?먮벑濡앹갹 **************************************************************************************/
#problemManageMentPopupPpt {width:100%; border-collapse: collapse; table-layout: fixed; margin-top:15px;}
#problemManageMentPopupPpt .ppt_thead {background: #48525d; text-align: center; color:#fff; font-size:14px !important;}
#problemManageMentPopupPpt td {border: 1px solid #ccc; text-align: center; font-size:13px;}
#problemManageMentPopupPpt td textarea {width:99%; resize:none; height:80px; overflow-y: scroll; border:none;}
#problemManageMentPopupPpt .img_insert {position:relative;}
.ridio_zone {text-align:left; line-height:30px;}
.textarea_detail {height:80px; text-align:left !important;}
.td_height_20 td {height:20px;}
/* 援ъ“?깅줉 ?앹뾽 */
#structureTableWrap1 {position:relative; top: 84px; width:95%; margin: 0 auto;}
#structureTableWrap1 #structureName {position:absolute;top:-45px; left:0px; border-bottom: 1px solid #a4b1c2; font-size: 15px; font-weight:500;}
#structureTableWrap1 #structureName2 {position:absolute;top:-20px; right:15px; border-bottom: 1px solid #a4b1c2; font-size: 8px; font-weight:500;}
.img_insert {height:150px;position:relative !important;}
#structureTableWrap2 {width:95%; margin: 0 auto;}
#structureTableWrap2 .searchIdName table td {height:25px;}
#structureTableWrap2 .searchIdName label {width:100%; height:20px; font-size: 13px; font-size: 11px; padding-left: 10px; background: url(/images/blackLabel.png) left center no-repeat;}
#structureTableWrap2 .searchIdName select {font-size: 11px; padding-left: 5px; width:175px; height:80%; border: 1px solid #ccc; border-radius: 3px; margin-right: 10px;}
#structureTableWrap2 .searchIdName input[type="text"] {font-size: 11px; padding-left: 5px; width:175px; height:80%; border: 1px solid #ccc; border-radius: 3px; margin-right: 10px;}
#structureTableWrap2 .structure_btn {position:absolute;top:51px; right:25px; }
.align_l span {display:inline-block; width:100%; height:20px; border-bottom:1px dashed #ccc;}
#responseFileArea img {max-width:600px;}
/**援ъ“?깅줉?앹뾽 以묒븰?꾨젅??*/
#structurePopupBtnW {width:46px; margin: 0 auto; height:200px; padding-top:330px;}
#structurePopupBtnW input[type="button"] {float:none; margin-bottom: 10px; }
/*援ъ“寃€?좎젣?덉꽌 ?앹뾽*/
#suggestWrap {width:100%; margin: 20px auto 0; min-width:1000px; }
#suggestDate_2 {position:absolute; top:43px; right:300px; font-size: 12px; font-weight: bold;}
#suggestDate_3 {position:absolute; top:43px; right:310px; font-size: 12px; font-weight: bold;}
.distructure_review_popup_lower_table {table-layout:fixed;}
.distructure_review_popup_lower_table .distructure_review_popup_title td {width:150px; border:1px solid #000; border-bottom: 0; height:30px; font-weight: bold; font-size: 13px; background: #ffffcc;}
.distructure_review_popup_lower_table .title_font td:nth-child(1) {width:auto; height:40px; font-size:25px; letter-spacing: 10px;}
.distructure_review_popup_lower_table .distructure_review_popup_tit td {background: #fff; height:30px; font-weight: normal !important;}
.distructure_review_popup_lower_table tr td input[type="text"] {width:100%; border:0; height:100%;}
.distructure_review_popup_lower_table {width:1201px; margin:0 auto 10px; border-collapse: collapse; text-align: center;}
.distructure_review_popup_lower_table tr td {border:1px solid #000; height:30px; font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.distructure_review_popup_lower_table tr td textarea {width:100%; border:0; height:80px;}
/* .distructure_review_popup_lower_table tr td div {width:100%; height:100%;} */
.distructure_review_popup_lower_table tr .green_td {background: #ccffcc; font-weight: bold; width:90px; font-size:13px;}
.distructure_review_popup_lower_table tr .skyblue_td {background: #ccffff; font-weight: bold; font-size:13px;}
.css_padding {padding-top: 20px;}
.td_width_add {width:43px;}
#suggest_date {font-size:12px !important; font-weight:bold; letter-spacing: 0px !important;}
#suggest_date span {display: inline-block; width:90px; padding-left:0px; height:20px; font-size:12px;}
/* 愿€由ъ옄 ?붾㈃ 怨듯넻 ?ㅽ???****************************************************************************/
/* 愿€由ъ옄 硫붿씤 */
.admin_main {width:100%; height:100%; background: url(/images/adminMain.png) no-repeat;}
/* 愿€由ъ옄 硫붾돱 ?쒕ぉ ?쒖떆 ?ㅻ뜑 怨듯넻 */
.admin_title {height:20px;}
.admin_title h2 {width:150px; height:14px; background: url(/images/admin.png) center left no-repeat !important;
color:000; font-size: 14px !important; padding-left: 20px; line-height: 14px; color:000;}
/*愿€由ъ옄 ?붾㈃ 寃€?됱〈 怨듯넻 */
#adminFormWrap {width:100%; padding:10px 0 10px 0; background: #fff; border: 1px solid #dae4f4; position:relative;}
#adminFormWrap #adminForm { padding-left: 10px;}
#adminFormWrap #adminForm td {height:25px;}
#adminFormWrap #adminForm label {padding-left: 5px; font-size: 12px;}
#adminFormWrap #adminForm input {width:120px; height:20px; border: 1px solid #ccc; border-radius: 3px; margin-right: 13px;}
#adminFormWrap #adminForm .date_margin {margin-right:0px;}
#adminFormWrap #adminForm select {font-size:13px; width:120px; height:20px; border: 1px solid #ccc; border-radius: 3px;margin-right: 13px;}
/* 愿€由ъ옄 ?붾㈃ 寃€?됱〈 ?대? 踰꾪듉??媛먯떥??div 怨듯넻*/
#adminBtnWrap {float:right; margin: 5px 0 2px 0;}
/* 愿€由ъ옄 ?붾㈃ ?좎쭨 珥덇린??踰꾪듉 */
td>.date_delete {width:18px !important; height:18px; cursor:pointer; border: 1px solid #ccc; background: #fff; color:#4c4c4c; border-radius:15px; }
td>.date_delete:hover {width:18px !important; height:18px; cursor:pointer; border: 1px solid #c9c9c9; background: #e2e2e2; color:#4c4c4c; border-radius:15px;}
/* 愿€由ъ옄 ?붾㈃ ?뚯씠釉?怨듯넻 */
#adminTableWrap {margin-top:10px; clear:both;}
#adminTable {width:100%; table-layout: fixed; text-align: center; border-collapse:collapse; background:#fff;}
#adminTable td {height:30px; border: 1px solid #b9c5d6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#adminTable td input[type="text"] {width:90%; height:70%; border: 1px solid #ccc;}
#adminTable td input[type="checkbox"] {margin-top: 5px;}
#adminTable td select {width:90%; height:70%;}
#adminTable #thead td {height:25px; line-height: 25px; border-right: 1px solid #fff; text-align: center; }
#adminTable #thead td input[type="checkbox"] {vertical-align: middle; margin-top: 0px;}
#adminTable #thead {width:100%; font-size: 12px; color:#fff; text-align: center; background-color: #536f9d; background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
border: 1px solid #fff; background-repeat: no-repeat;}
#adminTable #subThead {width:100%; font-size: 12px; color:#000; text-align: center;border: 1px solid #fff; background:#c5d1e6;}
/*pdm 愿€由ъ옄 踰꾪듉 */
.btns{
border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:500; color: #FFFFFF;
background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
height:23px; line-height: 0px; text-align: center; cursor:pointer; }
.btns:hover{
border:1px solid #5d7fbc;
background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
background-image: -o-linear-gradient(top, #819bcb, #536f9d);
background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
height:23px; line-height: 0px; text-align: center; cursor:pointer; }
/* 愿€由ъ옄 ?섏씠吏€ ?뚯뒪 怨듯넻 */
#adminPageCount {color:rgb(65, 65, 65); font-size: 12px; position:absolute;top:0px; right:0px; }
#commonSection {width:97.5%; margin: 0 auto; padding-top:10px;}
/* 愿€由ъ옄 ?붾㈃ > ?앹뾽 怨듯넻 ?ㅽ???**************************************************************************************/
.admin_min {min-width: 400px;}
/* 愿€由ъ옄 ?붾㈃ > ?앹뾽 ?낅젰???ㅽ???*/
#adminPopupFormWrap {margin-top:8px; width:100%; padding: 10px 0; background: #fff; border: 1px solid #dae4f4;}
#adminPopupForm {width:97%; margin: 0 auto; text-align: center; border-collapse:collapse; table-layout: fixed;}
#adminPopupForm td:nth-child(odd) {height:20px;
font-size: 12px; color:#fff; text-align: center;
background-color: #819bcb; background-image: -ms-linear-gradient(top, #819bcb, #536f9d); background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
border: 1px solid #fff;}
#adminPopupForm td {height:35px;}
#adminPopupForm td textarea {width:98.5%; height:35px; border:1px solid #e3e3e3;}
/*
#adminPopupForm td input[type="text"] {width:98.5%; height:95%; border: 1px solid #ccc;}
#adminPopupForm td input[type="number"] {width:98.5%; height:95%; border: 1px solid #ccc;}
#adminPopupForm td select {width:98.5%; height:98%; margin-top: 1px;}
*/
#adminPopupForm td select {width:calc(100% - 7px); height:95%; border: 1px solid #ccc; border-radius: 2px;background: #fff; line-height:20px; }
#adminPopupForm td input[type="text"] {width:calc(100% - 7px); height:95%; border: 1px solid #ccc; border-radius: 2px;}
#adminPopupForm td input[type="number"] {width:calc(100% - 7px); height:95%; border: 1px solid #ccc; border-radius: 2px;}
#adminPopupForm td input[type="password"] {width:98.5%; height:95%; border: 1px solid #ccc;}
#adminPopupForm td p {text-align: left; color:#2e2e2e; padding-left: 10px;}
#adminPopupForm .no_bottom_border {border:none;}
/* 愿€由ъ옄 ?붾㈃ > ?앹뾽 > 踰꾪듉 */
#adminPopupBtnWrap {width:97%; height:17px; margin: 0 auto ; padding-top:5px; }
#adminPopupBtnWrap input[type="button"] { float:right; margin-left:5px;}
#adminPopupBtnWrap input[type="text"] { float:right; width:200px; height:21px; border: 1px solid #ccc; border-radius:2px; margin-left: 5px;}
/* 愿€由ъ옄 ?붾㈃ > ?앹뾽 ?뚯씠釉??ㅽ???*/
.oem_pso_wrap {margin-top: 10px !important; border: 1px solid #dae4f4; padding: 10px 0 10px 0;}
#adminPopTableW {overflow: scroll; overflow-x: hidden; height:200px; background: #fff; }
#adminPopTable {width:97%; background: #fff; margin: 0 auto; text-align: center; border-collapse:collapse; border: 1px solid #dae4f4;}
#adminPopTable td select {width:98%; height:90%; margin-top: 1px;}
#adminPopTable #thead {height:35px;
font-size: 12px; color:#fff; text-align: center;
background-color: #819bcb; background-image: -ms-linear-gradient(top, #819bcb, #536f9d); background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));}
#adminPopTable tr:first-child td {border: 1px solid #fff;}
#adminPopTable td {height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px; text-align: center; border-bottom: 1px solid #dae4f4; font-size:13px;}
#adminPopTable td input[type="text"] {width:100%; height:100%; border:1px solid #ccc;}
/* 愿€由ъ옄 ?붾㈃ > ?앹뾽 ?댁쓽 ?뚯씠釉붿씠 2媛쒖씪 寃쎌슦 2踰덉㎏ ?뚯씠釉??ㅽ???*/
#adminPopTable2 {width:97%; background: #fff; margin: 0 auto; text-align: center; border-collapse:collapse; border: 1px solid #dae4f4;}
#adminPopTable2 td select {width:98%; height:90%; margin-top: 1px;}
#adminPopTable2 #thead {height:35px;
font-size: 12px; color:#fff; text-align: center;
background-color: #819bcb; background-image: -ms-linear-gradient(top, #819bcb, #536f9d); background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));}
#adminPopTable2 tr:first-child td {border: 1px solid #fff;}
#adminPopTable2 td {height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px; text-align: center; border-bottom: 1px solid #dae4f4; font-size:13px;}
/*沅뚰븳愿€由??앹뾽*******************************************************************************************************/
/* ?먮룞?쇰줈 媛믪씠 ?ㅼ뼱?ㅻ뒗 ?곸뿭???€???ㅽ???*/
.fixName {display: inline; width:100%; font-size: 13px; background: #fff; height: 15px; border:1px solid #ccc;}
/**醫뚯륫?꾨젅??*/
.auth_pop_h2 {width:200px; height:14px; background: url(/images/admin.png) bottom left no-repeat;
color:000; font-size: 15px; padding: 10px 0 0 20px; margin: 0 0 0 10px; line-height: 14px;}
#autho1TableWrap {position:relative; top:50px;}
#autho1TableWrap .authoName {position:absolute;top: -30px; left:8px;}
#autho1TableWrap .authoName label {font-size: 13px; padding-left:10px;}
#autho1TableWrap .authoName p {font-size:13px; border: 1px solid #ccc; border-radius: 3px; background:#fff; width:100%;}
#autho1TableWrap .authoName input {width:100px; height:20px; border: 1px solid #ccc; border-radius: 3px;}
.fs_table {width:98.5%; height:80%; overflow: scroll; overflow-x: hidden; background: #fff; border:1px solid #dae4f4; border-bottom: 2px solid #000;}
#autho1Table {width:97.5%; table-layout: fixed; text-align: center; border-collapse:collapse;}
#autho1Table td {height:34px; border-right:1px solid #e2e2e2; border-bottom: 1px solid #b9c5d6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#autho1Table td:first-child {height:34px; border-bottom: 1px solid #b9c5d6;}
#autho1Table #thead td {height:25px; line-height: 25px; border-right: 1px solid #fff; text-align: center;}
#autho1Table #thead {width:100%;
font-size: 12px; color:#fff; text-align: center;
background-color: #819bcb; background-image: -ms-linear-gradient(top, #819bcb, #536f9d); background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
border: 1px solid #fff;}
#autho1Table td input[type="checkbox"] {margin-top: 5px;}
#autho1Table #thead td input[type="checkbox"] {vertical-align: middle; margin-top: 0px;}
.auto_management_data_table {width:100%; table-layout: fixed; text-align: center; border-collapse:collapse;}
.auto_management_data_table td {height:34px; border-right:1px solid #b9c5d6; border-bottom: 1px solid #b9c5d6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.auto_management_data_table td:first-child {height:34px; border-bottom: 1px solid #b9c5d6;}
.auto_management_data_table td input[type="checkbox"] {margin-top: 5px;}
/*以묒븰踰꾪듉援ъ뿭*/
#btnW {width:46px; margin: 0 auto; text-align: center; padding-top: 150px;}
#btnW input {margin-bottom: 10px; }
/****?곗륫?꾨젅??***/
#autho2TableWrap {position:relative; top:73px;}
#autho2TableWrap .searchIdName { position:absolute;top:-30px; left:0px;}
#autho2TableWrap .searchIdName label {font-size: 13px; padding-left: 13px;}
#autho2TableWrap .searchIdName input {width:100px; height:20px; border: 1px solid #ccc; border-radius: 3px; margin-right:5px;}
#autho2TableWrap .searchIdName select {width:100px; height:20px; border: 1px solid #ccc; border-radius: 3px; margin-right: 5px;}
#autho2TableWrap .autoBtn {position:absolute;top:-30px; right:22px; }
/*硫붾돱愿€由ы뙘??***********************************************************************************************/
.menuPopBtnW {float:right; margin-top: 5px;}
.admintt_option h2 { margin-bottom: 10px;}
#MenuPopW {margin: 0 auto; background: #fff; padding: 10px 0 10px 0; }
#MenuPopW textarea {width:98%;}
#adminMenuPopup1 {width:97%; margin: 0 auto; table-layout: fixed; text-align: center; border-collapse:collapse;}
#adminMenuPopup1 td {height:34px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#adminMenuPopup1 td input[type="text"] {width:98%; height:95%; border: 1px solid #ccc;}
#adminMenuPopup1 td input[type="checkbox"] {margin-top: 5px;}
#adminMenuPopup1 td select {width:98%; height:95%;}
#adminMenuPopup1 #thead td {height:25px; line-height: 25px; border-right: 1px solid #fff; text-align: center; }
#adminMenuPopup1 #thead td input[type="checkbox"] {vertical-align: middle; margin-top: 0px;}
#adminMenuPopup1 tr td:first-child {width:100%; font-size: 12px; color:#fff; text-align: center;
background-color: #819bcb; background-image: -ms-linear-gradient(top, #819bcb, #536f9d); background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
border: 1px solid #fff;}
/*硫붾돱愿€由ы뙘??*******************************************************************************************************/
/**醫뚯륫?꾨젅??*/
.auth_pop_h2 {width:200px; height:14px; background: url(/images/admin.png) bottom left no-repeat;
color:000; font-size: 15px; padding: 10px 0 0 20px; margin: 0 0 0 10px; line-height: 14px;}
.label_padding lable {padding-left:5px !important;}
#menu1TableWrap {position:relative; top:85px;}
#menu1TableWrap .authoName {width:95%; position:absolute;top: -70px; left:0px;}
#menu1TableWrap .authoName label {font-size: 13px;}
#menu1TableWrap .authoName input {width:100px; height:20px; border: 1px solid #ccc; border-radius: 3px;}
.menu_table_left {width:102%; height:205px; overflow: scroll; overflow-x: hidden; background: #fff; border-bottom: 2px solid #000;}
.menu_table_right {width:100%;height:205px; overflow: scroll; overflow-x: hidden; background: #fff; border-bottom: 2px solid #000;}
#menu1TableHead #thead td {height:25px; line-height: 25px; border-right: 1px solid #fff; text-align: center;}
#menu1TableHead #thead {width:100%; font-size: 12px; color:#fff; text-align: center; background-color: #819bcb; border: 1px solid #fff;
background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d)); }
#menu1Table, #menu1TableHead {width:98.7%; table-layout: fixed; text-align: center; border-collapse:collapse;}
#menu1Table {width:100%; table-layout: fixed; text-align: center; border-collapse:collapse;}
#menu1Table td {height:20px; border: 1px solid #b9c5d6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#menu1Table td:first-child {height:20px; border-bottom: 1px solid #b9c5d6;}
#menu1Table td input[type="checkbox"] {margin-top: 5px;}
#menu1Table #thead td input[type="checkbox"] {vertical-align: middle; margin-top: 0px;}
/*以묒븰踰꾪듉援ъ뿭*/
#adminMenuPopBtnW {width:100%; margin: 0 auto; text-align: center; padding-top: 150px;}
#adminMenuPopBtnW input {margin-bottom: 10px; }
/****?곗륫?꾨젅??***/
.menu_table_left {width:99.5%; height:205px; overflow: scroll; overflow-x: hidden; background: #fff; border-bottom: 2px solid #000;}
#autho1TableHead #thead td {height:25px; line-height: 25px; border-right: 1px solid #fff; text-align: center;}
#autho1TableHead #thead {width:100%; font-size: 12px; color:#fff; text-align: center; background-color: #819bcb; border: 1px solid #fff;
background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d)); }
#autho1TableHead {width:98.7%; table-layout: fixed; text-align: center; border-collapse:collapse;}
#authoTable {width:100%; table-layout: fixed; text-align: center; border-collapse:collapse;}
#authoTable td {height:20px; border: 1px solid #b9c5d6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#authoTable td:first-child {height:20px; border-bottom: 1px solid #b9c5d6;}
#authoTable td input[type="checkbox"] {margin-top: 5px;}
#authoTable #thead td input[type="checkbox"] {vertical-align: middle; margin-top: 0px;}
/*硫붾돱愿€由?*****************************************************************************/
.tableWrap {width:99%; background: #fff; border: 1px solid #dae4f4;}
#adminMenuTt h2 {width:150px; height:14px; background: url(/images/admin.png) center left no-repeat;
color:000; font-size: 15px; padding-left: 20px; line-height: 14px;}
#adminMenuTt {height:25px;}
#adminMenuBtn {float:right;}
/**硫붾돱愿€由??뚯씠釉?*/
.tableMenu {height:30px; line-height:30px; font-size: 13px;
background: url(/images/oval.png) center left no-repeat; padding-left: 10px;}
.trop {margin-top: 10px;}
#MenuTableWrap {margin: 0 auto;}
#MenuTableWrap .pdm_scroll_table_wrap {width:101.8%; height:385px; overflow-y:scroll; }
#MenuTable {width:100%; table-layout: fixed; text-align: center; border-collapse:collapse;}
#MenuTableTbody {width:100%; table-layout: fixed; text-align: center; border-collapse:collapse;}
#MenuTableTbody td {height:34px; border: 1px solid #b9c5d6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#MenuTableTbody td:first-child {height:34px; border: 1px solid #b9c5d6;}
#MenuTable td {height:34px; border: 1px solid #b9c5d6; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#MenuTable td:first-child {height:34px; border: 1px solid #b9c5d6;}
#MenuTable #thead td {height:25px; line-height: 25px; border-right: 1px solid #fff; text-align: center;}
#MenuTable #thead {width:100%; font-size: 12px; color:#fff; text-align: center; background-color: #819bcb; background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d)); border: 1px solid #fff;}
/* ?뚯씪?쒕젅洹??곸뿭 style 異붽? */
#dropzone{border:2px dotted #3292A2;width:98%;height:50px;color:#92AAB0;text-align:center;font-size:12px;padding-top:5px;margin-top:5px;}
.dropzone{border:2px dotted #3292A2;width:98%;height:50px;color:#92AAB0;text-align:center;font-size:12px;padding-top:5px;margin-top:5px;}
/* 泥⑤??뚯씪 ?곸뿭 */
#uploadedFileArea, #specAttachFileList, #reqAttachFileList, #resAttachFileList {width:99.1%; height:100px; overflow-y:scroll; font-size:13px; text-align:left; border: 1px solid #ccc;}
#uploadedFileArea tr {height:18px !important;}
#uploadedFileArea td a {height:18px !important; line-height:18px !important;}
.border1 {border:1px solid #ccc; }
/* 泥⑤??뚯씪 ?ㅽ겕濡?紐⑸줉 */
.fileListscrollThead {width:100% !important; border-collapse:collapse; text-align:center; }
.fileListscrollThead td {background: #8e9194; height:20px !important; color:#fff; border:1px solid #ccc; }
.fileListscrollThead_x {width:100% !important; border-collapse:collapse; text-align:center; }
.fileListscrollThead_x td {background: #8e9194; height:20px !important; color:#fff; border-right:1px solid #ccc;}
.fileListscrollTbody {width:100%;border-collapse:collapse; text-align:center; }
.fileListscrollTbody td {border: 1px solid #ccc; height:15px ! important; font-size:13px;}
.fileListscrollTbody_2 {width:100%;border-collapse:collapse; text-align:center; }
.fileListscrollTbody_2 td {border: 1px solid #ccc; height:15px ! important; font-size:13px; }
/** Loading Progress BEGIN CSS **/
@keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
@-o-keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
.loading-container,
.loading {
height: 100px;
position: relative;
width: 100px;
border-radius: 100%;
}
.loading-container-wrap { background:rgba(0,0,0,0.7); height:100%; width:100%; position:absolute; top:0; left:0; display:none; z-index:999;}
.loading-container { margin: 10% auto 0; }
.loading {
border: 2px solid transparent;
border-color: transparent #FFFFFF transparent #FFFFFF;
-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
-moz-transform-origin: 50% 50%;
-o-animation: rotate-loading 1.5s linear 0s infinite normal;
-o-transform-origin: 50% 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-transform-origin: 50% 50%;
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.loading-container:hover .loading {
border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#loading-text {
-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
-o-animation: loading-text-opacity 2s linear 0s infinite normal;
-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
animation: loading-text-opacity 2s linear 0s infinite normal;
color: #FFFFFF;
font-family: "Helvetica Neue, "Helvetica", ""arial";
font-size: 10px;
font-weight: bold;
margin-top: 45px;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
width: 100px;
}
#_loadingMessage {
-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
-o-animation: loading-text-opacity 2s linear 0s infinite normal;
-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
animation: loading-text-opacity 2s linear 0s infinite normal;
color:#FFFFFF;
width:80%;
margin:10px auto 0;
text-align:center;
font-size:20px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #ccc, #ccc);
}
._table1::-webkit-scrollbar {
width: 0px;
/* widtrgb(250, 213, 108) 100, 101) 洹몃━???곸슜 ?덊븳怨녹뿉 ?ㅻ뜑/?뚯씠釉?width ?덈쭪?? ?댁씪 源€?€由щ떂怨??뺤씤 ?꾩슂 */
height: 0px;
}
/** 211114 css異붽? ksh **/
td.align_l{ padding-left: 2px;}
h3 {margin-top: 30px; height:35px; color:000; font-size: 14px; line-height: 35px; background: url("../images/h3_img.png") 0 14px no-repeat; padding-left: 7px;}
h3 span{color: #2D5EC4;}
ul.process { display: block; width:95%; margin: 0; background: url("../images/ul_line.png") 0 20px repeat-x; padding: 0 10px; position: relative; z-index: 1; }
ul.process li { font-size:12px;display:inline-block; line-height:130%; background: url("../images/ul_li.png") 50% 14px no-repeat; padding: 15px 0 10px ; }
ul.process li span { font-size:10px; }
ul.process li strong{position: absolute; z-index: 2; top:16px; }
.plm_table_wrap{ position: relative; overflow: hidden; } /* ?뚯씠釉??쇱そ 以꾩깮源€ ??젣 */
.plm_table_wrap1{ position: relative; }
.plm_table{margin-left:-1px; }/* ?뚯씠釉??쇱そ 以꾩깮源€ ??젣 */
.plm_table tbody tr:hover {background-color:#f5f8fa;} /* table hover??而щ윭 */
.plm_table tr:hover .none {background-color:#fff;} /* rowspan?쇨꼍???대옒??td.none 異붽? */
/* .plm_table.type02 ?뚯씠釉??ㅽ???異붽? */
.plm_table.type02 thead td{ font-weight: bold; background: #808080 /*url("../images/ul_li.png") 0 0 repeat;*/; padding: 12px 0; }
.plm_table.type02 .plm_thead td:last-child{ border-right: 0px;}
.plm_table.type02 td a {color:#0088cc;}
.plm_table.type02 td a:hover {text-decoration: underline;}
/*異붽?*/
.tab_nav{font-size:0; margin-bottom:10px;float:left}
.tab_nav a {display:inline-block; width:160px; text-align:center; height:29px; line-height:28px; border:solid 1px #c3c3c3; border-radius: 5px 5px 0 0; border-bottom:1px solid #037ECC; font-size:16px; position:relative; z-index:1; }
.tab_nav a+a{margin-left; -1px;}
.tab_nav a.active{background-color:#037ECC; border-color:#037ecc; color:#fff; z-index:2;}
.col_arrow{width:70px; font-size:0; text-align:center;margin:0 auto; background-color:#fff;}
.col{display:table-cell; vertical-align:middle; padding:4px 0; border-bottom:solid 1px #e5e5e5;margin:0 auto}
.col_arrow button{background-color:#fff;}
.bt_order{display:inline-block; width:35px; height:30px; vertical-align:middle}
.ico_comm {display:inline-block; overflow:hidden; color:transparent; vertical-align:middle; text-indent:-9999px;}
.bt_order .ico_up{width:30px; height:30px; background: url(../images/bt_order_up.gif) center center no-repeat;background-color:#fff;}
.bt_order .ico_down{width:30px; height:30px; background: url(../images/bt_order_down.gif) center center no-repeat;background-color:#fff;}
.bt_order .ico_per{width:30px; height:30px; background: url(../images/bt_order_per.gif) center center no-repeat;background-color:#fff;}
.bt_order .ico_next{width:30px; height:30px; background: url(../images/bt_order_next.gif) center center no-repeat;background-color:#fff;}
button{cursor:pointer;}
.table-hover:hover tbody tr:hover td {
background: #f4f4f4;
color: black;
cursor: pointer; }
.selected {
background: #f4f4f4;
color: black; }
/* tabulator 洹몃━???꾩슜 */
.tabulator-col{
background: linear-gradient(to bottom, #e8eaed 0%, #dfe1e5 100%) !important;
color: #202124 !important;
font-size: 12px !important;
font-weight: 600 !important;
font-family: 'Noto Sans KR', sans-serif !important;
border-right: 1px solid #c0c3c7 !important;
border-bottom: 2px solid #b0b3b8 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* tabulator 행 hover 효과 */
.tabulator-row:hover {
background-color: #e8f0fe !important;
cursor: pointer;
}
.tabulator-row.tabulator-selected {
background-color: #d2e3fc !important;
}
.tabulator-row.tabulator-selected:hover {
background-color: #c5d9f7 !important;
}