@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 {

}

/*스크롤바 chrome*********************************************************/
/* SCROLL */
::-webkit-scrollbar { width: 10px; height:8px;}
/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #f0f0f0; }
/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb { 
    /* background: linear-gradient(to bottom, #f5d78e, #f5d78e); */
}
/* 스크롤바 색 */
::-webkit-scrollbar-button { display: none; }

/*초기화*/

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;}

/* text-align*/

.align_l {text-align: left !important;}
.align_c {text-align: center !important;}
.align_r {text-align: right !important;}

/* 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;}

/* 페이징 스타일 관리자/사용자 공통 */
.pagenation_table {width:97.5%; margin:0 auto;}
.pagenation_table {width:50px; margin: 20px auto 0;}
.pagenation_table tr td a {color:#000; width:40px; height:25px; display: block; text-align: center; font-size: 13px; line-height: 25px}
.page_pro {position:relative;}
.page_counter {font-size: 13px; position:absolute;top:0; right:0;}
.pagenation_table .pagenation_pre a {color:#8b9097;}
.pagenation_table .pagenation_next a {color:#8b9097;}

/* bom report 아이콘 */


.bom_icon {margin: 0 auto; display:inline-block; width:15px; height:15px; background: url(../images/bom.png) no-repeat; background-size: 100% 100%;}

/* 파일첨부 아이콘 */

.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%;}
.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%;}

/* 원가관리 압력 아이콘  */
.costPriceFormPopupBtn {display:inline-block; padding:0 5px 0 5px; border-radius:3px; border: 1px solid #fff;}

/* 이미지 비표시 */

.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;}

/* 정상/지연 */

.normal_pace {color:blue;}
.delay {color:red;}

/* 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%; width:100%;}
#loginBack {background: url(../images/loginPage.jpg) no-repeat;
            width:100%; height:100%;
           background-size: cover;
           background-repeat: no-repeat;}
/* 로그인화면 배경 */
#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_flutek {background: url(../images/loginPage_flutek.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
#loginBack_jyc {position:relactive; background: url(../images/loginPage_jyc.jpg) 0 350px no-repeat; height:100%; width:100%; background-size: 100%;/*height:400px;background-size:100%;*/}
#loginBack_moldwin {background: url(../images/loginPage_moldwin.jpg) no-repeat center; width:100%; height:100%; background-size: cover;}
#loginBack_dhis {background: url(../images/loginPage_dhis.jpg) no-repeat center; width:100%; height:100%; background-size: cover;}
#loginBack_dainhoist {background: url(../images/loginPage_dainhoist.jpg) no-repeat center; width:100%; height:100%; background-size: cover;}

/* DONGYANG */
#loginBack_dongyang {background: url(../images/loginPage_dongyang.jpg) no-repeat center; width:100%; height:100%; background-size: cover; position:absolute;top:0;}
#loginBack_dongyang > form#loginForm {height:100%;}
.login_layout {display:flex; justify-contents:flex-start; align-items: stretch; height:100%;}
#loginBack_dongyang .logo_slogan_box {display:flex; align-items:center; justify-content:center; flex-direction:column; flex:1; min-width:450px;
				background-color:rgba(255,255,255,0.95);  box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;}
#loginBack_dongyang #loginWrap {display:flex; justify-content:center; align-items:center; flex:2; min-width:550px;}
#loginBack_dongyang #login_box {background-color:rgba(255,255,255,0.95);  box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px; border-radius:3px;
								padding:80px 50px; display: flex; flex-direction: column; align-items: center;
								width: unset; top: unset; right: unset; position: unset; }
#loginBack_dongyang #login_box input[type="button"] {border-radius: 5px; border: 1px solid #0153a6; background:#0153a6; width:100%; height:27px;
                                display: block; color:#fff; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_dongyang input {height:30px !important; font-size:14px !important;}
.loginLogo_dongyang {display: block; width: 251px; height: 140px; background: url(../images/loginLogo_dongyang.png) left bottom no-repeat; margin-bottom:80px;}
.slogun_box_dongyang {background: url(../images/slogan_dongyang.png) no-repeat; background-size: contain;
         		      width: 319px; height:141px;}
header h1 .mainLogo_dongyang {display:block; width:250px; height:75px; background: url(../images/mainLogo_dongyang.png) center center no-repeat; margin-top:0px; }

/* HUTECH */
#loginBack_hutech {background: url(../images/loginPage_hutech.jpg) no-repeat center; width:100%; height:100%; background-size: cover; position:absolute;top:0;}
#loginBack_hutech > form#loginForm {height:100%;}
#loginBack_hutech .login_layout {display:flex; justify-contents:flex-start; align-items: stretch; height:100%;}
#loginBack_hutech .logo_slogan_box {display:flex; align-items:center; justify-content:center; flex-direction:column; flex:1; min-width:450px;
									background-color:rgba(255,255,255,0.95);  box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;}
