@charset "utf-8";



html {
	font-size: 10px;
	height: 100%;
	/*scroll-behavior: smooth;*/
}
html.dark {
	background: #222;
}
body.tedition_blog {
	font-size: 15px;
}
html.active {
	overflow: hidden;
}
html.active body {
	overflow-y: scroll;
}
html.active .searchicon > .inner:before {opacity:0;}
html.active .searchicon.on .inner {opacity:0;}
html.active .scrollup, html.active .scrollco, html.active .scrolldown, html.active .scrolldarktoggle {opacity:0;}
.articlereps {
	min-height: 104px;
}
.tttcolor {
	max-height: 30.8px;
	overflow: hidden;
	word-break: break-all;
}
img.ttimg:hover {opacity:0.8;transition:0.5s ease;}
img.ttimg {transition:0.5s ease;}
.melodiatap a {
	cursor: pointer;
}
.melodiatap2 {
	display:none !important;
}
li.melodiatap {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 700;
}
#drawerProfile, .drawerContainer {display: none !important;}
.nav ul li a {
	display: block;
	width: 50px;
	height: 50px;
	padding: 15px 20px;
	color: #000;
	text-decoration: none;
	outline: none;	
}
.nav ul li a[role=menuitem]:hover {
	background-color: rgba(0, 0, 0, 0.5) !important;
}
li[role=menuitem] a i:before {
	color: #353535;
}
.visit-today { 
	margin-right: 3px;
}
.ic-settings {
	display: none;
}
.entercodes {
	word-break: break-all;
}
.cover-thumbnail-list-2 ul, ol {
	list-style: none;
}


/* 스크롤바 Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background-color: #f6f6f6; }
::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom, #bbb, #aaa);
	border-radius: 10px;
}
::-webkit-scrollbar-button { display: none; }

body::-webkit-scrollbar { width: 6px; }
body::-webkit-scrollbar-track { background-color: #f6f6f6; }
body::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom, #bbb, #aaa);
	border-radius: 10px;
}
body::-webkit-scrollbar-button { display: none; }
html.touch.active ::-webkit-scrollbar { width: 0; }


/* Wave 물결 */
svg#wave {
	position: absolute;
	left: 0;
	bottom: -2px;
	fill: #fff;
}
html.dark svg#wave {
	fill: #222;
}


/* style
-------------------------------------------------- */
body {
	position: relative; /* For scrollyspy */
	margin: 0 auto;
	color: #000;
	font-family: 'Roboto', 'Kosugi Maru', 'NanumBarunGothic', 'Noto Sans KR', 'Noto Sans JP', 'Single Day', 'Jua', sans-serif;
	cursor: default;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.skeleton-nav {
	border-bottom: 1px solid #fff;
	z-index: 900;
	padding: 0 5px;
}
.skeleton-header {
	display: block;
	z-index: 1000;
}
.skeleton-header.header-init {
	display: block;
}
.skeleton-mid-banner { 
	z-index: 1000;
	width: 100%;
}
.skeleton-content {
	height: 100%;
}
aside.col-sm-3.skeleton-aside {
	padding-left: 14px;
	position: fixed;
	top: 0;
	left: 0;
	background: #f8f8f8;
	box-shadow: 0 0 5px #ddd;
	width: 280px;
	height: 100%;
	overflow-y: scroll;
	z-index: 10;
}
body.admin-bar aside.col-sm-3.skeleton-aside {
	padding-top: 32px;
}
aside.col-sm-3.skeleton-aside::-webkit-scrollbar {
	width: 4px;
}
.skeleton-footer {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 25px 20px;
	background: linear-gradient(0deg, #333, #2e2e2e);
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}

/* site navigation
-------------------------------------------------- */
.nav {
	position: relative;
	font-size: 14px;
	font-weight: 700;
}
.nav ul[role=menubar] {
	width: 100%;
}
#drawer ul[role=menubar] i {
	font-style: normal;
}
#drawer ul[role=menubar] .melodiaright {
	float: right;
}
li.melodiatap.melodialogo, li.melodiatap.melodiacate, li.melodiatap.melodialink, li.melodiatap.melodiacontact, li.melodiatap.melodiaguest {
	margin-right: -1px;
}
#drawer ul[role=menubar] .melodialogo .melodiahome:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f015';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 15px;
	font-weight: 400;
}
#drawer ul[role=menubar] .melodiacate .melodiacate2:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f03a';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 16px;
	font-weight: 400;
}
#drawer ul[role=menubar] .melodialink .melodialink2:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f0c1';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 16px;
	font-weight: 400;
}
#drawer ul[role=menubar] .melodiacontact .melodiacontact2:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f0e0';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 16px;
	font-weight: 400;
}
#drawer ul[role=menubar] .melodiaguest .melodiaguest2:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f4ff';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 16px;
	font-weight: 400;
}
#drawer ul[role=menubar] .melodiaright .melodialogin:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f30d';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 16px;
	font-weight: 400;
}
#drawer ul[role=menubar] .melodiaright .melodialogout:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f023';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 12px;
	display: none;
	font-weight: 400;
}
#drawer ul[role=menubar] .melodiaright .melodiadark:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f042';
	position: absolute;
	font-size: 18px;
	top: 14px;
	left: 16px;
	font-weight: 400;
}
#loginbubble {
	opacity: 0;
	pointer-events: none;
}
#logoutbubble {
	opacity: 0;
	pointer-events: none;
	display: none;
}
#loginbubble:before {
	content: '로그인';
	background: #222;
	color: #fff;
	padding: 1px 5px;
	border-radius: 5px;
	position: absolute;
	top: 30%;
	right: 55px;
	width: auto;
	font-size: 14px;
	z-index: 1;
	white-space: nowrap;
	overflow: hidden;
}
.logged-in #loginbubble:before {
	content: '로그아웃';
}
#logoutbubble:before {
	content: '로그아웃';
	background: #222;
	color: #fff;
	padding: 1px 5px;
	border-radius: 5px;
	position: absolute;
	top: 30%;
	right: 55px;
	width: auto;
	font-size: 14px;
	z-index: 1;
	white-space: nowrap;
	overflow: hidden;
}
#loginbubble:after {
	content: '';
	border: 5px solid transparent;
	border-top: 5px solid #222;
	right: 45px;
	top: 41%;
	position: absolute;
	transform: rotate(270deg);
}
#logoutbubble:after {
	content: '';
	border: 5px solid transparent;
	border-top: 5px solid #222;
	right: 45px;
	top: 41%;
	position: absolute;
	transform: rotate(270deg);
}
html.dark #loginbubble:before, html.dark #logoutbubble:before {
	background: #008dff;
}
html.dark #loginbubble:after, html.dark #logoutbubble:after {
	border-top: 5px solid #008dff;
}
a#melodialoginhref:hover > #loginbubble {
	opacity: 1;
	transition: all 0.3s;
}
a#melodialoginhref:hover > #logoutbubble {
	opacity: 1;
	transition: all 0.3s;
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav ul,
.nav ul li,
.nav a.nav-brand {
	display: inline-block;
	vertical-align: middle;
}
.nav a.nav-brand  {
	margin-right: 0.5em;
	color: #999;
	font-size: 90%;
	text-decoration: none;
}
.nav ul li {
	position: relative;
}
.nav ul li.melodiatap {
	font-size: 17px;
	font-weight: 700;
}
.nav ul li a {
	display: block;
	height: 50px;
	color: #000; 
	text-decoration: none;
	transition: all 0.1s ease;
}
.nav ul li a:hover {
	text-decoration: none;
	transition: all 0.1s ease;
}
.nav ul li.melodiatap a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 4px;
	transition: all 0.1s ease;
}
.nav ul li.melodiatap a:hover::after {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 5px;
	background: #ccc;
}
.nav ul li.melodiatap li[role=presentation] a:hover::after {
	background: transparent;
}
.listWrap li a:hover {
	background-color: #eee;
}
.nav ul li.melodiatap ul {
	z-index: 900;	
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: none;
	left: -39px;
	border: 3px solid #c8c8c89c;
}
.nav ul li.melodiatap:hover ul {
	opacity: 1;
	visibility: visible;
	transition: all 0.2s;
}
.nav ul li ul li  {
	display: block;
	padding-top: 0px;
}
.nav ul li.melodiatap ul li:last-child {
	border-bottom: none;
}
.nav ul li ul li[role=presentation] a:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Pro';
	margin-right: 9px;
	font-weight: 400;
}
.nav ul li.melodiatap ul li a {
	display: block;
	width: 190px;
	padding: 15px 10px 15px 20px;
	color: #fff;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.35) !important;
	border-bottom: 3px solid rgba(255, 255, 255, 0.15);
	font-family: 'Noto Sans KR';
	font-size: 15px;
	transition: none;
}
.nav ul li.melodiatap ul li:last-child a {
	border-bottom: none !important;
}
.menu-fontsmall {
	font-size: 14px;
}
.nav ul li ul li a {
	transition: all 0.3s ease;
}
.nav ul li ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: #eee;
	transition: all 0.3s ease;
}
.nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

/* site cover
-------------------------------------------------- */
.cover {
	margin: 0;
	height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	filter: saturate(0.83);
}
.cover hgroup h1, 
.cover hgroup h2 {
	margin: 0;
	padding: 0;
	font-size: 0;
}

/* site middle banner
-------------------------------------------------- */
.mid-content {
  min-height: 50px;
  padding: 20px 30px 20px 15px;
  line-height: 2;
}
.mid-aside {
  padding: 10px 10px 0;
}
.search-input {
  width: 240px;
	height: 30px;
	background: #eee;
  outline: none;
  padding: 2px 28px 2px 10px;
  margin: 16px 5px 5px 5px;
  border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #eee;
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  border-radius: 2px; 
	transition: all 0.2s;
}
.sidesearches .search-input {
	transition: none;
}
.search-input:focus {
  border-bottom: 1px solid #eee;
	transition: all 0.2s; 
}
button.btn.btn-none.btn-xs:before {
	content: '\f002';
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	font-size: 16px;
	position: relative;
	color: #555;
	top: 0;
	left: 0;
	z-index: 1005;
}
button.btn.btn-none.btn-xs {
	z-index: 1005;
}

/* search list
-------------------------------------------------- */
/* search list 삭제됨 */

#drawerCategory2 .c_cnt {
	display: inline-block;
	padding: 0 6px;
	line-height: 20px;
	font-family: 'Noto Sans KR';
	font-size: 14px;
	font-weight: 700;
	margin-left: 2px;
	border-radius: 20px;
	vertical-align: middle;
	position: absolute;
	top: 11px;
	right: 5px;
}
#drawerCategory2 .c_cnt:before {
	content: '\f005';
	font-family: 'Font Awesome 5 Pro';
	margin-right: 3px;
	font-size: 12px;
	font-weight: 400;
	position: relative;
	bottom: 1px;
}
#drawerCategory2 li a:hover .ic-folder:before {
	color: #000;
	transition: all 0.3s;
}
.drawerContainer .c_cnt {
	display: inline-block;
	padding: 0 6px;
	font-family: 'Noto Sans KR';
	line-height: 20px;
	font-size: 14px;
	font-weight: 700;
	margin-left: 3px;
	border-radius: 20px;
	vertical-align: middle;
	position: absolute;
	top: 14px;
	right: 10px;
}
.drawerContainer .c_cnt:before {
	content: '\f005';
	font-family: 'Font Awesome 5 Pro';
	margin-right: 3px;
	font-size: 12px;
	font-weight: 400;
	position: relative;
	bottom: 1px;
}
.link_item img {
	position: relative;
	vertical-align: middle;
}
#drawerCategory .link_item img {
	top: -1px;
	left: 1px;
}
.newicongeru {
	border-radius: 3px;
}
#drawerCategory .newicongeru {
	background-color: #ff9457;
}
.newicongeru2 {
	background-color: #ff8229;
	border-radius: 3px;
	margin-left: 3px;
}
#drawerCategory2 .newicongeru, .newicongeru2 {
	background-color: #ff9457;
	position: relative;
	top: 1px;
	left: 1px;
}
#drawerCategory2 li a.link_item img {
	top: -1px;
}
ul.sub_category_list li a img.newicongeru {
	position: relative;
	top: 1px;
}

