@import url(/_css/_font/NanumGothic.css);
@import url(/_css/_font/Century.css);

.hand {
    cursor:pointer;
}

.hidden-row {
    display:none;
}

#divMessage {
    display:none;
}
#divMessagePop {
    display:none;
}

.bold {
    font-weight:800!important;
}
/* -------------------------------
   project
------------------------------- */
.project {
    position:relative;
    background:#ffffff;
    border:1px solid #ddd;
    border-radius: 4px;
    /*padding:10px;*/
    margin-bottom:15px;
    box-sizing: border-box;
}

.project:hover {
    border-color:#2a72b5;
    background:#f4f6f7;
}

.project .project-band.left {
    position:absolute;
    top:3px;
    left:3px;
}

.project .project-band.right {
    position:absolute;
    top:3px;
    right:3px;
}

.project .project-image {
    /*border-radius: 4px;*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 200px;
    overflow: hidden;
    margin-bottom:5px;
}
.project .project-image img{
    height: 100%;
}

.project .project-body {
    position:relative;
    padding:0 10px 10px 10px;
}

.project-name {
    font-size:16px;
    font-weight:800;
    margin-bottom:7px;
}
.project-date > span,
.project-info > span {
    font-weight:800;
}

.project-date {
    margin-bottom:7px;
}

.project-label{
    /*position:absolute;*/
    /*top:0;*/
    /*right:10px;*/
    float:right;
    font-size:12px;
    z-index: 100;
}
.project-name > .sub-name {
    font-size:12px;
    float: left;
    margin-top:2px;
    margin-right:3px;
    /*color:#707478;*/
}

.project .project-icon {
    position: absolute;
    left:0;
    top:-1px;
}

.project-name .project-state {
    float:right;
    font-size:12px;
    font-weight:normal;
}

.project-body .project-item span,
.project-body .project-close span {
    font-weight:600;
    margin-right:5px;
}

.project-body .project-desc {
    margin:10px 0;
    text-align: justify;
}

.project-body .project-close:after,
.project-body .project-close:before {
    display: table;
    content: " ";
}
.project-body .project-close:after {
    clear: both;
}

/* -------------------------------
   GALLERY
------------------------------- */
.gallery {
    margin: -5px;
}
.gallery .image {
    width: 25%;
    display: block;
    overflow: hidden;
    padding: 5px;
}
.gallery .image a {
     -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
     -ms-transition: all .2s linear;
     -o-transition: all .2s linear;
     transition: all .2s linear;
}
.gallery .image a:focus,
.gallery .image a:hover {
    opacity: .8;
}
.gallery .image .img,
.gallery .image img {
    width: 100%;
    height: 200px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.gallery .image img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.gallery .image .image-inner {
    position: relative;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.gallery .image .image-info {
    background: #fff;
    padding: 5px 0;
    color: #4e5c68;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.gallery .image .image-info .title {
    margin: 0;
    line-height: 20px;
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2d353c;
    text-align:center;
}
.gallery .image .image-info .desc {
    line-height: 17px;
    font-size: 12px;
    height: 40px;
    overflow: hidden;
    text-align:center;
}
.gallery-option-set {
    display: block;
    margin-bottom: -5px;
}
.gallery-option-set .btn {
    margin: 0 5px 5px 0;
}
@media (max-width:1199.98px) {
    .gallery .image {
        width: 33.33%;
    }
}
@media (max-width:991.98px) {
    .gallery .image {
        width: 50%;
    }
}
@media (max-width:575.98px) {
    .gallery .image {
        width: 100%;
    }
    .gallery .image img {
        height: auto;
    }
}

/* -------------------------------
   GALLERY
------------------------------- */
.gallery-main {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    cursor:pointer;
}
.gallery-main .image {
    height:180px;
    border-radius: 4px;
    border:1px solid #eee;
}
.gallery-main .desc {
    padding: 5px 0 0;
}
.gallery-main .desc .desc-title,
.gallery-main .desc .desc-title > a,
.gallery-main .desc .desc-title > a:hover {
    display: block;
    text-decoration:none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
}

.gallery-main .desc .desc-text {
    color: #ccc;
    display: block;
}

.gallery-main-thum-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.gallery-main-thum-list  > li {
    width: 10%;
    font-size: 12px;
    float: left;
    padding: 7.5px;
    color: #333;
}
.gallery-main-thum-list > li img {
    border-radius:  3px;
    max-width: 100%;
    /*height:100px;*/
}
.gallery-main-thum-list > li > a {
    display: block;
}

.thumb-container {
    margin:15px -15px -15px;

    background:#eee;
}
/* -------------------------------
   MAIN TABLE, side nav
------------------------------- */
.ul-table {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ul-table.border {
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
}
.ul-table > li:before,
.ul-table > li:after {
    content: '';
    display: table;
    clear: both;
}
.ul-table > li {
    padding: 10px 5px;
}
.ul-table > li:hover {
    background:#efefef;
}
.ul-table > li + li {
    border-top: 1px solid #ddd;
}
.ul-table > li .title {
    float:left;
    margin: 0;
    font-size: 13px;
    text-transform: initial;
    letter-spacing: 0;
    line-height: 20px;
    color:#242a30;
    cursor:pointer;
}
.ul-table > li .title a {
    color: #333;
}
.ul-table > li .date {
    float:right;
    font-size: 11px;
    color: #999;
}


@media (max-width: 767px) {
    #divBoardnotice > .ul-table > li .title {
        float:none;
        display:block;
        text-overflow: ellipsis;
    }
    #divBoardnotice > .ul-table > li .title a {
        color: #333;
        text-overflow: ellipsis;
    }
    #divBoardnotice > .ul-table > li .date {
        float:none;
        display: block;
    }
}

