@CHARSET "UTF-8";
/*Copyright ©2020 LG Chem, All Rights Reserved.*/

/* HTML(Common) Elements
---------------------------------------------------------*/
* {
    font-weight:normal;
}

.wrapper{position:fixed;top: 0;bottom: 0;left:0;right:0;overflow:auto;width:100%;padding:20px 20px 0;background:#f5f5f5;box-sizing:border-box;z-index:0;}
.font-sb{
    font-family:"LGSmHaSB"!important;
}

/* login */
.LblockLogin {
    top:45%;
}
.bi{
    width:100% !important;
    padding:0!important;
    margin-bottom:40px!important;
    background-image:none !important;
    text-indent:0!important;
}
.bi h1{
    font-size:22px!important;
    text-align:center;
    line-height: normal;
}
.bi h1 span{
    display:block!important;
    margin-top:4px;
    line-height:20px;
    letter-spacing: 0.09em;
}

/* main */
#LblockBody, .LblockMain{
    max-width:100%;
}
.LblockMain .col1 .box{
    position: relative;
    height: 150px;
}
.LblockMain .box.notice{
    height:362px;
}
.LblockMain .col1 .box h2,
.LblockMain .col1 .box h3{
    display:inline-block;
}
.LblockMain .col1 .box h3{
    float: right;
}