/* Content use the hNews microformat.
-------------------------------------------------- */
.entry-header {
  margin-bottom: 18px;
  padding: 25px 0 12px 0;
	text-align: center;
}
.entry-header .byline-cate {
	padding-top: 10px;
	padding-bottom: 3px;
	display: block;
}
.entry-header a, .entry-header a:hover, .entry-header a:visited, .entry-header a:active {
	color: #000;
	text-decoration: none;
}
.entry-header .byline a {
	position: relative;
  display: inline-block;
  padding: 0;
  color: #444;
  font-size: 15px;
	letter-spacing: -1px;
  text-decoration: none;
}
.entry-header .byline a:before {
	content: '\f1b2';
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	position: relative;
	left: -3px;
	top: 0;
	color: #555;
}
.entry-title {
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -0.5px;
	display: block;
	margin-top: 1px;
}
.primary.content-area {
	margin: 0 auto 40px auto;
	padding-left: 15px;
	padding-right: 15px;
}
.entry-content {
	padding-bottom: 25px;
	word-break: break-all;
	font-size: 1.75rem;
	line-height: 1.5;
}
.entry-content p {
	margin: 0;
}
.entry-content .jamak {
	font-family: 'Jua', 'Noto Sans KR', sans-serif;
	font-size: 20px;
}
.entry-content a {
	color: #ff855a;
	text-decoration: inherit;
}
.entry-content a.link:before {
	content: '\f0c1';
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	font-weight: 400;
	margin-right: 3px;
}
.copymailadd {
	cursor: pointer;
}
span.copymailadd:after {
	content: '(\f0c5 )';
	font-family: 'Font Awesome 5 Pro', 'Noto Sans KR';
	font-size: 15px;
	margin-left: 5px;
}
.byline {color:#494949;letter-spacing: -0.5px;}
.published { color:#999; }
.byline .updated {font-size: 15px;letter-spacing:-0.7px;margin-left:1px;}
.postedat {font-size:14px;padding:5px 0 9px 0;}
.updated { color: #494949; font-size: 14px; }
.commentNav .updated { 
	color:rgba(0, 0, 0, 0.85); 
	letter-spacing:-0.5px; 
	font-weight:400; 
	font-size: 1.35rem;
	display:block;
	padding:6px 0 0 68px;
	position:relative;
	top:-1px;
}
.related{ border-top:1px solid #eee; }
.entry-tags {
  margin-top:10px;
  margin-bottom:10px;
	display: none;
}
.entry-footer {
  margin-top:5px;
  padding-top:23px;
  padding-bottom:0;
  border-top: 2px dashed #eee;
}
blockquote, blockquote p {
	font-size: inherit;
}

/* actionTrail - comments, trackbacks
-------------------------------------------------- */
.actionTrail {text-align:left;margin-top:-10px;position:relative;}
.actionTrail .cnt{color:#8cb43a;font-weight:700;}
.commenttitle {
	font-size: 20px;
	font-weight: 700;
	padding-left: 5px;
	padding-top: 15px;
	margin-right: 7px;
	margin-bottom: 10px;
	position: relative;
	display: inline-flex;
}
.commenttitlebox {
	position: relative;
	display: inline-flex;
	margin-top: 5px;
	margin-bottom: 20px;
}
h3#reply-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}
h3#reply-title a {
	color: #000;
	text-decoration: underline;
}
h3#reply-title small {
	margin-left: 5px;
	display: inline;
	align-items: center;
	justify-content: center;
}
html.dark h3#reply-title a {
	color: #eee;
}
html.dark h3#reply-title small a {
	background: #ccc;
}
h3#reply-title small a {
	padding: 2px 5px;
	background: #eee;
	text-decoration: none;
	position: relative;
	bottom: 3px;
}
html.dark h3#reply-title small a {
	color: #000;
}
.comment-notes {margin: 0 0 10px 0;color:#555;}
.logged-in-as {margin: -4px 0 10px 0;}
html.dark .comment-notes {color:#aaa;}
a.edituserprofile, a.loginuserlogout {
	border: 1px solid;
	border-radius: 2px;
	padding: 0 3px;
	color: #4c4c4c !important;
	margin-left: 5px;
	font-size: 12px;
	position: relative;
	top: -1px;
}
a.edituserprofile:hover, a.loginuserlogout:hover {
	color: #777 !important;
	transition: all 0.3s;
}
html.dark a.edituserprofile, html.dark a.loginuserlogout {
	color: #bbb !important;
}
html.dark a.edituserprofile:hover, html.dark a.loginuserlogout:hover {
	color: #fffece !important;
}
.username3 {
	font-weight: 700;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: inset 0 -5px 0 #fffbaf;
}
html.dark .username3 {
	box-shadow: inset 0 -5px 0 rgba(255, 255, 232, 0.2) !important;
}

/* trackback
-------------------------------------------------- */
.trackback {
  padding-top: 10px;
  padding-bottom:30px;
  overflow: hidden;
}
.trackback ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.trackback li {
  padding: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.trackback p {
  margin: 10px 0 0 0;
  color:#999; 
  font-size:8pt;
  line-height:1.5em;
  text-align: justify;
}

/* comment, guestbook
-------------------------------------------------- */
.comment {
	overflow: hidden;
	padding: 10px 0 10px 60px;
	font-family: 'Noto Sans KR', 'Noto Sans JP', sans-serif;
	font-size: 16px;
	position: relative;
	width: 100%;
}
.avatarWrap {
	margin-left: -60px;
}
.c-head {
	margin-top: -48px;
	padding-left: 7px;
}
.c-head a.admin:after {
	content: '\f762';
	position: relative;
	color: #ee97ff;
	left: 2px;
	font-size: 14px;
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	top: -2px;
}
.c-head a.user:after {
	content: '\f058';
	position: relative;
	color: rgba(0, 0, 0, 0.29);
	left: 3px;
	font-size: 13px;
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	top: -1px;
	vertical-align: middle;
	text-shadow: 0 0 2px rgba(206, 206, 206, 0.36);
}
html.dark .c-head a.user:after {
	color: rgba(255, 255, 255, 0.75) !important;
}
.comment time.updated {
	padding-left: 7px;
	top: -3px;
	position: relative;
	letter-spacing: -0.5px;
}
.c-bubble {
	margin-left:  -50px;
	margin-top: 0;
}
.c-bottom {
	position: absolute;
	top: 15px;
	right: 5px;
}
.c-bottom a {
	color: #000;
	font-size: 0;
}
.c-bottom a:before {
	content: '\f4ad';
	font-family: "Font Awesome 5 Pro", 'Noto Sans KR';
	font-weight: 400;
	font-size: 18px;
}
.c-bottom a.comment-edit-link:before {
	content: '\f013';
	margin-right: 8px;
	font-size: 18px;
	position: relative;
	top: 0px;
}
ol.comment-list {
	padding: 0;
	position: relative;
}
ol.children {
	padding: 0;
}
.depth-2 .name:before {
	content: '답글';
	position: absolute;
	color: #2a2a2a;
	font-size: 12px;
	left: 68px;
	top: 9px;
	border: 1px solid #2a2a2a;
	padding: 0px 6px;
	pointer-events: none;
}
.comment ol.comment-list{
  margin-bottom: 10px;
  padding: 0px 5px 6px 5px;
  border-radius: 3px;
	position: relative;
}
.comment-list li.depth-1 {
	border-top: 2px dashed #eee;
	padding-top: 15px;
	padding-bottom: 10px;
}
.comment-list {
	border-bottom: 2px dashed #eee;
}
html.dark .comment-list li.depth-1 {
	border-top: 2px dashed #555;
}
html.dark .comment-list {
	border-bottom: 2px dashed #555;
}
.comment-content video {
	display: block;
	margin: 5px 0;
}
.comment-content.youtubeon {
	min-width: 95%;
	max-width: 95%;
}
.comment-content .youon {
	width: 950px;
	max-width: 100%;
}
.comment-content .emojis {
	position: relative;
	top: -0.5px;
	border-radius: 0 !important;
	width: 22px !important;
}
.comment .comment-content {
	margin: 10px 0 7px 0;
	padding: 10px 20px;
	font-size: 1.75rem;
	word-break:break-word;
	background-color: #f2f2f2;
	border-radius: 24px;
	display: inline-block;
	position: relative;
	max-width: 100%;
}
.comment-list .comment-author-admin .comment-content {
	background-color: #2a2a2a;
	color: #f4f4f4;
}
.comment-list .comment-author-admin .comment-content:before {
	color: #2a2a2a;
}
html.dark .comment-list .comment-author-admin .comment-content {
	background-color: #293144;
	color: #f4f4f4;
}
html.dark .comment-list .comment-author-admin .comment-content:before {
	color: #293144;
}
article.comment-body {
	margin: 0;
}
.comment-content-secret {
	background-color: #504030 !important;
	color: #fffacb !important;
}
.comment-content.comment-content-secret:before {
	color: #504030 !important;
}
html.dark .comment-content.comment-content-secret:before {
	color: #444 !important;
}
html.dark .comment-content-secret {
	background-color: #444 !important;
}
.comments .nav-links {
	display: flex;
	margin: 10px 0;
	width: 100%;
	max-width: 100%;
	position: relative;
	font-size: 16px;
	font-weight: 700;
	min-height: 29px;
}
.comments .nav-previous {
	display: flex;
	flex-direction: row;
	position: relative;
	padding: 0;
	border-radius: 2px;
}
.comments .nav-next {
	display: flex;
	position: absolute;
	right: 0;
	padding: 0;
}
.comments .nav-links a {
	padding: 3px 5px;
}
.comments .nav-previous a:before {
	content: '\f0a8';
	font-family: 'Font Awesome 5 Pro';
	margin-right: 3px;
}
.comments .nav-next a:after {
	content: '\f0a9';
	font-family: 'Font Awesome 5 Pro';
	margin-left: 3px;
}

/* 스포일러 댓글*/
.spoiler-comment {
	padding-top: 2px;
}
.spoiler-box b {
	border: 1px solid #d72e2e;
	border-radius: 3px;
	background: #ff4b4b;
	padding: 0px 3px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
html.dark .spoiler-box b {
	background: #d04040;
}
.spoiler-box a[href="#"] {
	border: 1px solid #e0c11f;
	border-radius: 3px;
	background: #ffe24b;
	padding: 0px 3px;
	color: #000 !important;
	margin-left: 1px;
	font-weight: 700;
	cursor: pointer;
}
html.dark .spoiler-box a[href="#"] {
	color: #000 !important;
	background: #e4cd54;
}
.quotecontent div {
	margin-top: 5px;
}
input#spoiler {
	position: relative;
	top: 2px;
}
/* 스포일러 댓글 - meta value 적용 */
.spoiler .comment-content * {
	filter: blur(1vw);
	overflow:hidden;
}
.spoiler .comment-content:hover * {
	filter: none;
}
.c-bubble.spoiler .comment-content:after {
	content: '스포일러';
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 49px);
	font-size: 30px;
	font-weight: 700;
	font-family: 'Jua';
	color: #fff;
	text-shadow: 0 0 10px #000;
}
.c-bubble.spoiler .comment-content:hover:after {
	content: '';
}
.c-bubble.spoiler .comment-content.comment-content-secret:after {
	content: '';
}
.c-bubble.spoiler .comment-content span {
	pointer-events: none;
}
/* 스포일러 댓글 END*/

.avatarWrap img {
	border-radius: 50%;
}
.comment-content img {
	max-width: 100%;
	padding: 0;
	margin: 5px 0;
}
.comment-content img[src*="gif"] { vertical-align: sub; }
.comment .name, .guestbook .name {
	display: inline-block;
	color:#000; 
	font-size:1.5rem;
	letter-spacing:-0.5px;
	font-weight:700;
}
.comment-content:before {
	content: '▲';
	position: absolute;
	color: #f2f2f2;
	left: 14px;
	top: -12px;
	font-size: 16px;
	transform: rotate(10deg);
}
.comment .name img, .guestbook .name img {
  width:61px;
  height:61px;
  margin:0 3px 0 0;
  padding:1px;
  border-radius:50%;
  position:absolute;
	display:inline;
	left:0;
	bottom:10px;
	z-index:2;
}
.comment .commentNav, .guestbook .commentNav {
  position:relative;
	display:block;
	height:54px;
  padding:4px 0 0 0;
  margin-bottom:0;
	font-size:14px;
	text-decoration:none;
}
.comment-form textarea, .guestbook-form textarea { 
	display: block;
	height: 120px; 
	width: 100%; 
	max-width: 550px;
	box-sizing: border-box;
	border-radius: 3px 3px 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}
.comment-form {position: relative;display: block;max-width:550px;}
textarea#blank03 { word-break: break-all; }
.textareadiv:after {
	content: '';
	position: absolute;
	width: 100%;
	max-width: 550px;
	height: 40px;
	bottom: -39px;
	left: 0;
	background: #f8f8f8;
	border-radius: 0 0 3px 3px;
	cursor: text;
}
html.dark .textareadiv:after {
	background: rgba(53, 53, 53, 1);
}
.comment-form .btn, .guestbook-form .btn {
  display: block;
  margin-bottom: 0;
  margin-top: 0;
	margin-left: -2px;
  border-radius: 3px;
  font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Noto Sans KR', sans-serif;
	outline: none;
	width: 100%;
	letter-spacing: -0.5px;
	text-shadow: none;
}
.comment-form .btn::after, .guestbook-form .btn::after {
	content: '';
	width: 0;
	height: 0;
	background: #319aff;
	left: 32%;
	bottom: 28%;
	border-radius: 50vw;
	display: block;
	position: absolute;
	z-index: -1;
}
.comment-form .btn:hover::after, .guestbook-form .btn:hover::after {
	width: 200%;
	height: 200%;
	left: 0;
	bottom: 0;
	transform: translate(-25%, 25%);
	transition: all 0.3s;
	background: #319aff;
}
.comment-form .btn:hover, .guestbook-form .btn:hover {
	color: #fff;
	opacity: 0.9;
	background: transparent;
  transition: background 0.3s ease;
	position: relative;
	overflow: hidden;
	text-shadow: none;
}
.subtn .btn-default {
	border-color: #f8f8f8;
	background: #f8f8f8;
	max-width: 245px;
	min-width: 190px;
	position: relative;
}
.subtn {margin-left:2px;margin-bottom:10px;}

.comment-form .col-sm-6, .guestbook-form .col-sm-6 { width: 100%;}
.control-label { font-size:13px; position:absolute; }
.comment-form .comname, .guestbook-form .comname { display: inline; }
.comment-form .cform, .guestbook-form .cform { width: 100%; }
.comment-form .cform { margin-bottom: 25px; }
.guestbook-form .cform { margin-bottom: 5px; }
.cform .col-sm-8 { padding-right: 0 !important; margin-right: -15px !important; max-width: 550px; }
.comment-form .form-group, .guestbook-form .form-group {margin-right:3px;max-width:550px;display:block;}
.comment-form .sform, .guestbook-form .sform { position: absolute; left: -5px; top: -38px; }
#seform {
	display: none;
}
#seform2 {
	display: block;
}
#seform2:before {
	content: '\f13e';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	position: absolute;
	left: 12px;
	top: -32px;
	cursor: pointer;
}

.form-control {
	outline:none;
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	font-size: 16px;
	letter-spacing: -0.5px;
}
.mycommteditable-links a.edit:before {
	content: '\f044';
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	margin-left: 5px;
	margin-right: 2px;
}
.comment-author-admin a.edit {color: #f4f4f4;}
.comment-author-admin #mycommtedit-form textarea, .comment-author-admin #mycommtedit-form input {
	color: #111;
}
html.dark .comment-author-admin #mycommtedit-form textarea, html.dark .comment-author-admin #mycommtedit-form input {
	color: #f4f4f4;
}
.comment h4, .guestbook h4 {margin-bottom:2px;}
input#submit {
	margin: 2px 0 10px 0;
	border: none;
	background: #353535;
	color: #fff;
	width: 100%;
	max-width: 110px;
	height: 40px;
	font-size: 17px;
	font-weight: 700;
	transition: all 0.2s;
	display: none;
}
input#submit:hover {
	color: #fff;
	background: #53a0ff;
}
html.dark input#submit {
	background: #585858;
}
html.dark input#submit:hover {
	color: #fff;
	background: #319aff;
}
input#inputNAME, input#inputPW {
	max-width: 250px;
}
input#email {
	margin-bottom: 10px;
}
html.dark input#author, html.dark input#email {
	color: #eee;
}
div.comment-respond {
	margin-left:5px;
	margin-right:5px;
	padding-bottom:10px;
}


/* name link
-------------------------------------------------- */
.name { 
  color:#999; 
  font-size:15px;
	padding:1px;
}
.name a:hover { 
  color:#45a9ff;
	text-decoration:none!important;
	outline: none;
  transition: all 0.3s ease;
}

