@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: 1170px;} }

/* 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 */
#jbHeaderContainer {padding-top: 30px; padding-bottom: 30px;}
.jbHeaderBorderTop {border-top: 3px solid #444444;}
.jbHeaderBorderBottom {margin-top: -2px; border-top: 1px solid #bcbcbc;}
@media (max-width: 767px) {
  #jbHeaderContainer {padding-top: 15px; padding-bottom: 15px;}
  .jbHeaderBorderBottom {margin-top: 15px;}
}

/* Title */
.jbTitleWrap {float: left;}
h1.jbTitle {margin: 22px 5px 0px;  font-size: 2.0em;  font-weight: bold;}
h1.jbTitle a {color: #666666;}
h1.jbTitle a:hover {color: #222222;}
@media (max-width: 767px) {
  .jbTitleWrap {float: none;}
  h1.jbTitle {margin-bottom: 20px; text-align: center; font-size: 2.0em;}
}

/* Main Menu */
.jbMainMenuTitle {display: none;}
.jbMainMenuWrap a {color: #666666;}
.jbMainMenuWrap a:hover {color: #222222;}
.jbMainMenuWrap ul {list-style-type: none; margin: 0px; padding-left: 0px;}
ul.jbMainMenu {text-align: right;}
ul.jbMainMenu > li {position: relative; display: inline-block; border-bottom: 3px solid transparent; z-index: 999;}
ul.jbMainMenu > li:hover {border-bottom: 3px solid #444444;}
ul.jbMainMenu > li > a {display: inline-block; padding: 30px 5px 27px;}
ul.jbMainMenu li ul {position: absolute; top: 100%; left: 0px; z-index: 999; padding-top: 3px; display: none; text-align: left;}
ul.jbMainMenu li:hover ul {display: block;}
ul.jbMainMenu li ul li {min-width: 10em; padding: 5px 10px; background-color: #ffffff;}
@media (max-width: 767px) {
  .jbMainMenuTitle {display: block; padding: 5px 10px; border: 1px solid #bcbcbc; cursor: pointer;}
  ul.jbMainMenu {padding: 5px 5px 5px 5px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #bcbcbc; text-align: left; display: none;}
  ul.jbMainMenu a {display: inline-block; padding: 5px 10px;}
  ul.jbMainMenu > li {display: block; padding: 0px; border: none;}
  ul.jbMainMenu > li:hover {border: none;}
  ul.jbMainMenu > li > a {padding: 5px 10px;}
  ul.jbMainMenu li ul {position: static; display: block; padding-left: 1em;}
  ul.jbMainMenu li ul li {background: none; border: none; min-width: auto; padding: 0px;}
}
@media (min-width: 768px) {
  ul.jbMainMenu {display: block !important;}
}

/* Main */

/* Article */
.jbContentWrap {margin-bottom: 30px; padding-top: 30px; border-top: 3px solid #444444; border-bottom: 1px solid #bcbcbc;}
.jbArticleWrap {margin-bottom: 30px;}
h2.jbArticleTitle {margin-top: 0px; font-weight: bold;}
h2.jbArticleTitle a {color: #666666;}
h2.jbArticleTitle a:hover {color: #333333;}
h2.jbArticleTitleNoInfo {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #bcbcbc;}
p.jbArticleInfo {margin-bottom: 30px; padding-left: 2px; padding-bottom: 30px; border-bottom: 1px solid #bcbcbc; color: #888888;}
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.jbArticleTag a {color: #666666;}
p.jbArticleTag a:hover {color: #ff4629;}
span.jbArticleTagTitle {font-family: Georgia; font-style: italic;}
@media (max-width: 767px) {
  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;}
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;}
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: 767px) {
  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 Result */
ul.jbSearchResultList {list-style-type: none; padding-left: 5px;}
ul.jbSearchResultList li {text-indent: -0.9em; margin-left: 1em;}
ul.jbSearchResultList li:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.3em;}
.jbSearchResultDate {margin-right: 3px; font-family: "PT Sans";}
.jbSearchResultCnt {font-family: "PT Sans";}
ul.jbSearchResultList a {color: #666666;}
ul.jbSearchResultList a:hover {color: #222222;}

/* 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-top: 20px; border-top: 3px 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 - Indivisual */
.jbBlogImage img {width: 100%;}
.jbBlogOwner {text-align: center; font-weight: bold;}
.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;}
.jbSidebarCalendar table caption {padding-bottom: 10px; font-family: "PT Sans"; font-size: 1.1em;}
.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;}
.jbSidebarArchives ul {font-family: "PT Sans";}
.jbSidebarStatistics ul {font-family: "PT Sans";}
.jbSidebarStatistics ul li:before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em;}

/* Foot */
.jbFootBorderTop {border-top: 1px solid #bcbcbc;}
.jbCopyright {font-family: "PT Sans", "Nanum Gothic";}
.jbDesigned {text-align: right; font-family: "PT Sans";}
@media (max-width: 767px) {
  .jbCopyright, .jbDesigned {text-align: center;}
}

/* Frontpage Excerpt */
.jbExcerptBorderTop {margin-bottom: 30px; border-top: 3px solid #444444;}
.jbExcerptColumn {margin-bottom: 30px;}
.jbExcerptThumb {margin: 0px;}
.jbExcerptThumb img {width: 100%;}
.jbExcerptTitle {margin: 12px 0px 5px; font-size: 1.2em; color: #666666; font-weight: bold;}
.jbExcerptTitle:hover {color: #ff4629;}
.jbExcerptText {margin: 0px; color: #666666;}

/* Search Result Excerpt - Type 1 */
ul.jbExcerptSearchResultType1 {padding-left: 0px;}
ul.jbExcerptSearchResultType1 li {margin-left: 0px; text-indent: 0px;}
ul.jbExcerptSearchResultType1 li:before {content: none;}
ul.jbExcerptSearchResultType1 .jbSearchResultList {margin-bottom: 30px;}
ul.jbExcerptSearchResultType1 .jbSearchResultTitle {margin: 12px 0px 5px; font-size: 1.2em; color: #666666; font-weight: bold;}
ul.jbExcerptSearchResultType1 .jbSearchResultTitle:hover {color: #ff4629;}
ul.jbExcerptSearchResultType1 .jbArticleInfo {margin: 5px 0px 5px; padding-bottom: 0px; border: none;}
.jbSearchResultThumb {display: none;}

/* Slider */
.jbHasSlider .jbHeaderBorderBottom {border: none;}
#jbSliderContainerFruid {margin-top: -30px;}
#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: 48%; margin-left: 10px; margin-bottom: 10px;}
.theme-default .nivo-caption h3 {padding: 2px 5px; margin: 0px;}
@media (max-width: 767px) {
  #jbSliderContainerFruid {margin-top: -15px;}
  .theme-default .nivo-caption {width: 100%; margin-left: 0px; margin-bottom: 0px;}
  .theme-default .nivo-caption {display: none !important;}
}

/* Recent Posts Thumbnail - Type 1 */
.jbRecentPostsThumb1 {width: 48px; height: 48px;}
ul.jbExcerptRecentPostsType1 {padding-left: 0px;}
ul.jbExcerptRecentPostsType1 li {margin-left: 0px; text-indent: 0px;}
ul.jbExcerptRecentPostsType1 li a:before {content: none;}
.jbRecentPostsThumb1 {float: left; margin: 0px 10px 10px 0px;}

/* 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;}