@charset "UTF-8";
@import url(/static/commons/common.css);
@import url(/static/font/font-awesome-4.7.0/css/font-awesome.min.css);

/* font color */
.fc_black {
    color: #000;
}

.fc_deepgray {
    color: #333;
}

.fc_orange {
    color: #e73100;
}

.fc_blue {
    color: #3679C1;
}

.fc_cobalt {
    color: #02728D;
}

.fc_red {
    color: #c10101;
}

.fc_green {
    color: #3A7525;
}

/* recoment */
/* recoment */
.vline {
    color: #ccc;
    margin: 0 3px;
}

.reComentList {
    overflow: hidden;
    padding: 0 20px;
}

.reComentList .set {
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
}

.reComentList .set .i {
    padding-right: 80px;
    position: relative;
}

.reComentList .set .characterLen {
    display: block;
    width: 100%;
    height: 55px;
    padding: 10px;
    border: 1px solid #c9c9c9;
}

.reComentList .set .b-submit {
    overflow: hidden;
    width: 80px;
    height: 55px;
    position: absolute;
    right: 0;
    top: 0;
}

.reComentList .set .infoAppend {
    height: 25px;
    font-size: 11px;
    line-height: 25px;
    color: #666;
    text-align: right;
}

.reComentList .set .characterLenDeco {
    font-weight: bold;
    color: #17439c;
    text-align: right;
}

.reComentList>ul {
    border-bottom: 1px solid #ddd;
}

