/*
  Placeholders.js V4.0.1
  normalize.css V3.0.3
  Font Awesome V4.5.0
*/

/* Import */
  @import url( "./images/normalize.min.css" ); /* Normalize */
  @import url( "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" ); /* FontAwesome */
  @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( "./images/jquery.nivo.slider.css" );
  @import url( "./images/jquery.nivo.slider.default.css" );
/* Web Font */
/* "Noto Sans KR" 100 300 400 500 700 900 */
@import url( "./images/jb-font-noto-sans-kr.css" );
/* "PT Sans" */
@import url( "./images/jb-font-pt-sans.css" );



/* Hide */
  body { visibility: hidden; }

/* JB Framework */
  * { box-sizing: border-box; }
  .jb-container { margin: 0px auto; padding: 0px 10px; }
  .jb-row:before { display: table; content: " "; }
  .jb-row { margin: 0px -10px; }
  .jb-row:after { display: table; content: " "; clear: both; }
  .jb-column { padding: 0px 10px; }
  .jb-clearfix:before { display: table; content: " "; }
  .jb-clearfix:after { display: table; content: " "; clear: both; }

/* Layout & Background */
.jb-background-header { border-bottom: 1px solid #bcbcbc; }
.jb-container-header { width: 1095px; }
.jb-background-slider {}
.jb-container-slider { width: 1095px; }
.jb-background-main {}
.jb-container-main { width: 1095px; }
.jb-column-content { width: 775px; float: left; }
.jb-column-sidebar { width: 320px; float: right; }
.jb-background-footer { background-color: #363839; }
.jb-container-footer { width: 1095px; }
.jb-column-footer-1 { width: 352px; float: left; }
.jb-column-footer-2 { width: 352px; float: left; }
.jb-column-footer-3 { width: 352px; float: right; }
.jb-background-foot { background-color: #282a2c; border-top: 1px solid #4b4c4e; }
.jb-container-foot { width: 1095px; }
.jb-column-foot-1 { width: 528px; float: left; }
.jb-column-foot-2 { width: 528px; float: right; }

  @media ( max-width: 980px) {
    .jb-container-header { width: 768px; }
    .jb-container-slider { width: 768px; }
    .jb-container-main { width: 768px; }
      .jb-column-content { width: 512px; }
      .jb-column-sidebar { width: 256px; }
    .jb-container-footer { width: 768px; }
      .jb-column-footer-1 { width: 256px; }
      .jb-column-footer-2 { width: 256px; }
      .jb-column-footer-3 { width: 256px; }
    .jb-container-foot { width: 768px; }
      .jb-column-foot-1 { width: 384px; }
      .jb-column-foot-2 { width: 384px; }
  }
  @media ( max-width: 767px) {
    .jb-container-header { width: 100%; }
    .jb-container-slider { width: 100%; }
    .jb-container-main { width: 100%; }
      .jb-column-content { width: 100%; float: none; }
      .jb-column-sidebar { width: 100%; float: none; }
    .jb-container-footer { width: 100%; }
      .jb-column-footer-1 { width: 100%; float: none; }
      .jb-column-footer-2 { width: 100%; float: none; }
      .jb-column-footer-3 { width: 100%; float: none; }
    .jb-container-foot { width: 100%; }
      .jb-column-foot-1 { width: 100%; float: none; }
      .jb-column-foot-2 { width: 100%; float: none; }
  }

/* Typography */
body { line-height: 1.8; font-family: "Malgun Gothic", "Noto Sans KR", sans-serif; font-size: 14px; color: #333333; word-break: break-all; word-wrap: break-word; letter-spacing: -0.4px; }
h1, h2, h3, h4, h5, h6 { margin: 20px 0px; line-height: 1.5; font-family: "Noto Sans KR", sans-serif; font-weight: 500; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
blockquote { margin-left: 0px; margin-right: 0px; padding: 1px 20px; border-left: 5px solid #dddddd; background-color: #fafafa; }
blockquote p { }
/* Link */
  a { color: #337ab7; text-decoration: none; }
  a:hover { color: #23527c; }

/* Image */
  img { max-width: 100%; height: auto; border: none; vertical-align: middle; }
  span.imageblock { max-width: 100%; height: auto; }
  .cap1 { margin: 10px 0px; max-width: 100%; color: #666666; }

/* Embed */
  iframe { max-width: 100%; }

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

/* Footnote */
  div.footnotes { margin: 20px 0px; border-top: 1px solid #bcbcbc; }
  div.footnotes ol { padding-left: 20px; }
  div.footnotes ol li { margin: 10px 0px; }

/* Header */
  .jb-header-table { display: table; width: 100%; height: 50px; }
  .jb-header-table-row { display: table-row; }
  .jb-header-table-cell { display: table-cell; vertical-align: middle; }
  .jb-header-mobile-table-cell-bars { display: none; }
  @media ( max-width: 767px ) {
    .jb-header-table { display: block; height: auto; }
    .jb-header-table-row { display: block; }
    .jb-header-table-cell { display: block; }
    .jb-header-mobile-table { display: table; width: 100%; height: 50px; }
    .jb-header-mobile-table-row { display: table-row; }
    .jb-header-mobile-table-cell { display: table-cell; vertical-align: middle; padding: 0px 10px; }
    .jb-header-mobile-table-cell-bars { text-align: right; font-size: 21px; }
    .jb-bars i { cursor: pointer; }
  }

/* Header - Title */
  .jb-blog-title { margin: 0px; font-size: 20px; }
  .jb-blog-title a { color: #333333; }

/* Header - Navigation */
  .jb-header-table-cell-navigation { text-align: right; }
  .jb-header-table-cell-navigation a { color: #777777; }
  .jb-header-table-cell-navigation a:hover { color: #333333; }
  .jb-navigation-blog-menu { display: inline-block; }
  .jb-navigation-blog-menu > ul { margin: 0px; padding-left: 0px; }
  .jb-navigation-blog-menu > ul > li { display: inline-block; list-style-type: none; margin-left: 10px; }
  .jb-navigation-blog-menu > ul > li > a { display: block; padding: 14px 0px; }
  .jb-navigation-category { position: relative; display: inline-block; }
  .jb-navigation-category-title { text-align: left; }
  .jb-navigation-category-title i { margin-left: 3px; }
  .jb-navigation-category-title > ul { margin: 0px; padding-left: 0px; }
  .jb-navigation-category-title > ul > li { display: inline-block; list-style-type: none; margin-left: 10px; padding: 14px 0px; color: #777777; cursor: pointer; }
  .jb-navigation-category-title > ul > li:hover { color: #333333; }
  .jb-navigation-category-list { display: none; position: absolute; top: 100%; right: 0px; z-index: 9999; min-width: 180px; margin-left: -15px; padding: 5px 15px; border: 1px solid #bcbcbc; background-color: #ffffff; text-align: left; }
  .jb-navigation-category-list > ul { margin: 0px; padding-left: 0px; }
  .jb-navigation-category-list > ul > li { list-style-type: none; }
  .jb-navigation-category-list > ul > li > a { display: none; }
  .jb-navigation-category-list > ul > li > ul { padding-left: 0px; }
  .jb-navigation-category-list > ul > li > ul > li { list-style-type: none; }
  .jb-navigation-category-list > ul > li > ul > li > a { display: block; padding: 2px 0px; }
  .jb-navigation-category-list > ul > li > ul > li > ul { padding-left: 13px; }
  .jb-navigation-category-list > ul > li > ul > li > ul > li { list-style-type: none; }
  .jb-navigation-category-list > ul > li > ul > li > ul > li > a { display: block; padding: 2px 0px; }
  .jb-navigation-category-list .c_cnt { font-family: "PT Sans", sans-serif; }
  @media ( max-width: 767px ) {
    .jb-header-table-cell-navigation { display: none; margin: 0px -10px; padding: 5px 20px; border-top: 1px solid #bcbcbc; text-align: left;  font-size: 14px; }
    .jb-navigation-blog-menu { display: block; }
    .jb-navigation-blog-menu > ul > li { display: block; margin-left: 0px; }
    .jb-navigation-blog-menu > ul > li > a { display: block; padding: 14px 0px; padding: 2px 0px; }
    .jb-navigation-category { display: block; }
    .jb-navigation-category-title > ul > li { margin-left: 0px; padding: 2px 0px; }
    .jb-navigation-category-list { position: static; display: block; min-width: none; margin: 0px; padding: 0px 0px 0px 13px; border: none; }
  }
  @media ( min-width: 768px ) {
    .jb-header-table-cell-navigation { display: table-cell !important; }
  }

/* Content - Common */
.jb-cell-content { margin: 10px 0px; padding: 0px 15px; border: 1px solid #bcbcbc; border-radius: 3px; }
.jb-content-title { margin: 15px 0px; border-bottom: 1px solid #bcbcbc; }
.jb-content-title h2 { margin: 15px 0px; text-align: center; font-size: 20px; }
.jb-content-title h2 a { color: #333333; }
.jb-content-title h2 a:hover { color: #222222; }
.jb-content { margin: 15px 0px; }
@media ( max-width: 767px ) {
	.jb-cell-content { padding: 0px 10px; }
}

/* Content - Article - Title */
/*.jb-content-title-article h2:after { content: ""; display: block; width: 30px; margin: 12px auto 0px auto; border-bottom: 1px solid #9e9e9e; }*/

/* Content - Article - Information */
.jb-article-information { font-size: 12px; color: #999999; }
.jb-article-information a { color: #666666; }
.jb-article-information a:hover { color: #222222; }
.jb-article-information > ul { margin: -5px 0px 15px 0px; padding-left: 0px; list-style-type: none; text-align: center; }
.jb-article-information > ul > li { display: inline-block; }
li.jb-admin { position: relative; }
.jb-admin-button { margin-left: 10px; }
.jb-admin-button i { cursor: pointer; }
.jb-admin-menu { position: absolute; top: 100%; right: 0px; z-index: 9999; display: none; border: 1px solid #bcbcbc; }
.jb-admin-menu ul { padding: 10px; list-style-type: none; width: 240px; background-color: #ffffff; text-align: right; }
span.jb-article-information-author { margin: 0px 4px; }
span.jb-article-information-author:before { content: "\f2be"; margin: 0px 8px 0px 4px; font-family: FontAwesome; }
span.jb-article-information-date { margin: 0px 4px; font-family: "PT Sans", sans-serif; }
span.jb-article-information-date:before { content: "\f017"; margin: 0px 8px 0px 4px; font-family: FontAwesome; }
span.jb-article-information-author { margin: 0px 4px; }
span.jb-article-information-category:before { content: "\f0e8"; margin: 0px 8px 0px 4px; font-family: FontAwesome; }
.jb-hide-author span.jb-article-information-author { display: none; }


/* Content - Discuss List */
  .jb-discuss-list > ul { padding-left: 0px; }
  .jb-discuss-list > ul > li { list-style-type: none; }
  .jb-discuss-list > ul > li > ul { padding-left: 30px; }
  .jb-discuss-list > ul > li > ul > li { list-style-type: none; }
  .jb-discuss { margin: 20px 0px; padding: 0px 10px; border: 1px solid #bcbcbc; border-radius: 3px; }
  .jb-discuss-information { margin: 10px 0px; }
  .jb-discuss-information-name img { margin-right: 10px; }
  .jb-discuss-information-date { margin-left: 5px; font-family: "PT Sans", sans-serif; }
  .jb-discuss-reaction { margin: 10px 0px; font-size: 12px; }
  .jb-discuss-reaction a { display: inline-block; padding: 1px 5px; border: 1px solid #bcbcbc; border-radius: 3px; }
  @media ( max-width: 767px ) {
    .jb-discuss { margin: 10px 0px; }
  }

/* Content - Trackback */
  .jb-trackback-url { margin: 20px 0px; font-family: "PT Sans", "Nanum Gothic", sans-serif; }
  .jb-trackback-url-labal { display: block; font-weight: bold; }
  .jb-trackback-title { margin: 10px 0px; font-size: 15px; font-weight: bold; }

/* Content - Protected Article */
  .jb-content-article-protected { text-align: center; }
  .jb-article-protected-form { margin: 20px 0px; }
  .jb-article-protected-form .jb-form-input { margin: 10px 0px; }

/* Pagination */
  .jb-pagination ul { margin: 20px 0px; padding-left: 0px; text-align: center; font-family: "PT Sans", "Nanum Gothic", sans-serif; }
  .jb-pagination ul li { display: inline-block; list-style-type: none; margin: 2px 0px; }
  .jb-pagination ul li a { display: block; min-width: 35px; padding: 5px 0px; border: 1px solid #bcbcbc; }
  .jb-pagination ul li a:hover { background-color: #444444; border-color: #444444; color: #ffffff; }
  .jb-pagination ul li a.jb-active { background-color: #444444; border-color: #444444; color: #ffffff; }

/* Content - Search List */
  .jb-content-title-search-list h2 { padding-bottom: 0px; border-bottom: none; }

/* Content - Location */
  .jb-content-location { margin: 20px 0px; }

/* Content - Tags */
  .jb-content-tags ul { margin: 20px 0px; padding-left: 0px; }
  .jb-content-tags ul li { list-style-type: none; display: inline-block; margin: 0px 2px; }
  .jb-content-tags .cloud1 {font-size: 1.4em;}
  .jb-content-tags .cloud2 {font-size: 1.3em;}
  .jb-content-tags .cloud3 {font-size: 1.2em;}
  .jb-content-tags .cloud4 {font-size: 1.1em;}
  .jb-content-tags .cloud5 {font-size: 1.0em;}

/* Sidebar */
  .jb-cell-sidebar { margin: 20px 0px; padding: 0px 10px; border: 1px solid #bcbcbc; border-radius: 3px; }
  .jb-cell-sidebar a { color: #444444; }
  .jb-cell-sidebar a:hover { color: #23527c; }
  .jb-sidebar-title h2 { margin: 0px; padding: 5px 0px; border-bottom: 1px solid #bcbcbc; font-family: "PT Sans", "Nanum Gothic", sans-serif; font-weight: normal; }
  .jb-sidebar-title h2 i { margin-right: 5px; }
  .jb-sidebar-content-list ul { padding-left: 1.3em; }
  .jb-sidebar-content-list ul li { list-style-type: none; text-indent: -0.9em; }
  .jb-sidebar-content-list ul li:before { content: "\f0da"; font-family: "FontAwesome"; margin-right: 0.5em; }
  @media ( max-width: 767px ) {
    .jb-cell-sidebar { margin: 10px 0px; }
  }

/* Sidebar - Blog Information */
  .jb-sidebar-title-blog-information { display: none; }
  .jb-blog-information-image { margin-top: 10px; width: 100%; text-align: center; }
  .jb-blog-information-blogger { text-align: center; font-weight: bold; }

/* Sidebar - Category */
  .jb-sidebar-content-category .c_cnt { margin-left: 5px; font-family: "PT Sans", sans-serif; }
.jb-sidebar-content-category {font-size: 13px}


/* Sidebar - Tags */
  .jb-sidebar-content-tags ul { padding-left: 0px; }
  .jb-sidebar-content-tags ul li { list-style-type: none; display: inline-block; margin: 0px 2px; }
  .jb-sidebar-content-tags .cloud1 {font-size: 1.4em;}
  .jb-sidebar-content-tags .cloud2 {font-size: 1.3em;}
  .jb-sidebar-content-tags .cloud3 {font-size: 1.2em;}
  .jb-sidebar-content-tags .cloud4 {font-size: 1.1em;}
  .jb-sidebar-content-tags .cloud5 {font-size: 1.0em;}

/* Sidebar - Calendar */
  .jb-sidebar-content-calendar table { width: 100%; margin: 10px 0px; border-collapse: collapse; }
  .jb-sidebar-content-calendar table caption { padding: 0px 0px 10px 0px; font-family: "PT Sans", "Nanum Gothic", sans-serif; font-size: 14px; }
  .jb-sidebar-content-calendar table th { padding: 5px; border: 1px solid #eeeeee; text-align: center; }
  .jb-sidebar-content-calendar table td { padding: 5px; border: 1px solid #eeeeee; text-align: center; font-family: "PT Sans", "Nanum Gothic", sans-serif; }
  .jb-sidebar-content-calendar .cal_week2 { color: red; }
  .jb-sidebar-content-calendar .cal_day_sunday { color: red; }
  .jb-sidebar-content-calendar .jb-day-has-post { background-color: #666666; }
  .jb-sidebar-content-calendar .jb-day-has-post a { color: #eeeeee; }

/* Sidebar - Archives */
  .jb-sidebar-content-archives { font-family: "PT Sans", "Nanum Gothic", sans-serif; }
  .jb-archives-count { margin-left: 5px; }

/* Sidebar - Links */
  .jb-sidebar-content-links { font-family: "PT Sans", "Nanum Gothic", sans-serif; }

/* Sidebar - Statistics */
  .jb-sidebar-content-statistics { font-family: "PT Sans", "Nanum Gothic", sans-serif; }

/* Sidebar - Admin */

/* Sidebar - Recent Posts */
  .jb-recent-posts-count { font-family: "PT Sans", "Nanum Gothic", sans-serif; }

/* Sidebar - Recent Comments */
  .jb-recent-comments-name { display: none; }
  .jb-recent-comments-time { display: none; }

/* Sidebar - Recent Trackbacks */
  .jb-recent-trackbacks-name { display: none; }
  .jb-recent-trackbacks-time { display: none; }

/* SNS */
  .jb-sidebar-content-sns ul { padding-left: 0px; }
  .jb-sidebar-content-sns ul li { display: inline-block; margin-right: 3px; list-style-type: none; }
  .jb-sidebar-content-sns ul li img { width: 36px; border-radius: 3px; }

/* Footer - Sidebar */
  .jb-container-footer { color: #eeeeee; }
  .jb-container-footer .jb-cell-sidebar a {color: #eeeeee;}
  .jb-container-footer .jb-cell-sidebar a:hover {color: #ffffff;}

/* Foot */
  .jb-container-foot { color: #dddddd; }
  .jb-container-foot a { color: #bfbfbf; }
  .jb-copyright h6 { margin: 15px 0px; font-family: "PT Sans", "Nanum Gothic", sans-serif; font-size: 12px; font-weight: normal; }
  .jb-designed h6 { margin: 15px 0px; text-align: right; font-family: "PT Sans", "Nanum Gothic", sans-serif; font-size: 12px; font-weight: normal; }
  @media ( max-width: 767px ) {
    .jb-copyright h6 { margin-bottom: 0px; text-align: center; }
    .jb-designed h6 { margin-top: 0px; text-align: center; }
  }

/* Form */
  .jb-form-input input { -webkit-appearance: none; width: 100%; height: 34px; padding: 6px 12px; border: 1px solid #bcbcbc; border-radius: 3px; line-height: 1.538461538461538; }
  .jb-form-button button { padding: 6px 12px; border: 1px solid #bcbcbc; border-radius: 3px; background-color: #ffffff; line-height: 1.538461538461538; }
  .jb-form-checkbox input { vertical-align: middle; }
  .jb-form-textarea textarea { vertical-align: middle; width: 100%; padding: 6px 12px; border: 1px solid #bcbcbc; border-radius: 3px; }

/* Form - Discuss */
  .jb-wrap-form { margin: 20px 0px; }
  .jb-wrap-form .jb-form { margin: 5px 0px; }
  .jb-form-checkbox label { margin-left: 5px; }
  .jb-form-button-submit i { margin-right: 5px; }

/* Form - Search */
  .jb-search-table { display: table; margin: 10px 0px; width: 100%; }
  .jb-search-table-row { display: table-row; }
  .jb-search-table-cell { display: table-cell; vertical-align: middle; }
  .jb-search-table-cell-input { width: 99%; }
  .jb-search-table-cell-button { width: 1%; }
  .jb-search-table-cell-input .jb-form-input-search { border-right-width: 0px; border-radius: 3px 0px 0px 3px; }
  .jb-search-table-cell-button .jb-form-button-search { border-radius: 0px 3px 3px 0px; }

/* Top Button */
  a.jb-top { position: fixed; right: 15px; bottom: 15px; z-index: 9999; display: none; width: 42px; padding: 10px 0px; border-radius: 4px; background-color: #212121; background-color: rgba(50, 50, 50, 0.8); text-align: center; line-height: 1; font-size: 21px; color: #ffffff; }
  a.jb-top:hover { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; }

/* Slider */
  .jb-background-slider { margin: 20px 0px 0px 0px; }
  .theme-default .nivoSlider { -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .theme-default .nivo-caption { font-family: "Malgun Gothic", sans-serif; }
  .theme-default .nivo-controlNav { padding: 10px 0px 0px 0px; }


/* Content - Index */
.jb-cell-index { padding: 0px 10px; }
.jb-index-table { display: table; width: 100%; }
.jb-index-table-row { display: table-row; }
.jb-index-table-cell { display: table-cell; vertical-align: middle; }
.jb-index-table-cell-thumbnail { width: 300px; padding: 10px 15px 10px 0px; }
.jb-index-thumbnail img { width: 100%; }
.jb-index-thumbnail-no-image img { border: 1px solid #dddddd; }
.jb-index-table-cell-information { padding: 10px 0px 10px 0px; }
.jb-index-table a { color: #333333; }
  .jb-index-table a:hover { color: #222222; }
h3.jb-index-title { margin: 0px; }
h3.jb-index-title a { color: #222222; }
p.jb-index-information { display: none; }
p.jb-index-summary { margin: 8px 0px 0px 0px; max-height: 5.4em; overflow: hidden; -webkit-tap-highlight-color: transparent; }
@media ( max-width: 1110px ) {
	.jb-index-table-cell-thumbnail { width: 250px; }
}
@media ( max-width: 767px ) {
	.jb-index-table-cell { display: block; }
	.jb-index-table-cell-thumbnail { width: 100%; padding: 10px 0px; }
	.jb-index-table-cell-information { padding: 0px 0px 5px 0px; }
}





/* Related Article */
  .jb-related { margin: 20px 0px; }
  .jb-related-title h3 { margin: 0px; padding: 10px 0px; border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; }
  .jb-related-table { display: table; width: 100%; border-bottom: 1px solid #bcbcbc; }
  .jb-related-table-row { display: table-row; }
  .jb-related-table-cell { display: table-cell; vertical-align: middle; }
  .jb-related-table-cell-thumbnail { width: 120px; }
  .jb-related-table-cell-thumbnail img { margin: 10px 20px 10px 0px; width: 100px; }
  .jb-related-table-cell-information h4 { margin: 10px 0px 5px 0px; font-size: 15px; }
  .jb-related-table-cell-information p { margin: 5px 0px 10px 0px; font-family: "PT Sans", sans-serif; }
  .jb-related-table-cell-information p i { margin-right: 3px; }
  a.jb-related-more { display: inline-block; margin: 10px 0px 0px 0px; padding: 5px 10px; border: 1px solid #bcbcbc; border-radius: 3px; font-size: 12px; }

/* Etc */
  #tistorytoolbarid {display: none;} /* Hide Tistory Toolbar */
  .jb-youtube-16x9 { position: relative; width: 100%; padding-bottom: 56.25%; }
  .jb-youtube-16x9 iframe { position: absolute; width: 100%; height: 100%; }
  .jb-youtube-4x3 { position: relative; width: 100%; padding-bottom: 75%; }
  .jb-youtube-4x3 iframe { position: absolute; width: 100%; height: 100%; }