.LblockMain .box .graph span{
    display:inline-block;
}
.LblockMain .box .graph span:first-child{
    width:calc(100% - 100px);
}
.LblockMain .box .graph span:last-child{
    width:95px;
    text-align: center;
}
.LblockMain .box .graph span:last-child img{
    width:auto;
}
.LblockMain .box .graph span img{
    display: inline-block;
    width: 100%;
    height:100px;
}
.box.notice ul.list{margin-top:5px;}
.box.notice ul.list li { padding: 6px 0 7px 0; clear: both; font-size: 12px; border-bottom: 1px solid #f4f4f4 }
.box.notice ul.list li a { display: inline-block; width: 80%; }
.box.notice ul.list li span { float: right; display: inline-block; color: #999; }

.LblockMain .box .L-grid-header{
    margin-top: 1px;
}
.LblockMain .box.notice .L-grid-row .L-grid-cell-inner{
    text-overflow: ellipsis;
}

.LblockMain .col1.calendar .title{
    overflow:hidden;
    margin:0 0 8px;
}
.LblockMain .col1.calendar .title>span,
.LblockMain .searchArea .title>span {
    margin-right: 10px;
    font-size:15px;
    color:#c8294b;
    line-height:normal;
}
.LblockMain .col1.calendar .title .selectWeek{
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid #cdcccc;
    border-radius: 3px;
    font-size: 13px;
    color: #333;
}
.LblockMain .col1.calendar .title .selectWeek>span{
    margin:0 5px;
}
.LblockMain .col1.calendar .title .selectWeek a span,
.LblockMain .col1.calendar .title .more span{
    position: absolute;
    text-indent: -99999px;
}
.LblockMain .col1.calendar .title .more.fa-plus{
    float: right;
    margin-top: 4px;
    color: #d4d4d4;
    font-size: 15px;
}
.LblockMain .col1.calendar .title .more.fa-plus:hover:before{
    color: #c8294b;
}

.fa-angle-left::before,
.fa-angle-right::before{
    font-size: 15px;
}
.LblockMain .col1.calendar{
    min-width:100%;
}
.LblockMain .col1.calendar th.today{
    background: #c8294b;
    color:#fff;
}
.LblockMain .col1.calendar td{
    height: 23px;
    padding: 9px 5px 5px 5px;
    font-family: "LGSmHaSB";
    text-align: center;
}
.LblockMain .col1.calendar td:first-child{
    text-align: left;
    background: #f7f7f7;
}
.LblockMain .col1.calendar td.today{
    background: #fff4f6;
}
.LblockMain .box.todo{
    height:184px;
}

.LblockMain .searchArea{
    margin-top: 20px;
}
.LblockMain .searchArea .title>span{
    margin-top:10px;
    margin-right: 0;
}
.L-inline-block {display: inline-block;}

.L-form-field { min-height: 16px !important; }
.LblockMain .searchArea .search{margin-top:14px;width:100% !important;height:38px;border:2px solid #fd9eb9;box-sizing:border-box;border-radius:3px;}
.LblockMain .searchArea .search.L-popuptextbox.L-form-field .L-display-field{border:0;width:calc(100% - 39px) !important;height:34px;}
.LblockMain .searchArea .search.L-popuptextbox a.icon{display:inline-block;top:-2px;right:-2px;width:45px;height:38px;background:#f25582!important;border:0;border-radius:0 3px 3px 0;}
.LblockMain .searchArea .search.L-popuptextbox a.icon.fa-search:before{
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}

.LblockMain .mainQuick{margin-top: 20px;}
.LblockMain .mainQuick li{display:inline-block;float:left;overflow: hidden;width:49%;min-height: 45px;margin:0 2% 5px 0;border: 1px solid #cdcccc;border-radius: 3px;box-sizing: border-box;}
.LblockMain .mainQuick li:nth-child(2n){margin-right: 0;}
.LblockMain .mainQuick li a{display:table;width: 100%;padding:5px 10px !important;;text-align:left;vertical-align: middle;box-sizing: border-box;}
.LblockMain .mainQuick .icon {display:table-cell;overflow:hidden;width:36px;height:35px;margin-right:10px;background:url('../images/ehs/main_quick_36.jpg') no-repeat 0 0;background-size: 35px;vertical-align:middle;}
.LblockMain .mainQuick .icon.quick1{background-position:0 0;}
.LblockMain .mainQuick .icon.quick2{background-position:0 -35px;}
.LblockMain .mainQuick .icon.quick3{background-position:0 -70px;}
.LblockMain .mainQuick .icon.quick4{background-position:0 -105px;}
.LblockMain .mainQuick .icon.quick5{background-position:0 -140px;}
.LblockMain .mainQuick .icon.quick6{background-position:0 -175px;}
.LblockMain .mainQuick .txt{display: table-cell;vertical-align:middle;padding-left: 10px;line-height: 1.25em;}




.mdsdWlink {height:210px !important;}

    /* top */
.top{position:fixed;left:0;top:0;right:0;width:100%;/* min-width:1200px; */height:52px;background:#565860;z-index:2;}
/*.top h1{display:inline-block;position:absolute;left:0;top:0;width:211px;height:52px;background:#565860 url(../images/) no-repeat 0 0;background-size:172px;text-indent:-99999px;z-index:9;}*/
.top h1 a{display:block;height:100%;}
.top #topMenu{float:left;position:absolute;left:211px;top:0;display:inline-block;height:45px;padding:0 0 0 0;}

#LblockHeader {
    position:fixed;
    min-width:1330px;
    width:100%;
    z-index:100;
    height: 54px;
    border-bottom: 1px solid #cdcccc;
}
#LblockTopLogo {
    position:absolute;
    left:10px;
    top:0;
    z-index: 5;
    width:180px;
    height:54px;
}
#LblockTopLogo a {
    display: block;
    height:54px;
    width:100%;
    background-image:none;
    color:rgba(255,255,255,.6);
}
#LblockTopLogo h1 {
    display:block;
    font-size: 18px;
    line-height: 50px;
    text-indent:10px;
}

.complaint0{
    /*display:inline-block;*/
    position:absolute;
    top:10px;
    right:110px;
    z-index: 7;
}

.complaint0 a{
    display:inline-block;
    height:35px;
    padding:0 15px 0 15px;
    background: #33333c;
    background-size:17px auto;
    border-radius:30px;
    color:#fff;
    line-height: 35px;
}

/* 신문고 */
.complaint{
    /*display:inline-block;*/
    position:absolute;
    top:10px;
    right:194px;
    z-index: 7;
}
.complaint a{
    display:inline-block;
    height:35px;
    padding:0 15px 0 37px;
    background: #33333c url("../images/ehs/icon_speaker.png") no-repeat 15px center;
    background-size:17px auto;
    border-radius:30px;
    color:#fff;
    line-height: 35px;
}

.comment-area:first-child{
    margin-top: 5px;
    border-top: 1px solid #c8294b;
}
.comment-area .comment-list .comment-date{
    height: 37px;
    padding: 8px;
    line-height: 1.75em;
    background: #f7f7f7;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
}
.comment-area .comment-list .comment{
    padding: 11px 8px;
    border-bottom: 1px solid #cdcccc;
}

.communicator{
    overflow-x:hidden;
    overflow-y:auto;
    height:100px;
    padding:5px;
    border:1px solid #cdcccc;
    box-sizing: border-box;
}
.communicator .lst_communicator{
    line-height: 1.75em;
}

/* calendar */
.calendar{
    min-width: 1040px;
}
.top-calendar{
    display: table;
    width: 100%;
    margin: 10px 0;
    vertical-align: middle;
}
.top-calendar .LblockLeft > div{
    display: table-cell;
    padding-right: 30px;
    vertical-align: middle;
}
.top-calendar dl{
    display: table-cell;
    vertical-align: middle;
}
.top-calendar dl:last-child{
    padding-left: 30px;
}
.top-calendar dl dt{
    position: relative;
    display: table-cell;
    padding: 0 10px 0 7px;
    vertical-align: middle;
    font-family: "LGSmHaSB";
}
.top-calendar dl dt:before{
    position: absolute;
    left: 0;
    top: 6px;
    content: "·";
}
.top-calendar dl dd{
    display: table-cell;
}
.top-calendar .btn-today{
    display:table-cell;
}
.top-calendar .cal-arrow{
    display: table-cell;
    height:28px;
}
.top-calendar .cal-arrow button{
    display: inline-block;
    width: 25px;
    height: 28px;
    background: #fff url("../images/ehs/calendar-arrow.png") no-repeat;
    border: 1px solid #949494;
}
.top-calendar .cal-arrow button:hover{
    background-color: #c8294b;
    border-color: #c8294b;
}
.top-calendar .cal-arrow button.cal-arrow-prev{
    background-position: -26px -29px;
}
.top-calendar .cal-arrow button.cal-arrow-prev:hover{
    background-position: -26px 0;
}
.top-calendar .cal-arrow button.cal-arrow-next{
    background-position: -50px -29px;
}
.top-calendar .cal-arrow button.cal-arrow-next:hover{
    background-position: -50px 0;
}
.top-calendar .select-month{
    display: table-cell;
    width: 100px;
}
.top-calendar .select-cal-type .select,
.top-calendar .select-cal-type button:hover{
    background: #c8294b;
    color: #fff;
    border-color: #c8294b;
}

.calendar table,
.table {
    width:100%;
    border:1px solid #cdcccc;
    border-top:1px solid #C8294b;
    border-collapse: collapse;
}
.calendar table th,
.table th {
    height:27px;
    padding:5px 0;
    font-family:"LGSmHaSB";
    background:#f7f7f7;
    border-right:1px solid #cdcccc;
    border-bottom:1px solid #cdcccc;
}
.calendar table th:last-child,
.calendar table td:last-child,
.table th:last-child,
.table td:last-child {
    border-right:none;
}
.calendar table th.sun,
.calendar table td.sun{
    color: #C8294b;
}
.calendar table th.sat,
.calendar table td.sat{
    color: #0e18d8;
}
.calendar table td,
.table td {
    padding: 5px;
    vertical-align: top;
    border-right:1px solid #cdcccc;
    border-bottom:1px solid #cdcccc;
}
.calendar table td.holiday{
     background:#fff4f6;
}
.calendar table td.holiday .day{
    color: #C8294b;
}
.calendar table td.sat{
    background:#f6f6ff;
}
.calendar table td .day{
    margin-bottom: 10px;
    font-size: 11px;
}
.calendar table td .day-schedule{
    margin-bottom: 8px;
}
.calendar table td .day-schedule:hover{
    text-decoration: underline;
}
.calendar table td .day-schedule:last-child{
    margin-bottom: 0;
}
.calendar table td .day-schedule .con-schedule{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 5px;
}
.calendar table td .day-schedule .con-schedule .txt-schedule{
    display: table-cell;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.calendar.month table td{
    height:70px;
}
.calendar.month table td.today .day{
    width: 25px;
    height: 25px;
    background: #c8294b;
    color: #fff;
    border-radius: 100%;
    line-height: 26px;
    text-align: center;
 ta-c   font-family: "LGSmHaSB";
}
.calendar.month table td.other-month{
    background: #f9f9f9;
    color: #999;
}

.calendar.week table th.today{
    background: #c8294b;
    color: #fff;
}
.calendar.week table tr td:first-child,
.calendar.day table tr td:first-child{
    text-align: right;
    font-size: 11px;
}
.calendar.week table td,
.calendar.day table td{
    height: 12px;
}
.calendar.week table tr:nth-child(2n) td,
.calendar.day table tr:nth-child(2n) td{
    border-bottom-color: #eee;
}
.calendar.day .day-schedule{
    display: inline-block;
}
.calendar.day .day-schedule .con-schedule{
    width: auto;
}
.L-calendar .L-calnavleft{display:inline-block;width:16px;height:16px;background: url("../images/ehs/prev_month.png") no-repeat 50% 50%!important;}
.L-calendar .L-calnavright{display:inline-block;width:16px;height:16px;background: url("../images/ehs/next_month.png") no-repeat 50% 50%!important;}
.L-calendar .L-calnavyearleft{display:inline-block;width:16px;height:16px;background: url("../images/ehs/prev_year.png") no-repeat 50% 50%!important;}
.L-calendar .L-calnavyearright{display:inline-block;width:16px;height:16px;background: url("../images/ehs/next_year.png") no-repeat 50% 50%!important;}

/* tab */
.step-area{}
ol.tabs {float: left;list-style: none; height: 65px; width: 100%; font-size:12px;border-bottom: 1px solid #e1e1e1;}
ol.tabs li {position: relative; float: left; text-align:left; cursor: pointer;  width:24.99%; height: 61px; line-height: 79px; font-size: 15px; border-left: none; font-weight: bold; overflow: hidden; background:#ebebeb; border-top:1px solid #e1e1e1; margin-top:3px;text-indent: 10px;}
ol.tabs li a {display:block; text-decoration: none; height: 61px; letter-spacing: -1px; color:#a2a2a2; border-left: 1px solid #e1e1e1; background: url('../images/ehs/tab_arrow_off.png') no-repeat 98% 32px;line-height: 80px;}
ol.tabs li a span {position: absolute; left: 1px; top:5px; line-height: 24px; color: #a2a2a2; text-align: center; font-size: 12px;}
ol.tabs li.disabled,
ol.tabs li.disabled:hover{margin-top:3px;height: 62px; line-height: 79px; font-size: 15px;background: #f7f7f7;border-top:0;}
ol.tabs li.disabled a{cursor:default;height: 61px;color:#BEBEBE;background: url('../images/ehs/tab_arrow_off.png') no-repeat 98% 32px;line-height: 80px;border-top:1px solid #e1e1e1;}
ol.tabs li.disabled:hover a{color:#BEBEBE;}
ol.tabs li.disabled a span,
ol.tabs li.disabled:hover a span{color:#B9B9B9;}
ol.tabs li.disabled:hover a{line-height: 80px;background: url('../images/ehs/tab_arrow_off.png') no-repeat 98% 32px;}

ol.tabs.tab3 li{width: 33.32%;}
ol.tabs.tab4 li{width: 24.99%;}
ol.tabs.tab5 li{width: 19.99%;}
ol.tabs.tab6 li{width: 16.65%;}
ol.tabs.tab7 li{width: 14.27%;}
ol.tabs.tab8 li{width: 12.49%;}
ol.tabs.tab9 li{width: 11.10%;}
ol.tabs.tab10 li{width: 9.99%;}

ol.tabs li:last-child {margin-right:0;}
ol.tabs li:last-child a {border-right: 1px solid #e1e1e1; background:none;}
ol.tabs li.active,
ol.tabs li:hover{height: 63px; line-height: 63px; border-top: 3px solid #c00032; font-family:'LGSmHaSB'; font-size: 16px; background:#fff; margin-top: 0;}
ol.tabs li.active a,
ol.tabs li:hover a{color:#c00032; height:65px;line-height: 85px; background: url('../images/ehs/tab_arrow_on.png') no-repeat 98% 33px;}
ol.tabs li:last-child:hover a{background:none;}
ol.tabs li.active a span,
ol.tabs li:hover a span{color:#444;}

/* 하단 tab */
.L-nav-scroll{
    overflow:unset;
    margin-bottom: 0!important;
}
.tooltip .tooltiptext{padding:5px!important;}
.L-nav-selected a div{
    color: #c00032;
}

/* sitemap */

.sitemap li{
    position: relative;
}
.sitemap li.depth2 a{
    padding-left: 15px;
    background-position: 6px -102px;
}
.sitemap li.depth3 a{
    padding-left: 25px;
    background: none;
}
.sitemap li.depth3 a:before{
    position: absolute;
    left: 15px;
    top: 0;
    content: '-';
}

/* board */
placeholder{
    color:#999;
}
.LblockPageTitle{
    display: table-cell;
    vertical-align: middle;
}
.LblockPageSubtitle{
    display: table;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
}
.LblockPageSubtitle .LblockRight{
    position: relative;
    display: table-cell;
    top: 0;
    right: 0;
    float: none;
    text-align: right;
    vertical-align: middle;
}
.LblockPageSubtitle .L-combo.L-form-field{
    margin-right:20px;
    text-align: left;
}

.LblockDetail{
    margin-bottom:0;
    border-bottom:none;
}
.LblockDetail tr:last-child th,
.LblockDetail tr:last-child td{
    border-bottom:none;
}
div .LblockDetail th, div .LblockDetail td{
    line-height: 1.5em;
}
table.inTable th.rowLast,
table.inTable td.rowLast{
    border-bottom-color: #cdcccc!important;
}
.LblockDetail th .L-required:before{
    content: "*";
    color: #ff0066;
    padding-right: 2px;
}
div .LblockDetail > form > table,
div .LblockDetail > table{
    margin-bottom:0!important;
    border-top:1px solid #C8294b !important;
    border-bottom:1px solid #cdcccc;
}

table.inTable th{
    height: 30px!important;
}
table.inTable td{
    border-bottom: 0;
}
table.inTable th,
table.inTable td{
    border-bottom: 1px solid #eee!important;
}
table.inTable tr:last-child th,
table.inTable tr:last-child td{
    border-bottom: 1px solid #cdcccc!important;
}

.imgArea{
    display:table;
    width:156px;
    height:208px;
    margin:0 auto 5px;
    text-align: center;
    vertical-align: middle;
    background: url("../images/ehs/noImg.jpg") no-repeat center center;
    border: 1px solid #ddd;
}
.imgArea .img{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.imgArea .img img{
    display:block;
    margin:0 auto;
    width:auto;
    height:auto;
    max-width:156px;
    max-height:208px;
}
.imgArea.cmn{
    width: 320px;
    height: 240px;
}
.imgArea.cmn .img img{
    max-width:320px;
    max-height:240px;
}

.imgArea.cmn4{
    width: 240px;
    height: 180px;
}
.imgArea.cmn4 .img img{
    max-width:240px;
    max-height:180px;
}

.textareaComment{width:100% !important;}
.textareaComment textarea{width:100%;}
.deleteAttach{
    dislay:inline-block;
    width:13px;
    height:13px;
}
.deleteAttach:before{
    content:'';
}
.deleteAttach:after{
    content:"\f00d";
    color:#c8294b;
}
.downAttach{
    color:#c8294b!important;
}
.L-grid-panel.L-panel{
    margin-bottom:0;
}
.LinkText{
    color:#c8294b;
    cursor: pointer;
}
.LblockListTable{
    margin-bottom:0;
}
div .LblockListTable > table,
div .LblockListTable > form > table{
    border-bottom:1px solid #cdcccc;
}
div .LblockListTable > table,
div .LblockListTable > form > table,
div .L-grid-header{
    border-top:1px solid #C8294b !important;
}
.LblockListTable table th,
.LblockListTable table td{
    height:37px;
    padding:5px 8px;
    box-sizing: border-box;
    border-bottom:1px solid #eee;
}
.L-grid-panel.L-panel{
    /*border-bottom:0;*/
}
.L-grid-header{
    padding:6px 0 0!important;
}
.L-grid-header-row.L-grid-header-row-first,
.L-grid-header-row.L-grid-header-row-first .L-grid-header-cell,
.L-grid-multi-header .L-grid-header-row.L-grid-header-row-first{
    height:26px;
}
.L-grid-header .L-grid-header-table a{
    font-weight:normal!important;
}
.L-grid-body-empty td{
    padding:80px 0;
}
.L-pager-wrap .L-pager-next,
.L-pager-wrap .L-pager-next-group,
.L-pager-wrap .L-pager-prev,
.L-pager-wrap .L-pager-prev-group{
    margin-top: -4px;
}
.L-pager{
    border-top: 0!important;
}
.LblockSearch{
    overflow: hidden;
    border:1px solid #ddd!important;
}

button{
    font-weight:normal;
}
.LblockSearch .LblockSearchBtn{
    right:10px;
    top:-1px;
    padding-top:0!important;
}
div .LblockSearch .LblockSearchBtn button,
div .LblockSearch .LblockSearchBtn a{
    background: #c8294b!important;
    font-family:"LGSmHaSB"!important;
    border: 1px solid #c8294b!important;
}
div .LblockSearch .LblockSearchBtn button:hover,
div .LblockSearch .LblockSearchBtn a:hover {
    background-color:#ab2342!important;
    border-color:#ab2342!important;
}
div .LblockPageSubtitle h2,
div .LblockPageSubtitle h2 .ttl{
    position: relative;
    font-weight:normal!important;
    font-family:"LGSmHaSB"!important;
}
div .LblockPageSubtitle h2{
    display: inline-block;
    padding-left: 10px;
}
div .LblockPageSubtitle .stitle{
    display: inline-block;
    margin-left: 4px;
    color: #c8294b;
}
div .LblockPageSubtitle.gridTotalCount h2:before{
    border-top:0!important;
    border-left:0!important;
    border-bottom:0!important;
}
div .LblockPageSubtitle h2:before{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-left: 6px solid #666;
    border-bottom: 5px solid transparent;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
}
.LblockPageSubtitle .attachif{
    font-size: 12px;
    color: #777;
    position: Relative;
    top: 0;
    left:-10px;
}
.attachif #listCountDiv{
    font-size: 14px;
    color: #C8294b;
    position: relative;
    top: 1px;
}
div .L-button button{
    margin:0!important;
    font-weight:normal!important;
    background:#fff!important;
    border-color:#949494!important;
    border-radius:0;
    box-shadow:0;
}
div .L-button button:hover{
    color:inherit !important;
}
.L-button.L-disabled button{
    border-color: #a8a8a8!important;
    color: #747474!important;
    background: #ededed!important;
    text-shadow: none!important;
    box-shadow: none!important;
}
.L-panel .ft button{
    margin:0 0 0 4px!important;
}
.saveBtn span button{
    background:#999;
}
.saveBtn span button:hover{
    background:#2d333b!important;
    color:#fff !important;
}
.L-button.excelBtn button,
.L-button.excelBtn button:hover,
.L-button.excelBtn button:active{
    padding-left:28px!important;
    background:#fff url("../images/ehs/ico_excel.png") no-repeat 6px 50%!important;
}
div .L-button.excelBtn .L-disabled button{
    background:#ededed url("../images/ehs/ico_excel.png") no-repeat 6px 50%!important;
}
.L-filebox-button{
    border: 0;
    border-left: 1px solid #e0e0e0;
}

.divisionArea{
    position:absolute;
    display: inline-block;
    width: 27px;
    height: 62px;
    left: 50%;
    top: 50%;
    margin: -31px 0 0 -13.5px;
}
.divisionArea .L-button button{
    display: block;
    width: 25px;
    height:25px;
    margin: 3px 0!important;
    border:1px solid #ccc!important;
}
.divisionArea .L-button button:hover{
    border:1px solid #c8294b!important;
}
.divisionArea .L-button.rightArrow button{
    background:url(../images/ehs/arrow_move_right.gif) no-repeat 50% 50% !important;
}
.divisionArea .L-button.leftArrow button{
    background:url(../images/ehs/arrow_move_left.gif) no-repeat 50% 50% !important;
}

/* popup */
#LblockHeader{ background:#474751; }

#LblockTopMenu li ul{ top: 54px !important; }
#LblockTopMenu div.topMenuBg{ top:53px; }

.LblockPopupMain .L-datebox a.icon,
#LblockBody .L-monthbox a.icon{
    background: transparent url(../images/new/form-date3.png) no-repeat 4px 6px!important;
}

.LblockPopupMain{
    width:100%;
    height:100%;
    padding:0;
    box-sizing: border-box;
}
#LblockBody{
    padding:10px;
}
#LblockMainBody{
    padding:10px 10px 10px;
}
#LblockMainBody.no-ft{
    overflow:auto;
    position:absolute;
    left:10px;
    top:10px;
    right:10px;
    width:calc(100% - 20px);
    height:calc(100% - 53px);
    padding:0;
}
.ft_button{
    position:absolute;
    left:0;
    bottom:11px;
    right:0;
    width:calc(100% - 10px);
    padding:4px 0 0;
    text-align:right;
}

/*.L-dialog.L-panel .bd{
    overflow:hidden;
    padding: 5px;
}*/
.L-dialog.L-panel .ft{
    text-align: right;
    padding:5px 10px;
}
.L-datetimebox{
    border: none;
}
.L-datetimebox .L-datebox{
    width: 100px!important;
}
.L-popup-button-icon{
    /*background:transparent url(../images/new/form-search.png) no-repeat;*/
    background:none;
}
.L-popuptextbox.L-form-field .fa-search{float:right;display:inline-block;width:28px;height:24px;margin-left:-1px;padding:5px 0;text-align:center;border-left:1px solid #ddd;box-sizing: border-box;}
.L-popuptextbox.L-form-field .L-display-field{width:calc(100% - 28px) !important;}
.L-textbox .L-display-field{width:100%!important;}
#LblockBody .L-popuptextbox a.icon,
.LblockPopupMain .L-popuptextbox a.icon{background:none;}
.fa-file-text-o:before{font-size:13px;}

.attachFileList{position:relative;margin-bottom:3px;padding-left: 10px;}
.attachFileList:before{position: absolute;left:0;top: 0;content: '-';}
.attachFileList:last-child{margin-bottom: 0;}

.treeBox{
    border-top: 0;
}
div .L-ul-treeview{
    border-top: 1px solid #C8294b;
}
div .L-ul-treeview .L-ul-focus-node a,
div .L-ul-treeview .L-ul-focus-node .L-ul-treeview-node-image:before{
    color: #C8294b!important;
}

.L-ul-treeview-node-label{
    position: relative;
    display: inline-block;
}
.L-ul-treeview-node-label:before{
    position:absolute;
    left:0;
    width:1px;
    content:'';
}

.card5 .btWidth{
    border-top: 0!important;
}
.context-menu-item.context-menu-hover{
    background-color: #c8294b!important;
}


/* Block : topMenu
---------------------------------------------------------*/
#LblockTopMenu {
    position:absolute;
    left:250px;
    top:0px;
    z-index:5;
    display:block;
    width: 100%;
}
#LblockTopMenu ul {}
#LblockTopMenu li {
    position: relative;
    float:left;
}

#LblockTopMenu li a {
    display: inline;
    padding:0 23px;
    height: 54px;
    line-height: 54px;
    margin-bottom: -1px;
    text-decoration:none;
}
#LblockTopMenu li span{
    color:#fff;
    height:54px;
    line-height:54px;
    font-family: "LGSmHaR"!important;
    display:inline-block;
    font-size: 16px;
    font-weight:normal;
    padding:0;
    border-bottom: 0px solid #cdcccc;
}

#LblockSupportMenu li a:hover, #LblockSupportMenu li a.logout { border-color: #c8294b; }
#LblockTopMenu li a:hover span,
#LblockTopMenu li.Lcurrent a span,
#LblockTopMenu li.Lcurrent a:hover span,
#LblockTopMenu li a.Lcurrent span,
#LblockTopMenu li.Lcurrent a.Lcurrent span { color: #c8294b; border-bottom: 0px solid #c8294b;}
#LblockTopMenu li li a:hover span,
#LblockTopMenu li.Lcurrent li a span,
#LblockTopMenu li.Lcurrent li a:hover span { color:#c8294b;}
#LblockTopMenu a.allmenu span {
    width: 25px;
    background: url(../images/new/menu.png) no-repeat 50% 25px;
}
#LblockTopMenu a.allmenu:hover span {
    width: 25px;
    background: url(../images/new/menu.png) no-repeat 50% -25px;
    /*border-bottom: 1px solid #cdcccc !important;*/
}
#LblockTopMenu li .todo_menu {
    float: left;
    padding:0 5px 0 15px;
    height: 35px;
    margin-top: 9px;
    background:#33333c;
    border-radius: 30px;
    margin-left:35px;
}
#LblockTopMenu li .todo_menu .todo_btn {padding: 0; height: 35px; line-height: 35px;}
#LblockTopMenu li .todo_menu #last {float: left; display: inline-block; padding:0 15px 0px 5px; margin-top: 10px; line-height: 17px; height: 17px; border-right: 1px solid #4a4a52; margin-right: 11px;}
#LblockTopMenu li .todo_menu dl {float:left; height: 35px; line-height: 35px; margin-right: 8px; font-size: 11px; }
#LblockTopMenu li .todo_menu dl dt {float:left; height: 35px; line-height: 38px; color:#fff;}
#LblockTopMenu li .todo_menu dl dt:hover {color:#c00032;}
#LblockTopMenu li .todo_menu dl dd {float:left; height: 35px; line-height: 38px; color: #fff;}
#LblockTopMenu li .todo_menu dl dd .icon_new {display: inline-block; height:7px; line-height:11px; font-size: 11px; padding:4px; margin: 0 0 0 6px; background:#c00032; color: #fff; border-radius: 15px;}
#LblockTopMenu li .todo_menu dl dd .cnt {display: inline-block; height: 16px; line-height:16px; font-size: 11px; margin-left: 8px; color: #fff;}
#LblockTopMenu li .todo_menu a.btn_refresh { height: 19px !important; line-height: 19px !important; padding: 0 6px !important; transition: all ease 1s;}
/* #LblockTopMenu li .todo_menu a.btn_refresh img:hover {transform: rotate( 180deg );} */

/* Block : supportMenu
---------------------------------------------------------*/
#LblockSupportMenu {
    position:absolute;
    right: 15px;
    top: 13px;
    z-index:7;
}

#LblockSupportMenu select{
    border-radius:0;
}
#LblockSupportMenu:hover {
}
#LblockSupportMenu ul {
    float: right;
}

#LblockSupportMenu li {
    display: block;
    float:left;
    vertical-align :middle;
    color:#fff;
}
#LblockSupportMenu li a{ color: #fff!important; }
#LblockSupportMenu li.Lfirst  { text-align: right; padding-right: 5px; line-height: 39px;}
#LblockSupportMenu li.Llast a {
    display:inline-block;
    color:#555;
    background-color: #fff;
    text-decoration:none;
    line-height: 39px;
    width: 39px;
    height: 39px;
    text-align: center;
    vertical-align: middle;
    border-radius : 40px;
    border: 1px solid #fff;
}
#LblockSupportMenu li.Lfirst { text-align: right; }
#LblockSupportMenu li.Lfirst span { display: block;}
#LblockSupportMenu li.Llast a span { display: none}
#LblockSupportMenu li img {
    margin-top: -4px;
}
#LblockSupportMenu li a:hover, #LblockSupportMenu li a.logout {
    background-color: #f7f7f7;
    border: 1px solid #00bb83;
    -webkit-transition: all 1s; transition: all 1s;
}
#LblockSupportMenu li input {
    border:none; background-color:transparent; color:#555; line-height:16px; padding-bottom:4px; height:22px; width:120px;
}
#LblockSupportMenu li div {
    position:absolute; visibility:hidden; background-color:#fff; z-index:10; margin:-1px 0 0 -1px; width:147px;
}
#LblockSupportMenu li div select {
    border:#ddd solid 1px; border-top:#fff solid 1px; width:100%; height:58px; padding:0px 0px 0px 3px;
}