.reComentList>ul li {
    border-top: 1px solid #ddd;
    padding: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.reComentList>ul li .cmtBody {
    margin: 0 150px 0 0;
}

.reComentList>ul li .infoAppend {
    display: block;
    height: 20px;
}

.reComentList>ul li .name {
    font-weight: bold;
    color: #888;
}

.reComentList>ul li .time {
    color: #b1b1b1;
}

.reComentList>ul li .txtDesc {
    font-size: 12px;
    line-height: 18px;
}

.reComentList>ul li .cmtFoot {
    overflow: hidden;
    position: absolute;
    top: 15px;
    right: 0;
    height: 40px;
    font-size: 11px;
}

.mbox {
    border: 6px solid #1f9ed9;
    border-bottom-width: 0;
    float: left;
}

.mbox>div {
    padding: 30px;
}

.mbox>div:first-child {
    border-right: 6px solid #f5f4f2;
}

.box1 {
    padding: 20px;
    margin: 10px 0;
    border: 1px solid #dadada;
    background: #f5f4f2;
    float: left;
    width: 100%;
}

/* 식단표 */
.inline-calendar {
    background-color: #ed5e74;
    padding: 30px;
    color: #fff;
    text-align: center;
}

.inline-calendar .header a {
    width: 50px;
    height: 60px;
    line-height: 60px;
}

.inline-calendar .header a,
.inline-calendar .header .theader {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
    margin-bottom: 20px;
}

.inline-calendar .theader {
    display: inline-block;
    background: url(/static/commons/img/inline_calendar_hbg.gif) 0 0 no-repeat;
    width: 150px;
    height: 150px;
}

.inline-calendar .theader span {
    display: block;
}

.inline-calendar .theader .tyear {
    font-size: 18px;
    margin-top: 30px;
    line-height: 20px;
    font-weight: bold;
}

.inline-calendar .theader .tmonth {
    font-size: 72px;
    line-height: 80px;
    font-weight: bold;
}

.inline-calendar a {
    color: #fff;
    display: inline-block;
}

.inline-calendar table a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.inline-calendar .on,
.inline-calendar table a:hover,
.inline-calendar table a:focus {
    border: 2px solid #fff;
    border-radius: 40px;
}

/* background */
.badge {
    font-size: 14px;
}

.badge-md {
    width: 40px;
    height: 40px;
    line-height: 34px;
    font-size: 20px;
    border-radius: 40px;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #ed5e74;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #ed5e74;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

[class*=b-]:before {
    font-family: FontAwesome;
}

.b-reg::before {
    content: "\f040  ";
}

.b-del:before {
    content: "\f014  ";
}

.b-cancel:before {
    content: "\f05e  ";
}

.b-edit:before {
    content: "\f044  ";
}

.b-list:before {
    content: "\f03a  ";
}

.b-move:before {
    content: "\f047  ";
}

.b-reply:before {
    content: "\f112  ";
}

.b-sh:before {
    content: "\f002  ";
}

.b-ok:before {
    content: "\f00c  ";
}

.b-down:before {
    content: "\f019  ";
}

.b-reset:before {
    content: "\f01e  ";
}

.b-add:before {
    content: "\f067  ";
}

 .b-add2:before {
  content: "\f067  "; }

.b-view:before {
    content: "\f06e  ";
}

.b-back:before {
    content: "\f060  ";
}

.b-save:before {
    content: "\f0c2  ";
}

.b-end:before {
    content: "\f011  ";
}

.b-set:before {
    content: "\f013  ";
}

.b-open:before {
    content: "\f08e  ";
}

.b-select:before {
    content: "\f00c  ";
}

.b-login:before {
    content: "\f011  ";
}

.b-pop:before {
    content: "\f08e  ";
}

.b-disabled:before {
    content: "\f2a8  ";
}

.b-unlock:before {
    content: "\f09c  ";
}

.b-hide:before {
    content: "\f070  ";
}

.b-close:before {
    content: "\f2d3  ";
}

.b-xls:before {
    background: url(/static/commons/img/xls.png) 0 0 no-repeat;
    content: '';
    width: 23px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.ico-new {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(/static/commons/img/ico_new.png) 0 0 no-repeat;
}

.ico-re {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(/static/commons/img/ico_re.png) right 0 no-repeat;
}

.ico-comment {
    display: inline-block;
    padding-left: 5px;
}

.ico-comment:before {
    padding-right: 3px;
    content: '\f27b';
    font-family: FontAwesome;
}

.b-reg {
    background-color: #3e4247;
    border-color: #3e4247;
}

.b-sh {
    border-color: #393b3f;
    background-color: #393b3f;
    color: #fff;
}

.b-sh2 {
    border-color: #393b3f;
    background-color: #393b3f;
    color: #fff;
}

.b-sh2:before {
    background: url(/static/commons/img/sh2.png) 0 0 no-repeat;
    content: '';
    width: 21px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.b-use {
    color: #fff;
    background-color: #1b9a72;
    border: none;
}

.b-use::before {
    display: inline-block;
    width: 25px;
    height: 14px;
    content: '';
    background: url(/static/bos/img/use.png) 0 center no-repeat;
    vertical-align: middle;
}

.b-notuse {
    color: #e74c4c;
    border: 1px solid #e74c4c;
}

.b-notuse::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: '';
    background: url(/static/bos/img/notuse.png) 0 center no-repeat;
}

.b-print,
.b-help {
    border-color: #393b3f;
    color: #393b3f;
}

.b-print::before,
.b-help::before {
    display: inline-block;
    width: 25px;
    height: 19px;
    content: '';
    vertical-align: middle;
    background: url(/static/bos/img/ico-help.png) 0 center no-repeat;
}

.b-print::before {
    background: url(/static/bos/img/ico-print.png) 0 center no-repeat;
}

.pop-close {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 40px;
    width: 40px;
    background: none;
    border: none;
}

.pop-close::before,
.pop-close::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -1px;
    height: 3px;
    background-color: #fff;
}

.pop-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pop-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* servey */
.surveyList {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.surveyList dl {
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

.surveyList dl:first-child {
    border: none;
}

.toggleDl dl+dl {
    border-top: 1px solid #ccc;
}

.toggleDl dl dt {
    padding: 10px 0;
    position: relative;
}

.toggleDl dl dt button {
    position: absolute;
    right: 0;
    top: 4px;
}

.toggleDl .table {
    margin-bottom: 0;
}

/* servey view */
.ico-tel {
    color: red;
}

.ico-tel:before {
    content: '\f095';
    font-size: 18px;
    display: inline-block;
    width: 19px;
    font-family: FontAwesome;
}

.view>dl.deco {
    background-color: #f5f4f2;
}

.view>dl.deco>dt {
    position: relative;
}

.view>dl.deco>dt:after {
    content: '';
    height: 17px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    border-right: 1px solid #dadada;
}

.view>dl.deco>.d {
    width: 110px;
}

/* servey question */
.surbeyQ dt {
    font-size: 16px;
    padding: 16px 0 20px 27px;
    background-color: #f5f4f2;
    border: 1px solid #dadada;
    border-top: 2px solid #47413e;
}

.surbeyQ dt:before {
    content: '\f164';
    color: #1f9ed9;
    font-size: 24px;
    display: inline-block;
    width: 30px;
    font-family: FontAwesome;
}

.surbeyQ dd {
    border: 1px solid #dadada;
    border-width: 0 1px 0 1px;
    margin-bottom: 40px;
    overflow: hidden;
}

.surbeyQ dt,
.surbeyQ dd {
    display: block;
}

.surbeyQ dd .row>div {
    border: 1px solid #dadada;
    border-width: 0 1px 1px 0;
}

.surbeyQ dd label {
    display: block;
    padding: 20px;
}

.surbeyQ dd.textarea {
    padding: 20px;
    border-bottom: 1px solid #dadada;
}

.surbeyQ dd.textarea textarea {
    width: 100%;
    height: 96px;
}

/* servey result */
.table.table-survey {
    border-top: none;
    overflow: visible;
}

.table-survey caption {
    display: table-caption;
    visibility: visible;
    width: auto;
    height: auto;
    clip: inherit;
    margin: 0;
    position: static;
    opacity: 1;
    line-height: 1;
    font-size: 16px;
    padding: 16px 0 20px 27px;
    background-color: #f5f4f2;
    border: 1px solid #dadada;
    border-top: 2px solid #47413e;
    color: red;
}

.table-survey caption::before {
    content: '\f0a6';
    font-size: 24px;
    width: 30px;
    display: inline-block;
    font-family: FontAwesome;
}

.table-survey caption details {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.table-survey tr>* {
    border: 1px solid #dadada;
}

.table-survey td.graph {
    padding: 0;
}

.table-survey td.graph span {
    display: block;
    height: 38px;
    background-color: #6dc0e6;
}

.graph1 {
    background-image: url(/static/portal/images/pattern/survey_pt1.png);
}

.graph2 {
    background-image: url(/static/portal/images/pattern/survey_pt2.png);
}

.graph3 {
    background-image: url(/static/portal/images/pattern/survey_pt3.png);
}

.graph4 {
    background-image: url(/static/portal/images/pattern/survey_pt4.png);
}

.bdList+.surveyRsult {
    border-top: none;
}

.surveyRsult {
    clear: both;
    border-top: 2px solid #47413e;
}

.surveyRsult .sh {
    margin: 0;
    border-radius: 0;
    border-bottom: none;
}

.surveyRsult p {
    font-size: 16px;
    padding: 16px 0 20px 27px;
    background-color: #f5f4f2;
    border: 1px solid #dadada;
    color: red;
    margin: 0 !important;
}

.surveyRsult p::before {
    content: '\f0a6';
    font-size: 24px;
    width: 30px;
    display: inline-block;
    font-family: FontAwesome;
}

.surveyRsult ol li {
    padding: 18px 28px;
    font-size: 14px;
    border: 1px solid #dadada;
    border-top: none;
}

.fixed {
    table-layout: fixed;
}

/* table view detail */
.bdView {
    border-top: #494b50 2px solid;
    clear: both;
    margin-bottom: 20px;
}

.bdView td .form-group {
    margin-bottom: 0;
}

.bdView table.table tbody tr td {
    text-align: left;
}

.bdView table {
    width: 100%;
    border: none;
    margin: 0;
}

.bdView table th,
.bdView table td {
    border: #dddddd 1px solid;
    padding: 10px;
}

.bdView table tr>th:first-child,
.bdView table tr>td:first-child {
    border-left: none;
}

.bdView table tr>th:last-child,
.bdView table tr>td:last-child {
    border-right: none;
}

.bdView table th {
    min-width: 110px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    background: #f4f4f4;
    color: #333333;
    padding-left: 28px;
}

.bdView table th>label .req {
    margin-left: 0;
}

.bdView table th>.req {
    margin-left: 10px;
    margin-right: 5px;
}

.bdView table th label {
    font-weight: bold;
}

.bdView table th.tit {
    padding-left: 10px;
    text-align: left;
}

.bdView table tbody tr:first-child>* {
    border-top: none;
}

.bdView table td.outputEditor p,
.bdView table td.outputEditor div {
    min-width: 500px;
    max-width: 630px;
}

.bdView table td.outputEditor {
    min-width: 500px;
    max-width: 640px;
    padding: 10px 0 10px 20px;
}

.bdView table textarea,
.bdView table textarea#contents {
    width: 100%;
}

.bdView label+a {
    vertical-align: top;
}

th {
    text-align: center;
}

/* TABLES */
.table {
    border: none;
    border-top: 3px solid #494b50;
    text-align: center;
    border-bottom: 1px solid #dddddd;
}

.table+.nodata {
    margin-top: -21px;
}

.table>thead>tr>th {
    background: #fff;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-color: #dddddd;
}

.table>thead>tr>th {
    padding: 12px 0;
    border-left: 1px solid #dddddd;
    border-bottom-width: 0;
    vertical-align: middle;
    line-height: 1.2;
}

.table>tbody>tr>td {
    border-left: 1px solid #dddddd;
}

.table>thead>tr>th:first-child,
.table>tbody>tr>td:first-child {
    border-left: none;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background: #fafafa;
}

.table-striped>tbody>tr:nth-child(odd):hover>td,
.table-striped>tbody>tr:nth-child(odd):hover>th,
.table-hover>tbody>tr:hover {
    background-color: #f4f4f4;
}

.table>tbody>tr>td.img {
    padding: 5px;
}

.table>tbody>tr>td.img div {
    max-height: 150px;
    overflow: hidden;
    margin: 0;
}

.table>tbody>tr>td.img div img {
    max-width: 150px;
}

table.table .tit {
    padding: 0 !important;
}

table.table .tit a {
    display: block;
    text-align: left;
    position: relative;
    padding: 11px 5px 12px 5px;
}

.bdList .tit a::before,
table.table .tit a::before {
    content: '';
    border-top: 4px solid #ddd;
    border-left: 4px solid #9f9f9f;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* table_list */
.table_list {
    overflow: hidden;
    border-top: 3px solid #494b50;
}

.table_list ul {
    padding: 0px;
    overflow: hidden;
    margin: 20px 0 0 -20px;
}

.table_list ul li {
    float: left;
    width: 423px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.table_list ul li img {
    padding: 20px 0px;
}

.table_list ul li .tit {
    display: inline-block;
}

/* board_view */
.board_view {
    border-top: 3px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.board_view table {
    font-size: 14px;
}

.board_view table tbody th {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    line-height: 42px;
    border-right: 1px solid #dddddd;
}

.board_view table tbody th.left {
    border-left: 1px solid #dddddd;
}

.board_view table tbody td {
    text-align: left;
    height: 42px;
    text-align: center;
}

.board_view table tbody td.title {
    color: #333;
    height: 52px;
    border-bottom: 1px solid #dddddd;
    line-height: 20px;
}

.board_view table tbody td.left {
    text-align: left;
    border-bottom: 1px solid #dddddd;
}

.board_view table tbody td img {
    max-width: 400px;
    max-height: 300px;
}

.board_view tbody td.txt {
    border-bottom: 1px solid #dddddd;
}

.board_view * {
    font-weight: normal;
}

.board_view.on,
.board_view.on table td,
.board_view.on table th {
    background: #edf9ff;
    border-color: #1f9ed9 !important;
}


.bdList th.no {
    width: 50px;
}

.bdList th.voit {
    width: 50px;
}

.bdList th.view {
    width: 50px;
}

.bdList th.date {
    width: 100px;
}

.bdList th.date {
    width: 100px;
}

.table tr.disabled td {
    background-color: #eee;
    cursor: not-allowed;
}

/**/
table.sm tr th {
    font-weight: normal;
    padding: 2px;
}

table.sm tr td {
    font-weight: normal;
    padding-left: 2px;
    padding-right: 2px;
}

table.tac th,
table.tac td {
    text-align: center;
}

tr.tac>* {
    text-align: center;
}

td .progress {
    margin-bottom: 0;
}

/**/
.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0;
}

.table-bordered>thead>tr>th::after {
    display: none;
}

table.table tr td.tit a {
    display: block;
    text-align: left;
}

table.table tr td.left {
    text-align: left;
}

td>div {
    margin: 5px 0;
}

.ovx {
    overflow-x: scroll;
}

.ovx th {
    white-space: nowrap;
}

.calendarList .fa {
    font-size: 20px;
    vertical-align: middle;
}

.calendarList .fa.fa-square {
    color: #bbb;
    margin-right: 5px;
}

.calendarList table td>ul>li:before {
    background: none;
}

.calendarList table td {
    height: 70px;
}

.calendarList table td button {
    width: 100%;
}

.calendarList .none {
    background-color: #f8f8f8;
}

/* view */
.view {
    border-top: 2px solid #494b50;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}

.view .subject {
    font-size: 19px;
    color: #000000;
    padding: 8px 18px;
    margin: 0;
    border-bottom: 1px solid #494b50;
}

.view .subject+dl>* {
    border-top: none;
}

.view>dl {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.view>dl>dt,
.view>dl>dd {
    display: table-cell;
    padding: 13px 0;
    vertical-align: top;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.view>dl>dt label {
    font-weight: bold;
}

.view>dl:first-child>* {
    border-top: none;
}

.view>dl>dt {
    width: 15%;
    font-weight: bold;
    text-align: center;
    background-color: #f4f4f4;
    color: #333333;
    vertical-align: middle;
}

.view>dl>dt:first-child {
    border-left: none;
}

.view>dl>dd {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #dddddd;
}

.view>dl>dd:last-child {
    border-right: none;
}

.view>dl.w>dt,
.view>dl.w>dd {
    display: block;
    width: 100%;
}

.view>dl.w>dt {
    border-right: 1px solid #dddddd;
}

.view>dl+.dbData {
    border-top: 1px solid #dddddd;
}

/*dbData*/
.dbData {
    padding: 20px;
}

.dbData img {
    max-width: 100%;
}

/*bdViewNav*/
.bdViewNav {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #dddddd;
    border-top: 2px solid #000;
    display: table;
    width: 100%;
}

.bdViewNav dl {
    display: table-row;
}

.bdViewNav dl>* {
    display: table-cell;
    vertical-align: middle;
}

.bdViewNav dl dt {
    width: 15%;
    text-align: center;
    font-weight: bold;
    background-color: #f4f4f4;
    padding: 18px 0;
    border-right: 1px solid #dddddd;
    color: #333333;
}

.bdViewNav dl dd>span {
    display: block;
    padding: 18px 20px;
}

.bdViewNav dl:first-child>* {
    border-bottom: 1px dotted #e1e1e1;
}

.bdViewNav dl dt:after {
    content: ' ▼';
    display: inline;
    color: #535e65;
}

.bdViewNav dl:first-child dt:after {
    content: ' ▲';
    display: inline;
    color: #535e65;
}

.bdViewNav a {
    overflow: hidden;
    display: block;
    padding: 18px 0 18px 20px;
}

.bdViewNav a span {
    float: right;
    width: 17%;
    position: relative;
    text-align: center;
}

.bdViewNav a span:after {
    content: '|';
    position: absolute;
    left: 0;
    top: -1px;
    color: #dddddd;
    font-size: 9px;
}

.bdViewNav a span:first-child {
    float: left;
    width: 83%;
    text-align: left;
}

.bdViewNav a span:first-child:after {
    display: none;
}

/* list */
.galleryList {
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-width: 1px 0;
    padding: 40px 0 5px 0;
    color: #737373;
}

.galleryList li {
    float: left;
    width: 25%;
    padding: 0 10px;
    height: 320px;
}

.galleryList li a img {
    height: 210px;
}

.galleryList li p,
.galleryList li .tit {
    padding: 10px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.galleryList li span {
    font-size: 12px;
}

.galleryList li .cate {
    padding-top: 10px;
}

.galleryList li .subject {
    font-size: 14px;
    font-weight: 600;
    width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.galleryList li span.small {
    display: inline;
}

.galleryList li span.white {
    color: #fff !important;
}

.galleryList li .btn_area {
    margin: 10px 0;
}

.galleryView {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    border-top: 2px solid #494949;
    margin-top: 30px;
}

.galleryView>h2 {
    background: #fafafa;
    font-size: 16px;
    padding: 13px;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
}

.galleryView>div {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
}

.galleryView dl {
    overflow: hidden;
}

.galleryView dt {
    float: left;
    font-weight: bold;
}

.galleryView dd {
    float: left;
    padding-left: 5px;
}

.galleryView dd.wid {
    width: 200px;
}

.galleryView .point {
    text-indent: 0;
}

.galleryView .point,
.galleryView .point a {
    color: #EF6D17;
}

.galleryView .dbdata {
    padding: 45px 30px;
    line-height: 179%;
}

.galleryView .dbdata img {
    max-width: 710px;
}

.sliderMc {
    position: relative;
    z-index: 10;
    width: 800px;
    margin: 20px auto;
    height: 560px;
    overflow: hidden;
    padding: 20px;
}

.sliderMc .thumbs {
    position: relative;
    z-index: 10;
    width: 590px;
    height: 540px;
    float: left;
    overflow: hidden;
}

.sliderMc .thumbs>div {
    position: relative;
    z-index: 10;
    width: 596px;
    overflow: hidden;
    float: left;
    height: 540px;
}

.sliderMc .thumbs>div a {
    display: block;
    padding: 5px;
    border: 2px solid #cacaca;
    text-align: center;
}

.sliderMc .thumbs>div a img {
    width: 100%;
    max-height: 518px;
}

.sliderMc .descSet {
    position: absolute;
    left: 0;
    top: 0;
    width: 210px;
    height: 304px;
    padding: 38px 20px;
    background: url(../images/mains/opacity60.png);
}

.sliderMc .descSet a,
.sliderMc .descSet h2,
.sliderMc .descSet p,
.sliderMc .descSet span {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.sliderMc .descSet .stitle {
    font-size: 15px;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 20px;
}

.sliderMc .descSet h2 {
    display: inline-block;
    line-height: 20px;
    background: #ed1c24;
    padding: 0 5px;
}

.thumbsList {
    width: 110px;
    height: 470px;
    overflow: hidden;
    margin-top: 33px;
    float: right;
}

.thumbsList li {
    display: inline-block;
    float: left;
    margin-bottom: 9px;
    overflow: hidden;
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
}

.thumbsList li img {
    vertical-align: top;
    height: 70px;
}

.thumbsList li a {
    border: 3px solid #fff;
    display: block;
    overflow: hidden;
    text-align: center;
}

.thumbsList li a:hover,
.thumbsList li a:focus,
.thumbsList li a:active,
.thumbsList li.on a {
    border-color: #febe10;
}

.sliderMcCtrl .prevVs {
    position: absolute;
    z-index: 50;
    top: 0;
    right: 20px;
    background: url(/static/ucms/img/photoCtrlUp.png) no-repeat;
    width: 111px;
    height: 23px;
}

.sliderMcCtrl .nextVs {
    position: absolute;
    z-index: 50;
    bottom: 0;
    right: 20px;
    background: url(/static/ucms/img/photoCtrlDown.png) no-repeat;
    width: 111px;
    height: 23px;
}

.gallery2 a img {
    width: 100%;
}

.ovy {
    overflow-y: scroll;
}

.souceUrl {
    position: relative;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px;
    float: left;
    width: 45%;
    opacity: 1;
    height: auto;
}

.check {
    float: left;
    width: 5%;
}

.souceUrl:after {
    content: ' copy click!';
    display: inline;
}

/* bootstrap init */
.navbar {
    min-height: 32px;
}

.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.row {
    margin-top: 5px;
    margin-bottom: 5px;
}

body,
button,
input,
textarea,
select {
    font-family: "malgun gothic", "AppleGothic", "dotum", Helvetica, Arial, sans-serif;
}

body {
    font-size: 13px;
    -ms-word-break: break-all;
    word-break: break-all;
}

a {
    color: #333;
}

a:hover,
a:focus,
a:active {
    color: #ed6d1f;
}

.fs16 {
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 1.25;
}

.fs17 {
    font-size: 17px;
    letter-spacing: -1px;
    line-height: 1.23529;
}

.fs18 {
    font-size: 18px;
    letter-spacing: -2px;
    line-height: 1.22222;
}

.fs19 {
    font-size: 19px;
    letter-spacing: -2px;
    line-height: 1.21053;
}

.fs20 {
    font-size: 20px;
    letter-spacing: -2px;
    line-height: 1.2;
}

.fs21 {
    font-size: 21px;
    letter-spacing: -2px;
    line-height: 1.19048;
}

.fs22 {
    font-size: 22px;
    letter-spacing: -2px;
    line-height: 1.18182;
}

.fs23 {
    font-size: 23px;
    letter-spacing: -2px;
    line-height: 1.17391;
}

.fs24 {
    font-size: 24px;
    letter-spacing: -2px;
    line-height: 1.16667;
}

.fs25 {
    font-size: 25px;
    letter-spacing: -2px;
    line-height: 1.16;
}

/* ul.Text Styles */
.list li {
    text-indent: -16px;
    padding-left: 16px;
}

.list li:before {
    content: '◎';
    display: inline-block;
    width: 16px;
    text-indent: 0;
}

/* ol.Text Styles */
/* dl.Text Styles */
/* div.Text Styles */
/* Other Text Styles */
/* player */
/* searchbox */
/* btn list */
/* input */
/* user input */
input.post {
    width: 80px;
}

.emailId,
input.email_id,
input.email_addr,
input.emailAddr {
    width: 90px;
}

input.tel1 {
    width: 60px;
}

input.tel {
    width: 80px;
}

input.tel_word {
    width: 120px;
}

/* tel line1 */
input.user_id {
    width: 120px;
}

input.hasDatepicker {
    width: 80px;
}

input.tel1 {
    width: 40px;
}

input.emailid,
input.emaildomain,
input.tel {
    width: 80px;
}

input.post_s,
input.post_e,
input.post {
    width: 70px;
}

input.month,
input.date,
input.sdate,
input.edate,
input.dateS,
input.dateE {
    width: 85px !important;
}

.postSet span {
    display: block;
}

.postSet span+span {
    margin-top: 5px;
}

/* search */
.highlight {
    color: red;
}

.addFormSet {
    padding: 10px 0;
    border-top: 1px dotted #ccc;
    margin: 0;
}

.addFormSet:first-child {
    border: none;
}

.addFormSet>div {
    margin: 5px 0;
}

.addFormSet:nth-child(2n) {
    background-color: #eee;
    border-radius: 3px;
}

.fileAddSet .file_set:first-child {
    padding-top: 0;
}

.file_set {
    padding: 5px;
}

.file_set .decoTitle {
    line-height: 34px;
}

.file_set:nth-child(2n) {
    background-color: #eee;
    border-radius: 3px;
}

/* popup */
#wrap_pop {
    padding: 0 10px;
}

#wrap_pop #content {
    width: 100%;
}

.popupWrap {
    padding: 0 25px;
    color: #000;
}

.popupWrap h2 {
    font-size: 1.5em;
    line-height: 40px;
    margin: 10px 0 5px 0;
}

.popupWrap h1 {
    background: #333;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    padding-left: 20px;
    margin: 0 -25px 25px;
}

#popup h1 {
    padding: 10px;
    background: #22232a;
    color: #fff;
}

#popup #popupArea {
    padding: 10px;
}

/* file list */
.file {
    border-bottom: 1px solid #9fc9d8;
    overflow: hidden;
    border-left: #dfdfdf 1px solid;
    border-right: #dfdfdf 1px solid;
    border-top: #dfdfdf 1px solid;
    clear: both;
    overflow: hidden;
    height: 36px;
}

.file dt {
    width: 15%;
    text-align: center;
    background: url(/static/img/bos/sgnb_line.gif) no-repeat right 14px;
    float: left;
    color: #0c5d96;
    padding: 10px 0;
    font-weight: bold;
}

.file dd {
    width: 85%;
    float: left;
}

.file dd a {
    display: block;
    padding: 8px 0 0 10px;
}

/* btngroup */
.btn_print {
    position: absolute;
    right: 0;
    top: 15px;
}

.outputEditor {
    min-height: 300px;
}

/* require */
.req {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.req:before {
    content: '';
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    color: red;
}

.req>* {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.inputDeco {
    color: #d04700;
}

/* datePicker */
.ui-datepicker .ui-datepicker-title select {
    padding: 0;
    font-weight: normal;
    height: 25px;
    vertical-align: top;
}

/* tab */
.tab-2depth li {
    float: left;
    width: 50%;
}

.tab-2depth li a {
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    border-top-style: dotted;
    padding: 4px 0;
    border-left-width: 0;
    border-top-color: transparent;
}

.tab-2depth li:first-child a {
    border-bottom-left-radius: 3px;
    border-left-width: 1px;
    border-right-style: dotted;
}

.tab-2depth li:last-child a {
    border-bottom-right-radius: 3px;
}

/* ico */
span.ico {
    display: inline-block;
    border-radius: 25px;
    background-color: #76D7C4;
    color: #117A65;
    font-size: 11px;
    font-weight: normal;
    padding: 8px 5px;
    vertical-align: middle;
    text-align: center;
}

.box {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
}

span.line {
    height: 1px;
    line-height: 5px;
    overflow: hidden;
    display: block;
    border-top: 1px dotted #666;
}

.nodata {
    text-align: center;
    border: 1px solid #eee;
    padding: 10px;
    color: #f00;
}

.totalCount {
    float: left;
    padding-top: 10px;
    margin-top: 10px;
}

.displayedItems {
    float: right;
    margin-bottom: 5px;
    margin-top: 10px;
}

.noimage {
    background: #ededed url(/static/img/story/common/noimage.png) center center no-repeat;
    display: block;
    height: 100px;
}

.pic .noimage {
    border: 4px solid #fff;
    outline: 1px #eee solid;
    width: 250px;
    margin: 0 auto;
}

/*FAQ*/
#faqList {
    position: relative;
    margin: 30px 0 0;
    border-top: 3px solid #0552a9;
    border-bottom: 1px solid #707580;
}

#faqList dt,
#faqList dd {
    position: relative;
    padding: 10px 10px 12px 35px;
    border-bottom: 1px solid #d6d6d6;
}

#faqList dt {
    line-height: 37px;
    padding-top: 0;
    padding-bottom: 0;
}

#faqList dt button {
    display: block;
    line-height: 18px;
    background-color: transparent;
    border: 0;
    padding: 10px 0;
    width: 100%;
    text-align: left;
}

#faqList dd {
    background: #f8f8f8;
}

#faqList .qna_img {
    position: absolute;
    left: 0px;
    top: 7px;
    background: url(/static/commons/img/ico_q.png) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    background-size: auto 100%;
}

#faqList dd .qna_img {
    background-image: url(/static/commons/img/ico_a.png);
}

#faqList #no-data {
    width: 100%;
    text-align: center;
    padding-left: 0;
    background-image: none;
    font-weight: bold;
}

.fieldList .row {
    line-height: 34px;
}

.fieldList .row+.row {
    margin-top: 10px;
}

/**/
.beforeDiv {
    margin: 0;
    border: 5px solid #f4f4f4;
    padding: 20px;
}

.topDesc {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}

.topDesc ul li+li {
    margin-top: 5px;
}

.treectrl {
    text-align: left;
    padding: 5px 5px 0 5px;
    background-color: #f4f4f4;
}

.treectrl .jstree {
    background-color: #fff;
}

.treectrl .f>button::before {
    content: '';
    background: url(/static/commons/img/ico_folderopen.png) 0 0 no-repeat;
    width: 18px;
    height: 13px;
    display: inline-block;
}

.treectrl .f>button {
    border: 1px solid #393b3f;
    font-size: 12px;
    background-color: #fff;
}

.treectrl .f>.treeclose::before {
    background-image: url(/static/commons/img/ico_folderclose.png);
}

.treectrl .f+.btn-group {
    float: right;
}

.pagination ul>li span>span.t {
    display: none;
}

.paginationSet {
    text-align: center;
}

.paginationSet .t {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.paginlist {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.paginlist>li {
    display: inline;
}

.paginlist>li>a,
.paginlist>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.bt_set,
.bt_set li {
    float: left;
}

.bt_txt {
    padding-right: 10px;
    padding-top: 7px;
    font-size: 14px;
}

.paginationSet1 {
    float: left;
}

.paginationSet1 .t {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.contentadminfo {
    overflow: hidden;
}

.contentadminfo li {
    float: left;
    width: 50%;
    position: relative;
    padding-left: 80px;
    padding-right: 10px;
}

.contentadminfo li label {
    display: block;
}

.contentadminfo li span.title {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 34px;
}

.contentadminfo li input {
    width: 100%;
}

.mainAdmin {
    text-align: center;
    width: 1005px;
    margin: 0 auto;
}

.mainAdmin .visual {
    position: relative;
    height: 315px;
    display: block;
    margin: 5px;
    background: url(/static/bos/img/mainadmin/mainadmin-visual.png) center 0 no-repeat;
    background-size: auto 100%;
}

.mainAdmin .visual::after {
    content: 'SAMPLE';
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    left: 0;
    opacity: 0.5;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mainAdmin .visual span {
    display: block;
    height: 315px;
}

.mainAdmin .visual button {
    position: absolute;
    right: 0;
    top: 0;
}

.mainAdmin .visual img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 315px;
}

.mainAdmin .visual a {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    border: 1px solid #ccc;
    height: 315px;
}

.mainAdmin .set {
    overflow: hidden;
}

.mainAdmin .set>div {
    width: 325px;
    float: left;
    margin: 5px;
    position: relative;
}

.mainAdmin .set>div::after {
    content: 'SAMPLE';
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    left: 0;
    opacity: 0.5;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mainAdmin .set>div::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 313px;
    background: url(/static/bos/img/mainadmin/career.png) center center no-repeat;
    opacity: 0.35;
    background-size: cover;
}

.mainAdmin .set>div button {
    position: absolute;
    right: 0;
    top: 0;
}

.mainAdmin .set>div a {
    position: relative;
    z-index: 100;
    display: block;
    height: 313px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    border: 1px solid #ccc;
}

.mainAdmin .set .c2::before {
    background-image: url(/static/bos/img/mainadmin/contact.png);
}

.mainAdmin .set .c3::before {
    background-image: url(/static/bos/img/mainadmin/gallery.png);
}

.mainAdmin .set .c4::before {
    background-image: url(/static/bos/img/mainadmin/link.png);
}

.mainAdmin .set .c5::before {
    background-image: url(/static/bos/img/mainadmin/pop.png);
}

.mainAdmin .set .c6::before {
    background-image: url(/static/bos/img/mainadmin/career.png);
}

.outputEditor img {
    max-width: 100%;
}

.sh {
    background: #f4f4f4 no-repeat 0 0;
    padding: 22px 26px 22px 10px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 34px;
}

.sh .btn,
.sh input[type=text],
.sh select {
    vertical-align: top;
}

.sh .input_txt {
    width: 200px;
}

.sh .inpKeyword {
    width: 300px;
}

.sh .title,
.sh label {
    line-height: 30px;
    text-align: left;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 10px;
    margin-bottom: 0;
    background: url(/static/bos/img/shLabelBg.png) 0 center no-repeat;
}

.sh .title.nobu,
.sh label.nobu {
    padding-left: 0;
    background: none;
}

.sh .title {
    white-space: nowrap;
}

.nav+.sh {
    margin-top: 20px;
}

/* login */
.bg_mng_main {
    position: relative;
    width: 470px;
    height: 214px;
    margin: 178px auto 0 auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.16);
}

.bg_mng_main .logo {
    position: absolute;
    top: -60px;
    left: 0;
}

.bg_mng_main .titles {
    font-size: 28px;
    padding: 20px 0 5px 81px;
    letter-spacing: -2px;
}

.bg_mng_main div.on {
    display: block;
}

.bg_mng_main .fa {
    font-size: 30px;
    display: block;
    padding-left: 30px;
    line-height: 30px;
}

.bg_mng_main .tab2_main {
    position: relative;
}

.bg_mng_main .tab2_main div {
    margin-bottom: 10px;
}

.bg_mng_main .tab2_main #idsave label {
    width: auto;
}

.bg_mng_main .tab2_main a,
.bg_mng_main .tab2_main input,
.bg_mng_main .tab2_main span {
    vertical-align: top;
}

.bg_mng_main .tab2_main label {
    margin: 0;
    width: 70px;
}

.bg_mng_main .tab2_main .poab01,
.bg_mng_main .tab2_main .poab02 {
    border: 1px solid #9b9b9b;
    padding: 5px 0 0 3px;
    height: 40px;
    width: 197px;
}

.bg_mng_main .tab2_main .poab03 {
    position: absolute;
    left: 282px;
    top: 0;
}

.bg_mng_main .tab2_main .idsave {
    clear: both;
    display: block !important;
    margin-left: 72px;
}

.bg_mng_main .tab2_main .idsave label {
    width: auto;
}

.bg_mng_main .tab2_main .idsave input {
    position: relative !important;
    vertical-align: middle;
    margin: 0;
}

input[type=checkbox],
input[type=radio] {
    vertical-align: middle;
    width: 30px;
    height: 20px;
    margin: 3px 0 5px 0;
    border-radius: 5px;
}

input[type=number],
input[type=text],
input[type=password],
input[type=file],
select,
textarea {
    border: 1px solid #cdcdcd;
    padding: 4px 2px;
    line-height: 20px;
    height: 34px;
    border-radius: 4px;
    vertical-align: middle;
}

textarea {
    height: auto;
}

input[readonly] {
    border: 1px dotted #dddddd;
}

input[type=file] {
    -moz-border: inherit;
}

label+label {
    margin-left: 5px;
}

input[type=button] {
    margin: 0 1px;
}

.form-inline input[type="file"] {
    display: inline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Noto Sans";
}

/* content title */
#content .hgroup {
    position: relative;
    clear: both;
    margin-bottom: 10px;
}

*.bu_t1,
#content h5.bu_t1,
#content h6.bu_t1,
#content h3.tit_03 {
    font-size: 1.167em;
    color: #3e4247;
    padding: 2px 0 2px 18px;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(/static/bos/img/bu2.png) no-repeat 0 center;
}

.popupWrap h2,
.popupWrap h3,
.popupWrap>h4,
#content h2,
#content h3,
#content>h4 {
    font-size: 1.167em;
    color: #3e4247;
    padding: 2px 0 2px 18px;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(/static/bos/img/bu2.png) no-repeat 0 center;
}

