@charset "utf-8";
body { overflow-x: hidden; font: 400 13px/1.5 'NanumGothic', "나눔고딕", sans-serif, FontAwesome; -webkit-font-smoothing: antialiased; color: #333 }

/* 부트스트랩 스타일 오버라이딩 */
a { color: inherit }
a:hover { text-decoration: none; color: #06f }
label { font-weight: 400; margin-bottom: 0 }
strong { font-weight: 500 }
hr.sm {	margin-top: 10px; margin-bottom: 10px }
ul { list-style: none; padding-left: 0 }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 0; padding-right: 0 }
.form-control { border-radius: 0; border-color: #eee; height: 32px; line-height: 1.5; font-size: inherit; vertical-align: top }
.form-inline .form-control { vertical-align: top }
.btn { border-radius: 0; border: 1px solid #eee; background: linear-gradient(to top, #fafafa 0, #fff 100%); padding: 6px 20px; font-weight: 300; font-size: inherit }
.btn:hover { border-color: #ccc; background: #fafafa; }
.btn.strong { font-weight: 400 }
.btn.fill { width: 100% }
.clear { background: transparent; border: 0; padding: 0; margin: 0 }
.table th { font-weight: 500 }
.nav-tabs > li > a { border-radius: 0 }
.modal-header { text-align: left; line-height: 1.5 }
.modal-header .modal-title { font-size: 16px }
.modal-header .close { margin-top: -2px }
.modal-body { text-align: left }
.modal-body .heading-line { font-size: 14px }
.modal-body .input-group { margin-bottom: 10px }
.modal-body .input-group-addon .fa { display: inline-block; width: 14px; font-size: 16px }
.modal-body .more-extra { line-height: 2; padding: 10px 5px 10px }
.modal-body .more-extra .fa { margin-right: .5em; width: 1em }

/* 공용 스타일 */
.m0 { margin: 0 }
.danger { color: #d9534f }
.strong { font-weight: 500 }
.row-fix { overflow: auto }
.row-fix:before, .row-fix:after { display: table; content: "" }
.bootstrap-switch span:before { content: "" }
#loader { position: fixed; width: 100%; height: 100%; z-index: 10000; background: #fff }
#loader .spinner { position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite }
.para { line-height: 2; text-align: justify }
#table-func th, #table-func td { font-size: 13px; vertical-align: middle; text-align: center }
#table-func tbody th { background: #eee}
#table-func tbody tr:first-child { border-top: 2px solid #5b97c9 }
#table-func .form-control { height: 26px; line-height: 1; font-size: 13px }
.admin { float: right; color: #d9534f; font-size: 13px }

/* 게시판 스타일 */
.board-bar .search-bar { text-align: right }
.pnl-board .table-board { margin: 15px 0 30px 0; }
.pnl-board .table-board thead tr:first-child { border-top: 2px solid #666 }
.pnl-board .table-board thead tr th { font-weight: 500; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.pnl-board .table-board thead tr th:first-child { border-left: 0 }
.pnl-board .table-board thead tr th:last-child { border-right: 0 }
.pnl-board .table-board thead tr th.title, .pnl-board .table-board tbody tr td.title { text-align: left; width: 35em } /* 제목열만 왼쪽 정렬 */
.pnl-board .table-board thead tr th, .pnl-board .table-board tbody tr td { text-align: center }
.pnl-board .table-board tbody tr:hover { background: #fafafa }
.pnl-board .table-board tbody tr.noti { background: #eee }
.pnl-board .table-board tbody tr td { font-weight: 200 }
.pnl-board .table-board tbody tr td a.link { color: inherit; display: inline-block; max-width: 35em; height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pnl-board .table-board tbody tr td a.link:hover { text-decoration: none; color: #06f }
.pnl-board .table-board tbody tr td a.link + span.icons { display: inline-block; height: 18px; line-height: 18px; vertical-align: top }
.pnl-board .table-board tbody tr td a.link + span.icons .fa { padding: 0; font-size: inherit }
.pnl-board .table-board tbody tr td a.link + span.icons .fa-star { -webkit-animation: new-alert 2s linear infinite; animation: new-alert 2s linear infinite; }
.pnl-board .table-board tbody tr td a.link + span.icons .new { font-size: 11px; line-height: 18px; letter-spacing: -1px; vertical-align: top; -webkit-animation: new-alert 2s linear infinite; animation: new-alert 2s linear infinite; }
.board-paging { text-align: center }
.board-paging li { padding: 0 }
.board-paging li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #eee; color: inherit }
.board-paging li a:hover { text-decoration: none; border-color: #ccc; background: #fafafa }
.board-paging li a.active { border-color: #ccc; background: #fafafa }
.board-paging li a .fa { vertical-align: middle }
.board-buttons { text-align: right; margin-top: 30px }
.pnl-board-edit .table-board tbody tr th { font-size: 19px; border: 0 }
.pnl-board-edit .table-board tbody tr th .form-control { font-size: 13px }
.pnl-board-edit .table-board tbody tr td { font-weight: 200; border: 0 }
.pnl-board-edit .pnl-control { background: #fafafa; border: 1px solid #eee }
.pnl-board-edit .pnl-control h3.headline { padding: 10px 10px 20px; margin-top: 0; border-bottom: 1px solid #eee; font-size: 19px; font-weight: 400 }
.pnl-board-edit .pnl-control .form-group { padding: 0 10px }
.pnl-board-edit .pnl-control .form-group label { display: block }
.pnl-board-edit .pnl-control .bottom-line { border-top: 1px solid #eee; padding: 20px 10px 10px; margin: 0; text-align: right }
.pnl-board-edit .pnl-control .bottom-line .back { float: left }
.pnl-board-edit .board-attach { background: #fafafa; border: 1px solid #eee; padding: 10px }
.pnl-board-edit .board-attach > div { margin-bottom: 10px }
.pnl-board-edit .board-attach input[type="file"] { display: inline-block; width: 70% }
#wrapper-popup .table-board thead th { word-break: break-all }
#wrapper-popup .table-board td a { height: auto; overflow: auto; text-overflow: initial; white-space: normal; display: unset; width: auto }
#wrapper-popup { position: relative; background-image: url("../img/main/bg-notice-popup.gif"); background-repeat: no-repeat; height: 560px }
#wrapper-popup .container > div { padding: 0 15px }
#wrapper-popup .view-box { height: 495px; overflow: hidden }
#wrapper-popup .heading { margin-top: 70px; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px }
#wrapper-popup .table-area { width: 375px; height: 370px; overflow-y: scroll; overflow-x: hidden; padding-right: 30px; padding-bottom: 10px; position: relative }
#wrapper-popup .table-area .modal-guide { position: absolute; width: 340px; height: 370px; background: rgba(0,0,0,.4); display: none }
#wrapper-popup .contents-wrapper { width: 325px; font-weight: 200 }
#wrapper-popup .form { margin: 0; width: 100%; padding-top: 10px; border-top: 1px solid #eee }
#wrapper-popup .form-check { margin-left: 5px }
#wrapper-popup .form-check-input { vertical-align: text-bottom }
#wrapper-popup .form-check-label { font-size: 11px; font-weight: 400; color: #666 }
#wrapper-popup .btn-clear { background: #fff; font-size: 11px; border: 1px solid #eee }
#wrapper-popup .container { width: 400px; margin-left: 0 }
#wrapper-popup .view-attach-files .file-down { word-break: break-all; display: inline-block; }
.view-box .contents-wrapper { font-weight: 200}
.view-box .view-attach-files { text-align: right}

.file-box { margin-top: 5px }
.file-box input { display: inline-block; width: 700px }


/* 애니메이션 */
@-webkit-keyframes new-alert { 0% { color: #f90 } 50% { color: #ff0 } 100% { color: #f90 } }
@keyframes new-alert { 0% { color: #f90 } 50% { color: #ff0 } 100% { color: #f90 } }