@charset "utf-8";
*, *:after, *:before {box-sizing: border-box;}
h4 {margin: 0;}
button:link {COLOR: #686868; TEXT-DECORATION: none}
button:active {COLOR: #686868; TEXT-DECORATION: none}
button:visited {COLOR: #686868; TEXT-DECORATION: none}
button:hover {COLOR: #FF9600; TEXT-DECORATION: underline}
ul, li {list-style: none;}
body {
    font: 14px Malgun Ghothic,"맑은고딕",sans-serif; color: #555;
    margin: 0 auto;
}

#header-wrap {
    background: white 0 0 repeat-x; z-index: 1000;
    background-size: cover; min-width: 100%; top: 0;    
}
.header-inner, #container, #footer {max-width: 1100px; margin:0 auto}
#doc-list {
    text-align: right; padding-bottom: 15px; border-bottom: 3px double #013e73;
    padding-top: 15px;
}
#doc-title {margin-top: 20px; margin-bottom: 25px;}
#docTitle {font-size: 22px; font-weight: bold; color: #013e73;}
#docTitle01 {font-size: 15px; font-weight: bold; color: #013e73;}
.doc-subtitle {font-size: 12px;}
#doc-button {margin-top: 18px; background-color: #013e73; height: 33px;}
#doc-button button {width: 107px; margin: 5px 5px; cursor: pointer; }
.history {margin-bottom: 15px;}
.history button {width: 130px; margin: 5px 5px; cursor: pointer;}

#container {width: 100%; top: 125px;}
.top {position: fixed; bottom: 80px; right: 5%;}

.sub-title {margin-top: 35px; color: #013e73; font-weight: bold;}

.box {
    
    padding: 15px; line-height: 19px;
    background-color: #eef7fd;
}
.small {font-size:12px;}
.big {color: #FF9600; font-weight:bold}
/* table {width: 100%;} */

.table01 {
    border-top: 2px solid #013e73; border-bottom: 2px solid #013e73;
    border-collapse: collapse; line-height: 19px;
}

th, td {padding: 6px 8px;}
.box, th, td {word-break: keep-all; word-wrap: break-word;}
.table01 > thead {
    color: #013e73;
    border-bottom: 3px double #013e73;
    background-color: #eef7fd;
}
.table01 > thead th {border-right: 1px solid #013e73; font-weight: bold;}
.table01 > thead th:last-child {border-right: none;}
.table01 > thead .th01 {
    border-right: 1px solid #013e73; border-top: 1px solid #013e73;
    font-weight: bold;
}
.table01 > thead .th01:last-child {border-right: none;}
.table01 > thead .th02 {
    border-right: 1px solid #013e73; border-top: 1px solid #013e73; font-weight: bold;
}
.table01 > thead .th02:last-child {
    border-right: 1px solid #013e73; border-top: 1px solid #013e73; font-weight: bold;
}

.table01 > tbody tr {border-bottom: 1px solid #013e73;}
.table01 > tbody td {border-right: 1px solid #013e73; background-color:white;}
.table01 > tbody td:last-child {border-right: none;}
.table01 > tbody .td01 {border-right: 1px solid #013e73; background-color: #f2f2f2;}
.table01 > tbody .td01:last-child {border-right: none;}
.table01 > tbody .td02 {border-right: 1px solid #013e73; background-color: #f2f2f2; font-weight:bold;}
.table01 > tbody .td02:last-child {border-right: none;}
.table01 > tbody .td03 {color: #013e73; border-right: 1px solid #013e73; background-color: #eef7fd; font-weight:bold;}
.table01 > tbody .td03:last-child {border-right: none;}
.table01 > tbody .td-no {style:none; color: #013e73;}
.table01 > tbody .td04 {border-right: 1px solid #013e73; border-left: 1px solid #013e73;}
.table01 > tbody .td04-last {border-left: 1px solid #013e73;}
.table01 > tbody .td04:last-child {border-right: 1px solid #013e73; border-left: 1px solid #013e73;}


.table01 > tfoot {color: #013e73; background-color: #eef7fd;}
.table01 > tfoot th {font-weight: bold; border-right: 1px solid #013e73;}
.table01 > tfoot th:last-child {border-right: none;}
.table01 > tfoot td {
    border-right: 1px solid #013e73; font-weight: bold; 
    border-bottom: 1px solid #013e73;
}
.table01 > tfoot td:last-child {border-right: none;}

.table02 {border: 0; line-height: 16px;}
.table02 > tbody td {border-right: none;}

#fancybox_subtitle {
    text-align: center;
    font-size: 11px;
}
#fancybox_top {
    vertical-align: top;
    width: 16%;
}
.fancybox img{
	border: 1px solid #666;
}