/****************************************/
/* BASIC ********************************/
/****************************************/

/* 더보기/닫기 버튼 스타일 */
.btn-toggle-moreless {
  background-color: #fff !important;  /* 옅은 회색 배경 */
  color: transparent !important;        /* 텍스트 숨기기 */
  border: none !important;
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
}

/* 접근성을 위해 hover 시 outline 추가 */
.btn-toggle-moreless:focus,
.btn-toggle-moreless:hover {
  outline: 2px solid #ccc;
}

/* 텍스트 언더라인 */	
u {
    text-decoration: none;
    display: inline;
    box-shadow: inset 0 -9px 0 #fff284;
}

/* 아래 코드는 연말 연초에는 사용금지 												
.wrap_btn_etc  {display:none;}		*/


/* 모든 요소에 대해 텍스트 선택 비활성화 */
* {
  user-select: none;
}

/* 새로운 텝메뉴 */
.kg-tab-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  margin: 20px auto;
  background-color: #133152;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  box-sizing: border-box;
}

.kg-tab {
  flex: 1;
  text-align: center;
  padding: 14px 0;
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
}

/* 반응형 폰트 조정 */
@media screen and (max-width: 768px) {
  .kg-tab-container {
    padding: 0 10px;
    column-gap: 2px; 
    height: 50px;
  }
  .kg-tab {
    font-size: 14px;
  }
}


/* 마우스 올리면 전체 흐리게, 해당 탭은 선명하게 */
.kg-tab-container:hover .kg-tab {
  color: rgba(255, 255, 255, 0.6);
}

.kg-tab-container:hover .kg-tab:hover {
  color: rgba(255, 255, 255, 1) !important;
}

/* 고정 상태 유지 */
.kg-tab-container.fixed-tab {
  position: fixed;
  top: 0;
  z-index: 999;
  box-sizing: border-box;
}

/* 텍스트 박스 */
.text-box {
  background-color: #f8f8f8;
  border-radius: 12px;
  padding: 40px;
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  margin: 16px 0;
  word-break: keep-all;
}

/* 텍스트 라인 박스 */
.text-box-line {
  /* background-color: #f8f8f8; */
  border: 2px solid #000; /* ✅ 라인 테두리 추가 */
  border-radius: 12px;
  padding: 40px;
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  margin: 16px 0;
  word-break: keep-all;
}

/* 기본: 데스크탑용 스타일 */
.kg-font-h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
}

/* 모바일(화면 너비 768px 이하)용 스타일 */
@media (max-width: 768px) {
  .text-box {
    padding: 30px;
    //font-size: 16px;;
  }
  .text-box-line {
    padding: 30px;
    //font-size: 16px;;
  }
  .kg-font-h1 {
    font-size: 20px; /* 모바일에서는 좀 더 작게 */
  }
}

.small-line-box {
  display: inline-block; /* ✅ 텍스트 길이에 따라 너비 자동 조절 */
  padding: 6px 10px; /* ✅ 적당한 내부 여백 (상하6px, 좌우10px) */
  border: 1px solid #999; /* ✅ 연한 회색 실선 테두리 */
  font-size: 13px;
  border-radius: 999px; /* ✅ 완전 둥근 형태 */
  line-height: 1.5;
  color: #999;
  /* background-color: #fff; */ /* 필요 시 배경색 조정 가능 */
  word-break: keep-all;
  margin-bottom: 5px; /* ✅ 하단 여백 추가 */
}

/* 새로운 텝메뉴 종료 */


/****************************************/
/* 컬러 버튼 */
/****************************************/

/* ✅ 버튼 컨테이너 */
.mnu-button-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* ✅ 2개씩 정렬 */
    gap: 15px; /* ✅ 버튼 간격 */
    justify-content: center;
    margin: 10px auto 0;
}

/* ✅ 개별 버튼 스타일 */
.mnu-button-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    border-radius: 16px;
    height: 120px;
    box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    cursor: pointer;
    text-decoration: none; /* ✅ 링크 스타일 제거 */
    color: white !important; /* ✅ 텍스트 컬러 유지 */
}

/* ✅ 호버(롤오버) 시 버튼 효과 */
.mnu-button-box:hover {
    //transform: translateY(-5px);
    //box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); /* ✅ 90도 방향 (아래쪽 그림자) */
    color: white !important; /* ✅ 호버 시에도 텍스트 색상 유지 */
}

/* ✅ 버튼 제목 */
.mnu-button-title {
    font-size: 16px;
    font-weight: bold;
    color: white !important;
}

/* ✅ 버튼 설명 */
.mnu-button-text {
    font-size: 14px;
    opacity: 0.9;
    color: white !important;
}

/* ✅ 버튼 이모티콘 */
.mnu-button-icon {
    font-size: 45px;
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: white !important;
}

/* ✅ 모바일(최대 768px 이하)에서 높이 조정 */
@media screen and (max-width: 768px) {
    .mnu-button-box {
        height: 90px; /* 모바일에서 높이 변경 */
        border-radius: 12px;
        padding: 16px;
    }
    .mnu-button-title {
        font-size: 15px;
    }
    .mnu-button-text {
        font-size: 13px;
    }
    .mnu-button-icon {
        font-size: 25px;
        right: 12px;
        bottom: 12px;
    }
}

