@charset "utf-8";

/*
reset.css
*/
#skip-nav {
    display: none;
}

.docs_contents__ a:visited, .docs_contents__ a:focus {
    color: #393f48
}

.docs_contents__ div, .docs_contents__ span, .docs_contents__ p, .docs_contents__ a, .docs_contents__ form, .docs_contents__ ol, .docs_contents__ ul, .docs_contents__ dl, .docs_contents__ li, .docs_contents__ dt, .docs_contents__ dd, .docs_contents__ table, .docs_contents__ section.docs_contents__ li, .docs_contents__ em, .docs_contents__ img, .docs_contents__ input {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    color: #333;
}

.docs_contents__ ol, .docs_contents__ ul, .docs_contents__ li {
    list-style: none;
}

.docs_contents__ a {
    text-decoration: none
}

.docs_contents__ pre {
    margin: 0;
    padding: 0;
    line-height: normal;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

.docs_contents__ #fileList>a {
    margin: 1px 0 0 0;
}

.docs_contents__ img {
    border: none;
}

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

.docs_contents__ .hidden, .docs_contents__ caption, .docs_contents__ regend, .docs_contents__ fieldset {
    display: none !important;
}

.docs_contents__ em {
    font-weight: 600;
    font-style: normal;
}

/*reset.css end*/

.docs_contents__ input[type='text'], input[type='password'], select, textarea {
    border: 1px solid #c1cfd8;
    border-radius:5px;
    height: 40px;
    padding: 0 15px;
    width: 100%;
    font-weight:300;
    color: #777;
    font-size: 14px;
    vertical-align: middle;
    box-sizing: border-box;
}

.docs_contents__ textarea {
    height: auto;
    width: 100%;
}

.docs_contents__ .h150 {
    height: 150px;
}

.docs_contents__ .h250 {
    height: 250px;
}

.docs_contents__ select {
    width: 146px;
    font-size: 14px;
    height: 40px;
    padding: 2px 3px;
    line-height: 24px;
    cursor: pointer;
}

.docs_contents__ input[type='text']:hover, select:hover, textarea:hover, input[type='text']:focus, select:focus, textarea:focus {
    border: 1px solid #333;
}

.docs_contents__ input[disabled='disabled'], input[disabled='disabled']:hover, input[disabled='disabled']:focus {
    background-color: #eaeaea;
    color: #666;
}

.docs_contents__ input[disabled='disabled']:hover, input[disabled='disabled']:focus {
    border: 1px solid #b1bcca;
}

.docs_contents__ input[readonly='readonly'], input[readonly='readonly']:hover, input[readonly='readonly']:focus {
    background-color: #eaeaea;
}

.docs_contents__ input[readonly='readonly']:hover, input[readonly='readonly']:focus {
    border: 1px solid #b1bcca;
}

.docs_contents__ .grid__ thead input[type='checkbox'] {
    margin: -4px 0 -2px;
}

.docs_contents__ .form__ td select {
    margin: 0 1px 0 2px;
}

.docs_contents__ input[type='checkbox'], .p-pop-container input[type='checkbox'], .docs_contents__ input[type='radio'] {
    margin: 0 8px 0 0;
    vertical-align: middle;
    border: none;
}

.docs_contents__ input[type='checkbox']+label {
    margin: 0 0 0 -4px;
}

.docs_contents__ input[type='checkbox'].checktype01 {
    margin: 0;
}

/*table 기본정의*/
table.grid__,
table.form__ {
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
}

.grid__ {
    border-top: 2px solid #13436B;
}

.grid__ td,
.grid__ th,
.form__ td,
.form__ th {
    border: 1px solid #f0f0f5;
    padding: 5px;
    height: 40px;
    vertical-align: middle;
}

.form__.search-box {
    border: 1px solid #f0f0f5;
}

.form__.search-box th,
.form__.search-box td {
    border: none;
}

.popup__ .view_context__ {
    padding: 20px 20px 10px 20px;
}

.grid__ thead:hover {
    background: none;
    font-weight: 300;
}

.grid__ tbody:hover {
    background: #f5f5f5 !important;
}

.docs_contents__ table.conTable>tbody:hover, .docs_contents__ table.conTable>tbody {
    background: none !important;
}

.docs_contents__ .grid__ .form__ {
    margin-bottom: auto;
    border-top: none;
}

.docs_contents__ .grid__ {
    margin-bottom: 20px;
}

.docs_contents__ .form__ {
    margin-bottom: 20px;
}

.docs_contents__ .tab__ {
    margin-bottom: 20px;
}

.docs_contents__ table td label>em {
    display: inline-block;
    width: 150px;
    margin-top: -2px;
    text-align: left
}

.docs_contents__ table .setCheck {
    padding: 0 10px 0 0;
    vertical-align: middle;
    font-weight: 600;
    line-height: 24px;
}
/*
추가CSS
작업날짜 : 2015-11-10
작업자 : 박선영
*/
.docs_contents__ strong {
    margin-bottom: 5px;
    display: block;
}