.section-line {
    letter-spacing: 0.5px;
    position: relative;
    margin: 0;
}
.section-line:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    margin-top: -1px;
    z-index: 0;
}

.section-title {
    font-family:NanumGothicExtraBold;
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    color: #333;
}
.section-title span {
    float:right;
    /*z-index: 1020;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;*/
}
/*.section-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #222;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}*/
.counsell-title {
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    color: #333;
    text-align: center;
}
.counsell-title span {
    position: relative;
    z-index: 1020;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
.counsell-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #222;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}

.section-container {
    margin-bottom: 50px;
}

.sidebar-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.sidebar-list > li {
    position: relative;
}
.sidebar-list > li.active {
    color: #333;
    font-weight:800;
    background:#EFEFEF;
}
.sidebar-list > li > a {
    line-height: 20px;
    color: #333;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 10px;
}
.sidebar-list > li > a:focus,
.sidebar-list > li > a:hover {
    background:#EFEFEF;
    text-decoration:none;
    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    -ms-transition:all .1s linear;
    -o-transition:all .1s linear;
    transition:all .1s linear
}
/* ----------------------------------------------
    modal header color
------------------------------------------------ */
.colored-header .modal-header > h4 {
    color:#fff;
}

.table.colored-table thead th,
.table.colored-table thead td {
    background-color: #263238;
    color: #fff;
}
.colored-header .modal-header {
    display:block;
    padding: 15px 20px 10px 20px;
    border-bottom: 5px solid #26363e !important;
    background-color: #263238;
    color: #fff;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align:left;
}
.colored-header.purple .modal-header {
    padding: 20px;
    border-bottom: 5px solid #634d93 !important;
    background-color: #7761a7;
    color: #fff;
}
.colored-header.success .modal-header {
    padding: 20px;
    border-bottom: 5px solid #006e6e !important;
    background-color: #008a8a;
    color: #fff;
}
.colored-header.info .modal-header {
    padding: 20px;
    border-bottom: 5px solid #3d8cab !important;
    background-color: #49b6d6;
    color: #fff;
}
.colored-header.warning .modal-header {
    padding: 20px;
    border-bottom: 5px solid #c2711a !important;
    background-color: #f59c1a;
    color: #fff;
}
.colored-header.danger .modal-header {
    padding: 20px;
    border-bottom: 5px solid #ce5753 !important;
    background-color: #ff5b57;
    color: #fff;
}
.colored-header.dark .modal-header {
    padding: 20px;
    border-bottom: 5px solid #2b2b2b !important;
    background-color: #323232;
    color: #fff;
}

/* 저장중, 로딩 중 메시지 */
#divLoading {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, .5);
    height:100%;
}

#divLoading .load-dialog {
    position: relative;
    width: 50%;
    margin: 10% auto 0 auto;
    padding:20px;
}

.load-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border-radius: 6px;
    outline: 0;
    padding:20px;
    text-align:center;
}

