@CHARSET "UTF-8";
/* 기본 스타일 시작 */
        * { margin: 0; padding: 0; }
        html, body { height:100%; overflow:auto; }
        body, table, th, td, input, textarea, select, button, a, span, div, h1, h2, h3, h4, h5, h6 { font-family: Verdana, Tahoma, Apple, "Malgun Gothic", "맑은 고딕", "Gulim", "굴림", AppleGothic, sans-serif;}
        body { font-size:12px; color:#414141; line-height:20px;}
        input, textarea, select  { font-size:12px; color:#414141; }
        ul, li, a {  color:#0073ea;font-size:12px; list-style: none; }
        a:link    { text-decoration: none; }
        a:visited { text-decoration: none; }
        a:active  { text-decoration: none; }
        a:hover   { text-decoration: underline; }
        a:focus   { text-decoration: none; outline: none;  }
        img {vertical-align:middle;}
        .lText {text-align:left !important;padding-left:5px;}
		.rText {text-align:right !important;padding-right:5px;}
		.cText {text-align:center !important;}
/* 기본 스타일 끝 */

		.footer_logo {
            background-image: url("../images/icon/footer_logo.png");
            background-position:10px 3px;
            background-repeat : no-repeat;
            padding-left:40px !important;
		}

/* Tab 시작 */
    #tabs {border:0px solid #c4c6ca;height:31px;margin:9px 0px 5px 0px; color:#fff;}
    #tabs > ul > li { float: left; padding:0px 15px; background-color:#f5f5f5;
                        border-right:1px solid #c4c6ca;
                        border-top:1px solid #c4c6ca;
                        height:30px;line-height:30px; color:#000;}
    #tabs > ul > li:first-child { margin-left:10px; border-left:1px solid #c4c6ca;}
    #tabs > ul > li.selected {color:#0073ea;border-bottom:1px solid #ffffff;background-color:#ffffff;}
    #tabs > ul > li.separate {color:#0073ea;border-top:0px solid #c4c6ca;background-color:#ffffff;}

    #tabs:after {
        content: "";
        display: block;
        left: -1px;
        width: 100%;
        height:31px;
        border-bottom:1px solid #c4c6ca;
        z-index: -1;
    }
    #tabs span {cursor:pointer;}

    #contents_tabs {border:0px solid #c4c6ca;height:31px;margin:10px 0px 5px 0px; color:#fff;}
    #contents_tabs > ul > li { float: left; padding:0px 15px; background-color:#f5f5f5;
                        border-right:1px solid #c4c6ca;
                        border-top:1px solid #c4c6ca;
                        height:30px;line-height:20px; color:#000;}
    #contents_tabs > ul > li:first-child { margin-left:10px; border-left:1px solid #c4c6ca;}
    #contents_tabs > ul > li.selected {color:#0073ea;border-bottom:1px solid #ffffff;background-color:#ffffff;}
    #contents_tabs:after {
        content: "";
        display: block;
        left: -1px;
        width: 100%;
        height:31px;
        border-bottom:1px solid #c4c6ca;
        z-index: -1;
    }
    #contents_tabs span {cursor:pointer;}

    .ui-layout-center #tabs {min-width:700px;}
    .ui-layout-west #tabs {min-width:400px;}

/* Tab 끝 */

/* Sub Tab 시작 */
    .subTabs {border:0px solid #c4c6ca;margin:10px 0px 5px 0px; }
    .subTabs > ul > li { float: left; padding:0px 15px; background-color:#707070;
                        border-right:1px solid #c4c6ca;
                        border-top:1px solid #c4c6ca;
                        height:25px;line-height:25px; color:#111111;}
    .subTabs > ul > li:first-child { margin-left:10px; border-left:1px solid #c4c6ca;}
    .subTabs > ul > li.selected {color:#fff;border-bottom:1px solid #ffffff;background-color:#ffffff;}
    .subTabs > ul > li > a {color:#FFF;}
    .subTabs > ul > li.selected > a {color:#111111;}
    .subTabs:after {
        content: "";
        display: block;
        left: -1px;
        width: 100%;
        height:26px;
        border-bottom:1px solid #c4c6ca;
        z-index: -1;
    }

/* Sub Tabs 끝 */



/* Grid 시작 */
        .grid1, .grid2 {
            width: 100%;
            padding: 0px 5px;
            box-sizing: border-box;
            display:block;
        }

        .ui-layout-center .box1 {min-width:700px;}
        .ui-layout-west .box1 {min-width:400px;}

        .box2 {
            margin: 10px 20px;
            padding:5px 0px;
            box-sizing: border-box;
            border:1px solid #c4c6ca;
            border-radius: 3px;
            background-color: #FFF;
            background-image: url("../images/icon/top_icon.jpg");
            background-position:top right;
            background-repeat : no-repeat;overflow:visible;float:left;
        }

		.pane-header {border-bottom: 1px solid #BBB;}
        .pane-header  > h3 {
                                    /* height:40px; */
                                    line-height:40px;
                                    padding:0px 0px 0px 30px;
                                    background-image: url("../images/icon/blue.gif");
                                    background-position:12px 15px;
                                    background-repeat : no-repeat;  }

        .ui-layout-content  h4 {
                                    height:30px;line-height:30px;
                                    padding:0px 0px 0px  15px;
                                    font-size:14px;
                                    background-image: url("../images/icon/bleat.jpg");
                                    background-position:5px 15px;
                                    background-repeat : no-repeat;
                                    display:block; clear:both; }

        .search {padding-left:10px;min-width:800px;}
        .search > .label {height:35px;line-height:35px;padding:0px 10px;
                            background-image: url("../images/icon/bleat.jpg");
                            background-position:0px 5px;
                            background-repeat : no-repeat;  color:#414141;  }

/* Grid 끝*/

/* List 테이블  시작 */
.contents_list {padding:0px 10px;min-width:800px;}
.contents_list > table {width:100%;min-width:800px;table-layout:fixed;border-spacing:0px;border-collapse:collapse;border-top:2px solid #6a8ec6; margin-top:5px;}
    .contents_list > table  th {background-color:#eeeeee;border-bottom:1px solid #e9e9e9;font-weight:bold;height:30px;line-height:30px;}
        .contents_list > table  td {border-bottom:1px solid #e9e9e9;padding-left:5px;height:30px;
                                    text-align:center;word-break:break-all;}
            .contents_list > table  td  a {text-decoration:underline;}
            .contents_list > table  td  a:hover { text-decoration: none; }
        .contents_list > table  td  label { margin-right:20px; }
/* List 테이블  끝 */

/* Grid 테이블  시작 */
.grid_div {padding:0px;}
.grid_list {padding:0px;}
.grid_list > table {width:100%;border-spacing:0px;border-collapse:collapse;border-top:1px solid #BBB;}
    .grid_list > table  th {background-color:#FFFFE0;
                            border-bottom:1px solid #e9e9e9;
                            border-right:1px solid #e9e9e9;
                            font-weight:bold;height:30px; }
    .grid_list > table  th:last-child {border-right:0px solid #e9e9e9;}

        .grid_list > table  tr {border-bottom:1px solid #e9e9e9;}
        .grid_list > table tbody tr.selected {background-color:#eeeeee; color:#414141; }
		.grid_list > table tbody tr.selected2 {background-color:#f4f8fd; color:#414141; }

        .grid_list > table  td { padding-left:5px;height:30px;text-align:center;
                                border-right:1px solid #e9e9e9;}
        .grid_list > table  td:last-child {border-right:0px solid #e9e9e9;}

            .grid_list > table  td  a {text-decoration:underline; cursor:pointer;}
            .grid_list > table  td  a:hover { text-decoration: none; }
        .grid_list > table  td  label { margin-right:20px; }
/* List 테이블  끝 */


.pane-footer  {border-top:1px solid #c2c2c2;}
.pane-footer .btnarea {margin:0px 0px;}
.btnarea {height:30px;margin:0px 10px;padding:5px 15px; }
    .btnarea  > ul.left { overflow: hidden;float: left; height:30px;}
    .btnarea  > ul.right { overflow: hidden; float: right; height:30px; }
        .btnarea > ul.left > li { float: left; margin-right:2px; }
        .btnarea > ul.right > li { float: left; margin-right:2px; }

.nopadding {padding-left:0px !important; padding-right:0px !important; }
.nomargin {margin-left:0px !important; margin-right:0px !important; }

.paging {height:35px;padding:15px 10px;}
    .paging  > ul.left { overflow: hidden; float: left; }
    .paging  > ul.right { overflow: hidden; float: right; }
        .paging > ul.left > li { cursor:pointer;float: left; width:28px; height:27px; line-height:27px; border:1px solid #c2c2c2;
                                        display:inline-block; vertical-align: top;
                                        background-color:#fff;
                                        background-image: url("");
                                        color:#000;text-align:center; margin-right:2px; }
        .paging > ul.left > li:hover {border:1px solid #34302d; }
            .paging > ul.left > li > span {display: block;color:#000;}
            .paging > ul.left > li > span.ui-icon {margin:5px 5px;}


        .paging > ul.left > li.curr { background-color:#f4f4f0;font-weight:bold; }

        .paging > ul.right > li { float: left; margin-right:2px; }

.pane-footer .paging {height:35px;border-top:0px solid #c2c2c2;padding:5px 10px;}


/* Header 정의 시작 */
.tleft {text-align:left !important;padding-left:15px !important;}
.tright {text-align:right !important;}
.p10 {width:10% !important;}
.p15 {width:15% !important;}
.p20 {width:20% !important;}
.p25 {width:25% !important;}
.p30 {width:30% !important;}
.p35 {width:35% !important;}
.p40 {width:40% !important;}
.p45 {width:45% !important;}
.p50 {width:50% !important;}
.p55 {width:55% !important;}
.p60 {width:60% !important;}
.p65 {width:65% !important;}
.p70 {width:70% !important;}
.p75 {width:75% !important;}
.p80 {width:80% !important;}
.p85 {width:85% !important;}
.p90 {width:90% !important;}
.p95 {width:95% !important;}

.w30  {width:30px !important; min-width:30px !important;}
.w50  {width:50px !important; min-width:50px !important;}
.w60  {width:60px !important; min-width:60px !important;}
.w70  {width:70px !important; min-width:70px !important;}
.w80  {width:80px !important; min-width:80px !important;}
.w90  {width:90px !important; min-width:90px !important;}
.w100 {width:100px !important; min-width:100px !important;}
.w110 {width:110px !important; min-width:110px !important;}
.w120 {width:120px !important; min-width:120px !important;}
.w150 {width:150px !important; min-width:150px !important;}
.w180 {width:180px !important; min-width:180px !important;}
.w200 {width:200px !important; min-width:200px !important;}
.w220 {width:220px !important; min-width:220px !important;}
.w250 {width:250px !important ;min-width:250px !important;}
.w300 {width:300px !important; min-width:300px !important;}
.w350 {width:350px !important;; min-width:350px !important;}
.w400 {width:400px !important; min-width:400px !important;}
.w450 {width:450px !important; min-width:450px !important;}
.w500 {width:500px !important; min-width:500px !important;}
.w550 {width:550px !important; min-width:550px !important;}
.w600 {width:600px !important; min-width:600px !important;}
.w650 {width:650px !important; min-width:650px !important;}
.w700 {width:700px !important;}
.w750 {width:750px !important;}
.w800 {width:800px !important;}
.w850 {width:850px !important;}
.w900 {width:900px !important;}
.w950 {width:950px !important;}
.w970 {width:970px !important;}
.w1000 {width:1000px !important;}

/* Header 정의 끝 */

/* Form 객체 및 버튼  정의 시작 */
select {
            display: inline-block;
            border: none;
            vertical-align: middle;
            outline: none; margin-top:3px; }

input, textarea {
            vertical-align: middle;
            outline: none;
            height: 25px;
            padding: 0px 5px;
            border: 1px solid #d8d8d8;  }

input[readonly]
{
    border: 1px dotted #d8d8d8 !important ;
    cursor:not-allowed ;
}

.inputTxt {
                height: 25px;
                padding: 0px 5px;
                border: 1px solid #d8d8d8;
                font-size: 1.1em;
                line-height: 25px; }

.inputDate {
                height: 25px;
                width:80px;
                padding: 0px 5px;
                border: 1px solid #d8d8d8;
                font-size: 1.1em;
                line-height: 25px; }

.select {
            display: inline-block;
            height: 27px;
            padding: 0px 10px;
            border: 1px solid #d8d8d8;
            background-color: #fff;
            line-height: 20px;
            vertical-align: middle;
            margin:0px;
        }


/* Form 객체 정의 끝 */

/* CRF 시작 */
.crf {
    width: 100%;
    padding: 0px 5px;
    box-sizing: border-box;
    display:block;
}

.crf_inner {
    position: relative;
    margin: 0px 0px;
    padding:5px 0px;
    border-radius: 3px;
    background-color: #FFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    background-image: url("../images/top_icon.jpg");
    background-position:top right;
        background-repeat : no-repeat;
}

    .crf_inner  > h3 {
                                line-height:30px;line-height:30px;
                                border-bottom: 1px solid #F2F2F2;
                                padding:0px 0px 5px 35px;
                                background-image: url("../images/blue.gif");
                                background-position:20px 12px;
                                background-repeat : no-repeat;  }

    .crf_inner  > h4 {
                                line-height:30px;line-height:30px;
                                padding:0px 0px 0px 35px;
                                background-image: url("../images/title_dot.gif");
                                background-position:20px 7px;
                                background-repeat : no-repeat; }

    .item_group {margin:0px 10px;}
    .item_group > table {width:100%;min-width:760px;border-spacing:0px;border-collapse:collapse;
                            border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9; margin-bottom:10px;}
    .item_group > table > thead > tr > th {height:25px;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9; color:#0073ea;background-color:#eeeeee;}
    .item_group > table > thead > tr > td.title {height:20px;color:#0073ea;border-right:1px solid #e9e9e9;}

    .item_group > table > tbody > tr > th {height:25px;text-align:left;padding-left:3px;min-width:150px;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#0073ea;background-color:#eeeeee;}
    .item_group > table > tbody > tr > td {height:25px;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}

        .item_group .item {line-height:30px;display:block;float: left;height:100%;width:100%;}
        .item_group .item > li {float:left;background-color:#eeeeee;height:100%;}
            .item_group .item > li.label {width:30%;color:#0073ea;padding:0px 5px 0px 5px;}
            .item_group .item > li.status {width:15%;border-right:1px  solid #eeeeee;text-align:center;background-color:#fff;}
            .item_group .item > li.field {width:48%;color:#000;background-color:#fff;padding-left:5px;}

            .item_group select {
                                display: inline-block;
                                border:1px solid #d8d8d8;
                                vertical-align: middle;
                                margin:0px; }
            .item_group input[type=text] { height:20px;}
            .item_group a.smallbtn {cursor:pointer;font-size:10px; min-width:50px;height:50px;padding:0px 5px;
                                                border-radius:5px;box-shadow:1px 1px #ccc;text-align:center;border:1px solid #c2c2c2;text-decoration:none; }
    .layout_1x1 > table > tbody > tr > td {width:100%;}
    .layout_1x2 > table > tbody > tr > td {width:50%;}
    .layout_1x3 > table > tbody > tr > td {width:33.3%;}
    .layout_1x4 > table > tbody > tr > td {width:25%;}


    .matrix {margin:0px 10px;overflow-x:auto;}
    .matrix > table {width:100%;margin-top:3px;border-spacing:0px;table-layout:fixed;border-collapse:collapse;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;margin-bottom:5px;}
    .matrix > table > thead {height:20px;overflow:hidden;}
    .matrix > table:first-child > thead > tr {background-color:#eeeeee;display:table-row;}
    .matrix > table > thead > tr {height:0px;display:none;}

    .matrix > table > thead > tr > th {border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;font-weight:bold;height:30px;line-height:30px;}

    .matrix > table > tbody > tr > td {text-align:center;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;padding-left:5px;height:30px;}
    .matrix > table:last-child > tbody > tr > td {border-bottom:1px solid #e9e9e9;}

    .matrix > table > tbody > tr > td.alarm_icon {text-align:center;border-top:1px solid #e9e9e9;}
    .matrix a.smallbtn {cursor:pointer;font-size:10px; min-width:50px;height:50px;padding:0px 5px;
                            border-radius:5px;box-shadow:1px 1px #ccc;text-align:center;border:1px solid #c2c2c2;text-decoration:none; }
        .matrix > table > tbody > tr > td > input[type=text] {border:1px solid #e9e9e9;height:20px;}
        .matrix > table > tbody > tr > td > select {min-width:150px; border:1px solid #e9e9e9;height:23px;}

/* 등록 Form CSS 시작*/
    .tbl-Regist {margin:0px 10px;}
        .tbl-Regist > table {   width:100%;min-width:700px;margin-top:3px;border-spacing:0px;table-layout:fixed;
                                border-collapse:collapse;
                                border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;
                                margin-bottom:5px;}
            .tbl-Regist > table > tbody > tr > th { border-bottom:1px solid #e9e9e9;
                                                    border-right:1px solid #e9e9e9;
                                                    font-weight:bold;height:30px;line-height:20px;
                                                    background-color:#EEE;
                                                    text-align:left;
                                                    padding-left:10px;}
            .tbl-Regist > table > tbody > tr > td { color:#000;
                                                    border-bottom:1px solid #e9e9e9;
                                                    border-right:1px solid #e9e9e9;
                                                    height:30px;line-height:20px;
                                                    text-align:left;
                                                    padding:2px 10px;
                                                    word-break:break-all;}

            .tbl-Regist > table > tbody > tr > td > label { cursor:pointer; padding:10px 20px 0px 5px;}

				.tbl-Regist > table > tbody > tr > td > span.label { float:left; padding:0px 20px 0px 5px;}

    .tbl-Vertical {margin:0px 10px;padding:1px;overflow-x:auto;}
        .tbl-Vertical table {width:100%;margin-top:3px;border-spacing:0px;table-layout:fixed;border-collapse:collapse;
                                border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;
                                margin-bottom:5px;}
/*
            .tbl-Vertical table > thead > tr {height:0px;display:none;}
            .tbl-Vertical table:first-child > thead > tr {height:30px;background-color:#eeeeee;display:table-row;}
 */
            .tbl-Vertical table > thead > tr > th { border-bottom:1px solid #e9e9e9;
                                                        border-right:1px solid #e9e9e9;
                                                        font-weight:bold;height:30px;line-height:30px;
                                                        background-color:#EEE;
                                                        text-align:center; }
            .tbl-Vertical table > tbody > tr > td { color:#000;
                                                    border-bottom:1px solid #e9e9e9;
                                                    border-right:1px solid #e9e9e9;
                                                    height:30px;line-height:30px;
                                                    text-align:center;
                                                    padding:2px 0px;}
                .tbl-Vertical table > tbody > tr > td > input[type=text] {width:80%;}
                .tbl-Vertical table > tbody > tr > td > label { cursor:pointer; padding:10px 20px 0px 5px;}


/* 등록 Form CSS 끝*/


/* List 테이블  시작 */
    .layout_list {padding:10px 10px;overflow-x:auto;}
    .layout_list > table {width:100%;border-spacing:0px;border-collapse:collapse;border-top:2px solid #62a15c; margin-top:10px;}
        .layout_list > table  th {background-color:#eeeeee;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;font-weight:bold;height:30px;line-height:30px;}
            .layout_list > table  td {border-bottom:1px solid #e9e9e9;padding-left:5px;height:30px;text-align:center;}
                .layout_list > table  td  a {text-decoration:underline;}
                .layout_list > table  td  a:hover { text-decoration: none; }
            .layout_list > table  td  label { margin-right:20px; }
/* List 테이블  끝 */

#noti-container {
    position: fixed !important;
    position: absolute;
    text-align:left;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 90000;
}

.noti-item {
    display: block;
    position: relative;
    margin: 0 1px 1px 1px;

}

.noti-item-close {
    position: absolute;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    right: 5px;
    top: 0px;
    cursor: pointer;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.noti-item-close:hover {
    color: #FF5555;
}

.noti-item-wrapper .error {
    padding:15px 10px 15px 50px;
    border: 1px solid #FF0000;
    background: #ffe45c url("../images/cmmn/error.gif") no-repeat;
    background-position: 10px center;
    color: #FF0000;
    font-weight:bold;
    text-align:left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* 버튼 디자인  영역 시작*/



/* 버튼 디자인  영역 끝*/

.form-content, .view-content {display:none;}

.input-disabled {background-color:#EBEBE4;}

.section-content {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -ms-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border: 1px solid #c4c6ca;
    padding:5px 5px;
    position: relative;
    margin:20px 20px;
    min-width:800px;
}

.section-content .line-break {border:0px solid #c4c6ca;height:1px;margin:10px 5px;background-color:#c4c6ca;}

.section-content:after,
.section-content:before {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #c4c6ca;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    position: absolute;
    width: 100%;
}
.section-content:after {
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
    top: 0;
    z-index: -1;
}
.section-content:before {
    -webkit-transform: rotate(-0.5deg);
    -moz-transform: rotate(-0.5deg);
    -ms-transform: rotate(-0.5deg);
    -o-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg);
    top: 0;
    z-index: -2;
}



.commentUl {padding:0px; margin:10px;}
.commentUl:first-child  {border-top-width:1px; border-top-style:dotted; border-color:#c4c6ca;margin-top:15px; }
    .commentUl li {color:#000;padding:2px 10px;line-height:20px;}
    .commentUl span {margin:0px 10px 0px 0px;}
    .commentUl .comment-line-dashed {height:1px; padding:0; overflow:hidden;
                                     border-bottom-width:1px; border-bottom-style:dotted;
                                     border-color:#c4c6ca;}
        .commentUl .user {font-weight:bold;float:right;}
        .commentUl .date {font-size:11px;float:right;}
        .commentUl .text {color:#0073ea;font-size:12px;}
        .commentUl .file {  cursor:pointer;
                            background-image: url("../images/icon/icon_file.jpg");
                            background-position:0px 0px;
                            background-repeat : no-repeat;
                            padding-left:20px;}
        .commentUl .comment {color:#000; }

        .commentUl .delete {    cursor:pointer;
                                text-indent: -99999px;
                                background-image: url("../images/icon/ico_delete.png");
                                background-position:10px 2px;
                                background-repeat : no-repeat;
                                padding-left:30px;float:right;}



.cal-navi {height:35px;padding:15px 20px;}
    .cal-navi  > ul { overflow: hidden; float: left; }
        .cal-navi > ul > li { cursor:pointer;float: left; width:50px; height:27px; line-height:27px; border:1px solid #c2c2c2;
                                        display:inline-block; vertical-align: top;
                                        background-color:#fff;
                                        background-image: url("");
                                        color:#000;text-align:center; margin-right:2px; }
        .cal-navi > ul > li:hover {border:1px solid #34302d; }
        .cal-navi > ul > li.curr { background-color:#f4f4f0;font-weight:bold; }

.calendar-tbl {padding:0px 10px 10px 10px;min-width:800px;}
.calendar-tbl > table {width:100%;border-spacing:0px;border-collapse:collapse;
                        border-left:1px solid #BBB;border-top:1px solid #BBB;}
    .calendar-tbl > table  th {background-color:#eeeeee;
                            border-bottom:1px solid #BBB;
                            border-right:1px solid #BBB;
                            font-weight:bold;height:30px;line-height:30px;}

    .calendar-tbl > table  tr.contents {height:90px;border-bottom:1px solid #BBB;}
    .calendar-tbl > table  tr.date {border-bottom:0px solid #e9e9e9;}

        .calendar-tbl > table tr.contents td {vertical-align:top;padding-top:2px;}
        .calendar-tbl > table td {text-align:left;border-right:1px solid #BBB;width:14.2%;}

        .calendar-tbl > table tr.date td span { display:block;text-align:right;padding:5px 5px 5px 5px;width:20px;height:15px;
                                        font-weight:bold; border-bottom:1px solid #BBB;border-right:1px solid #BBB;  }

        .calendar-tbl > table tr.contents td li {padding:3px 3px;}
        .calendar-tbl > table tr.contents td span.prog1 {margin:0px 5px;width:10px;height:10px;background-color:#e2e2e2;}
        .calendar-tbl > table tr.contents td span.prog2 {margin:0px 5px;width:10px;height:10px;background-color:#fdf1b3;}
        .calendar-tbl > table tr.contents td span.prog3 {margin:0px 5px;width:10px;height:10px;background-color:#d1cbab;}
        .calendar-tbl > table tr.contents td span.prog4 {margin:0px 5px;width:10px;height:10px;background-color:#898050;}


.schedule-tbl {padding:0px 10px 10px 10px;}
.schedule-tbl > table {width:100%;border-spacing:0px;border-collapse:collapse;
                        border-left:1px solid #BBB;border-top:1px solid #BBB;}
    .schedule-tbl > table thead th {background-color:#FFFFE0 ;
                            border-bottom:1px solid #BBB;
                            border-right:1px solid #BBB;
                            font-weight:bold;height:30px;min-width:70px;
                            padding:0px 3px; white-space:pre-line ; word-break:keep-all; }

	.schedule-tbl > table tbody tr { background-color:#FFF;  }
	.schedule-tbl > table tbody tr.selected {background-color:#eeeeee !important ; }

    .schedule-tbl > table tbody th {background-color:#eeeeee;
                                    border-bottom:1px solid #BBB;
                                    border-right:1px solid #BBB;
                                    font-weight:bold;
                                    text-align:left;
                                    padding:3px 5px;min-width:150px;}

        .schedule-tbl > table tbody td {text-align:center; vertical-align:absmiddle; min-width:30px;
                                        height:28px;line-height:20px;
                                        border-bottom:1px solid #BBB;border-right:1px solid #BBB; word-break:break-all;}

        .schedule-tbl > table tbody td span {margin:0px; width:19px; height:22px; text-indent:-100000px;display:inline-block;}


.schedule-tbl .cls_form_nm {cursor:pointer; text-decoration: underline;}
.schedule-tbl .cls_form_nm:hover {text-decoration:none;}
.schedule-tbl .cls_studyevent_nm {cursor:pointer; text-decoration: underline;}



.TreeList > table {width:100%;border-spacing:0px;border-collapse:collapse; }

    .TreeList > table th { background-color:#FFFFE0 ;
	                                border-bottom:1px solid #BBB;
	                                font-weight:bold;text-align:left;
	                                height:30px;
	                                padding:0px 15px;}

	 .TreeList > table td.head {background-color:#FFFFE0 ;
			                                border-bottom:1px solid #BBB;
			                                font-weight:bold;text-align:left;
			                                height:30px;
			                                padding:0px 15px;}

        .TreeList > table td { text-align:left;padding:0px;
	                                    height:28px;font-weight:bold;
	                                    border-bottom:1px solid #BBB; white-space:nowrap; }
        .TreeList > table td.selected { color:#FFF ; background-color:#BBB ; }

.clsFormStatEmpty {			cursor:pointer;
                                background-image: url("../images/icon/ico2_modify.png");
                                background-position:0px 4px;
                                background-repeat : no-repeat;
                                margin:0px; width:19px; height:23px; text-indent:-100000px;display:inline-block;}

.clsFormStatDisabled {
	                             background-image: url("../images/icon/ico2_new.png");
	                             background-position:0px 4px;
	                             background-repeat : no-repeat;
	                             margin:0px; width:19px; height:23px; text-indent:-100000px;display:inline-block;}

.clsFormStatSave {		cursor:pointer;
                            background-position:0px 4px;
                            background-repeat : no-repeat;
							margin:0px; width:19px; height:23px; text-indent:-100000px;display:inline-block;}

.clsFormListStat {		cursor:pointer;
                        background-position:28px 4px;
                        background-repeat : no-repeat;
						margin:0px; height:23px; padding-left:15px !important; }

.clsFormStatMandatory {
	                             background-image: url("../images/icon/ico_essential.png");
	                             background-position:0px 4px;
	                             background-repeat : no-repeat;
	                             margin:0px; width:19px; height:23px; text-indent:-100000px;display:inline-block;}


.clsFormStatT { background-image: url("../images/icon/ico2_temp.png");   }
.clsFormStatC { background-image: url("../images/icon/ico2_completion.png");   }
.clsFormStatF { background-image: url("../images/icon/ico2_check.png");   }
.clsFormStatL { background-image: url("../images/icon/ico2_lock.png");   }
.clsFormStatSL { background-image: url("../images/icon/ico2_softlock.png");   }
.clsFormStat { background-image: url("../images/icon/ico2_new.png");   }
.clsFormStatE { background-image: url("../images/icon/ico2_modify.png");   }
.clsFormStat_1st { background-image: url("../images/icon/ico_1st.png");   }
.clsFormStat_2nd { background-image: url("../images/icon/ico2_completion.png");   }


.clsSaeStat {		cursor:pointer;
                            background-position:0px 4px;
                            background-repeat : no-repeat;
							margin:0px; width:19px; height:23px; text-indent:-100000px;display:inline-block;}

.clsSaeStatW { background-image: url("../images/icon/ico_saewrite.png");   }
.clsSaeStatS { background-image: url("../images/icon/ico_saesave.png");   }
.clsSaeStatC { background-image: url("../images/icon/ico_saeconfirm.png");   }


.clsStatusLabel  {width:25px; height:23px; display:inline-block;
                        background-position:10px 4px;
                        background-repeat : no-repeat;
						margin:0px; padding-left:15px !important; }
.clsUserLock { background-image: url("../images/icon/user_lock.png");   }
.clsUserSoftLock { background-image: url("../images/icon/user_softlock.png");   }


.schedule-list > table {width:100%;border-spacing:0px;border-collapse:collapse;
                        border-top:1px solid #BBB;}

    .schedule-list > table th { background-color:#FFFFE0 ;
	                                border-bottom:1px solid #BBB;
	                                font-weight:bold;text-align:left;
	                                height:30px;
	                                padding:0px 15px;}

	 .schedule-list > table td.head {background-color:#FFFFE0 ;
			                                border-bottom:1px solid #BBB;
			                                font-weight:bold;text-align:left;
			                                height:30px;
			                                padding:0px 15px;}

        .schedule-list > table td { text-align:left;padding:0px;
	                                    height:28px;font-weight:bold;
	                                    border-bottom:1px solid #BBB;}

            .schedule-list > table td.empty {
                                                    background-image: url("../images/icon/ico_clear.png");
                                                    background-position:25px 7px;
                                                    background-repeat : no-repeat;  }

            .schedule-list > table td.confirm {
                                                    background-image: url("../images/icon/ico_confirm.png");
                                                    background-position:25px 7px;
                                                    background-repeat : no-repeat;  }

.no-padding {padding:0px !important;}
.no-margin {margin:0px !important;}
.no-display {display:none !important;}
.margin5x10{margin:5px 5px !important;}

/* Shadow Box 에 대한 스타일 */

.shadow-box {
    background: #ffffff;
     box-shadow: 0 8px 6px -6px black;
    border: 1px solid #c4c6ca;
    padding:5px 5px;
}

.shadow-box .title 	{height:30px;line-height:30px;
		                 padding:0px 0px 0px  10px;
		                 font-size:14px;
		                 background-image: url("../images/icon/bleat.jpg");
		                 background-position:0px 15px;
		                 background-repeat : no-repeat;
		                 margin:0px 10px;
		                 color:#414141; font-weight:bold;
		                 display:block; clear:both; }

/* Shadow Box 에 대한 스타일 끝 */

/* Box1 에 대한 스타일 */

.box1 {
    margin: 10px 20px;
    padding:5px 0px;
    box-sizing: border-box;
    border:1px solid #c4c6ca;
    border-radius: 3px;
    background-color: #FBFBFB ;
    background-image: url("../images/icon/top_icon.jpg");
    background-position:top right;
    background-repeat : no-repeat;
}


.box1 > table {padding:5px 10px;margin:5px;width:100%;}
    .box1 > table th {width:120px;color:#0073ea;text-align:left;padding:2px 10px;vertical-align:top;}
    .box1 > table td {color:#000;text-align:left;padding:0px 10px;vertical-align:top;}
        .box1 a:link    { text-decoration: underline; }
        .box1 a:hover   { text-decoration: none; }
.box1 .title 	{height:30px;line-height:30px;
                 padding:0px 0px 0px  15px;
                 font-size:14px;
                 background-image: url("../images/icon/bleat.jpg");
                 background-position:5px 15px;
                 background-repeat : no-repeat;
                 margin:0px 10px;
                 color:#414141; font-weight:bold;
                 display:block; clear:both; border-bottom:1px solid #c4c6ca; }

.box1 .value { color:red; font-weight:bold; }

.box1 .comments {	display:block; font-size:11px;
		                margin:0px 10px; padding:3px 7px;
		                color:#777;  }
.box1 .ico_check{display:inline-block;width:20px;height:20px;background:url('../images/icon/ico_checkoff.png') 0px 5px no-repeat;}
.box1 .___on{background:url('../images/icon/ico_checkon.png') 0px 5px no-repeat !important;}

/* Box1 에 대한 스타일 끝  */

/* Repeating 테이블  시작 */
.repeat_list {padding:0px;margin: 10px 10px; padding:5px 0px; display:block; float:left;}
.repeat_list > table {table-layout:fixed;border-spacing:0px;border-collapse:collapse;border-top:1px solid #BBB;border-left:1px solid #e9e9e9;}
    .repeat_list > table > thead >  tr > th {background-color:#FFFFE0;
    						border-bottom:1px solid #e9e9e9;
    						border-right:1px solid #e9e9e9;
    						font-weight:bold;height:30px;}

        .repeat_list > table > tbody >  tr {border-bottom:1px solid #e9e9e9;}
        .repeat_list > table > tbody >  tr  >  td {height:30px;text-align:center;overflow: hidden;
        									border-right:1px solid #e9e9e9;word-break: break-all;}

		   	.repeat_list > table > tbody >  tr  >  td  input[type=text] {width:80%;height:22px;}
		   	.repeat_list > table > tbody >  tr  >  td	select {
											            display: inline-block;
											            border:1px solid #d8d8d8;
											            vertical-align: middle;
											            margin:0px; padding-left:5px; width:80%;}

            .repeat_list > table > tbody >  tr  >  td  a {text-decoration:underline; cursor:pointer;}
            .repeat_list > table > tbody >  tr  >  td  a:hover { text-decoration: none; }
        .repeat_list > table > tbody >  tr  >  td  label { margin-right:20px; }
        .repeat_list > table >  tfoot  { display:none ; }

/* Repeating 테이블  끝 */



/* DVS 테이블  시작 */

.dvs-tbl{border-collapse:separate !important;border-spacing:0px 5px !important;}
.dvs-tbl tr{border:0px;}
.dvs-tbl tr.C{background-color:#fffff1;}
.dvs-tbl tr.R{background-color:#ffffff;}
.dvs-tbl tr.U{background-color:#f1ffff;}
.dvs-tbl tr.D{background-color:#f0f0f0;}
.dvs-tbl tr td{border:1px solid #e9e9e9;padding:0px;margin:0px;}
.dvs-tbl tr td.rheader{border-right:0px;}
.dvs-tbl tr.moved td.rowDragHandle{background-color:#f2ffed;}
.dvs-tbl tr td.chgord{text-decoration:underline;font-weight:bold;}
.dvs-tbl tr td.rbody table{width:100%;border:0px;border-collapse:collapse;border-spacing:0px;margin:0px;padding:0px;}
.dvs-tbl .validexception{background-color:yellow !important;}
.dvs-tbl tr td.rbody table tr th,
.dvs-tbl tr td.rbody table tr td{border-left:0px;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;border-bottom:0px;height:30px;padding:0px;vertical-align:middle;}
.dvs-tbl tr td.rbody table tr th{line-height:30px;
	                                	background-image: url("../images/icon/bleat.jpg");
	                                	background-position:20px 12px;
	                                	background-repeat : no-repeat;
	    								font-weight:bold;
	    								text-align:left;
	    								vertical-align:top;
	    								}
.dvs-tbl tr td.rbody table tr th.srlast,
.dvs-tbl tr td.rbody table tr td.srlast{border-right:0px;}
.dvs-tbl tr td.rbody table tr th span{padding-left:30px;}
.dvs-tbl tr td.rbody table.validationTbl tr th,
.dvs-tbl tr td.rbody table.validationTbl tr td{border-top:0px;}
.dvs-tbl tr td.rbody table.prerequisiteTbl tr td table tr td{border:0px;text-align:left;}
.dvs-tbl tr td.rbody table.prerequisiteTbl tr td div.items_vw{text-align:left;}
.dvs-tbl tr td.rbody table.prerequisiteTbl tr td div.items_vw span{border-radius:4px;margin:3px 5px 3px 0px;padding:2px 5px;display:inline-block;background-color:#efefef;}
.dvs-tbl tr td.rbody table.messageTbl tr td{text-align:left;}
.dvs-tbl .calcResult{width:98%;min-height:70%;text-align:left;}
.dvs-tbl .calcResult sub{font-weight:normal;color:#131313;}
.dvs-tbl .calcResult span{display:inline-block;}
.dvs-tbl .calcResult span.obj{
	height:20px;
	line-height:20px;
	padding:0px 5px 0px 0px;
	font-size:1em;
	border-radius:5px;
	margin:2px;
	}
.dvs-tbl .calcResult span.resItem{color:#1C41DC;}
.dvs-tbl .calcResult span.resItem2{color:#1C41DC;}
.dvs-tbl .calcResult span.resItem2 span{color:#707070;}
.dvs-tbl .calcResult span.resFnc {
	padding:0px 0px 0px 0px;
	color:#414141;
	margin-right:0px;
	font-weight:bold;
}
.dvs-tbl .calcResult span.addClass {
	padding:0px 0px;
	color:#414141;
	font-weight:bold;
}
.dvs-tbl .calcResult span.resOpe2{padding:0px 0px;}
.calcCursor{display:none;}
.dvs-addinfo {border:1px solid #c2c2c2;border-radius:4px;height:28px;}
.dvs-addinfo.disabled{border:1px solid #ebebeb;}
.dvs-addinfo.disabled li{color:#a6cef8;}
.dvs-addinfo .emp{background-color:yellow !important;}
.dvs-addinfo li{line-height:28px;font-size:12px;padding-right:10px;color:#000;}
.dvs-addinfo li.btn{float:right;}
.dvs-addinfo li.btn button{margin-bottom:4px;}
.dvs-addinfo li select,.dvs-addinfo li input{border:1px solid #ebebeb;height:22px;margin-bottom:6px;}
.dvs-addinfo li.lheader{
       background-image: url("../images/icon/bleat.jpg");
       background-position:8px 13px;
       background-repeat : no-repeat;
       padding:0px 10px 0px 15px;
       font-weight:bold;
}
/* DVS 테이블  끝 */

.point-text {color:#0073ea;font-weight:bold;}

button.ui-button-icon-only {width:22px !important; height:22px  !important;}

.inner_tbl {margin:5px; width:97%;border-spacing:0px;border-collapse:collapse;}
	.inner_tbl td:last-child {border-right:0px;}
	.inner_tbl tr:last-child td {border-bottom:0px;}

.rowDragClass {background: #F6F6F6;}
.rowDragHandle {
	cursor: move;
	background-image: url("../images/icon/ico_line2.png");
	background-position:center;
    background-repeat : no-repeat;
}

/*.table-rows .emp td,.table-rows .emp th{background-color:#fffff1;}*/
.dvs-sub{border-bottom:1px solid #e9e9e9;border-collapse:collapse;}
.dvs-sub td{height:30px;border-right:1px solid #e9e9e9;vertical-align:middle;}

.table-rows .del td,.table-rows .del th{background-color:#ededed;}

.table-rows td.itemEmp{background-color:#ffff00;}
.table-rows span.itemEmp input{background-color:#ffff00;}

table.prevCondtionTbl {width:800px;border-spacing:0px;border-collapse:collapse;table-layout:fixed;margin:2px 0px 4px 15px;}
	table.prevCondtionTbl  > tbody > tr > th {background-color:#FFF ;
		                                background-image: url("../images/icon/bleat.jpg");
		                                background-position:5px 12px;
		                                background-repeat : no-repeat;
		    							font-weight:bold; border:0px solid #d8d8d8;
		    							width:90px;
		    							padding:5px 0px 0px 20px; text-align:left;  vertical-align:top; }

	table.prevCondtionTbl  > tbody > tr > td {padding:0px 5px;text-align:left;}
		table.prevCondtionTbl  > tbody > tr > td  input[type=text] {width:80%;height:20px;}

table.prevCondtionTbl .affected_items span{border-radius:4px;margin:3px 5px 3px 0px;padding:2px 5px;display:inline-block;background-color:#efefef;}
table.prevCondtionTbl span.wrapcond{display:inline-block;width:785px;margin:2px 0px;text-align:left; }
table.prevCondtionTbl span.wrapitem{display:inline-block;vertical-align:top;margin:1px 0px; }
table.prevCondtionTbl span.wrapitem > span{display:inline-block;color:white; ;padding:2px 2px;  }
table.prevCondtionTbl span.wrapitem > span.evtname{color:#707070;}
table.prevCondtionTbl span.wrapitem > span.frmname{color:#707070;}
table.prevCondtionTbl span.wrapitem > span.itmname{color:#1C41DC;}
table.prevCondtionTbl span.wrapitem > span.justval{color:black;}
table.prevCondtionTbl span.compopt{display:inline-block;min-width:30px;text-align:center;padding:2px 4px;}

table.tbl_Popup   { width:100%;min-width:600px;border-spacing:0px;border-collapse:collapse;
                                        border-top:1px solid #bac4cd;border-left:1px solid #bac4cd  ; }
    table.tbl_Popup   > thead > tr > th {height:25px;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd; color:#0073ea;background-color:#f0f0f0;}

    table.tbl_Popup > tbody > tr > th {height:30px;text-align:left;padding-left:3px;min-width:150px;
                                                                border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;
                                                                color:#0073ea; text-align:center; background-color:#eeeeee;}
    table.tbl_Popup > tbody > tr > td {height:30px;min-width:50px;padding:5px;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd;
    											vertical-align:top; text-align:left; color:#616161;   }

/* 버튼 모음 시작 */


a.btn {
            /* 레이아웃 설정 */
            display: block;
            min-width:60px; height:28px; line-height:28px;
            padding:0px 5px;
            /* 색상 설정 */
            border:1px solid #c2c2c2;
            color: #000; text-align:center;
            font-weight: bold;
            text-shadow:none;
            transition:border 0.5s;
            -webkit-transition:border 0.5s;
            -moz-transition:border 0.5s;
            -o-transition:border 0.5s;
            -ms-transition:border 0.5s;
            border-radius:2px; }

a.btn:hover{
    border:1px solid #34302d;
    box-shadow:none;
    text-decoration:none;
    }

.btnSmall {
                display: inline-block;
                cursor:pointer;
                padding: 4px 8px ;
                height: 14px;
                line-height: 14px;
                border: 1px solid #34302d;
                background-color: #1f4787;
                vertical-align: middle;
                font-weight:bold;
                color: #fff;
                transition:background-color 0.5s;
                -webkit-transition:background-color 0.5s;
                -moz-transition:background-color 0.5s;
                -o-transition:background-color 0.5s;
                -ms-transition:background-color 0.5s;
}

.btnMedium {
                display: inline-block;
                cursor:pointer;
                padding: 5px 15px ;
                height: 20px;
                line-height: 20px;
                border: 1px solid #34302d;
                background-color: #1f4787;
                vertical-align: middle;
                font-weight:bold;
                color: #fff;
}

a.smallbtn {cursor:pointer;font-size:10px; min-width:50px;height:50px;padding:0px 5px;
                                                border-radius:5px;box-shadow:1px 1px #ccc;text-align:center;border:1px solid #c2c2c2;text-decoration:none; }

.btn-small {
	 			cursor:pointer;font-size:11px; min-width:50px;margin:0px 3px;
				padding:2px 5px;  border-radius:2px;
                box-shadow:1px 1px #ccc;text-align:center;border:1px solid #c2c2c2;
                text-decoration:none; text-decoration: none !important;
                background-color: #fff;
                transition:border 0.5s;
	            -webkit-transition:border 0.5s;
	            -moz-transition:border 0.5s;
	            -o-transition:border 0.5s;
	            -ms-transition:border 0.5s;
}
.btn-small:hover{
    border:1px solid #34302d;
    box-shadow:none;
    text-decoration:none;
}

span.btn {
            /* 레이아웃 설정 */
            display: inline-block;
            cursor:pointer;
            min-width:60px; height:20px; line-height:20px;
            padding:0px 5px;
            /* 색상 설정 */
            border:1px solid #c2c2c2;
            color: #000; text-align:center;
            font-weight: bold;
            text-shadow:none;
            transition:border 0.5s;
            -webkit-transition:border 0.5s;
            -moz-transition:border 0.5s;
            -o-transition:border 0.5s;
            -ms-transition:border 0.5s;
            border-radius:2px; }

span.btn:hover{
    border:1px solid #34302d;
    box-shadow:none;
    text-decoration:none;
}

span.clsVisitBtn {	 cursor:pointer;font-size:11px; min-width:50px;margin:0px 3px;
						 padding:2px 5px;  border-radius:1px;
                         box-shadow:1px 1px #ccc;text-align:center;border:1px solid #c2c2c2;
                         text-decoration:none; text-decoration: none !important;
                         background-color: #fff;
                         transition:border 0.5s;
			            -webkit-transition:border 0.5s;
			            -moz-transition:border 0.5s;
			            -o-transition:border 0.5s;
			            -ms-transition:border 0.5s; }

span.clsVisitBtn:hover{
    border:1px solid #34302d;
    box-shadow:none;
    text-decoration:none;
}

span.clsStudyEventName {
					text-decoration: underline; padding-left:7px;
					color:#0073ea; cursor:pointer;}

span.clsStudyEventName:hover {
					background-image: url("../images/icon/bleat.jpg") ;
				 	background-position:0px center;
           		 	background-repeat : no-repeat;
				    text-decoration:none;  }

span.clsFormName {
					text-decoration: underline; padding-left:7px;
					color:#0073ea; cursor:pointer;}

span.clsFormName:hover {
					background-image: url("../images/icon/bleat.jpg") ;
				 	background-position:0px center;
           		 	background-repeat : no-repeat;
				    text-decoration:none;  }

span.clsSubjectName {
					text-decoration: underline; padding-left:7px;
					color:#0073ea; cursor:pointer;}

span.clsSubjectName:hover {
				    text-decoration:none;  }

span.listFormName {
					text-decoration: underline; padding-left:7px;
					color:#0073ea; cursor:pointer;}

span.listFormName:hover {
					background-image: url("../images/icon/bleat.jpg") ;
				 	background-position:0px center;
           		 	background-repeat : no-repeat;
				    text-decoration:none;  }


.clsCrfNewBtn {cursor:pointer;}

.treeSub {text-align:left !important;padding-left:60px; display:inline-block;float:left;}

.clsDownloadBtn {	 cursor:pointer; width:20px; height:23px; display:inline-block;
						 background-image: url("../images/icon/ico_download.png") ;
						 background-position:0px 3px;
	            		 background-repeat : no-repeat;}

.clsLockStatusLabel {width:25px; height:23px; display:inline-block;
                        background-position:10px 5px;
                        background-repeat : no-repeat;
                        background-image: url("../images/icon/ico2_lock.png");
						margin:0px; padding-left:15px !important; }

.clsSoftLockStatusLabel {width:25px; height:23px; display:inline-block;
                        background-position:10px 5px;
                        background-repeat : no-repeat;
                        background-image: url("../images/icon/ico2_softlock.png");
						margin:0px; padding-left:15px !important; }

.clsSdvStatusLabel {width:25px; height:23px; display:inline-block;
                        background-position:10px 5px;
                        background-repeat : no-repeat;
                        background-image: url("../images/icon/ico2_check.png");
						margin:0px; padding-left:15px !important; }

.clsQueryOpen {width:25px; height:23px; display:inline-block;
                        background-position:0px 5px;
                        background-repeat : no-repeat;
                        background-image: url("../images/icon/comment_active.png");
						margin:0px; padding-left:15px !important; }

.clsQueryResolution {width:25px; height:23px; display:inline-block;
                        background-position:0px 5px;
                        background-repeat : no-repeat;
                        background-image: url("../images/icon/ico_query_answer.png");
						margin:0px; padding-left:15px !important; }

.clsQueryClosed {width:25px; height:23px; display:inline-block;
                        background-position:0px 5px;
                        background-repeat : no-repeat;
                        background-image: url("../images/icon/ico_query_done.png");
						margin:0px; padding-left:15px !important; }
/* 버튼 모음 끝 */
/* 사용자 권한 체크 */

.clsMandatory {color:red !important ; font-weight:bold; }

.user_auth {  width:70px; height:20px; display:inline-block;
					background-position:50px 5px ; background-repeat : no-repeat ;
					float:left ; }
.user_auth_on { background-image: url("../images/icon/ico_light_on.png") }
.user_auth_off { background-image: url("../images/icon/ico_light_off.png") }

.clsTophelp {width:100%; padding:0px 20px 0px 18px;text-align:left; }

.clshelp {padding:0px 0px 10px 20px;}
.clsIconhelp { 	width:100%;
					background-image: url("../images/icon/ico_help.png") ; padding:10px 26px;
					background-position:8px 12px ; background-repeat : no-repeat ; font-size:11px; text-align:left; }

.clsIconhelp > table  {width:915px !important;}
.clsIconhelp > table  th {background-color:#f2f2f2  !important;}

/* Progress bar */
#loading-frame .window {
    position:fixed;
    background: url("../images/cmmn/loading-back.png");
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    width: 405px;
    height: 135px;
    z-index: 9999;
    margin-top:-120px;
    margin-left:-210px;
}

#loading-frame .window img {
    display: block;
    position: absolute;
    left: 85px;
    top: 35px;
}

.text_ellipsis {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.text_delete {text-decoration:line-through; color:red;}
.form_delete {text-decoration:line-through; color:red;}
.itemgroup_delete {color:red;}
.itemgroup_delete td:first-child {text-decoration:blink !important; color:#414141;}
.itemgroup_delete td {text-decoration:line-through;}

/* Firefox */
:required {
    box-shadow: none;
}