.popupWrap>h5,
#content>h5 {
    font-size: 1.167em;
    color: #3e4247;
    padding: 0;
    margin: 10px 0;
    clear: both;
}

h2 {
    font-size: 26px;
    color: #3e4247;
    padding-left: 25px;
    margin-bottom: 10px;
    background: url(/static/bos/img/bu1.png) no-repeat 0 center;
}

h3 {
    margin-left: 11px;
    font-size: 21px;
    color: #3e4247;
    padding-left: 25px;
    margin-bottom: 10px;
    background: url(/static/bos/img/bu3.png) no-repeat 0 center;
}

.bodyindex::before {
    display: none;
}

body::before {
    content: '';
    height: 42px;
    background-color: #494b50;
    width: 100%;
    position: absolute;
    top: 78px;
    left: 0;
    z-index: -1;
    border-top: 3px solid #febe10;
}

#wrap {
    max-width: 1600px;
    min-width: 1200px;
}

#header_wrap {
    position: relative;
    color: #fff;
}

#header_wrap .header {
    width: auto;
    margin: 0;
    padding: 0;
    height: 78px;
    margin-bottom: 3px;
}

#header_wrap .header h1 {
    width: 250px;
    float: left;
    position: relative;
}

#header_wrap .header h1 a {
    text-align: center;
    display: block;
}