/* ---------------------------------------------
    page header
---------------------------------*/
.page-header {
    font-weight: 800;
    color: #242a30;
    font-family:NanumGothic;
    font-size: 24px;
    margin:0 40px 40px;
    padding:0;
    border:none;
    line-height: 28px;
    text-align:center;
}
/*
.page-header:after {
    content: " ";
    display: block;
    width: 60px;
    height: 3px;
    margin-top: 10px;
    background: #152e45;
}
.page-header small {
    font-size: 60%;
    font-weight: 300;
    color: #7c7f83;
}*/

/* -------------------------------------------------
box
------------------------------------ */
.default-box {
    background:#f0f3f4;
    border:1px solid #eee;
    padding:10px;
}

.default-box .tel{
    font-size:1.5em;
    color:#242a30;
    font-weight:800;
}

.va-box{
    position:relative;
    padding:15px 15px 0;
    border:1px solid #ccc;
    margin-bottom:15px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    transition:all .1s linear
}



.input-group-addon.none {
    border: 0;
    background:transparent;
}
.input-group-addon:last-child {
    border-left:0;
}

/* --------------------------------------------------
    첨부파일 - 등록
--------------------------------------------------------- */
.attach-container {
    margin-bottom:15px;
}
.attach-blank-box , .attach-progress-box , .attach-list{height:150px; border:1px solid #CCCCCC; padding:65px 0 0 0; text-align:center; color:#656565; font-size:12px}
.attach-progress-box {display:none} /* 파일업로드 진행바 */

.attach-list {display:none; padding:10px 8px; overflow-y:scroll; overflow-x:hidden; font-family:NanumGothic, CenturyGothic, sans-serif; word-break:break-all; line-height:16px;}
.attach-messgae {padding:15px 5px 5px 15px;}
.attach-btn-box {position:relative;}
.attach-btn {
    position:absolute;
    bottom:0;
    right:0;
    margin-bottom:0;
}

.attach-image-box {
    border:1px solid #ccc;
    margin-bottom:5px;
}
.attach-image-box .banner {
    padding:66px 0 65px 0;
    text-align:center;
}

/* ------------------------------------------------

--------------------------------------------------- */
.attached-document {
    list-style-type: none;
    margin: 15px 0 0;
    padding: 0;
}
.attached-document > li {
    width: 180px;
    float: left;
    background: #e2e7eb;
    color: #707478;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
}
.attached-document > li:before {
    content: '\f0c6';
    font-family: FontAwesome;
    position: absolute;
    top: -10px;
    right: 5px;
    font-size: 18px;
}
.attached-document .document-file {
    height: 70px;
    background: rgba(0,0,0,0.1);
    overflow: hidden;
    text-align: center;
    line-height: 70px;
    font-size: 32px;
}
.attached-document .document-name a {
    color: #2d353c;
}
.attached-document > li img {
    max-width: 100%;
}
.attached-document > li .document-name {
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ------------------------------------------------
    comment
--------------------------------------------------- */
.chat-message {
    padding: 0 0 10px 0;
}

.message {
    background-color: #fff;
    border: 1px solid #e7eaec;
    /*border: 1px solid #ccc;*/
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
}
.message-date {
    font-size: 10px;
    color: #888888;
    padding-left:10px;
}
.message-content {
    display: block;
}
.chat-reply-bg {
    background-color: #f5f5f5;
}
.message.danger {
    background-color: #f2dede;
    border: 1px solid #e4b9b9;
}

/* ------------------------------------------------
    지원자 목록. webzine 형
--------------------------------------------------- */
.webzine {
    padding:5px;
    border:1px solid #ccc;
    margin-bottom:15px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    transition:all .1s linear
}

.webzine img {
    /*float:left;*/
    max-width:100px;
    max-height:60px;
    vertical-align: middle;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}
.media-body p {
    display: block;
    text-decoration:none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.5em;
    height: 3em;
}
.media .media-object {
    /*width:auto;*/
    /*height:70px;*/
    width:120px;
}

.media .media-image {
    width:120px;
    height:120px;
    margin-right:10px;
    border-radius:  3px;
}
.media.media-lg .media-object {
    width: 256px;
}
.media.media-sm .media-object {
    width: 64px;
}
.media.media-xs .media-object {
    width: 32px;
}
.media > .pull-left,
.media > .media-left {
    padding-right: 15px;
}
.media > .pull-right,
.media > .media-right {
    padding-left: 15px;
}
.media .media-heading {
    font-weight:700;
}
.media a:not(.btn):hover,
.media a:not(.btn):focus,
.media a:not(.btn):hover .media-heading,
.media a:not(.btn):focus .media-heading,
.media a:not(.btn).media-heading:hover,
.media a:not(.btn).media-heading:focus {
    color: #242a30;
    text-decoration: none;
}
.media-list.media-list-with-divider > li + li {
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.media-list {
    margin-bottom:0;
}
/* ------------------------------------------------
    TABLES
--------------------------------------------------- */
.table-title .btn {
    margin-top:-5px;
}
.table {
    border: 1px solid #ccc;
    border-left:0;
    border-right:0;
    background:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}
.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 #ccd0d4 !important;
}
.table > thead > tr > th {
    border-bottom: 1px solid #ccd0d4 !important;
    vertical-align: bottom;
}
.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-top: 1px solid #ccd0d4;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle !important;
    text-align:center;
}
.table > thead > tr > th,
.table > thead > tr > td {
    background-color: #f5f5f5;
}
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background: #f7f7f7!important;
}
.table > thead > tr > th.border-top-none,
.table > tbody > tr > th.border-top-none,
.table > tfoot > tr > th.border-top-none,
.table > thead > tr > td.border-top-none,
.table > tbody > tr > td.border-top-none,
.table > tfoot > tr > td.border-top-none {
    border-top : 0px;
}
.table > thead > tr > th.border-right-none,
.table > tbody > tr > th.border-right-none,
.table > tfoot > tr > th.border-right-none,
.table > thead > tr > td.border-right-none,
.table > tbody > tr > td.border-right-none,
.table > tfoot > tr > td.border-right-none  {
    border-right : 0px;
}
.table > thead > tr > th.border-bottom-none,
.table > tbody > tr > th.border-bottom-none,
.table > tfoot > tr > th.border-bottom-none,
.table > thead > tr > td.border-bottom-none,
.table > tbody > tr > td.border-bottom-none,
.table > tfoot > tr > td.border-bottom-none  {
    border-bottom : 0px;
}
.table > thead > tr > th.border-left-none,
.table > tbody > tr > th.border-left-none,
.table > tfoot > tr > th.border-left-none,
.table > thead > tr > td.border-left-none,
.table > tbody > tr > td.border-left-none,
.table > tfoot > tr > td.border-left-none  {
    border-left : 0px;
}
.table > thead > tr > th.border-none,
.table > tbody > tr > th.border-none,
.table > tfoot > tr > th.border-none,
.table > thead > tr > td.border-none,
.table > tbody > tr > td.border-none,
.table > tfoot > tr > td.border-none  {
    border : 0px;
}
.table > thead > tr > th.border-collapse,
.table > tbody > tr > th.border-collapse,
.table > tfoot > tr > th.border-collapse,
.table > thead > tr > td.border-collapse,
.table > tbody > tr > td.border-collapse,
.table > tfoot > tr > td.border-collapse  {
    border-top : 0 !important;
    border-bottom : 0 !important;
    padding:0;
}