/* pagination 
-------------------------------------------------- */
.paging {width: 100%;}
.navigation.pagination {
	display: inline-block;
	position: relative;
	height: 45px;
	margin: 31px auto 10px auto;
	padding: 0 0 20px 0;
	width: 100%;
	text-align: center;
}
a.page-numbers {color:#000;}
.page-numbers {
	padding: 7px 13px;
	margin: 0 2px;
	transition: all 0.2s;
}
.page-numbers.current {
	background: #000;
	border-radius: 28px;
	color: #fff;
}
.page-numbers.current:hover {
	color: #fff;
}
html.dark .page-numbers.current {
	background: #ddd;
	color: #000;
}
html.dark .page-numbers.current:hover {
	color: #000;
}
html.dark a.page-numbers {color:#ddd;}
.navigation.pagination .screen-reader-text {display:none;}
.page-numbers.next, .page-numbers.prev {
	font-size: 16px;
	font-weight: 700;
	background: transparent;
	transition: all 0.2s;
	padding: 0;
	margin: 0;
}
.page-numbers:hover, .page-numbers:hover {
	color: #45a9ff;
	text-decoration: none;
	transition: all 0.2s;
}
html.dark .page-numbers:hover, html.dark .page-numbers:hover {
	color: #fff;
	text-decoration: none;
	transition: all 0.2s;
}
.page-numbers.next:after {
	content: '\f0a9';
	font-family: "Font Awesome 5 Pro";
	font-size: 25px;
	position: absolute;
	right: -28px;
	top: -7px;
	padding-left: 10px;
}
.page-numbers.next {
	position: absolute;
	right: 34px;
}
.page-numbers.prev:before {
	content: '\f0a8';
	font-family: "Font Awesome 5 Pro";
	font-size: 25px;
	position: absolute;
	left: -28px;
	top: -7px;
	padding-right: 10px;
}
.page-numbers.prev {
	position: absolute;
	left: 34px;
}
.page-numbers {
	font-size: 14px;
	font-weight: 700;
}

/* widget 
-------------------------------------------------- */
.widget { 
  margin-bottom:40px;
} 
.widget-inner,
.widget-inline-inner {
  text-align: left;
}
.widget-feed-inner {
  text-align: justify;
}
.widget-inner h3, .widget-inline-inner h3, .widget-feed-inner h3 {
  margin: 10px 0;
	font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  font-weight: 700;
	letter-spacing: 0;
	color: #333;
}
.widget-inner ul,
.widget-inline-inner ul,
.widget-feed-inner ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.widget-inner ul li a {
	display:block;
	padding: 10px 5px;
	font-size: 1.5rem;
	font-weight: 700;
	text-decoration: none;
	color: #333;
	word-break:break-all;
	transition: background 0.3s;
	border-radius: 5px;
}
.widget-inner ul li a:hover {
  color: #333;
  text-decoration: none;
  background-color: #e8e8e8;
}
.widget-inner ul ul ul {text-indent:8px;}
.widget-inner li li li a {font-size:13px;padding-right:45px!important;min-height:41px;line-height:21px;}
#menu-sidemenu-1 li li li a {padding-top:13px;}
.widget-inner .cnt {
  color: #999;
  font-size: 13px;
	position: absolute;
	right: 15px;
	max-width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* widget inline
-------------------------------------------------- */
.widget-inline-inner ul li {
  display:inline;
}
.widget-inline-inner ul li a {
  padding:3px;
  line-height:3;
  background-color:#f1f1f1;
  color:#999;
  text-decoration: none;  
}
.widget-inline-inner ul li a:hover {
  padding:3px;
  background-color: #10a4ff;  
  color:#fff;
  text-decoration: none;  
}

/* widget feed
-------------------------------------------------- */
.widget-feed li {
  border-bottom: 1px solid #eee;
  min-height:80px;
}
.widget-feed .media-body {
  overflow:visible !important;
}
.widget-feed img.media-thumbnail {
  width: 65px;
  height: 50px;
  padding: 3px;
  border: 1px solid #c5c1ac;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
.widget-feed img.media-thumbnail:hover {
  box-shadow: 0px 0px 7px #ceccb4;
  -moz-box-shadow: 0px 0px 7px #ceccb4;
  -khtml-box-shadow: 0px 0px 7px #ceccb4;
  -webkit-box-shadow: 0px 0px 7px #ceccb4;
}
.widget-feed h4 a {
  color: #333;
  font-size: 13px;
  text-decoration: none;
}
.widget-feed h4 a:hover,
.widget-feed h4 a:focus {
  padding-bottom: 2px;
  color: #10a4ff;
  text-decoration: none;
  border-bottom: 1px solid #7FBAEE;
}
.widget-feed p a {
  color: #999;
  font-size: 12px;
  text-decoration: none;
}
.widget-feed p a:hover,
.widget-feed p a:focus {
  padding-bottom: 2px;
  color: #333;
  text-decoration: none;
}

/* site footer
-------------------------------------------------- */
footer.skeleton-footer {margin-top:20px;}
.skeleton-footer ul { margin: 10px 0;  padding: 0;  list-style: none; }
.skeleton-footer li { display: inline; padding: 0 2px; }
.skeleton-footer a{color:#cfcfd5;text-decoration:none;padding-bottom:2px}
.skeleton-footer a:hover,.skeleton-footer a:focus{color:#fff;text-decoration:none;padding-bottom:2px;transition:all 0.3s;}

/* utility  
   ------------------------------------------------ */
::-moz-selection {
  background: rgba(211, 211, 211, 0.55);
  text-shadow: none;
	color: #000;
}
::selection {
  background: rgba(211, 211, 211, 0.55);
  text-shadow: none;
	color: #000;
}
.input-group :-ms-input-placeholder {color:#ccc;font-style:italic;}
.chromeframe {
  text-align:center\9;
  padding:20px\9;
}
figure {
  margin: 0;
  padding: 0;
}
figcaption {
  margin: 10px 0;
  padding: 0;
  color:#999;
  font-style: italic;
}
.btn-none {
  color: #fff;
  background-color: #fff;
  border: 0 none;
  text-shadow: none;
  box-shadow:none;
  background-image :none;
}
.btn-none:hover,
.btn-none:focus,
.btn-none:active {
  color: #fff;
  background-color: #fff;
  border: 0 none;
  text-shadow: none;
  box-shadow:none;
  background-image :none;
}
.blanktolist{
	display:inline;
}
.list-inline {
	margin-right:-3px;
}
.responsive-right2left {
  float:right;
}
.responsive-left2right {
  float:left;
}
iframe, object, embed { max-width:100%; } 
video { max-width:100%; height: auto; } 
.media-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.media-container iframe,  
.media-container object,  
.media-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Icons 
   ------------------------------------------------ */


/* global link style */
.global-links a {color:#111;text-decoration:none;letter-spacing:-0.5px;}
.global-links a:hover,
.global-links a:focus,
.global-links a:active{text-decoration:none;color:#41a7ff;transition:all 0.2s;}

/* Tistory utility  
   ------------------------------------------------ */
.tistorytoolbar {
  display: none !important;
}
.txc-emo,.entry-ccl-by,.entry-ccl-nc,.entry-ccl-nd {
display: inline-block !important;
}
.entry-content img {
  display: inline;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.imageblock { max-width:100%; } 
.img-responsive {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
sup.footnote { 
position:static;
vertical-align:super;
}
.moreless_fold {
  padding-left: 10px; 
  background: url(/images/btn_more.gif) no-repeat 0 50%; 
  color: #08c; 
  font-weight:bold;
}
.moreless_top {
  padding-left: 10px; 
  background: url(/images/btn_less.gif) no-repeat 0 50%;
  color: #08c; 
  font-weight:bold;
 }
.moreless_bottom {
  padding-left: 10px; 
  background: url(/images/btn_less.gif) no-repeat 0 50%; 
  color: #08c; 
  font-weight:bold;
}
.moreless_content  {
  padding: 15px 10px;
  border-top:1px dotted #999;
  border-bottom:1px dotted #999;
}
@media (min-width: 1px) and (max-width: 550px) {
	.area_related .item_related { width:50%; }
	.area_related .item_related:nth-child(1), .area_related .item_related:nth-child(2) {
		margin-bottom: 15px;
	}
	.comment-form textarea, .guestbook-form textarea { width: 100%; }
	.aaactive { display: none; }
	#inputNAME {width:65%;min-width:150px;}
	#inputPW {width:65%;min-width:150px;}
	.another_category2 table th {max-width:100%!important}
	.another_category2 table th span {display:none;}
	.another_category2 table th a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.another_category2 table td {display: none; max-width:0!important;}
	.another_category2 table, .another_category2 table * {display:block;}
	.another_category2 table tr {height:26px;overflow:hidden;text-overflow:ellipsis;}
	.post-item-left .excerpt {display:none!important;}
	#post-type-text .post-item .title {font-size:1.5rem!important;}
	.post-item .more {font-size:1.3rem!important;}
	.post-header h2 {font-size:15px!important;}
	.entry-title {font-size:22px;}
	#tistory-logins .loginnotice {display:none!important;}
	.entry-content .jamak {font-size:inherit;letter-spacing:-1px;font-family:inherit;}
	.input-group.inner .search-input {background:transparent!important;}
	.tt_more_preview_comments_wrap {width:100%!important;max-width:unset!important;}
	.byline .updated {font-size:15px;}
	.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {font-size:12px!important;}
	.aplayer .aplayer-list ol li {font-size:14px!important;}
	blockquote[data-ke-style='style3']:before, blockquote[data-ke-style='style3']:after {font-size:16px!important;}
}
@media (min-width: 551px) and (max-width: 767px) {
	.area_related .item_related { width:50%; }
	.area_related .item_related:nth-child(1), .area_related .item_related:nth-child(2) {
		margin-bottom: 15px;
	}
	.comment-form textarea, .guestbook-form textarea { width: 100%; }
	.aaactive { display: none; }
	#inputNAME {width:65%;min-width:150px;}
	#inputPW {width:65%;min-width:150px;}
	.another_category2 table th span {display:none;}
	.post-item-left .excerpt {display:none!important;}
	#post-type-text .post-item .title {font-size:1.7rem!important;}
	.entry-content .jamak {letter-spacing:-0.5px;}
	.input-group.inner .search-input {background:transparent!important;}
	.tt_more_preview_comments_wrap {width:100%!important;max-width:unset!important;}
	.aplayer .aplayer-list ol li {font-size:14px!important;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.comment-form textarea, .guestbook-form textarea { width: 100%; }
	.msnry_item:nth-child(2n+1) { clear: both; }
	.articlereps { max-height: 104px; min-height: 104px; overflow: hidden; }
	.area_related .item_related { width: 50%; }
	.area_related .item_related:nth-child(1), .area_related .item_related:nth-child(2) {
		margin-bottom: 15px;
	}
	.cform .col-sm-8 { width: 75%; max-width: 550px; }
	.area_related li { width: 50%; }
	.area_related li:nth-child(2n+1) { clear: both; }
	.entry-content {font-size: 18px;}
	.comment .comment-content {font-size: 1.8rem;}
	.aplayer .aplayer-list ol li {font-size:14px!important;}
	.comment .name, .guestbook .name {font-size:1.5rem;}
	.commentNav .updated {font-size:1.4rem;}
	.input-group.inner .search-input {background:transparent!important;}
}
@media (min-width: 992px) and (max-width: 1099px) {
	.articlereps { max-height: 104px; min-height: 104px; overflow: hidden; }
	.comment-form textarea, .guestbook-form textarea { width: 100%; }
	.msnry_item:nth-child(3n+1) { clear: both; }
	.area_related li:nth-child(2n+1) { clear: none !important; }
	.area_related .item_related { width: 25%; }
	.cform .col-sm-8 { max-width: 550px; }
	.entry-content {font-size: 19px;}
	.comment .comment-content {font-size: 1.85rem;}
	.aplayer .aplayer-list ol li {font-size:15px!important;}
	.comment .name, .guestbook .name {font-size:1.5rem;}
	.commentNav .updated {font-size:1.4rem;}
	.another_category2 table th {max-width:88%!important;}
	.input-group.inner .search-input {background:transparent!important;}
	.primary.content-area {max-width:1099px;}
}
@media (min-width: 1100px) {
  .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }
  .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
	.primary.content-area {max-width:950px;}
	.articlereps { max-height: 104px; min-height: 104px; overflow: hidden; }
	.msnry_item:nth-child(3n+1) { clear: both; }
	.area_related .item_related { width: 25%; }
	.area_related li:nth-child(4n+1) { margin-left: 0; clear: both; }
	.entry-content {font-size: 19px;}
	.comment .comment-content {font-size: 1.85rem;}
	.aplayer .aplayer-list ol li {font-size:15px!important;}
	.comment .name, .guestbook .name {font-size:1.5rem;}
	.commentNav .updated {font-size:1.4rem;}
	.another_category2 table th {font-size:17px!important;max-width:88%!important;}
	.another_category2 table td {font-size:17px!important;}
	.tt_more_preview_comments_text {font-size:17px!important;}
	.another_category2 h4 {font-size:16px!important;}
	.skeleton-nav, .skeleton {max-width:950px;}
	.container.skeleton {
		/*display:flex;*/
		/*justify-content:center;*/
		height:100%;}
	.col-sm-8.social-link {margin-bottom:3px;}
	section.container.skeleton-mid-banner .row {
		max-width: 950px;
		margin: 0 auto;
	}
	section.container.skeleton-mid-banner {
		padding: 0 !important;
	}
	.mid-content .row.col-nospace {
		border: none !important;
	}
	.cover {
		padding-top: calc(441.31px + 3%);
	}
	#menu-layout {
		padding-left: 280px;
	}
	.search-mobile {
		display: none;
	}
	.sidesearch .ssebtn {
		display: block !important;
		z-index: 100;
	}
	.sidesearch .ssebtn:before {
		position: absolute;
		content: "\f002";
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		width: 25px;
		height: 25px;
		top: 21px;
		right: 0;
		z-index: 100;
		cursor: pointer;
	}
	.sidesearch {
		width: 100%;
		max-width: 100%;
		position: relative;
	}
	.mid-aside.searchicon {width:0;}
}

/* Small devices < 768px
------------------------- */
@media screen and (max-width: 1099px) {
  /* Remove any padding from the body */
  /* body { padding-top: 0; } */

  body [class*="padding"] {
    padding: 0!important;
  }
  body [class*="margin"] {
    margin: 0!important;
  }
  body [class*="height"] {
    height: auto!important;
  } 
	.cover {
	padding-top: 37.18%;
	}
	.entry-header {
		padding-top:35px;
	}
	.melodiatap {
		display:none !important;
	}
	.melodiatap2 {
		display:block !important;
	}
	.articlereps {
	min-height:10px;
	}
	.comment .tt-youtube-plugin, .guestbook .tt-youtube-plugin { 
		display: block;
	}
	.comment .tt-youtube-plugin iframe, .guestbook .tt-youtube-plugin iframe { 
		display: block;
	}
	.comment-form textarea, .guestbook-form textarea {width: 100%;}
	.skeleton-aside {display:none;}
	.t_menu_tag, .t_menu_location  { display:none !important; }
	.area_related .item_related {
		display: block;
	}
	.area_related .link_related strong {
		padding: 0 2px;
		letter-spacing: -0.5px;
	}
	.area_related .info {
		padding: 0 2px;
		letter-spacing: -0.5px;
	}
	.area_related li:nth-child(2n+1) { margin-left: 0; clear: both; }
	#ttItem1550565268, #ttItemGroup1550565269 { display:none; }
	#drawerProfile, .drawerContainer {display:block !important;}
	#backgroundMask {
	display:none;background:linear-gradient(45deg, rgba(0,0,0,0.55), transparent);
	position:fixed;top:0;right:0;bottom:0;left:0;
	z-index:999;
	}
	#backgroundMask.active {
	display:block;
	overflow-y:hidden;
	position:fixed;
	}
  .skeleton,
  .skeleton-nav,
  .skeleton-mid-banner,
  .skeleton-content,
  .mid-content  {
    border: none;
  }
  .skeleton { padding: 0 15px; }
  .skeleton-mid-banner { padding: 0; }
  .skeleton-content {
    min-height:200px;
  }
  .mid-content{
      padding: 5px 30px 10px 30px;
  }
	.list-inline li {
		margin-right: -5px;
	}
  .mid-aside {
    padding: 0;
		margin: 0 5px;
		min-height: 40px;
  }
	.search-input {
		padding: 0 10px;
	}
  .comment small {
    font-size:8px;
  }
  .skeleton-footer {
		color:#000;
		font-size:13px;
		text-align:center;
		background-image:none !important;
		padding:30px 0 50px 0 !important;
		background-color: #fff;
	}
	.skeleton-footer ul {
		margin:10px 0;
	}
	.skeleton-footer a {
		color:#5d5d5d;
		text-decoration:none;
	}
	.skeleton-footer a:hover, .skeleton-footer a:focus {
		color:#afafaf;
	}
  .responsive-right2left {
    float:left;
  }
  .responsive-left2right {
    float:right;
  }

/* nav
------------------------- */
	#menu-layout,	#drawer, .menu-link {
		transition: all 0.2s ease;
	}
	#menu-layout { position: relative; padding-left: 0; }
	#menu-layout.active { position: relative; left: 0; }
	#drawer.active {left:0;box-shadow:0 0 5px rgb(100, 100, 100);opacity:1;pointer-events:all;transition: opacity 0.3s;}
	#menu-layout.active .menu-link { pointer-events: none; opacity: 0; }
	#menuLink {z-index:997;cursor:pointer;}
	#drawer {
		margin-left: 0; 
		width: 280px;
		position: fixed;
		top: 0;
		left: -30px;
		bottom: 0;
		z-index: 1000; 
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		opacity: 0;
		pointer-events: none;
		box-shadow:0 0 0 rgb(100, 100, 100);
		transition: all 0.3s;
  }
	/* 드로어 */
	#drawer {
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing:-0.5px;
	}
	#drawer a {border:none;}
	/*#drawer #drawerProfile {
		background-color: rgba(35, 35, 35, 0.9);
	}*/
	#drawer #drawerProfile {
		background: url('/images/mobilemenuback.jpg');
	}
	.ic-expand_less { display:none; }
	#drawer #drawerProfile {
		background-size:cover;
		background-position:50%;
		height:170px;
		padding:40px 16px 8px;
		z-index:10;
		text-align:center;
		margin-bottom: 1px;
	}
	#drawer #drawerProfile img {
		width:64px; height:64px; border-radius:50%;
		box-shadow:2px 2px 6px .6px rgba(0,0,0,0.2);
	}
	#drawer #drawerProfile a:hover, #drawer #drawerProfile a:focus {
		text-decoration:none;
	}
	#drawer #drawerProfile #drawerName {
		color:#fff; line-height:27px;
		font-weight:900; text-shadow:#ccc 0px 0px 5px;
		font-family: 'Noto Sans KR', sans-serif;
	}
	#drawer #drawerProfile #drawerName p { margin:0; }
	#drawer #drawerProfile #drawerName .blogTitle { font-weight:700; font-size:16px; }
	#drawer #drawerProfile #drawerName .blogDesc { font-size:12px; margin-top:-5px; }
	#drawer #drawerLogin { position:absolute; top:12px; right:20px; color:#aaa; }
	#drawer .drawerContainer {
		width:100%; position:absolute; top:170px; bottom:0; overflow-y:auto; 
	}
	#drawer .drawerContainer::-webkit-scrollbar {
		opacity: 0;
		width: 0px;
	}
	#drawer .drawerContainer::-webkit-scrollbar-thumb {
		background: rgba(114, 114, 114, 0.8) !important;
		border-radius: 5px;
		height: 10px;
	}
	#drawer .drawerContainer::-webkit-scrollbar-track {
		background: rgba(51, 51, 51, 0.2) !important;
	}
	#drawer .drawerContainer .listWrap h4, #drawer .drawerContainer .listWrap a {
		margin: 0;
		line-height: 48px;
		padding-left: 0;
		vertical-align: middle;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 40px;
	}
	#drawer .drawerContainer .listWrap ul, #drawer .drawerContainer .listWrap li {
	overflow:hidden;
	}
	#drawer .drawerContainer .listWrap ul{ width:100%; margin:0;}
	#drawer .drawerContainer .listWrap .listWrapblogmenu ul a:before { 
		font-family:'Font Awesome 5 Pro';
		font-weight: 400;
	}
	#drawer .drawerContainer .listWrap .gotohome a:before  {
		content:'\f015';
		margin:0 7px 0 12px;
	}
	#drawer .drawerContainer .listWrap .gotologin a:before  {
		content:'\f2f6';
		margin:0 7px 0 12px;
	}
	#drawer .drawerContainer .listWrap .gotologout a:before  {
		content:'\f2f5';
		margin:0 7px 0 12px;
	}
	#drawer .drawerContainer .listWrap .gotomusic a:before  {
		content:'\f001';
		margin:0 8px 0 12px;
	}
		#drawer .drawerContainer .listWrap .gotomobile a:before  {
		content:'\f233';
		margin:0 8px 0 12px;
	}
		#drawer .drawerContainer .listWrap .gotoguest a:before  {
		content:'\f4ff';
		margin:0 5px 0 12px;
	}
	#drawer .drawerContainer .listWrap .gotologin {display:block;}
	#drawer .drawerContainer .listWrap .gotologout {display:none;}
	.logged-in #drawer .drawerContainer .listWrap .gotologin {display:none;}
	.logged-in #drawer .drawerContainer .listWrap .gotologout {display:block;}
	#drawer .drawerContainer .listWrap ul i{margin-right:0;}
	#drawer .drawerContainer .listWrap ul li{padding-left:0; -webkit-transition:.3s; transition:.3s;}
	.drawerContainer .listWrap ul li a {padding-left:0; width:100% !important;} 
	#drawer .drawerContainer .listWrap ul li:hover {background:#fff;}
	#drawer .drawerContainer .listWrap ul li li:hover {background:#fff;}
	#drawer .drawerContainer .listWrap a {
		display: block; width: 100%; color: #111;
		text-decoration: none; outline: none; height: 48px;
	}
	.sub_category_list a {background:#fff; padding:0;}
	.sub_category_list a:hover {background:#eee; text-decoration:none;}
	.sub_category_list li a:before {content:"\f863";margin-right:7px;margin-left:15px;font-size:12px;font-family:'Font Awesome 5 Pro';position:relative;top:-1px;font-weight:400;}
	#drawer .drawerContainer .listWrap .actoggle .open,	#drawer .drawerContainer .listWrap .actoggle .close {position:relative;right:-4px;}
	#drawer .drawerContainer .listWrap .actoggle.acopen .close {display:inline;top:0;}
	#drawer .drawerContainer .listWrap .actoggle.acopen .open {display:none;}
	.category_list a { margin-left: 0 !important }
	.ic-folder { margin-left:10px; margin-right:0px !important; }
	#drawer .drawerContainer .listWrap .actoggle>ul{display:none; padding-left:0 !important;}
	#drawer #drawerTmpCategory{display:none;}
	#drawer #drawerBottom {padding: 16px 16px 24px 16px; box-sizing: content-box;}
	#drawer #drawerBottom a {text-decoration: underline;}
	#drawerCategory {padding: 20px 0;}
	#drawerCategory h4 {padding-left: 15px !important; font-weight: 700;}
	.drawerContainer {background: #fff;}
	.ic-settings {
		display:none;
	}
	.ic-expand_more:before, .ic-expand_less:before { padding-right: 1.3em; }
	#drawer .listWrapblogmenu li {
		border-bottom: 1px solid #eee;
	}
	#drawerCategory ul li {
		border-top: 1px solid #eee;
	}
	#drawerCategory ul li:last-child {
		border-bottom: 1px solid #eee;
	}