#header_wrap .header h1 a img {
    float: left;
    width: 90%;
}

#header_wrap .header h1::before {
    content: '';
    height: 58px;
    border-right: 1px solid #e4e4e4;
    position: absolute;
    right: 0;
    top: 10px;
}

#header_wrap .header .util {
    float: right;
    padding: 32px 25px 0 0;
}

#header_wrap .header .util a {
    background-color: #e8e8e8;
    padding: 14px 10px 19px;
    border-radius: 3px 3px 0 0;
    color: #333;
    font-size: 14px;
    display: inline-block;
    height: 46px;
}

@media screen and (max-width 1380px) {
    #header_wrap .header .util a {
        padding: 0;
    }
}

#header_wrap .header .util a.on {
    font-weight: bold;
    background-color: #febe10;
    color: #000;
    position: relative;
}

#header_wrap .header .util a.on::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #494b50;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
}

#header_wrap .header .user {
    position: absolute;
    right: 1%;
    margin-top: 5px;
    padding: 0 0 0 38px;
    color: #666;
    background: url(/static/bos/img/ico_Bell.png) 20px center no-repeat;
}

#header_wrap .header .user em {
    font-style: normal;
    color: #000;
    font-weight: bold;
}

#header_wrap .header .user a {
    color: #fff;
    border: none;
}

