/* -------------------------------------------------- */
/* CommonCSS
/* -------------------------------------------------- */
/* Not required for template or sticky footer method. */

/**
*  layout
**/
html {position: relative; min-height: 100%; min-width: 1024px; width: auto !important;}
body { font-family: 'verdana', 'tohoma', 'nanumgothic', '나눔고딕'; font-size:14px; margin-bottom: 100px; }
img { vertical-align: middle; border: 0 none; }
.wrap { margin-left:0; margin-right:0; }
.login_member_form {padding:15px;width:470px;}
.top-buffer { margin-top:20px; }
.container .text-muted { margin: 20px 0; }
.contents-container { padding:0;}

/*header */
#header .navi-menu li {width:90px; text-align: center; }
#header .navi-info li a {padding: 10px 10px 12px 10px;}
/*#header ul.nav .alert {color:#fa3c45;}*/
#header ul.nav li.messenger i {color: #ffffff;}
#header ul.nav li.messenger.notification i {color:#fff;}
#header ul.nav li.messenger.notification.on i {color: #6fe9ed;}

/**
* Sticky footer styles
**/
#footer { position: absolute; bottom: 0; width: 100%; margin-top: 20px; border-top: 1px solid #eee; padding-top:20px; margin-top:20px; background-color: #F8F8F8; border-color: #E7E7E7;}

/**
* Common
**/
form.form-horizontal .control-label {font-size: 14px;}

button.btn-sm-fixed { width: 65px !important;}
button.btn-fixed { width: 88px !important;}
button.btn-lg-fixed { width: 102px !important;}

