/* common */
*{margin:0;padding:0;}
*{margin:0;padding:0;font-family:NanumGothic,"나눔고딕","Malgun Gothic",Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;}
body{line-height:1.25em;color:#000;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea{font-size:14px;}
a {color:#000; cursor:pointer; text-decoration:none;}
table { margin:0px; padding:0px 0px 0px 0px; -webkit-text-size-adjust: none;}

.div_body {OVERFLOW: hidden ;background : #F7F7F7; }

/*아이콘 부분*/
.icon_area {
	MARGIN: 5px 10px 0px; OVERFLOW: hidden ;
}

.icon_area LI {
	POSITION: relative; WIDTH: 113px; FLOAT: left; HEIGHT: 133px; OVERFLOW: hidden
}

.icon_area A {
	TEXT-ALIGN: center; LINE-HEIGHT: 1em; WIDTH: 97px; DISPLAY: block; LETTER-SPACING: -1px; HEIGHT: 100%; FONT-SIZE: 0.86em; OVERFLOW: hidden
}
.icon_area .i {
	MARGIN: 1px 0px 1px 1px; WIDTH: 97px; DISPLAY: block; HEIGHT: 97px
}
.icon_area .wn {
	WHITE-SPACE: nowrap
}

.icon_1 .i { background: url(/Common/images/Icon_NearMiss_96.png) no-repeat; }
.icon_2 .i { background: url(/Common/images/btn_eval_96.png) no-repeat; }
.icon_3 .i { background: url(/Common/images/btn_ptw_96.png) no-repeat; }
.icon_4 .i { background: url(/Common/images/Icon_Attend_96.png) no-repeat; }
.icon_5 .i { background: url(/Common/images/Icon_equip_96.png) no-repeat; }
.icon_6 .i { background: url(/Common/images/btn_check_96.png) no-repeat; }
.icon_7 .i { background: url(/Common/images/btn_machine_plan_96.png) no-repeat; } /* C20210719_49145 건설기계작업계획서 버튼 */

.icon_1_dis .i { background: url(https://m.gstpms.com/mtpms.web/image_dis/Icon_NearMiss.gif) no-repeat; }
.icon_2_dis .i { background: url(https://m.gstpms.com/mtpms.web/image_dis/Icon_11work.gif) no-repeat; }
.icon_3_dis .i { background: url(https://m.gstpms.com/mtpms.web/image_dis/Icon_11work.gif) no-repeat; }
.icon_4_dis .i { background: url(https://m.gstpms.com/mtpms.web/image_dis/Icon_11work.gif) no-repeat; }
.icon_5_dis .i { background: url(https://m.gstpms.com/mtpms.web/image_dis/Icon_11work.gif) no-repeat; }
.icon_6_dis .i { background: url(https://m.gstpms.com/mtpms.web/image_dis/Icon_11work.gif) no-repeat; }
.icon_7_dis .i { background: url(https://m.gstpms.com/mtpms.web/image_dis/Icon_11work.gif) no-repeat; }   /* C20210719_49145 건설기계작업계획서 버튼 */

/* 아이콘 우상단 숫자 부분*/
.cnt1,.cnt2,.cnt3,.cnt4{position:absolute;right:0;top:0;height:29px;padding-left:1px;background:url(https://m.gstpms.com/mtpms.web/image/back_cnt.png) no-repeat;text-align:center;font:bold 1.16em/23px Helvetica;color:#fff;letter-spacing:0}
.cnt1{width:25px;background-position:-1px -2px}
.cnt2{width:33px;background-position:0 -33px}
.cnt3{padding-left:2px;width:38px;background-position:0 -63px}
.cnt4{padding-left:2px;width:44px;background-position:0 -93px}

.hd_TOP {
	Z-INDEX: 1; POSITION: relative; LINE-HEIGHT: 46px; color:#fff; background:#5087bd;
  LETTER-SPACING: -1px; HEIGHT: 46px
}

.hd_TOP_left  {
	POSITION: absolute; 
	left : 5px;
	HEIGHT: 46px;
	top : 0px;
}
.hd_TOP_left img{height:25px; vertical-align:middle; padding-left:10px;}

.hd_TOP_center {
	position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -40px;
}

.hd_TOP h2{POSITION: absolute; 
	display :inline ;
	width: 100%;
	text-align:center;
	top : 0px;
	COLOR: #ffffff; 
	FONT-SIZE: 1.5em;
	FONT-FAMILY:"HY견고딕","맑은고딕","견고딕","나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif;
    font-weight:normal;	
    LETTER-SPACING:-1px;
  }

.hd_TOP .div_center {
	POSITION: absolute; 
	display :inline ;
	width: 100%;
	text-align:center;
	top : 0px;
}

.login_bg{background:#f7f7f7;}
#login_w{margin:0 auto; text-align:center;}
#login_w h1{height:70px;}
#login_w .login{border:1px solid #d8d8d8; background:#fff; padding:50px;}
#login_w .login input{width:95%; padding:5px 10px; background:#eaeaea; font-size:14px; border:none; text-align:left; color:#777; height:35px; margin-bottom:3px;}
#login_w .login .btn{width:95%; padding:15px 10px; color:#fff; background:#5087bd; display:block; font-size:14px; font-weight:bold; margin-top:5px; text-decoration:none;}
#login_w .login .t{color:#777; font-size:12px; margin-top:10px; text-decoration:underline; display:block;}
#login_w address{font-style:normal; font-size:11px; line-height:16px; color:#999; padding:30px 0;}


#page-container {
    min-width: auto;
    min-height: auto;
    overflow-y: auto;
    padding: 0;
    -ms-overflow-style: scrollbar;
}

#page-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

#page-container::-webkit-scrollbar-track {
    background: none;
}

#page-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.page-content {
    padding: 5px 5px 5px;
    position: relative;
}

/* detail table */

table.table-list,
table.table-detail 
{
    margin-bottom: 0;
    border-top: 2px solid #4d5762;
}

table+table {
    margin-top: 20px;
}

table+.table-no-borderTop {
    margin-top: 10px;
}

.table {
    display: table;
    margin-bottom: 0;
    border-top: 2px solid #4d5762;
}

table.table-no-borderTop {
    border-top: 1px solid #cdcdcd;
}

.table .thead {
    display: table-header-group;
}

.table .tbody {
    display: table-row-group;
}

.table .tr {
    display: table-row;
}

.table .th,
.table .td {
    display: table-cell;
}

table th.required>span,
.table .th.required>span,
table td.required>span:first-child {
    position: relative;
    display: inline-block;
}

table th.required>span:before,
.table .th.required>span:before,
table td.required>span:first-child:before {
    content: "*";
    position: absolute;
    top: -2px;
    left: -6px;
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

table td.td-required select {
    background: #fff5f5;
}

.table-detail th,
.table-detail .th,
.table-list td .table-detail th {
    padding: 8px 10px;
    line-height: 20px;
    text-align: right;
    color: #000;
    font-size: 1.3rem;
    font-weight: normal;
    border-bottom: 1px solid #cdcdcd;
    background: #f8f8f8;
}

.table-detail td,
.table-detail .td {
    padding: 5px 8px;
    line-height: 20px;
    background: #fff;
    color: #202020;
    font-size: 1.3rem;
    border-bottom: 1px solid #cdcdcd;
}

.table-detail td+td {
    border-left: 1px solid #e2e2e2;
}

.table-detail td+td.dummy {
    border-left: 0;
}

.table-detail .td>p {
    display: inline-block;
    padding: 4px 0 5px;
    margin: 0;
}

.table-detail th.th-sub {
    border-right: 1px solid #cdcdcd;
}

.table-detail td.row-delete {
    line-height: 1;
    text-align: center;
    border-left: 1px solid #cdcdcd;
}

.table-detail td.row-delete button {
    height: 20px;
    padding: 0 10px;
    background: none;
}

.table-detail td.row-delete button:hover .fa-trash-o {
    color: #134a79;
}

td .table-detail {
    border: 1px solid #cdcdcd;
    border-bottom: none;
}

td .table-detail th {
    border-right: 1px solid #cdcdcd;
}

.table-detail td input+p {
    margin-top: 4px;
}

table .pic img {
    width: 100%;
    max-width: 118px;
    height: auto;
}

/* title */
.page-header {
    min-height: 58px;
    padding: 0 30px;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    z-index: 200;
    position: relative;
}

/* Process Tab overridde */
.nav-processTabs {
    position: relative;
    margin: 0 10px 0 10px;
    padding: 10px 0;
}

.nav-processTabs+.tab-content 
{
	margin: 0;
    padding: 0;
}