/* 드로어 끝 여기까지 */
	.menu-link {
		position: fixed;
		display: block; 
		top: 5px;
		left: 5px; 
		font-size: 1.25rem; 
		z-index: 1000;
		width: 4em;
		height: 4em;
		padding: 1em;
		opacity: 1.0;
		pointer-events: all;
	}
	body.admin-bar .menu-link {
		top: 37px;
	}
	body.admin-bar .searchicon > .inner:before {
		top: 37px;
	}
	body.admin-bar .searchicon .close-search:before {
		top: 34px;
	}
	body.admin-bar .searchicon{
		top: 37px;
	}
	body.admin-bar #drawer {
		top: 32px;
	}
	.menu-link:hover,
	.menu-link:focus {
		background: rgba(0, 0, 0, 0.0);
	}
	.menu-link span {
		position: relative;
		display: block;
		margin-top: 0.9em;
	}
	.menu-link {
		background: rgba(0, 0, 0, 0.0);
	}
	.menu-link span,
	.menu-link span:before,
	.menu-link span:after {
		background-color: #fff;
		width: 100%;
		height: 2px;
		box-shadow: 0 0 5px #999;
		transition: all 0.4s;
	}
	.active .menu-link span,
	.active .menu-link span:before,
	.active .menu-link span:after {
		box-shadow: none;
	}
	.menu-link span:before,
	.menu-link span:after {
		position: absolute;
		top: -.55em;
		content: " ";
	}
	.menu-link span:after {
		top: .55em;
	}
	#menuLink:before {
		content: '\f0c9';
		font-family: 'Font Awesome 5 Pro';
		font-size: 24px;
		font-weight: 400;
		color: #fff;
		position: relative;
		left: 0;
		top: -6px;
		text-shadow: 0 0 5px #999;
	}
  .menu-link.active span {
    background: transparent;
  }
  .menu-link.active span:before {
		transform: rotate(45deg) translate(.5em, .4em);
		box-shadow: none;
  }
  .menu-link.active span:after {
		transform: rotate(-45deg) translate(.4em, -.3em);
		box-shadow: none;
  }
  .nav ul,
  .nav ul li,
  .nav > a.nav-brand  {
    display:block;
    border: none;
  }
  .nav ul li a {
    display:block;
		padding:0;
  }
  .nav ul li ul {
    position:static;
    display:block;
  }
  .nav > a.nav-brand {
    display:block;
  }
/* 검색 Search HTML & CSS by https://apost.kr */
.searchicon {
	position: fixed;
	width: 45px;
	padding-left: 0;
	float: right;
	z-index: 950;
	top: 5px;
	right: 5px;
}
.searchicon.on {
	width: 100%;
	transition: all 0.4s ease;
	padding-left: 60px;
}
.searchinputs:hover, .searchinputs:focus, .searchinputs:active {
	text-decoration: none !important;
	border-radius: 0 !important;
	background-color: transparent;
	outline: none !important;
}
.searchicon > .inner {
	width: 45px;
	height:45px;
	outline: none !important;
}
.searchicon input {
	display: none;
	width: 100%;
	height: 45px;
	padding: 0 20px;
	font-size: 1em;
	line-height: 45px;
	color: #fff;
	border: 0;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	box-sizing: border-box;
	background-color: transparent;
}
.searchicon input::placeholder {
	color: #ddd !important;
	font-style: normal !important;
}
.searchicon input:-ms-input-placeholder {
	color: #ddd !important;
	font-style: normal !important;
}
.searchicon input::-ms-input-placeholder {
	color: #ddd !important;
	font-style: normal !important;
}
.searchicon button {
	display: none;
	position: absolute;
	top: 10px;
	right: 45px;
	z-index: 10;
	font-size:1em;
	color: #000;
}
.searchicon.on button.attach {
	display: block;
	padding: 5px;
	line-height: 2em;
	right: 0;
	height: 45px;
	margin-top: -8px;
}
.searchicon > .inner:before {
	position: fixed;
	content: '\f002';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	top: 5px;
	right: 5px;
	cursor: pointer;
	font-size: 21px;
	padding: 10px 10px 11px 10px;
	color: #fff;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	text-shadow: 0 0 5px #999;
	z-index: 997;
	}
.searchicon .close-search {
	display:none;
	position: absolute;	
	width:45px;
	height:45px;
	right:0;
	top:0;
	box-sizing: border-box;
	z-index: 900;
	}
.searchicon .close-search:before {
	position: fixed;	
	content: '\f00d';
	font-family: 'Font Awesome 5 Pro';
	top: 2px;
	right: 5px;
	font-weight: 700;
	cursor: pointer;
	font-size: 23px;
	padding: 11px 13px 16px 14px;
	width: 45px;
	height: 45px;
	color: #fff;
	z-index: 997;
	}
.searchicon.on .inner {
	width: 100%;
	height: 45px;
	padding-right: 45px;
	background-color: inherit;
	border-radius: 0;
	}
.searchicon.on input {
	display: block;
	}
.searchicon.on .close-search {
	display: block;
	z-index:950;
	}
.searchicon.on .inner:before {
	display: none;
	}
.searchicon .close-search.attach{
	display: none;
	}
	.ssebtn {display:block;}
	.close-search {display:block;}
	#backgroundMask2.on {
		background:rgba(0,0,0,0.4) !important;
		z-index: 949;
	}
	.search-input {margin:0 5px;}
	.input-group-btn {display:none;}
	.search-input:focus {box-shadow:none;border-bottom:1px solid #fff;}
	.input-group input::placeholder {color: #fff;}
	/* 검색 종료 */
} /* smaller than 1099px 종료 */
.ssebtn {display:none;}
.close-search {display:none;}
	#backgroundMask2 {
	display:none;
	background:rgba(0,0,0,0);
	position:fixed;top:0;right:0;bottom:0;left:0;
	z-index:-999;
	}
	#backgroundMask2.on {
	display: block;
	background: rgba(0,0,0,0);
	overflow-y: hidden;
	position: fixed;
	z-index: 948;
	}


/* 비밀댓글 */
.hiddenComment 	{ 
	background: no-repeat; 
	padding-left: 0; 
}
.introimage {
	margin-top:25px;
	margin-bottom:25px;
	padding: 12px 6px 12px 6px;
}
.introimage .blogImage {text-align:center;}
.introimage .blogImage img {
	width: 45%;
	margin-bottom: 7px;
	padding: 3px;
	border: 1px solid #ddd;
	border-radius: 90px;
}
.introimage .blogDesc {text-align:center;letter-spacing:-1px;}
.maintitle {font-size:17px;font-weight:700;margin-bottom:7px;letter-spacing:-0.5px;}
.blogImage img { 
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 2px;
}
.blogImage .blogDesc {padding-left:1px;}
.blogDesc {font-size:14px;word-break:break-all;color:#454545;}
.side_box_short .blogImage img { width: 83px; padding: 5px; border: 1px solid #aaa; margin-bottom: 5px; }

#scroll-options a, #scroll-options a:hover {
	transition: background-color 0.2s;
}
.scrollup a { 
	position:fixed; 
	background: rgba(0, 0, 0, 0.39);
	right:20px; 
	bottom:25px; 
	height:40px; 
	width:40px;
	border-radius:50%;
	outline:none;
	text-decoration:none;
	z-index:1000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 2px;
}
.scrollup a:before {
	content: '\f062';
	font-family: "Font Awesome 5 Pro";
	color: #fff;
	font-size: 22px;
	font-weight: 400;
}
.scrollup a:hover { 
	background: rgba(0, 0, 0, 0.69);
}
.scrollco a { 
	position:fixed; 
	background: rgba(0, 0, 0, 0.39);
	right:65px; 
	bottom:25px; 
	height:40px; 
	width:40px;
	border-radius:50%;
	outline:none;
	text-decoration:none;
	z-index:1000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 3px;
}
.scrollco a:before {
	content: '\f4ad';
	font-family: "Font Awesome 5 Pro";
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}
.scrollco a:hover { 
	background: rgba(0, 0, 0, 0.69);
}
.scrolldown a { 
	position:fixed; 
	background: rgba(0, 0, 0, 0.39);
	right:110px; 
	bottom:25px;
	height:40px; 
	width:40px;
	border-radius:50%;
	outline:none;
	text-decoration:none;
	z-index:1000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 2px;
}
.scrolldown a:before {
	content: '\f063';
	font-family: "Font Awesome 5 Pro";
	color: #fff;
	font-size: 22px;
	font-weight: 400;
}
.scrolldown a:hover { 
	background: rgba(0, 0, 0, 0.69);
}
.scrolldarktoggle a { 
	position:fixed; 
	background: rgba(0, 0, 0, 0.39);
	right:155px; 
	bottom:25px;
	height:40px; 
	width:40px;
	border-radius:50%;
	outline:none;
	text-decoration:none;
	z-index:1000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 2px;
}
.scrolldarktoggle a:before {
	content: '\f186';
	font-family: 'Font Awesome 5 Pro';
	color: #fff;
	font-size: 20px;
	font-weight: 900;
}
.scrolldarktoggle a:hover { 
	background: rgba(0, 0, 0, 0.69);
}
/* 카테고리 - 이미지 버튼 */
.ib {cursor:pointer;}
/* 카테고리 - 트리 셀 */
.widget-inner2 {
	width:95%;
}
.navigation { text-align: left; }
.comment .control, .guestbook .control { 
	color: #4c4c4c;
	position: absolute;
	top: -8px;
	right: 0;
	z-index: 2;
	text-decoration: none;
}
.comment .control a, .guestbook .control a { 
	color:#4c4c4c;
	position:relative;
	z-index:2;
}
.comment .control a:hover, .guestbook .control a:hover { 
	color:#45a9ff;
	text-decoration: none;
}
.comment .control a:hover::before, .guestbook .control a:hover::before { 
	transition: all 0.3s;
}
.control a.write:before {
	content: '\f4ad';
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 20px;
	position: relative;
	float: right;
	margin-left: 10px;
}
.control a.modify:before {
	content: '\f013';
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 20px;
	position: relative;
	float: right;
}

#blank03 {
	padding: 10px;
	margin-bottom: 50px;
}
.protectmsg {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px !important;
}
.post-password-form p:nth-child(2)
.protected2 input {
	height:28px;
}
.protected2 .protected2blank {
	color: #000;
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #aaa;
	outline:0;
	margin-right: 5px;
	max-width: 180px;
	height: 28px;
	font-size: 15px;
	display: inline-flex;
}
.protected2 .protected2btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:74px;
	height:28px;
	background: #f8f8f8;
	border: 1px solid #acacac;
	border-radius: 3px;
	color: #222; 
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.5px;
	text-decoration: none;
	padding: 1px 2px;
}
.protected2 .protected2btn:hover {
	background-color: #e7e7e7;
	outline: none;
  transition: background-color 0.2s ease;
}
.protected2 .protected2dis {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #8c8c8c;
	margin-top: 20px;
}
.mainsecretinput label, .mainsecretinput input {
	display: none;
}
.entry-content img{
	padding:1px;
	border-radius:5px;
}
h3.title {
  color: #141414;
  line-height:32px;
  font-size: 15px !important;
	font-weight: bold !important;
  border-radius:3px;
  padding-top: 3px;
  padding-bottom: 1.5px;
  padding-left: 10px;
	margin-left: 30px;
  margin-bottom: 2px;
  margin-top: 5px;
} 
.commentNav .updated a:link {
	display:none !important; 
	color:#fefefe; 
	text-decoration:none; 
	cursor:default;
}
.commentNav .updated a:visited {color:#fefefe; text-decoration:none; cursor:default;}
.commentNav .updated a:hover {color:#ffffff; text-decoration:none; cursor:default;}
.commentNav .updated a:active {color:#fefefe; text-decoration:none; cursor:default;}

hr { margin-top:0px; }
#entry0Comment h3 {
	padding-right: 7px;
	margin: 0 !important;
	display: inline-flex;
	font-weight: 700;
}
.guestbook-title {
	display: flex;
	margin: 20px 0;
}

/* 404 not found */
/*
.nothing img {
	width:100%
}
.nothing {
	font-size:4rem;
	text-align:center
}
.absent_post {
	height: 100% !important;
	display: block !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding-top: 87% !important;
  color:#333;
  background:url('./images/404errors.jpg') no-repeat top center !important;
	background-position: absolute !important;
	background-size: contain !important;
}
*/
#ttSnsWrap-703 {
	display:none !important;
}
.tt-sns-wrap {
	display:none !important;
}
/* ccl */
.layer_ccl { padding: 8px 14px 16px 12px !important; }
.layer_ccl .txt_mark .ico_postbtn { position: relative; }
.layer_ccl .ico_postbtn { margin: 0 3px 0 0 !important; }
span.ico_postbtn.ico_ccl1 { top: 1px; }
span.ico_postbtn.ico_ccl2 { top: 1.5px; }

/* postbtn */
.postbtn_ccl {
	margin-right: 2px;
	position: absolute !important;
	right: 0;
	top: 28px;
}
.container_postbtn .btn_post {
	padding: 0 8px !important;
}
.container_postbtn {
	padding: 20px 0 5px 0 !important;
}
.btn_subscription {
	display: none;
}
.container_postbtn .postbtn_like {
	padding: 0 !important;
	border-radius: 3px !important;
	border-color: transparent !important;
	min-width: 15px;
	min-height: 32px;
}
button.btn_post.uoc-icon {
	padding: 0 10px !important;
	background: #fff4f4;
	border: 1px solid #ff878d;
	border-radius: 3px;
}
html.dark button.btn_post.uoc-icon {
	background: rgba(53, 53, 53, 0.7) !important;
	border: 1px solid rgba(106, 106, 106, 0.7);
}
.container_postbtn .btn_post {
	outline: none !important;
}
.container_postbtn .btn_post .ico_like {
	width: 16px !important;
	max-width: 16px !important;
	background-position: 0px -1px !important;
}
.container_postbtn .btn_post .empathy_up_without_ani .ico_like {
	background-position: -120px -20px !important;
}
.btn_etc1 {
	display: none;
}
.btn_etc2 {
	position: absolute;
	right: -35px;
}
.wrap_btn.wrap_btn_share {
	display: none;
}
.notice-content .postbtn_like { border: none !important; }
.notice-content button.btn_post.btn_etc2 { 
	top: 2px !important; 
	left: 13px !important; 
	border: none !important; 
	display: none;
}
.notice-content .container_postbtn .postbtn_like .wrap_btn .btn_post {
	border: 1px solid #a7a7a7;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 30px;
	padding: 6px;
	white-space: nowrap;
	display: none;
}
div#tistoryEtcLayer {
	left: 12px !important;
	bottom: -8px !important;
}