#header_wrap .header .user a.btn-success {
    background-color: #494b50;
}

#header_wrap .header .user a.btn-info {
    background-color: #e74c4c;
}

/*gnb*/
#gnb {
    clear: both;
    font-size: 14px;
    float: left;
    width: 100%;
    background: #494b50;
}

#gnb>ul {
    padding-left: 250px;
}

#gnb>ul li {
    position: relative;
    float: left;
}

#gnb>ul li>a {
    color: #fff;
    display: block;
    padding: 12px 28px;
    border-right: 1px solid #000;
    line-height: 1;
    height: 39px;
}

#gnb>ul li:first-child {
    border-left: 1px solid #000;
}

#gnb>ul>li.on>a {
    background: #febe10;
    color: #000;
    height: 39px;
    position: relative;
}

#gnb>ul>li.on>a::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}

#container {
    display: table;
    width: 100%;
    min-width: 1150px;
    max-width: 1600px;
}

#content {
    min-width: 840px;
    display: table-cell;
    padding: 20px;
}

#content .hgroup h1 {
    float: left;
    padding-left: 15px;
    font-size: 24px;
    color: #393b3f;
    margin-bottom: 10px;
    background: url(/static/bos/img/bu1.png) 0 center no-repeat;
}

#content .hgroup .fr {
    margin-top: 5px;
}