#loginBack_hutech #loginWrap {display:flex; justify-content:center; align-items:center; flex:2; min-width:550px;}
#loginBack_hutech #login_box {background-color:rgba(255,255,255,0.95);  box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px; border-radius:3px;
						      padding:80px 50px; display: flex; flex-direction: column; align-items: center;
							  width: unset; top: unset; right: unset; position: unset; }
#loginBack_hutech #login_box input[type="button"] {border-radius: 5px; border: 1px solid #dd2a00; background: #dd2a00; width:100%; height:27px;
                                display: block; color:#fff; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_hutech input {height:30px !important; font-size:14px !important;}
.loginLogo_hutech {display: block; width: 278px; height: 49px; background: url(../images/loginLogo_hutech.png) left bottom no-repeat; margin-bottom:80px;}
.slogun_box_hutech {background: url(../images/slogan_hutech.png) no-repeat; background-size: contain;
         			  width: 342px; height:222px;}
header h1 .mainLogo_hutech {display:block; margin-left:12px; width:210px; height:75px; background: url(../images/mainLogo_hutech.png) center center no-repeat;
							background-size: contain; margin-top:0px; }


/* ZTON */
#loginBack_zton {overflow:hidden;background: url(../images/loginPage_zton.jpg) no-repeat center; width:100%; height:100%; background-size: cover; position:absolute;top:0;}
#loginBack_zton > form#loginForm {height:100%;}
#loginBack_zton .login_layout {display:flex; justify-contents:flex-start; align-items: stretch; height:100%;}
#loginBack_zton .logo_slogan_box {display:flex; align-items:center; justify-content:center; flex-direction:column; flex:1; min-width:450px;
									background-color:rgba(255,255,255,0.95);  box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px;}
#loginBack_zton #loginWrap {display:flex; justify-content:center; align-items:center; flex:2; min-width:550px;}
#loginBack_zton #login_box {background-color:rgba(255,255,255,0.95);  box-shadow:rgba(0,0,0,0.35) 0px 7px 29px 0px; border-radius:3px;
						      padding:80px 50px; display: flex; flex-direction: column; align-items: center; 
							  width: unset; top: unset; right: unset; position: unset; }
#loginBack_zton #login_box input[type="button"] {border-radius: 5px; border: 1px solid #0a63af; background: #0a63af; width:100%; height:27px;
                                display: block; color:#fff; font-size:11px; font-weight:normal; margin-top:15px; text-transform:uppercase;}
#loginBack_zton input {height:30px !important; font-size:14px !important;}
.loginLogo_zton {display: block; width: 256px; height: 94px; background: url(../images/loginLogo_zton.png) left bottom no-repeat;}
.slogun_box_zton {background: url(../images/slogan_zton.png) no-repeat; background-size: contain;
				  width:340px; height: 148px;}
#loginBack_zton .divider_vertical {border-left: 1px solid #ddd; height:100px; margin: 50px 0}
header h1 .mainLogo_zton {display:block; margin-left:12px; width:200px; height:75px; background: url(../images/mainLogo_zton.png) center center no-repeat;
			   			  background-size: contain; margin-top:0px; }





/* 로그인화면 회사로고 */
.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_flutek {display:block; width:180px; height:47px; background:url(../images/loginLogo_flutek.png) left bottom no-repeat; background-size:100%;
                margin-left: 50px; padding-top:100px;}              
.loginLogo_jyc {display:block; width:250px; height:57px; background:url(../images/loginLogo_jyc.png) left bottom no-repeat; background-size:100%;
                margin-left: 50px; padding-top:50px;/*overflow-y:hidden;*/}
.loginLogo_moldwin {display:block; width: 259px; height: 60px; background:url(../images/loginLogo_moldwin.png) left bottom  no-repeat;
                margin-left: 50px; padding-top:70px; opacity:0.8}
.loginLogo_dainhoist {display: block; width: 339px; height: 60px; background: url(../images/loginLogo_dainhoist.png) left bottom no-repeat;
				margin-left: 70px; padding-top: 70px;}
.loginLogo_dhis {display:block; height: 99px; background: url(../images/loginLogo_dhis.png) no-repeat; background-position:right bottom;
			    margin : 0 180px; padding-top:70px}                                
#loginWrap {position:relative; width:1200px;}
#loginBack_dhis #loginWrap {position:relative; width:100%;}

/* 슬로건 */
.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_flutek {background: url(../images/slogun_flutek.png) no-repeat; background-size: 100%;
            width:1200px; height:272px; position:relative; top: 55px; left:50px;}
.slogun_box_jyc {background: url(../images/slogun_jyc.png) no-repeat; background-size: 100%;
            width:900px; height:272px; position:relative; top: 55px; left:50px; float:left;}