/*  lang  */
.lang_area { padding-left: 28px; background:url(../images/icon/icon_lang.png) no-repeat left center; }
.lang_area select {background:url(../images/new/form-select.png) no-repeat right 50%; border: 0; color:#fff; cursor: pointer;}
.lang_area select option {color:#666;}
.lang_area select option:selected {color:#fff;}

.leftLogin{
    padding:5px 0 0 20px;
}

.leftLogin .userID{
    margin-top:5px;
    vertical-align: middle;
    color:#333;
    line-height:21px;
}
.leftLogin .userID a{
    display:inline-block;
}
.leftLogin .userID a:first-child:hover{
    color:#c8294b;
    text-decoration:underline;
}
.leftLogin .userID img{
    margin-top:-3px;
}
.leftLogin .btn-todo{
    display:inline-block;
    width:42px;
    height:21px;
    position:relative;
    top:0px;
    margin-left:5px;
    background:#2d333b;
    color:#fff;
    line-height:21px;
    text-align:center;
    float:left;
    padding:0 3px;
}

.L-grid-cell-tooltip{
    background-image:none!important;
    background-image:unset!important;
}
.LblockRight_fix {float:right; margin-top:40px; margin-right: 20px;}

/* Block : left
---------------------------------------------------------*/
#LeftToggleBtn {
    position:absolute;
    left: 184px;
    top: 11px;
    z-index:4;
}
#LeftToggleBtn span {
    display: inline-block;
    width: 0px;
}

#LblockLeftTitle {
    height: 85px;
    width: 199px;
    border-bottom:0;
}
#LblockLeftTitle h1 {
    display: table-cell;
    vertical-align: middle;
    line-height:20px;
    width: 150px;
    padding:21px 30px 0 20px;
    height:auto;
    color:#222!important;
    font-size:21px;
    font-family:"LGSmHaSB"!important;
}
.LblockLeftBg {
    float:left;
    width:200px;
    height: 100%;
    border-right: 1px solid #cdcccc;
    background:#eee;
    box-sizing:border-box;
}