.table > tbody > tr.active > td{
    background: #e4f1ff;
}

.table > tbody > tr.active1 > td{
    background: #eee;
}

.table > tbody > tr > td.title  {
    text-align:left;
}
.table > tbody > tr > td.title a  {
    text-decoration:none;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 1.2em;
}
.none-input {
    font-size:12px;
    height:34px;
    padding:6px 0;
    border:1px solid transparent;
}

.table.main-notice {
    border-bottom: 2px solid #ccc;
    border-top:2px solid #ccc;
}

.table.main-notice > tbody > tr > td {
    text-align:left;
    padding:9px 5px;
}
.table.main-notice > tbody > tr:hover {
    background:#efefef;
}
.table.main-notice > tbody > tr > td.title {
    text-align:left;
}
.table.main-notice > tbody > tr > td.title a  {
    font-size:13px;
    color: #333;
}
.table.main-notice > tbody > tr > td.date {
    width:80px;
    font-size: 11px;
    color: #999;
    text-align:center;
}
/* ------------------------------------------------

--------------------------------------------------- */

.panel-heading {
    padding:5px 15px;
}
.panel-default {
    border-color: #bbb;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #3d566d;
    border-bottom: 1px solid #bbb;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bbb;
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bbb;
}
/* ------------------------------------------------

--------------------------------------------------- */