.docs_contents__ .bgNone {
    padding: 11px 15px 12px;
    background: none !important;
}

.docs_contents__ h1 {
    margin: 20px 0 10px;
    font-size: 14px;
    padding-left: 15px;
    background: url(../images/icon/blut_t1.png) 0 2px no-repeat;
    color: #666;
}

.docs_contents__ .p_tit {
    margin: 20px 0 10px;
    font-size: 14px;
    padding-left: 15px;
    background: url(../images/icon/blut_t1.png) 0 2px no-repeat;
    color: #666;
}

.docs_contents__ .first {
    margin-left: 25px
}

/*content layout*/
.docs_contents__ .conLeft {
    float: left
}

.docs_contents__ .conRight {
    float: right;
}

.docs_contents__ .conTop {
    vertical-align: top;
}

/*table*/
.docs_contents__ table {
    width: 100%
}

.docs_contents__ table td>em {
    padding: 0 0 0 5px;
}

.docs_contents__ table+#btnBox {
    margin-top: 20px;
}

.docs_contents__ table td.incon {
    padding: 7px 8px;
    vertical-align: top;
}

.docs_contents__ table tbody#bbsSetContent td input[type='checkbox'] {
    margin: -2px 4px 0 0;
}

.docs_contents__ table td .rpcmtAt {
    padding: 0 0 0 4px;
}
/* -------  게시판  ------- */
/*상태/구분 icon*/
.docs_contents__ .category {
    border-radius: 2px;
    font-size: 11px;
    margin: 0;
    padding: 3px 4px 4px;
    display: inline-block;
    background-color: #fff;
}

.docs_contents__ .default {
    border: 1px solid #000;
    color: #000;
}

.docs_contents__ table .state {
    padding: 2px 4px 5px;
    margin: 2px 0 0 0;
    color: #fff;
    font-size: 11px;
    display: inline-block;
}

.docs_contents__ table .st_type01 {
    background: #ff7e00;
    border: 1px solid #ff7e00;
    border-radius: 2px
}

.docs_contents__ table .st_type02 {
    background: #088ed7;
    border: 1px solid #088ed7;
    border-radius: 2px
}

.docs_contents__ table .st_type03 {
    background: #5fb127;
    border: 1px solid #5fb127;
    border-radius: 2px
}

.docs_contents__ table .ct_default {
	padding:2px;
    border: 1px solid #000;
    color: #000;
}

.docs_contents__ table .ct_default img{margin-left:4px}
.docs_contents__ table .td_tit {
    font-weight: 600;
    margin: 0 10px 0 0;
}

/*읽기*/
.docs_contents__ .Write {
    position: relative;
}

.docs_contents__ .Write dl {
    display: table;
    width: 100%;
}

.docs_contents__ .Write dt {
    display: table-cell;
    padding-left: 15px;
    width: 128px;
    font-weight: 600;
    background-color: #f4f4f4;
    border-right: 1px solid #b1bcca;
    /*border-bottom: 1px solid #b1bcca;*/
    border-left: 1px solid #b1bcca;
    box-sizing: border-box;
}

.docs_contents__ .Write dd {
    display: table-cell;
    padding: 10px 75px 10px 10px;
    width: auto;
    border-right: 1px solid #b1bcca;
    /*border-bottom: 1px solid #b1bcca;*/
}

/*목록*/
.docs_contents__ .boardlist dl:first-child {
    border-top: 1px solid #b1bcca;
}

.docs_contents__ .boardlist dl {
    display: table;
    width: 100%;
}

.docs_contents__ .boardlist dt {
    display: table-cell;
    width: 128px;
    padding: 7px 0 7px 14px;
    border-right: 1px solid #b1bcca;
    border-bottom: 1px solid #b1bcca;
    border-left: 1px solid #b1bcca;
    background: #f1f5fd;
    font-weight: 600;
    box-sizing: border-box;
}

.docs_contents__ .boardlist dd {
    display: table-cell;
    border-right: 1px solid #b1bcca;
    border-bottom: 1px solid #b1bcca;
    width: auto;
    padding: 0 10px;
    text-overflow: ellipsis;
}

/*빈 게시판*/
.docs_contents__ .conEmpy {
    border-top: 2px solid #434a54;
    border-right: 1px solid #b1bcca;
    border-bottom: 1px solid #b1bcca;
    border-left: 1px solid #b1bcca;
    text-align: center;
    padding: 10px;
}

.docs_contents__ .conEmpy>p {
    color: #1d50a2;
    padding-top: 13px;
    font-weight: 600;
}

/*content게시판*/
.docs_contents__ table.conTable tr>th {
    vertical-align: middle;
}

.docs_contents__ table.conTable tr>td {
    padding: 12px 10px;
}

/* -------  tab > table 정의   -------*/
.docs_contents__ .tab__>div table:last-of-type {
    margin-bottom: 0
}

