a {
    cursor: pointer;
}

/* font color */
.wh01 {color:#FFF;}
.gry33{color:#333;}
.gry44 a{ color:#444; text-decoration:underline;}
.gry66{color:#666;}
.gry77{color:#777;}
.blu01{color:#407dda;}
.blu02{color:#407dda;
       cursor:pointer;}

.gr01{color:#74c107;}
.gr02{color:#74c107;
       cursor:pointer;}

.or01{color:#ffe400;}
.or02{color:#F60;}
.or03{color:#eb6100;}

.btnClass {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #E2E2E2));
    background: -moz-linear-gradient(center top, #ededed 5%, #E2E2E2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#E2E2E2');
    background-color: #E2E2E2;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #C4C4C4;
    display: inline-block;
    color: #333333;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 45px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
    margin-right: -2px;
    cursor: pointer;
}

.btnClass:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf
        ), color-stop(1, #ededed) );
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',
        endColorstr='#ededed' );
    background-color: #dfdfdf;
}

.btnClass:active {
    position: relative;
    top: 1px;
}

.btnDisabledClass {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: transparent;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777 !important;
    font-family: 'Malgun Gothic','맑은 고딕',arial;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 7px 1px 7px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    cursor: default;
}

.btnGray {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #E2E2E2));
    background: -moz-linear-gradient(center top, #ededed 5%, #E2E2E2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#E2E2E2');
    background-color: #E2E2E2;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #C4C4C4;
    display: inline-block;
    color: #333333;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
   /*  margin-right: 5px; */
    margin-left: 1px;
    cursor: pointer;
}

.btnBlue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6694DA), color-stop(1, #6694DA));
    background: -moz-linear-gradient(center top, #6694DA 5%, #6694DA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6694DA',endColorstr='#6694DA');
    background-color: #6694DA;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #3173DA;
    display: inline-block;
    color: #ffffff;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    margin-right: -2px;
    cursor: pointer;
}

.btnRed {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF5050), color-stop(1, #FF5050));
    background: -moz-linear-gradient(center top, #FF5050 5%, #FF5050 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5050',endColorstr='#FF5050');
    background-color: #FF5050;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #d2d2d2;
    display: inline-block;
    color: #ffffff;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    /* margin-right: 5px; */
    cursor: pointer;
}

.btnBoBlue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2828CD), color-stop(1, #2828CD));
    background: -moz-linear-gradient(center top, #2828CD 5%, #2828CD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2828CD',endColorstr='#2828CD');
    background-color: #2828CD;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #d2d2d2;
    display: inline-block;
    color: #ffffff;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.btnBigBlue {
    -moz-box-shadow: inset 0px 1px 0px 0px #98e3fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #98e3fe;
    box-shadow: inset 0px 1px 0px 0px #98e3fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #61AAEB), color-stop(1, #1870CF));
    background: -moz-linear-gradient(center top, #61AAEB 5%, #1870CF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61AAEB',endColorstr='#1870CF');
    background-color: #61AAEB;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #2865ac;
    display: inline-block;
    color: #FFFFFF;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    height: 27px;
    line-height: 27px;
    width: 66px;
    text-decoration: none;
    text-align: center;
    /* margin-right: 5px; */
    margin-right: 2px;
    cursor: pointer;
    /*text-shadow: 1px 1px 0px #ffffff;*/
}

.btnBigGray {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EAEAEA), color-stop(1, #EAEAEA));
    background: -moz-linear-gradient(center top, #EAEAEA 5%, #EAEAEA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA',endColorstr='#EAEAEA');
    background-color: #EAEAEA;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #C5C5C5;
    display: inline-block;
    color: #5F5F5F;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    height: 27px;
    line-height: 27px;
    width: 66px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
   /*  margin-right: 5px; */
    margin-right: 2px;
    cursor: pointer;
}

.btnSimpBlue {
    -moz-box-shadow: inset 0px 1px 0px 0px #98e3fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #98e3fe;
    box-shadow: inset 0px 1px 0px 0px #98e3fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #64a0ff), color-stop(1, #1870CF));
    background: -moz-linear-gradient(center top, #64a0ff 5%, #1870CF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64a0ff',endColorstr='#1870CF');
    background-color: #64a0ff;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #2865ac;
    display: inline-block;
    color: #FFFFFF;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-color: #ffffff;
    text-color: #ffffff;
    height: 25px;
    line-height: 25px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    margin-right: 2px;
    cursor: pointer;
}

.btnSimpClass {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #E2E2E2));
    background: -moz-linear-gradient(center top, #ededed 5%, #E2E2E2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#E2E2E2');
    background-color: #E2E2E2;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    text-indent: 0;
    border: 1px solid #C4C4C4;
    display: inline-block;
    color: #333333;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 25px;
    line-height: 25px;
    width: 45px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
    margin-right: -2px;
    cursor: pointer;
}

.btnLinkBlue {
	/* -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6694DA), color-stop(1, #6694DA));
    background: -moz-linear-gradient(center top, #6694DA 5%, #6694DA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6694DA',endColorstr='#6694DA');
    background-color: #6694DA;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    text-indent: 0;
    border: 0px solid #3173DA;
    display: inline-block;
    display: table-cell;
    color: #ffffff;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 27px;
    line-height: 20px;
    width: 46px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #333333;
    margin-right: -2px;
    cursor: pointer;
    vertical-align: middle;
}

.sudTitle{
	
	background: url(../css/images/icon.jpg) no-repeat 0 0;
	background-size: 16px 15px;

}

.contents {
    width: 100%;
}

.contents h2 {
	
    position: relative;
    font-family:'Malgun Gothic','맑은 고딕',돋움, Dotum, 굴림, Verdana, Gulim, Arial, sans-serif;
    color: #black;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -2px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    /* margin:5px 10px 5px; */
     margin:5px 10px 5px 16px;
}


.popContents h2 {
    
    position: relative;
    font-family:'Malgun Gothic','맑은 고딕',돋움, Dotum, 굴림, Verdana, Gulim, Arial, sans-serif;
    color: #black;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -2px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    /* margin:5px 10px 5px; */
     margin:5px 10px 5px 16px;
}


.contents h2 span.title {
    display: inline;
    position: relative;
    vertical-align: baseline;
    color: #959595;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -2px;
}

.contents h2 span.navy {
    position: absolute;
    right: 3px;
    top: -10px;
    color: #a2a2a2;
    letter-spacing: -0.5px;
    font-size: 12px;
}

.contents h2 span.navy em {
    color: #494949;
    font-style: normal;
}

.condition {
    max-width: 910px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    padding: 9px;
    background: #f7f7f7;
}

.condition table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    padding: 0px;
}

.condition table tbody th {
    height: 22px;
    padding: 2px 0 0 0px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    letter-spacing: -1px;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, Dotum, 굴림, Verdana, Gulim, Arial, sans-serif;
}

.condition table tbody td {
    height: 22px;
    padding: 0 0 0 5px;
    font-size: 12px;
    letter-spacing: -1px;
    font-family: 'Malgun Gothic','맑은 고딕',돋움, Dotum, 굴림, Verdana, Gulim, Arial, sans-serif;
}

.condition table tbody td.list {
    width: 100px;
    height: 22px;
    padding: 5px 0 0 5px;
    vertical-align: baseline;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: -1px;
}

.condition table tbody td input {
    height: 14px;
    vertical-align: middle;
}

.condition table tbody td span img {
    vertical-align: middle;
}

/* 페이징 */
.paging {clear:both;text-align:center;padding-top:10px;}
.paging span {margin:0 3px;}
.paging a {margin:0 3px;}
.paging a.img {margin:0 1px;vertical-align:middle;}
.paging a.img img {margin-top:3px;}

.btn {position:relative;width:100%;height:35px;max-width: 930px;}
.btnL {float:left;position:relative;padding:5px 0;}
.btnR {float:right;position:relative;padding:5px 0;}
.btnC {position:relative;padding-top:20px;text-align:center;}

.gridHeader {position:relative;padding:5px 0; width:930px;}

.invisible {clear:none;border: 0px none;float:none;background-color:#ffffff;overflow:hidden;readonly:true;}
.srch_invisible {clear:none;border: 0px none;float:none;background-color:#f7f7f7;overflow:hidden;}
.readonly {height:16px;border:1px solid #d7d7d7;vertical-align:middle;}
.txtCal {width:80px;text-align:center;}

.viewDiv {
    width: 790px;
    margin-top: 20px;
}

.viewDiv table {
    border: 1px solid #ececec;
    width: 100%;
}

.viewDiv table tbody th {
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    background-color: #f7f7f7;
    padding-top: 5px;
    padding: 3px 0px 0px 3px;
}

.viewDiv table tbody td {
    vertical-align: middle;
    color: #595959;
    height: 24px;
    padding: 0 5px;
    border-bottom: 1px dotted #ececec;
}

.viewDiv table tbody td.inner {vertical-align:middle;color:#595959;height:24px;padding:0;border:0px;}

.viewDivI table {
    border: 1px solid #ececec;
    width: 100%;
}

.viewDivI table tbody th {
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-color: #f7f7f7;
    padding-top: 5px;
    padding: 3px 0px 0px 3px;
}

.viewDivI table tbody td {
    vertical-align: middle;
    color: #595959;
    height: 24px;
    padding: 0 5px;
    border-bottom: 1px dotted #ececec;
}

.myAltRowClass {
    background-color: #FFDCDC !important;
    border: 1px solid #aaaaaa/*{borderColorContent}*/;
    color: #222222/*{fcContent}*/;
}

.unitDiv {
    top: -16px;
    position: relative;
    height: 0px;
}

.ui-datepicker-trigger {
	margin-left : 5px;
}

.mainNorthDiv{
	
	margin-bottom : 20px;
}