@charset "utf-8";

html,body,section,#blogMenu,.carousel-caption { font-family: 'Noto Serif KR', serif !important;}
#disqus_thread { font-family: 맑은고딕 !important;}
img { max-width:100%;height:auto;}
figure.fileblock a:hover {     border: 2px solid #12CBC4; }
.tt_more_preview_comments_wrap:hover { text-decoration:underline; }

/* 프로필 레이어 */
.tistoryProfileLayerTrigger { display:none}

#tagbox button  { 
	background: #7474BF;  
  background: -webkit-linear-gradient(to right, #348AC7, #7474BF); 
	background: linear-gradient(to right, #348AC7, #7474BF);
}

.panel-footer {    
	  background: #FFEFBA;
    background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA); 
    background: linear-gradient(to right, #FFFFFF, #FFEFBA);
}

.affix {
   top: 0;
   width: 100%;
   z-index: 550 !important;
  }

/* 카테고리 아코디언 */
.sub_category_list { display:none }
.ac-toggle i {transition:.25s}
.ac-menu.expanded .ac-toggle i{ transform:scaleY(-1)}
.ac-menu .ac-toggle i {
  float: right;
	cursor:pointer;
}
a.link_item.ac-toggle, a.link_sub_item { cursor:pointer }

#off_category { 
	margin-right:60px;
} 
#off_category .link_tit { display:none; }
#off_category a { color: #FFF }
#off_category .link_item { margin-left:-10px; }
#off_category .link_item:before {
	  font-family: "Font Awesome 5 free";content: "\f07b"; 
}
#off_category .link_sub_item { margin-left:-30px; }
#off_category .link_sub_item:before {
	  font-family: "Font Awesome 5 free";content: "\f15c"; 
}

#off_category li:last-child {
    color:red !important;
}
/* 오프캔버스 */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1001; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
	
 	background: #141E30; 
  background: -webkit-linear-gradient(to right, #243B55, #141E30);
  background: linear-gradient(to right, #243B55, #141E30); 
	
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 120px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	margin-right:20px;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 36px;
}

.sidenav .closebtn2 {
  position: absolute;
  right: 50px;
  font-size: 36px;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* 글에서 유튜브 동영상 배경 */
.video-background {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99;
}
.video-foreground,.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }---
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}
@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: 0.5rem;
  }
  .vid-info h1 {
    margin-bottom: 0.2rem;
  }
}
@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none;
  }
}

#bpost {
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

span.plus,span.minus { cursor:pointer }