.slogun_box_moldwin {background: url(../images/slogan_moldwin.png) no-repeat;
			width: 700px; height: 250px; margin-left: 70px; margin-top: 80px;}
.slogun_box_dainhoist {background: url(../images/slogan_dainhoist.png) no-repeat;
            width: 700px; height: 250px; margin-left: 70px; margin-top: 80px;}
.slogun_box_dhis {background: url(../images/slogan_dhis.png) no-repeat bottom left; height: 250px; margin:80px 180px; 
             display:flex; justify-content:flex-end; align-items:flex-end; }

            
/* 로그인 버튼 컬러 */
.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;}
.slogun_box_flutek #login_box input[type="button"] {border-radius: 5px; border: 1px solid #0066cc; background:#0066cc; width:300px; height:27px;
                                display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_moldwin #login_box input[type="button"] {border-radius: 5px; border: 1px solid #02a5a6; background:#02a5a6; height:27px;
                                display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_dainhoist #login_box input[type="button"] {border-radius: 5px; border: 1px solid #484291; background:#484291; height:27px;
                                display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_dhis #login_box input[type="button"] {border-radius: 5px; border: 1px solid #b61d22; background:#b61d22; height:27px;
                                display: block; color:#fff; font-size:11px; font-weight:bold; margin-top:15px;}
.slogun_box_dhis > #login_box { position: relative; top:0; right:0; width:fit-content; }
  
#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:310px; right:180px; width:260px;}
#login_box label {display: none;}
#login_box input[type="text"] {border-radius: 5px; border: 1px solid #dcdcdc; width:220px; height:27px;
                    color:#000; font-size:11px; margin-bottom:10px;}
#login_box input[type="password"] {border-radius: 5px; border: 1px solid #dcdcdc; width:220px; height:27px;
                    color:#000; font-size:11px;}
/*plm 공통******************************************************************************/

/* 페이지 최소 가로 너비 설정 소스 */

#pageMinWidth {min-width: 1500px;}
#taskPageMinWidth {min-width:1600px;}

/* 컨텐츠 페이지 상단 메뉴표시 공통 소스 */

.plm_menu_name_gdnsi {width:100%; background: #e7eaee;  border-bottom: 1px solid #d4d4d4;}
.plm_menu_name_gdnsi h2 {width:97.5%; margin: 0 auto; height:35px; color:000; font-size: 13px; line-height: 35px;}
.plm_menu_name_gdnsi h2 span {height: 35px;  padding-left: 23px; background: url(../images/minilogo_gdnsi.png) center left no-repeat; background-size:contain;}

.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; text-align:center;}
.plm_menu_name_ieg h2 span {height: 35px;  padding-left: 30px; background-size:contain;font-size:16px;}