/*lnb*/
#lnb {
    display: table-cell;
    width: 250px;
    background: #eff0f3;
    padding-bottom: 20px;
    border-right: 1px solid #e4e4e4;
}

#lnb h2 {
    font-size: 30px;
    padding: 32px 0;
    line-height: 1;
    color: #000;
    text-align: center;
    margin: 0;
    background: none;
}

.lnbNav {
    font-size: 15px;
    padding-left: 18px;
    left: 1px;
    position: relative;
}

.lnbNav>li {
    padding-right: 9px;
    margin-bottom: 5px;
    /*background:url(/static/bos/img/lnbRightArr.png) 191px 18px no-repeat;*/
}

.lnbNav>li div {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    background-color: #fff;
}

.lnbNav>li div>a {
    position: relative;
    color: #000;
    padding: 16px 20px;
    display: block;
}

.lnbNav>li div>a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    width: 5px;
    height: 14px;
    background-color: #393b3f;
}

.lnbNav>li div>a::before {
    content: '';
    position: absolute;
    right: 0;
    top: 23px;
    width: 30px;
    height: 7px;
    /* background: url(/static/bos/img/lnbarrdown.png) 0 0 no-repeat; */
}

.lnbNav>li div>ol {
    border-top: 1px solid #e4e4e4;
    padding: 12px 20px;
}