#LblockLeft {
    position: absolute;
    width:199px;
    height:calc(100% - 133px);
    top: 85px;
}
.ui-sortable-handle{
    padding:4px 0;
    border-bottom:1px solid #ccc;
}
.favMenu li div{
    border-left:0;
}

/* 1depth- */
#LblockLeftMenu {
    overflow-y: scroll;
}
#LblockLeftMenu.LslideMenu li {
}
* html #LblockLeftMenu.LslideMenu li,
*:first-child+html #LblockLeftMenu.LslideMenu li,
* html #LblockLeftMenu.LslideMenu li span,
*:first-child+html #LblockLeftMenu.LslideMenu li span  {
    height:1%;
}
.L-ul-slidemenu .L-ul-has-no-child-mid:hover,
.L-ul-slidemenu .L-ul-has-no-child-last:hover,
.L-ul-slidemenu .L-ul-li-depth-0 .L-ul-li-div-depth-0:hover{
    border-color:#fff;
}
.L-ul-slidemenu .L-ul-li-depth-0 . L-ul-depth-1 .L-ul-li-div-depth-1{
    background-color:#a9a9a9;
}
.L-ul-slidemenu .L-ul-has-child-open-mid,
.L-ul-slidemenu .L-ul-has-child-close-mid,
.L-ul-slidemenu .L-ul-has-child-close-last,
.L-ul-slidemenu .L-ul-has-child-open-last{
    padding-top:10px;
    padding-bottom:10px;
    background:#a0a0a0 url(../images/ehs/bg_leftmenu_1depth.png) no-repeat 165px -99px!important;
    font-family:"LGSmHaSB"!important;
    color:#fff !important;
    font-size:14px;
    font-weight:normal!important;
    border-bottom:1px solid #cdcccc;
}
.L-ul-slidemenu .L-ul-has-child-open-mid:hover,
.L-ul-slidemenu .L-ul-has-child-close-mid:hover,
.L-ul-slidemenu .L-ul-has-child-close-last:hover,
.L-ul-slidemenu .L-ul-has-child-open-last:hover{
    color:#fff!important;
    background:#a0a0a0;
    border-bottom:1px solid #fff;
}
.L-ul-slidemenu .L-ul-has-no-child-mid,
.L-ul-slidemenu .L-ul-has-no-child-last{
    border-color: #eee;
}
.L-navset .L-content {
    overflow: hidden;
}