section>.plm_menu_name_ieg {background: #1159bc; }
section>.plm_menu_name_ieg h2 {width:100%; margin: 0; height:30px; color:fff; font-size: 13px; line-height: 30px; text-align:left;}
section>.plm_menu_name_ieg h2 span {background: none;height:30px; color:fff; font-size: 13px; line-height: 30px; text-align:left;margin-left:15px;padding-left:0}
section>.plm_menu_name_ieg h2 span:before { content:'';width:5px;height:12px;border-radius:2px;display:inline-block;margin-right:6px;background:#fff; }

.plm_menu_name_gyrozen {width:100%; background: #e7eaee;  border-bottom: 1px solid #d4d4d4;}
.plm_menu_name_gyrozen h2 {width:97.5%; margin: 0 auto; height:35px; color:000; font-size: 13px; line-height: 35px;}
.plm_menu_name_gyrozen h2 span {height: 35px;  padding-left: 30px; background: url(../images/miniLogo_gyrozen.png) center left no-repeat; background-size:contain;}

.plm_menu_name_flutek {width:100%; background: #e7eaee;  border-bottom: 1px solid #d4d4d4;}
.plm_menu_name_flutek h2 {width:97.5%; margin: 0 auto; height:35px; color:000; font-size: 13px; line-height: 35px;}
.plm_menu_name_flutek h2 span {height: 35px;  padding-left: 30px; background: url(../images/miniLogo_flutek.png) center left no-repeat; background-size:contain;}

/* 삭제버튼 */
.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;}

/* 숫자칸 스타일 */

.number_td td p {text-align:right; padding-right:5px;}

/* form 화면 input 박스 스타일 */

.form_input {width:100% !important; height:100%; border:1px solid #01aced;}

/* 컨텐츠 페이지 공통 기본 마진 */

.contents_page_basic_margin {width:97.5%; margin:0 auto;}
.contents_page_basic_margin  .btn_wrap { top:0;margin-top:-5px;height:35px}
.contents_page_basic_margin .tit{font-size:20px; font-weight:700; float:left}

/******버튼 공통 소스 *******/
.btn_wrap {position:relative; top:10px; height:45px;}
section .btn_wrap { height:auto;}
.plm_btns {height:25px; background: #163f93!important; border-radius: 3px; color:#fff; cursor: pointer; margin-left: 5px;
				 font-size: 12px;  float:left; padding:3px 15px; font-weight:400; transition-duration: 0.2s;border:0}
.plm_btns:first-child {margin-left: 0px; }
.plm_btns:first-child:hover {margin-left: 0px;}
.plm_btns:hover { background: #9A9A9A;}
	 
.gray_btns {height:25px; background: #9A9A9A!important; border-radius: 3px; color:#fff; cursor: pointer; margin-left: 5px;
				 font-size: 12px;  float:left; padding:3px 15px; font-weight:400; transition-duration: 0.2s;border:0}
.gray_btns:hover { background: #9A9A9A;}

.green_btns {height:25px; background: green!important; border-radius: 3px; color:#fff; cursor: pointer; margin-left: 5px;
				 font-size: 12px;  float:left; padding:3px 15px; font-weight:400; transition-duration: 0.2s;border:0}




.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;}
.inline{display:inline-block}
/*버튼 중앙정렬*/
.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%;}

/* 현황 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.5%;margin:10px auto 5px;font-size: 13px; }
#plmSearchZon label {font-size:13px !important;}
#plmSearchZon table {table-layout: fixed;}
#plmSearchZon table td{padding-bottom:5px}
#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: 10px;}
#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: 2px;}
#plmSearchZon p {border: 1px solid #ccc; background: #fff;  width:150px; height:20px; line-height:20px; border-radius: 2px;}


.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) 공통 스타일 소스 */
.plm_table_wrap {width:100%; clear:both; border-bottom: 1px solid #eee; margin-bottom:50px;}
.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_table thead {font-weight: 500; }
.plm_table .plm_thead {background: #67686f;border-top:1px solid #0e0f17;}
.plm_table th {background: #efefef;border-top:1px solid #0e0f17;}

.plm_table .plm_thead td {border: 1px solid #e0e0e0; color:#fff; border-left: 1px solid #e0e0e0 !important;}
.plm_table .plm_thead td:last-child {border-right:1px solid #767a7c;}
.plm_table .plm_sub_thead td {background: #f0f3f4;border-bottom:1px solid #787c7e}
.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 !important;}
/* .plm_table td:first-child  {border-left:0 } */
.plm_table td a {color:##2043ad;  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;}
.plm_table .al_left{text-align:left; padding-left:20px;}
.plm_table .al_right{text-align:right; padding-right:20px;}
.plm_table .bg02{background: #dff1fb}

.par10 {padding-right:10px;}
.plm_table2_wrap {width:100%; clear:both; border-bottom: 1px solid #eee; margin-bottom:50px;}
.plm_table2_wrap_bk {width:100%; clear:both; border-bottom: 2px solid rgb(68, 68, 68); }
.plm_table2 {width:100%; table-layout: fixed; border-collapse: collapse; background: #fff; text-align: center; font-size: 13px; }
.plm_table2 thead {font-weight: 500; }
.plm_table2 th {background: #efefef;}

.plm_table2 td {height: 30px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background-color:#EFEFEF;text-align:left;font-size:14px}
.plm_table2 td:last-child {border-right: 0;}
/* .plm_table td:first-child  {border-left:0 } */
.plm_table2 td a {color:##2043ad;  padding-bottom: 2px; line-height: 23px;}
.plm_table2 td select {width:95%;}
.plm_table2 td input {height:24px;width:95%; border:solid 1px #ccc !important}
.plm_thead2 {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;}
.plm_table2 .al_left{text-align:left; padding-left:20px;}
.plm_table2 .al_right{text-align:right; padding-right:20px;}


.plm_table3 {width:100%; table-layout: fixed; border-collapse: collapse;  text-align: center; font-size: 13px; }
.plm_table3 thead {font-weight: 500; }
.plm_table3 .plm_thead {background: #67686f !important;border-top:1px solid #0e0f17 !important;}
.plm_table3 th {background: #efefef;border-top:1px solid #0e0f17;}

.plm_table3 .plm_thead td {border: 1px solid #e0e0e0; border-left: 0; color:#fff !important;}
.plm_table3 .plm_thead td:last-child {border-right:1px solid #767a7c;}
.plm_table3 .plm_sub_thead td {background: #f0f3f4;border-bottom:1px solid #787c7e}
.plm_table3 td {height: 26px; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plm_table3 td:last-child {border-right: 0;}
/* .plm_table td:first-child  {border-left:0 } */
.plm_table3 td a {color:##2043ad;  padding-bottom: 2px; line-height: 23px;}
.plm_table3 td select {width:95%;}
.plm_table3 td input[type="button"] {margin: 0 auto;}
.plm_table3 td input[type="text"] {width:100%; height:100%; border:0; }
.plm_table3 td input[type="number"] {width:99%; height:100%; border:0; }

.plm_table3 .al_left{text-align:left; padding-left:20px;}
.plm_table3 .al_right{text-align:right; padding-right:20px;}
.plm_table3 .bg02{background: #dff1fb}



.hover_tr tr:hover {background-color:#e7eaee;}
   
/* 상세 화면 keyin값 스타일*/

.viewtable td {border-bottom:1px dashed #ccc;}

.content-box {padding:5px 5px 0px 0; background:#f5f5f5;height:100%;box-sizing:border-box}
.content-box-s {background:#fff ;border:1px solid #ebebeb;;box-shadow:1px 1px 4px 0px rgba(0, 0, 0, 0.2);border-radius:8px;min-height:90%;overflow:hidden}
.content-box .plm_menu_name_ieg  {background:#eaf7fd;border-bottom:1px solid #ebebeb;}
.content-box .plm_menu_name_ieg h2 {width:100%;text-align:left;padding-left:15px;box-sizing:border-box}
.content-box .plm_menu_name_ieg h2 span { background:none;color:#163f93;padding:0;font-weight:bold;font-size:14px}
.content-box .plm_menu_name_ieg h2 span:before { content:'';width:4px;height:11px;margin-right:5px;background:#163f93;display:inline-block;border-radius:2px}

/* 말줄임이 필요없는 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: #f8f8f8; overflow-x:hidden;}
.plm_scroll_yx_table {overflow-y: scroll; clear:both; background: #f8f8f8; overflow-x:scroll;}
#businessPopupFormWrap .plm_scroll_table {background:#fff; }

/* 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;}

/* 상세페이지 스타일 */

.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: #0088cc;}
 50% {background-color: #0da1eb;}
}
 
/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background-color:#0088cc;}
 50% {background-color: #0da1eb;}
}
 
/* 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:75px; background-color:#1159bc;overflow-y:hidden;}
header table {height:75px;}
header table {float:right; margin-right: 22px;}
header table .admin a {color: #fff; font-size: 13px; padding-right:17px;}
header table td a,
header table .admin a
{color: #fff;padding: 2px 20px;font-size: 12px;/* background-color: #de2725; */ text-align:center;display:block}
 header table a img { display:block;margin:4px auto 5px}
header table td {color: #fff; font-size: 13px;}

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_gyrozen {display:block; width:180px; height:60px; background: url(../images/mainLogo_gyrozen.png) center center no-repeat; background-size:100%; margin-top:0px;}
header h1 .mainLogo_flutek {display:block; width:180px; height:60px; background: url(../images/mainLogo_flutek.png) center center no-repeat; background-size:100%; margin-top:0px;}
header h1 .mainLogo_jyc {display:block; width:176px; height:75px; background: url(../images/mainLogo_jyc.png) center center no-repeat; background-size:100%; margin-top:0px; }
header h1 .mainLogo_moldwin {display:block; width:176px; height:75px; background: url(../images/mainLogo_moldwin.png) center center no-repeat; background-size:100%; margin-top:0px; }
header h1 .mainLogo_dhis {display:block; width:176px; height:75px; background: url(../images/mainLogo_dhis.png) center center no-repeat; margin-top:0px; }
header h1 .mainLogo_dainhoist {display:block; width:332px; height:75px; background: url(../images/mainLogo_dainhoist.png) center center no-repeat; margin-top:0px; }

.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:auto; 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; color:#fffd33; }
.work_notice .bell_back {display:inline-block; /* background: #24293c !important; */ 
						margin-right:5px; width:43px !important; height:28px !important; text-align:center;
						position:absolute; top:14px; left:-33px; /*border-top: 1px solid #606568;*/ border-radius:3px; border-right:0;}
span.work_notice {height:40px;line-height:40px;background:#163f93;color:#fff;font-size:13px;padding:0 19px ;border-radius:7px;display:inline-block;width:auto;margin-right:20px}
span.work_notice img { display:inline-block;margin-right:8px;vertical-align:-4px}


/**메뉴영역*****************************************************************/
#menu { border-bottom: 1px solid #e5e5e5;}
#menu .main_menu {border-top: 1px solid #e5e5e5;}

#menu .main_menu>span>a {width:175px; line-height: 35px;
			              font-size: 14px; color:#000; display: block;
			              margin-left: 15px;  letter-spacing: -1px;
			              background: url(../images/menu-arr-icon.png) 95% center no-repeat;box-sizing:border-box
			              }
.menu2  a {font-size: 13px; color:#000; letter-spacing: -1px;
            	       width:190px;  display: block;padding-bottom:10px;
                        
                        padding-left: 15px;background:#fff;margin-top:-1px;box-sizing:border-box
                        }

.menu2 a:hover { color:#1159bc}
.menu2 a:before { content:'-';display:inline-block;margin-right:3px}

#menuback {width:197px; background: url(../images/menuback.jpg) no-repeat; color: #000; height: 0 !important; padding-top:40px;}
.menuback_tt {width:95%; margin: 20px auto 30px; border-bottom: 1px solid #94c3ee;}
.menuback_tt p span {vertical-align: middle; display: inline-block; width:2px; height:2px; background: url(../images/dot_w.png) center center no-repeat; background-size: 100%; margin-right: 5px;}
.menuback_tt p:first-child {width:95%; font-size: 13px; margin: 0 auto 5px;}
.menuback_tt p:last-child {width:90%; font-size: 10px; margin: 0 auto 10px;}

.menu2 {display: none;}


#menuback_w {width:197px; }

#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;}

/*푸터**************************************************************/

footer {clear:both; height:69px; background: #fff; color:#000; position: relative; border-top: 1px solid #ccc;}
footer p { position:absolute; top:26px; right:420px; font-size: 15px;
            font-family: 'hyundaiHMNm','hyundaiHMNl', sans-serif;}
footer small { position:absolute; top:26px; right:83px;}

/*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/title_bullet.jpg) left center no-repeat;; background-size:contain; /* background-color: #0088cc; */ font-size:13px; color:#000; margin-bottom:6px; padding-left: 10px; font-weight: 500; line-height:13px;}
.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) no-repeat; margin-bottom:15px;}
.plmMainImg_jeil {width:100%; height:226px; background: url(../images/mainimg_jeil.jpg) no-repeat; margin-bottom:15px;}
.plmMainImg_iljitech {width:100%; height:226px; background: url(../images/mainimg_iljitech.jpg) no-repeat; margin-bottom:15px;}
.plmMainImg_ieg {width:100%; height:226px; background: url(../images/mainimg_ieg.jpg) no-repeat; margin-bottom:15px;}
.plmMainImg_jyc {width:100%; height:226px; background: url(../images/mainimg_jyc.jpg) no-repeat; margin-bottom:15px;}

/* 플러스 버튼 */

.addBtn {background: url(../images/add.png) left center no-repeat; background-size:contain; border:0; width:52px; height:13px; line-height:13px; padding-left:10px; font-size:14px; float:right;}

/* 진양메인 */

/* TAB */
.newContTab {overflow:hidden; border-bottom:solid 1px #aaa; padding-left:219px;}
.newContTab li {float:left; width:118px; height:36px; line-height:36px; text-align:center; margin-right:-1px; color:#fff; font-size:15px; font-weight:600; border:solid 1px #aaa; border-bottom-width:0; background-repeat:repeat-x; cursor:pointer;}
.newContTab .tab_on {background-image:url(../images/tab_on.png);}
.newContTab .tab_off {background-image:url(../images/tab_off.png);}

/* NEW CONTENT 공통 */
.newCont {}
.newCont section {float:left; position:relative;}
.newCont section ul {display:none; position:absolute; top:0px; left:4; width:570px; padding-top:28px; border-top:solid 1px #aaa;}
.newCont input[type="radio"] {display:none;}
.newCont section label {display:block; width:118px; height:25px; line-height:25px; text-align:center; margin-right:-1px; color:#fff; font-size:15px; font-weight:600; border:solid 1px #aaa; border-bottom-width:0; background:#3c3e45; cursor:pointer;}
.newCont input[type="radio"]:checked ~ ul {display:block;}
.newCont input[type="radio"]:checked ~ label {background:#de2725;}

/* 공지사항 */
#noticeTab {}
#noticeTab li {overflow:hidden;}
#noticeTab li {height:27px; line-height:27px; border-bottom:solid 1px #ccc; background:url(../images/bul_icon.gif) no-repeat left center; padding:0 10px;}
#noticeTab li a {float:left; display:block; width:170px; font-size:13px; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#noticeTab li span {float:right; display:block; font-size:13px; color:#999;}

/* qna */
#qnaTab ul {position:absolute; top:0px; left:-115px;}
#qnaTab li {height:27px; line-height:27px; border-bottom:solid 1px #ccc; background:url(../images/bul_icon.gif) no-repeat left center; padding:0 10px;}
#qnaTab li a {float:left; display:block; width:170px; font-size:13px; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#qnaTab li span {float:right; display:block; font-size:13px; color:#999;}

/*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: 15px; 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: 15px; 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;}


/* eo > part 추가 팝업 */

.eo_part_search_popup #pdmForm table td {width:0px !important;}


/* 양산이관 */
.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;}

/* pdm 페이징 스타일 관리자/사용자 공통 */
.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;}

/* 등록팝업 소스 ********************************************************************************************/

/* 팝업 페이지별 최소사이즈 필요시 입력 */

.business_popup_min_width {min-width: 650px;}
.business_staff_popup_min_width {min-width: 450px;}
.business_file_popup_min_width {min-width: 466px;}

/* 팝업 상단 파란타이틀 */
.pop-box {width: 99%;margin:5px auto 0 ;padding:5px;  font-size:13px; background: #fff;border:1px solid #ebebeb;box-sizing:border-box;border-radius:8px;box-shadow:1px 1px 4px 0px rgba(0, 0, 0, 0.2);height:485px;box-sizing:border-box}
#businessPopupFormWrap {width: 98%;margin:5px auto 0 ;padding:5px;  font-size:13px; background: #fff;border:1px solid #ebebeb;box-sizing:border-box;border-radius:8px;box-shadow:1px 1px 4px 0px rgba(0, 0, 0, 0.2)}
#businessPopupFormWrap .form_popup_title {width: 100%; border-bottom: 1px solid #cccccc; height:35px; color: #fff; background: #38426b; line-height: 35px; font-weight: 500;}
.popup_basic_margin {width:98%; margin: 0 auto;}

.ui-widget.ui-widget-content { border:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius:0!important;border-top-right-radius:0!important}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{ border-top-left-radius:0!important;border-top-right-radius:0!important}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#67686f!important;color:#fff!important;}
.ui-jqgrid .ui-jqgrid-htable th{height:25px!important}
.ui-widget-content {border:1px solid #ddd!important}

.ui-jqgrid tr.ui-row-ltr td {font-size:14px}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size:12px!important;width:32%!important}
.ui-datepicker .ui-datepicker-title { font-size:12px}
.ui-datepicker table {font-size:12px!important}
.select2-results__option {font-size:12px!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:24px!important}
.select2-container .select2-selection--single {height:24px!important}
.select2-container--default .select2-selection--single {border:1px solid #ccc!important}
.ui-jqgrid tr.jqgrow td{font-size:13px!important;height:23px!important}

.box-sign-tit{height:66px;line-height:66px;background-color:#8e9194;float:left;text-align:center;font-size:20px;float:left;width:1120px;margin:3px 0 0 8px;color:#fff}

.ui-jqgrid tr.footrow-ltr td {font-size:13px!important}


.plm_table-001 {width:25%;font-size:12px;border-collapse:collapse;float:left}
.plm_table-001 th { background:#67686f;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;font-weight:400;height:28px}
.plm_table-001 td { border-bottom:1px solid #ccc; border-right:1px solid #ccc;text-align:center;height:28px}


.plm_table-002-box{width:75%;float:left;overflow-x:scroll}
.plm_table-002 {font-size:12px;border-collapse:collapse;width:150%;position:relative}
.plm_table-002 th { background:#67686f;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;font-weight:400;height:28px;width:49px}
.plm_table-002 td { border-bottom:1px solid #ccc; border-right:1px solid #ccc;text-align:center;height:28px;width:49px}
.plm_table-002 td .s-box {height:20px;background:#eaf7fd;position:absolute;margin-top:-10px}
.plm_table-002 td .s-box .box {height:14px;background:#163f93;margin-top:3px}

/* 팝업 입력폼 */
.sub_title{font-size:18px !important;vertical-align:top; text-align:right;font-weight:700}
.sub_title_left{font-size:18px !important; text-align:left;font-weight:700;padding-left:10px;}
.pms_Popup_tbl2{background-color:#fff; border:solid 1px #ccc; table-layout: fixed;border-collapse: collapse;border-spacing: 0;}
.pms_Popup_tbl2 td{background-color:#efefef !important;padding:0 5px 5px 10px !important}


.pmsPopupForm2 {width:100%; margin: 0 auto; table-layout: fixed;border-collapse: collapse;border-spacing: 0;border-top:1px solid #ccc;}
.pmsPopupForm2 tr {/* height:36px; */}
.pmsPopupForm2 tr:last-child td{border-bottom:none;}
.pmsPopupForm2 td {height:24px; font-size: 12px;padding:0px 2px;background:#e4e4e4;}
.pmsPopupForm2 td p {width:100%; height:22px; border-bottom:1px dashed #eee; text-align: center;}
.pmsPopupForm2 label {text-align: right; font-weight: 500; height: 25px; font-size: 14px;/* padding-left: 10px; */	}
.pmsPopupForm2 select {width:100%; height:24px; border: 1px solid #eee; background: #fff;/* border-radius: 2px; border-top: 2px solid #e6d69b; */}
.pmsPopupForm2 input[type="text"] {width:100%; height:24px;  border: 1px solid #eee; /* border-radius: 2px; border-top: 2px solid #e6d69b;*/}
.pmsPopupForm2 input[type="number"] {width:100%; height:24px;  border: 1px solid #eee; /* border-radius: 2px; border-top: 2px solid #e6d69b; */}
.pmsPopupForm2 input[type="checkbox"] {margin-top: 5px; vertical-align: sub;}
.pmsPopupForm2 .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_title2 {background:#e4e4e4;padding-right:15px!important;text-align:right}
.input_sub_title2 {/* background-color:#ece7d6; border-radius: 0 3px 0 0; */}


.pmsPopupForm {width:100%; margin: 0 auto; table-layout: fixed;border-collapse: collapse;border-spacing: 0;border-top:1px solid #ccc;}
.pmsPopupForm tr {/* height:36px; */}
.pmsPopupForm tr:last-child td{border-bottom:none;}
.pmsPopupForm td {height:24px; font-size: 12px;padding:0px 2px;background:#e4e4e4;}
.pmsPopupForm td p {width:100%; height:22px; border-bottom:1px dashed #eee; text-align: center;}
.pmsPopupForm label {text-align: right; font-weight: 500; height: 25px; font-size: 14px;/* padding-left: 10px; */	}
.pmsPopupForm select {width:100%; height:24px; border: 1px solid #eee; background: #fff;/* border-radius: 2px; border-top: 2px solid #e6d69b; */}
.pmsPopupForm input[type="text"] {width:100%; height:24px;  border: 1px solid #eee; /* border-radius: 2px; border-top: 2px solid #e6d69b;*/}
.pmsPopupForm input[type="number"] {width:100%; height:24px;  border: 1px solid #eee; /* border-radius: 2px; border-top: 2px solid #e6d69b; */}
.pmsPopupForm input[type="checkbox"] {margin-top: 5px; vertical-align: sub;}
.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:#e4e4e4;padding-right:15px!important;text-align:right}
.input_sub_title {/* background-color:#ece7d6; border-radius: 0 3px 0 0; */}

.input_title2 {border:solid 1px #ccc;}


.insert_y_line .tr_data_border_bottom {border-left: 1px solid #ccc !important; text-align:center;}
.pmsPopupForm td textarea{border: 1px solid #eee !important;}

#businessPopupFormWrap .pmsPopupForm td { padding:1px 0;height:auto}
.pmsPopupForm input[type="text"],
.pmsPopupForm select { border:1}
/* 자재관리 > 업체등록 pop */
#expenseApplyPopupFormWrap1{border:solid 3px #eee;margin:5px 8px;}
#expenseApplyPopupFormWrap1 .pmsPopupForm{}
#expenseApplyPopupFormWrap1 .select2-container--default .select2-selection--single{border-radius:0;}
/* 등록 팝업 내부 버튼 */

.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; display:block;}
.blue_btn: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 thead td {background: #8e9194; color:#fff;}
.project_form_in_table td {height:22px !important; text-align:center; border: 1px solid #ccc !important; font-size:13px;
										 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
										 
#businessPopupFormWrap   .project_form_in_table .plm_thead td { border:0!important}

.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;}

/**프로젝트관리>차트**/

.projectMngChart {width:32%; height:208px; float:right; border:1px solid #ccc; margin-top:46px;}


/* 엑셀업로드 팝업 */

#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 table 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;}

/* 결재상신 페이지 ******************************************************/

#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;}
.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:95%; margin: 0 0 0 10px; border: 1px solid #ccc;}
.approvalFormRight1Wrap {width:100%; height:100px; overflow: scroll; overflow-x: hidden; border:1px solid #ccc;}
.approvalFormRight2Wrap {width:100%; height:200px; overflow: scroll; overflow-x: hidden; border:1px solid #ccc;}
.approvalFormRight3Wrap {width:100%; height:100px; 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:175px; }
#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:175px; }
#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:175px; }
#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;}
/* 구조등록 팝업 */
.img_insert {height:150px;position:relative !important;}
#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;}

.align_l span {display:inline-block; width:100%; height:20px; border-bottom:1px dashed #ccc;}
#responseFileArea img {max-width:600px;}

/*구조검토제안서 팝업*/

#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:205px; overflow: scroll; overflow-x: hidden; background: #fff; border:1px solid #dae4f4; border-bottom: 2px solid #000;}

#autho1Table {width:95.3%; 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:95%; 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:95%; 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:300px; 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:99%;height:22px;color:#92AAB0;text-align:center;font-size:12px;}
.dropzone{border:2px solid #1159bc;width:99%;height:22px;color:#1159bc;text-align:center;font-size:12px;}
/* 첨부파일 영역 */

#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: 97.2% !important; border-collapse:collapse; text-align:center; }
.fileListscrollThead td {background: #8e9194; height:20px !important; color:#fff; border:1px solid #fff;}

.fileListscrollTbody {width: 100%;border-collapse:collapse; text-align:center; }
.fileListscrollTbody 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;
}

/*추가*/

.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:point}

.table-hover:hover tbody tr:hover td {
  background: #f4f4f4;
  color: black;
  cursor: pointer; }
.selected {
  background: #f4f4f4;
  color: black; }