hr {
    border:0;
    margin:60px 0;
    border-top:#ddd 1px solid;
    border-bottom:#fff 1px solid;
}
hr.half-margins {
    margin:30px 0;
}
hr.fourth-margins {
    margin:15px 0;
}
hr.five-margins {
    margin:5px 0;
}

hr.no-margins{
    margin:0;
}
hr.bottom-margins-15{
    margin:0 0 15px 0;
}
hr.no-lines {
    border:transparent 0px solid;
}

/* ------------------------------------------------
    tag
--------------------------------------------------- */
ul.tagit {
    padding:1px 0;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
    margin-bottom:0;
}
ul.tagit li {
    position:relative;
    display: block;
    float: left;
    padding: 5px 25px 5px 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right:3px;
}
ul.tagit li:last-child {
    margin-right:0;
}
ul.tagit li>span{
    position: absolute;
    top:6px;
    right:5px;
}
/* ------------------------------------------------
    팀원
--------------------------------------------------- */
.team-mate-list ,
.team-mate-list-img {
    list-style-type: none;
    /*margin: 7.5px;*/
    margin:0;
    padding: 0;
}
.team-mate-list  > li ,
.team-mate-list-img  > li {
    width: 10%;
    font-size: 12px;
    float: left;
    padding-right: 7.5px;
    color: #333;
}
.team-mate-list-img  > li {
    width: 20%;
    /*margin-right:5px;*/
}
.team-mate-list  > li:last-child ,
.team-mate-list-img  > li:last-child {
    padding-right:0;
}
.team-mate-list-img  > li:last-child {
    margin-right:0;
}
.team-mate-list  > li .username ,
.team-mate-list-img  > li .username {
    font-size: 12px;
    color: #333;
    margin-bottom: 0;
}
.team-mate-list-img  > li .username {
    text-align:center;
    font-weight:600;
}
.team-mate-list > li img ,
.team-mate-list-img > li img {
    border-radius:  3px;
    max-width: 100%;
}
.team-mate-list > li > a ,
.team-mate-list-img > li > a {
    display: block;
    margin-bottom: 10px;
}
.team-mate-list > li .username small ,
.team-mate-list-img > li .username small {
    display: block;
    font-size: 11px;
    color: #707478;
    margin-top: 3px;
}
.team-mate-list-img > li .img {
    display: block;
    height:150px;
    border:1px solid #ddd;
    border-radius:  3px;
    margin-bottom:5px;
}
/* ------------------------------------------------
    label
--------------------------------------------------- */

/* nlabel */

