@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; bor position: sticky; top: 0px; } /* 웹폰트***************************************************************** @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;} .fullSizeText { width:99.9%; height:99%; } /* text-align*/ .align_l {text-align: left !important;} .align_l2 {text-align: left !important;padding-left: 2px;} .align_c {text-align: center !important;} .align_r {text-align: right !important;} .align_r2 {text-align: right !important;padding-right: 2px;} /* 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;} /* 파일첨부 아이콘 */ .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%;} .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_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:8px; width:180px; height:40px; background: url(/images/mainLogo_kumho.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 공통******************************************************************************/ /* 페이지 최소 가로 너비 설정 소스 */ #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:97.6% !important; padding: 5px 20px 5px 5px; font-size: 13px; min-height: 45px;/* background-image: -ms-linear-gradient(top, #fff, #e6e9ed); */ /* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e9ed)); */ border-bottom: 1px solid #d4d4d4;} #plmSearchZon label {font-size:13px !important;} #plmSearchZon table {table-layout: fixed;} #plmSearchZon table td span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #plmSearchZon table td:nth-child(odd) {padding-right:3px;} #plmSearchZon table td:nth-child(even) {padding-right: 20px;} #plmSearchZon .short_search td:nth-child(even) {padding-right: 15px;} #plmSearchZon label {background: url(../images/orangeLabel.png) left center no-repeat; padding-left: 10px; font-weight: 500;} #plmSearchZon input[type="text"] {width:152px; border: 1px solid #ccc; background: #fff; height:20px; line-height:20px; border-radius: 2px;} #plmSearchZon select {border: 1px solid #ccc; background: #fff; width:152px; height:20px; line-height:20px; border-radius: 4px;} #plmSearchZon p {border: 1px solid #ccc; background: #fff; width:150px; height:20px; line-height:20px; border-radius: 2px;} .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_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_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 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:10px; top:11px; height:25px; line-height:25px; padding:0px 10px; font-size:12px; color:#666666; z-index:1;} .table_paging_wrap select {box-sizing:content-box; position:absolute; right:60px; 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;} .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:/* 컬러변경 */ forestgreen;} 50% {background-color:#008000;} } /* for Chrome, Safari */ @-webkit-keyframes blink { 0% {background-color:forestgreen;} 50% {background-color: #008000;} } /* 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:/* 컬러변경 */forestgreen!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:141px; 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: 35px; background: url(/images/menu2.png) center left no-repeat; padding-left: 15px;} .menu2 a:hover {font-size: 13px; color:#000; letter-spacing: -1px; width:140px; height:30px; display: block; line-height: 30px; margin-left: 35px; background: url(/images/menu2.png) center left no-repeat; padding-left: 15px; background-color: #e7eaee;} #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;} #businessPopupFormWrap .form_popup_title {width: 100.7%; border-bottom: 1px solid #cccccc; height:30px; color: #fff; background:/* 컬러변경 */forestgreen; 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 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 input[type="text"] {width:99%; height:22px; border: 1px solid #ccc; border-radius: 2px; } .pmsPopupForm input[type="number"] {width:99%; 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;} .label_button{float:right;margin-right:5px; } .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;} .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;} .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 input[type="password"] {width:98.5%; height:95%; border: 1px solid #ccc;} #adminPopupForm td select {width:98.5%; height:98%; margin-top: 1px;} #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; } /*메뉴관리팝업1***********************************************************************************************/ .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;} /*메뉴관리팝업2*******************************************************************************************************/ /**좌측프레임**/ .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;} /* 첨부파일 스크롤 목록 */ .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{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: #6f7477 !important; color:#fff !important; font-size: 13px !important; font-family: 'Noto Sans KR', sans-serif !important; } /* intops css start */ .hGnb{position:absolute;top:35px;left:0;width:100%;border-top:1px solid #000;margin-left: 0px;border-bottom:1px solid #000;} .hGnb .gnb{margin-left:0;border-bottom:1px solid #000;padding-left:10px;} .gnb > li {height:50px;} .gnb > li:before{top:19px;} .gnb .subGnb {top:51px;} .gnb > li > a {top:16px} .gnb > li > a > span:before {top:34px;} .gnb > li:hover > a, .gnb > li.active > a { color:/*컬러변경*/ forestgreen; } .gnb > li > a > span:before { background-color:/*컬러변경*/ forestgreen; } .gnb > li > a > span:after { background-color:/*컬러변경*/ forestgreen; } .gnb .subGnb a:hover { color:/*컬러변경*/ forestgreen; } .gnb .subGnb .subDepGnb > li a:hover { color:/*컬러변경*/ forestgreen; } .gnb > li { position: relative; float: left; height: 40px; cursor: pointer; font-family: 맑은 고딕, Malgun Gothic,sans-serif, dotum,'돋움',Apple-Gothic; } .gnb > li:first-child { padding-left: 0; } .gnb > li > a { position: relative; top: 14px; padding: 0 14px 0; display: block; font-weight: 700; z-index: 5; } .gnb > li:first-child > a { border: none; } .gnb > li > a > span { position: relative; } .gnb > li > a > span:before { position: absolute; top: 45px; left: 50%; display: block; width: 0; height: 3px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: ranslateX(-50%); transform: translateX(-50%); transition: width 0.7s cubic-bezier(0.86, 0, 0.07, 1); } .gnb > li:hover > a > span:before, .gnb > li.active > a > span:before { width: 100%; } .gnb .subGnb { visibility: hidden; opacity: 0; position: absolute; top: 71px; width: 174px; overflow: hidden; background-color: #fff; border-top: 0px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); z-index: 1; } .gnb .subGnb > li { line-height: 50px; border-top: 1px solid #e2e2e2; } .gnb .subGnb > li:first-child { border: none; } .gnb .subGnb a { padding-left: 17px; display: block; color: #222; font-size: 14px; } .gnb > li:hover .subGnb { visibility: visible; opacity: 1; transition: visibility .4s, opacity .5s; } .gnb .subGnb .subDepGnb { padding: 15px 0 12px 18px; display: block; border-top: 1px solid #e2e2e2; } .gnb .subGnb .subDepGnb > li { padding-left: 9px; width: 100%; height: 25px; } .gnb .subGnb .subDepGnb > li a { padding: 0; width: 100%; height: 100%; color: #666; font-size: 14px; } a { color: #000; font-family: 맑은 고딕, Malgun Gothic,sans-serif, dotum,'돋움',Apple-Gothic; } a,a:visited,a:hover,a:active { text-decoration: none; font-family: 맑은 고딕, Malgun Gothic,sans-serif, dotum,'돋움',Apple-Gothic; } .favoritCont { background: #606060; } .favoritCont { position: absolute; top: 0; bottom: 0; left: 0; width: 70px; } .faovriteListCont { position: absolute; top: 0; bottom: 45px; left: 0; right: 0; } .favoriteList { padding: 20px 0; } .favoriteList > li { position: relative; margin-top: 25px; text-align: center; } .favoriteList > li:first-child { margin: 0; } .favoriteList > li > a { display: block; } .favoriteList > li span { display: block; } .favoriteList .countStyle { margin-top: 7px; display: inline-block; } .favoriteList > li .toolTip { top: 0; display: none; font-size: 12px; color: #666; } .favoriteList > li a:hover+.toolTip { display: block; } .favoriteList .icon { text-indent: -99999px; font-size: 0; background: url('/HtmlSite/smarts4j_n/covicore/resources/images/common/ic_fav_list.png') no-repeat center 0; } .favoriteList .default { padding: 0; line-height: inherit; background: none; } .favoriteList .mail .icon { height: 17px; background-position: center 0; } .favoriteList .pendency .icon { height: 23px; background-position: center -30px; } .favoriteList .toDaySchedule .icon { height: 20px; background-position: center -67px; } .favoriteList .survey .icon { height: 22px; background-position: center -100px; } .favoriteList .posts .icon { height: 21px; background-position: center -137px; } .favoriteList .reqWork .icon { height: 20px; background-position: center -176px; } .favoriteList .community .icon { height: 19px; background-position: center -217px; } .favoriteList .default .icon { height: 21px; background-position: center -257px; } .favoriteList .timeSquare .icon { height: 21px; background-position: center -299px; } .favoriteList .proposalevaluation .icon { height: 25px; background-position: center -382px; } .favoriteList .businesscreditcard .icon { height: 23px; background-position: center -423px; } .favoriteList .BRWeather .icon { height: 21px; background-position: center -463px; } .favoriteList .myWork .icon { height: 25px; background-position: center -336px; } .favoriteList .myWork .tooTip { margin-top: -50px; } .favorite_set { position: absolute; bottom: 0; width: 100%; height: 45px; } .favorite_set > li { position: relative; float: left; width: 100%; height: 100%; } .favorite_set > li > a { display: block; width: 100%; height: 100%; text-indent: -99999px; opacity: .6; } .favorite_set > li > a:hover { opacity: 1; } /* intops css end */