/* -------  tab > pagination 정의   -------*/
.docs_contents__ .tab__>div .pagination__ {
    margin-top: 20px;
}

.docs_contents__ .tab__>div>strong {
    margin-bottom: 10px;
    display: block !important;
    letter-spacing: -1px
}

.docs_contents__ table .td_tit {
    font-weight: 600;
    margin: 0 10px 0 0;
}

.docs_contents__ table .td_number {
    border: 1px solid #b1bcca;
    padding: 5px 12px;
    background: #f3f6fd;
    margin: 0 9px 0 -8px;
}

.docs_contents__ table .reply img {
    width: auto;
    height: 18px;
    vertical-align: top;
    margin-top: -5px;
    padding: 0 4px 0 7px;
}

.docs_contents__ table .dep1 {
    margin-left: 11px
} /*1dep*/
.docs_contents__ table .dep2 {
    margin-left: 22px
} /*2dep*/
.docs_contents__ table .dep3 {
    margin-left: 33px
} /*3dep*/
.docs_contents__ table .dep4 {
    margin-left: 44px
} /*4dep*/

/* 레이아웃 */
.docs_contents__ .tableWrap {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    height: 316px;
    margin-bottom: 10px;
}

/*comment*/
.docs_contents__ .comentwrap {
    border-top: 1px solid #b1bcca;
}

.docs_contents__ .comentwrap.form__ {
    border-top: none;
}

.docs_contents__ .coment {
    position: relative;
}

.docs_contents__ .coment dl {
    border-right: 1px solid #b1bcca;
    border-top: 1px solid #b1bcca;
    border-left: 1px solid #b1bcca;
    padding: 10px;
}

.docs_contents__ #replyCmt dl {
    padding: 10px 72px 10px 10px;
}

.docs_contents__ #reply {
    border-bottom: 1px solid #b1bcca;
}

.docs_contents__ #reply+#replyCmt dl {
    border-top: none;
}

.docs_contents__ #replyCmt, .docs_contents__ .rpcmtAt.form__ {
    border-bottom: 1px solid #b1bcca;
}

.docs_contents__ .coment dt {
    padding: 0 0 9px 0
}

.docs_contents__ .coment dd {
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.2;
}

.docs_contents__ .coment em {
    padding-right: 10px;
    background: url(../images/icon_hline.png) right 5px no-repeat;
}

.docs_contents__ .coment .codate {
    padding-left: 10px;
    letter-spacing: 0;
}

.docs_contents__ .Write {
    position: relative;
    border-top: 1px solid #b1bcca;
}

.docs_contents__ .default02 {
    font-weight: 600;
    padding: 3px 12px 4px;
}

.docs_contents__ .btnControl01 {
    position: absolute;
    top: 20px;
    right: 11px;
}

.docs_contents__ .btnControl02 {
    position: absolute;
    bottom: 32px;
    right: 11px;
}

/* ------- pagenavigation  -------*/
.docs_contents__    .pageNavi {
    width: 477px;
    margin: 20px auto 10px;
}

.docs_contents__    .pageNavi:before, .docs_contents__    .pageNavi:after {
    display: block;
    clear: both;
    content: '';
}

.docs_contents__    .pageNavi>span {
    float: left;
    margin-right: 5px
}

.docs_contents__    .pageNavi>ul>li {
    float: left;
    margin-right: 25px;
    cursor: pointer;
    line-height: 130%;
}

.docs_contents__    .pageNavi>ul>li:first-of-type {
    margin-left: 20px
}

.docs_contents__    .pageNavi>ul>li:last-of-type {
    margin-right: 27px
}

.docs_contents__    .pageNavi>ul>li.active a {
    border-bottom: 1px solid #393f48;
    font-weight: 600
}

/*graybox*/
.docs_contents__ .infoBox {
    padding: 20px 20px;
    background: #f4f4f4;
    border: 1px solid #b1bcca;
}

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

.docs_contents__ .infoBox .infoTxt {
    float: left;
    background: url(../images/icon/icon_blut02.png) 0 center no-repeat;
    padding-left: 25px;
    line-height: 32px;
    margin-right: 13px;
}

/* input */
.docs_contents__ input[type='text']+a {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.docs_contents__ textarea[disabled='disabled']:hover {
    border: 1px solid #b1bcca
}

/*list-type*/
.docs_contents__ ul.list-type>li {
    padding: 0 0 9px 0;
}

.docs_contents__ ul.list-type>li:last-child {
    padding-bottom: 0;
}

/* -------  img  ------- */

/*btnBox*/
.docs_contents__ .btnBox:before, .docs_contents__ .btnBox:after {
    display: block;
    clear: both;
    content: '';
}

.docs_contents__ .btnBox {
    padding: 0 0 5px 0;
    text-align: right
}

.docs_contents__ .btnBox>a {
    /* display: inline-block; */
    margin: 0 1px 0 0;
}

.docs_contents__ .btnBox>a:last-of-type {
    margin-right: 0
}

.docs_contents__ .btnBox02 {
    text-align: center;
}

.docs_contents__ .btnBox02>a {
    display: inline-block;
}

.docs_contents__ .selectBox {
    padding: 0 0 5px 0;
}
/* btn */
.docs_contents__ .btn {
    width: 19px;
    height: 19px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/btn_pagenavi.png) no-repeat;
    cursor: pointer;
}