/* 오픈 그래프 */
.og-title { color:#0000FF !important; }
.og-title:hover { text-decoration:underline !important}

/* 더보기 꾸미기 */
.btn-toggle-moreless { color:red !important;font-family: 'Noto Serif KR', serif !important; }
.btn-toggle-moreless:before { content:"...";}
.moreless-content { padding:10px; }

/* 썸네일 위에 아이콘 */
.itemsContainer { position:relative }
 .overlay { 
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: black;
  }
.itemsContainer:hover .overlay {  opacity: 0.4; }
.icon {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.icon:hover { color:red }

/* 커버 이미지/제목 링크/카테고리 다른 글 이미지 */
.container .white-panel01:hover h4 { text-decoration:underline; }
.container .white-panel01:hover .en { color:#fab1a0 }
.container .white-panel01:hover p i { color:#34ace0;text-shadow: 0 1px 3px rgba(0,0,0,.5);  }

.container .gmd-1:hover h4 { text-decoration:underline; }
.container .gmd-1:hover .en { color:#fab1a0 }
.container .gmd-1:hover p i { color:#34ace0;text-shadow: 0 1px 3px rgba(0,0,0,.5);  }
.container .gmd-1:hover  .itemsContainer img { transform:scale(1.1);
	transition:1s; }

/*  리사이즈 */
div.img-zoom { overflow: hidden; }

.image-zoom img {
     width: inherit;  /* Make images fill their parent's space. Solves IE8. */
     max-width: 100%; /* Add !important if needed. */
     height: auto;    /* Add !important if needed. */
}

/* 카테고리 다른 글 이미지 확대 */
.image-zoom:hover img { 
	transform:scale(1.1);
	transition:1s;
} 

/* 그림자 만들기 */
.white-panel01:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.gmd-1:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

button,input,textarea,label{ font-weight:normal !important; }
.space_h20 {  height: 20px; }
.space_h10 {  height: 10px;}
.tit_nickname .tistoryProfileLayerTrigger {display:none}


/* Body ID */
#tt-body-search .no_tag, #tt-body-search .no_category, #tt-body-search .no_archive {display:none;}
#tt-body-category .no_tag, #tt-body-category .no_search, #tt-body-category .no_archive  {display:none;}
#tt-body-archive .no_tag,#tt-body-archive .no_search,#tt-body-archive .no_category {display:none;} 
#tt-body-tag .no_category, #tt-body-tag .no_archive, #tt-body-tag .no_search {display:none;} 

/* 애니메이션 링크 */

/* 커버 갤러리 */
.snip1543 {
  background-color: #000;	
	opacity:0.9;
  color: #ffffff;
  display: inline-block;
  margin: 10px 5px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.snip1543 h4:hover { text-decoration:underline }

.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}

.snip1543 h4, .snip1543 span { 	opacity:0; }

.snip1543:hover span { opacity:1;color:grey }
.snip1543:hover img { visibility:hidden }

.snip1543:before,
.snip1543:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #b81212;
  opacity: 0.2;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543:before {
  -webkit-transform: skew(30deg) translateX(-80%);
  transform: skew(30deg) translateX(-80%);
}

.snip1543:after {
  -webkit-transform: skew(-30deg) translateX(-70%);
  transform: skew(-30deg) translateX(-70%);
}

.snip1543 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
}

.snip1543 figcaption:before,
.snip1543 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #b81212;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1;
}

.snip1543 figcaption:before {
  -webkit-transform: skew(30deg) translateX(-100%);
  transform: skew(30deg) translateX(-100%);
}

.snip1543 figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-90%);
  transform: skew(-30deg) translateX(-90%);
}


.snip1543:hover h4
 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.snip1543:hover:before,
.snip1543.hover:before {
  -webkit-transform: skew(30deg) translateX(-20%);
  transform: skew(30deg) translateX(-20%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.snip1543:hover:after,
.snip1543.hover:after {
  -webkit-transform: skew(-30deg) translateX(-10%);
  transform: skew(-30deg) translateX(-10%);
}

.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(-40%);
  transform: skew(30deg) translateX(-40%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-30%);
  transform: skew(-30deg) translateX(-30%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

/* 동일한 높이 */
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
/* 공감 & 공유 & 신고 버튼 
.container_postbtn { padding:0px !important}
.container_postbtn .like_btn,.container_postbtn .ico_bar {display:none;}
.container_postbtn .postbtn_like {float:none !important; display:inline-block;}
.container_postbtn .postbtn_like label{display:none;}
.container_postbtn .postbtn_like label:last-child {display:inline-block;}
.container_postbtn .postbtn_like label + .ico_bar{display: none;}
*/

/* 동일한 높이 */
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* 인기글/최근글/댓글/공지 */
.title_post { -webkit-line-clamp: 2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; font-size:16px;}

#top_blog_name { color:#CECEF6 }
#top_blog_name:hover { color:#D0A9F5 }

/* 머리말 설정 : 유튜브 동영상 배경 */
header {
	position: relative;
  background-color: #BDBDBD;
  height: 120vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;

	-webkit-box-shadow: 0px 2px 3px 0px rgba(3, 8, 0, 1);
  -moz-box-shadow:    0px 2px 3px 0px rgba(3, 8, 0, 1);
   box-shadow:        0px 2px 3px 0px rgba(3, 8, 0, 1);
}

header h4,#home h4 { font-size:1.1em; }
header ul a,#home ul a { color:#B18904;font-size:1em; }
header ul a:hover,#home ul a:hover { color:#886A08; }

header .vd {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .video-background-controls { top:50px !important }

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}

/* 소개 */
#about_100 { 
  color:#E6E6E6;
  background:#424242;
  padding-top:5px;
	padding-bottom:2px;
}

/* 내비게이션 */
nav { 
	-webkit-box-shadow: 0px 3px 2px 0px rgba(3, 8, 0, 1);
  -moz-box-shadow:    0px 3px 2px 0px rgba(3, 8, 0, 1);
   box-shadow:        0px 3px 2px 0px rgba(3, 8, 0, 1);
	
	  background: #141E30; 
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30); 
	
}

/* 블로그 이미지 */
.blog_image { opacity:0.88 }
.blog_image:hover { opacity: 1 }

/* 	블로그 제목 */
header h4 a {   
	text-shadow: 1px 1px 1px #000;
 -webkit-text-shadow: 1px 1px 1px #000;
 -moz-text-shadow: 1px 1px 1px #000;
	
	font-weight:bold;
}

/* 전체 레이아웃 : 본문과 사이드바 */
#layout_100 { margin-top:40px; }

/* 본문 설정 */
.content {   
	   font-size:120%;
	   line-height:170%;
}

/* 글과 공지 */
.entry, .entryNotice { 
	   margin-top:40px;
}

.content b,.content strong { text-shadow: 0px 0px 1px #848484  }

/* 내용 */
.article     { color:#848484; }
.article ul,.article ol  { margin-top:20px ; }
.article blockquote { color:#0B6121 !important;font-size:16px;}
.article h2{ }



/* 내용 h2 강조 : 그라디언트 링크
.article h2 a { 
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
  &:hover {
    background-size: 100% 88%;
  }
}	

.article h2 a:hover {
	text-decoration:none;
}
*/

/* 내용에서 취소선 강조 */ 
.article strike,.article s { font-size:1.2em !important;text-decoration: none;font-weight:600;padding:7px; }
.article b a { text-decoration: underline }
.article b a:hover { color:#FEA47F }
.article strike a { text-decoration:none; }
.article u { background:#EFEFFB;padding:4px;text-decoration: none; }
.entry h2 img:hover { opacity:0.6; filter:alpha(opacity=60); }

/* 공지 */
#notice ul li { font-size:85%; }
#notice a { text-decoration:none;}
#notice ul li a:hover { text-decoration:underline !important; }

/* 사이드바 */

/* 맺음말 */
footer { 
	-webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.75);
 box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.75);
}


#footer_cc { 	
	  background: #141E30; 
    background: -webkit-linear-gradient(to right, #243B55, #141E30);
    background: linear-gradient(to right, #243B55, #141E30); 
}

footer .designer { 
	      color:#F5A9E1; 
	
        text-shadow: 1px 1px 1px #000;
        -webkit-text-shadow: 1px 1px 1px #000;
        -moz-text-shadow: 1px 1px 1px #000;
}


footer .blogs{ font-family: 'Noto Serif KR', serif; }

footer a { color:#FFF;text-decoration:none !important;text-shadow: 0 1px 3px rgba(0,0,0,.5); }
footer a:hover { color:#2E2EFE;text-shadow:none;text-shadow: 0 1px 3px rgba(0,0,0,.5); }

/* 카운터 */
#counter {padding:3px;}

/* 캐러셀 - 맺은말 */
footer .item {
  height: 70%;
  min-height:550px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
	padding-top:200px;
	text-align:center;
	color:#FFF;
}

#carousel01_100 { 
	  background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)),url(https://i.imgur.com/w439mEw.jpg) no-repeat center center fixed; 
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

#carousel02_100 { 	       
  background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(https://i.imgur.com/NnzxG4S.jpg) no-repeat center center fixed; 
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}


#carousel03_100 {       
  background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)),url(https://i.imgur.com/cpIrOo1.jpg) no-repeat center center fixed;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

#carousel03_100 a { color:#FFF }

#myCarousel2 { 
  -webkit-box-shadow: 0px -2px 2px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px -2px 2px 0px rgba(50, 50, 50, 0.75);
   box-shadow:         0px -2px 2px 0px rgba(50, 50, 50, 0.75);
}

/* 푸터 블로그 메뉴 */
#blogMenu { padding-top:70px; }
#blogMenu ul {  margin-left:-45px; }
#blogMenu ul li  { display:inline !important;}
#blogMenu ul li  a {    
     color : #ffffff !important;
     font-size:1.2em;
	
      text-shadow: 1px 1px 1px #000;
     -webkit-text-shadow: 1px 1px 1px #000;
     -moz-text-shadow: 1px 1px 1px #000;	
}
#blogMenu ul li  a:hover {    color:#5858FA !important;  } 

/* 글관리 */
.titleWrap  { border-bottom: 1px solid #b6b6b6;  padding-bottom:3px;  margin-bottom: 10px; }
.titleWrap h3 a {text-decoration:none;font-family: 'Noto Serif KR', serif;font-size:30px;font-weight:normal; }

/* 목록 */
#content .nonEntry h3   {  margin-bottom: 30px;  color: #333;}
#content .entryNotice,
#content .entryProtected,
#content .entry             { margin-bottom: 50px;}

/* 목록, 검색, 태그 등 */
#searchList { padding-top:20px; }
#searchList .title {    color:#f60; }
#searchList ol, #searchRplist ol{
  margin:15px 0;
	padding:15px;
	border:1px dotted #DDD;
	list-style:decimal inside;
}
#searchList ol li, #searchRplist ol li{  	padding:5px;    font-size:16px;	}
#searchList li,
#searchRplist li   { border-bottom:1px solid #eee;  padding-bottom:2px;  margin-bottom:4px;}
#searchList .date,
#searchRplist .date         { font:0.95em; margin-right:10px; color:#848484; }
#searchList .cnt            { font:0.75em;  color:#f60;}
#searchRplist .name         { font:0.95em;    color:#999;  padding-left:8px;}
#tt-body-search header { display:none; }

/* 목록 트랜지션 */
#searchList ol li:hover { 
   color:#BCA9F5;
   background:#848484; 

 	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
 	 transition: all 1s ease;    
}

/* 목록 링크 색 */
#searchList ol li:hover a { color : #fff; text-decoration:none; }
#searchList ol li:hover .cnt { color : #F8E0E0; }
#searchList ol li:hover .date { color : #D8D8D8; }
#searchList ol li:hover .list_title { color:#FFF; }

/* 페이징 */
.pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 5px;}
.pagination .selected { /* 현재 페이지 */
      font-weight:bold; 
      color:#fff; 
      text-shadow: 0.5px 0.5px 0.5px #6E6E6E;
	    cursor:no-drop;
}
.pagination span { color:#424242; }
.pagination a:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}


/* 태그 BODY ID 태그로그, 태그를 클릭했을 때 나오는 페이지 */
#tt-body-tag #list-ad { display :none; }
#tt-body-tag #notag { display :none; }

/* 태그 */
#taglog2 h3 { }
#taglog ul                  { padding: 20px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog li .cloud1          { color:#000; font-size:22px; }
#taglog li .cloud2          { color:#F79F81;font-size:1.3em }
#taglog li .cloud3          { font-size:20px;color:#A4A4A4; }
#taglog li .cloud4          { }
#taglog li .cloud5          { }

#tagbox ul            { padding:5px 2px;	text-align: justify; }
#tagbox li            { background: none;  display: inline; padding: 0 7px 0 0;}
#tagbox li .cloud1    { color:#000; font-size:1.2em;}
#tagbox li .cloud2    { color:#DF3A01;font-size:1.3em; }
#tagbox li .cloud3    { color:#F79F81;font-size:1.3em }
#tagbox li .cloud4    {  }
#tagbox li .cloud5    {  }
#tagbox ul li a { text-decoration:none;padding:3px; }
#tagbox ul li a:hover,.back_link:hover { text-decoration:none;background-color:#F2F2F2;padding:3px; }

#tagbox2 a { text-decoration:none; }
#tagbox2 ul            { text-align: justify; }
#tagbox2 li            { background: none;  display: inline; padding: 0 7px 0 0;}
#tagbox2 li:hover      { text-decoration:underline !important; }
#tagbox2 li .cloud1    { color:#000; font-size:1.2em;}
#tagbox2 li .cloud2    { color:#DF3A01;font-size:1.3em; }
#tagbox2 li .cloud3    { color:#F79F81;font-size:1.3em }
#tagbox2 li .cloud4    {  }
#tagbox2 li .cloud5    {  }
#tt-body-tag #nav { display:none; }

/* 태그 트레일 */
.tagTrail span { cursor:default;}

/* 글 보관함 */
#archive li { display:inline }
#tt-body-archive header { display : none; }

/* 댓글 */
.comment { 
     border-bottom: 1px solid #e7e8e9; 
     padding-bottom:5px; 
	   /* 댓글색 */
 }
.comment span a { text-decoration:none; }
.comment span a:hover { color:#F5A9D0;text-decoration:none; }
.comment h3 {  border-bottom: 1px solid #e7e8e9;   padding-bottom:5px; }
.commentWrite   { padding: 20px 0 0; }
.comment ol,.comment ul           { margin:0;  padding:0;  list-style:none;}

/* 댓글 앞 블로그 아이콘 */
.comment ol li img { 
      width: 25px;
      height: 25px;

      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
       border-radius: 15px;
       border: 1px solid #c5c1ac;
}

.comment li ul li     { padding: 10px 10px 5px 25px;  background: url("images/ReComment.gif") no-repeat 0 6px; border:none;margin-top:3px;background-color:#F2F2F2;} /* 댓글에 답글 */
.comment li ul li:hover { background-color:#D8D8D8;font-weight:bold;}
.comment ol li          { padding: 5px 5px 0 0; border-bottom: 1px dotted #ccc; } /* 다른 댓글과 구별 */

/* 방명록 : body ID */
#tt-body-guestbook a.guestbook-btn { color:#FA8258;pointer-events: none; cursor: default; }
#tt-body-guestbook .guest { color:#FA8258;pointer-events: none; cursor: default; }

/* 방명록 */
#guestbook { 	
	    text-shadow: 1px 1px 1px #D8D8D8;
     -webkit-text-shadow: 1px 1px 1px #D8D8D8;
     -moz-text-shadow: 1px 1px 1px #D8D8D8;	
}
#guestbook h3 { padding-bottom:10px; }
#guestList ol,#guestList ul { margin:0; padding:0;  list-style:none; }

/* 방명록 앞 블로그 아이콘 */
#guestList span a { text-decoration:none; }
#guestList span a:hover { color:#F5A9D0;text-decoration:none; }
#guestList ol li img { 
      width: 25px;
      height: 25px;

      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
 
	    border-radius: 4px;
      border: 2px solid #c5c1ac;
}
#guestList li { } /* 방명록 댓글색 */
#guestList li ul li   {  background: url("images/ReComment.gif") no-repeat 0 6px; background-color: #f5f5f5; color:#1C1C1C;padding: 10px 10px 5px 25px;  border:none;  overflow:hidden; margin-top: 15px; } /* 방명록 답글 */
#guestList ol li ul li:hover { background-color:#E6E6E6; } */
#guestList ol li    { border:5px solid #eee; padding: 10px;  margin-bottom:10px;} /* 다른 방명록과 구별 */

/* 비밀글 */
.guest_secret { color:#B40431; }
.rp_secret .name:after, .guest_secret .name:after {
    font-family: 'Font Awesome 5 Free';
	  content: '\f502';
	  font-weight: 900;
	
    color:#d40000;
	  font-size:20px;
	  margin-left:3px;
}


/* 관리자 댓글  */
.rp_admin .name:after,.guest_admin .name:after {
    font-family: 'Font Awesome 5 Free';
	  content: '\f580';
	  font-weight: 900;
	
    color:#848484;
	  font-size:20px;
	  margin-left:3px;
}

.rp_admin .name:before,.guest_admin .name:before { content:url('./images/100.gif');margin-right:3px; }
/* 카테고리 : body ID - 카테고리를 클릭했을 때 */
#tt-body-category #first,#tt-body-category #home { display:none; }

/* 카테고리 */
#category { font-size:16px !important; }
a.link_item:last-child {text-decoration:none;opacity:0.5;cursor: not-allowed;font-family:'Yanone Kaffeesatz'}

/* 카테고리 목록화 */
#category ul { margin-left:20px; }
#category ul .link_tit { color:#A4A4A4;margin-left:-10px }
#category ul .link_tit:before{ font-family: "Font Awesome 5 free";content: "\f15c"; }
#category ul .link_tit span { color:#A4A4A4 }
#category ul ul { list-style-type: circle; }
#category ul ul ul { list-style-type: square; }
#category ul li ul li ul li:hover { color:red; }


/* 카테고리 숫자 등 */
#category span.c_cnt { font-family:'Yanone Kaffeesatz' !important; color:#F78181;text-decoration:none !important;}
#category .join-last .link_item { color:#FE2E2E;pointer-events: none; cursor: default; }
#category .join-last .link_item:before{ font-family:'Font Awesome 5 free';content:'\f15c'; }
#category .join-last .link_item .c_cnt { display:none; }


	/* 카테고리 다른글 */
div.another_category { }
div.another_category h4 { padding:20px !important;font-size:110% !important;font-weight:normal !important;border-radius: 6px !important;color:#DF0101 !important;background-color:#F5A9A9 !important;	} /* 제목 */
div.another_category h4 a { text-decoration:none !important;font-weight:normal !important;color:#DF0101 !important }
div.another_category h4 a:hover { color:#AC58FA !important;  }

/* 카테고리 */ 
div.another_category th span { font-size:90% !important; } /* 댓글 */ 
div.another_category th a.current { padding-left:30px;color:#F78181 !important;border-bottom-style:none !important;font-weight:bold !important;pointer-events: none;} /* 현재 글 */
div.another_category th a.current:before {     
	  font-family: 'Font Awesome 5 Free';content: "\f00c";
	  margin-right:10px;} /* 현재 글 */

div.another_category th a.current:hover { color:#F78181 !important;background:#FFF !important; cursor:no-drop !important; }
div.another_category table tbody th a { font-size:15px !important;padding:4px !important;} 
div.another_category td { font-size:90% !important;color:#BDBDBD !important; font-family:'Yanone Kaffeesatz' !important;font-weight:normal; } /* 날짜 */
div.another_category td:before {
    font-family: 'Font Awesome 5 Free';content: "\f017";
	  margin-left:3px;
}

/* 글 */
div.another_category table tbody th a:hover { 
  color:#FFF !important; 
  background:#000 !important;

 	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	 transition: all 1s ease;  
}

/*  CCL / 저작권 표시
.postbtn_ccl { display: none; } */

/* 더보기  */
.moreless_fold          { background:url(images/icon_view_more.gif) center left no-repeat;  padding-left:20px;font-size:115%; color:#F78181}
.moreless_top           { background:url(images/icon_stop_view.gif) center left no-repeat;  padding-left:20px;font-size:115%;color:#F5A9A9; }
.moreless_body          { }
.moreless_bottom        { background:url(images/icon_stop_view.gif) center right no-repeat;  padding-right:20px; color:#999; text-align:right;color:#F5A9A9;}


.commentfooter{
background: url(./images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.commentfooter { color:#A4A4A4; }


/* 블로그 이름 */
.blog_name  { color:#A9A9F5; }
.blog_name:hover { text-decoration:none !important;color:#9F81F7 !important; }

/* 숫자 */
#counter,.since,.date,.pagination,footer,.cnt,.eng,.en { 
	   font-family:'Yanone Kaffeesatz' !important;
	   color:#BDBDBD; 
}
.date a { font-family: 'Noto Serif KR', serif;
         padding:5px;
	       font-size:13px;
	       margin-left:5px;
         text-shadow: 0.5px 0.5px 0.5px #6E6E6E;
         border-radius: 25px;
         background: #73AD21;
	       color:#FFF;}
.date a:hover { color:#FA5858;text-decoration:none;}

/* 위로 */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 90px;
    right: 15px;
    display:none;
	 
	  background: #56ab2f; 
	  color:#FFF;
	
	  z-index:997;
}
.back-to-top:hover{ 	background:#21610B;  color:#F2F2F2 !important; }


/* 탭 : 댓글,disqus */
#myTab .active  span { color:#FA5858; }
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* 모듈 간격 */
#notice,#category,#recentComment,#recentPost,#tagbox,#archive,#accordion1611,#popularPost {     margin-top : 10px;  }
.panel-body ul { padding:0; }

/* 모듈 : 왼쪽 테두리  */
aside .panel-heading { border-left: 5px solid #888888; }

/* 모듈 : 최근 글/댓글/인기/태그/우수블로그 */
#archive h4 a, #category h4 a,#recomend_posts h4 a, #recentPost h4 a,#recommendPost h4 a,#recentComment h4 a,#badge h4 a,#video_yt h4 a,#popularPost h4 a,#tagbox h4 a { text-decoration:none; }

#archive h4:hover span,#category h4:hover span,#recomend_posts h4:hover span, #recentPost h4:hover span,#recommendPost h4:hover span,#recentComment h4:hover span,#badge h4:hover span,#video_yt h4:hover span,#popularPost h4:hover span,#tagbox h4:hover span,#notice h4:hover span { color:#e67e22; }

#archive h4 span,#category h4 span,#recentPost h4 span,#tagbox h4 span,#badge h4 span,#video_yt h4 span,#popularPost h4 span  { opacity:0.7; }
#recentPost ul,#recommendPost, ul,#recentComment ul, #popularPosts ul {  list-style-type: none; }
#recentPost ul li a,#recommendPost ul li a,#recentComment ul li a, #popularPosts ul li a { 
	  font-size:85%;
	  text-transform: uppercase;
    padding: 0px auto 5px;
    color: #819FF7;
}
#recentPost ul li a:hover,#recommendPost ul li a:hover,#recentComment ul li a:hover,#popularPosts ul li a:hover {     text-decoration:underline; }
#recentComment ul li .info,#recentTrackback ul li .date  { font-size:80%;color:#A4A4A4; }

/* 우수블로그 배지 */
#badge a img:hover  {  transform: scale(0.95);}

/* 최근 글/댓글/인기글 썸네일 설정 */
#recentPost img, #recommendPost img, #recentComment img {
    border-radius: 10px;
    float: left;
    margin-right: 5px;
    width: 70px;
    height: 55px;
    background-color: #F5F5F5;
    padding: 3px;
    transition: all linear 0.5s;
	  border:2px solid #D8D8D8;
}

#recentPost img:hover,#recommendPost img:hover,#recentComment img:hover,#popularPost img:hover { border : 2px solid #FE9A2E; }
#recentPost a:hover img,#recommendPost a:hover img,#recentComment a:hover img,#popularPost a:hover img { border : 2px solid #FE9A2E; }

/* 더보기 */
.mare a { font-size: 12px; }
.more a:hover { color:#FE642E !important; }

/* 태그 트레일 */
#guestbook .btn-danger,.comment .btn-warning,.tagTrail .btn-default {
    -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 3px 0px rgba(0, 0, 0, 0.3);
     box-shadow:         0px 3px 0px rgba(0, 0, 0, 0.3);
}

/* 동영상 반응형 - 유튜브 등 */
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	  height: 0; overflow: hidden;
} 
.vid iframe,.vid object,.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 동영상 중앙에 재생 아이콘 */	
.videos img {
  width:100%;
  height:auto;
}
.videos img:hover {
  width:100%;
  height:auto;
}
a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("./images/video-play.png") no-repeat;
  background-position: 50% 50%;
}
a.video span:hover{
	 opacity: 0.7;
   filter: alpha(opacity=7); /* For IE8 and earlier */
}
@media screen and (max-width: 480px) {
  a.video span {
    background-size: 400%;
  }
}


/* 부트스트랩 토글 아이콘 */
button.btn-info:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    margin-left: 15px;
  }
button.btn-info.collapsed:after {
    content: "\e080";
  }	

button.btn-danger:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    margin-left: 5px;
  }
button.btn-danger.collapsed:after { 
	  content: "\e080";
  }	

/* 검색 */
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    
  -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
   opacity: 0;
	 z-index:1000;
}

#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	 transform: translate(0px, 0px) scale(1, 1); 
   opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 55px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
  position: fixed;
  top: 50px;
  right: 15px;
  color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}

/* 이전 댓글 */
.tt_more_preview_comments_wrap { margin-top:8px;}

/* 미디어로그 */	
#tt-body-media #nav2 { display : none; }

/* 태그 */
.item-content-block{ /*background-color:#FFF;*/ display:block;}
.tags a { font-size:12px !important;background-color:#756f5d; padding:10px; color:#fff !important; display:inline-block;  text-transform:uppercase; line-height:11px; border-radius:2px; margin-bottom:5px; margin-right:2px; text-decoration:none !important;}
.tags a:hover{background-color:#a38018;}

/* carsousel 표시원 */
#myCarousel_kpop .carousel-indicators li,#myCarousel_pack .carousel-indicators li,#myCarousel_pack01 .carousel-indicators li,#myCarousel_pack02 .carousel-indicators li,#ost .carousel-indicators li{ 
height: 15px;
width: 15px;
}

#myCarousel_kpop .carousel-indicators .active,#ost .carousel-indicators .active,#myCarousel_pack .carousel-indicators .active,#myCarousel_pack01 .carousel-indicators .active,#myCarousel_pack02 .carousel-indicators .active {
border-radius: 50%; 
height: 25px;
width: 25px;
}

/* 타임라인  */
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  right: 25px;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline img {opacity:0.75 }
.timeline img:hover { opacity:1 }

.timeline > li > .timeline-panel {
  width: calc( 100% - 125px );
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
	width:110px;
	line-height:50px;
  text-align: center;
  position: absolute;
  top: 16px;
  right: 0px;
  margin-left: -25px;
  z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-title {
  margin-top: 0px;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p { margin-top:5px; }

.timeline-body > p {  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 3.6em;
}

/* 유튜브 동영상을 모달에 나오게 : 썸네일 */		
.video-list-thumbs{}
.video-list-thumbs > li{
    margin-bottom:12px;
}
.video-list-thumbs > li:last-child{}
.video-list-thumbs > li > a{
	display:block;
	position:relative;
	background-color: #111;
	color: #fff;
	padding: 8px;
	border-radius:3px
    transition:all 500ms ease-in-out;
    border-radius:4px
}
.video-list-thumbs > li > a:hover{
	box-shadow:0 2px 5px rgba(0,0,0,.3);
	text-decoration:none
}
.video-list-thumbs h2{
	bottom: 0;
	font-size: 14px;
	height: 33px;
	margin: 8px 0 0;
}
.video-list-thumbs .glyphicon-play-circle,.video-list-thumbs .play_icon{
    font-size: 30px;
    opacity: 0.7;
    position: absolute;
    right: 20px;
    top: 10px;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    transition:all 500ms ease-in-out;
}

.video-list-thumbs > li > a:hover .glyphicon-play-circle,.video-list-thumbs > li > a:hover .play_icon{
	color:red;
	opacity:0.7;
	text-shadow:0 1px 3px rgba(0,0,0,.8);
}
.video-list-thumbs > li > a:hover .glyphicon-play-circle,.video-list-thumbs > li > a:hover img { 	transform:scale(1.3);
	transition:1s;}

.video-list-thumbs .duration{
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	left: 12px;
	line-height: 13px;
	padding: 2px 3px 1px;
	position: absolute;
	top: 12px;
    transition:all 500ms ease;
}
.video-list-thumbs > li > a:hover .duration{
	background-color:#000;
}
@media (min-width:320px) and (max-width: 480px) { 
    .video-list-thumbs .glyphicon-play-circle,.video-list-thumbs .play_icon{
    font-size: 35px;
    right: 36%;
    top: 27%;
   }