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

/* Hide */
#tistorytoolbarid {display: none;}
#jbContainer {display: 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%;}

/* More, Footnote */
.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;}

/* Bootstrap Grid */
@media (min-width: 768px) { .container {width: 750px;} }
@media (min-width: 992px) { .container {width: 990px;} }
@media (min-width: 1200px) { .container {width: 990px;} }

/* Typography */
body {font-family: "Nanum Gothic"; font-size: 13px; line-height: 180%;}
h1 {font-size: 1.5em; line-height: 150%;}
h2 {font-size: 1.4em; line-height: 150%;}
h3 {font-size: 1.3em; line-height: 150%;}
h4 {font-size: 1.2em; line-height: 150%;}
h5 {font-size: 1.1em; line-height: 150%;}
h6 {font-size: 1.0em; line-height: 150%;}
blockquote p {font-size: 13px; line-height: 180%;}

/* Link */
a {text-decoration: none; transition: color 0.2s;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #ff4629;}
a:active {text-decoration: none;}
a:focus {outline: none;}

/* Header */
#jbHeaderContainerFluid {background-color: #333333;}
#jbHeaderContainer {background-color: #333333;}

/* Title */
.jbTitleWrap {float: left;}
h1.jbTitle {margin: 24px 0px; font-size: 2.0em;  font-weight: bold;}
h1.jbTitle a {color: #ffffff;}
h1.jbTitle a:hover {color: #ffffff;}

/* Main Menu */
#jbMobileMenuIcon {display: none;}
.jbMainMenuWrap {display: block;}
.jbMainMenuWrap a {color: #eaeaea;}
.jbMainMenuWrap a:hover {color: #ffffff;}
.jbMainMenuWrap ul {list-style-type: none; margin: 0px 0px -1px 0px; padding-left: 0px;}
ul.jbMainMenu {text-align: right;}
ul.jbMainMenu > li {position: relative; display: inline-block; border-top: 3px solid transparent; border-bottom: 3px solid transparent; z-index: 9999;}
ul.jbMainMenu > li:hover {border-bottom: 3px solid #3b8dbd;}
ul.jbMainMenu > li > a {display: inline-block; padding: 30px 5px 30px;}
ul.jbMainMenu li ul {position: absolute; top: 100%; left: 0px; z-index: 999; padding-top: 0px; display: none; text-align: left; border-top: 3px solid #3b8dbd;}
ul.jbMainMenu li:hover ul {display: block;}
ul.jbMainMenu li ul li {min-width: 10em; padding: 8px 10px; background-color: #fafafa; border-bottom: 1px solid #dddddd;}
ul.jbMainMenu li ul li:hover {border-bottom: 1px solid #444444;}
ul.jbMainMenu li ul li a {color: #666666;}
ul.jbMainMenu li ul li a:hover {color: #222222;}
.jbHasSubMenu {margin-left: 8px;}

/* Header - Mobile */
@media (max-width: 991px) {
  h1.jbTitle {margin: 20px 0px;}
  #jbMobileMenuIcon {display: block; float: right; margin: 26px 0px; text-align: right; font-size: 2.0em;}
  #jbMobileMenuIcon i {cursor: pointer; color: #ffffff;}
  .jbMainMenuWrap {display: none; position: absolute; top: 80px; right: 0px; width: 250px; padding: 0px 20px; border: 1px solid #444444; background-color: #fefefe; z-index: 99999;}
  .jbMainMenuWrap a {color: #666666;}
  .jbMainMenuWrap a:hover {color: #222222;}
  .jbMainMenuWrap ul {margin: 0px 0px 0px 0px;}
  ul.jbMainMenu {text-align: left;}
  ul.jbMainMenu li {display: block; padding: 0px;}
  ul.jbMainMenu > li {position: static; display: block; border-top: 1px solid #dddddd; border-bottom: none;}
  ul.jbMainMenu > li:hover {border-top: 1px solid #dddddd; border-bottom: none;}
  ul.jbMainMenu > li:first-child {border: none;}
  ul.jbMainMenu > li > a {display: block; padding: 8px 0px;}
  ul.jbMainMenu li ul {position: static; display: block; margin: 0px; padding: 0px; border: none;}
  ul.jbMainMenu li ul li {min-width: none; margin-left: 20px; padding: 0px; border-top: 1px solid #dddddd; border-bottom: none; background-color: #ffffff;}
  ul.jbMainMenu li ul li:hover {border-bottom: none;}
  ul.jbMainMenu li ul li a {display: block; padding: 8px 0px;}
}
@media (min-width: 992px) {
  .jbMainMenuWrap {display: block !important;}
}

/* Main */
#jbMainContainerFluid {background-color: #eaeaea;}
#jbMainContainer {padding-top: 30px; background-color: #ffffff;}

/* Article */
.jbContentWrap {margin-bottom: 30px; border-bottom: 1px solid #dddddd;}
.jbArticleWrap {margin-bottom: 30px;}
h2.jbArticleTitle {margin: 0px 0px 20px 0px; padding-bottom: 10px; border-bottom: 2px solid #444444; font-weight: bold;}
h2.jbArticleTitle a {color: #666666;}
h2.jbArticleTitle a:hover {color: #333333;}
h2.jbArticleTitleNoInfo {margin: 0px 0px 30px 0px;}
p.jbArticleInfo {margin-bottom: 20px; padding-right: 2px; text-align: right;}
p.jbArticleInfo a {color: #666666;}
p.jbArticleInfo a:hover {color: #ff4629;}
span.jbArticleInfoTitle {color: #777777; font-family: Georgia; font-style: italic;}
span.jbDelimiter {margin: 0px 5px;}
p.jbAdmin {margin: 20px 0px; text-align: right;}
p.jbArticleTag a {color: #666666;}
p.jbArticleTag a:hover {color: #ff4629;}
span.jbArticleInfoDate {font-family: "PT Sans";}
span.jbArticleTagTitle {font-family: Georgia; font-style: italic;}
@media (max-width: 991px) {
  p.jbArticleInfo > span {display: block;}
  p.jbArticleInfo > span.jbDelimiter {display: none;}
}

/* Form */
.jbForm {margin-bottom: 30px;}
.form-horizontal .jbFormSecret {padding-top: 2px; font-size: 14px; line-height: 1.42857143;}
.form-control {-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/* Discuss */
.jbDiscussCount {margin-bottom: 30px; font-family: "PT Sans";}
p.jbDiscussCount span.jbDelimiter {display: none;}
p.jbTrackbackAddress {margin-bottom: 30px; font-family: Georgia; font-style: italic;}
span.jbTrackbackAddressTitle {font-weight: bold;}
p.jbTrackbackTitle {font-size: 1.2em; font-weight: bold;}
p.jbTrackbackTitle a {color: #666666;}
p.jbTrackbackTitle a:hover {color: #ff4629;}
p.jbDiscussInfo {color: #777777; font-family: "PT Sans", "Nanum Gothic";}
p.jbDiscussEdit {font-family: "PT Sans";}
p.jbDiscussEdit span.jbDelimiter {display: none;}
.jbDiscussListWrap ul {list-style-type: none; padding-left: 0px;}
ul.jbDiscussFirstLevel {}
ul.jbDiscussSecondLevel {margin-left: 60px;}
.jbDiscussWrap {margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #bcbcbc;}
.jbDiscussListWrap img {margin: 0px 10px 0px 0px;}
.jbDiscussName {font-size: 1.2em; font-weight: bold; margin-right: 5px;}
@media (max-width: 991px) {
  ul.jbDiscussFirstLevel {margin-left: 30px;}
  ul.jbDiscussSecondLevel {margin-left: 30px;}
  .jbDiscussListWrap img {float: left; margin-left: -30px; width: 24px; height: 24px;}
}

/* Pagination */
.jbPagination {text-align: center; font-family: "PT Sans";}
ul.pagination {margin: 0px 0px 30px 0px;}
.pagination>li>a, .pagination>li>span {color: #666666;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color: #666666; border-color: #666666;}

/* Search */
.jbExcerptSearchCellThumb {display: none;}
.jbSearchResultTitle {margin: 0px; font-size: 15px; font-weight: bold;}
.jbSearchResultList a {color: #666666;}
.jbSearchResultList a:hover {color: #333333;}
.jbSearchResultDate {color: #b8b8b8; font-family: "PT Sans";}
@media (max-width: 767px) {
  .jbSearchResultTitle {font-size: 13px;}
}

/* Search - Excerpt */
.jbExcerptSearch {border-bottom: none;}
.jbExcerptSearch .jbArticleWrap {margin-bottom: 0px;}
.jbExcerptSearch h2.jbArticleTitleNoInfo {margin-bottom: 0px;}
.jbExcerptSearch .jbExcerptSearchCellThumb {display: block;}
.jbExcerptSearch .jbExcerptSearchTable {display: table; width: 100%;}
.jbExcerptSearch .jbExcerptSearchRow {display: table-row;}
.jbExcerptSearch .jbExcerptSearchCell {display: table-cell; padding: 20px 0px; border-bottom: 1px solid #dddddd;}
.jbExcerptSearch .jbExcerptSearchCellThumb {vertical-align: middle; width: 80px;}
.jbExcerptSearch .jbExcerptSearchCellThumb img {width: 64px; border: 1px solid #dddddd;}
.jbExcerptSearch .jbExcerptSearchCellInfo {vertical-align: middle;}
.jbExcerptSearch .jbSearchResultDate {margin: 0px 0px 0px 0px;}
@media (max-width: 767px) {
  .jbExcerptSearch .jbExcerptSearchCell {padding: 10px 0px;}
  .jbExcerptSearch .jbExcerptSearchCellThumb {width: 75px;}
}

/* Tag Cloud */
.jbArticleTag i {margin-right: 5px;}
ul.jbTagCloudList {list-style-type: none; padding-left: 0px; margin-bottom: 15px; text-align: center;}
ul.jbTagCloudList li {display: inline-block; margin-right: 5px;}
ul.jbTagCloudList li a {color: #666666;}
ul.jbTagCloudList li a:hover {color: #ff4629;}
ul.jbTagCloudList .cloud1 {font-size: 1.4em;}
ul.jbTagCloudList .cloud2 {font-size: 1.3em;}
ul.jbTagCloudList .cloud3 {font-size: 1.2em;}
ul.jbTagCloudList .cloud4 {font-size: 1.1em;}
ul.jbTagCloudList .cloud5 {font-size: 1.0em;}

/* Sidebar - Common */
.jbSidebar {margin-bottom: 30px;}
.jbSidebar h2 {margin: 0px 0px 20px 0px; padding-bottom: 10px; border-bottom: 2px solid #444444; font-weight: bold;}
.jbSidebar a {color: #666666;}
.jbSidebar a:hover {color: #333333;}
.jbSidebar ul {list-style-type: none; padding-left: 5px;}
.jbSidebar ul li {text-indent: -0.9em; margin-left: 1em;}
.jbSidebar ul li a:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}

/* Sidebar - Blog Information */
.jbBlogOwner {text-align: center; font-weight: bold;}
.jbBlogImage img {width: 100%;}

/* Sidebar - Tags */
.jbSidebarTags ul {padding-left: 0px;}
.jbSidebarTags ul li {text-indent: 0em; margin: 0px 0px 5px 0px; padding: 3px 8px; border-radius: 3px; display: inline-block; border: 1px solid #bcbcbc;}
.jbSidebarTags ul li a:before {content: ""; margin-right: 0px;}

/* Sidebar - Calendar */
.jbSidebarCalendar table caption {padding: 0px 0px 10px 0px; text-align: center;}
.jbSidebarCalendar table th {text-align: center; padding: 5px 5px;}
.jbSidebarCalendar table td {text-align: center; padding: 5px 5px; font-family: "PT Sans";}
.jbSidebarCalendar .cal_week2 {color: red;}
.jbSidebarCalendar .cal_day_sunday {color: red;}
.jbSidebarCalendar .jbDayHasPost {background-color: #666666;}
.jbSidebarCalendar .jbDayHasPost a {color: #eeeeee;}

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

/* Sidebar - SNS */
.jbSidebarSns h2 {margin-bottom: 0px;}
.jbSidebarSns ul {margin-bottom: 0px; padding-left: 0px; border-bottom: 1px solid #dddddd;}
.jbSidebarSns ul li {text-indent: 0px; margin-left: 0px;}
.jbSidebarSns ul li a:before {content: ""; margin-right: 0px;}
.jbSidebarSns li {padding: 20px 0px 15px;}
.jbSidebarSns > ul {list-style-type: none; padding-left: 0px;}
.jbSidebarSns > ul > li {float: left; display: inline-block; width: 25%; text-align: center;}
.jbSidebarSns > ul > li i {font-size: 36px;}
a.jbSnsTwitter {color: #55acee;}
a.jbSnsTwitter:hover {color: #55acee;}
a.jbSnsFacebook {color: #3b5998;}
a.jbSnsFacebook:hover {color: #3b5998;}
a.jbSnsGooglePlus {color: #dd4b39;}
a.jbSnsGooglePlus:hover {color: #dd4b39;}
a.jbSnsRss {color: #fe9900;}
a.jbSnsRss:hover {color: #fe9900;}
a.jbSnsYouTube {color: #cd201f;}
a.jbSnsYouTube:hover {color: #cd201f;}
a.jbSnsInstagram {color: #211f20;}
a.jbSnsInstagram:hover {color: #211f20;}
a.jbSnsVimeo {color: #1ab7ea;}
a.jbSnsVimeo:hover {color: #1ab7ea;}
a.jbSnsLinkedIn {color: #0077b5;}
a.jbSnsLinkedIn:hover {color: #0077b5;}

/* Sidebar - Tabs */
.jbSidebarTabs h2 {margin-bottom: -2px; border-bottom-color: transparent;}
#jbTabsRecent ul {padding-left: 0px;}
#jbTabsRecent ul li {text-indent: 0px; margin-left: 0px;}
#jbTabsRecent ul li a:before {content: ""; margin-right: 0px;}
#jbTabsRecent > ul {list-style-type: none; margin-bottom: 0px; padding-left: 0px;}
#jbTabsRecent > ul > li {float: left; display: inline-block; width: 33.33%; text-align: center; padding: 0px;}
#jbTabsRecent > ul > li > a {display: block; padding: 15px 0px 10px 0px; border-top: 2px solid #dddddd; border-bottom: 1px solid #dddddd; color: #999999; background-color: #f2f2f2;}
#jbTabsRecent > ul > li > a:hover {color: #666666; border-top-color: #222222; background-color: #ffffff;}
#jbTabsRecent > ul > li > a i {display: block; font-size: 16px;}
#jbTabsRecent > ul > li > a span {display: block; padding: 5px 0px 0px 0px; font-family: "PT Sans"; font-size: 12px;}
#jbTabsRecent .ui-tabs-active a {color: #666666; border-top-color: #222222; background-color: #ffffff;}
#jbTabsRecent .jbTabsContent ul {margin: 0px; padding-left: 0px; list-style-type: none;}
#jbTabsRecent .jbTabsContent ul li {padding: 15px 0px; border-bottom: 1px solid #dddddd;}
#jbTabsRecent .jbTabsContent ul li a img {display: none;}
#jbTabsRecent .jbTabsContent ul li a p {margin: 0px;}
#jbTabsRecent .jbTabsInfo {padding-bottom: 5px;}
#jbTabsRecent .jbTabsInfoAuthor {margin-right: 5px; font-weight: bold; color: #333333;}
#jbTabsRecent .jbTabsTitle {line-height: 1.6;}
#jbTabsRecent .jbTabsContent.jbTabsContentThumb .jbTabsWrap {display: table; width: 100%;}
#jbTabsRecent .jbTabsContent.jbTabsContentThumb .jbTabsWrap a {display: table-row;}
#jbTabsRecent .jbTabsContent.jbTabsContentThumb .jbTabsWrap a .jbTabsCellThumb {display: table-cell; vertical-align: middle; width: 74px;}
#jbTabsRecent .jbTabsContent.jbTabsContentThumb .jbTabsWrap a .jbTabsCellInfo {display: table-cell; vertical-align: middle;}
#jbTabsRecent .jbTabsContent.jbTabsContentThumb img {display: block; width: 64px; border: 1px solid #dddddd;}
@media (max-width: 991px) {
  #jbTabsRecent .jbTabsInfo {padding-bottom: 0px;}
  #jbTabsRecent .jbTabsTitle {font-size: 12px;}
}

/* Footer */
#jbFooterContainerFluid {color: #dddddd; background-color: #333333;}
#jbFooterContainer {padding-top: 30px; background-color: #333333;}
#jbFooterContainer a {color: #dddddd;}
#jbFooterContainer a:hover {color: #ffffff;}
#jbFooterContainer .jbSidebarTags ul li {border-color: #444444;}
#jbFooterContainer .table-bordered>tbody>tr>td, #jbFooterContainer .table-bordered>tbody>tr>th, #jbFooterContainer .table-bordered>tfoot>tr>td, #jbFooterContainer .table-bordered>tfoot>tr>th, #jbFooterContainer .table-bordered>thead>tr>td, #jbFooterContainer .table-bordered>thead>tr>th {border-color: #444444;}
#jbFooterContainer .jbSidebarCalendar .cal_week2 {color: #dddddd;}
#jbFooterContainer .jbSidebarCalendar .cal_day_sunday {color: #dddddd;}

/* Foot */
#jbFootContainerFluid {color: #fefefe; background-color: #222222;}
#jbFootContainer {background-color: #222222;}
.jbCopyright {font-family: "PT Sans", "Nanum Gothic";}
.jbDesigned {text-align: right; font-family: "PT Sans";}
.jbDesigned a {color: #fefefe;}
@media (max-width: 991px) {
  .jbCopyright, .jbDesigned {text-align: center;}
}

/* Slider */
#jbSlider {-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.theme-default .nivoSlider {margin-bottom: 0px;}
.theme-default .nivo-controlNav {padding: 15px 0px 10px;}
.theme-default .nivo-caption {font-family: "Nanum Gothic"; width: 100%;}
.theme-default .nivo-caption h3 {padding: 2px 5px; margin: 0px;}

/* Excerpt - Front */
.jbExcerptTable {display: table; width: 100%; margin-bottom: 30px; border-top: 1px solid #dddddd;}
.jbExcerptTable a {color: #666666;}
.jbExcerptTable a:hover {color: #333333;}
.jbExcerptRow {display: table-row;}
.jbExcerptCell {display: table-cell; padding: 20px 0px; border-bottom: 1px solid #dddddd; vertical-align: middle;}
.jbExcerptCellThumb {width: 120px;}
.jbExcerptCellThumb img {width: 100px; border: 1px solid #dddddd;}
.jbExcerptCellInfo h2 {margin: 0px; font-weight: bold;}
.jbExcerptCellInfo p {margin: 10px 0px 0px 0px;}
@media (max-width: 991px) {
  .jbExcerptCellInfo h2 {font-size: 15px;}
  .jbExcerptCellInfo p {margin: 5px 0px 0px 0px;}
}
@media (max-width: 767px) {
  .jbExcerptCell {padding: 10px 0px;}
  .jbExcerptCellThumb {width: 75px;}
  .jbExcerptCellThumb img {width: 64px;}
  .jbExcerptCellInfo h2 {font-size: 13px;}
  .jbExcerptCellInfo p {display: none;}
}

/* Top Button */
a.jbTop {position: fixed; right: 15px; bottom: 15px; border-radius: 5px; color: #ffffff; background-color: rgba(50,50,50,0.8); display: none;}
a.jbTop:hover {background-color: rgba(0,0,0,0.8);}
a.jbTop i {border: 1px solid #666666; border-radius: 5px; font-size: 2.5em; padding: 7px 10px;}