.nlabel {
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-weight:normal;
    display: inline;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.nlabel.block {
    display:block;
}
.nlabel.nlabel-default {
    background: #b6c2c9 ;
}
.nlabel.nlabel-danger {
    background: #ff5b57 ;
}
.nlabel.nlabel-warning {
    background: #f59c1a ;
}
.nlabel.nlabel-success {
    background: #00acac ;
}
.nlabel.nlabel-info {
    background: #49b6d6 ;
}
.nlabel.nlabel-primary {
    background: #3d566d ;
}
.nlabel.nlabel-inverse {
    background: #2d353c ;
}
.nlabel.nlabel-white {
    background: #fff ;
    color:#333;
    border:1px solid #ccd0d4;
}
.nlabel.nlabel-purple {
    background: #8e96c5 ;
}

.nbg-default {
    background: #b6c2c9 ;
    border:1px solid #b6c2c9;
}
.nbg-danger {
    background: #ff5b57 ;
    border:1px solid #ff5b57;
}
.nbg-warning {
    background: #f59c1a ;
    border:1px solid #f59c1a;
}
.nbg-success {
    background: #00acac ;
    border:1px solid #00acac;
}
.nbg-info {
    background: #49b6d6 ;
    border:1px solid #49b6d6;
}
.nbg-primary {
    background: #3d566d ;
    border:1px solid #3d566d;
}
.nbg-inverse {
    background: #2d353c ;
    border:1px solid #2d353c;
}
.nbg-white {
    background: #fff ;
    color:#333 !important;
    border:1px solid #ccd0d4;
}
.nbg-purple {
    background: #8e96c5 ;
    border:1px solid #8e96c5;
}
/* ------------------------------------------------

--------------------------------------------------- */
-inverse { color: #2d353c !important; }
a.text-inverse:hover,
a.text-inverse:focus {
    color: #575d63 !important;
}
.text-silver { color: #a4a6a7 !important; }
a.text-silver:hover,
a.text-silver:focus {
    color: #575d63 !important;
}
.text-success { color: #00acac !important; }
a.text-success:hover,
a.text-success:focus {
    color: #33bdbd !important;
}
.text-info { color: #49b6d6 !important; }
a.text-info:hover,
a.text-info:focus {
    color: #6dc5de !important;
}
.text-primary { color: #3d566d !important; }
a.text-primary:hover,
a.text-primary:focus {
    color: #5da5e8 !important;
}
.text-warning { color: #f59c1a !important; }
a.text-warning:hover,
a.text-warning:focus {
    color: #f7b048 !important;
}
.text-danger { color: #ff5b57 !important; }
a.text-danger:hover,
a.text-danger:focus {
    color: #ff7c79 !important;
}
.text-purple { color: #7a82b1 !important; }
a.text-purple:hover,
a.text-purple:focus {
    color: #7a82b1 !important;
}
.text-white { color: #fff !important; }
a.text-white:hover,
a.text-white:focus {
    color: #f0f3f4 !important;
}
/* ------------------------------------------------

--------------------------------------------------- */

/* popup s -------------------------------------------------------------------- */

ul.popArea {
    /*position:relative;*/
    position: absolute;
    list-style: none;
    top:0px;
    padding:0;
    margin:0 auto;
    display: inline-block;
    z-index:1500;

}

ul.popArea li {
    display:inline-block;
    min-width:300px;
    vertical-align: top;
}

@media (min-width: 768px) {
    ul.popArea {
        top:inherit;

    }

    ul.popArea li {
        display:inline-block;
    }
}

.pop-layer {
    /*display: inline-block;*/
    /*position: absolute;*/
    border: 1px solid #323232;
    z-index: 10;
    background:#fff;
}


.pop-layer .pop-button {
    padding:5px 5px 0 5px;
    background:#323232;
    color:#fff;
}

.pop-layer .pop-button label {
    color:#fff;
}
/* popup e ----------------------------------------------------------------------------- */
/* ------------------------------------------------

--------------------------------------------------- */
.page-visual {
    height:150px;
    position:relative;
}
.page-visual img {
    position:absolute;
    /*max-width:50%;*/
    max-height:40%;
    top:50%;
    left:50%;
    transform:translate(-50% , -50%);
}

.about-desc  {
    padding-top:5px;
}

/* ------------------------------------------------

--------------------------------------------------- */
.widget {
    border-radius: 4px;
    margin-bottom: 15px;
    color: #333;
    padding: 15px 15px 20px 15px;
    overflow: hidden;
    background:#f4f4f4;
    text-align:center;
}
.widget.widget-stats {
    position: relative;
}
.widget-stats .stats-title {
    position: relative;
    line-height: 1.1;
    font-size: 12px;
    margin-bottom:30px;
}
.widget-stats .stats-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom:-15px;
    height: 1px;
    background: #333;
    z-index: 0;
}
.widget-stats .stats-number {
    font-size: 3em;
    font-weight: 400;
    margin: 0;
    font-family:NanumGothicExtraBold;
}
.widget.widget-stats.over1:hover {
    background:#74b4e2;
}
.widget.widget-stats.over2:hover {
    background:#ecbe22;
}
.widget.widget-stats.over3:hover {
    background:#60bdad;
}
.widget.widget-stats.over4:hover {
    background:#e282aa;
}

.widget.widget-stats.over1:hover ,
.widget.widget-stats.over2:hover ,
.widget.widget-stats.over3:hover ,
.widget.widget-stats.over4:hover {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
/* ------------------------------------------------
    main carousel
--------------------------------------------------- */
/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
}

.carousel-control {
    width: 0;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 15px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 15px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next:hover,
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-next:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

/* ------------------------------------------------

--------------------------------------------------- */

/* ------------------------------------------------

--------------------------------------------------- */

/* ------------------------------------------------

--------------------------------------------------- */