button.btn_post.btn_etc2 {
	height: 29px;
}
button.btn_post.btn_etc2[aria-expanded="true"] {
	display: none;
}
div#tistoryEtcLayer {
	background: none;
	position: relative;
	height: 10px;
	cursor: pointer;
}
div#tistoryEtcLayer:after {
	content: '\f071';
	font-size: 15px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	color: #ffd300;
}
.layer_post .btn_mark {
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 7px !important;
	position: relative;
	bottom: -30px;
	left: 0px;
}
button.btn_mark {
	pointer-events: none;
}
.layer_post .btn_mark:hover {
	background-color: transparent !important;
}
.layer_post {
	box-shadow: none !important;
}
span.ico_postbtn.ico_arrbt {
	display: none;
}
.container_postbtn button:focus, .layer_post button:focus, .layer_tooltip button:focus {
	outline: none !important;
}
/* postbtn end */
.entry-tags {
	color:#fff;
}
.entry-tags a {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 1.3rem;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #f5f5f5;
	color: #000;
	font-family: 'Noto Sans KR', 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	letter-spacing: -0.5px;
	font-weight: 400;
	text-decoration: none;
	margin-bottom: 5px;
	transition: none;
}
.entry-tags a:hover {
	color:#fff;
	background-color:#43afff;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.entry-tags a:before {
	content:"#";
	font-size:1.35rem;
	margin-right:1px;
}
.commentscover {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: inherit;
	color: #000;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
	text-decoration: none;
	pointer-events: none;
}
.commentscover:hover {
	cursor:pointer;
  text-decoration:none;
}
.commentscover a {
	color: #000;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	left: 0;
	top: 0;
	cursor: default;
}
/*
.commentscover a:before {
	content: '\f35a';
	position: relative;
	font-weight: 400;
	font-family: "Font Awesome 5 Pro";
	font-size: 16px;
	padding-right: 5px;
	left: 0;
	top: 1px;
}
*/

.widget.sidenoticelist ul li a:before {
	content: '\f890';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-size: 13px;
	margin-right: 8px;
}
.widget.categorylist ul li a:before {
	content: '\f660';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-size: 13px;
	margin-right: 2px;
	display: inline-block;
	width: 22px;
}
.widget.categorylist ul li ul.sub-menu li a:before {
	content: '\f863' !important;
	color: #333 !important;
}
html.dark .widget.categorylist ul li ul.sub-menu li a:before {
	color: #eee !important;
}
.widget.categorylist ul.sub-menu li ul.sub-menu li a:before {
	content: '\f02b' !important;
	margin-right: 3px;
}
.sidenotice {
	width: auto;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	border-bottom: 2px dotted;
	border-color: #999;
}
.sidecategories {
	width: auto;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	border-bottom: 2px dotted;
	border-color: #999;
}
.siderecentart {
	width: auto;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	border-bottom: 2px dotted;
	border-color: #999;
}
.siderecentcom {
	width: auto;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	border-bottom: 2px dotted;
	border-color: #999;
}
.siderecentcom.naverconnect:before {
	content: '\f0c0';
}
.siderecentcom.sidecounter:before {
	content: '\f681';
}
.imghover:hover {
	opacity: 0.7;
	transition: all 0.3s;
}
.sidecategories img, .sidenotice img, .siderecentart img, .siderecentcom img {
	width:16px;
	height:16px;
	margin:0 7px -3.5px 0;
	padding:0 0 0 0;
}
#treeComponent #category_0 {
	margin-top:7px;
}
.side-navi {
	margin-top: 0px;
	margin-bottom: 40px;
	border-top: 1px dotted #eee;
}
.side-navi li {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #eee;
}
.side-navi li a {
	display: block;
	padding: 10px 5px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
	text-decoration: none;
	color: #000;
}
.side-navi li a:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	margin-right: 10px;
}
.side-navi .navi-home a:before {
	content: '\f015';
}
.side-navi .navi-music a:before {
	content: '\f001';
}
.side-navi .navi-db a:before {
	content: '\f233';
}
.side-navi .navi-guest a:before {
	content: '\f4ff';
	font-size: 14px;
	margin-right: 8px;
}

/* 카테고리 아이콘 구성 */
ul.viewallposts li a:before {
	color: rgb(119, 16, 16);
	content: '\f660';
}
html.dark ul.viewallposts li a:before {
	color: #eee;
}

.widget.categorylist ul li.menu-item-176 a:first-child::before {
	color: #ff2e2e;
	content: '\e02e';
}
.widget.categorylist ul li.menu-item-187 a:first-child::before {
	color: #ff8858;
	content: '\f4a6';
}
.widget.categorylist ul li.menu-item-181 a:first-child::before {
	color: #ffc900;
	content: '\f8e6';
	text-shadow: 0 0 1px #ffed9a;
}
.widget.categorylist ul li.menu-item-180 a:first-child::before {
	color: #08d000;
	content: '\f238';
}
.widget.categorylist ul li.menu-item-177 a:first-child::before {
	color: #0091ff;
	content: '\f0c0';
}
.widget.categorylist ul li.menu-item-179 a:first-child::before {
	color: #004dad;
	content: '\f401';
}
.widget.categorylist ul li.menu-item-175 a:first-child::before {
	color: #6d37ff;
	content: '\f672';
}
.widget.categorylist ul li.menu-item-186 a:first-child::before {
	color: #f663ff;
	content: '\f0c7';
}
.widget.categorylist ul li.menu-item-438 a:first-child::before {
	color: #ff54ba;
	content: '\f57e';
}
.widget.categorylist ul li.menu-item-189 a:first-child::before {
	color: #726a6a;
	content: '\f2ed';
}
html.dark .widget.categorylist ul a:before {
	color: #eee !important;
}


/* (구)포스팅 다운로드 아이콘 제거 및 변경 */
.tx-download:link {
	height: 50px; line-height: 50px; padding-right: 15px; padding-left: 66px;background-color: #eee; display: inline-block; text-align: center; border-radius: 2px; overflow: hidden; margin: 5px 5px 0px 5px; color: #382828; transition: 0.3s; text-decoration:none;
}
.tx-download:hover {
	background-color: #5aa3ff; color: #fff; text-decoration: none
}
.tx-download { height: 50px; line-height: 50px; padding-right: 15px; padding-left: 66px;background-color: #eee; display: inline-block; text-align: center; border-radius: 2px; overflow: hidden; margin: 5px; color: #382828; transition: 0.3s; } 
.imageblock>a { height: 50px; line-height: 50px; padding-right: 15px; padding-left: 66px;background-color: #eee; display: inline-block; text-align: center; border-radius: 2px; overflow: hidden; margin: 5px 10px 0px 5px; color: #382828; transition: 0.3s; } 
.imageblock>a:hover { 
	background-color: #5aa3ff; 
	color: #fff; 
	text-decoration: none; 
} 
.imageblock>a:before { 
	font-family: 'Font Awesome 5 Pro';
	content: '\f019'; 
	display: inline-block; 
	width: 55px; 
	height: 50px;
	margin-left: -70px; 
	position: absolute; 
	border-radius: 2px 0 0 2px; 
	color: #fff; 
	background-color: #4094ff; 
	font-size: 25px; 
	font-weight: 700;
} 
.imageblock { max-width: 100%; height: auto; } 
.imageblock { color: #aaa; font-size: 0.9em; }
.imageblock>a img[src*="gif"] { display: none; }
.imageblock2>a { height: 50px; line-height: 50px; padding-right: 15px; padding-left: 66px;background-color: #eee; display: inline-block; text-align: center; border-radius: 2px; overflow: hidden; margin: 5px 10px 0px 5px; color: #382828; transition: 0.3s; } 
.imageblock2>a:hover { 
	background-color: #5aa3ff; 
	color: #fff; 
	text-decoration: none; 
} 
.imageblock2>a:before { 
	font-family: 'Font Awesome 5 Pro';
	content: '\f0c1'; 
	display: inline-block; 
	width: 55px; 
	height: 50px;
	margin-left: -70px; 
	position: absolute; 
	border-radius: 2px 0 0 2px; 
	color: #fff; 
	background-color: #4094ff; 
	font-size: 25px; 
	font-weight: 700;
} 
.imageblock2 { max-width: 100%; height: auto; } 
.imageblock2 { color: #aaa; font-size: 0.9em; }
.imageblock2>a img[src*="gif"] { display: none; }


/* 다운로드 버튼(워드프레스) */
.wp-block-file {
	margin-top: 5px;
}
.wp-block-file a {
	background: #fafafa;
	color: #000;
	box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	font-weight: 700;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	height: 76px;
	max-width: 370px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	padding: 2px 10px 5px 0px;
	text-align: left;
}
.wp-block-file a::before {
	content: '\f019';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 28px;
	position: relative;
	left: 18px;
	top: 14px;
	color: #000;
	padding-right: 34px;
}
.wp-block-file a::after {
	content: '다운로드';
	font-size: 12px;
	position: absolute;
	left: 62px;
	top: 42px;
}
.wp-block-file.aligncenter a {
	margin: 0 auto;
}
.wp-block-file a.wp-block-file__button {
	display: none;
}
.wp-block-file a:hover {
	background: #fffce4;
	transition: all 0.3s;
}

html.dark .wp-block-file a {
	background: #3e3e3e;
	box-shadow: 1px 2px 3px 1px rgba(132,132,132,0.1);
	color: #eee !important;
}
html.dark .wp-block-file a::before {
	color: #eee;
}
html.dark .wp-block-file a:hover {
	background: #45614d;
}


/* 비밀글 버튼 */
label.secret-text {
	position: relative;
	left: 56px;
	bottom: 0px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	display: none;
}
.switch-button {
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 25px;
	bottom: 60px;
	left: 8px;
}
.switch-button input {
	opacity: 0;
	width: 0;
	height: 0;
	display: none;
	pointer-events: none;
}
.onoff-switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.onoff-switch:before {
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	content: '\f30d';
	height: 17px;
	width: 17px;
	left: 4px;
	bottom: 6px;
	pointer-events: all;
	font-size: 16px;
}
.switch-button input:checked + .onoff-switch:before {
	color: #3bcc0c;
	transition: .4s;
}
html.dark .switch-button input:checked + .onoff-switch:before {
	color: #8cef5e;
}

.onoff-switch2 {
	position: absolute;
	cursor: pointer;
	top: 1px;
	left: 75px;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
}
.onoff-switch2:before {
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	content: '\f6fa';
	height: 16px;
	width: 16px;
	left: 0px;
	bottom: 4px;
	border-radius: 20px;
}
input#spoiler:checked + .onoff-switch2 {
	color: #ff3fd7;
	transition: .2s;
}

/* 카운터 대안 */
.new-count {
	margin-top: 10px;
	font-weight: 700;
	color: #333;
}
.new-count .count-title {
	font-size: 16px;
	margin: 20px 0 0 0;
	padding-left: 5px;
	letter-spacing: -0.5px;
}
.new-count .count-total {
	font-size: 24px;
	margin: -2px 0 0 0;
	padding-left: 5px;
	letter-spacing: -1px;
}
.new-count .count-today, .new-count .count-yesterday {
	font-size: 14px;
	margin: 0;
	padding-left: 5px;
	position:relative;
	top: 2px;
	letter-spacing: -0.5px;
}
.count-today:before, .visit-today:before {
	content: '\f017';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	margin-right: 3px;
	position: relative;
	top: 0px;
	font-size: 13px;
}
/* 카운터 대안 종료 */


/* 카테고리 쪽 드로어 */
#drawer2 { 
	font-weight:400;
}
#drawer2 .category_list a {
	font-size: 1.50rem !important;
	letter-spacing: -0.5px;
}
#drawerCategory .ic-folder:before {
	font-size: 100%;
}
#drawerCategory2 .ic-folder:before {
	margin-left:0;
}
#drawer2 .tt_category {
	display:none !important;
}
#drawer2 .sub_category_list {
	display:none;
}
#drawer2 .sub_category_list a:before {content:'\f863';font-family:'Font Awesome 5 Pro';font-size:12px;margin-right:8px;margin-left:6px;position:relative;top:-2px;font-weight:400;}
#drawer2 .drawerContainer2 .listWrap2 .actoggle2 .open, #drawer2 .drawerContainer2 .listWrap2 .actoggle2 .close {position:relative;right:2px;}
#drawer2 .drawerContainer2 .listWrap2 .actoggle2.acopen2 .close {display:inline;}
#drawer2 .drawerContainer2 .listWrap2 .actoggle2.acopen2 .open{display:none;}
#drawer2 .drawerContainer2 .listWrap2 ul i {margin-right:0; margin-left:5px;}
#drawer2 .drawerContainer2 .listWrap2 ul li{padding-left:0;transition:background .3s;position:relative;border-bottom: 1px dotted #eee;}
#drawer2 ul.sub_category_list li:first-child{border-top:1px dotted #eee;}
#drawer2 ul.sub_category_list li:last-child{border-bottom:none;}
section.widget.sidenoticelist ul li {border-bottom: 1px dotted #eee;}
#drawer2 .drawerContainer2 .listWrap2 a { outline:none;	}
.drawerContainer2 .listWrap2 ul li a {width:100% !important; padding-right: 35px; overflow: hidden;} 
#drawer2 .drawerContainer2 .listWrap2 .actoggle2>ul{display:none; padding-left:0 !important;}
#drawer2 #drawerTmpCategory2{display:none;}
#drawer2 .drawerContainer2 .listWrap2 ul.sub-menu li {
	border-bottom: none;
	border-top: 1px dotted #eee;
}
#drawer2 .drawerContainer2 .listWrap2 ul, #drawer2 .drawerContainer2 .listWrap2 li {
	overflow:hidden;
}
#drawer2 .ic-expand_less {
	display:none;
}
#drawer2 .ic-folder:before {
	color: #ccc;
	font-size: 12px;
	font-weight: 400;
}
#drawer2 [class^="ic-"]:before,[class*=" ic-"]:before {
	vertical-align: middle !important;
}
section.widget.categorylist.cateformobile #drawer2 .drawerContainer2 .listWrap2 a {
	padding-left: 12px;
}
section.widget.categorylist.cateformobile ul.viewallposts li:first-child {
	border-top: 1px dotted #eee;
}
html.dark section.widget.categorylist.cateformobile ul.viewallposts li:first-child {
	border-top: 1px solid #555;
}
#drawerCategory.drawerformobile {
	padding-bottom: 2px;
}
.cateformobile #drawerCategory2 .c_cnt {
	top: 14px;
	padding-right: 8px;
}
/* 카테고리 쪽 드로어 끝 여기까지 */
.tt-youtube-plugin2 {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	margin-bottom: 5px;
	overflow: hidden;
}
.comment-content .tt-youtube-plugin2 {
	margin-top: 5px;
}
.tt-youtube-plugin2 iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
div#ttCanvas .tt-component-border-06 hr.tt-line {
	display: none !important;
}
/* area_related - 상세페이지 관련글 */
.area_related {
	clear: both;
	border-bottom: none;
	overflow: hidden;
	font-family: 'Noto Sans KR', 'Kosugi Maru', 'Noto Sans JP', sans-serif;
	margin-top: 15px;
	margin-bottom: 14px;
}
.area_related .title_related:before {
	content: '\f40e';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	position: relative;
	margin-right: 5px;
	left: 0;
}
.item_related a:hover strong {
	color: #333;
	transition: all 0.2s;
}
.area_related button {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
    overflow: visible; }