.docs_contents__ .btn_first {
    background-position: 0 0;
}

.docs_contents__ .btn_prev {
    background-position: -19px 0;
}

.docs_contents__ .btn_next {
    background-position: -19px -19px;
}

.docs_contents__ .btn_last {
    background-position: 0 -19px;
}

.docs_contents__ .btn_calendar {
    position: absolute;
    top: 0;
    right: 9px;
    width: 19px;
    height: 18px;
    border: 0;
    background: url(../images/btn_calendar.png) 0 0 no-repeat;
}

.docs_contents__ .btn02 {
    border-radius: 2px;
    border: 1px solid #565f6c;
    font-weight: 600;
    background: linear-gradient(to bottom, #fefefe, #e7e6e6);
    background: -ms-linear-gradient(to bottom, #fefefe, #e7e6e6);
    background: -moz-linear-gradient(to bottom, #fefefe, #e7e6e6);
    background: -o-linear-gradient(to bottom, #fefefe, #e7e6e6);
    background: -webkit-linear-gradient(top, #fefefe, #e7e6e6);
    background-color: #fefefe;
    border-color: #939aa4;
    color: #434a54;
}

.docs_contents__ .btn02:hover {
    background: linear-gradient(to bottom, #fff, #fff);
    background: #fff;
}

.docs_contents__ .btn02:active {
    background: linear-gradient(to bottom, #fefefe, #e7e6e6);
    background: -ms-linear-gradient(bottom, #fefefe, #e7e6e6);
    background: -moz-linear-gradient(bottom, #fefefe, #e7e6e6);
    background: -o-linear-gradient(bottom, #fefefe, #e7e6e6);
    background: -webkit-linear-gradient(top, #fefefe, #e7e6e6);
    box-shadow: inset 0px 3px 3px rgba(0, 0, 0, .20);
}

.docs_contents__ .btn02 a {
    font-weight: 600
}

.docs_contents__ .btn04 {
    display: block;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}
/*
.docs_contents__ .default{
    padding: 0 4px 2px;
}
*/
.docs_contents__ .btncoment02 {
    padding: 15px 13px 19px;
}

.docs_contents__ .btn_Add {
    display: inline-block;
    padding: 4px 10px 5px;
    vertical-align: middle;
}

/* icon */
.docs_contents__ .ico_send {
    background: url(../images/icon/icon_send.png) 0 2px no-repeat;
    padding: 0 5px 0 18px;
}

.docs_contents__ .ico_file {
    background: url(../images/icon/icon_file.png) 0 3px no-repeat;
    padding: 0 5px 0 15px;
}

.docs_contents__ .ico_view {
    background: url(../images/icon/icon_view.png) 0 4px no-repeat;
    padding: 0 5px 0 22px;
}

.docs_contents__ .ico_del {
    background: url(../images/icon/icon_del.gif) 0 2px no-repeat;
    padding: 0 5px 0 15px;
}

.docs_contents__ .ico_new {
    background: url(../images/icon/icon_new.png) 0 1px no-repeat;
    padding: 0 5px 0 14px;
}

.docs_contents__ .ico_close {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/icon/icon_open.png) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.docs_contents__ .ico_open {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    background: url(../images/icon/icon_close.png) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.docs_contents__ .ico_notice {
    display: block;
    width: 23px;
    height: 22px;
    background: url(../images/icon/icon_notice.png) 0 0 no-repeat;
    background-size: 22px;
    vertical-align: middle;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;
}

.docs_contents__ .ico_list {
    padding: 0 5px 0 15px;
    background: url(../images/icon/icon_list.png) 0px 5px no-repeat;
}

.docs_contents__ .ico_modify {
    padding: 0 5px 0 20px;
    background: url(../images/icon/icon_modify.png) 0px 1px no-repeat;
}

.docs_contents__ .ico_reply02 {
    padding: 0 5px 0 21px;
    background: url(../images/icon/icon_reply02.png) 0px 1px no-repeat;
}

.docs_contents__ .ico_reply03 {
    padding: 0px 5px 3px 18px;
    background: url(../images/icon/icon_reply03.png) 0px 1px no-repeat;
}

.docs_contents__ .ico_up {
    background: url(../images/icon/icon_up.png) 0px 7px no-repeat;
    padding: 0 5px;
    margin: 0 0 0 7px;
}

.docs_contents__ .ico_down {
    background: url(../images/icon/icon_down02.png) 0px 7px no-repeat;
    padding: 0 5px;
    margin: 0 0 0 7px;
}

.docs_contents__ .ico_arr {
    background: url(../images/icon/icon_arrow.png) 0 0px no-repeat;
    padding: 0 10px;
    vertical-align: top;
    display: inline-block;
    height: 16px;
}

.docs_contents__ .ico_arr02 {
    background: url(../images/icon/icon_arr.png) 0 0 no-repeat;
    width: 26px;
    height: 14px;
    display: inline-block;
    padding: 0 5px 0 0;
    vertical-align: middle;
}

.docs_contents__ .ico_mylink {
    background: url(../images/icon/icon_mylink.png) 0 2px no-repeat;
    padding: 0 5px 0 19px;
}

.docs_contents__ .ico_addcol {
    background: url(../images/icon_addcol.png) 0 2px no-repeat;
    padding: 0 5px 0 25px;
}

.docs_contents__ .ico_delcol {
    background: url(../images/icon_delcol.png) 0 2px no-repeat;
    padding: 0 5px 0 25px;
}

.docs_contents__ .ico_file02 {
    background: url(../images/icon/icon_file02.png) 0 3px no-repeat;
    padding: 0 5px 0 16px;
}

.docs_contents__ .ico_search {
    background: url(../images/icon/icon_search.png) 0 3px no-repeat;
    padding: 0 5px 0 12px;
}

/* blut */
.docs_contents__ .blut02 {
    display: block;
    background: url(../images/icon/icon_blut02.png) 0 9px no-repeat;
    padding: 10px 0 10px 20px;
}

.docs_contents__ .blut03 {
    display: inline-block;
    width: 2px;
    height: 1px;
    background: url(../images/blut03.png) 0 0 no-repeat;
    padding: 0 0 0 5px;
    vertical-align: middle;
    vertical-align: middle;
    margin-left: -8px;
}

/* font */
.docs_contents__ .b {
    font-weight: 400
}

.docs_contents__ .txt_orange {
    color: #ff7e00;
    font-weight: 400;
}

.docs_contents__ .txt_blue {
    color: #1d50a2;
    font-weight: 400;
}

/* text위치 */
.docs_contents__ .textRight {
    text-align: right;
}

.docs_contents__ .txtLeft {
    text-align: left;
}

.docs_contents__ .textCenter, .p-pop-container .textCenter {
    text-align: center
}

/* -------  popup  ------- */
.docs_contents__ .p-pop-container {
    /*padding:10px 12px;*/
    padding: 0;
}

.docs_contents__ .p-pop-container>.p-pop-content {
    margin: 0 0 10px 0;
}

.docs_contents__ .p-pop-container>.p-pop-content>table:last-child {
    margin-bottom: 0;
}

.docs_contents__ .srcolling {
    overflow: auto;
}

.docs_contents__ .file_list a {
    color: #1d50a2;
    background: url(../images/icon/icon_down.png) right 4px no-repeat;
    padding-right: 22px;
    border-bottom: 1px solid #1d50a2;
}

.docs_contents__ table .file_list {
    padding: 7px 0 11px;
}

.docs_contents__ table .file_list li {
    padding: 0 0 11px 0;
}

.docs_contents__ table .file_list li:last-child {
    padding-bottom: 0;
}

.docs_contents__ table .file_list>li:only-child {
    padding-bottom: 0 !important;
}

.docs_contents__ .link_tit {
    cursor: pointer;
}

/*icon*/
.docs_contents__ .conTable td>.ico_blank a, .docs_contents__ .conTable td>.ico_self a {
    color: #1d50a2;
}

.docs_contents__ .ico_blank {
    background: url(../images/icon_blank.png) 99% 3px no-repeat;
    padding: 0 23px 0 0;
}

.docs_contents__ .ico_self {
    background: url(../images/icon_self.png) 99% 4px no-repeat;
    padding: 0 23px 0 0;
}

/*
    날짜 : 2016-01-21
    이름 : 박선영
    추가 : texarea 관련 수정요청
*/
.docs_contents__ table td>input.inputType01 {
    width: 100%;
    height: 30px;
    line-height: 18px;
    box-sizing: border-box;
}

.docs_contents__ .en_2line {
    padding: 4px 20px;
}

.p-pop-content .conEmty {
    border-top: 2px solid #434a54;
    border-right: 1px solid #b1bcca;
    border-bottom: 1px solid #b1bcca;
    border-left: 1px solid #b1bcca;
    padding: 20px 0;
    text-align: center;
}

.p-pop-content .infoBox>.infoBox {
    margin: 20px 0 0 0 !important;
}

.p-pop-content .infoBox>.infoBox>p:first-child {
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    padding: 0 0 20px 0;
}

.p-pop-content .infoBox>p {
    line-height: 1.2
}

.p-pop-content .infoBox>.infoBox ul {
    padding: 5px 0 15px 15px;
    margin: 0;
}

.p-pop-content .infoBox>.infoBox ul:last-child {
    padding-bottom: 0;
}

.p-pop-content .infoBox>.infoBox ul li {
    line-height: 1.2;
    padding: 0 0 5px 0;
}

.p-pop-content .infoBox>.infoBox ul li  span {
    display: inline-block;
    text-indent: -15px;
}

.cke_combo_button>span:first-child {
    padding-left: 10px !important;
    font-size: 14px !important;
    vertical-align: initial !important;
    line-height: 26px !important;
}

.cke_combo_button .cke_combo_open {
    font-size: 0 !important;
    height: 19px;
    line-height: 17px;
    margin: 1px 10px 1px;
    width: 5px;
}

.cke_combo_button .cke_combo_open>span {
    margin: 11px 0 0;
    float: left;
    height: 0;
    width: 0;
    font-size: 0;
}

.cke_panel, .cke_dialog {
    z-index: 9999999999 !important;
}
/* 박진우 수정 */
.grid__ th{height:40px;}
.grid__ .form__ td{height:30px;}
.form__ td{height:26px;padding:3px 4px;}
.form__ th{height:41px;padding:2px 4px; line-height: 1.2em;background: #fcfcfc;}
.form__ td{height:41px;}
.form__ .button__{height:25px;line-height: 25px;border-radius: 3px;font-size:14px; padding:0 10px;}
.form__ .button__:hover{box-shadow: inherit !important;opacity: 0.8;}
.form__ .button__.btn_white__{border:1px solid #e1e1e1;}

.grid__ td, .grid__ th, .form__ td, .form__ th{box-sizing: border-box;}


.select{display: inline-block;position: relative;min-width:70px;max-width: 100%;}
.select:AFTER{content: '';position: absolute; top: 50%; right: 1px; width: 20px;height: 38px;margin-top: -19px;z-index: 1;pointer-events: none;}

.docs_contents__ .search-wrap {position:relative; margin-bottom:60px; padding:20px 240px 10px 40px;border: 1px solid #d7dfe4;}
.docs_contents__ .search-wrap .search-box{border:none;}
.search-wrap .search-box{margin:0;}
.search-wrap .search-box th,
.search-wrap .search-box td{padding:0;height:auto;text-align: left;padding-bottom: 10px;background:#fff;}
.search-wrap .search-box .select-input{width:calc(100% - 156px);}
.search-wrap .btn_skyblue__ {position:absolute;min-width:160px;text-align:center; right:40px; bottom:20px;height:30px;line-height:30px; color:#fff;border:1px solid #005aab;background: #005aab;box-sizing: border-box;}
.search-wrap .btn_skyblue__  span{color:#fff; padding-left:20px; background:url("../images/sub/icon_search.png") no-repeat 0% 50%;background-size: 14px auto;}
.docs_contents__ select{margin:0;padding: 0 0 0 3px;}

/* 테이블 위 버튼 */
.docs_contents__ .btn-wrap{clear: both;overflow: hidden;padding-bottom:10px;}
.docs_contents__ .btn-wrap *{box-sizing: border-box;}
.docs_contents__ .btn-wrap .conLeft{margin-top:0;}
.btn-wrap:after {
	display: block;
    clear: both;
    content: '';
}
.btn-wrap h4{float:left; padding:0;margin:0;font-size:20px;}
.btn-wrap .btnBox{float:right; display: inline-block;padding-left:1px;padding-bottom:0;}
.btn-wrap .btnBox a{display:block;float:left;  min-width:78px;margin:0;margin-left:-1px;border:1px solid #d7dfe4; font-size:13px !important;color:#333333 !important; text-align: center;height:30px;line-height: 28px;padding:0 13px;box-sizing: border-box;}
.btn-wrap .btnBox a span{display: inline-block;}
.btn-wrap .btnBox a:hover{box-shadow:inherit !important;opacity:0.8;}
.btn-wrap .btnBox a:active{transform:scale(0.95)}

.btnBox.newBox {margin-right: 5px;}
.newBox #btn_Excel {width: 80px;height: 40px;align-content: center;border-radius: 5px;}
.btnBox span{}
.btnBox .ico_new{padding:2px 0 5px 25px; background:url(../images/sub/icon_add.png) 0 0% no-repeat;}/* 추가 */
.btnBox .ico_modify{padding:2px 0 2px 25px;background:url(../images/sub/ico_modify.png) 0 50% no-repeat;}/* 저장 수정 */
.btnBox .ico_del{padding:2px 0 5px 25px; background:url(../images/sub/icon_delDoc.png) 0 0% no-repeat;}/* 삭제 */
.btnBox .ico_file{padding:2px 0 2px 25px;background:url(../images/sub/excel_n.png) 0 50% no-repeat;}/* 엑셀아이콘 */
.btnBox .ico_list{padding:2px 0 2px 25px;background:url(../images/sub/menu_n.png) 0 0% no-repeat;}/* 목록 */

.btnBox .ico_addDoc{padding:2px 0 5px 25px; background:url(../images/sub/ico_addcol.png) 0 0% no-repeat;}/*행 추가 */
.btnBox .ico_delDoc{padding:2px 0 5px 25px; background:url(../images/sub/ico_delcol.png) 0 0% no-repeat;color:#333333;}/* 행 삭제 */
.btnBox .icon_modDoc{ padding:2px 0 2px 23px;background:url(../images/sub/icon_modDoc.png) 0 50% no-repeat;}/* 수정 */

.btnBox .ico_reply02{padding:2px 0 2px 25px; background:url(../images/sub/ico_reply02.png) 0 0% no-repeat; }/* 답글 */
.btnBox .ico_view{padding: 2px 5px 2px 22px;background: url(../images/sub/ico_view.png) 0 1px no-repeat; }/* 미리보기 */
.btnBox .ico_search{padding: 2px 5px 2px 20px;background: url(../images/sub/icon_search.png) 0 50% no-repeat; }/* 찾기 */

/* 새글 버튼 */
.docs_contents__ .ico_new02 {padding-right: 15px;background: url(../images/sub/icon_new02.png) 100% 50% no-repeat; background-size: 14px; display: inline-block;}
/*테이블 하단 버튼*/
.btnBox02 .button__{height:48px;min-width:150px;text-align:center; line-height:46px;}
.btnBox02 .button__:hover{box-shadow:inherit !important;}
.btnBox02 a span{background: none;padding:0;}
.p-pop-container>.btnBox02 .ico_check{background: none;padding:0;}
.btnBox02 .ico_file02{padding:0;color:#2673b8;background: none;}/*저장*/
.btnBox02 .ico_cancel{padding:0;color:#919699;background: none;}/*취소*/
.btnBox02 .ico_check{padding:0;color:#2673b8;background: none;}/*확인*/
.btnBox02 .btn_blue__{color:#2673b8 !important; border:1px solid #2673b8;background: #fbfdfe;}
.btnBox02 .btn_white__{color:#bec5c9;border:1px solid #bec5c9; background: #fff;}

/* 버튼 */
a.btn_skyblue__, input[type='button'].btn_skyblue__, button.btn_skyblue__{border:1px solid #2673b8;background: #2673b8;}


/* 페이징 */
.pagination__ .pagination_lefter__ li,
.pagination__ .pagination_righter__ li{width:30px;height:35px;}
.pagination__ .pagination_lefter__ li.pagination_first__,
.pagination__ .pagination_lefter__ li.pagination_prev__{background: none;}
.pagination__ .pagination_lefter__ li.pagination_first__:hover,
.pagination__ .pagination_lefter__ li.pagination_prev__:hover{opacity:1;}
.pagination__ .pagination_lefter__ a{display: block;width:30px;height:35px;border:1px solid #c4d3e4;border-radius:10px;}
.pagination__ .pagination_lefter__ li.pagination_first__ a{ background: url(../images/sub/st_prev02_n.png) 50% 50% no-repeat; }
.pagination__ .pagination_lefter__ li.pagination_prev__ a{background: url(../images/sub/st_prev_n.png) 50% 50% no-repeat; }
.pagination__ .pagination_righter__ li.pagination_next__,
.pagination__ .pagination_righter__ li.pagination_last__{background: none;}
.pagination__ .pagination_righter__ li.pagination_next__:hover,
.pagination__ .pagination_righter__ li.pagination_last__:hover{opacity:1;}
.pagination__ .pagination_righter__ a{display: block;width:30px;height:35px;border:1px solid #c4d3e4;border-radius:10px;}
.pagination__ .pagination_righter__ li.pagination_next__{background: url(../images/sub/st_next_n.png) 50% 50% no-repeat; }
.pagination__ .pagination_righter__ li.pagination_last__{background: url(../images/sub/st_next02_n.png) 50% 50% no-repeat; }

/* 팝업 버튼 */
.buttonBox__ .button__{height:48px;min-width:150px;max-width:49%; line-height: 48px;color:#fff;font-size: 18px;font-weight:400;}
.buttonBox__ .button__:hover{box-shadow: inherit;}
.buttonBox__ .confirm__{background: #4f4f4f;}
.buttonBox__ .confirm__ span{padding:0;background: none;}
.docs_contents__ .p-pop-container>.p-pop-content{margin-bottom:50px;}
.p-pop-container>.btnBox02 .ico_cancel{padding:0;}
.docs_contents__ .btnBox02>a +a{margin-left:20px;}



/* 달력 */
.datepicker__{background:url("../images/sub/icon_calendar_n.png") no-repeat 95% 50%;}

/* 체크박스공통 */
.check {overflow:hidden;display:inline-block;position:relative;min-height:24px;box-sizing:border-box;cursor:pointer;vertical-align: middle;}
.check input {overflow:hidden;display:block;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.check span {display:inline-block;padding-left:20px;height:25px; line-height: 25px;font-size:15px;vertical-align: middle;}/* 텍스트는 디자인에 맞게 변경 */
.check span:before {position:absolute;left:0px;top:0;width:16px;height:25px;content: "";background:url("../images/sub/check01.png") no-repeat 0 50%;background-size: 16px;}/* 이미지는 디자인에 맞게 변경 */
.check input:checked + span:before{position:absolute;left:0px;top:0;width:16px;height:25px;content: "";background:url("../images/sub/check01_on.png") no-repeat 0 50%;background-size: 16px;}/* 체크됐을때, 이미지변경 */
.check input:disabled + span{opacity:0.7;}
.check a{vertical-align: top;}

/* 라디오버튼공통 */
.radio {overflow:hidden;display:inline-block;min-height:20px;box-sizing:border-box;cursor:pointer;vertical-align: middle;}
.radio input {overflow:hidden;display:block;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio span {position:relative;display:inline-block;padding-left:20px;height: 25px; line-height: 25px;font-size:15px;vertical-align: middle;}/* 텍스트는 디자인에 맞게 변경 */
.radio span:before {position:absolute;left:0;top:0;width:16px;height:25px;content: "";background:url("../images/sub/radio01.png") no-repeat 0 50%;background-size: 16px;}/* 이미지는 디자인에 맞게 변경 */
.radio input:checked + span:before{position:absolute;left:0;top:0;width:16px;height:25px;content: "";background:url("../images/sub/radio01_on.png") no-repeat 0 50%;background-size: 16px;}/* 체크됐을때, 이미지변경 */
.radio input:disabled + span{opacity:0.7;}
.radio label{padding-right:15px;}
.radio a{line-height: 23px;}

/* 이전글 다음글 */
.docs_contents__ .boardlist dl:first-child{border-top: 1px solid #f0f0f5;}
.docs_contents__ .boardlist dt{text-align:center; background: #fcfcfc; border: 1px solid #f0f0f5;border-top:none;}
.docs_contents__ .boardlist dd{border-right: 1px solid #f0f0f5;border-bottom: 1px solid #f0f0f5;}

/* 댓글 */
.docs_contents__ .comentwrap.form__{}
.docs_contents__ .coment dl{    border-right: 1px solid #f0f0f5;border-top: 1px solid #f0f0f5;border-left: 1px solid #f0f0f5;}
.docs_contents__ #replyCmt,
.docs_contents__ .rpcmtAt.form__{border-top: 1px solid #f0f0f5;}
.docs_contents__ #reply{border-bottom: 1px solid #f0f0f5;}
.btn01.col01{background: #fff;border:1px solid #d7dfe4;color:#ffb619;font-weight:400 !important;font-size:14px; }
.btn01.col02{background: #fff;border:1px solid #d7dfe4;color:#e452b2;font-weight:400 !important;font-size:14px;}
.btn01.col03{background: #fff;border:1px solid #d7dfe4;color:#00be70;font-weight:400 !important;font-size:14px;}
.btn02.col01{background: #fff;border:1px solid #d7dfe4;color:#ffb619;font-weight:400 !important;font-size:14px; }
.btn02.col02{background: #fff;border:1px solid #d7dfe4;color:#e452b2;font-weight:400 !important;font-size:14px;}
.btn02.col03{background: #fff;border:1px solid #d7dfe4;color:#00be70;font-weight:400 !important;font-size:14px;}
.docs_contents__ .Write{border-top:1px solid #d7dfe4;}
.docs_contents__ .Write dt{background: #fcfcfc;text-align: center;border:1px solid #d7dfe4;}
.docs_contents__ .Write dd{border:1px solid #d7dfe4;}

.docs_contents__ .infoBox{background: #f5faff;border: 1px solid #99c8f7;}
.docs_contents__ .infoBox .infoTxt{background: url(../images/sub/icon_blut02.png) 0% 0 no-repeat; line-height: 22px; margin-top: 10px;}
.docs_contents__ .infoBox .infoTxt:first-child{margin-top: 0;}
.docs_contents__ .blut02{background: url(../images/sub/icon_blut02.png) 0% 50% no-repeat; }

input[type='text'].wid100p{width:100%;}

/* 파일업로드 폼 */
.docs_contents__ .file-upload-form {

}

.docs_contents__ .file-upload-form .file-upload-item {
	clear: both;
	margin: 7px;
	line-height: 25px;
    height: 25px;
}

.docs_contents__ .file-upload-form .file-upload-input {
    width: auto;
    float: left;
}

.docs_contents__ .file-upload-form .file-upload-add-btn span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-top: 5px;
    background: url("../images/bordbd0200/btn_add.png") no-repeat;
}

.docs_contents__ .file-upload-form .file-upload-remove-btn span,
.docs_contents__ .fileList .file-delete-btn span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background: url("../images/bordbd0200/btn_remove.png") no-repeat;
}

.docs_contents__ .file-upload-form .file-upload-remove-btn span {
    margin-top: 5px;
}

.docs_contents__ .fileList {

}

.docs_contents__ .fileList .file-download-item {
	clear: both;
}

.docs_contents__ .fileList .file-download {
    float: left;
}

.docs_contents__ .fileList .file-name {
	display: inline-block;
	float: left;
}