/* ✅ 블루 계열 색상 (4가지 순환) */
.mnu-button-container .mnu-button-box:nth-of-type(4n+1) { background-color: #00aeff; }
.mnu-button-container .mnu-button-box:nth-of-type(4n+2) { background-color: #136cff; }
.mnu-button-container .mnu-button-box:nth-of-type(4n+3) { background-color: #007cd2; }
.mnu-button-container .mnu-button-box:nth-of-type(4n+4) { background-color: #154ece; }

/* ✅ 옐로우 계열 색상 */
.mnu-button-container .mnu-button-box.yellow-button:nth-of-type(4n+1) { background-color: #f6ae00; }
.mnu-button-container .mnu-button-box.yellow-button:nth-of-type(4n+2) { background-color: #c46500; }
.mnu-button-container .mnu-button-box.yellow-button:nth-of-type(4n+3) { background-color: #c48a00; }
.mnu-button-container .mnu-button-box.yellow-button:nth-of-type(4n+4) { background-color: #916000; }

/* ✅ 퍼플 계열 색상 */
.mnu-button-container .mnu-button-box.purple-button:nth-of-type(4n+1) { background-color: #9749e8; }
.mnu-button-container .mnu-button-box.purple-button:nth-of-type(4n+2) { background-color: #6800d5; }
.mnu-button-container .mnu-button-box.purple-button:nth-of-type(4n+3) { background-color: #b900db; }
.mnu-button-container .mnu-button-box.purple-button:nth-of-type(4n+4) { background-color: #800097; }

/* ✅ 그린 계열 색상 */
.mnu-button-container .mnu-button-box.green-button:nth-of-type(4n+1) { background-color: #32cd32; }
.mnu-button-container .mnu-button-box.green-button:nth-of-type(4n+2) { background-color: #00953f; }
.mnu-button-container .mnu-button-box.green-button:nth-of-type(4n+3) { background-color: #2b9a00; }
.mnu-button-container .mnu-button-box.green-button:nth-of-type(4n+4) { background-color: #2c6b0d; }

/****************************************/
/* 하단 JB FACTORY 숨기기 ****************/
/****************************************/

/* ✅ Designed by JB FACTORY 숨기기 */
.jb-column-foot-2 {
    display: none !important;
}

/****************************************/
/* 이미지 상하좌우 라운딩 *****************/
/****************************************/

/* 1개짜리 이미지도 둥글게 */
figure.imageblock img,
figure.imagegridblock img {
    border-radius: 12px !important;
    display: block;
    width: 100%;
    height: auto;
}

figure.imagegridblock {
    border-radius: 12px;
    overflow: hidden;
}

figure.imagegridblock .image-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 15px;
}

figure.imagegridblock .image-container span {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 12px;
    flex-shrink: 0;
}

/* 기본 값 (모바일 포함) */
figure.imagegridblock .image-container span {
    width: calc(50% - 7.5px);
}

/* 이미지 */
figure.imagegridblock .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

/****************************************/
/* 케이군 기본 버튼 */
/****************************************/

.button-container {
  text-align: center; /* 부모 요소에 대한 가운데 정렬 */
  position: relative; /* 자식 요소의 절대 위치를 위한 기준 */
}

.myButton {
  background: #ff0000;
  color: white;
  //padding: 30px 20px; /* 상하 여백을 늘려줌 */
  transition: all 0.3s ease;
  width: 60%;
  height: 80px;
  box-shadow: 0 20px 16px -12px rgba(0, 0, 0, 0.3);
  border-radius: 38px;
  font-size: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 80px; /* 상단 여백 추가 */
  margin-bottom: 100px; /* 하단 여백 추가 */
  display: flex; /* 상하 중앙정렬을 위해 flex 사용 */
  justify-content: center; /* 수평 정렬 중앙 */
  align-items: center; /* 수직 정렬 중앙 */
  margin-left: auto;
  margin-right: auto;
  letter-spacing: -2px;
  font-weight: bold;
}

.myButton:hover {
  background: #ff0000;
  color: white;
}

.myButton.most-likely-to-click {
  padding: 20px 30px; /* 버튼 확대를 위한 안쪽 여백 설정 */
  font-size: 50px; /* 클릭 가능성이 가장 높은 버튼의 글꼴 크기 설정 */
}

@media only screen and (max-width: 600px) {
  .myButton {
    margin-top: 70px; /* 상단 여백 추가 */
    margin-bottom: 70px; /* 하단 여백 추가 */
    font-size: 20px; /* 모바일 장치용 글꼴 크기 축소 */
    width: 85%; /* 너비를 100%로 설정 */
    height: 50px; /* 높이를 자동으로 설정 */
    cursor: default; /* 포인터 커서 제거 */
    border-radius: 28px; /* 테두리 모서리 둥글게 설정 */
    letter-spacing: -1.5px; /* 모바일에서 텍스트 자간 조정 */
  }
}

/****************************************/
/* 아로스 CSS 관련 *****************/
/****************************************/

/* 반응형표 */
.card-container {
  width: 90%;
  margin: 40px auto; /* Set margin to 20px on top and bottom, auto on left and right */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-rows: minmax(80px, auto);
  gap: 10px; /* Optional: Adjust the gap between cards */
  justify-content: center;
  background-color: #fff; /* Set background color for the card container */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle box shadow */
  border-radius: 15px; /* Increased border-radius for a more rounded appearance */
  position: relative;
  z-index: 1; /* Set a higher z-index to ensure it appears above other elements */
	font-weight: bold;
}

.card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  position: relative;
  border: 1px solid #ffb525;
  background-color: #fffef7; /* Set background color for the card */
  cursor: pointer; /* Add a pointer cursor for interaction */
  transition: background-color 0.3s ease, transform 0.3s, box-shadow 0.3s;
  border-radius: 15px; /* Increased border-radius for a more rounded appearance */
  transform: translateY(-5px); /* Initial pop-out effect */
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Initial box-shadow for pop-out effect */
}


@media (max-width: 768px) {
  .card-container {
    width: calc(100% - 50px); /* Set to 100% for full-width container */
    margin: 40px auto; /* Centering the container */
  }

  .card {
    padding: 15px; /* Adjusted padding */
  }
}

/* Font */
@font-face {
	font-family: "Iropke Batang";
	font-style: normal;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/IropkeBatangM.woff" ) format( "woff" );
}
@font-face {
	font-family: "LexiSaebomR";
	font-style: normal;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/LexiSaebomR.woff" ) format( "woff" );
}
@font-face {
	font-family: "Nanum Gothic";
	font-style: normal;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-regular.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-regular.woff" ) format( "woff" );
}
@font-face {
	font-family: "Nanum Gothic";
	font-style: normal;
	font-weight: 700;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-700.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/nanum-gothic-v9-korean_latin-700.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 300;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-demilight.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-demilight.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-regular.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-regular.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 500;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-medium.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-medium.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Sans KR";
	font-style: normal;
	font-weight: 700;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-bold.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/notokr-bold.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-regular.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-regular.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-italic.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-italic.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 700;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700.woff" ) format( "woff" );
}
@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 700;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700italic.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/noto-serif-v6-latin-700italic.woff" ) format( "woff" );
}
@font-face {
	font-family: "PT Sans";
	font-style: normal;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/pt-sans-v9-latin-regular.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/pt-sans-v9-latin-regular.woff" ) format( "woff" );
}
@font-face {
	font-family: "Seoul Hangang";
	font-style: normal;
	font-weight: 400;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungm.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungm.woff" ) format( "woff" );
}
@font-face {
	font-family: "Seoul Hangang";
	font-style: normal;
	font-weight: 700;
	src: url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungeb.woff2" ) format( "woff2" ),
			 url( "https://cdn.jsdelivr.net/gh/jbfactory/jb-skin-fonts/fonts/seoulhangangjungeb.woff" ) format( "woff" );
}

/* Hide */
.jb-background { visibility: hidden; }
.jb-section-title { display: none; }

/* Grid System */
* { box-sizing: border-box; }
body { margin: 0px; }
.jb-row:before { display: table; content: " "; }
.jb-row:after { display: table; content: " "; clear: both; }
.jb-clearfix:before { display: table; content: " "; }
.jb-clearfix:after { display: table; content: " "; clear: both; }

/* Layout */
.jb-container { margin: 0px auto; padding: 0px 20px; }
.jb-row { margin: 0px -10px; }
.jb-column { padding: 0px 10px; }
@media ( min-width: 768px ) {
	.jb-container { width: 100%; }
	.jb-column-content { float: left; width: 66.66666666%; }
	.jb-column-sidebar { float: right; width: 33.33333333%; }
	.jb-column-footer { float: left; width: 33.33333333%; }
	.jb-column-foot { float: left; width: 50%; }
}
@media ( min-width: 769px ) {
	.jb-container { width: 768px; }
}
@media ( min-width: 1024px ) {
	.jb-container { width: 1020px; padding: 0px 30px; }
	.jb-row { margin: 0px -15px; }
	.jb-column { padding: 0px 15px; }
}

/* Typography */
body { line-height: 1.8; color: #222222; font-family: "Malgun Gothic", sans-serif; word-break: break-all; }
h1, h2, h3, h4, h5, h6 { margin: 20px 0px; line-height: 1.5; font-family: "Malgun Gothic", sans-serif; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }
p { margin: 20px 0px; }
ul, ol { padding-left: 1.6em; }
pre { margin: 20px 0px; font-family: Consolas, Menlo, Monaco, "Courier New", monospace; white-space: pre-wrap; overflow-x: auto; }
code { font-family: Consolas, Menlo, Monaco, "Courier New", monospace; }
table { table-layout: fixed; margin: 20px 0px; }
.another_category table { visibility: hidden; } /* 케 하단 카테고리 블로그 리스트 숨김 */
.jb-index-title img { width: auto !important; }

/* Link */
a { text-decoration: none; color: #337ab7; transition: all ease 0.2s; }
a:hover { color: #23527c; }

/* Image - Common */
img { max-width: 100%; height: auto; border: none; vertical-align: middle; }

/* Classic Editor - Image */
span.imageblock { max-width: 100%; height: auto; }
.ExifInfo { max-width: 100%; padding: 5px 10px 5px 10px; background-color: #fafafa; }
.cap1 { padding: 10px 10px 10px 10px; max-width: 100%; line-height: 1.4; font-size: 0.9em; color: #868686; background-color: #fafafa; }
table.jb-image-table { max-width: 100%; border-spacing: 0px; border: none; }
table.jb-image-table td { vertical-align: top; }
table.jb-image-table.jb-image-table-2 td { width: 50%; }
table.jb-image-table.jb-image-table-3 td { width: 33.33333333%; }
table.jb-image-table span.imageblock { width: 100% !important; }
table.jb-image-table span.imageblock img { width: 100%; }
table.jb-image-table span.cap1 { width: 100% !important; max-width: 100% !important; }
.jb-image-p-wrap { margin: 25px 0px; }
.jb-image-table-wrap { margin: 25px 0px; }
@media ( min-width: 768px ) {
	.jb-image-p-wrap { margin: 25px 0px; }
	.jb-image-table-wrap { margin: 25px 0px; }
}

/* New Editor - Image */
figure { margin: 20px 0px; }
figure figcaption { color: #999999; }

/* Responsive YouTube*/
iframe { max-width: 100%; }
.jb-youtube-16x9 { position: relative; width: 100%; padding-bottom: 56.25%; margin: 25px 0px; text-align: left; }
.jb-youtube-16x9 iframe { position: absolute; width: 100%; height: 100%; }
.jb-youtube-4x3 { position: relative; width: 100%; padding-bottom: 75%; margin: 25px 0px; text-align: left; }
.jb-youtube-4x3 iframe { position: absolute; width: 100%; height: 100%; }

/* Responsive Table */
.jb-responsive-table { overflow-x: auto; }

/* Form */
input, button, textarea { font-family: inherit; }
input.jb-form-input-text, input.jb-form-input-password { -webkit-appearance: none; outline: none; border-radius: 0px; }
textarea.jb-form-textarea { -webkit-appearance: none; outline: none; vertical-align: middle; width: 100%; border-radius: 0px; }
button.jb-form-button { cursor: pointer; }
button.jb-form-button:focus { outline: none; }

/* Frontpage */
body.jb-body-frontpage .jb-content-title-search-list { display: none; }

/****************************************/
/* Content ******************************/
/****************************************/

/* 케 본문 제목 Content */
.jb-cell-content { margin: 0px 0px; }
.jb-content-title { border-bottom: 1px solid #dadada; text-align: center; }
.jb-content-title h1 { margin: 0px 0px; font-size: 1em; font-weight: bold;} /* 높이 값을 조정 제목 텍스트 사이즈  */
.jb-content-title h1 a { color: #333333; font-weight: bold;}
.jb-content { margin: 0px 0px; }
@media ( min-width: 1024px ) {
	.jb-cell-content { margin: 0px 0px; }
	.jb-content-title h1 { margin: 0px 0px; font-size: 1.5em; font-weight: bold;} /* 높이 값을 조정  */
	.jb-content { margin: 0px 0px; }
}

/* 케 Content - Article - Information */
.jb-article-information {
    display: none !important;
}/* 전체 숨김 */
.jb-content-title {
    border-bottom: none !important;
}/* 제목 아래에 있는 라인 숨김 */
.jb-article-information { font-size: 0.9em; color: #666666; }
.jb-article-information a { color: #666666; }
.jb-article-information a:hover { color: #222222; }
.jb-article-information > ul { margin: -15px 0px 20px 0px; padding-left: 0px; list-style-type: none; text-align: center; }
.jb-article-information > ul > li { display: inline-block;  margin: 0px 4px; }
.jb-article-information > ul > li:before { font-family: "xeicon"; display: inline-block; margin: 0px 10px 0px 0px; position: relative; top: 0.05em; }
.jb-article-information > ul > li.jb-article-information-author:before { content: "\ea2a"; }
.jb-article-information > ul > li.jb-article-information-category:before { content: "\eb98"; }
.jb-article-information > ul > li.jb-article-information-date:before { content: "\ea2c"; margin: 0px 5px 0px 0px; }
.jb-article-information > ul > li.jb-article-information-date { font-family: "PT Sans", sans-serif; }
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; }
@media ( min-width: 1024px ) {
	.jb-article-information > ul { margin-bottom: 30px; }
}

/* Content - Article - Tag */
.jb-article-tag { margin: 30px 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; font-family: inherit; color: #666666; }
.jb-article-tag a:before { content: "#"; margin-right: 5px; }
.jb-article-tag a:hover { background-color: #e0e0e0; color: #222222; }
.jb-article-tag { font-size: 10px; color: transparent; }
.jb-article-tag a { margin: 0px 0px 5px 0px; }

/* Content - More Less */
	#tt-body-page div[data-ke-type='moreLess'] a.btn-toggle-moreless { display: inline-block; padding: 4px 8px; border-radius: 3px; background-color: #616161; text-align: center; font-size: inherit; color: #ffffff; }
	#tt-body-page div[data-ke-type='moreLess'].open a.btn-toggle-moreless { background-color: #eeeeee; color: #222222; }

/* Content - More Less - Classic Editor */
button.btn_more:before,
button.btn_less:before { display: none; }
button.btn_more,
button.btn_less { display: inline-block; width: auto; height: auto; margin: 0px; padding: 8px 8px; border-radius: 3px; background-color: #616161; text-align: center; font-size: inherit; color: #ffffff; line-height: 1; cursor: pointer; }
.moreless_fold:before,
.moreless_top:before,
.moreless_bottom:before { font-family: "xeicon"; display: inline-block; position: relative; top: 0.00em; margin-right: 10px; font-weight: bold;  }
.moreless_fold { font-weight: bold; }
.moreless_fold:before { content: "\e910"; }
.moreless_top { font-weight: bold; }
.moreless_top:before { content: "\e911"; }
.moreless_bottom { font-weight: bold; }
.moreless_bottom:before { content: "\e911"; }

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

/* 케 Content - Discuss Count */
p.jb-discuss-count { margin: 30px 0px; display: none; /* 요소를 보이지 않게 설정 */}
p.jb-discuss-count a { display: inline-block; padding: 3px 12px; border: 1px solid #dadada; border-radius: 0px; color: #666666; }
p.jb-discuss-count a:hover { color: #222222; }
span.jb-discuss-count-label { margin-right: 5px; }

/* Content - Article - Protected */
.jb-article-protected { margin: 30px 0px; text-align: center; }
.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: 99%; }
.jb-form-article-protected-table-cell-button { width: 1%; }
.jb-form-article-protected-table-cell-input input { width: 100%; height: 40px; padding: 0px 4px; border: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.jb-form-article-protected-table-cell-button button { height: 40px; padding: 0px 10px; border: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: transparent; font-size: 18px; }

/* 케 Content - Form */
.jb-form-discuss { margin: 4px 0px; font-size: 14px; display: none; /* 요소를 보이지 않게 설정 */}
.jb-form-discuss-table { display: table; width: 100%; line-height: 1; }
.jb-form-discuss-table-row { display: table-row; }
.jb-form-discuss-table-cell { vertical-align: middle; height: 40px; display: none; /* 요소를 보이지 않게 설정 */}
.jb-form-discuss-table-cell-icon { width: 40px; border: 1px solid #dadada; text-align: center; font-size: 20px; }
.jb-form-discuss-table-cell-input { border: 1px solid #dadada; border-left: none; }
.jb-form-discuss-table-cell-input input { width: 100%; height: 100%; padding: 0px 12px; border: none; }
.jb-form-discuss-name { float: left; width: 49.5%; }
.jb-form-discuss-password { float: right; width: 49.5%; }
.jb-form-discuss-homepage { display: none; }
.jb-form-discuss-table-cell-checkbox { width: 40px; text-align: center; font-size: 28px; }
.jb-form-label-secret-icon { cursor: pointer; }
.jb-form-label-secret-icon:before { content: "\e967"; font-family: "xeicon"; color: #cccccc; }
input[class="jb-form-input-checkbox"]:checked + .jb-form-label-secret-icon:before { content: "\e966"; color: #333333; }
.jb-form-discuss-table-cell-label { line-height: 1; }
.jb-form-input-checkbox { display: none; }
textarea.jb-form-textarea { height: 150px; padding: 6px 12px; border: 1px solid #dadada; line-height: 1.8; }
.jb-form-discuss-submit button { height: 36px; margin: 5px 0px; padding: 0px 12px; border: 1px solid #424242; background-color: #424242; line-height: 1; color: #ffffff; }
.jb-form-discuss-submit button:before { content: "\ea0b"; font-family: "xeicon"; display: inline-block; margin-right: 6px; position: relative; top: 0.05em; }

/* Content - Discuss */
.jb-wrap-discuss-list { margin: 30px 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: 40px; }
.jb-discuss-table { display: table; width: 100%; margin: 20px 0px; }
.jb-discuss-table-row { display: table-row; }
.jb-discuss-table-cell { display: table-cell; vertical-align: middle; }
.jb-discuss-table-cell-logo { width: 100px; padding-right: 15px; }
.jb-discuss-table-cell-logo img { width: 100%; }
.jb-discuss-information-name { margin: 10px 0px 5px 0px; font-weight: bold; }
.jb-discuss-information-name a { color: #333333; }
.jb-discuss-information-date { margin: 5px 0px 10px 0px; font-family: "PT Sans", sans-serif; font-size: 12px; }
.jb-discuss-information-date a { float: right; color: #cccccc; }
p.jb-discuss-content { margin: 10px 0px; }
.jb-discuss-reaction a { display: inline-block; padding: 8px 8px; border-radius: 0px; background-color: #eeeeee; line-height: 1; color: #666666; font-size: 0.8em; }
.jb-discuss-reaction a.jb-discuss-reaction-reply,
.jb-discuss-reaction a.jb-discuss-reaction-edit { border-color: #eeeeee; }
.jb-discuss-reaction a.jb-discuss-reaction-reply:hover,
.jb-discuss-reaction a.jb-discuss-reaction-edit:hover { background-color: #e0e0e0; color: #222222; }
.jb-discuss-reaction a.jb-discuss-reaction-reply:before,
.jb-discuss-reaction a.jb-discuss-reaction-edit:before { font-family: "xeicon"; display: inline-block; margin-right: 6px; position: relative; top: 0.04em; }
.jb-discuss-reaction a.jb-discuss-reaction-reply:before { content: "\ea0d"; }
.jb-discuss-reaction a.jb-discuss-reaction-edit:before { content: "\e986"; }
span.tt_more_preview_comments_text { display: block; padding: 10px 0px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.jb-discuss-table-cell-logo-guestbook { width: 0px; padding: 0px; }
.jb-discuss-table-cell-name-guestbook { border-bottom: 1px solid #dadada; }

/* 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:before { content: "#"; margin-right: 4px; }
.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; }

/****************************************/
/* Typography - Heading - CE ************/
/****************************************/

/* ✅ 케 소제목 꾸미기 Typography - Heading Type 01 */
.jb-typography-heading-type-01 .jb-article h2[data-ke-size] {
    margin-bottom: 0px;
    margin-top: 60px;
    padding: 16px 15px;
    border: 5px solid #000; /* 전체 테두리 적용 후 */
    border-bottom: none; /* 하단 테두리 제거 */
    border-radius: 15px 15px 0 0; /* 상좌우 모서리 둥글게 */
    line-height: 1.3;
    color: inherit;           /* 기존 글자 색상 유지 */
    text-decoration: none;    /* 밑줄 제거 */
    cursor: pointer;          /* 손모양 커서 */
}


/* ✅ h3 소제목 스타일 */
.jb-typography-heading-type-01 .jb-article h3[data-ke-size] { 
    padding: 10px 15px; 
    margin-top: 40px;
    margin-bottom: 40px; /* ✅ 하단 여백 추가 */
    border-left: 5px solid #555; 
    border-bottom: 2px solid #000; /* ✅ 하단 검은색 라인 추가 */
    line-height: 1.3; /* ✅ 행간 조정 */
    color: inherit;           /* 마우스오버 시에도 색상 변화 없음 */
}

/* ✅ h4 소제목 스타일 */
.jb-typography-heading-type-01 .jb-article h4[data-ke-size] { 
    margin-top: 30px;
    margin-bottom: 30px; /* ✅ 하단 여백 추가 */
    padding: 7px 15px; /* ✅ 내부 여백 */
    border-left: 5px solid #555; /* ✅ 세로선 두께 */
    line-height: 1.3; /* ✅ 행간 조정 */
    height: auto; /* ✅ 컨텐츠에 맞게 자동 높이 조정 */
    display: flex;
    align-items: center; /* ✅ 텍스트 세로 중앙 정렬 */
}

/* ✅ h2, h3, h4 소제목 모바일 폰트 사이즈 조정 */
@media screen and (max-width: 768px) {
  .jb-typography-heading-type-01 .jb-article h2[data-ke-size] {
    font-size: 20px;
  }
  .jb-typography-heading-type-01 .jb-article h3[data-ke-size] {
    font-size: 18px;
  }
  .jb-typography-heading-type-01 .jb-article h4[data-ke-size] {
    font-size: 16px;
  }
}


/****************************************/
/* Typography - Blockquote - CE *********/
/****************************************/

/* Typography - Blockquote Type 01 */

/* Typography - Blockquote Type 02 */
.jb-typography-ce-blockquote-type-02 blockquote.tx-quote-tistory { margin: 20px 0px; padding: 1px 20px; border: none; border-left: 8px solid #eeeeee; background-color: #fafafa; line-height: inherit; font-size: inherit; color: #666666; }
.jb-typography-ce-blockquote-type-02 blockquote.tx-quote-tistory p { line-height: inherit; font-size: inherit; }

/****************************************/
/* Typography - Heading *****************/
/****************************************/

.jb-article h2[data-ke-size],
.jb-article h3[data-ke-size],
.jb-article h4[data-ke-size] { margin: 20px 0px; padding: 0px; border: none; }
.jb-article h2[data-ke-size]:before,
.jb-article h3[data-ke-size]:before,
.jb-article h4[data-ke-size]:before { display: none; }
.jb-article h2[data-ke-size]:after,
.jb-article h3[data-ke-size]:after,
.jb-article h4[data-ke-size]:after { display: none; }
.jb-article h2[data-ke-size] { font-size: 1.3em; }
.jb-article h3[data-ke-size] { font-size: 1.2em; }
.jb-article h4[data-ke-size] { font-size: 1.1em; }

/* Typography - Heading Type 01 */

/* Typography - Heading Type 02 */
.jb-typography-heading-type-02 .jb-article h2[data-ke-size] { padding: 0px 0px 10px 0px; border-bottom: 1px solid #222222; }
.jb-typography-heading-type-02 .jb-article h3[data-ke-size] { padding: 0px 0px 10px 0px; border-bottom: 1px solid #757575; }
.jb-typography-heading-type-02 .jb-article h4[data-ke-size] { padding: 0px 0px 10px 0px; border-bottom: 1px solid #bdbdbd; }

/* Typography - Heading Type 03 */
.jb-typography-heading-type-03 .jb-article h2[data-ke-size] { padding: 0px 0px 0px 15px; border-left: 5px solid #222222; }
.jb-typography-heading-type-03 .jb-article h3[data-ke-size] { padding: 0px 0px 0px 15px; border-left: 5px solid #757575; }
.jb-typography-heading-type-03 .jb-article h4[data-ke-size] { padding: 0px 0px 0px 15px; border-left: 5px solid #bdbdbd; }

/* Typography - Heading Type 04 */
.jb-typography-heading-type-04 .jb-article h2[data-ke-size] { padding: 10px 15px; border-left: 5px solid #222222; background-color: #fafafa; }
.jb-typography-heading-type-04 .jb-article h3[data-ke-size] { padding: 10px 15px; border-left: 5px solid #757575; background-color: #fafafa; }
.jb-typography-heading-type-04 .jb-article h4[data-ke-size] { padding: 10px 15px; border-left: 5px solid #bdbdbd; background-color: #fafafa; }

/****************************************/
/* Typography - Blockquote **************/
/****************************************/

/* Typography - Blockquote 1 Type 01 */

/* Typography - Blockquote 1 Type 02 */
.jb-typography-blockquote-1-type-02 #tt-body-page blockquote[data-ke-style="style2"] { margin: 20px 0px; padding: 0px 0px 0px 20px; border-left: 8px solid #eeeeee; line-height: inherit; font-size: 1em; color: #666666; }

/* Typography - Blockquote 2 Type 01 */

/* Typography - Blockquote 2 Type 02 */
.jb-typography-blockquote-2-type-02 #tt-body-page blockquote[data-ke-style="style3"] { margin: 20px 0px; padding: 15px 20px; border: none; border-left: 8px solid #eeeeee; background-color: #fafafa; line-height: inherit; font-size: 1em; color: #666666; }

/****************************************/
/* Typography - Box *********************/
/****************************************/

/* JB Box */
.jb-box { margin: 25px 0px; padding: 0px 20px; border: 1px solid #dadada; border-left-width: 4px; }
.jb-box-red { border-color: #FFCDD2; background-color: #FFEBEE; }
.jb-box-pink { border-color: #F8BBD0; background-color: #FCE4EC; }
.jb-box-purple { border-color: #E1BEE7; background-color: #F3E5F5; }
.jb-box-indigo { border-color: #C5CAE9; background-color: #E8EAF6; }
.jb-box-blue { border-color: #BBDEFB; background-color: #E3F2FD; }
.jb-box-cyan { border-color: #B2EBF2; background-color: #E0F7FA; }
.jb-box-teal { border-color: #B2DFDB; background-color: #E0F2F1; }
.jb-box-green { border-color: #C8E6C9; background-color: #E8F5E9; }
.jb-box-lime { border-color: #F0F4C3; background-color: #F9FBE7; }
.jb-box-yellow { border-color: #FFF9C4; background-color: #FFFDE7; }
.jb-box-amber { border-color: #FFECB3; background-color: #FFF8E1; }
.jb-box-orange { border-color: #FFE0B2; background-color: #FFF3E0; }
.jb-box-brown { border-color: #D7CCC8; background-color: #EFEBE9; }
.jb-box-gray { border-color: #F5F5F5; background-color: #FAFAFA; }

/****************************************/
/* Pagination ***************************/
/****************************************/

/* 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 #dadada; font-size: 14px; }
.jb-pagination ul li a { display: block; min-width: 30px; padding: 4px 8px; 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; }

/****************************************/
/* Footer *******************************/
/****************************************/

/* Footer */
.jb-line-footer-top { border-top: 1px solid #dadada; }

/****************************************/
/* Foot *********************************/
/****************************************/

/* Foot */
.jb-line-foot-top { border-top: 1px solid #dadada; }
.jb-copyright h2,
.jb-designed h2 { text-align: center; font-size: 1.0em; font-weight: 400; }
.jb-copyright h2 { margin: 20px 0px 10px 0px; }
.jb-designed h2 { margin: 10px 0px 20px 0px; }
@media ( min-width: 768px ) {
	.jb-copyright h2 { margin: 20px 0px 20px 0px; text-align: left; }
	.jb-designed h2 { margin: 20px 0px 20px 0px; text-align: right; }
}

/****************************************/
/* Etc **********************************/
/****************************************/

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

/****************************************/
/* Header Type **************************/
/****************************************/

/* Header Type 01 */
html.jb-show-site-title-text span.jb-site-title-image { display: none; }
html.jb-show-site-title-image span.jb-site-title-text { display: none; }
.jb-background-header { line-height: 1; }
.jb-header-mobile-table { display: table; width: 100%; }
.jb-header-mobile-table-row { display: table-row; }
.jb-header-mobile-table-cell { display: table-cell; vertical-align: middle; }
.jb-header-mobile-table-cell-bars { text-align: right; }
.jb-site-title { line-height: 1; font-weight: 500; }
.jb-site-title a { color: #333333; }
.jb-bars i { font-size: 24px; cursor: pointer; }
.jb-header-table-cell-search { display: none; margin: 0px -20px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.jb-header-blog-menu { display: none; }
.jb-form-search { margin: 20px auto; width: 300px;}
.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: 99%; }
.jb-form-search-table-cell-button { width: 1%; }
.jb-form-search-table-cell-input input { width: 100%; height: 40px; padding: 0px 4px; border: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.jb-form-search-table-cell-button button { height: 40px; padding: 0px 10px; border: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: transparent; font-size: 18px; }
.jb-sns-wrap { padding-bottom: 20px; text-align: center; }
.jb-sns-wrap .jb-sns { display: inline-block; vertical-align: text-top; }
.jb-sns-wrap .jb-sns a { display: block; width: 40px; height: 40px; margin: 0px 2px; padding: 10px 0px; border: 1px solid #dadada; font-size: 18px; color: #666666; }
.jb-sns-wrap .jb-sns a:hover { border-color: #666666; }
.jb-sns-wrap .jb-sns a img { color: red; }
@media ( min-width: 768px ) {
	.jb-bars i { font-size: 32px; }
	.jb-header-table-cell-search { margin: 0px 0px; }
}
@media ( min-width: 1024px ) {
	.jb-header-table { display: table; width: 100%; }
	.jb-header-table-row { display: table-row; }
	.jb-header-table-cell { display: table-cell; vertical-align: middle; }
	.jb-header-mobile-table { display: block; width: auto; }
	.jb-header-mobile-table-row { display: block; }
	.jb-header-mobile-table-cell { display: block; }
	.jb-header-mobile-table-cell-bars { display: none; }
	.jb-header-table-cell-search { display: table-cell !important; margin: 0px 0px; border-top: none; border-bottom: none; text-align: right; }
	.jb-form-search { display: inline-block; width: 300px; margin: 0px 0px; border-top: none; border-bottom: none; vertical-align: top; }
	.jb-sns-wrap { display: inline-block; margin: 0px; padding-bottom: 0px; border-bottom: none; text-align: center; }
	.jb-sns-wrap .jb-sns a { margin: 0px 0px 0px 0px; }
}

/* Header Type 01 Title */
.jb-site-title { margin: 15px 0px; font-size: 1.5em; }
.jb-site-title span.jb-site-title-image img { width: 80px; vertical-align: initial; }
@media ( min-width: 768px ) {
	.jb-site-title { margin: 20px 0px; font-size: 2.0em; }
	.jb-site-title span.jb-site-title-image img { width: 100px; }
}
@media ( min-width: 1024px ) {
	.jb-site-title { margin: 40px 0px; font-size: 2.0em; }
	.jb-site-title span.jb-site-title-image img { width: 120px; }
}



/****************************************/
/* Navigation Type **********************/
/****************************************/

/* Navigation Type 01 */
.jb-background-navigation { border-bottom: 1px solid #dadada; }
.jb-cell-navigation { display: none; }
.jb-navigation-category { display: none; }
.jb-navigation-blog-menu ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; }
.jb-navigation-blog-menu ul:before { display: table; content: " "; }
.jb-navigation-blog-menu ul:after { display: table; content: " "; clear: both; }
.jb-navigation-blog-menu ul li { float: left; width: 50%; margin-bottom: -1px; padding: 0px 10px; }
.jb-navigation-blog-menu ul li a { display: block; padding: 8px 0px; border-top: 1px solid transparent; border-bottom: 1px solid #dadada; color: #333333; }
@media ( min-width: 768px ) {
	.jb-background-navigation { border-bottom: none; }
	.jb-line-navigation-bottom { border-bottom: 1px solid #dadada; }
	.jb-navigation-blog-menu ul li { width: 25%; }
}
@media ( min-width: 1024px ) {
	.jb-line-navigation-bottom { border-bottom: none; }
	.jb-cell-navigation { display: block !important; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
	.jb-navigation-blog-menu ul { margin: 0px; text-align: center; }
	.jb-navigation-blog-menu ul li { display: inline-block; float: none; width: auto; margin-bottom: 0px; padding: 0px; }
	.jb-navigation-blog-menu ul li a { padding: 12px 5px; border-bottom: 0px; }
}
.jb-form-search-navigation-table { display: none; }

/* For DEV */
/*.jb-header-table-cell-search, .jb-cell-navigation { display: block; }*/



/* Navigation Type 03 */
.jb-navigation-type-03 .jb-cell-navigation { margin: 0px -20px; }
.jb-navigation-type-03 .jb-navigation { padding: 10px 20px; background-color: #424242; background-image: url( "./images/jb-pattern-black_paper.png" ); }
.jb-navigation-type-03 .jb-navigation-blog-menu ul li a { border-bottom: none; color: #ffffff; }
@media ( min-width: 768px ) {
	.jb-navigation-type-03 .jb-cell-navigation { margin: 0px 0px; }
}
@media ( min-width: 1024px ) {
	.jb-navigation-type-03 .jb-cell-navigation { margin: 0px 0px; border: none; }
	.jb-navigation-type-03 .jb-navigation { padding: 0px 0px; }
	.jb-navigation-type-03 .jb-navigation-blog-menu ul { text-align: left; }
	.jb-navigation-type-03 .jb-navigation-blog-menu ul li { float: left; display: block; padding: 0px; }
	.jb-navigation-type-03 .jb-navigation-blog-menu ul li a { padding: 10px 20px; border-bottom: 0px; border-right: 1px solid #333333; }
	.jb-navigation-type-03 .jb-navigation-blog-menu ul li a:hover { background-color: #F44336; }
}



/****************************************/
/* Font Type ****************************/
/****************************************/

/* Font Type 01 */
.jb-font-body-type-01 body { letter-spacing: -0.5px; word-spacing: 1px; }

/* Font Type 02 */
.jb-font-body-type-02 body { font-family: "Noto Sans KR", sans-serif; }
.jb-font-heading-type-02 h1,
.jb-font-heading-type-02 h2,
.jb-font-heading-type-02 h3,
.jb-font-heading-type-02 h4,
.jb-font-heading-type-02 h5,
.jb-font-heading-type-02 h6 { font-family: "Noto Sans KR", sans-serif; font-weight: 500; }

/* Font Type 03 */
.jb-font-body-type-03 body { font-family: "Noto Serif", LexiSaebomR, sans-serif; word-spacing: 0.5px; }
.jb-font-heading-type-03 h1,
.jb-font-heading-type-03 h2,
.jb-font-heading-type-03 h3,
.jb-font-heading-type-03 h4,
.jb-font-heading-type-03 h5,
.jb-font-heading-type-03 h6 { font-family: "Noto Serif", LexiSaebomR, sans-serif; font-weight: 700; }

/* Font Type 04 */
.jb-font-body-type-04 body { font-family: "Nanum Gothic", sans-serif; word-spacing: 0.5px; }
.jb-font-heading-type-04 h1,
.jb-font-heading-type-04 h2,
.jb-font-heading-type-04 h3,
.jb-font-heading-type-04 h4,
.jb-font-heading-type-04 h5,
.jb-font-heading-type-04 h6 { font-family: "Nanum Gothic", sans-serif; font-weight: 700; }

/* Font Type 05 */
.jb-font-body-type-05 body { font-family: "Iropke Batang", sans-serif; word-spacing: 0.5px; }
.jb-font-heading-type-05 h1,
.jb-font-heading-type-05 h2,
.jb-font-heading-type-05 h3,
.jb-font-heading-type-05 h4,
.jb-font-heading-type-05 h5,
.jb-font-heading-type-05 h6 { font-family: "Iropke Batang", sans-serif; font-weight: 700; }

/****************************************/
/* Another Category Type ****************/
/****************************************/

/* Another Category Type 01 */


/* 케 Another Category Type 02 */
.jb-another-category-type-02 .another_category { margin: 30px 0px; padding: 0px; border: none !important; display: none; /* 요소를 보이지 않게 설정 */}
.jb-another-category-type-02 .another_category h4 { padding: 15px 0px !important; border-top: 3px solid #dadada !important; border-bottom: 1px solid #dadada !important; text-align: center; color: #333333 !important; font-size: 1.1em !important; }
.jb-another-category-type-02 .another_category h4 a { color: #333333 !important; }
.jb-another-category-type-02 .another_category table { margin: 0px 0px 0px 0px !important; }
.jb-another-category-type-02 .another_category table * { color: #333333 !important; font-size: 1.0em !important; }
.jb-another-category-type-02 .another_category table th,
.jb-another-category-type-02 .another_category table td { padding: 10px 5px !important; border-bottom: 1px solid #dadada; }
.jb-another-category-type-02 .another_category table td { width: 90px; font-family: "PT Sans", sans-serif; }
.jb-another-category-type-02 .another_category table th a.current { border: none !important; font-weight: normal !important; }
@media (max-width: 1023px) {
	.jb-another-category-type-02 .another_category table td { display: none; }
}

/****************************************/
/* Comment Type *************************/
/****************************************/

/* Comment Type 02 */
.jb-comment-type-02 .jb-discuss-table { margin: 10px 0px; padding: 10px 10px; background-color: #fafafa; }
.jb-comment-type-02 ul.jb-discuss-list-level-2 { padding-left: 0px; border-left: 36px solid #eeeeee }
.jb-comment-type-02 .jb-discuss-information-name { margin-top: 0px; }
.jb-comment-type-02 .jb-discuss-table-reply .jb-discuss-information-date { margin-bottom: 0px; }

/****************************************/
/* Module *******************************/
/****************************************/

/* Module */
.jb-cell-module { margin: 20px 0px; }
.jb-module-title h3 { margin: 0px 0px; padding: 5px 0px 15px 0px; border-bottom: 1px solid #dadada; font-size: 1.2em; line-height: 1; }
.jb-module-title h3:before { font-family: "xeicon"; position: relative; width: 1.6em; line-height: 1; font-weight: 400; font-size: 1.0em; display: none; }
.jb-module-title-skin-option h3:before { content: "\e99b"; }
.jb-module-title-follow-me h3:before { content: "\ea2e"; }
.jb-module-title-notices h3:before { content: "\e9a7"; }
.jb-module-title-search h3:before { content: "\e97a"; }
.jb-module-title-category h3:before { content: "\eb98"; }
.jb-module-title-tags h3:before { content: "\ea37"; }
.jb-module-title-calendar h3:before { content: "\e9a4"; }
.jb-module-title-archives h3:before { content: "\e9c2"; }
.jb-module-title-recent-posts h3:before { content: "\e9c3"; }
.jb-module-title-popular-posts h3:before { content: "\eb37"; }
.jb-module-title-recent-replies h3:before { content: "\ea15"; }
.jb-module-title-links h3:before { content: "\e980"; }
.jb-module-title-statistics h3:before { content: "\e901"; }
.jb-module-title-admin h3:before { content: "\e986"; }
.jb-module-content a { color: #333333; }
@media ( min-width: 1024px ) {
	.jb-cell-module { margin: 30px 0px; }
}

/* Module - List */
.jb-module-content-list ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px; }
.jb-module-content-list a,
.jb-module-content-statistics span.jb-module-list { display: block; padding: 10px 2px; border-bottom: 1px solid #eeeeee; }
.jb-module-content-list ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Module - Recent Posts */
.jb-cell-module-recent-posts .jb-recent-posts-author { display: none; }
.jb-cell-module-recent-posts .jb-recent-posts-reply-count { margin-left: 8px; font-size: 0.9em; font-family: "PT Sans", sans-serif; }
.jb-cell-module-recent-posts .jb-recent-posts-reply-count i { position: relative; top: 0.05em; margin-right: 4px; }
.jb-cell-module-recent-posts ul li a { padding: 10px 0px; white-space: normal; overflow: visible; text-overflow: clip; }
.jb-cell-module-recent-posts .jb-module-list-table { display: table; width: 100%; table-layout: fixed; }
.jb-cell-module-recent-posts .jb-module-list-table-row { display: table-row; }
.jb-cell-module-recent-posts .jb-module-list-table-cell { display: table-cell; vertical-align: middle; }
.jb-cell-module-recent-posts .jb-module-list-table-cell-1 { width: 70px; padding: 0px 10px 0px 0px; }
.jb-cell-module-recent-posts .jb-module-list-table-cell-1 img { width: 100%; }

/* Module - Recent Replies */
.jb-recent-replies-name { display: none; }
.jb-recent-replies-time { display: none; }

/* Module - Category */
.jb-module-content-category ul.tt_category { margin: 0px 0px 0px 0px; padding: 0px 0px; list-style-type: none; }
.jb-module-content-category ul.tt_category > li > a { display: none; }
.jb-module-content-category ul.category_list { padding: 0px; list-style-type: none; }
.jb-module-content-category ul.category_list ul { padding: 0px; list-style-type: none; }
.jb-module-content-category ul.category_list a { display: block; padding: 10px 2px; border-bottom: 1px solid #eeeeee; }
.jb-module-content-category ul.category_list ul a:before { content: "\e91a"; font-family: "xeicon"; padding: 0px 6px 0px 0px; }
.jb-module-content-category ul.category_list .c_cnt { float: right; font-family: "PT Sans", sans-serif; }

/* Module - Category Fold */
.jb-module-content-category-fold ul.category_list { margin-left: 24px; }
.jb-module-content-category-fold ul.category_list > li > a { font-weight: bold; }
.jb-module-content-category-fold ul.category_list > li > a.jb-category-has-sub { cursor: pointer; }
.jb-module-content-category-fold ul.category_list > li > a.jb-category-has-sub:before { content: "\e913"; font-family: "xeicon"; margin-left: -24px; padding: 0px 6px 0px 0px; }
.jb-module-content-category-fold ul.category_list > li > ul { display: none; }
.jb-module-content-category-fold ul.category_list > li > ul a:before { display: none; }

/* Module - Tag */
.jb-module-content-tags ul { list-style-type: none; margin: 10px 0px; padding: 0px 0px; line-height: 2.0; }
.jb-module-content-tags ul li { display: inline-block; margin: 0px 0.6em 0px 0.2em; }
.jb-module-content-tags ul li a { display: block; }
.jb-module-content-tags ul li a:before { content: "#"; margin-right: 0.4em; }
.jb-module-content-tags ul li a.cloud1 { font-size: 1.4em; }
.jb-module-content-tags ul li a.cloud2 { font-size: 1.3em; }
.jb-module-content-tags ul li a.cloud3 { font-size: 1.2em; }
.jb-module-content-tags ul li a.cloud4 { font-size: 1.1em; }
.jb-module-content-tags ul li a.cloud5 { font-size: 1.0em; }

/* Module - Blog Information */
.jb-module-title-blog-information { display: none; }
.jb-blog-information-image { margin: 10px 0px 10px 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: -8px; text-align: center; }

/* Module - Follow Me */
.jb-module-content-follow-me .jb-follow-me-wrap { margin: 20px 0px; line-height: 1; }
.jb-module-content-follow-me .jb-follow-me-wrap .jb-follow-me { display: inline-block; vertical-align: text-top; }
.jb-module-content-follow-me .jb-follow-me-wrap .jb-follow-me a { display: block; width: 40px; height: 40px; margin: 0px 2px 4px 0px; padding: 10px 0px; border: 1px solid #dadada; text-align: center; font-size: 18px; color: #666666; }
.jb-module-content-follow-me .jb-follow-me-wrap .jb-follow-me a:hover { border-color: #666666; }

/* Module - Search */
.jb-module-content-search .jb-form-search-sidebar-table { display: table; margin: 20px 0px; width: 100%; }
.jb-module-content-search .jb-form-search-sidebar-table-row { display: table-row; }
.jb-module-content-search .jb-form-search-sidebar-table-cell { display: table-cell; vertical-align: middle; }
.jb-module-content-search .jb-form-search-sidebar-table-cell-input { width: 99%; }
.jb-module-content-search .jb-form-search-sidebar-table-cell-button { width: 1%; }
.jb-module-content-search .jb-form-search-sidebar-table-cell-input input { width: 100%; height: 40px; padding: 0px 10px; border: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; }
.jb-module-content-search .jb-form-search-sidebar-table-cell-button button { height: 40px; padding: 0px 10px; border: none; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: transparent; font-size: 18px; }

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

/* Module - Archives */
.jb-module-content-archives { font-family: "PT Sans", sans-serif; }
.jb-archives-count { margin-left: 8px; }

/****************************************/
/* Sidebar Type *************************/
/****************************************/


/****************************************/
/* Index Type ***************************/
/****************************************/

/* Index Type 01 - Default */
.jb-cell-index { margin: 0px 0px; border-bottom: 1px solid #dadada; }
.jb-index-table { margin: 20px 0px; }
.jb-index-table-cell-thumbnail { display: none; }
.jb-index-table-cell-thumbnail img { width: 100%; }
h3.jb-index-title { margin: 10px 0px; font-size: 1.2em; }
h3.jb-index-title a { color: #333333; }
ul.jb-index-information { margin: 10px 2px; padding: 0px; list-style-type: none; font-size: 0.9em; }
ul.jb-index-information li { display: inline-block; margin: 0px 8px 0px 0px; }
ul.jb-index-information li:before { font-family: "xeicon"; margin: 0px 6px 0px 0px; position: relative; top: 1px; }
li.jb-index-information-author:before { content: "\ea2a"; }
li.jb-index-information-category:before { content: "\eb98"; }
li.jb-index-information-date:before { content: "\ea2c"; }
li.jb-index-information-date { font-family: "PT Sans", sans-serif; }
ul.jb-index-information a, p.jb-index-summary a { color: #333333; }
ul.jb-index-information a:hover, p.jb-index-summary a:hover { color: #333333; }
p.jb-index-summary { margin: 10px 0px; }
.jb-index-read-more { display: none; }
@media ( min-width: 1024px ) {
	.jb-cell-index { margin: 0px 0px; }
	.jb-index-table { margin: 30px 0px; }
}

/* Index Type 02 */
.jb-index-type-02 .jb-cell-index { margin: 0px 0px; padding: 20px 0px; }
.jb-index-type-02 .jb-cell-index:nth-child(1) { padding-top: 0px; }
.jb-index-type-02 .jb-index-table { display: table; width: 100%; table-layout: fixed; margin: 0px 0px; }
.jb-index-type-02 .jb-index-table-row { display: table-row; }
.jb-index-type-02 .jb-index-table-cell { display: table-cell; vertical-align: middle; }
.jb-index-type-02 .jb-index-table-cell-information { padding-left: 15px; }
.jb-index-type-02 h3.jb-index-title { margin: 0px 0px; font-size: 1.0em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jb-index-type-02 ul.jb-index-information { display: block; margin: 6px 0px 0px 0px; font-size: 0.9em; }
.jb-index-type-02 p.jb-index-summary { display: none; }
@media ( min-width: 768px ) {
	.jb-index-type-02 h3.jb-index-title { font-size: 1.1em; }
}
@media ( min-width: 1024px ) {
	.jb-index-type-02 h3.jb-index-title { font-size: 1.2em; }
	.jb-index-type-02 .jb-index-table-cell-information { padding-left: 20px; }
	.jb-index-type-02 p.jb-index-summary { display: block; margin: 6px 0px 0px 0px; line-height: 1.6; max-height: 4.8em; overflow: hidden; -webkit-tap-highlight-color: transparent; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
}
.jb-index-type-02 .jb-index-table-cell-thumbnail { width: 80px; }
@media ( min-width: 768px ) {
	.jb-index-type-02 .jb-index-table-cell-thumbnail { width: 80px; }
}
@media ( min-width: 1024px ) {
	.jb-index-type-02 .jb-index-table-cell-thumbnail { width: 140px; }
}


/****************************************/
/* Index Type Notice ********************/
/****************************************/

/* Index Notice Type 02 */
.jb-index-notice-type-02 .jb-body-notice .jb-cell-index { margin: 0px 0px; padding: 20px 0px; }
.jb-index-notice-type-02 .jb-body-notice .jb-cell-index:nth-child(1) { padding-top: 0px; }
.jb-index-notice-type-02 .jb-body-notice .jb-index-table { display: table; width: 100%; table-layout: fixed; margin: 0px 0px; }
.jb-index-notice-type-02 .jb-body-notice .jb-index-table-row { display: table-row; }
.jb-index-notice-type-02 .jb-body-notice .jb-index-table-cell { display: table-cell; vertical-align: middle; }
.jb-index-notice-type-02 .jb-body-notice .jb-index-table-cell-information { padding-left: 15px; }
.jb-index-notice-type-02 .jb-body-notice h3.jb-index-title { margin: 0px 0px; font-size: 1.0em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jb-index-notice-type-02 .jb-body-notice ul.jb-index-information { display: block; margin: 6px 0px 0px 0px; font-size: 0.9em; }
.jb-index-notice-type-02 .jb-body-notice p.jb-index-summary { display: none; }
@media ( min-width: 768px ) {
	.jb-index-notice-type-02 .jb-body-notice h3.jb-index-title { font-size: 1.1em; }
}
@media ( min-width: 1024px ) {
	.jb-index-notice-type-02 .jb-body-notice h3.jb-index-title { font-size: 1.2em; }
	.jb-index-notice-type-02 .jb-body-notice .jb-index-table-cell-information { padding-left: 20px; }
	.jb-index-notice-type-02 .jb-body-notice p.jb-index-summary { display: block; margin: 6px 0px 0px 0px; line-height: 1.6; max-height: 4.8em; overflow: hidden; -webkit-tap-highlight-color: transparent; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
}
.jb-index-notice-type-02 .jb-body-notice .jb-index-table-cell-thumbnail { width: 80px; }
@media ( min-width: 768px ) {
	.jb-index-notice-type-02 .jb-body-notice .jb-index-table-cell-thumbnail { width: 80px; }
}
@media ( min-width: 1024px ) {
	.jb-index-notice-type-02 .jb-body-notice .jb-index-table-cell-thumbnail { width: 140px; }
}

/****************************************/
/* Index Related Type *******************/
/****************************************/

/* Index Type Related 01 */
.jb-related .jb-cell-content-index-related { margin-top: 0px; }
.jb-related .jb-row-index-recent { margin: 0px; }
.jb-related-header-table { display: table; width: 100%; margin: 30px 0px 0px 0px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.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 h2 { margin: 0px 0px; font-size: 1.2em; }
.jb-related-header-table-cell-more { text-align: right; }
.jb-related-more { line-height: 1; }
.jb-related-more a { display: inline-block; margin: 10px 0px 10px 0px; padding: 8px 8px; border: 1px solid #424242; border-radius: 0px; background-color: #424242; color: #ffffff; font-size: 0.9em; }
.jb-related-more a:hover { border-color: #212121; background-color: #212121; }
.jb-cell-index-related { border-bottom: 1px solid #dadada; }
.jb-index-related-table { display: table; width: 100%; margin: 20px 0px; }
.jb-index-related-table-row { display: table-row; }
.jb-index-related-table-cell { display: table-cell; vertical-align: middle; }
.jb-index-related-table-cell-thumbnail { width: 100px; padding: 0px 10px 0px 0px; }
.jb-index-related-table-cell-thumbnail img { width: 80px; }
h3.jb-index-related-title { margin: 0px 0px 5px 0px; font-size: 1.0em; }
h3.jb-index-related-title a { color: #222222; }
ul.jb-index-related-information { margin: 0px; padding: 0px; list-style-type: none; }
li.jb-index-related-information-date { font-family: "PT Sans", sans-serif; color: #666666; font-size: 0.9em; }
li.jb-index-related-information-date:before { content: "\ea2c"; font-family: "xeicon"; display: inline-block; margin: 0px 5px 0px 0px; position: relative; top: 0.05em; }
.jb-index-related-read-more { display: none; }

/* Index Type Related 02 */
.jb-index-related-type-02 .jb-related-header-table { margin: 30px 0px 20px 0px; }
.jb-index-related-type-02 .jb-cell-index-related { border-bottom: none; }
.jb-index-related-type-02 .jb-index-related-table { display: block; margin: 0px 0px; }
.jb-index-related-type-02 .jb-index-related-table-row { display: block; }
.jb-index-related-type-02 .jb-index-related-table-cell { display: block; }
.jb-index-related-type-02 .jb-index-related-table-cell-thumbnail { width: 100%; padding: 0px 0px 0px 0px; }
.jb-index-related-type-02 .jb-index-related-table-cell-thumbnail img { width: 100%; }
.jb-index-related-type-02 h3.jb-index-related-title { margin: 10px 0px 20px 0px; }
.jb-index-related-type-02 ul.jb-index-related-information { display: none; }
@media ( min-width: 768px ) {
	.jb-index-related-type-02 .jb-cell-content-index-related { margin-bottom: -20px; }
	.jb-index-related-type-02 .jb-row-index-related { margin: 0px -10px; }
	.jb-index-related-type-02 .jb-row-index-related:before { display: table; content: " "; }
	.jb-index-related-type-02 .jb-row-index-related:after { display: table; content: " "; clear: both; }
	.jb-index-related-type-02 .jb-cell-index-related { float: left; width: 50%; padding: 0px 10px; }
	.jb-index-related-type-02 .jb-cell-index-related:nth-child(3) { clear: both; }
}

/****************************************/
/* Cover Title Type *********************/
/****************************************/

/* Cover Title Type 01 */
.jb-cover-group { margin: 20px 0px; }
.jb-cover { margin: 20px 0px; }
h2.jb-cover-block-title { margin: 0px 0px; padding: 0px 2px; }
.jb-cover-title-table { display: table; width: 100%; padding-bottom: 20px; }
.jb-cover-title-table-row { display: table-row; }
.jb-cover-title-table-cell { display: table-cell; vertical-align: middle; }
.jb-cover-title-table-cell-2 { text-align: right; }
.jb-cover-more a { display: inline-block; padding: 4px 8px; background-color: #584aed; color: #ffffff; font-size: 13px; }
.jb-cover-more a:hover { background-color: #212121; }
@media ( min-width: 1024px ) {
	.jb-cover-title-table { padding-bottom: 30px; }
}

/* Cover Title Type 02 */
.jb-cover-title-type-02 .jb-cover-title-table { padding: 10px 10px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: #fafafa; }
.jb-cover-title-type-02 .jb-cover-type-04 .jb-cover-title-table,
.jb-cover-title-type-02 .jb-cover-type-05 .jb-cover-title-table,
.jb-cover-title-type-02 .jb-cover-type-06 .jb-cover-title-table { margin-bottom: 10px; border-bottom: 1px solid #dadada; }


/****************************************/
/* Cover Type ***************************/
/****************************************/

.jb-cover .jb-cell-content-cover { margin: 0px 0px; }
@media ( min-width: 1024px ) {
	.jb-cover-group { margin: 30px 0px; }
	.jb-cover { margin: 30px 0px; }
}


/****************************************/
/* AdSense ******************************/
/****************************************/

/* ✅ AdSense - MT (메인 상단 광고) */
/* 기본적으로 광고 숨김 */
.jb-adsense-main-top ins { display: none !important; }

/* 화면 너비가 1025px 이상일 때 광고 표시 (PC) */
@media ( min-width: 1025px ) {
    .jb-adsense-main-top ins { 
        display: block !important; 
        margin: 30px 0px 0px 0px; /* 상단 마진 추가 */
    }
}

/* ✅ AdSense - MB (메인 하단 광고) */
/* 기본적으로 광고 숨김 */
.jb-adsense-main-bottom ins { display: none !important; }

/* 화면 너비가 1025px 이상일 때 광고 표시 (PC) */
@media ( min-width: 1025px ) {
    .jb-adsense-main-bottom ins { 
        display: block !important; 
        margin: 0px 0px 30px 0px; /* 하단 마진 추가 */
    }
}

/* ✅ AdSense - CT (본문 상단 광고) */
.jb-adsense-content-top { 
    margin: 20px 0px; /* 상하 여백 설정 */
}

/* ✅ AdSense - CTLR (본문 좌/우 광고 배치) */
/* 기본적으로 좌측 광고 표시 */
.jb-adsense-table-cell-left ins { 
    display: block; 
    margin: 20px 0px; 
}

/* 기본적으로 우측 광고 숨김 */
.jb-adsense-table-cell-right ins { 
    display: none; 
}

/* 화면 너비가 1025px 이상일 때 (PC) */
@media ( min-width: 1025px ) {
    .jb-adsense-table { 
        display: table; 
        width: 100%; 
        margin: 30px 0px; /* 광고 테이블 전체 마진 */
    }
    .jb-adsense-table-row { 
        display: table-row; 
    }
    .jb-adsense-table-cell { 
        display: table-cell; 
        width: 50%; /* 좌/우 50%씩 사용 */
    }
    .jb-adsense-table-cell-left { 
        text-align: left; /* 좌측 정렬 */
    }
    .jb-adsense-table-cell-right { 
        text-align: right; /* 우측 정렬 */
    }
    .jb-adsense-table-cell ins { 
        display: inline-block; 
        width: 336px; 
        height: 280px; /* 고정 크기 설정 */
        margin: 0px auto; /* 가운데 정렬 */
    }
}

/* ✅ AdSense - CTR (본문 우측 광고) */
.jb-adsense-content-top-right { 
    margin: 20px 0px; /* 기본 마진 */
}

/* 화면 너비가 1025px 이상일 때 (PC) */
@media ( min-width: 1025px ) {
    .jb-adsense-content-top-right { 
        float: right; /* 우측 정렬 */
        width: 336px; /* 광고 크기 설정 */
        margin: 30px 0px 10px 20px; /* 여백 조정 */
    }
}

/* ✅ AdSense - CM (본문 중간 광고) */
.jb-adsense-content-middle { 
    margin: 0px 0px; /* 케 중간 광고 마진 원래는 20px 0px */
}

/* ✅ AdSense - CB (본문 하단 광고) */
.jb-adsense-content-bottom { 
    margin: 20px 0px; /* 하단 광고 마진 */
}


/****************************************/
/* 목차 관련 ******************************/
/****************************************/

/* 케 기본 목차 스타일 */
#jb-toc {
    margin: 50px auto 30px auto; /* 수정된 부분 */
    padding: 20px 20px 10px 40px;
    border: 1px solid #dadada;
    width: 550px;
}

#jb-toc a:hover {
		color: #f02400;
		text-decoration: underline;
}

#jb-toc:before {
    content: "목 차";
    display: block;
    width: 100px;
    margin: -40px auto 0px auto; /* 수정된 부분 */
    padding: 5px 0px;
    border: 1px solid #dadada;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
#jb-toc li {
    list-style-type: square;
    margin: 5px 0px;
}
#jb-toc > li:first-child {
    margin-top: 15px;
}

/* 모바일에서의 목차 스타일 */
@media screen and (max-width: 768px) {
    #jb-toc {
        width: 98%;
        //padding: 15px;
    }
}

/* New Comment, New Guestbook */
.tt-box-total { margin: 30px 0px 0px 0px; padding: 0px 0px 20px 0px !important; text-align: center; }
.tt-box-total .tt_txt_g, .tt-box-total .tt_num_g { font-size: 1.4em !important; }
.tt-box-total .tt_num_g { margin-left: 5px; color: #999999 !important; }
.tt-box-total .tt_num_g:before { content:"("; }
.tt-box-total .tt_num_g:after { content:")"; }

/* 케 배경색 수정 */
body { background-color: #fff; }
.jb-container { background-color: #fff; }