/* 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" );


body { overflow-x:hidden; }
.clearfix { clear:both; width:0; height:0; }

/************************************************************
 20180420_CSS
*************************************************************/
.jb-cell-pagination { }
.jb-pagination {  }
.blc-right-box { display:none; }
.blc-pc-header { width:100%; position:relative; }
span.jb-article-information-date::before { display:none; }
span.jb-article-information-category::before { display:none; }

/* Top-Header */
.blc-pc-header .top-header { width:100%; border-bottom:1px solid #ddd; height:35px; position:relative; line-height:35px; }
.blc-pc-header .top-header .top-header-wrap { width:1070px; margin:0 auto; overflow:hidden; }
.blc-pc-header .top-header .top-header-wrap .gotoSite { width:60%; float:left; }
.blc-pc-header .top-header .top-header-wrap .gotoSite li { line-height:35px; width:25%; float:left; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; }
.blc-pc-header .top-header .top-header-wrap .gotoSite li:first-child { border-left:1px solid #ddd;  }
.blc-pc-header .top-header .top-header-wrap .gotoSite li a { font-size:11px; vertical-align:top; line-height:35px; color:#666; display:inline-block; width:100%; height:35px; }
.blc-pc-header .top-header .top-header-wrap .gotoSite li a:hover { box-sizing:border-box; border-bottom:3px solid #FE7F02; color:#FE7F02; }
/* 방문통계 */
.blc-pc-header .top-header .top-header-wrap .blc-counter {  width:30%; float:right;  height:35px; text-align:right; }
.blc-pc-header .top-header .top-header-wrap .blc-counter ul li { font-size:10px; display:inline-block; line-height:35px; vertical-align:top; padding-left:20px;  }
/*로고, 서치*/
.blc-pc-header .blc-header-box { width:100%; max-width:1070px; position:relative; margin:0 auto 15px; background-color:#fff; z-index:99; }
.blc-pc-header .blc-header-box .blc-header-logo { width:300px; overflow:hidden; margin-top:10px; height:75px;}
.blc-pc-header .blc-header-box .blc-header-logo img { width:100%; vertical-align:middle; padding-top:20px;}
.blc_translation { width:100%; text-align:right; position:absolute; top:0; right:0;}
/* 메인메뉴 */
.blc-pc-header .blc-nav-box { width:100%; }
.blc-pc-header .blc-nav-box .blc-gnb-wrap { width:100%; background-color:#092A6F; }
.blc-pc-header .blc-nav-box .blc-gnb-wrap .blc-nav-wrap { width:1100px; margin:0 auto; }
.blc-nav-list { width:100%; float:right; position:relative; }
.blc-nav-list .blc-nav-category { width:100%; height:50px; }
.blc-nav-list .blc-nav-category ul.main_catagory { width:100%; display:inline-block; box-sizing:border-box; padding:0 15px;  }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list { display:inline-block; margin-left:151px; float:left; text-align:center; line-height:48px; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list:first-child { margin-left:0; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list a { color:#fff; font-size:14px; font-weight:600; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list a:hover { }
/* 서브메뉴 */
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth { display:none; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list:hover .sub_2depth { display:block; position:absolute; width:180px; background-color:#f9f9f9; z-index:3; margin-left:-20px; z-index:90;}
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth { box-sizing:border-box; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth li { line-height:30px; border:1px solid #efefef; box-sizing:nomal; border-bottom:0;}
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth li.borderblue { height:2px; border-color:#092A6F; box-sizing:content-box; background-color:#092A6F; border:0;}
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth li.borderblue:hover { background-color:#092a6f;}
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth li:first-child { border-top:0 ; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth li a { font-size:12px; color:#999; display:block; width:100%; height:100%; text-align:left; box-sizing:border-box; padding-left:15px; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth li:hover { background-color:#efefef; }
.blc-nav-list .blc-nav-category ul.main_catagory li.main_category_list .sub_2depth li:hover a { color:#333; }
	
/* 사이드바 최신글/최신댓글 */
.side-whole-wrap {  background-color:#f3f3f3; }
.side-recent-wrap { width:1100px; margin:0 auto; padding:20px 0; }
.blc-sidebar { width:49%; background-color:#fff; box-sizing:border-box; border:1px solid #ededed; padding:20px;}
.blc-sidebar.side-recent-post { float:left;}
.blc-sidebar.side-recent-replies { float:right; }
.blc-sidebar-title h3 { margin:0; font-size:16px; color:#0B4D8F; margin-bottom:10px; }
.blc-sidebar-content-list { width:100%; }
.blc-sidebar-content-list ul li a { width:100%; color:#333; font-size:12px; line-height:24px; height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; }
.blc-sidebar-content-list .round-shape { width:3px; height:3px; line-height:24px; background-color:#0B4D8F; display:inline-block; vertical-align:middle; margin-right:5px; border-radius:100px; }

/* 푸터 */
.blc-footer-service { width:100%; background-color:#5C6979; height:50px; }	
.blc-footer-wrap { width:1100px; margin:0 auto; position:relative}
.blc-footer-service .blc-related-list { width:50%; float:left; background-color:#475363; height:50px; }
.blc-footer-service .blc-related-list ul li { display:inline-block; padding:0 15px; vertical-align:middle; } 
.blc-footer-service .blc-related-list ul li.blc-related-list-title { color:#fff; margin-right:10px; font-weight:bold; font-size:12px; }
.blc-footer-service .blc-related-list ul li a { color:#b0b4b9; font-size:12px; line-height:50px; }
.blc-footer-service .blc-family-wrap { width:50%; float:right; }
.blc-footer-service .blc-family-wrap select { cursor:pointer;
	  width:33.33%; float:left; height:50px; box-sizing:border-box; box-shadow:0; border:0; color:#fff; 
		background:url('./images/arrow-down.png') 95% center no-repeat;
	  background-size:30px;
		background-color:#5C6979; 
		border-right:1px solid #b0b4b9;
		border-radius: 0px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none; appearance: none;
		box-sizing:border-box; padding:0 10px;
	  font-family: "Malgun Gothic", "Noto Sans KR", sans-serif;
	  line-height:50px; 
	}

.blc-footer-service .blc-family-wrap select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.blc-footer-service .blc-family-wrap select:first-child { border-left:1px solid #b0b4b9; }	
.blc-footer-info { background-color:#364150; padding:20px 0 10px;}	
.blc-footer-info .footer-info-logo { width:20%; float:left; }
.blc-footer-info .footer-info-logo h8 { width:100%; text-align:left; }
.blc-footer-info .footer-info-logo h8 img { max-width:100%; }
.blc-footer-info .footer-info-content { width:80%; float:right; box-sizing:border-box; padding-left:20px; position:relaive;}
.blc-footer-info .footer-info-content ul li { display:inline-block; }
.blc-footer-info .footer-info-content ul li a {  line-height:1.5em; color:#b0b4b9; font-size:12px; }
.blc-footer-info .footer-info-content span { line-height:1.5em; color:#475363;  }
.blc-footer-info .footer-info-content .blc-footer-address { margin:0; padding:0; line-height:1.8em; color:#b0b4b9;  font-size:12px; }
.blc-footer-info .footer-info-content .blc-footer-copyright { margin:0; padding:0; line-height:2em; color:#475363;  font-size:11px; }
.blc-footer-banner { position:absolute; right:0; top:0; }

/* 모바일메뉴 */
.blc-mb-nav { display:none; }
.blc-mb-search { display:none; }
.blc-mb-moremenu { display:none; } 
.kspo-logo-area { display:none; }
#ttCanvas { }
/*티에디션 상단패딩 강제삭제*/
div#ttCanvas div.tt-panel { padding-top:0!important; }
.jb-wrap-sns-share { display:none; }



/********************************
 [미디어쿼리] 모바일 VER.
*********************************/
@media ( max-width: 992px ) {
.gotoSite { display:none; }
/*로고, 서치*/
.blc-pc-header .top-header { height:30px; overflow:hidden; position:relative; }
.blc-pc-header .top-header .top-header-wrap { width:100%; }
.kspo-logo-area { display:block; width:100%; height:30px; background-color:#092A6F; overflow:hidden; text-align:left; box-sizing:border-box; padding:5px 10px; line-height:30px;}
.kspo-logo-area img { width:100px; vertical-align:middle; line-height:30px; display:inline-block; margin-top:-15px;}
/* 방문통계 */
.blc-pc-header .top-header .top-header-wrap .blc-counter {  width:auto; float:none; position:absolute; top:0; right:15px; height:35px; text-align:right; }
.blc-pc-header .top-header .top-header-wrap .blc-counter ul li { font-size:10px; display:inline-block; line-height:27px; vertical-align:top; padding-left:10px; color:#e9e9e9; }
	
.blc-pc-header .blc-header-box { width:100%; height:60px; position:relative; margin:0 auto; text-align:left; line-height:50px; position:relative; border-bottom:1px solid #ececec; }
.blc-pc-header .blc-header-box .blc-header-logo { width:200px; overflow:hidden; display:inline-block; text-align:center; height:60px; margin-top:0; padding:0; }
.blc-pc-header .blc-header-box .blc-header-logo img { display:inline-block; height:100%; padding-top:5px; margin-top:0px;}
.blc-search { z-index:2;  display:none; }
.blc-mb-search { display:inline-block; width:100%; float:none; box-sizing:border-box; line-height:60px; text-align:center; }
.blc-mb-search #mb-search-icon { padding:20px 0; }
.blc-mb-search #mb-search-icon i { font-size:25px; color:#555; vertical-align:middle;}
.blc-right-box { width:50px; display:block; box-sizing:border-box; line-height:60px; text-align:center; float:right;}
.blc-right-box a { color:#fff; font-size:30px; box-sizing:border-box; background-color:#FBC400; padding:0 8px; border-radius:5px;}

/*네비게이션*/
.blc-pc-header .blc-nav-box { width:100%; background-color:#fff; border-top:2px solid #Fc6a02; margin-top:0px; z-index:1; height:43px; overflow:hidden; }
.blc-nav-list { width:100%; display:inline-block; box-sizing:border-box; }	
.blc-nav-list .blc-nav-category ul.tt_category li a { color:#333; line-height:40px; }

/*햄버거메뉴*/
.blc-mb-nav { display:block; position:absolute; right:0; top:0; width:60px; height:60px; box-sizing:border-box; line-height:50px; text-align:center; background-color:#f9f9f9;  box-sizing:border-box; border:1px solid #ececec; }
.blc-mb-nav #mb-nav-btn { display:inline-block; box-sizing:border-box; padding:0 20px; }
.blc-mb-nav #mb-nav-btn img { vertical-align:middle; margin-top:5px;}	
	
/*햄버거 메뉴 꾸미기*/
.blc-mb-moremenu { width:100%; box-sizing:border-box; background-color:#fff; border-right:1px solid #ddd; text-align:left; padding:0px; color:#555; height:100%; min-height:300px; overflow-y:scroll; z-index:999; position:fixed; right:0; top:0; display:none; }
.blc-mb-moremenu .blc_sitename { text-align:center; margin-top:30px; font-size:11px; letter-spacing:0.5px; color:navy;}
.blc-mb-moremenu ul {  }
.blc-mb-moremenu ul li {  }
.blc-mb-moremenu ul li a.link_tit { display:none; }
.blc-mb-moremenu ul li ul.category_list { }
.blc-mb-moremenu ul li ul.category_list li { border-bottom:1px solid #ddd; padding:10px 0;}
.blc-mb-moremenu ul li ul.category_list li a { color:#000; font-weight:bold; display:inline-block; width:100%; }
.blc-mb-moremenu ul li ul.category_list li a span { display:none; }

/* 모바일 네비게이션 상단 */
.mb_ham_top { width:100%; display:block; background-color:#fff; position:relative; height:45px;}
.mb_ham_top .blc-mb-top-home { width:45px; height:45px; border-right:1px solid #ddd; box-sizing:border-box; border-left:1px solid #ddd; position:absolute; left:0; top:0; }
.mb_ham_top .blc-mb-top-home a { width:100%; height:100%; box-sizing:border-box; padding:0 15px; display:inline-block; line-height:45px; }
.mb_ham_top .blc-mb-top-home a img { vertical-align:middle; margin-top:-5px;  }
.mb_ham_top .blc-mb-top-title { width:100%; text-align:center; line-height:45px; font-size:12px; color:#333;}
.mb_ham_top .blc-mb-top-close { width:45px; height:45px; box-sizing:border-box; padding:0 15px; text-align:center; position:absolute; top:0; right:0; line-height:45px;}
.mb_ham_top .blc-mb-top-close img { margin-top:-5px; }

/* 햄버거 메뉴 카테고리 */
.mobile_ham_category { width:100%; box-sizing:border-box;  }
.mobile_ham_category li { width:100%; }
.mobile_ham_category li.mb_main_category_cont a { width:100%; color:#fff; display:block; background-color:#092A6F; font-size:13px; height:45px; line-height:43px; border:1px solid rgba(255,255,255,0.1); border-right:0; box-sizing:border-box; padding:0 10px; font-weight:600; }
.mobile_ham_category li.mb_main_category_cont.border-none a {border-bottom:0;}
.mobile_ham_category li.mb_sub_category_list a { width:50%; display:block; color:#555; font-size:13px; border:0; float:left; border:1px solid #ddd; border-top:0; border-right:0;  background-color:#fff; font-weight:400; }
.mobile_ham_category li.mb_sub_category_list a.last-mb-cate { border-bottom:0; }
	.ham-bottom-menu { text-align:center; margin-top:50px;}
	.ham-bottom-menu p { font-weight:bold; font-size:11px; }
	.ham-bottom-menu p span { font-weight:normal; color:#888; }

/* 사이드바 최신글/최신댓글 */
.side-whole-wrap {  background-color:#f3f3f3; }
.side-recent-wrap { width:100%; margin:0 auto; padding:20px 10px 10px; box-sizing:bordre-box; }
.blc-sidebar { width:100%; background-color:#fff; box-sizing:border-box; border:1px solid #ededed; padding:10px; }
.blc-sidebar.side-recent-post { float:none; margin-bottom:10px;}
.blc-sidebar.side-recent-replies { float:none; }
.blc-sidebar-title h3 { margin:0; font-size:13px; color:#0B4D8F; margin-bottom:10px; }
.blc-sidebar-content-list {  }
.blc-sidebar-content-list ul li a { color:#333; font-size:11px; line-height:20px; }
.blc-sidebar-content-list .round-shape { width:3px; height:3px; line-height:24px; background-color:#0B4D8F; display:inline-block; vertical-align:middle; margin-right:5px; border-radius:100px; }

/* 푸터 */
.blc-footer-service { width:100%; background-color:#5C6979; height:50px; }	
.blc-footer-wrap { width:100%; margin:0 auto; position:relative; }
.blc-footer-service .blc-related-list { width:100%; float:none; clear:both; background-color:#475363; height:30px; box-sizing:border-box; }
.blc-footer-service .blc-related-list ul { }
.blc-footer-service .blc-related-list ul li { display:block; vertical-align:middle; float:left; width:33.3333%; padding:0; text-align:center; box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.2); } 
.blc-footer-service .blc-related-list ul li:nth-child(2) { border-left:0; }
.blc-footer-service .blc-related-list ul li.blc-related-list-title { color:#fff; margin-right:10px; font-weight:bold; font-size:12px; display:none;}
.blc-footer-service .blc-related-list ul li a { color:#b0b4b9; font-size:10px; line-height:30px; letter-spacing:-0.06em;}
.blc-footer-service .blc-family-wrap { width:100%; clear:both; }
.blc-footer-service .blc-family-wrap select { cursor:pointer;
	  width:100%; float:none; height:50px; box-sizing:border-box; box-shadow:0; border:0; color:#fff; clear:both;
		background:url('./images/arrow-down.png') 95% center no-repeat;
	  background-size:30px;
		background-color:#5C6979; 
		border-right:0px solid #b0b4b9;
		border-radius: 0px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none; appearance: none;
		box-sizing:border-box; padding:0 10px;
	  font-family: "Malgun Gothic", "Noto Sans KR", sans-serif;
	  line-height:50px; 
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
.blc-footer-service .blc-family-wrap select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.blc-footer-service .blc-family-wrap select:first-child { border-left:0px solid #b0b4b9; }	
.blc-footer-info { background-color:#364150; padding:20px 15px 10px; width:100%; clear:both; box-sizing:border-box; }	
.blc-footer-info .footer-info-logo { display:none; }
.blc-footer-info .footer-info-content { width:100%; float:none; box-sizing:border-box; position:relaive; padding:0; text-align:center; }
.blc-footer-info .footer-info-content ul { display:none; }
.blc-footer-info .footer-info-content ul li { display:inline-block; }
.blc-footer-info .footer-info-content ul li a {  line-height:1.5em; color:#b0b4b9; font-size:12px; }
.blc-footer-info .footer-info-content span { line-height:1.5em; color:#475363; font-size:0; display:block; }
.blc-footer-info .footer-info-content .blc-footer-address { margin:0; padding:0; line-height:1.8em; color:#b0b4b9;  font-size:10.5px; }
.blc-footer-info .footer-info-content .blc-footer-copyright { margin-top:5px;; padding:0; line-height:2em; color:#475363;  font-size:10px; }
.blc-footer-banner { position:absolute; right:0; top:0; display:none; }

/* 컨텐츠 */
	.blc-cont-wrap { width:100%; box-sizing:border-box; padding:0 10px; }
#ttCanvas { padding-top:0px!important; }
/*
	}
@media ( max-width: 767px ) {
	*/
	.blc-nav-list { display:none; }
	.blc-pc-header .blc-nav-box { display:none; }
	.jb-copyright { padding:20px 0px; }
	.jb-copyright .quick_sns_btn { margin-bottom:5px; }
	.jb-copyright .quick_sns_btn a { display:inline-block; width:20%; margin:0; margin-right:1%; }
	.jb-copyright .footer-information { font-size:11px ; }
	.jb-copyright h6 { font-size:10px; }
	.jb-cell { padding:0 10px; }
	.jb-content-title h2 { font-size:20px; line-height:30px; }
	.jb-article-information > ul > li { display:block; }
	.jb-content-title { padding:20px 0; margin-bottom:20px; }
	}

/************************************************************
 20180420_CSS
*************************************************************/



/* Hide */
#tistorytoolbarid { display: none; }
.jb-background-header { visibility: hidden; }
.jb-background-main { visibility: hidden; }
.jb-background-footer { visibility: hidden; }
.jb-background-foot { visibility: hidden; }
.jb-section-title { display: none; }
.another_category_color_gray, .another_category_color_gray h4 { display:none; }

/* Grid System */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#wholewrap { width:100%; overflow-x:hidden; background-color:#fff;}
.blc-wrap { width:100%; }
.jb-container { margin: 0 auto 0; padding: 0px 5px; }
.jb-row:before { display: table; content: " "; }
.jb-row { margin: 0px -5px; }
.jb-row:after { display: table; content: " "; clear: both; }
.jb-column { padding: 0px 5px; }
.jb-clearfix:before { display: table; content: " "; }
.jb-clearfix:after { display: table; content: " "; clear: both; }

/* Layout */
.jb-background-main { }
.blc-cont-wrap { width:100%; max-width:1380px; margin:0 auto; position:relative;}
.jb-container { width: /*1090px*/100%; max-width:1100px; position:relative; }
.jb-cell-content { /*width:760px;*/ width:100%; }
.jb-container-main {  }
.jb-column-header { padding: 0px 15px; }
.jb-column-content { /*float: left; width: 775px; padding-left: 10px;*/ width:100%; margin:0 auto; padding:0 15px; background-color:#fff; box-sizing:border-box; min-height:620px; }
.jb-column-sidebar { position:absolute; right:0; top:0; float: right; width: 300px; padding-right: 10px; }
/*
.jb-column-foot-1 { float: left; width: 50%; padding-left: 10px; }
.jb-column-foot-2 { float: right; width: 50%; padding-right: 10px; }
*/
@media (max-width: 1110px) {
	.jb-container { width: 100%; }
	.jb-column-content { float: none; width: 100%; padding: 0px 10px; }
	.jb-column-sidebar { width: 33.3333%; padding: 0px 10px; display:none;}
	.jb-cell-content { width:100%; }
}
@media (max-width: 767px) {
	.jb-column-sidebar { float: none; width: 100%; padding: 0px 10px; position:static; background-color:#fff; display:none;}
	.jb-container { width: 100%; }
	.jb-column-content { float: none; width: 100%; padding: 0px 0px; min-height:100px; }
	.jb-column-foot-1 { float: none; width: 100%; padding: 0px 10px; }
	.jb-column-foot-2 { float: none; width: 100%; padding: 0px 10px; }
	.jb-cell-content { width:100%; }
}


/* 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 { }
a { text-decoration: none; color: #337ab7; }
a:hover { color: #23527c; }
pre { margin: 20px 0px; padding: 8px 12px; border: 1px solid #bcbcbc; font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 13px; white-space: pre-wrap; }
code { padding: 1px 3px; background-color: #eeeeee; font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 13px; }
pre code { padding: 0px; background-color: transparent; text-align: left; }
input { font-family: inherit; }
textarea { font-family: inherit; line-height: inherit; }
button { font-family: inherit; cursor: pointer; }
ul, li { list-style:none; margin:0; padding:0;}

/* JB Typography */
.jb-article h1.jb { font-size: 20px; }
.jb-article h1.jb:after { content: ""; display: block; width: 1.25em; margin-top: 10px; border-bottom: 2px solid #9e9e9e; }
.jb-article h2.jb { font-size: 18px; }
.jb-article h2.jb:after { content: ""; display: block; width: 1.25em; margin-top: 10px; border-bottom: 1px solid #9e9e9e; }

/* Responsive Media */
img { max-width: 100%; height: auto; border: none; vertical-align: middle; }
span.imageblock { max-width: 100%; height: auto; }
.ExifInfo { max-width: 100%; }
.cap1 { padding: 10px 10px 0px 10px; max-width: 100%; font-style: italic; font-size: 14px; color: #666666; }
iframe { max-width: 100%; }
.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%; }

/* Background */
.jb-background-header { background-color: #FC6A02; }
.jb-background-main { background-color: #ffffff;}
.jb-background-foot { background-color: #F5F5F5; }

/* Header */
.blc-header-logo { max-width:1070px; width:100%; position:relative; }

@media ( max-width: 1110px ) {
	.clearfix { clear:both; width:0; height:0; }
}
@media ( min-width: 1111px ) {
}

/*서치*/
.blc-search { position:absolute; top:20.5px; right:0; margin-left:300px; width:190px; box-sizing:border-box; padding:0 0px; z-index:999999; }
.blc-search-layout { }
.blc-search-wrap {  }
.searchbar-input { width:150px; float:left; }
.searchbar-input input { width: 100%; height: 34px; padding: 6px 12px; border: 1px solid #092A6F; line-height: 1.42857143; font-size: 14px; }
.searchbar-btn { background-color:#092A6F; }
.searchbar-btn button { height: 34px; padding: 6px 10px; border: 1px solid #092A6F;
background-color: transparent; line-height: 1.42857143; font-size: 14px;}
.searchbar-btn .fa-fw { color:#fff; }

@media ( max-width: 955px ) {
.blc-search { width:100%; position:relative; top:0; margin-left:0; left:0; box-sizing:border-box; padding:0 20px; height:48px; background-color:#FC6A02; vertical-align:middle; line-height:48px;}
.blc-search-layout { margin-left:15px; }
.blc-search-wrap {  }
.searchbar-input { width:80%; float:left; text-align:right; }
.searchbar-input input { width: 90%; height: 34px; padding: 6px 12px; border: 0px solid #FC6A02; line-height: 1.42857143; font-size: 14px; }
.searchbar-btn { background-color:transparent; }
.searchbar-btn button { width:20%; text-align:left; height: 34px; padding: 3px 5px; border: 0px solid #FC6A02; background-color: transparent; line-height: 1.42857143; font-size: 20px;}
.searchbar-btn .fa-fw { color:#fff; }
}

/* Content - Common */
.jb-cell-content { margin: 0px; padding: 5px 0; background-color: #ffffff; border-bottom:1px solid #ececec; }
.jb-cell-content:first-child { border:none; }
.jb-content-title { padding : 20px 0 0 0; border-bottom: 1px solid #eee!important; }
.jb-content-title h2 { margin: 0px; text-align: center; font-size:24px;  padding-bottom:20px; color: #0060B0; }
.jb-content-title h2 a { color: #333; }
.jb-content-title h2 a:hover { color: #222222; }
.jb-content { margin: 15px 0px; }

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

/* 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 - More Less */
.moreless_fold { font-weight: bold; }
.moreless_fold:before { content: "\f0d7"; font-family: "FontAwesome"; margin-right: 10px; font-weight: normal; }
.moreless_top { font-weight: bold; }
.moreless_top:before { content: "\f0d8"; font-family: "FontAwesome"; margin-right: 10px; font-weight: normal; }
.moreless_bottom { font-weight: bold; }
.moreless_bottom:before { content: "\f0d8"; font-family: "FontAwesome"; margin-right: 10px; font-weight: normal; }

/* Content - Footnotes */
sup.footnote a { display: inline-block; margin: 0px 2px; padding: 8px 3px; background-color: #428bca; font-family: "Noto Sans KR", sans-serif !important; color: #ffffff !important; }
div.footnotes { margin: 30px 0px; border-top: 1px solid #bcbcbc; }
div.footnotes ol { padding-left: 20px; }
div.footnotes ol li { margin: 10px 0px; }

/* Content - Etc */
.jb-singo-post a { font-size: 12px; color: #999999; }

/* Content - Discuss Count */
p.jb-discuss-count { margin: 15px 0px; }
p.jb-discuss-count a { display: inline-block; padding: 3px 12px; border: 1px solid #eeeeee; border-radius: 0px; color: #666666; }
p.jb-discuss-count a:hover { color: #222222; }
span.jb-discuss-count-label { margin-right: 5px; }

/* Content - Discuss List - Reply */
.jb-wrap-discuss-list { margin: 15px 0px; }
ul.jb-discuss-list-level-1 { list-style-type: none; padding-left: 0px; }
ul.jb-discuss-list-level-2 { list-style-type: none; padding-left: 75px; }
.jb-discuss-table { position: relative; width: 100%; margin: 15px 0px; border-collapse: collapse; border: 1px solid #eeeeee; background-color: #fafafa; }
.jb-discuss-table-cell { vertical-align: middle; padding: 0px; }
.jb-discuss-table-cell-logo { display: none; }
.jb-discuss-table-cell-name { padding: 12px 15px 0px 15px; }
.jb-discuss-table-cell-desc { padding: 0px 15px 0px 15px; }
.jb-discuss-table-cell-reaction { padding: 15px 15px 15px 15px; }
.jb-discuss-table-cell-name img { position: absolute; top: 15px; left: 15px; width: 60px; background-color: #eeeeee; display:none;}
.jb-discuss-information-name { font-family: "Noto Sans KR", sans-serif; font-weight: 500; }
.jb-discuss-information-name a { color: #666666; }
.jb-discuss-information-name a:hover { color: #222222; }
.jb-discuss-information-date { font-family: "PT Sans", sans-serif; font-size: 12px; color: #999999; }
span.jb-singo-reply { float: right; }
span.jb-singo-reply a { color: #999999; font-size: 12px; }
span.jb-singo-reply a i { margin-right: 4px; }
p.jb-discuss-content { margin: 0px; }
.jb-discuss-reaction a { display: inline-block; padding: 4px 8px; border-radius: 0px; background-color: #eeeeee; color: #666666; font-size: 12px; }
.jb-discuss-reaction a.jb-discuss-reaction-reply { border-color: #eeeeee; }
.jb-discuss-reaction a.jb-discuss-reaction-reply:hover { background-color: #e0e0e0; color: #222222; }
.jb-discuss-reaction a.jb-discuss-reaction-reply:before { content: "\f112"; font-family: "FontAwesome"; margin-right: 6px; }
.jb-discuss-reaction a.jb-discuss-reaction-edit { border-color: #eeeeee; }
.jb-discuss-reaction a.jb-discuss-reaction-edit:hover { background-color: #e0e0e0; color: #222222; }
.jb-discuss-reaction a.jb-discuss-reaction-edit:before { content: "\f013"; font-family: "FontAwesome"; margin-right: 6px; }

@media ( max-width: 767px ) {
	ul.jb-discuss-list-level-2 { list-style-type: none; padding-left: 40px; }
	.jb-discuss-table-cell-name {  }
	.jb-discuss-table-cell-desc { }
	.jb-discuss-table-cell-reaction { }
	.jb-discuss-table-cell-name img { }
}
li.tt_more_preview_comments_wrap { margin-bottom: 0px; padding-top: 15px; border-top: 1px solid #eeeeee; }
span.tt_more_preview_comments_text { display: block; }

/* Content - Tag */
.jb-article-tag { margin: 20px 0px; font-size: 0px; }
.jb-article-tag a { display: inline-block; margin: 0px 4px 4px 0px; padding: 5px 10px; background-color: #eeeeee; font-size: 14px; color: #666666; }
.jb-article-tag a:before { content: "#"; margin-right: 5px; }
.jb-article-tag a:hover { background-color: #e0e0e0; color: #222222; }

/* Content - Index */
.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: 15px 20px 15px 0px; }
.jb-index-thumbnail img { width: 100%; }
.jb-index-thumbnail-no-image img { border: 1px solid #dddddd; }
.jb-index-table-cell-information { padding: 15px 0px 15px 0px; }
.jb-index-table a { color: #666666; }
.jb-index-table a:hover { color: #222222; }
h3.jb-index-title { margin: 0px; }
h3.jb-index-title a { color: #222222; font-size:1.5em; }
h3.jb-index-title a:hover { color:#666666; }
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: 15px 0px; }
	.jb-index-table-cell-information { padding: 0px 0px 15px 0px; }*/
.jb-index-table-cell-thumbnail { width: 130px; }
.jb-index-title-front a { font-size:15px!important; line-height:1.5em; height:4.5em; overflow:hidden; text-overflow:ellipsis; }
.jb-index-summary-front { display:none; }
}

/* Content - Related */
.jb-related { display:inline-block; width:100%;}
.jb-related-header-table { display: table; width: 100%; margin: 30px 0px 15px 0px;  }
.jb-related-header-table-row { display: table-row; }
.jb-related-header-table-cell { display: table-cell; vertical-align: middle; }
.jb-related-header-table-cell-title { border-bottom: 1px solid #FC6A02; }
.jb-related-header-table-cell-title h2 { margin: 15px 0px; font-size: 20px; }
.jb-related-header-table-cell-more { text-align: right; }
.jb-related-more a { display: inline-block; margin: 0px 0px 15px 0px; padding: 4px 10px; border: 1px solid #424242; border-radius: 0px; background-color: #424242; color: #ffffff; 
display:none; }
.jb-related-more a:hover { border-color: #212121; background-color: #212121; }

.jb-index-table-related { margin: 0px 1% 20px; padding:0; width:48%; float:left; border:1px solid #ddd; box-sizing:border-box; background-color:#efefef; display:inline-block; height:auto;}
h3.jb-index-title-related { padding:0 10px; margin:10px 0 0; }
h3.jb-index-title-related a { color:#000; display:inline-block;  text-overflow:ellipsis; line-height:1.5em; height:3em; overflow:hidden; -webkit-text-overflow: ellipsis;}
.jb-index-table-cell-related { padding-top: 0px; padding-bottom: 0px; }
p.jb-index-information-related { display: none; }

@media ( max-width: 955px ) {
.jb-index-table-related { }
	h3.jb-index-title-related a { font-size:12px;}
}
@media ( max-width: 767px ) {
.jb-index-table-related { width:32%; margin:0 0.5% 20px; }
	h3.jb-index-title-related a { font-size:12px;}
}


/* Content - Protected */
.jb-article-protected { text-align: center; }

/* Content - Search - Category */
#tt-body-category .jb-content-title-search-list { border-bottom: none; }

/* Content - Search - Tag */
#tt-body-tag .jb-content-title-search-list { border-bottom: none; }

/* Content - Search - Archive */
#tt-body-archive .jb-content-title-search-list { border-bottom: none; }

/* Content - Search - Search */
#tt-body-search .jb-content-title-search-list { border-bottom: none; }

/* Content - Tag */
.jb-content-tag ul { list-style-type: none; margin: 30px 0px; padding-left: 0px; text-align: center; }
.jb-content-tag ul li { display: inline-block; margin: 2px; }
.jb-content-tag ul li a { color: #666666; }
.jb-content-tag ul li a:hover { color: #222222; }
.jb-content-tag ul li a.cloud1 { font-size: 1.4em; }
.jb-content-tag ul li a.cloud2 { font-size: 1.3em; }
.jb-content-tag ul li a.cloud3 { font-size: 1.2em; }
.jb-content-tag ul li a.cloud4 { font-size: 1.1em; }
.jb-content-tag ul li a.cloud5 { font-size: 1.0em; }

/* Pagination */
.jb-pagination { margin: 30px 0px 30px 0px; font-family: "PT Sans", sans-serif; }
.jb-pagination ul { padding-left: 0px; list-style-type: none; text-align: center; font-size: 0px; }
.jb-pagination ul li { display: inline-block; margin: 1px; border: 1px solid #bcbcbc; font-size: 14px; }
.jb-pagination ul li a { display: block; min-width: 30px; padding: 4px 0px; line-height: 1.6; background-color: #ffffff; color: #333333; }
.jb-pagination ul li.jb-active { border-color: #666666; }
.jb-pagination ul li.jb-active a { background-color: #666666; color: #ffffff; }
#tt-body-page .jb-pagination, #tt-body-guestbook .jb-pagination { padding-top: 0px; border-top: none; }

/* Sidebar - Common */
.jb-cell-sidebar { margin: 10px 0px; padding: 0px; background-color:#fff;}
.jb-cell-sidebar a { color: #666666; }
.jb-cell-sidebar a:hover { color: #222222; }
.jb-sidebar-title { margin-bottom:10px; border-bottom: 1px solid #FC6A02; }
.jb-sidebar-title h3:before { font-family: "FontAwesome"; margin-right: 10px; font-weight: normal; }
.jb-sidebar-title h3 { margin: 10px 0px 10px; padding-top:10px; font-size: 15px; }

/* Sidebar - List */
.jb-sidebar-content-list ul { list-style-type: none; padding-left: 18px; }
.jb-sidebar-content-list ul li { margin-bottom: 0px; text-indent: -17px; }
.jb-sidebar-content-list ul li span.jb-sidebar-list:before { content: "\f0da"; font-family: "FontAwesome"; padding: 0px 10px 0px 2px; }

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

/* Sidebar - Notices */
.jb-sidebar-title-notices h3:before { content: "\f0a1"; }

/* Sidebar - Admin */
.jb-sidebar-title-admin h3:before { content: "\f085"; }

/* Sidebar - Search */
.jb-sidebar-title-search h3:before { content: "\f002"; }
.jb-form-search-table { margin: 15px 0px; }

/* Sidebar - Category */
.jb-sidebar-title-category h3:before { content: "\f0e8"; }
.jb-sidebar-content-category ul { list-style-type: none; padding-left: 18px; }
.jb-sidebar-content-category ul li { text-indent: -18px; }
.jb-sidebar-content-category ul li:before { content: "\f0da"; font-family: "FontAwesome"; padding: 0px 6px 0px 6px; }
.jb-sidebar-content-category .c_cnt { margin-left: 2px; }

/* Sidebar - Tag */
.jb-sidebar-title-tags h3:before { content: "\f02c"; }
.jb-sidebar-content-tags ul { list-style-type: none; padding-left: 0px; }
.jb-sidebar-content-tags ul li { display: inline-block; }
.jb-sidebar-content-tags ul li a { display: block; margin-bottom: 4px; padding: 2px 7px; border: 1px solid #bcbcbc; }

@media (max-width: 767px) {
.jb-sidebar-title h3 { margin: 10px 0px 10px; padding-top:10px; font-size: 20px; }
.jb-show-recent-posts-thumb .jb-sidebar-content-recent-posts ul { display:inline-block; }
.jb-show-recent-posts-thumb .jb-sidebar-content-recent-posts ul li { width:48%; margin:1%; border-bottom:0; float:left; border:1px solid #ddd; background-color:#efefef; box-sizing:border-box; }
.jb-show-recent-posts-thumb .jb-sidebar-content-recent-posts ul li span.jb-recent-posts-title { line-height:1.5em; height:3em; overflow:hidden; text-overflow:ellipsis; font-size:15px; box-sizing:border-box; padding:0px 10px; display:inline-block; margin:5px 0; font-weight:normal;}
.jb-show-recent-posts-thumb .jb-sidebar-content-recent-posts .jb-sidebar-list { margin-bottom:0;}
.jb-show-recent-posts-thumb .jb-sidebar-content-recent-posts .jb-sidebar-list-thumb img { width: 100%; border:0; box-sizing:border-box; }
}
	
/* Sidebar - Archives */
.jb-sidebar-title-archives h3:before { content: "\f187"; }
.jb-sidebar-content-archives { font-family: "PT Sans", sans-serif; }
.jb-archives-count { margin-left: 4px; }

/* Sidebar - Calendar */
.jb-sidebar-title-calendar h3:before { content: "\f274"; }
.jb-sidebar-content-calendar table { margin-bottom: 15px; width: 100%; border-collapse: collapse; }
.jb-sidebar-content-calendar table caption { padding: 10px 0px 10px 0px; font-family: "PT Sans", sans-serif; }
.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", sans-serif; font-size: 13px; }
.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 - Link */
.jb-sidebar-title-links h3:before { content: "\f0c1"; }

/* Sidebar - Statistics */
.jb-sidebar-title-statistics h3:before { content: "\f080"; }

/* Foot */
.jb-background-foot a { color: #ffffff; }
.jb-copyright { width:100%; text-align:center; padding:50px 0 20px; }
.jb-copyright .quick_sns_btn { width:100%; margin-bottom:30px; }
.jb-copyright .quick_sns_btn a { margin:0 10px; }
.jb-copyright .footer-information { width:100%; color:#666; font-size:13px;}
.jb-copyright h6 { margin: 20px 0px; /* font-family: "PT Sans", sans-serif; */ font-weight: 100; font-size: 12px;  color: #999999; }
.jb-designed h6 { margin: 20px 0px; text-align: right; font-family: "PT Sans", sans-serif; font-weight: normal; font-size: 13px; color: #ffffff; }
@media (max-width: 767px) {
	.jb-copyright h6 { text-align: center; }
	.jb-designed h6 { margin-top: -15px; text-align: center; }
}

/* Form - Common */
input.jb-form-input-text, input.jb-form-input-password { -webkit-appearance: none; width: 100%; height: 34px; padding: 6px 12px; border: 1px solid #bcbcbc; line-height: 1.42857143; font-size: 14px; }
button.jb-form-button { height: 34px; padding: 0px 10px; background-color: transparent; line-height: 1.42857143; font-size: 14px; }
input.jb-form-input-checkbox { position: relative; bottom: 2px; vertical-align: middle; }
textarea.jb-form-textarea { vertical-align: middle; width: 100%; border: 1px solid #bcbcbc; }
.jb-form-discuss { margin: 4px 0px; text-align:center; }
.jb-form-discuss-table { display: table; width: 100%; }
.jb-form-discuss-table-row { display: table-row; }
.jb-form-discuss-table-cell { display: table-cell; vertical-align: middle; }
.jb-form-discuss-table-cell-input { width: 100%; }
.jb-form-discuss-table-cell-input input.jb-form-input-text { border-left: none; }
.jb-form-discuss-icon { border: 1px solid #bcbcbc; }
.jb-form-discuss-icon { height: 34px; padding: 6px 12px; line-height: 1.42857143; font-size: 14px; }
.jb-form-article-protected-table { display: table; width: 100%; }
.jb-form-article-protected-table-row { display: table-row; }
.jb-form-article-protected-table-cell { display: table-cell; vertical-align: middle; }
.jb-form-article-protected-table-cell-input { width: 100%; }
.jb-form-article-protected-table-cell-input input.jb-form-input-password { border-right: none; }
.jb-form-search-table { display: table; width: 100%; }
.jb-form-search-table-row { display: table-row; }
.jb-form-search-table-cell { display: table-cell; vertical-align: middle; }
.jb-form-search-table-cell-input { width: 100%; }
.jb-form-search-table-cell-input input.jb-form-input-text { border-right: none; }

/* Form - Discuss */
.jb-wrap-form-discuss { margin: 15px 0px; }
.jb-form-discuss .jb-form-discuss-icon { border-radius: 0px 0px 0px 0px; }
.jb-form-discuss input.jb-form-input-text { border-radius: 0px 0px 0px 0px; }
.jb-form-discuss input.jb-form-input-checkbox { margin-right: 10px; }
.jb-form-discuss textarea.jb-form-textarea { border-radius: 0px; }
.jb-form-discuss button.jb-form-button { border: 1px solid #424242; border-radius: 0px; background-color: #424242; color: #ffffff; font-size:12px; }
.jb-form-discuss button.jb-form-button:hover { border-color: #212121; background-color: #212121; }
.jb-form-discuss button.jb-form-button:before {  }

/* Form - Search */
.jb-form-search-table-cell-input input.jb-form-input-text { border-radius: 0px 0px 0px 0px; }
.jb-form-search-table-cell-button button.jb-form-button { border: 1px solid #bcbcbc; border-radius: 0px 0px 0px 0px; border-color: #424242; background-color: #424242; color: #ffffff; }
.jb-form-search-table-cell-button button.jb-form-button:hover { border-color: #212121; background-color: #212121; }

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

/* Adsense */
.jb-adsense-ctr { float: right; }
.jb-adsense-ctr ins { margin: 4px 0px 10px 20px; width: 336px; }
@media (max-width: 1118px) {
	.jb-adsense-ctr ins { width: 336px; }
}
@media (max-width: 1010px) {
	.jb-adsense-ctr ins { width: 250px; }
}
@media (max-width: 767px) {
	.jb-adsense-ctr { float: none; }
	.jb-adsense-ctr ins { margin: 0px; width: 100%; }
}

/* Slider */
.jb-cell-slider { padding-top: 10px; }
.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: 5px 0px 0px 0px; }
.theme-default .nivo-controlNav a.active { background-position: 0 -20px; }

/* SNS Share */
.jb-wrap-sns-share { margin: 20px 0px; border: 1px solid #eeeeee; text-align: center; }
.jb-wrap-sns-share p { margin: 0px; padding: 10px 0px; border-bottom: 1px solid #eeeeee; font-size: 16px; }
.jb-sns-share { display: inline-block; width: 60px; margin: 15px 5px; }
.jb-sns-share-logo img { width: 36px; border-radius: 3px; }
.jb-sns-share-label { margin: 5px 0px -5px 0px; font-size: 12px; display:none;}
@media ( max-width: 767px ) {
	.jb-sns-share { display: inline-block; width: auto; margin: 15px 4px; }
	.jb-sns-share-label { display: none; }
	button.jb-form-button { height: 34px; padding: 0px 10px; background-color: transparent; line-height: 1.42857143; font-size: 20px; }
}


/* Tistory utility  */

body.tistory_grid_1050 div#ttCanvas .tt-column, body.tistory_grid_1050 div#ttCanvas .tt-span-1, body.tistory_grid_1050 div#ttCanvas .tt-span-1-border, body.tistory_grid_1050 div#ttCanvas .tt-span-2, body.tistory_grid_1050 div#ttCanvas .tt-span-2-border, body.tistory_grid_1050 div#ttCanvas .tt-span-3, body.tistory_grid_1050 div#ttCanvas .tt-span-3-border, body.tistory_grid_1050 div#ttCanvas .tt-span-4, body.tistory_grid_1050 div#ttCanvas .tt-span-4-border, body.tistory_grid_1050 div#ttCanvas .tt-span-5, body.tistory_grid_1050 div#ttCanvas .tt-span-5-border, body.tistory_grid_1050 div#ttCanvas .tt-span-6, body.tistory_grid_1050 div#ttCanvas .tt-span-6-border, body.tistory_grid_1050 div#ttCanvas .tt-span-7, body.tistory_grid_1050 div#ttCanvas .tt-span-7-border, body.tistory_grid_1050 div#ttCanvas .tt-span-8, body.tistory_grid_1050 div#ttCanvas .tt-span-8-border, body.tistory_grid_1050 div#ttCanvas .tt-span-9, body.tistory_grid_1050 div#ttCanvas .tt-span-9-border, body.tistory_grid_1050 div#ttCanvas .tt-span-10, body.tistory_grid_1050 div#ttCanvas .tt-span-10-border, body.tistory_grid_1050 div#ttCanvas .tt-span-11, body.tistory_grid_1050 div#ttCanvas .tt-span-11-border, body.tistory_grid_1050 div#ttCanvas .tt-span-12, body.tistory_grid_1050 div#ttCanvas .tt-span-12-border, body.tistory_grid_1050 div#ttCanvas .tt-span-0_4, body.tistory_grid_1050 div#ttCanvas .tt-span-1_1, body.tistory_grid_1050 div#ttCanvas .tt-span-1_2, body.tistory_grid_1050 div#ttCanvas .tt-span-1_5, body.tistory_grid_1050 div#ttCanvas .tt-span-1_8, body.tistory_grid_1050 div#ttCanvas .tt-span-10_5, body.tistory_grid_1050 div#ttCanvas .tt-span-6_4, body.tistory_grid_1050 div#ttCanvas .tt-span-12_8, body.tistory_grid_1050 div#ttCanvas .tt-span-0_4-border, body.tistory_grid_1050 div#ttCanvas .tt-span-1_1-border, body.tistory_grid_1050 div#ttCanvas .tt-span-1_2-border, body.tistory_grid_1050 div#ttCanvas .tt-span-1_5-border, body.tistory_grid_1050 div#ttCanvas .tt-span-1_8-border, body.tistory_grid_1050 div#ttCanvas .tt-span-10_5-border, body.tistory_grid_1050 div#ttCanvas .tt-span-6_4-border, body.tistory_grid_1050 div#ttCanvas .tt-span-12_8-border { margin-right:2% !important; float:left;}
body.tistory_grid_1050 div#ttCanvas .tt-last { margin-right:0 !important; }


/*메인큰이미지*/
body.tistory_grid_1050 div#ttCanvas .tt-span-12-border { border:0 !important; width:100% !important; font-family: "Noto Sans KR", sans-serif!important;}
div#ttCanvas .tt-item .tt-post-title, div#ttCanvas .tt-item .tt-post-title a, div#ttCanvas .tt-post-title a {color: #303030; font-family: "Noto Sans KR", sans-serif!important; font-weight:normal!important; }

.tistorytoolbar {  display: none !important;}

.entry-content img {  display: block;  max-width: 100%;  height: auto;}

div.article iframe {  max-width: 100% !important;}

.imageblock { max-width:100%; } 

.tt-span-1,

.tt-span-2,

.tt-span-3,

.tt-span-4,

.tt-span-5,

.tt-span-6,

.tt-span-7,

.tt-span-8,

.tt-span-9,

.tt-span-10,

.tt-span-11,

.tt-span-12 {

max-width: 100% !important; overflow:hidden !important;}

.tt-span-1 {width: 6% !important;}

.tt-span-2 {width: 14% !important;}

.tt-span-3 {width: 23.5% !important;}

.tt-span-4 {width: 31% !important;}

.tt-span-5 {width: 39% !important;}

.tt-span-6 {width: 48% !important;}

.tt-span-7 {width: 53% !important;}

.tt-span-8 {width: 67% !important;}

.tt-span-9 {width: 72% !important;}

.tt-span-10 {width: 80% !important;}

.tt-span-11 {width: 88% !important;}

.tt-span-12 {width: 100% !important;}

@media screen and (max-width: 956px) {

   .tt-span-1,

    .tt-span-2,

    .tt-span-3,

    .tt-span-4,

    .tt-span-5,

    .tt-span-6,

    .tt-span-7,

    .tt-span-8,

    .tt-span-9,

    .tt-span-10,

    .tt-span-11,

    .tt-span-12 {width:100% !important;}

		.tt-span-3 {width: 48% !important;}
    .tt-span-12 {width:100% !important;}

    }

#ttCanvas, .tt-span-12 {width: 100% !important;}