.lnbNav>li div>ol>li>a {
    position: relative;
    display: block;
    color: #666;
    font-size: 13px;
    padding: 5px 12px;
}

.lnbNav>li div>ol>li>a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 1px;
    background-color: #dddddd;
    color: #ddd;
}

.lnbNav>li div>ol>li.on>a {
    color: #333;
    background-color: #febe10;
}

.lnbNav>li div>ol>li.on>a::after {
    content: '';
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #fff;
    background-color: transparent;
    margin-top: -3px;
}

.lnbNav>li div>ol>li>ol {
    padding: 12px;
    background-color: #494b50;
}

.lnbNav>li div>ol>li>ol li a {
    color: #d7d7d8;
    display: block;
    padding-left: 14px;
    position: relative;
    font-size: 13px;
}

.lnbNav>li div>ol>li>ol li a::before {
    content: '';
    width: 1px;
    height: 5px;
    border-left: 1px solid #febe10;
    position: absolute;
    left: 0;
    top: 5px;
}

.lnbNav>li div>ol>li>ol li a::after {
    content: '';
    width: 5px;
    height: 1px;
    border-bottom: 1px solid #febe10;
    position: absolute;
    left: 0;
    top: 10px;
}

.lnbNav>li div>ol>li>ol li.on a {
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}

.lnbNav>li div>ol>li>ol li+li {
    margin-top: 5px;
}

.lnbNav>li.on {
    padding-right: 0;
}

.lnbNav>li.on>div {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.lnbNav>li.on ol {
    display: block;
}

.lnbNav>li.on>div>a::before {
   /*  background-image: url(/static/bos/img/^.png); */
}

.lnbNav>li>a {
    color: #ffffff;
    padding: 9px 0 9px 20px;
    display: block;
    position: relative;
    background: url(/static/bos/img/lnb1Bgico.png) 11px 11px no-repeat;
    line-height: 1;
}

.lnbNav>li>a:after {
    position: absolute;
    margin-top: -5px;
    right: 22px;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 19px;
    font-weight: 300;
    height: auto;
    text-shadow: none;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    color: #8b9095;
}

.lnbNav>li>a:hover {
    color: #ffff73;
    text-decoration: underline;
}

.lnbNav>li.active>a,
.lnbNav>li.active>a:focus,
.lnbNav>li.active>a:hover {
    color: #fff;
    background-color: #428bca;
}

.lnbNav>li>*>li a {
    display: block;
    padding: 9px 10px 9px 30px;
    color: #8f939e;
    line-height: 1;
}

.lnbNav>li.on>a,
.lnbNav>li>*>li.on a,
.lnbNav>li>*>li a:hover {
    color: #ffff73;
    text-decoration: underline;
}

.fnav {
    border-top: #494b50 2px solid;
    padding: 10px 0;
    background-color: #f4f4f4;
    text-align: center;
}

.fnav li {
    display: inline-block;
    padding: 0 5px;
}

.fnav li a {
    display: inline-block;
    padding: 5px;
}

#footer {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 0 0 10px;
    text-align: center;
    background-color: #f4f4f4;
    font-size: 12px;
}

#footer p {
    margin: 0;
}

#footer .foot {
    display: none;
    margin: 0 auto;
}

#footer .f_logo {
    padding: 25px 0 0 0;
    float: left;
    width: 198px;
}

#footer address {
    display: none;
    float: left;
    padding: 25px 0 0 0;
}