.area_related .title_related {
	margin: 20px 0 15px 0;
	font-size: 1.6rem;
	font-weight: 700; 
	font-family: 'Noto Sans KR', sans-serif;
	display: none;
}
.area_related .title_related a {
	color: #000;
}
.area_related .title_related a:hover {
	color: #0090ff;
	transition: .3s color;
}
.item_related a {
	text-decoration: none;
}
.box_content strong {
	color: #ff2222;
}
.area_related .list_related {
	list-style: none;
	margin: 0 -4px;
	padding: 0;
	border: none;
	box-sizing: border-box;
	letter-spacing: -0.5px;
}
.area_related .list_related:after {
	content: '';
	display: block;
	clear: both; }
.area_related .item_related {
	float: left;
	margin-bottom: 0;
	display: block;
	position: relative;
}
.area_related .link_related {
	display: block;
	margin: 0 3px;
}
.area_related .thumnail {
	background-image: url('/images/noimage3.png');
	background-size: cover;
	background-position: 50% 50%;
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 100%;
}
.area_related .thumnail img {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding-top: 100%;
	border-radius: 3px;
}
.area_related .link_related strong {
	display: block;
	max-height: 45px;
	margin: 5px 0 0;
	line-height: 1.47;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: 'Noto Sans KR', 'Noto Sans JP';
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.area_related .info {
	display: block;
	font-size: 13px;
	margin-top: 2px;
	color: rgba(0, 0, 0, 0.8);
}


/* 파일 다운로드(티스토리 default) NEW */
figure.fileblock, #tt-body-page figure.fileblock { 
	margin: 5px 0 10px 0 !important;
	width: 370px !important;
	border: 2px solid transparent !important;
	background: transparent;
	border-radius: 5px !important;
	height: 76px;
	position: relative;
	transition: all 0.3s;
}
figure.fileblock[data-ke-align="alignCenters"], #tt-body-page figure.fileblock[data-ke-align="alignCenters"] {
	margin: 5px auto !important;
}
figure.fileblock .filename, #tt-body-page figure.fileblock .filename {
	line-height: 20px;
}
figure.fileblock:hover, #tt-body-page figure.fileblock:hover {
	border-color: transparent !important;
}
figure.fileblock:after {
	content: '';
	display: block;
	width: 370px;
	max-width: 100%;
	height: 76px;
	background: #fafafa;
	border: 0px solid #333;
	border-radius: 5px;
	box-shadow: 1px 2px 3px 1px rgba(0,0,0,0.1);
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: -1;
	pointer-events: none;
	transition: all 0.3s;
}
figure.fileblock:hover:after {
	background: #fffce4;
	border-color: #ffd308;
}
html.dark figure.fileblock:after {
	display: none;
}
figure.fileblock:hover .name, #tt-body-page figure.fileblock:hover .name, figure.fileblock:hover .size, #tt-body-page figure.fileblock:hover .size, figure.fileblock:hover .image:before, #tt-body-page figure.fileblock:hover .image:before {
	color: #000;
}
figure.fileblock .name, #tt-body-page figure.fileblock .name {
	padding: 0;
	margin-left: -1px;
	color: #000;
}

figure.fileblock .image, #tt-body-page figure.fileblock .image {
	width: 50px !important;
	height: 50px !important;
	margin: 10px 9px 9px 10px !important;
	position: absolute;
	left: 0;
	top: 0;
	background-image: none !important;
}
figure.fileblock .image:before, #tt-body-page figure.fileblock .image:before {
	content: '\f019';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 28px;
	position: absolute;
	left: 9px;
	top: 4px;
	color: #000;
}
figure.fileblock .desc, #tt-body-page figure.fileblock .desc {
	position: absolute;
	left: 70px;
	right: 60px;
	top: 0;
	bottom: 0;
	width: 275px;
	max-width: 74%;
	font-weight: 700;
}
figure.fileblock .size, #tt-body-page figure.fileblock .size {
	font-family: inherit;
	font-size: 12px;
	height: 16px;
	margin: 2px 0 0;
	color: #000;
}
figure.fileblock a::after, #tt-body-page figure.fileblock a::after {
	display: none;
}


html.dark figure.fileblock, html.dark #tt-body-page figure.fileblock { 
	width: 370px !important;
	border: 2px solid transparent !important;
	background: transparent;
	height: 76px;
	position: relative;
	transition: all 0.3s;
}
html.dark figure.fileblock:hover, html.dark #tt-body-page figure.fileblock:hover {
	border-color: transparent !important;
}
html.dark figure.fileblock:before {
	content: '';
	display: block;
	width: 370px;
	max-width: 100%;
	height: 76px;
	background: #333;
	border: 0px solid #777;
	border-radius: 5px;
	box-shadow: 1px 2px 3px 1px rgba(132,132,132,0.1);
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: 0;
	pointer-events: none;
	transition: all 0.3s;
}
html.dark figure.fileblock:hover:before {
	background: #45614d;
	border-color: #5d985d;
}
html.dark figure.fileblock .name, html.dark #tt-body-page figure.fileblock .name {
	padding: 0;
	margin-left: -1px;
	color: #eee;
}
html.dark figure.fileblock .size, html.dark #tt-body-page figure.fileblock .size { color: #eee; }
html.dark figure.fileblock .image, html.dark #tt-body-page figure.fileblock .image {
	width: 50px !important;
	height: 50px !important;
	margin: 10px 9px 9px 10px !important;
	position: absolute;
	left: 0;
	top: 0;
	background-image: none !important;
}
html.dark figure.fileblock .image:before, html.dark #tt-body-page figure.fileblock .image:before {
	content: '\f019';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 28px;
	position: absolute;
	left: 9px;
	top: 4px;
	color: #f1f1f1;
}
html.dark figure.fileblock .desc, html.dark #tt-body-page figure.fileblock .desc {
	position: absolute;
	left: 70px;
	right: 60px;
	top: 0;
	bottom: 0;
	width: 275px;
	max-width: 74%;
}
html.dark figure.fileblock .size, html.dark #tt-body-page figure.fileblock .size {
	font-size: 12px;
	height: 16px;
	margin: 2px 0 0;
}
html.dark figure.fileblock .name, html.dark #tt-body-page figure.fileblock .name {
	color: #eee !important;
}
html.dark figure.fileblock .size, html.dark #tt-body-page figure.fileblock .size {
	color: #eee !important;
	}
html.dark figure.fileblock a::after, html.dark #tt-body-page figure.fileblock a::after {
	background-image: none !important;
}
/* 더보기 접기 */
div[data-ke-type='moreLess'] {
	margin-top: 7px;
	position: relative;
}
div[data-ke-type='moreLess'].open .moreless-content, #tt-body-page div[data-ke-type='moreLess'].open .moreless-content {
	margin: 10px 0;
	border: 1px dashed #ddd;
	padding: 10px;
}
div[data-ke-type='moreLess'].open .moreless-content p, #tt-body-page div[data-ke-type='moreLess'].open .moreless-content p {
	margin: 5px 0;
}
div[data-ke-type='moreLess'] .btn-toggle-moreless {
	font-family: 'Noto Sans KR', sans-serif;
	background-color: #434343;
	letter-spacing: -0.5px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	height: 32px;
	line-height: 31px;
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 13px 0 27px;
	vertical-align: middle;
	border-radius: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
div[data-ke-type='moreLess'] .btn-toggle-moreless:before {
	font-family: 'Font Awesome 5 Pro';
	content: '\f107';
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 11px;
	font-weight: 700;
}
div[data-ke-type='moreLess'] .moreless-content {
	display: none;
}
div[data-ke-type='moreLess'].open .moreless-content {
	display: block;
}

/* 브라우저별 스타일 조정 */
/* this gets mozilla 파이어폭스 */
@-moz-document url-prefix() {
	#tt-body-page div[data-ke-type="moreLess"] .btn-toggle-moreless::before {
		top: 2.5px;
    }
	.vjs-icon-placeholder:before {
		top: 3px !important;
	}
	.jamak {
		font-family: inherit !important;
		font-size: inherit !important;
	}
	.widget-inner h3, .widget-inline-inner h3, .widget-feed-inner h3 {
		font-family: inherit !important;
		font-size: 16px !important;
	}
	.blind1::before, .blind2::before {
		top: 4px !important;
	}
	aside.col-sm-3.skeleton-aside {
		width: 285px;
	}
	.new-count {
		font-weight: 400 !important;
	}
	.maintitle {
		font-weight: 400 !important;
	}
}
/* mozilla end */
div[data-ke-type='moreLess'].open .btn-toggle-moreless:before {
	content: '\f106';
}
div[data-ke-type='moreLess'] .moreless-content {
	margin-top: 7px;
}
div[data-ke-type='moreLess'] .btn-toggle-moreless:hover {
  transition: background-color 0.3s ease;
	background-color: #48aeff;
	text-decoration: none;
	cursor: pointer;
}
div[data-ke-type='moreLess'] .btn-toggle-moreless:active {
	background-color: #434343;
}
div[data-ke-type=moreLess] a.btn-toggle-moreless {
	display: inline-block;
}
/* 이전 댓글 더보기 */
.comment ol li.tt_more_preview_comments_wrap {
	position: relative;
	display: block;
	width: 100%;
	max-width: 350px;
	height: 40px;
	margin: 35px auto 15px auto;
	border: none !important;
	border-radius: 30px;
	background: #424242;
	padding: 5px;
	transition: all 0.2s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}
.comment ol li.tt_more_preview_comments_wrap:hover {
	color: #fff;
	background: #48aeff;
	transition: all 0.2s ease;
}
.comment ol li .tt_more_preview_comments_text {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	left: 0;
	top: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.tt_more_preview_comments_text:after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f021';
	font-size: 15px;
	position: relative;
	display: inline;
	right: -5px;
	top: 0px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
}
/* 댓글 기능 입력 */
.emoticonborder {
	position: absolute;
	left: 35px;
	bottom: 58px;
	margin-right: 1px;
	margin-top: 2px;
}
.emoticons { display: inline; text-decoration: none; cursor: pointer; vertical-align: middle; padding-left: 2px; margin-right: 7px;}
.emohelp { vertical-align: middle; }
.emoticons.emohelp:before {
	content: '\f2fd';
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
}
.emoticons.emolink:before {
	content: '\f1e0';
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	padding-right: 1px;
}
.emoticons.emoimage:before {
	content: '\f03e';
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 17px;
	position: relative;
	top: 0;
}
.emoticons.emoyoutube:before {
	content: '\f144';
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 15px;
	position: relative;
	top: 0;
	left: 0;
}
/* 본문에 들어가는 표(테이블) 관련 */
table[data-ke-style='style12'] tr:first-child td {
	border: 1px solid #777;
}

