body { margin: 0; padding: 0; }
body { display: block; width: 100%;}
body { line-height: 1; }
* {
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
    font-family: "Malgun Gothic", "맑은 고딕", 돋움, Dotum, Tahoma, Arial;
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: 0px;
    background: transparent;
    list-style: none;
}

a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; cursor: pointer; }

.clearfix:after { content: ''; display: block; clear: both; }

table { border-collapse: collapse; border: 2px solid #999; width: max-content; width: -ms-max-content; }
th { border-top: 1px solid #C0C0C0; border-left: 1px solid #B0B0B0; font-size: 0.8em; }
td { border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0;  border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; }

tr th:first-child, tr td:first-child { border-left: none; }
th { text-align: center; background: #C0C0C0; line-height: 1.3em; padding: 0.35em 0; vertical-align: middle; }
td { line-height: 1.3em; vertical-align: middle; }
td.leftBorder { border-left: 1px solid #C6C6C6; }
td.rightBorder { border-right: 1px solid #C6C6C6; }

dd { margin-inline-start: 0;}

.tdLeft { font-size: 0.76em; text-align: left; padding: 0.3em; }
.tdRight { font-size: 0.76em; text-align: right; padding: 0.3em; }
.tdCenter { font-size: 0.76em; text-align: center; padding: 0.3em; }
.tdSubject {font-size: 0.76em; font-weight: bold; text-align: center; padding: 0.3em; background-color: #e0e0e0;}
.imgCenter { font-size: 9px; text-align: center; padding: 0; }

.Hover { background-color: #fefddf; cursor: pointer; }
span.icon-info { position: absolute; right: 0; top: 50%; margin-top: -8px; }

input[type="text"] { border: #D6D6D6 1px solid; padding: 0 0.3em; }
input[type="text"].readonly { background: #E0E0E0; }
input::placeholder, textarea::placeholder { color: #8dcacc; font-size: 0.86em; }

select { border: #CCC 1px solid; font-size: 12px; border-radius: 5px; background-color: #f6f6f6; padding: 1px 5px; }
select:hover { background-color: #e4e4e4; cursor: pointer;  }

/* Wrap 사이즈 설정 */
.ContentsWrap { display: block; width: max-content;}
.ContentsWrap:after { content: ""; display: block; clear: both; }

.ContentMainWrap { display: block; float: left; margin-left: 12px; }
.ContentMainWrap:after { content: ""; display: block; clear: both; }

.MenuWrap { display: block; margin-top: 12px; text-align: right; border-bottom: #CCC 1px solid; padding: 0.2em 0; font-size: 0.70em; }
.MenuWrap .ui-button { padding: 0.1em 0.4em; line-height: 1.5em; vertical-align: bottom;}

#Contents { width: auto; }
#Contents:after { content: ""; display: block; clear: both; }

.SearchWrap {display: block; width: 100%; margin-top: 10px; text-align: center; border-bottom: #CCC 1px solid; padding: 0.2em 0; font-size: 0.70em; }
.SearchWrap .ui-selectmenu-button { padding: 0.1em 0.4em; vertical-align: bottom;}
.SearchWrap .ui-widget-content { padding: 0.14em 0.4em; line-height: 1.4em; vertical-align: bottom; }
.SearchWrap .ui-button { padding: 0.1em 0.4em; line-height: 1.5em; vertical-align: bottom;}

em.remark { font-size: 0.86em; font-style: normal; color: #507B63; }


/* 기본 색상 설정 */
.red { border: 1px solid #cd0a0a !important; background: #fef1ec !important; color: #cd0a0a !important; }
.yellow { border: 1px solid #999; background: #fff9b0; color: #7e7e7e; }
.ivory { border: 1px solid #999; background: #f2f0d2; color: #9d9d9d; }
.orange { border: 1px solid #ffa100; background: #fadd9c; color: #b57200; }
.green { border: 1px solid #267700 !important; background: #c6f4b1 !important; color: #1f6100 !important; text-shadow: 0 0 2px #FFF !important; }
.skyblue { border: 1px solid #008c8c; background: #9ce6e6; color: #006666; }
.blue { border: 1px solid #00238c; background: #90a4e0; color: #001965; }
.white { border: 1px solid #999; background: #FFF; color: #999; }
.mocha { border: 1px solid #814d00; background: #f0d3a9; color: #814d00; }
.tulip { border: 1px solid #950079; background: #f0aae3; color: #950079; }
.puple { border: 1px solid #650095; background: #dfb4f4; color: #650095; }
.grey { border: 1px solid #650095; background: #808080; color: #FFF; }

.FontRed { color: #9e000c; background: #ffcdcd; }


#PageNaviBlock { position: relative; display: flex; width: 100%; padding: 0.6em 0 0 0; font-size: 1em; min-height: 30px; }
#PageNaviBlock:after { content: ""; display: block; clear: both; }
#PageNaviBlock .PageNaviWrap { display: block; width: auto; margin: 0 auto; }
#PageNaviBlock .PageNaviWrap:after {content: ""; display: block; clear: both; }
#PageNaviBlock a {display: flex; float: left; min-width: 22px; width: auto; height: 20px;  align-items : center; text-align: center; margin-left: -2px; padding: 0 2px; }
#PageNaviBlock a.normal {border: #CCC 1px solid; }
#PageNaviBlock a.active { border: #333 1px solid; background: #008ddd; color: white; cursor: default; }
#PageNaviBlock a div { width: 100%; text-align: center; font-size: 0.7em; }
#PageNaviBlock .PerPageWrap { position: absolute; right: 0; top: 40%; display: block; width: 160px; text-align: right; }
#PageNaviBlock .PerPageWrap label { font-size: 0.7em; }
#PageNaviBlock .PerPageWrap .ui-selectmenu-button { font-size: 0.66em !important; padding: 0.14em 0.36em !important; }

#Search-Value { width: 160px; }

#BottomLine { display: block; text-align: center; margin-top: 16px; padding: 6px 0; border-top: #999 1px solid; }
#BottomLine h4 { display: inline-block; width: auto; font-size: 0.74em; font-weight: normal; }

/* jQueryUI 설정 */
.ui-dialog-title { font-size: 0.8em; }
.ui-dialog-content { font-size: 0.8em; line-height: 1.2em; }
.ui-dialog-buttonset { font-size: 0.74em; }

.ui-selectmenu-button { width: auto !important; }
.ui-selectmenu-menu { font-size: 0.8em; }

.ui-tooltip { padding: 0.25em 0.6em !important; color: #666 !important; border-radius: 3px; font-size: 0.7em !important; text-transform: uppercase; box-shadow: 0 0 1px #666; white-space: pre-line; line-height: 1.2em; }

.ui-state-highlight { height: 26px; line-height: 26px; }
.ui-state-highlight td { background:#FAFFD8; }
.ui-active-highligh { box-shadow: #999 3px 3px 8px; }

.ui-icon.icon-blue { background-image: url(/jquery/jquery-ui-1.12.1.custom/images/ui-icons_2e83ff_256x240.png);}
.ui-icon.icon-red { background-image: url(/jquery/jquery-ui-1.12.1.custom/images/ui-icons_cd0a0a_256x240.png);}
.ui-icon.icon-gray { background-image: url(/jquery/jquery-ui-1.12.1.custom/images/ui-icons_454545_256x240.png);}
.ui-icon.icon-lightgray { background-image: url(/jquery/jquery-ui-1.12.1.custom/images/ui-icons_cccccc_256x240.png);}
.ui-icon.icon-trans { background-image: url(/jquery/jquery-ui-1.12.1.custom/images/ui-icons_888888_256x240.png);}

#ui-datepicker-div { font-size: 0.8em; }

.loadingimage { position: absolute; display: none; width: auto; height: auto; top: 50%; left: 50%; margin-left: -100px; margin-top: -50px; z-index: 300;}

/* 이미지 확대 관련 */
p.icon-image { position: absolute; z-index: 400;}
.BigImageLayer { position: absolute; display: block; z-index: 400; width: auto; height: auto; border: #999 2px solid; }
.BigImageLayer img { width: auto !important; height: auto !important; max-width: 350px !important; max-height: 350px !important;}

fieldset { display: block; margin-inline-start: 2px; margin-inline-end: 2px; min-inline-size: min-content; border-width: 2px; border-style: groove; border-color: threedface; border-image: initial; padding: 5px 8px 8px; }