.L-nav-spin-left.enable{
    left: 5px;
}
.L-nav-spin-right.enable{
    right: 5px;
}
div .L-navset .L-nav li a{
    padding-top: 9px;
}
#contents .L-navset .L-nav li a{
    height: 37px;
    padding: 9px 20px;
}

.contentsArea{position:fixed;top:55px;bottom:0px;left:0;width:100%;background:#fff;}
.contentsArea #contents{position:absolute;left:200px;top:0;bottom:0;width:100%;height:100%;}
.contentsArea #contents.main{left:0;width:calc(100% + 211px);}
/*.contentsArea #contents iframe{width:calc(100% - 200px);height:100%;border:0;}*/
.contentsArea #contents iframe{width:100%;height:100%;border:0;}
/*.contentsArea #contents iframe.close{width:calc(100% - 17px)}*/
.contentsArea #contents.close{left: 23px;}
/*.contentsArea #contents.close iframe{width:calc(100% - 17px)}*/

.LblockBlank{overflow:hidden;position:relative;}

#LeftToggleBtnImg.close, #LeftToggleBtnImg.open{
    bottom: unset!important;
    top:7px;
    width: 16px;
    height: 50px;
    position: absolute;
    cursor: pointer;
}
#LeftToggleBtnImg.close{ background: url(../images/ehs/leftM-close.png) no-repeat 0px 0px!important; }
#LeftToggleBtnImg.open{ background: url(../images/ehs/leftM-open.png) no-repeat 0px 0px!important; }

/*left Menu Nav Tab*/
#menuTabView .L-nav-scroll {margin-bottom:0;}
#menuTabView .L-navset .L-nav {display:flex}
#menuTabView .L-navset .L-nav li {flex-grow:1;width:  50%;}
#menuTabView .L-navset .L-nav li a {display:block; font-size:14px !important; }
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1{
    padding-left:25px!important;
    color:#333;
    border-bottom:1px solid #ccc;
}
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-child-close-first,
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-child-close-mid,
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-child-close-last,
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-child-open-first,
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-child-open-mid,
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-child-open-last{
    padding-left: 30px!important;
    background:#bdbdbd!important;
}
/*#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-no-child-mid,
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-has-no-child-last{
    color:#333;
}*/
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-focus-node{
    border-left-color: #c8294b;
    /*padding-left: 35px!important;*/
    /*color:#fff;*/
    font-weight: 400;
}
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1.L-ul-focus-node span,
.L-ul-slidemenu .L-ul-li-depth-2 .L-ul-li-div-depth-2.L-ul-focus-node span{
    color:#c8294b;
}
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1:hover,
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1:hover span,
.L-ul-slidemenu .L-ul-li-depth-2 .L-ul-li-div-depth-2:hover span{
    color:#c8294b;
    border-left-color:#c8294b;
}
#menuTabView .L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1 span{
    color:#333;
}

.L-ul-slidemenu .L-ul-li-depth-1 .L-ul-li-div-depth-1:hover{
    /*color:#c8294b;*/
    color:#fff;
}
.L-ul-slidemenu .L-ul-has-no-child-mid, .L-ul-slidemenu .L-ul-has-no-child-last{
    padding-top:7px;
    padding-bottom:7px;
}
.L-ul-slidemenu .L-ul-li-depth-2 .L-ul-li-div-depth-2{
    padding-left:25px;
    border-bottom:1px solid #ccc;
}
.L-ul-slidemenu .L-ul-li-depth-2 .L-ul-li-div-depth-2:hover,
.L-ul-slidemenu .L-ul-li-depth-2 .L-ul-li-div-depth-2.L-ul-focus-node{
    color:#c8294b;
    border-left-color:#c8294b;
}
.ui-droppable-active{
    margin-right:-9px;
}
.ui-droppable-active .ui-sortable-handle i{
    margin-left:8px;
}
.L-ul-depth-2{
    text-indent: 10px;
}