/* 본문 인용 quote */
blockquote[data-ke-style='box'], #tt-body-page blockquote[data-ke-style='box'], blockquote[data-ke-style='style3'], #tt-body-page blockquote[data-ke-style='style3'] {
	color: #222;
}
blockquote, blockquote p {
	color: #222;
}
blockquote[data-ke-style='style3'] {
	position: relative;
	padding-top: 56px !important;
	box-shadow: 0 0 6px #eee;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	border-left: 5px solid #e2e2e2 !important;
	border-radius: 5px 8px 8px 5px;
	margin-bottom: 20px !important;
	line-height: 1.5 !important;
}
blockquote[data-ke-style='style3']:before {
	content: '\f14b  Comment';
	display: flex;
	align-items: center;
	font-family: 'Font Awesome 5 Pro', 'Kosugi Maru','Noto Sans KR';
	font-size: 18px;
	width: 100%;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	background: #f2f2f2;
	border-radius: 0px 8px 0 0;
	padding-top: 0px;
	padding-left: 10px;
}
blockquote[data-ke-style='style3']:after {
	content: '';
	display: flex;
	align-items: center;
	font-family: 'Font Awesome 5 Pro', 'Kosugi Maru','Noto Sans KR';
	font-size: 18px;
	width: 100%;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	padding-left: 10px;
}
html.dark blockquote[data-ke-style='style3'] {
	box-shadow: 0 0 6px #555;
	border-left: 5px solid #676767 !important;
}
html.dark blockquote[data-ke-style='style3']:before {
	background: #484848;
}
blockquote[data-ke-style='style3'].subtitle {
	border-color: #ffe27d !important;
	background: #fffefb !important;
}
blockquote[data-ke-style='style3'].subtitle:before {
	content: '자막정보';
	font-family: 'Font Awesome 5 Pro', 'Noto Sans KR';
	font-weight: 700;
	background: #fffbe9;
	padding-left: 34px;
	letter-spacing: -0.5px;
}
blockquote[data-ke-style='style3'].subtitle:after {
	content: '\f6d8';
	font-size: 17px;
}
blockquote[data-ke-style='style3'].edit, html.dark blockquote[data-ke-style='style3'].edit {
	border-left: none !important;
}
blockquote[data-ke-style='style3'].edit:before {
	content: '수정내역';
	font-family: 'Font Awesome 5 Pro', 'Noto Sans KR';
	font-weight: 700;
	padding-left: 39px;
	letter-spacing: -0.5px;
	border-radius: 5px 8px 0 0;
}
blockquote[data-ke-style='style3'].edit:after {
	content: '\f044';
	padding-left: 15px;
}
blockquote[data-ke-style='style3'].info:before {
	content: '\f30f  Info';
}
blockquote[data-ke-style='style3'].next {
	max-width: 500px;
}
blockquote[data-ke-style='style3'].next:before {
	content: '다음 포스팅';
	font-family: 'Font Awesome 5 Pro', 'Noto Sans KR';
	font-weight: 700;
	padding-left: 40px;
	letter-spacing: -0.5px;
	border-radius: 5px 8px 0 0;
}
blockquote[data-ke-style='style3'].next:after {
	content: '\f044';
	padding-left: 15px;
}
blockquote[data-ke-style='style3'].example, html.dark blockquote[data-ke-style='style3'].example {
	border-left: none !important;
}
blockquote[data-ke-style='style3'].example:before {
	content: '예시';
	font-family: 'Font Awesome 5 Pro', 'Noto Sans KR';
	font-weight: 700;
	padding-left: 39px;
	letter-spacing: -0.5px;
	border-radius: 5px 8px 0 0;
}
blockquote[data-ke-style='style3'].example:after {
	content: '\f044';
	padding-left: 15px;
}
blockquote[data-ke-style='style3'].guestbook {
	text-align: center;
}
blockquote[data-ke-style='style3'].guestbook:before {
	content: '방명록';
	font-family: 'Font Awesome 5 Pro', 'Noto Sans KR';
	font-weight: 700;
	padding-left: 37px;
	letter-spacing: -0.5px;
	border-radius: 5px 8px 0 0;
}
blockquote[data-ke-style='style3'].guestbook:after {
	content: '\f044';
	font-size: 17px;
}

/* 게시글 페이지뷰 */
.post-pageviews {
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 3px 8px;
	margin-bottom: 10px;
	float: right;
}
html.dark .post-pageviews {
	background: rgba(53, 53, 53, 0.7);
	border-color: rgba(53, 53, 53, 0.7);
}


/* 카테고리 글 더 보기 플러그인 수정 */
.another_category2 {
	margin: 10px 0;
	padding: 10px 12px 17px 12px;
	background-color: #f5f5f5;
	border: none;
	border-radius: 3px;
	clear: both;
	word-break: break-all;
	box-sizing: border-box;
	position: relative;
	font-family: 'Noto Sans KR', 'Noto Sans JP';
}
.another_category2 a:hover {
	color: #0090ff;
	text-decoration: none;
  transition: all 0.2s ease;
}
.another_category2 h4 {
	font-size: 15.5px;
	font-weight: 700;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	line-height: 1.42857143;
}
.another_category2 h4 a {
	color: #000;
}
.another_category2 table {
	width: 100%;
}
.another_category2 table th {
	float: left;
	font-size: 16px;
	max-width: 78%;
	letter-spacing: -0.5px;
	position: relative;
	overflow: hidden;
	margin-bottom: 3px;
}
.another_category2 table th span {
	font-weight: 700;
	font-size: 14px;
	position: relative;
	bottom: 1px;
}
.another_category2 table th a {
	color: #000;
	font-weight: 400;
}
.another_category2 table th a:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Pro';
	position: relative;
	font-size: 14px;
	left: 2px;
	top: 0;
	margin-right: 9px;
}
.another_category2 table tr.current th a {
	font-weight: 700;
	pointer-events: none;
}
.another_category2 table tr.current th a:before {
	content: '\f1b0';
}
.another_category2 table td {
	float: right;
	font-size: 16px;
	max-width: 22%;
	letter-spacing: -0.5px;
}

/* 커버 Cover 전용 */
.post-header {
	position: relative;
	z-index: 10;
	overflow: hidden;
	margin: 10px 0 0 0;
	border-bottom: 1px dashed #eee;
	text-align: left;
	color: #000;
}
.post-header h2 {
	position: relative;
	display: inline-block;
	font-size: 17px;
	letter-spacing: -0.5px;
	font-weight: 700;
	line-height: 20px;
	vertical-align: top;
	padding-bottom: 5px;
}
.post-header h2:before {
	content: '\f3c5';
	font-family: "Font Awesome 5 Pro";
	position: relative;
	left: 0;
	top: 0;
	padding-right: 5px;
	font-weight: 900;
}
.post-header .list-type {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
}
.post-header .list-type button {
	float: left;
	width:30px;
	height: 30px;
	margin: 0 0 0 5px;
	border: 1px solid #aaa;
	background-image: url(./images/ico_package3.png);
	text-indent: -999em;
	box-sizing: border-box;
	background-color: transparent;
}
.post-header .list-type .thum {
	background-position: 0 -100px;
}
.post-header .list-type .thum:hover, .post-header .list-type .thum.current {
	background-position: -100px -100px;
	outline: none;
}
.post-header .list-type .list {
	background-position: -50px -100px;
	outline: none;
}
.post-header .list-type .list:hover, .post-header .list-type .list.current {
	background-position: -150px -100px;
	outline: none;
}

.post-item {
	border-bottom: 1px dashed #eee;
	outline: none;
}
.post-item:nth-child(4n+1) {
	padding-left: 0;
}

.thum.thumoff {background-image:none!important;}
.post-item .thum {
	position: relative;
	overflow: hidden;
	background-image: url('/images/noimage2.png');
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 2px;
}
.post-password-required .post-item .thum {background:url('/images/protectedicon4.png')!important;background-size:cover!important;background-position:50% 50%!important;}
.post-item .thumoff.secret {
	position: relative;
	overflow: hidden;
	background-image: url(/images/noimage2.png);
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 2px;
}
.post-item .thum:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 22px;
	height: 18px;
	margin: -9px 0 0 -11px;
	background: url(/images/ico_package3.png) no-repeat -150px -300px;
}
.post-item .thum img {
	display: block;
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: 2px;
}
.post-item a {
	display: block;
	text-decoration: none;
	outline: none;
}
.post-item .title {
	display: block;
	overflow: hidden;
	width: 90%;
	margin-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	font-size: 1em;
	color: #000;
	transition: color .2s;
	font-size: 20px;
}
.post-item .excerpt {
	display: block;
	display:-webkit-box;
	overflow: hidden;
	width: auto;
	max-width: 770px;
	max-height: 80px;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	margin-bottom: 16px;
	text-overflow:ellipsis;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #666;
	transition: color .2s;
}
.post-item .excerpt.protected:before, .excerpt.protected:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 13px;
	margin-right: 10px;
	background: url(/images/ico_package3.png) no-repeat -100px -350px;
	vertical-align: middle;
}
.post-item .more {
	display: inline-block;
	font-size: 13.5px;
	letter-spacing: -0.5px;
	color: #333;
	vertical-align: top;
}
.post-item .more:after {
	content: "";
}
.post-item .thum:after {
	content: "";
	transition: background-color .5s;
}
.thum:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.post-item a:hover .title, .post-item a:focus .title {
	color: #0089ff;
	text-decoration: none;
}
.post-item .thumcover {
	opacity: 1;

}
.post-item a:hover .more:after {
	background-position-x: -50px;
}
#post-type-text .post-item {
	float: none;
	width: auto;
	margin-left: 0;
	padding: 10px 10px;
}
#post-type-text .post-item a {
	overflow: hidden;
	width: 100%;
}
#post-type-text .post-item .thum {
	float: right;
	height: 0;
	margin: 0 0 0 10px;
	opacity: 1;
	padding-bottom: calc(25% - 10px);
	transition: all 0.3s;
}
#post-type-text .post-item .thum:before {
	display: none;
}
#post-type-text .post-item .thum img {
	position: relative;
	width: 100%;
	height: 0;
	margin: 0;
	padding-top: 100%;
}
#post-type-text .post-item .title {
	width: auto;
	margin-bottom: 3px;
	padding: 10px 0 5px;
	font-size: 2.0rem;
}
#post-type-text .post-item .excerpt {
	width: auto;
}
#post-type-text .post-item .excerpt:after {
	content: '';
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(255,255,255,0.5) 50%, rgb(255,255,255,1) 100%);
	position: absolute;
	width: 50%;
	height: 25px;
	right: 15px;
	bottom: 15px;
}
#post-type-text .post-item .more {
	line-height: 1.25;
	margin-bottom: 15px;
	width: 100%;
}
#post-type-text .post-item .more span {
	display: inline;
}
.post-item-both {
	display: flex !important;
	align-items: center;
	word-break: break-all;
}
.post-item-left {
	width: 75%;
	display: inline;
	padding-right: 30px;
	position: relative;
}
.post-item-right {
	width: calc(25% - 10px);
}
.more span.rpcount {
	margin-left: 5px;
	font-weight: 700;
	display: inline-block;
}
.more span.rpcount:before {
	content: '\f086';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	margin-right: 4px;
	position: relative;
	top: 0;
	display: inline-block;
}
a.commentsdisc:before {
	content: '\f086';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	margin-right: 9px;
	position: relative;
	top: 0;
	left: 5px;
	display: inline-block;
}
a.commentsdisc span {
	font-weight: 700;
}
/* 모바일 카테고리 #drawer */
[class^="ic-"]:before, [class*=" ic-"]:before {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: inherit;
	width: 14px;
	margin-right: 2px;
	text-align: center;
	vertical-align: middle;
	margin-top: -2px;
	font-variant: normal;
	text-transform: none;
	line-height: 20px;
	margin-left: 5px;
	font-size: 14px;
}
.ic-folder:before {
	content: '\f07b';
	margin-right: 7px;
}
.ic-expand_more:before {
	content: '\f078';
	font-size: 10px;
}
.ic-expand_less:before {
	content: '\f077';
	font-size: 10px;
}
#drawerCategory .ic-expand_more:before, #drawerCategory .ic-expand_less:before {
	margin-right: 7px;
}
/* 상단 고정공지 */
button.close22 {
	position: relative;
	float: right;
	background: transparent;
	border: none;
	cursor: pointer;
	width: 30px;
	height: 30px;
	font-size: 22px;
	top: -5px;
}
.gerunotice {
	border: 2px solid #555;
	border-radius: 2px;
	padding: 15px 10px;
	margin-bottom: 18px;
	transition: none;
	background: #fffde5;
	box-shadow: 0 0 5px #aaa;
	display: none;
}
.gerunotice-sub {
	font-size: 16px;
	transition: none;
}
/* 관리자용 글 상단 메뉴 */
button.close23 {
	transition: all 0.2s;
	position: relative;
	float: right;
	background: transparent;
	border: none;
	cursor: pointer;
	width: 30px;
	height: 30px;
	font-size: 22px;
	top: -5px;
}
.geruboard {
	border: 2px solid #555;
	border-radius: 2px;
	padding: 15px 10px;
	margin-bottom: 10px;
	transition: none;
	background: #fffde5;
	box-shadow: 0 0 5px #aaa;
	display: block;
}
.gerunotice-sub {
	font-size: 16px;
}
/* 2차 도메인 로그인 (secondlogin.js -> app.js 통합) */
#tistory-logins3 {
	font-size: 15px;
	margin-left: 5px;
	align-items: center;
	justify-content: center;
	display: none;
}
#tistory-logins3 .username3 {
	font-weight: 700;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: inset 0 -5px 0 #fffbaf;
}
.guestbook-title #tistory-logins3 {
	padding-left: 3px;
}
#tistory-logins {
	display: none;
	font-size: 15px;
	padding-left: 7px;
	letter-spacing: -0.5px;
	justify-content: center;
	align-items: center;
}
#tistory-logins > span {
	color: #555;
}
#tistory-logins .loginnotice2 {
	margin-right: 3px;
	margin-left: 1px;
	display: none;
}
#tistory-logins:before {
	content: '\f30d';
	font-family: 'Font Awesome 5 Pro';
	color: #555;
	font-size: 12px;
	font-weight: 700;
	position: relative;
	left: -3px;
	top: 0;
	margin-left: 5px;
}
#tistory-logins .loginurl {
	box-shadow: inset 0 -6px 0 #fffcc8;
	cursor: pointer;
}
.guestbook a[rel=noopener] {
	display: none;
}
#tistory-logins a[rel=noopener] {
	top: 12px !important;
	border-radius: 50% !important;
}
/* 코드 문법 꾸미기 Code */
code.hljs {
	border: 1px solid #ddd;
}
/* 코드 문법 END */
/* 가사전용 밑줄 Lyrics */
.lyrics span {
	position: relative;
}
.lyrics span::after {
	content: '';
	width: 100%;
	height: 6px;
	left: 0;
	bottom: -1px;
	position: absolute;
}
/* aPlayer 가사 5줄 나오게 하기 + 여러 설정값들 */
/*
.aplayer.sizeup .aplayer-body {
	padding-bottom: 168px;
	padding-top: 12px;
}
.aplayer.aplayer-withlrc.sizeup .aplayer-pic {
	height: 140px !important;
	width: 140px !important;
	margin-left: calc(50% - 70px);
	position: absolute;
	transition: all .2s ease;
}
.aplayer.aplayer-withlrc.sizeup .aplayer-info {
	margin-left: 0px !important;
	padding-top: 150px;
	transition: all .3s ease;
}
.aplayer.sizeup .aplayer-music {
	text-align: center;
}
.aplayer.sizeup .aplayer-lrc {
	height: 100px !important;
	transition: all .3s ease;
	margin-top: 20px;
}
.aplayer.sizeup .aplayer-lrc .aplayer-lrc-contents {
	position: relative;
	top: 38px;
}
.aplayer.sizeup .aplayer-lrc:after, .aplayer .aplayer-lrc:before {
	width: 0% !important;
}
.aplayer.sizeup .aplayer-info .aplayer-music {
	font-weight: 700;
	font-family: 'Noto Sans KR', 'Kosugi Maru', 'Noto Sans JP';
}
.aplayer.sizeup .aplayer-info .aplayer-music .aplayer-title {
	font-size: 18px;
}
.aplayer.sizeup .aplayer-info .aplayer-music .aplayer-author {
	font-size: 13px;
}
*/
.aplayer.aplayer-withlrc .aplayer-lrc {
	font-family: 'Noto Sans KR', 'Kosugi Maru', 'Noto Sans JP', 'Noto Sans KR', sans-serif;
}
.aplayer .aplayer-info .aplayer-music .aplayer-title {
	font-weight: 700;
}
.aplayer .aplayer-lrc p {
	font-weight: 700;
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
	font-weight: 700;
	font-size: 13px;
}
.aplayer.aplayer-withlist.aplayer-withlrc .aplayer-info {
	border-bottom: none;
}
.aplayer.aplayer-withlrc .aplayer-pic {
	position: absolute;
	transition: none;
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
	font-weight: 700;
}
.aplayer-withlrc span.aplayer-icon.aplayer-icon-play {
	display: inline-block;
	padding-right: 1px;
}
.aplayer-bar-wrap {
	position: relative;
	top: -1px;
}
/* 각종 본문 스타일 */
.underline1 {
	border-bottom: 1px solid #fff687;
	box-shadow: inset 0 -6px 0 #fff687;
}
html.dark .underline1 {
	border-bottom: 1px solid rgba(120, 120, 120, 0.7);
	box-shadow: inset 0 -6px 0 rgba(120, 120, 120, 0.7);
}