.btn-info, .btn-info:hover, .btn-info.active { border-color: #46b8da; color: #fff; background: #46b8da none;}

div.user-profile, div.user-profile-sm, div.user-profile-xs { margin:1px; display: inline;}
img.profile-image {border: 1px solid #ddd; border-radius: 4px; background-color: #fff;}

div.user-profile img.profile-image {width:64px; height: 64px;  }
div.user-profile-md img.profile-image {width:48px; height: 48px;  }
div.user-profile-sm img.profile-image {width:32px; height: 32px; }
div.user-profile-xs img.profile-image {width:16px; height: 16px; }

span.nickname {font-weight: bold;}
div.user-profile-sm span.nickname { font-size: 14px;}
div.user-profile-xs span.nickname { font-size: 12px;}
label.error-label {color: #EC6459;}
label.error-label.hide {display: none;}
div.action-buttons i.hasActor {color : #2682C4; font-weight: bold;}

/**
* Components
**/
@media screen and (min-width: 992px) { .components .the-icons li { width: 12.5%; } }
.components ul li { list-style: none;}
.components .user-profiles {display: inline; text-align: center;}
.components .user-profiles li{float: left; padding:10px; margin:5px;}
.components .the-buttons > li {float: left; height: 80px; padding: 10px; border: 1px solid #ddd; font-size: 12px; line-height: 1.25; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 -1px -1px 0;}
.components .the-icons li { float: left; width: 100px; height: 110px;padding: 10px; border: 1px solid #ddd; font-size: 12px; line-height: 1.25; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto;}

/**
* Index
**/
div.index-container a { text-decoration: none; color: #000000; }
div.index-container div.index-thread-box h2 {border-bottom: 1px solid #eee; padding-bottom: 8px;}
div.index-container div.index-thread-box h2 i {top:4px;}
div.index-container div.index-thread-box.first h2 {margin-top:0; margin-bottom:0;}
div.index-container div.index-thread-box span.notice-more { margin-top: 5px; padding:5px 10px 8px 10px;cursor: pointer; }
div.index-container div.index-thread-item { padding-top: 10px; padding-bottom: 10px; }
div.index-container div.index-thread-item .title { display: inline;}
div.index-container div.index-thread-item .nickname {padding-left:5px;}
div.index-container div.index-thread-item .media-body {height:40px; padding-left:5px;}
div.index-container div.index-thread-item .media-body a {color: #0f0f0f;}
div.index-container div.index-thread-item .comments {margin-left:10px; color: #2fa4e7; padding-right: 5px;}

/**
* Feed
**/
.feed-write {margin-bottom: 20px;}
.feed-write .write-box { height:150px;}
.feed-write .btn-feed-image {margin-left:80px;}
.feed-write .btn-feed-save {margin-right:40px;}

.feed-contents-box {  word-wrap: break-word; width: 100%;}
.feed-modify {display:none; margin-bottom: 25px;}
.feed-modify .feed-modify-bottom {margin-bottom:25px;}
.feed-modify .feed-modify-bottom button {margin: 5px 5px 5px 0; }

.feed ul { list-style: none outside none; margin: 0; padding: 0; }
.feed ul li { background: none repeat scroll 0 0 white; border: 1px solid #dbdee0; margin: 0 40px 20px 80px; padding: 10px; position: relative; }
.feed ul li:before { background: url("http://bootstrapmaster.com/live/genius/assets/img/disc-arrow.png") no-repeat scroll 0 0 / 20px 20px rgba(0, 0, 0, 0); content: ""; height: 20px; left: -20px; position: absolute; top: 15px; width: 20px; }
.feed ul li .author { float: left; left: -80px; position: absolute; top: 0; width: 60px; z-index: 1; }
.feed ul li .action-buttons { margin-bottom: 3px; padding-right: 15px; text-align: right; }
.feed ul li .action-buttons i { padding: 3px; cursor: pointer; }
.feed ul li .action-buttons span.like-count, .feed ul li .action-buttons span.claim-count{ padding-left:3px;}
.feed ul li .threaad-message-box {margin-bottom: 10px}
.feed ul li .message { margin: 20px -10px 0; padding: 20px; }
.feed ul li .message .feed-url { padding-top:50px; height:150px; }
.feed ul li .message .feed-url .feed-url-title { font-weight: bold; font-size: 14px; }
.feed ul li .message .feed-url .feed-url-contents { border: 1px solid #e9ebec; box-shadow: none; height: 110px; padding: 10px; width: 100%; }
.feed ul li .message .attachment { margin-top: 30px;}
.feed ul li .message .attachment i.remove-btn{ display:none; cursor:pointer;}
.feed ul li .config { background: none repeat scroll 0 0 #ced1d4; cursor: pointer; display: inline-block; padding: 5px 10px; position: absolute; top: 10px; right: -31px; }
.feed ul li .name { background: none repeat scroll 0 0 #e9ebec; left: 10px; padding: 5px 10px; position: absolute; top: 10px; width: 100%; font-weight: bold; }
.feed ul li .date { background: none repeat scroll 0 0 #dbdee0; padding: 5px 20px 5px 10px; position: absolute; right: -1px; top: 10px; z-index: 1; }
.feed ul li ul { overflow: hidden; }
.feed ul li ul li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border: 0 none -moz-use-text-color; border-top: 1px solid #e9ebec; box-shadow: none; margin: 0 -10px; padding-left: 70px; }
.feed ul li ul li .author { left: 10px; top: 10px; text-align: center;}
.feed ul li ul li .name { left: 70px; font-weight: bold; }
.feed ul li ul li .date { background: none repeat scroll 0 0 transparent; right: 30px; }
.feed ul li ul li .message { border-bottom: 0 none; }
.feed ul li ul li .config { background: none repeat scroll 0 0 transparent; right: 10px; }
.feed ul li .feed-comment button{ margin-left:-15px;}
.feed .btn-feed-more {width:100%; margin-left: auto; margin-right: auto; display:none;}
.feed-image-loader {text-align: center; display:block; margin-top:30%; margin-left: auto; margin-right:auto;}

.best-feed { max-height: 600px; overflow-y:scroll;}
.best-feed .media-body {cursor: pointer;}
.popover-content a, .popover-feed-image-content a { padding: 3px; }

.modal {z-index: 9999999;}
#bestFeedModal {z-index: 999999;}
#bestFeedModal .modal-dialog {width:900px;}
#bestFeedModal .modal-body {max-height: 580px; overflow-y:scroll;}

#fileUploadModal .image-options {display:none;}
#fileUploadModal .modal-dialog { width: 550px;}
#fileUploadModal .image-preview {height:100px;}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.feed-thumbnail-grid { position: relative;  display: inline-block;}
.feed-thumbnail-grid .remove-btn { position: absolute; top: -15px; right: 0px; cursor: pointer; color:#575757; display:none;}

/**
*  Q&A
**/
div.nav-tabs-header {border-bottom: 1px solid #eee; font-weight: bold; font-size: 16px; padding-bottom: 8px;}
span.section-category {margin-top: -7px; font-size: 12px}

div.my-qna-item {border-bottom: 1px solid #eee; padding-bottom: 15px; padding-top: 15px;}
div.my-qna-item.contents {cursor: pointer}
div.qna-item {border-bottom: 1px solid #eee; padding-bottom:10px}
div.qna-item.contents {cursor: pointer}

div.best-qna-item {border-bottom: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; }
div.best-qna-item .media{}
div.best-qna-item .media .media-body{height: 70px;}
div.best-qna-item .best-qna-item-body{ height:48px;}

div.best-qna-item .media .recommends, div.best-qna-item .media .insertDate{ margin-left: 10px; }

div.qna-rating-info {width:30px; padding:0px; margin-left:5px;}
div.best-qna-bottom {font-size: 14px; margin: 5px 0 0 10px; padding-left: 10px;}
div.best-qna-bottom span {padding:5px}
div.qna-top-search{padding-left: 0}
div.qna-main-top {padding-right: 0px;}
div.qna-title span {font-weight: bold;}
div.alert-info span.qna-alert-title{font-size: 16px; color:#555; font-weight: bold;}
div.qna-reply-title {padding: 5px; margin-bottom: 10px;}
span.qna-alert-info {font-size: 16px;}
span.my-qna-writer {margin-left:20px;}
span.qna-reply-title {font-size: 15px; font-weight: bold; margin-left: 20px;}
.my-qna-rating button {margin:5px 0px 5px 0px;}
div.replyList {margin: 0px 10px 0px 10px;}
.qna-reply li {margin-top:10px;margin-bottom: 10px;}

.cat-keyword{font-size: 13px; text-align: right}
.cat-keyword li{line-height: 0.7;}

.readCnt{margin-left: 30px}
li.qa-view-keyowrdList{margin-top: 8px; margin-left: 30px}

.form-group .readCnt{margin-left: 10px}

.qa div.action-buttons i { padding: 3px; cursor: pointer; }
.qa div.action-buttons span.like-count, .qa div.action-buttons span.claim-count{ padding-left:3px;}
.qa .btn-qa-more {width:100%; margin-top:20px; margin-left: auto; margin-right: auto;}

.replyList div.bs-callout{
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.replyList div.bs-callout-danger{
    border-left-color: #ce4844;
}

/**
*   Wiki
**/
.wiki-main .panel-info > .panel-heading { background-color: #F8F8F8;}
.wiki-main .panel-info > .panel-heading .panel-title {color:#000000; }

/**
*   Search Result
**/
div.search-result {padding-left:10px; padding-right:10px;}
div.search-result .not-found {text-align: center}
div.search-result-item {border-bottom: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; }
div.search-result-item .media{}
div.search-result-item .media .media-body{height: 70px;}
div.search-result-item .best-qna-item-body{ height:48px;}
div.search-result-item .media .recommends, div.search-result-item .media .insertDate{ margin-left: 10px; }

/**
*   indicator
**/
.indicator-panel .panel-body-group {height: 110px; overflow-y: auto}
.indicator-panel .panel-body {font-size: 11px; padding: 5px;}

/**
* Labels
**/
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

a.text:link,
a.text:hover,
a.text:visited,
a.text:active,
a.text:focus {
    color: #2F2F2F;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}


.label:empty {
    display: none;
}
.btn .label {
    position: relative;
    top: -1px;
}
.label-default {
    background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}
.label-primary {
    background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090;
}
.label-success {
    background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}
.label-info {
    background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}
.label-danger {
    background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}

.label-focus {
    color: #001713;
    background-color: #2fa4e7;
}
.label-focus[href]:hover,
.label-focus[href]:focus {
    color: #001713;
    background-color: #2fa4e7;
}

.label-tag {
    background-color: #9b59b6;
}
.label-tag[href]:hover,
.label-tag[href]:focus {
    background-color: #8e44ad;
}

.label-alert {
    color: #8d94a2;
    background-color: #9af599;
}
.label-alert[href]:hover,
.label-alert[href]:focus {
    color: #8d94a2;
    background-color: #9af599;
}

.fixed {
    position: fixed;
}
/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #999;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 400;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>li>a:hover,
.bs-docs-sidebar .nav>li>a:focus {
    color: #563d7c;
    text-decoration: none;
    background-color: transparent;
    border-left-color: #563d7c;
}
/* all active links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a,
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;
}
.vcenter {
    display: table-cell;
    vertical-align: top;
}