/* z-index
---------------------------------------------------------*/
#LblockHeader {	z-index:4;}
#LblockTopLogo {z-index: 5;}
#LblockSupportMenu {z-index:7;}
#LblockSupportMenu li div {z-index:10}
#LblockTopMenu {z-index:5;}
#LblockTopMenu li ul {z-index:9999;}
#LblockLeft {z-index:2;}
#LeftToggleBtn {z-index:6;}

.LblockPageTitle .fa.fa-star,
.LblockPageTitle .fa.fa-star-o{
    margin-top:0;
}

.fa.fa-clock-o{
    font-size: 18px;
    color: #b9b9b9;
}

.LblockPageHeader {
    display: table;
    vertical-align: middle;
    position: relative !important;
    padding-top:9px;
    background-color: #fff;
    border-bottom: 0 solid #cdcccc;
}

.LblockPageTitle h1 {
    display: inline-block!important;
    font-size: 18px;
    color:#222!important;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
}
.LblockPageHeader .LblockPageTitle {
    position: unset;
    display: table-cell;
    padding: 0 0 0 10px;
    vertical-align: middle;
}
.LblockPageLocation{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 0px;
    right:10px;
}

.LblockPageLocation li.Lfirst span {
    color:#777;
    text-decoration:none;
}
.LblockPageLocation li span {
    color:#777;
    padding-left: 6px;
}

.L-checkbox-group.L-form-field{
    margin-top: 4px;
}

.L-radio-panel.L-form-field,
.L-form-field.L-checkbox-panel{
    position: relative;
    margin-right: 10px;
}
.L-checkbox-panel.L-form-field.L-disabled {
    color: #BCBDC0;
    border: 0 solid #ddd;
    background-color: #ffffff00;
}

/* footer */
#LblockFooter{
    height:48px;
}
#LblockFooterIn{
    display:table;margin:0 20px!important;width:calc(100% - 40px);height:46px;
}
#LblockFooterIn .copyright{
    display:table-cell;vertical-align:middle;
}
#LblockFooter img{
    margin:0 25px 0 0;
}
#LblockFooterMenu{
    top:10px;
}