.btns {border: 1px solid #ccc; background-color: rgba(0,0,0,0); box-shadow: 0 0 3px #eee; color: #555; padding: 2px 15px;transition:all 0.3s;margin-top:10px;font-size:15px;border-radius:2px;font-weight:700;}
.btnscenter {margin-left: calc(50% - 52px);}
.btns:hover {background-color:#f5f5f5;transition:all 0.3s;}
.btns.pink {color: #ff95f2; border-color: #ff95f2;}
.btns.pink:hover {color: #fff; background-color:#ff95f2;}
.message-proptected {display: none;}
/* 조정용 */
/* 조정용 END */
/* 색상 보관함
보라색 > background: rgb(222 208 255 / 60%);
*/

/* OHLI 편성표 배너 banner */
.ohli-banner {
	border: 2px dashed #222 !important;
}
html.dark .ohli-banner {
	border-color: #eee !important;
}

/* 공백 */
/* 공백 */
/* 공백 */
/* 공백 */
/* 공백 */

/* 다크모드 Dark Mode */
html.dark body {
	background-color: #222 !important;
	color: #eee !important;
}
html.dark ::-webkit-scrollbar-track {background-color:#333!important;}
html.dark section.container.skeleton-mid-banner .row .row.col-nospace {
	border: none !important;
}
html.dark .btns {
	border: 1px solid #bbb;
	color: #bbb;
}
html.dark .btns:hover {color:#fff;background-color:#555;transition:all 0.3s;}
html.dark .entry-content a {
	color: #ffeab4;
}
html.dark .skeleton-nav {
	background-color: #222 !important;
	border-bottom: 1px solid #000 !important;
}
html.dark .nav ul li a {
	color: #eee !important;
}
html.dark .nav ul li a[role=menuitem] {
	background-color: rgba(0, 0, 0, 0.5) !important;
}
html.dark .nav ul li a[role=menuitem]:hover {
	background-color: rgba(0, 0, 0, 0.7) !important;
}
html.dark .nav ul li ul li:first-child a {
	border-top: none !important;
}
html.dark .skeleton-mid-banner {
	background-color: #222 !important;
}
html.dark .gerunotice {
	background: #2c2c2c !important;
	box-shadow: 0 0 5px rgb(255 255 255 / 15%);
	border-width: 2px;
}
html.dark .geruboard {
	background: #2c2c2c !important;
	box-shadow: 0 0 5px rgb(255 255 255 / 15%);
	border-width: 2px;
}
html.dark .social-link-box {
	background: #333 !important;
	border: 1px solid #555 !important;
	box-shadow: 0 0 3px rgb(255 255 255 / 15%) !important;
}
html.dark .input-group.inner .btn-none {
	background-color: #222 !important;
}
html.dark button.btn.btn-none.btn-xs:before {
	color: #eee !important;
}
html.dark .input-group.inner .search-input {
	background: #222;
	border-bottom:1px solid #ccc !important;
}
html.dark .input-group.inner .search-input:focus {
	border-bottom: 1px solid #eee !important;
}
html.dark .social-links {
	color: #ddd !important;
}
html.dark .searchicon input::placeholder {
	color: #bbb !important;
}
html.dark .input-group.inner .search-input {
	color: #eee !important;
}
html.dark .skeleton {
	border-bottom: 1px solid #222 !important;
	background-color: #222 !important;
}
html.dark .post-header {
	color: #eee !important;
	border-bottom: 1px dashed #555 !important;
}
html.dark .post-item {
	border-bottom: 1px dashed #555 !important;
}
html.dark .post-item .title {
	color: #eee !important;
}
html.dark .post-item .more {
	color: #ddd !important;
}
html.dark .post-item .excerpt {
	color: #aaa !important;
}
html.dark .post-item a:hover .title, html.dark .post-item a:focus .title {
	color: #5db4ff !important;
}
html.dark #post-type-text .post-item .excerpt:after {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(34, 34, 34, 0.5) 50%, rgb(34, 34, 34) 100%) !important;
}
html.dark .col-sm-3.skeleton-aside a {
	color: #eee !important;
}
html.dark .col-sm-3.skeleton-aside a:hover {
	color: #fff !important;
}
html.dark .col-sm-3.skeleton-aside .nnlink a:hover {
	color: #999 !important;
}
html.dark #drawer2 .ic-folder:before, html.dark #drawer .ic-folder:before {
	color: #fff !important;
}
html.dark #drawer2 .drawerContainer2 .listWrap2 ul li, html.dark section.widget.sidenoticelist ul li, html.dark .side-navi li {
	border-bottom: 1px solid #555;
}
html.dark #drawer2 .drawerContainer2 .listWrap2 ul.sub-menu li {
	border-bottom: none;
	border-top: 1px solid #555;
}
html.dark #drawer2 ul.sub_category_list li:first-child {
	border-top: 1px solid #555;
}
html.dark #drawer2 ul.sub_category_list li:last-child {
	border-bottom: none !important;
}
html.dark .side-navi {
	border-top: 1px solid #555;
}
html.dark .widget-inner ul li a:hover {
	background-color: #333;
}
html.dark #drawerCategory2 li a:hover .ic-folder:before {
	color: #fff !important;
}
html.dark .sidenotice, html.dark .sidecategories, html.dark .siderecentart, html.dark .siderecentcom {
	border-bottom: 2px solid;
	border-color: #ccc !important;
}
html.dark .skeleton-footer {
	background-image: none !important;
	background-color: #282828 !important;
	color: #ddd !important;
}
html.dark .skeleton-footer a {
	color: #bbb !important;
}
html.dark .skeleton-footer a:hover, html.dark .skeleton-footer a:focus {
	color: #fff !important;
}
html.dark .entry-header .byline a {
	color: #ccc !important;
}
html.dark .postedat {
	color: #aaa !important;
}
html.dark .notice-content .postbtn_like:before {
	color: #eee !important;
}
html.dark .entry-title a, html.dark .entry-title a:hover, html.dark .entry-title a:visited, html.dark .entry-title a:active {
	color: #eee !important;
}
html.dark .updated {
	color: #aaa !important;
}
html.dark .another_category2 {
	background-color: rgba(53, 53, 53, 0.7) !important;
	color: #eee !important;
}
html.dark .another_category2 table th a {
	color: #eee !important;
}
html.dark .another_category2 h4 {
	color: #eee !important;
	border-bottom: 1px solid #ccc !important;
}
html.dark .another_category2 h4 a {
	color: #eee !important;
}
html.dark .another_category2 a:hover, html.dark .area_related .title_related a:hover {
	text-shadow: 0 0 2px #fff !important;
}
html.dark .entry-tags a {
	color: #eee !important;
	background-color: rgba(53, 53, 53, 0.7) !important;
	border: 1px solid rgba(53, 53, 53, 0.7) !important;
	transition: none;
}
html.dark .entry-tags a:hover {
	background-color: #454545 !important;
	border-color: #454545 !important;
	transition: all 0.2s ease !important;
}
html.dark .entry-tags {
	color: #222 !important;
}
html.dark .area_related .title_related a {
	color: #eee !important;
}
html.dark .item_related a:hover strong {
	color: #fff !important;
}
html.dark .area_related .link_related strong {
	color: #ddd !important;
}
html.dark .area_related .info {
	color: #bbb !important;
}
html.dark .entry-footer {
	border-top: 2px dashed #555 !important;
}
html.dark .commentscover {
	color: #ddd !important;
}
html.dark .commentscover a {
	color: #ddd !important;
}
html.dark textarea#blank03 {
	background: rgba(53, 53, 53, 1) !important;
	color: #eee !important;
}
html.dark textarea#blank03::placeholder, html.dark .form-control::placeholder {
	color: #ccc !important;
}
html.dark .form-control {
	background-color: rgba(53, 53, 53, 1) !important;
	border: rgba(53, 53, 53, 1);
}
html.dark .emoticonborder {
	color: #ddd !important;
}
html.dark .subtn .btn-default {
	border-color: rgba(53, 53, 53, 1) !important;
	background-color: rgba(53, 53, 53, 1) !important;
	text-shadow: none !important;
	color: #ddd !important;
}
html.dark .comment-form .btn:hover, html.dark .guestbook-form .btn:hover {
	border-color: rgba(53, 53, 53, 0.7) !important;
	color: #eee !important;
}
html.dark .depth-2 .name:before {
	color: #999;
	border-color: #999;
}
html.dark .name a:hover {
	color: #54b5ff;
}
html.dark .global-links a {
	color: #eee;
}
html.dark .global-links a:hover {
	color: #aaa;
}
html.dark .rp_general .tistoryProfileLayerTrigger:before, html.dark .rp_secret .tistoryProfileLayerTrigger:before, html.dark .guest_general .tistoryProfileLayerTrigger:before, html.dark .guest_secret .tistoryProfileLayerTrigger:before {
	color: rgba(255, 255, 255, 0.75) !important;
}
html.dark .commentNav .updated {
	color: #bbb;
}
html.dark .comment .name, html.dark .guestbook .name {
	color: #eee;
}
html.dark .comment a:hover {
	color: #aaa;
}
html.dark .control a.write:before, html.dark .control a.modify:before {
	color: #999;
}
html.dark .comment .comment-content {
	color: #eee;
}
html.dark .comment .comment-content{
	background-color: #444;
}
html.dark .comment-content:before {
	color: #444;
}
html.dark .drawerContainer {
	background: #222 !important;
}
html.dark #drawerCategory ul li {
	border-top: 1px solid #555 !important;
}
html.dark #tistory-logins .loginnotice2 {
	color: #ccc !important;
}
html.dark #tistory-logins .loginurl, html.dark #tistory-logins3 .username3 {
	box-shadow: inset 0 -5px 0 rgba(255, 255, 232, 0.2) !important;
}
html.dark #tistory-logins a[rel=noopener] {
	background: #222 !important;
}
html.dark #tistory-logins:before {
	color: #999 !important;
}
html.dark .aplayer {
	background: transparent;
}
html.dark .aplayer .aplayer-list ol li.aplayer-list-light {
	background: #252525 !important;
}
html.dark .aplayer .aplayer-list ol li:hover {
	background: #252525 !important;
}
html.dark .aplayer .aplayer-list ol li .aplayer-list-author {
	color: #ccc !important;
}
html.dark .aplayer .aplayer-info .aplayer-music .aplayer-author {
	color: #ccc !important;
}
html.dark .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
	fill: #fff !important;
}
html.dark .aplayer.aplayer-withlist .aplayer-info {
	border-bottom: none !important;
}
html.dark .aplayer .aplayer-lrc p {
	color: #dedede !important;
}
html.dark .aplayer .aplayer-lrc:before, html.dark .aplayer .aplayer-lrc:after {
	background: transparent !important;
}
html.dark .aplayer .aplayer-info {
	box-shadow: 0 2px 2px 0 rgb(204 204 204 / 17%), 0 1px 5px 0 rgb(255 255 255 / 50%);
}
html.dark .aplayer.aplayer-withlist .aplayer-list {
	background: #323232;
}
html.dark li.tt_more_preview_comments_wrap {
	border: 1px solid #424242;
}
html.dark .txc-textbox {
	color: #000 !important;
}
html.dark .alert-warning {
	background-color: transparent !important;
	border-color: #eee !important;
	color: #eee !important;
}
html.dark .alert-warning a {
	color: #aaa !important;
}
html.dark .alert-warning a:hover {
	color: #feffa6 !important;
}
html.dark .close2 {
	color: #fff !important;
}
html.dark .comment .control a:hover::before, html.dark .guestbook .control a:hover::before {
	color: #eee !important;
	transition: all 0.3s !important;
}
html.dark #inputNAME, html.dark #inputPW {
	color: #eee !important;
}
html.dark .protected2 {
	background-color: transparent !important;
}
html.dark .protected2 .protected2blank, html.dark .protected2 .protected2blank:hover, html.dark .protected2 .protected2blank:focus, html.dark .protected2 .protected2blank:active {
	background-color: transparent !important;
	color: #eee !important;
}
html.dark .protected2 .protected2btn {
	background: #333 !important;
	color: #eee;
}
html.dark .protected2 .protected2btn:hover {
	background: #3b3b3b !important;
	transition: all 0.2s;
}
html.dark .protected2 .protected2dis {
	color: #b7b7b7;
}
html.dark aside.col-sm-3.skeleton-aside {
	background: #272728 !important;
	box-shadow: 0 0 5px #555;
}
html.dark .blogDesc {
	color: #ccc !important;
}
html.dark .search-input {
	background: #424242 !important;
	border-bottom: #424242 !important;
}
html.dark .search-input:focus {
	border-bottom: #424242 !important;
}
html.dark .introimage .blogImage img {
	border: none !important;
}
html.dark .widget-inner h3, html.dark .widget-inline-inner h3, html.dark .widget-feed-inner h3 {
	color: #eee !important;
}
html.dark .new-count .count-title, html.dark .new-count .count-total, html.dark .new-count .count-today, html.dark .new-count .count-yesterday {
	color: #eee !important;
}
html.dark span.bar {background-color: #ddd!important;} /* 프로그레스 바 */
html.dark .entry-header .byline a:before {color: #ccc !important;}
html.dark .scrollco a:hover, html.dark .scrollup a:hover, html.dark .scrolldown a:hover, html.dark .scrolldarktoggle a:hover {
	background: rgba(77, 170, 255, 0.89) !important;
}
html.dark li[role=menuitem] a i:before {
	color: #eee;
}
html.dark .imageblock a, html.dark .imageblock2 a {
	color: #382828 !important;
}
html.dark .imageblock a:hover, html.dark .imageblock2 a:hover {
	color: #fff !important;
}
html.dark .container_postbtn .postbtn_like {
	border: 1px solid transparent !important;
	background: transparent !important;
}
/* 다크모드 - 본문에 들어가는 표(테이블) 관련 */
html.dark table[data-ke-style='style12'] tr td:first-child {
	background-color: #494949;
}
html.dark table[data-ke-style='style12'] tr:first-child td {
	border-color:  #979797;
	background-color: #777;
}
html.dark blockquote[data-ke-style='box'], html.dark #tt-body-page blockquote[data-ke-style='box'], html.dark blockquote[data-ke-style='style3'], html.dark #tt-body-page blockquote[data-ke-style='style3'] {
	background: #333 !important;
	color: #eee !important;
}
html.dark blockquote, html.dark blockquote p {
	color: #eee !important;
}

/* 다크모드 - 가로 1px ~ 1099px */
@media (min-width: 1px) and (max-width: 1099px) {
	html.dark .skeleton-footer{
		border-top: none !important;
		background-color: #222 !important;
	}
	html.dark .skeleton-header {
		border: none !important;
	}
	html.dark .skeleton, html.dark .skeleton-nav, html.dark .skeleton-mid-banner, html.dark .skeleton-content, html.dark .mid-content {
		border: none !important;
	}
	html.dark #drawer .listWrapblogmenu li {
		border-bottom: 1px solid #555 !important;
	}
	html.dark #drawer .drawerContainer .listWrap ul li:hover {
		background: transparent !important;
	}
	html.dark .listWrap li a {
		background: #222;
	}
	html.dark .listWrap li a:hover {
		background-color: #333 !important;
	}
	html.dark #drawerCategory ul li{
		border-top: 1px solid #555 !important;
	}
	html.dark #drawerCategory ul li:last-child {
		border-bottom: 1px solid #555 !important;
	}
} /* 다크모드 - 가로 1px ~ 1099px END */

/* 다크모드 Dark Mode END */