/* 202407 _추가 */
select{min-width: 60px;}
.time-list li{margin-bottom: 4px;}
.time-list li .delete-btn{
    border:0;
    background-color: transparent;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url("../images/x_icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 6px;
}
/* 20240715 추가 */
.nTbl-list{width: 100%; clear: both; margin-bottom: 20px;}
.nTbl-list table{width: 100%; text-align: center; font-weight: 400;}
.nTbl-list table .tit{padding:14px 10px 14px 45px; text-align: left;}
.nTbl-list table th{border:1px solid #E9E9E9; border-bottom: 0; padding:14px 10px;}
.nTbl-list table td{border:1px solid #E9E9E9; padding:14px 10px;}

.btn-progress{background-color: #ed6262; border-color:  #d35050; color:#fff;}
.btn-progress:hover,.btn-progress:focus{background-color: #e74c4c; border-color: #d35050; color:#fff;}
.btn-deadline{border-color: #000; background-color: #414141; color:#fff;}
.btn-deadline:hover,.btn-deadline:focus{color:#fff; background-color: #333;}

/* 20240827 s */

.grid-stack-box {display: flex; gap: 20px; align-items: stretch; }
.grid-stack-box > div{flex:1 1 45%; position: relative;} /*20240829*/
.grid-stack-item-content {
    border: 1px solid #c9c9c9;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
}
.grid-stack-item-content .rgst-btn{position: absolute; right:10px; top:3px;}/*20240829*/
.grid-stack-item[data-gs-height='2'] > div {
    margin-bottom: 10px;
    height: 178px;
}
.subDash01 h1 {
    background-color: #f6f6f6;
    font-size: 16px;
    height: 39px;
    border-bottom: 1px solid #c9c9c9;
    padding-left: 18px;
    line-height: 38px;
    border-radius: 5px 5px 0 0;
}
.subDash01 ul {
    margin: 10px 17px;
}
.subDash01 ul li {
    margin-bottom: 9px;
}
.subDash01 ul li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding-left: 14px;
    line-height: 1.3;
}

.subDash01 ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    border: 1px solid #000;
}
.subDash02 {
    padding: 0 13px;
}
.subDash02 h1 {
    font-size: 22px;
    position: relative;
    border-bottom: 1px solid #febe10;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 14px;
}
/* 20240827 e */
/* 20240830 s */
.btn-toggle {
    padding:0;
    margin: 0 10px;
    position: relative;
    border: none;
    width: 44px;
    height: 20px;
    border-radius: 20px;
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle > .handle {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    transition: left 0.3s;
}
.btn-toggle.active{background-color: #197ace;}
.btn-toggle.active > .handle{left:28px;}
/* 20240830 e */

/* 20240910 S */
.cld-Bgrepbox {
    margin-bottom: 20px;
}

.cld-Bgrepbox > div {
    background: #fff;
    border-radius: 6px;
}
.cld-year-month {
    display: table;
    margin: 0 auto;
    padding: 0 70px;
    color: #666;
    font-size: 20px;
    position: relative;
}

.cld-year-month strong {
    display: inline-block;
    color: #333;
    font-size: 28px;
    font-weight: 900;
}

.cld-year-month .month {
    color: #d36969;
    margin-left: 12px;
}

.cld-year-month .prev, .cld-year-month .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
}

.cld-year-month .prev {
    left: 0;
    background: url('/static/bos/img/cld_prev.png') no-repeat;
    background-size: 50px;
}

.cld-year-month .next {
    right: 0;
    background: url('/static/bos/img/cld_next.png') no-repeat;
    background-size: 50px;
}

.cld-date-table {
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    color: #333;
}

.cld-date-table table {
    width: 100%;
    overflow: hidden;
}

.cld-date-table table th {
    height: 60px;
    padding: 3px;
    background: #56668a;
    color: #fff;
}

.cld-date-table table td {
    height: 140px;
    padding: 14px;
    vertical-align: top;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.cld-date-table table td:last-child {
    border-right: 1px solid #e0e0e0;
}

.cld-date-table table th:first-child {
    background: #d36969;
    border-left: 1px solid #d36969;
}

.cld-date-table table th:last-child {
    background: #4e7ed6;
    border-left: 1px solid #4e7ed6;
}

.cld-date-table table td:first-child {
    color: #d36969;
}

.cld-date-table table td:last-child {
    color: #4e7ed6;
}
.cld-date-table table td.h_day{color: red;}
.cld-date-table table td.h_day > span {font-size:x-small;}
.cld-date-table table td.nv-day{background: #fbfbfb;color: #dfdfdf;}

.cld-date-table table td.ys-co{background: #fbe5d7;}
.cld-date-table table td.ys-re{background: #9fbfff;}
.cld-date-table table td.ys-co.on{background: #d4a383;}
.cld-date-table table td .ys-box{padding-top: 5px;}
.cld-date-table table td .ys-box > a{display: block;margin-bottom: 5px;font-size: 14px;color: #222;line-height: 1.2;letter-spacing: -0.8px;}

.cld-date-table table td.ys-co.on .ys-box > a{color: #000;}
.cld-date-table table td.ys-co.on > span{font-size:x-small;color: red;}
#content h5.pr-title{text-align: center;margin-bottom: 30px;font-size: 30px;color: #000;font-weight: bold;}

/* 20240910 E */

.card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 20px;
    margin: 20px;
    background-color: #fff;
    width: 100%;
    margin: 0 auto; /* 가운데 정렬 */
}

/*241031 추가*/
.login-wrapper {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100vh; background-image: url("/static/bos/img/admin_login_bg.png"); background-size: cover; background-repeat: no-repeat;}
.login-box {max-width: 460px; margin: 0 auto; padding: 30px 20px; background-color: #fff; border-radius: 20px;}
.login-box .logo {text-align: center;}
.admin-login {margin-top:25px;}
.admin-login .login-form input {width: 100%; height: 55px; padding: 0 15px; font-size: 16px; border: 0; background-color: #eceae8; border-radius: 5px; box-sizing: border-box;}
.admin-login .login-form input + input {margin-top: 8px;}
.admin-login .login-form .login-btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; margin-top: 18px; background-color: #e50044; color: #fff; font-size: 18px; font-weight: 600; border: 0; border-radius: 5px;}
.admin-login .sign-box {margin-top: 12px; display: flex; justify-content: space-between; align-items: center;}
.admin-login .check-box input[type="checkbox"] {display: inline-block; vertical-align: middle; width: 20px; height: 20px; }
.admin-login .check-box label {display: inline-block; vertical-align: middle; color: #626262; font-weight: 500; font-size: 16px;}
.admin-login .staff-sign {height: 38px; background-color: #fff; color: #626262; border: 1px solid #626262; border-radius: 5px;}
.admin-login .staff-sign .btn {font-size: 15px; font-weight: 500; }
.admin-login .staff-sign .btnJoin {display: flex; align-items: center; height: 100%; padding: 0 40px 0 10px; background-image: url("/static/bos/img/set_icon.png"); background-position: right 8px center; background-repeat: no-repeat;}
.admin-login .dot-list {width: 100%; padding-left: 10px; margin-top: 22px;}
.admin-login .dot-list li {position: relative; padding-left: 15px; color: #333; font-size: 16px;}
.admin-login .dot-list li::before {display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-left: -15px; margin-right: 5px; margin-bottom: 2px; border-radius: 50%; background-color: #cfcfcf; content: '';}

.admin-login .login-form input:-webkit-autofill,
.admin-login .login-form input:-webkit-autofill:hover,
.admin-login .login-form input:-webkit-autofill:focus,
.admin-login .login-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #eceae8 inset;
    box-shadow: 0 0 0px 1000px #eceae8 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.admin-login .login-form input:autofill,
.admin-login .login-form input:autofill:hover,
.admin-login .login-form input:autofill:focus,
.admin-login .login-form input:autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #eceae8 inset;
    box-shadow: 0 0 0px 1000px #eceae8 inset;
    transition: background-color 5000s ease-in-out 0s;
}
/*241031 추가*/