.mask{position:fixed;}
.L-loading-page{position:fixed !important;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:#000 !important;opacity:.3 !important;filter:alpha(opacity=30) !important;z-index:990;}
.L-iFrame-loading-page{display:none;position:fixed !important;top:52px;left:200px;bottom:32px;width:100%;height:100%;background:#000 !important;opacity:.3 !important;filter:alpha(opacity=30) !important;z-index:990;}
/*.L-loading-page:after,*/
.L-loading-page:after{position:fixed !important;left:50%;top:50%;width:40px;height:40px;background:url(./../../resource/images/ehs/svg/svg-loader.svg) no-repeat 50% 50% !important;background-size:40px !important;opacity:1 !important;filter:alpha(opacity=100) !important;-webkit-animation: loader-anim 1s linear infinite;animation: loader-anim 1s linear infinite;z-index:999;content:'';}
.L-iFrame-loading-page:after{position:fixed !important;left:calc(50% + (100px - 16px));top:calc(50% - 15px);width:40px;height:40px;background:url(./../../resource/images/ehs/svg/svg-loader.svg) no-repeat 50% 50% !important;background-size:40px !important;opacity:1 !important;filter:alpha(opacity=100) !important;-webkit-animation: loader-anim 1s linear infinite;animation: loader-anim 1s linear infinite;z-index:999;content:'';}
.L-iFrame-loading-page.close:after{left:calc(50% + 16px);}
.L-masked-panel{position:fixed!important;left:0;top:0;right:0;bottom:0;height:100% !important;background:#000;opacity:.3 !important;filter:alpha(opacity=30) !important;}
.L-wait-panel .L-masked-message{width:40px;height:40px;background:url(./../../resource/images/ehs/svg/svg-loader.svg) no-repeat 50% 50% !important;background-size:40px !important;-webkit-animation: loader-anim 1s linear infinite;animation: loader-anim 1s linear infinite;opacity:1 !important;filter:alpha(opacity=100) !important;}
.L-grid .L-masked-panel{
    position: absolute!important;
}

.btnSpread{display:inline-block;position:absolute !important;right:0;width:25px !important;height:25px;right:-1px;bottom:-1px;text-align:right;z-index:1;}
.btnSpread a{display:block;width:25px;height:25px;}
.btnSpread.close{background:url(./../../resource/images/ehs/btn_search_fold_close.gif) no-repeat;}
.btnSpread.open{background:url(./../../resource/images/ehs/btn_search_fold_open.gif) no-repeat;}

.LblockPageLocation li span a:hover, .LblockPageLocation li span:last-child, .LblockPageLocation li span a:last-child { color:#777; }
.LblockPageLocation li.Llast span { color:#d43368; }

/********** sitemap ***********/
/* sitemap */
.sitemap {width: 100%;overflow: hidden;}
.sitemap ul{min-height:195px;}
.sitemap li{float:left;width:20%;padding:0 15px;border-right:1px solid #f0f0f0;box-sizing:border-box;}
.sitemap li h1{color:#222;font-size:14px;background:#f5f5f5;}
.sitemap li h1 a{display:block;padding:11px 30px 11px 10px;background:url(./../../resource/images/ehs/arrow_sitemap.png) no-repeat 100% 0;color:#222;}
.sitemap li h1 a:hover{background-position:100% -35px;color:#ee0f59;}

.sitemap li li{width:100%;padding:0;border:0;}
.sitemap li li a{display:block;line-height:27px;padding:0 0 0 9px;background:url(./../../resource/images/ehs/arrow_sitemap.png) no-repeat 0 -70px;color:#666;}
.sitemap li li a:hover{color:#ee0f59;}

.scroll-fixed{overflow: hidden}
.L-LFrameDialog-loading-page{position: absolute !important;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:#000 !important;opacity:.3 !important;filter:alpha(opacity=30) !important;z-index:998;}
.L-LFrameDialog-loading-page:after{position:absolute !important;left:50%;top:50%;width:40px;height:40px;background:url(./../../resource/images/ehs/svg/svg-loader.svg) no-repeat 50% 50% !important;background-size:40px !important;opacity:1 !important;filter:alpha(opacity=100) !important;-webkit-animation: loader-anim 1s linear infinite;animation: loader-anim 1s linear infinite;z-index:999;content:'';}



/* 2020.04.23 SYH Custom */

/*** .box padding - (padding: 20px 25px 25px 25px;) 조절 ***/
.pd0 {padding:0 !important;}
.pa20 {padding:20px !important;}
.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}
.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}

.bggrey {background:#747475;color:#fff;}
.bgred {background:#c8294b;color:#fff;}

.ta-c {text-align:center;}
.ts-sm {font-size:11px;}

.dashWmore {position:relative;}
.dashWmore .more {position:absolute;top:30px;right:30px;}
.dashWmore .more span {color:#c82948;cursor:pointer;font-weight:600;}
.dashWmore .more span:before {content:"+";vetical-align:middle;}

/*** font-style 추가 - (.box h2 20px) 조절 ***/
.dash-tit {position:relative;font-size:18px !important;color:#474751;padding-bottom:12px;}
.dash-tit.sm {font-size:16px !important; font-weight:600;}
.dash-tit.red {color:#c8294b;}
.dash-tit.noico {padding-bottom:0;}
.dash-tit:before {content:"";position:absolute; top:2px; left:-7px; width:5px; height:5px; background:#c8294b;}
.dash-tit.noico:before {content:none;}
.dash-tit span {font-size:13px; color:#858585;}

/*** Col+n 속성풀기 ***/
.tableDf {width:100%;table-layout:fixed;}
.col0 {width:100%;padding:7px 7px 8px 7px;overflow:hidden;}
.col0, .col0 *:not([class^="L-"]),
.dash-sh, .dash-sh *,
.slid-card, .slid-card *,
.step, .step *, [class^=step-],
.dash-tit  {box-sizing:border-box;}

.col0 > .box {height:100%;}
.col0 > .col3 {position:relative; float:left;width:calc(33.3333% - 10px);border-radius:3px; box-shadow:none;}
.col0 > .col3:not(:last-of-type) {margin-right:15px;}
.col0 > .col3 .dash-tit {color:#fff;padding:0;margin-bottom:4px;}
.col0 > .col3 .dash-tit:before {content:none;}
.col0 > .col3 .exp {display: block;font-family:sans-serif; color:#fff;opacity:.5; font-size:12px; line-height:1.2;word-break:keep-all;}
.col0 > .col3 .count {position:absolute; right:20px;bottom:15px; font-size:22px;}
.col0 > .col3 .count span {opacity:.8}
.col0 > .col3 .count span:before {content:"/";margin:0 5px;}
.col0 > .col3 .count span:after {content:"건";font-size:16px;vertical-align: bottom;margin-left:2px;margin-top:-5px;}

.graph.nn01 {height:calc(100% - 38px);}
.graph.nn01 span {width:100% !important;height:100%;}
.graph.nn01 span img {width:100% !important;height:100% !important;max-height:100%;}
.tableArea {width:100%;overflow-x:auto;}
.tableArea .table {min-width:670px;background:#fff;}
.tableArea .table th,
.tableArea .table td { vertical-align: middle; padding:3px;}

/*** input - ('diy1-'추가) ***/
.dash-sh {display:block;}
.dash-sh .L-form-field {width:100% !important;height:30px;}
.dash-sh .L-form-field input {width:calc(100% - 30px) !important;height:100%;padding:0 5px;}
.dash-sh .L-form-field input:focus {box-shadow: none !important;}
.dash-sh .L-radio-group .L-form-field,
.dash-sh .L-radio-group .L-form-field input {width:auto !important;}
.dash-sh.date .L-form-field {height:35px; border:2px solid #f55581;}
#LblockBody .dash-sh .L-combo div.icon {width:30px;background-position:7px 8px;}
#LblockBody .dash-sh.date .L-monthbox a.icon {width:30px;background: transparent url(../images/new/form-date.png) no-repeat 7px 7px !important;}
.dash-sh li:not(:last-of-type) {margin-bottom:5px;}

/*--- dashboard ---*/
.slid-card {position:relative;width:100%;height:calc(100% - 40px);overflow:hidden;padding:0 50px;}
.slid-card .slide-btn {position:absolute;top:0;height:100%;width:50px;background:#fff;z-index:9;padding-top:60px;}
.slid-card .slide-btn.Prev {left:0;}
.slid-card .slide-btn.Next {right:0;}
.slid-card .slide-btn a {position:relative;display:block;width:30px;height:30px;margin:0 auto;}
.slid-card .slide-btn.Prev a:before,
.slid-card .slide-btn.Prev a:after,
.slid-card .slide-btn.Next a:before,
.slid-card .slide-btn.Next a:after {content:"";position:absolute;width:20px;height:1px;background:#aaa;transition:all .2}
.slid-card .slide-btn.Prev a:before {left:0;top:7px;transform: rotate(-45deg);}
.slid-card .slide-btn.Prev a:after {left:0;bottom:8px;transform: rotate(45deg);}
.slid-card .slide-btn.Next a:before {right:0;top:7px;transform: rotate(45deg);}
.slid-card .slide-btn.Next a:after {right:0;bottom:8px;transform: rotate(-45deg);}
.slid-card .slide-btn.Prev a:hover:before,
.slid-card .slide-btn.Prev a:hover:after,
.slid-card .slide-btn.Next a:hover:before,
.slid-card .slide-btn.Next a:hover:after {background:#c8294b;}

.slid-card .slider {position:relative;overflow:hidden;width:100%;height:100%;background-color:#fff;}
.slid-card .sliderwrap {position:absolute;top:0;left:0;height:140px;overflow:hidden;padding:10px 0;}
.slid-card .sliderwrap li {float:left;width:200px;height:120px;border-radius:5px;background:#eeeef5;padding:20px;margin:0 10px;}
.slid-card .sliderwrap li.selected {background:#fa397a;box-shadow:1px 1px 10px rgba(0,0,0,0.5)}
.slid-card .sliderwrap li > a {display:block;width:100%;height:100%;}
.slid-card .sliderwrap li h2 {height:50px;font-size:30px;}
.slid-card .sliderwrap li h2 span {font-size:13px;}
.slid-card .sliderwrap li.selected h5,
.slid-card .sliderwrap li.selected h2,
.slid-card .sliderwrap li.selected p {color:#fff;}

.dash-nav {position:relative;padding-bottom:40px;}
.dash-nav:after {content:""; position:absolute; left:45%;bottom:-1px; width:10%; height:1px;background-color:#bbb;}
.dash-nav li {position:relative;width:100%;height:45px;border:2px solid #ddd;border-radius:2px;transition:all .2s;}
.dash-nav li:not(:last-of-type) {margin-bottom:5px;}
.dash-nav li:hover,
.dash-nav li.selected {border-color:#f55581;box-shadow:1px 1px 3px #bbb;}
.dash-nav li.selected::before {content:"";display:block;position:absolute;top:-2px;left:-17px;border-width:8px;border-style: solid; border-color: #f55581 #f55581 transparent transparent}
.dash-nav li a {display:block;width:100%;height:100%;box-sizing: border-box;text-align:center;/*padding-left:35px;*/}
.dash-nav li a p {display:unset;line-height:43px;font-size:15px;color:#666;vertical-align:middle;}
.dash-nav li:hover a p,
.dash-nav li.selected a p {color: #fb215d !important;}
.dash-nav li a p span {font-size:12px;}

/* step스타일 추가 */
.step-area {overflow:hidden;}
.step-info {width:170px;height: 55px;background:#c8294b;padding:9px 10px;}
.step-info p {color:#fff;}
.step {overflow:hidden;width:100%;height:55px;list-style: none;border:1px solid #d5d5d5;}
    .step-area.Winfo .step-info {float:left;}
    .step-area.Winfo .step {float:right;width:calc(100% - 170px);}
.step li {position: relative;float: left; height: 55px;background:#ebebeb;}
.step li:not(:last-of-type) {border-right:1px solid #ccc;}
.step li:not(:last-of-type)::after {content:"";position:absolute;top:0; right:-18px; width:0;hegith:0;border-color:transparent transparent transparent #ebebeb; border-style:solid;border-width:27px 0 28px 18px;z-index:1;}
.step li > a {display:block;width:100%;height: 100%;background:#ebebeb;padding:25px 0 0 35px;font-size:14px;color:#979797;letter-spacing:-.9px;}
.step li > a p {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;    word-break: keep-all;}
.step li:first-of-type > a {padding-left:20px;}
.step li:not(:last-of-type) a::before,
.step li:not(:last-of-type) a::after {content:"";position:absolute;right:-27px; width:40px;height:1px;background:#d7d7d7;z-index:5;}
.step li:not(:last-of-type) a::before {transform: rotate(54deg);top: 11px;}
.step li:not(:last-of-type) a::after {transform: rotate(-54deg);bottom: 11px;}
.step li a span {position: absolute;left:35px;top:7px;color:#aaa;font-size: 11px;font-family:sans-serif;}
.step li:first-of-type > a span {left:20px;}
.step li:hover > a {background:#f5f5f5;color:#626262;}
.step li.active > a {background:#fff;color:#ce0036;}
.step li:hover:not(:last-of-type)::after {border-color:transparent transparent transparent #f5f5f5; }
.step li.active:not(:last-of-type)::after {border-color:transparent transparent transparent #fff; }
.step li.active:not(:last-of-type) a::before,
.step li.active:not(:last-of-type) a::after,
.step li.active:not(:last-of-type):hover a::before,
.step li.active:not(:last-of-type):hover a::after {background:#c8294b;height:3px;}
.step li:hover:not(:last-of-type) a::before,
.step li:hover:not(:last-of-type) a::after {background:#bbb;}
.step li.active > a span {color:#666;}
.step li.disabled > a {color:#aaa;cursor:default;}
.step li.disabled:hover > a {background:#ebebeb;color:#aaa;}
.step li.disabled:hover:not(:last-of-type)::after {border-color:transparent transparent transparent #ebebeb; }
.step li.disabled:hover:not(:last-of-type) a::before,
.step li.disabled:hover:not(:last-of-type) a::after {background:#e2e2e2;}

.step.tab3 li {width:33.3333%;}
.step.tab4 li {width: 25%;}
.step.tab5 li {width: 20%;}
.step.tab6 li:not(:last-of-type) {width:16.6%;}
.step.tab6 li:last-of-type {width:17%;}
.step.tab7 li:not(:last-of-type) {width: 14%;}
.step.tab7 li:last-of-type {width: 16%;}
.step.tab8 li {width: 12.5%;}
.step.tab9 li:not(:last-of-type) {width: 11%;}
.step.tab9 li:last-of-type {width: 12%;}
.step.tab10 li {width:10%;}

/* 초기화 */

.dash.top-calendar {margin:0 0 5px;}
.dash.top-calendar .dash-tit {padding-top:5px;}
.dash.top-calendar .cal-arrow button {height:100%;box-sizing:border-box;border:0;}
.dash.top-calendar .btn-today button {height:28px;line-height:28px;background:#c8294b;color:#fff;}
.dash.top-calendar .cal-arrow,
.dash.top-calendar .cal-arrow .select-month-wrap,
.dash.top-calendar .btn-today  {display: inline-block;}
.dash.top-calendar .cal-arrow {height:30px;border:1px solid #c7c7c7;padding:1px 1px 1px 0;box-sizing:border-box;border-radius:3px;}
.dash.top-calendar .cal-arrow .select-month-wrap {vertical-align: middle;}
.dash.top-calendar .cal-arrow .select-month-wrap .select-month {height:26px;border:0}
.dash.top-calendar .cal-arrow .select-month-wrap .select-month input {padding-top:2px;}
.LblockMiddle {float:left;}
.dash.calendar {min-width:100%;}
.dash.calendar thead th {height:34px;font-size:13px;}
.dash.calendar tbody td {height:86px;}


.dash.searchArea {overflow:hidden;margin-top:0;padding:30px 0 20px 20px;}
.dash.searchArea h2 {margin-bottom:15px;}
.dash.searchArea label {float:left;font-weight:600;color:#6a6a6a;margin-right:10px;padding-top:9px;}
.dash.searchArea .LblockLeft {width:48%;overflow:hidden;}
.dash.searchArea .LblockRight {width:48%;overflow:hidden;}
.dash.searchArea .LblockLeft .L-form-field { width:calc(100% - 60px)!important;border:2px solid #c8294b; border-radius:3px;}
.dash.searchArea .LblockLeft .L-form-field input {height:34px;}
#LblockBody .dash.searchArea .LblockLeft .L-combo div.icon {width:34px; background:#c8294b url(../images/ehs/ico-dash.png) no-repeat 12px 14px;right:-1px;}

.dash.searchArea .search {float:left;border-color:#c8294b; width:calc(100% - 60px)!important;margin-top:0;}
.dash.searchArea .search.L-popuptextbox a.icon {background:#c8294b !important;width:35px !important;}

.dash.mainQuick{margin-top: 0;box-sizing:border-box;}

.dash.mainQuick li{display:block;width:calc(50% - 3px);height:50px;margin:0;border-width:3px;border-color:#e7e7e7;padding:0;margin-top:5px;}
.dash.mainQuick li:not(:nth-of-type(2n)){margin-right: 6px;}
.dash.mainQuick .icon {width:35px;height:35px;background:url('../images/ehs/main_quick_36.jpg') no-repeat 0 0;vertical-align:middle;}
.LblockMain .mainQuick .txt{display: table-cell;vertical-align:middle;padding-left: 10px;line-height: 1.25em;}

.LblockMain .mainQuick .icon.quick1{background-position:0 0;}
.LblockMain .mainQuick .icon.quick2{background-position:0 -35px;}
.LblockMain .mainQuick .icon.quick3{background-position:0 -70px;}
.LblockMain .mainQuick .icon.quick4{background-position:0 -105px;}


.LblockMain .mainQuick.col06 li {width:calc(33.333% - 4px); margin-right:6px;}
.LblockMain .mainQuick.col06 li:nth-child(2n) {margin-right:6px;}
.LblockMain .mainQuick.col06 li:nth-child(3n) {margin-right:0px;}
.LblockMain .mainQuick.col06 li a {padding:5px 5px !important;}
.LblockMain .mainQuick.col06 .icon{background:url('../images/ehs/ico-link.png') no-repeat 0 0;vertical-align:middle;}
.LblockMain .mainQuick.col06 .txt{padding-left: 5px;}

.LblockMain .mainQuick.col06 .icon.quick1{background-position:0 0;}
.LblockMain .mainQuick.col06 .icon.quick2{background-position:0 -35px;}
.LblockMain .mainQuick.col06 .icon.quick3{background-position:0 -70px;}
.LblockMain .mainQuick.col06 .icon.quick4{background-position:0 -105px;}
.LblockMain .mainQuick.col06 .icon.quick5{background-position:0 -140px;}
.LblockMain .mainQuick.col06 .icon.quick6{background-position:0 -175px;}

.dash.mainTab,
.dash.mainTab .L-navset {height:100% !important;}
.dash.mainTab .L-navset .L-nav-scroll {margin-bottom:4px !important;}
.dash.mainTab .L-navset .L-content {height:calc(100% - 60px) !important;border:1px solid #dfdfdf !important;border-top-color:#C8294b !important;}
.dash.mainTab .L-navset .L-content .L-content-tab {height:100% !important;}

.factory-map {width:100%;height:550px;margin-top:5px;box-sizing:border-box;}
.factory-map img {display:block;width:100%;max-width:810px;margin: 0 auto;}

.mapAreawrap {width:calc(100% - 11px);height:auto;background:#f7f7f7;pading:2px;border:1px solid #ccc;background-origin: padding-box;}
.mapAreawrap .mapArea {border:0 !important;padding:0;margin: 0 auto;}

.map-index {display:inline-block;}
.map-index > p {color:#616161;opacity:1;}
.map-index > p.disabled {opacity:0.25;}
.map-index > p > span {vertical-align:top;margin:0 1px;}
.map-index > p:not(.indexSum)::before {content:"";display: inline-block;width:10px;height:10px;margin: -2px 3px 0;vertical-align:middle;}
.map-index p.indexSum {margin:0 5px;}
.map-index p.grey::before {background:#adadad;}
.map-index p.green::before {background:#17dc1e;}
.map-index p.blue::before {background:#2ed7e1;}
.map-index p.yellow::before {background:#efd610;}
.map-index p.pink::before {background:#f18bb0;}

.dash.link li {float:left;width:calc(15% + 13px);height:50px;border:1px solid #cdcccc;margin-bottom:8px;}
.dash.link li:not(:nth-of-type(6n)) {margin-right: 6px;}
.dash.link li a {display:block;width:100%;height:100%;text-align:center;padding-top:10px;}
.dash.link li a img {display:inline-block;height:25px;}
.dash.link li:hover {border-color:#fc5a80;}

.dashMAP {position:relative;}
.dashMAP .mapselect {display:inline-block; position:absolute; right:10px;top:10px;z-index:9;}

/* rui 그리드  */
.L-grid-row-summary-total td.L-grid-cell {background-color: #f4f9fb !important}

/* 테이블 내 rui 그리드 */
.in-table table {margin-bottom:0;}
.in-table td .L-grid-header-state {height:9px;}
.in-table .L-grid-cell {height:28px;padding:0;}
.in-table .L-grid-row .L-grid-cell-inner {padding-top:5px;}
.in-table .L-grid-header {background-color: #f7f7f7;padding:0 !important;}
.in-table .L-grid-header-cell {padding:9px 8px !important;background-color:#f7f7f7}
.in-table .L-grid-cell-selection,
.in-table .L-grid-cell-state {padding-left:0 !important;padding-right:0 !important;}
.in-table table .L-grid-header-row.L-grid-header-row-first .L-grid-header-inner {padding-bottom:0 !important;}
.LblockSearch .L-form-field {margin-bottom: 0px !important;}

.L-form-field.L-numberbox input.L-display-field {
    text-align: right;
}