@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* "Nanum Gothic" */
@import url(http://fonts.googleapis.com/css?family=PT+Sans); /* "PT Sans" */
/*@import url(http://fonts.googleapis.com/css?family=Julee); /* "Julee" */

/* Hide */
#tistorytoolbarid {display: none;} /* Hide Tistory Toolbar */
#jbContainer {display: none;} /* Hide Page */

/* Layout */
body {padding-top: 70px;}

/* Typography */
body {color: #666666; font-family: "Nanum Gothic"; font-size: 13px; line-height: 200%;}
h1 {font-family: "Nanum Gothic"; font-size: 1.3em; font-weight: bold; line-height: 200%;}
h2 {font-family: "Nanum Gothic"; font-size: 1.2em; font-weight: bold; line-height: 200%;}
h3 {font-family: "Nanum Gothic"; font-size: 1.1em; font-weight: bold; line-height: 200%;}
h4 {font-family: "Nanum Gothic"; font-size: 1.0em; font-weight: bold; line-height: 200%;}
h5 {font-family: "Nanum Gothic"; font-size: 0.9em; font-weight: bold; line-height: 200%;}
h6 {font-family: "Nanum Gothic"; font-size: 0.8em; font-weight: bold; line-height: 200%;}
blockquote p {font-family: "Nanum Gothic"; font-size: 13px; line-height: 200%;}

/* Link */
a {color: #428bca; text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #f96e5b; text-decoration: none;}
a:active {text-decoration: none;}
a:focus {outline: none;}

/* Avoid Overflow */
img {border: none; max-width: 100%; height: auto;}
span.imageblock {max-width: 100%; height: auto;}
span.imageblock img {width: inherit;}
.cap1 {max-width: 100%;}
iframe {max-width: 100%;}

/* Header */
#jbHeaderArea {border-bottom: 1px solid #bcbcbc;}
.navbar-default {background: none; border: none; box-shadow: none; background-color: #ffffff;}
.navbar-default .navbar-brand {color: #333333; font-weight: bold;}
.navbar-default .navbar-nav>li>a {color: #777777;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background: none;}
.dropdown-menu {background: none; border: none; background-color: #ffffff; font-size: 1em; border: 1px solid #bcbcbc;}
.dropdown-menu a {color: #777777;}
.dropdown-menu>li>a {color: #777777;}
.dropdown-menu>li>a:hover {background: none;}
.dropdown-menu {min-width: 180px;}
.dropdown-menu ul {list-style-type: none; padding-left: 12px;}
.dropdown-menu ul a {display: block; padding: 0px 20px;}
.jbTopSearchForm {padding: 10px;}

/* Title Block */
#jbTitle .page-header {border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; margin-top: 0px;}
.jbTitleText h1 {font-size: 3em; text-align: center;}
.jbTitleText h1 a {color: #666666;}
.jbTitleLogo {margin-bottom: 20px;}
.jbTitleLogo h1 {margin: 0 auto;}
@media (max-width: 767px) {
  .jbTitleText h1 {font-size: 2em; margin: 10px 0px 0px 0px;}
}

/* Slider */
#jbSlider {box-shadow: none;}
.theme-default .nivo-caption {font-family: "Nanum Gothic";}
.theme-default .nivo-controlNav {padding: 10px 0px;}

/* Static Frontpage */
#jbFrontpageArea {margin-bottom: 20px;}

/* Content - Common */
.jbArticleList {border: 1px solid #bcbcbc; border-radius: 3px; margin-bottom: 20px; padding: 0px 20px;}
h2.jbArticleTitle {margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #bcbcbc;}
h2.jbArticleTitle a {color: #777777;}
h2.jbArticleTitle a:hover {color: #f96e5b;}

/* Content - Search Result */
.jbSearchResult {border: 1px solid #bcbcbc; border-radius: 3px; margin-bottom: 20px; padding: 0px 20px;}
.jbSearchResult ul {list-style-type: none; padding-left: 5px;}
.jbSearchResult ul li {text-indent: -1.1em; margin-left: 1em;}
.jbSearchResult li:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}
.jbSearchResultDate {margin-right: 5px;}

/* Content - Protected Article */
.jbProtectedArticleForm {margin-bottom: 20px;}

/* Content - Excerpt */
.jbThumbnail {float: left; margin: 20px 20px 20px 0px;}
h2.jbExcerptTitle {margin-top: 16px;}
h2.jbExcerptTitle a {color: #777777;}
h2.jbExcerptTitle a:hover {color: #f96e5b;}
a.jbExcerptLink {color: #666666;}
a.jbExcerptLink:hover {color: #333333;}

/* Content - Article */
.jbArticleInfo {text-align: right;}
.jbArticleInfo span {margin-left: 10px;}
.jbArticleInfo i {margin-right: 5px;}
.moreless_fold {font-weight: bold;}
.moreless_fold:before {content: "\f0d7"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px;}
.moreless_top {font-weight: bold;}
.moreless_top:before {content: "\f0d8"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px;}
.moreless_bottom {font-weight: bold;}
.moreless_bottom:before {content: "\f0d8"; font-family: 'FontAwesome'; font-weight: normal; margin-right: 10px;}
div.footnotes {border-top: 1px solid #bcbcbc; padding-top: 10px;}

/* Discuss */
.jbDiscussCount span {margin-right: 10px;}
.jbDiscussCount i {margin-right: 5px;}

/* Trackback */
.jbTrackbackList ul {list-style-type: none; padding-left: 0px;}
.jbTrackbackList li {background-color: #eeeeee; border-radius: 3px; padding: 7px 10px 1px; margin-bottom: 20px;}
.jbTrackbackTitle {font-weight: bold;}
.jbTrackbackEdit {float: right;}

/* Comment */
.jbCommentList ul {list-style-type: none; padding-left: 0px;}
.jbCommentList ul ul {padding-left: 40px;}
.jbCommentList li div {background-color: #eeeeee; border-radius: 3px; padding: 10px 10px 1px; margin-bottom: 20px;}
.jbCommentInfo {font-weight: bold;}
.jbCommentName {margin-right: 10px;}
.jbCommentInfo i {margin-right: 5px;}
.jbCommentName img {float: left; width: 60px; height: 60px; margin: 0px 10px 0px 0px;}
.jbCommentEdit {float: right;}

/* Content - Guestbook */
.jbGuestbookList ul {list-style-type: none; padding-left: 0px;}
.jbGuestbookList ul ul {padding-left: 40px;}
.jbGuestbookList li div {background-color: #eeeeee; border-radius: 3px; padding: 10px 10px 1px; margin-bottom: 20px;}
.jbGuestbookInfo {font-weight: bold;}
.jbGuestbookName {margin-right: 10px;}
.jbGuestbookInfo i {margin-right: 5px;}
.jbGuestbookName img {float: left; width: 60px; height: 60px; margin: 0px 10px 0px 0px;}
.jbGuestbookEdit {float: right;}

/* Content - Tag */
.jbArticleTag i {margin-right: 5px;}
.jbTagCloud ul {list-style-type: none; padding-left: 0px; margin-bottom: 15px;}
.jbTagCloud ul li {display: inline-block; margin-right: 5px;}
.jbTagCloud .cloud1 {font-size: 1.4em;}
.jbTagCloud .cloud2 {font-size: 1.3em;}
.jbTagCloud .cloud3 {font-size: 1.2em;}
.jbTagCloud .cloud4 {font-size: 1.1em;}
.jbTagCloud .cloud5 {font-size: 1.0em;}

/* Pagination */
.jbPagination {font-family: "PT Sans"; text-align: center;}
.jbPagination .pagination {margin-top: 5px;}
.jbPagination a {color: #444444;}
.jbPagination a:hover {color: #f96e5b;}
.jbPagination .pagination > li > a {border-color: #bcbcbc;}
.jbPagination .pagination > .active > a {background-color: #333333; border-color: #333333;}

/* Sidebar - Common */
.jbSidebar {margin-bottom: 20px;}
.jbSidebar h3 {font-family: "PT Sans", "Nanum Gothic"; font-weight: normal; font-size: 1.2em; border-bottom: 1px solid #bcbcbc; padding-bottom: 5px;}
.jbSidebar h3 i {margin-right: 5px;}
.jbSidebar ul {list-style-type: none; padding-left: 5px;}
.jbSidebar ul li {text-indent: -0.9em; margin-left: 1em;}
.jbSidebar a:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}
.jbSidebar a {color: #444444;}
.jbSidebar a:hover {color: #f96e5b;}
#jbFooter .jbSidebar h3 {color: #dddddd;}
#jbFooter .jbSidebar a {color: #bfbfbf;}
#jbFooter .jbSidebar a:hover {color: #eeeeee;}
#jbSidebarRight .jbSidebar {border: 1px solid #bcbcbc; border-radius: 3px; padding: 0px 10px;}
#jbSidebarRight .jbSidebar h3 {margin-top: 5px;}

/* Sidebar - Blog Information */
.jbSidebarBloginfo {text-align: center;}
.jbSidebarBloginfo img {margin: 20px 0px;}

/* Sidebar - Tag */
.jbSidebarTags ul {list-style-type: none; padding-left: 5px;}
.jbSidebarTags ul li {display: inline-block; margin-right: 3px;}
.jbSidebarTags .cloud1 {font-size: 1.4em;}
.jbSidebarTags .cloud2 {font-size: 1.3em;}
.jbSidebarTags .cloud3 {font-size: 1.2em;}
.jbSidebarTags .cloud4 {font-size: 1.1em;}
.jbSidebarTags .cloud5 {font-size: 1.0em;}
.jbSidebarTags a:before {content: ""; margin-right: 0;}

/* Sidebar - Search */
#jbSidebarRight .jbSidebarSearch {padding-bottom: 10px;}
.jbSidebarSearch {padding-bottom: 10px;}

/* Sidebar - Calendar */
.jbSidebarCalendar table {margin-bottom: 10px;}
.jbSidebarCalendar th, .jbSidebarCalendar td {text-align: center;}
td.jbDayHasPost {background-color: #444444;}
td.jbDayHasPost a {color: #eeeeee;}
.jbSidebarCalendar a:before {content: ""; margin-right: 0;}

/* Sidebar - SNS */
.jbSidebarSns ul {padding-left: 0px;}
.jbSidebarSns ul li {display: inline-block; text-indent: 0; margin-left: 0;}
.jbSidebarSns a i {padding: 2px; font-size: 3em;}
.jbSidebarSns a {color: #666666;}
a.jbSnsTwitter:hover {color: #55acee;}
a.jbSnsFacebook:hover {color: #3b5998;}
a.jbSnsGplus:hover {color: #dd4b39;}
a.jbSnsYouTube:hover {color: #e52d27;}
a.jbSnsRss:hover {color: #fe9900;}
.jbSidebarSns a:before {content: ""; margin-right: 0;}

/* Sidebar - Statistics */
.jbSidebarStatistics li:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}

/* Footer */
#jbFooterAreaBg {background-color: #363839;}

/* Copyright */
#jbCopyrightAreaBg {background-color: #282a2c; border-top: 1px solid #4b4c4e;}
#jbCopyright {padding: 10px 0px;}
#jbCopyright h6 {color: #8c8999; font-family: "PT Sans", "Nanum Gothic"; font-size: 1em; font-weight: normal; text-align: center;}
#jbCopyright h6 a {color: #bfbfbf;}

input.jbCheckbox {
  position: relative;
  top: 3px;
}
label.jbCheckboxLabel {
  margin-left: 10px;
}

/* jbOptionPack1 - No Border */
.jbOptionPack1 .jbArticleList {border: none; margin-bottom: 0px; padding: 0px;}
.jbOptionPack1 .jbThumbnail {margin: 0px 20px 20px 0px;}
.jbOptionPack1 h2.jbExcerptTitle {margin-top: 0px;}
.jbOptionPack1 #jbSidebarRight .jbSidebar {border: none; padding: 0px;}
.jbOptionPack1 #jbSidebarRight .jbSidebarBloginfo {border: 1px solid #bcbcbc;}
.jbOptionPack1 .jbSidebar h3 {padding-left: 5px;}
.jbOptionPack1 .jbSearchResult {border: none; padding: 0px;}
.jbOptionPack1 h2.jbArticleTitle {margin-top: 0px; padding-left: 5px;}

/* jbOptionPack2 - Dark */
.jbOptionPack2 {color: #cccccc; background-color: #4c4c4c;}
.jbOptionPack2 a {color: #ffffff;}
.jbOptionPack2 a:hover {color: #a0ce4e;}
.jbOptionPack2 #jbHeaderArea {background-color: #444444; border-color: #333333;}
.jbOptionPack2 .navbar-default .navbar-brand {color: #ffffff;}
.jbOptionPack2 .navbar-default .navbar-nav>li>a {color: #ffffff;}
.jbOptionPack2 .navbar-default .navbar-nav>li>a:hover {color: #a0ce4e;}
.jbOptionPack2 .dropdown-menu {background-color: #444444; border: 1px solid #333333;}
.jbOptionPack2 .dropdown-menu>li>a {color: #ffffff;}
.jbOptionPack2 .dropdown-menu>li>a:hover {color: #a0ce4e;}
.jbOptionPack2 .navbar-default .navbar-nav>.open>a:focus {color: #ffffff;}
.jbOptionPack2 #jbTitle .page-header {border-color: #333333;}
.jbOptionPack2 .jbTitleText h1 a {color: #ffffff;}
.jbOptionPack2 .jbTitleText h1 a:hover {color: #a0ce4e;}
.jbOptionPack2 .jbArticleList {border-color: #333333;}
.jbOptionPack2 h2.jbExcerptTitle a {color: #ffffff;}
.jbOptionPack2 h2.jbExcerptTitle a:hover {color: #a0ce4e;}
.jbOptionPack2 .pagination>li>a, .jbOptionPack2 .pagination>li>span {background-color: #4c4c4c; color: #ffffff;}
.jbOptionPack2 .jbPagination .pagination > li > a {border-color: #333333;}
.jbOptionPack2 #jbSidebarRight .jbSidebar {border-color: #333333;}
.jbOptionPack2 #jbSidebarRight .jbSidebar h3 {border-color: #333333;}
.jbOptionPack2 .table-bordered>thead>tr>th, .jbOptionPack2 .table-bordered>tbody>tr>th, .jbOptionPack2 .table-bordered>tfoot>tr>th, .jbOptionPack2 .table-bordered>thead>tr>td, .jbOptionPack2 .table-bordered>tbody>tr>td, .jbOptionPack2 .table-bordered>tfoot>tr>td {border-color: #333333;}
.jbOptionPack2 h2.jbArticleTitle a {color: #ffffff;}
.jbOptionPack2 h2.jbArticleTitle a:hover {color: #a0ce4e;}
.jbOptionPack2 h2.jbArticleTitle {border-color: #333333;}
.jbOptionPack2 blockquote {background-color: #444444;}
.jbOptionPack2 .jbTrackbackList li {background-color: #444444;}
.jbOptionPack2 .jbCommentList li div {background-color: #444444;}
.jbOptionPack2 .jbCommentName img {border-color: #333333;}
.jbOptionPack2 .btn-default {color: #fff; background-color: #428bca; border-color: #357ebd;}
.jbOptionPack2 .btn-default:hover, .jbOptionPack2 .btn-default:focus, .jbOptionPack2 .btn-default:active, .jbOptionPack2 .btn-default.active, .jbOptionPack2 .open .dropdown-toggle.btn-default {color: #fff; background-color: #3276b1; border-color: #285e8e;}
.jbOptionPack2 .jbGuestbookList li div {background-color: #444444;}
.jbOptionPack2 .jbGuestbookName img {border-color: #333333;}
.jbOptionPack2 .jbSearchResult {border-color: #333333;}