@charset "utf-8";
/* fade-in */
@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes fadein { /* Firefox */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
/* fade-in END */
/* fade-in elements */
/* html {
    animation: fadein 0.8s;
    -moz-animation: fadein 0.8s;
    -webkit-animation: fadein 0.8s;
    -o-animation: fadein 0.8s;
} */
/* fade-in elements END */
html {
	font-size: 10px;
	height: 100%;
}
html.active {
	overflow: hidden;
}
html.active body {
	overflow-y: scroll;
}
html.active .search > .inner:before {opacity:0;}
html.active .search.on .inner {opacity:0;}
html.active .scrollup, html.active .scrollco, html.active .scrolldown {opacity:0;}
.nav ul li a {
	display: block;
	height: 50px;
	padding: 15px 20px;
	color: #000;
	background: #fff;
	text-decoration: none;
	outline: none;	
}
.visit-today { 
	margin-right: 3px;
}
.ic-settings {
	display: none;
}
.entercodes {
	word-break: break-all;
}
.cover-thumbnail-list-2 ul, ol {
	list-style: none;
}

/* style
-------------------------------------------------- */
body {
  position: relative; /* For scrollyspy */
	color: #000;
  font-family: 'Noto Sans KR', 'Noto Sans JP', sans-serif;
  cursor: default;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body:before {
	content:"";
	position:fixed; /* stretch a fixed position to the whole screen */
	top:0;
	height:100vh; /* fix for mobile browser address bar appearing disappearing */
	left:0;
	right:0;
	z-index:-1; /* needed to keep in the background */
	background-image:url(https://blog.kakaocdn.net/dn/J73VL/btqWXa7apbP/5ZuSWb4YEnG2G0Tkh2ypa1/img.jpg);
	/*봄 배경*/
	/*background-image: url(https://k.kakaocdn.net/dn/bwJaJJ/btqDWUhoLOa/LxS7prcWFgvqKdlTR5WyFk/img.jpg);*/
	/*여름 배경*/
	/*background-image: url(https://k.kakaocdn.net/dn/q5k71/btqEKxr6aqf/hzAFFRWpGX1BWEkqoI4s91/img.jpg);*/
	/*가을 배경*/
	/*background-image: url(https://blog.kakaocdn.net/dn/yqYWE/btqKy6uUzEz/J8Hy14YF2WKJmkg0BrPZTk/img.jpg);*/
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
body:after {
	content:"";
	position:fixed; /* stretch a fixed position to the whole screen */
	top:0;
	height:100vh; /* fix for mobile browser address bar appearing disappearing */
	left:0;
	right:0;
	z-index:-1; /* needed to keep in the background */
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: rgba(0,0,0,0);
}
.skeleton {
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 10px;
}
.skeleton-nav {
	*padding: 0 20px 2px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: transparent;
	z-index: 900;
	height: 280px;
}
.skeleton-header {
	display: block;
	*padding: 0 20px;
	*border-left: 1px solid #ccc;
	*border-right: 1px solid #ccc;
	background-color: #fff; 
	z-index: 1000;
}
.skeleton-header.header-init {
	display: block;
}
.skeleton-mid-banner { 
	background-color: #fff;
	z-index: 1000;
}
.skeleton-content {
	min-height: 1500px;
	border-right: 1px solid #ccc;
}
aside.col-sm-3.skeleton-aside {
	border-left: 1px solid #ccc;
	padding-left: 14px;
	position: relative;
	left: -0.5px;
}
/* site navigation
-------------------------------------------------- */
.nav {
	position: relative;
	font-size: 14px;
	font-weight: 700;
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav ul,
.nav ul li,
.nav a.nav-brand {
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
}
.nav a.nav-brand  {
	margin-right: 0.5em;
	color: #999;
	font-size: 90%;
	text-decoration: none;
}
.nav ul {
	position: relative;
}
.nav ul li a {
	display: block;
	height: 50px;
	color: #000; 
	background: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}
.nav ul li a:hover {
	background: #eee;
	text-decoration: none;
	transition: all 0.3s ease;
}
.nav ul li.melodiatap ul {
	z-index: 900;	
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
}
.nav ul li.melodiatap:hover ul {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
}
.nav ul li ul li  {
	display: block;
	margin-bottom: 0.1px;
}
.nav ul li.melodiatap ul li a {
	display: block;
	width: 180px;
	padding: 15px 10px 15px 20px;
	color: #fff;
	text-decoration: none;
	background-color: #444;
	border-bottom: 1px solid #555;
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.menu-fontsmall {
	font-size: 13px;
	vertical-align: text-top;
}
.nav ul li ul li:first-child  a {
	border-top: 1px solid #ccc;
}
.nav ul li ul li a:hover {
	color: #999;
	text-decoration: none;
	background: #333;
	transition: all 0.3s ease;
}
.nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

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

#drawerCategory2 .c_cnt {
	background-color: #fe9c9a;
	color: #fff;
	display: inline-block;
	padding: 0 5.5px;
	line-height: 20px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	margin-left: 2px;
	border-radius: 6px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.drawerContainer .c_cnt {
	background-color: rgba(37, 38, 42, 0.89);
	color: #fff;
	display: inline-block;
	padding: 0 5px;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 20px;
	font-size: 1.25rem;
	font-weight: 900;
	margin-left: 3px;
	border-radius: 4px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.link_item img {
	position: relative;
	vertical-align: middle;
}
#drawerCategory2 .link_item img {
	top: -1px;
}
#drawerCategory .link_item img {
	top: 0px;
}
.newicongeru {
	border-radius: 3px;
}
#drawerCategory .newicongeru {
	background-color: #ff8229;
}
.newicongeru2 {
	background-color: #ff8229;
	border-radius: 3px;
	margin-left: 3px;
}

/* Content use the hNews microformat.
-------------------------------------------------- */
.main { }
.hentry { 
  padding-bottom: 40px;  
  border-bottom: 1px solid #fff; 
}
.gaemi {padding-left:10px;padding-right:10px;}
.entry-header {
  margin-bottom: 35px;
  padding: 35px 0 25px 0;
  border-bottom: 1px solid #ccc;
	text-align: center;
	font-family: 'Do Hyeon', sans-serif;
}
.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: #494949;
  font-size: 15px;
	letter-spacing: -0.5px;
  text-decoration: none;
	margin-right: 8px;
}
.entry-header .byline2:before {
	content:'\f025';
	font-family:"Font Awesome 5 Free";
	position:relative;
	font-size:20px;
	font-weight:900;
	margin-right:0;
}
.entry-title {
	font-family: 'Do Hyeon', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 26px;
	letter-spacing: 0;
	display: block;
	margin-top: 0;
}
.entry-content {padding-bottom:10px; word-break:break-all; font-size:1.7rem;}
.byline {}
.published { color:#999; }
.byline .updated {font-size: 15px; letter-spacing: -0.5px;}
.postedat {padding: 5px 0 9px 0; font-weight: 400;}
.updated { color: #494949; font-size: 14px; }
.commentNav .updated { 
	color:rgba(0, 0, 0, 0.85) !important; 
	letter-spacing:-0.8px; 
	font-weight:400; 
	font-size:1.4rem; 
	display:block;
	padding:6px 0 0 61px;
	position:relative;
	top:-1px;
}
.related{ border-top:1px solid #eee; }
.entry-tags {
  margin-top:10px;
  margin-bottom:10px;
}
.entry-footer {
  margin-top:0;
  padding-top:20px;
  padding-bottom:0;
  border-top: 1px solid #ddd;
}

/* 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-top: 0;
	margin-bottom: 20px;
	position: relative;
	display: inline-flex;
}
.commenttitlebox {
	position: relative;
	display: inline-flex;
}

/* 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, .guestbook {
  overflow: hidden;
  padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #ccc;
	font-family: 'Noto Sans KR', 'Noto Sans JP', sans-serif;
	font-size: 1.05em;
	position: relative;
}
.guestbook hr {
	border: none;
}
.comment ol, .guestbook ol {margin:0;padding:0px;list-style:none;}
.comment ol li, .guestbook ol li {
  margin-bottom: 10px;
  padding: 20px 5px 5px 5px;
  border-top:1px solid #ddd;
  border-radius: 3px;
	position: relative;
}
.comment-body .youon {
	width: 950px;
	max-width: 100%;
}
.comment .comment-body, .guestbook .comment-body {
	margin-left: 5px;
	padding: 10px 20px;
  font-size: 1.7rem;
	word-break:break-word;
	background-color: #eee;
	border-radius: 24px;
	display: inline-block;
	position: relative;
	max-width: 100%;
}
.comment .reply .comment-body, .guestbook .reply .comment-body {
	background-color: #2a2a2a;
	color: #f4f4f4;
	position: relative;
}
.comment ol li ol li, .guestbook ol li ol li {
	overflow: visible;
	padding: 5px;
	list-style: none;
	border: none;
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 37px;
}
.comment .reply, .guestbook .reply {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}
.comment .reply .comment-body img, .guestbook .reply .comment-body img {
	padding: 0;
	margin: 0;
}
.reply .name:before {
	content: '\f3e5';
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	color: #2a2a2a;
	top: 5px;
	left: -30px;
	transform: rotate(180deg);
}
.reply .name:after {
	content: 'REPLY';
	position: absolute;
	color: #2a2a2a;
	font-size: 12px;
	left: -37px;
	top: 28px;
}
.comment .reply .comment-body img, .guestbook .reply .comment-body img {
	border-radius: 3px;
}
.reply .comment-body a {
	color: #f6f6f6;
}
.comment-body img {
	max-width: 100%;
	padding: 0;
}
.comment-body img[src*="gif"] { vertical-align: sub; }
.comment .name, .guestbook .name {
	display: inline-block;
  color:#000; 
  font-size:1.5rem;
	letter-spacing:-0.5px;
	padding:0 2px 0 63px;
	font-weight:700;
}
.comment-body:before {
	content: '▲';
	position: absolute;
	color: #eee;
	left: 14px;
	top: -12px;
	font-size: 16px;
	transform: rotate(10deg);
}
.reply .comment-body:before {
	color: #2a2a2a;
}
.comment .name img, .guestbook .name img {
  width:55px;
  height:55px;
  margin:0 3px 0 0;
  padding:1px;
  border-radius:50%;
  position:absolute;
	display:inline;
	background-color:#fff;
	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 img:hover, .guestbook img:hover {
  -moz-box-shadow: 0px 0px 7px #ceccb4;
  -khtml-box-shadow: 0px 0px 7px #ceccb4;
  -webkit-box-shadow: 0px 0px 7px #ceccb4;
  box-shadow: 0px 0px 7px #ceccb4;
}
.comment-form input, .guestbook-form input {height:38px;border-radius:3px;}
.comment-form textarea, .guestbook-form textarea { 
	display: block;
	height: 130px; 
	width: 100%; 
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.comment .form-control {
	background-color: transparent;
	transition: background-color 0.3s;
}
.comment .form-control:focus {
	background-color: rgba(255, 255, 255, 0.9);
}
textarea#blank03 { word-break: break-all; }
.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;
}
.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 .5s;
	background: #319aff;
}
.comment-form .btn:hover, .guestbook-form .btn:hover,
.comment-form .btn:focus, .guestbook-form .btn:focus,
.comment-form .btn:active, .guestbook-form .btn:active {
	color: #fff;
	opacity: 0.9;
	background: transparent;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}
.subtn .btn-default {
	border-color: #aaa;
	max-width: 245px;
	float: right;
	background-color: transparent;
}

.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: 35px; }
.guestbook-form .cform { margin-bottom: 25px; }
.cform .col-sm-8 { padding-right: 0 !important; margin-right: -15px !important; }
.comment-form .form-group, .guestbook-form .form-group {margin-right:3px;max-width:550px;display:block;}
.comment-form .sform, .guestbook-form .sform { float: left; margin-top: 2px; }
.comment-form, .guestbook-form { margin-bottom: -5px; }
.comment-form .ccccc, .guestbook-form .ccccc { width: 100%; height: 30px; }
.comment-form .subtn, .guestbook-form .subtn { 
	width: 45%; 
	display: block; 
	float: right;
	margin-top: 5px;
}
#inputNAME {width:200px;display:inline;margin:0 5px 5px 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#inputPW {width:200px;display:inline;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
/*#inputURL {margin-left:7em; min-width:150px; width:100%;}*/
#inputNAME:focus, #inputPW:focus, #inputURL:focus, .comment-form textarea:focus, .guestbook-form textarea:focus {
}
.form-control {
	outline:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.form-control:focus {
	border-color: #000;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.comment h4, .guestbook h4 {margin-bottom:2px;}

/* name link
-------------------------------------------------- */
.name { 
  color:#999; 
  font-size:15px;
	padding:1px;
}
.name a { 
  margin-left:-2px;
}
.name a:hover { 
  color:#2478FF!important;
  text-decoration:none!important;
	outline: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s ease;
}

/* pagination 
-------------------------------------------------- */
.paging {width: 100%;}
.paging a {
	color: #000;
	font-weight: 700;
	text-decoration: none;
	outline: none;
}
.paging ul, .paging li {
	list-style: none;
}
.pagination {
	display: inline-block;
	position: relative;
	height: 40px;
	margin: 25px auto 25px auto;
	padding: 0 0 20px 0;
	width: 100%;
	text-align: center;
}
.paging-prev {
	display: inline;
}
.paging-next {
	display: inline;
}
.paging-next a {
	text-align: right;
	position: absolute;
	right: 39px;
}
.paging-next a:after {
	content: '\f0a9';
	font-family: "Font Awesome 5 Free";
	font-size: 25px;
	position: absolute;
	right: -28px;
	top: 0;
	padding-left: 10px;
}
.paging-prev a {
	text-align: left;
	position: absolute;
	left: 39px;
}
.paging-prev a:before {
	content: '\f0a8';
	font-family: "Font Awesome 5 Free";
	font-size: 25px;
	position: absolute;
	left: -28px;
	top: 0;
	padding-right: 10px;
}
.paging-next a, .paging-prev a {
	display: inline-block;
	width: 60px;
	height: 40px;
	font-size: 16px;
	line-height: 39px;
	transition: all 0.5s;
}
.paging-next a:hover, .paging-prev a:hover {
	color: #45a9ff;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.paging-number {
	display: inline-block;
	padding: 0 60px;
	height: 42px;
	margin: auto;
}
.paging-number li {
	float: left;
	min-width: 40px;
	height: 40px;
	padding: 0;
	margin-bottom: 5px;
}
.paging-number li a {
	min-width: 40px;
	float: left;
	margin: 0 2px;
	overflow: hidden;
	font-size: 14px;
}
.paging-number a span {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
span.selected {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	padding: 5.5px 12px;
	border-radius: 18px;
}
span.selected:hover {
	text-decoration: none;
}
ul.paging-number-set {
	height: 42px;
	padding: 0;
}
.no-more-prev, .no-more-next {
	color: #ccc !important;
}
.aaactive a:hover {
	color: #45a9ff;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


/* 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-size:13px;
  font-weight: bold;
	letter-spacing:-0.5px;
}
.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-family:'Noto Sans KR', sans-serif; 
  border-bottom: 1px solid #eee;
  font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: -0.5px;
  text-decoration: none;
  color:#000;
	word-break:break-all;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
}
.widget-inner ul li a:hover {
  color:#fff;
  text-decoration: none;
  background-color: #10a4ff;      
}
.widget-inner ul ul ul {text-indent:10px;}
.widget-inner li li li a {font-size:13px;} 
.widget-inner li li li a:before {} 
.widget-inner .cnt {
  color: #999;
  font-size:13px;
}

/* 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
-------------------------------------------------- */
.skeleton-footer ul { margin: 10px 0;  padding: 0;  list-style: none; }
.skeleton-footer li { display: inline; padding: 0 2px; }
.skeleton-footer a{text-decoration:none;}
.skeleton-footer a:hover,.skeleton-footer a:focus{text-decoration:none;}

/* utility  
   ------------------------------------------------ */
::-moz-selection {
  background: rgba(255, 185, 246, 0.55);
  text-shadow: none;
	color: #000;
}
::selection {
  background: rgba(255, 185, 246, 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;
}
.list-inline li {
  *display:inline;
  *zoom:1;
}
.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  
   ------------------------------------------------ */
.plus-icon {background:url(./images/plus-icon.svg) no-repeat center center}
.minus-icon {background:url(./images/minus-icon.svg) no-repeat center center}
.font-icon {background:url(./images/font-icon.svg) no-repeat center center}
.search-icon {background:url(./images/search-icon.svg) no-repeat center center}
.print-icon {background:url(./images/print-icon.svg) no-repeat center center}
.tags-icon {background:url(./images/tag-icon.svg) no-repeat center center;
  margin-right:9px;
}
.trackbacks-icon {background:url(./images/trackback-icon.svg) no-repeat center center}
.comments-icon {background:url(./images/comment-icon.svg) no-repeat center center;
  margin-right:10px;
}
.help-icon {background:url(./images/help-icon.svg) no-repeat center center}
.facebook-icon {background:url(./images/logofacebook.png) no-repeat center center}
.twitter-icon {background:url(./images/logotwitter.png) no-repeat center center}
.google-icon {background:url(./images/logogoogles.png) no-repeat center center}
.kakaotalk-icon { background:url(./images/kakaotalk-icon-64.png) no-repeat center center; background:url(./images/kakaotalk-icon.png) no-repeat center center\9; }
.kakaostory-icon { background:url(./images/logokakaostory.png) no-repeat center center; background:url(./images/kakaostory-icon.png) no-repeat center center\9; }
.svgicon { 
  position: relative;
  display: inline-block;
  *display:inline;
  *zoom:1;
  vertical-align: middle;
  height:15px;
  width:15px;
  background-size:15px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  background-color:#fff\9; /* for IE7,IE8 */
  text-indent: -9999px;
  *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;  /* for IE7 */
}
.svgicon2 { 
  position: static;
  display: inline-block;
  *display:inline;
  *zoom:1;
  vertical-align: middle;
  height:25px;
  width:25px;
	background-size:25px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
  background-color:#fff\9; /* for IE7,IE8 */
  text-indent: -9999px;
  *text-indent:0; *font-size:0; *line-height:0; *overflow:show;  /* for IE7 */
}
.social-link ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* for flex */
  display: -webkit-box;      
  display: -moz-box;  
  display: -ms-flexbox;   
  display: -webkit-flex;   
  display: flex;      
}
.social-link ul li {
  display: inline-block;
  *display: block;
  *zoom: 1;
}
.social-link a {
  padding:0px 0px 0px;
	margin:0 0px 0 0px !important;
  text-decoration:none;
  border:none;
}
.social-link a:hover {
  padding:0px 0px 0px;
	margin:0 0px 0 0px !important;
  text-decoration:none;
  border:none;
}
a.facebook-link {  background-color:#fff; }
a.twitter-link { background-color:#fff; }
a.google-link { background-color:#fff; }
a.kakaotalk-link { background-color:#fff314; }
a.kakaostory-link { background-color:#fff;border-left:0px solid #fff;}
a:hover.facebook-link {  background-color:#ccc; }
a:hover.twitter-link { background-color:#ccc; }
a:hover.google-link { background-color:#ccc; }
a:hover.kakaotalk-link { background-color:#ccc; }
a:hover.kakaostory-link { background-color:#ccc; border-left:0px solid #fff;}

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

/* 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;
}
/* .entry-content a img[src*="gif"] {
  width:auto !important;
} */
.imageblock { max-width:100%; } 
figure.imageblock img, #tt-body-page figure.imageblock img {
	border: 1px solid #ccc;
	border-radius: 5px;
}
.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;
}

/* Tiedition  
   ------------------------------------------------ */
#ttCanvas { width:100% !important; 
	max-width: 100% !important; 
	margin: 0 auto !important;
}
div#ttCanvas .tt-span-12 {
	width: 100% !important;
}
.tt-span-1,
.tt-span-2,
.tt-span-3,
.tt-span-4,
.tt-span-5,
.tt-span-6,
.tt-span-7,
.tt-span-8,
.tt-span-9,
.tt-span-10,
.tt-span-11,
.tt-span-12 {
max-width: 100% !important;
}

/* Tiedition use the hNews microformat 
-------------------------------------------------- */
.tiedition .entry-header { }
.tiedition .entry-title { }
.tiedition .entry-summary { }
.tiedition .entry-content-asset { }
.tiedition .entry-content { }
.tiedition .byline { }
.tiedition .updated { }
.tiedition .entry-tags { }

/* Tiedition entry
-------------------------------------------------- */
.tiedition-title {
  margin: 0 0 10px!important;
  padding: 0 0 10px!important;
  font-size: 16px!important;
  font-family: inherit!important;
  border-bottom:1px solid #eee!important;
} 
.tt-post-title {
  font-weight: bold!important;
  letter-spacing: normal!important;
  font-size: 13px!important;
  text-align: left!important;
  margin: 0 0 5px!important;
  padding: 0!important;  
}
.tt-post-thumb {
  padding-bottom: 5px!important;
}
.tt-post-summary {
  text-align: justify!important;
  font: inherit!important;
}
.tt-post-etcinfo {
  font: inherit!important;
  letter-spacing: normal!important;
  text-align: left!important;
}
.tt-post-etcinfo * {
  white-space:initial!important;
}
.tt-post-etcinfo p {
  font-size:8px!important;
  margin: 5px 0 20px!important;
}
.tt-post-category, 
.tt-post-author,
.tt-post-date,
.tt-post-comment { 
  font: inherit!important;
  letter-spacing: normal!important;
  line-height: 1.8!important;
}
.multi-columns-row .first-in-row {
  clear: left;
}
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }
@media (min-width: 1px) and (max-width: 550px) {
	.area_related .item_related { width:50%; }
	.area_related li:nth-child(2n+1) { margin-left: 0; clear: both; }
	.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;}
	.another_category2 table, .another_category2 table * {display:block;}
	.another_category2 table tr {height:26px;overflow:hidden;text-overflow:ellipsis;}
	.another_category2 table th a {white-space:nowrap;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;}
	.scrollup a {right:35px!important;bottom:105px!important;height:35px!important;width:35px!important;background-position:50% 5%!important;}
	.scrollco a {right:35px!important;bottom:70px!important;height:35px!important;width:35px!important;background-position:50% 50%!important;}
	.scrolldown a {right:35px!important;bottom:35px!important;height:35px!important;width:35px!important;background-position:50% 94%!important;}
	.gaemi {padding:0;}
	.entry-title {font-size:26px;}
	.header-logo {font-size:23px!important;transition:0.5s all;}
	#hi098123-tistory2 .loginnotice {display:none!important;}
	#hi098123-tistory2 .loginnotice2 {display:inline!important;margin-right:1px;}
}
@media (min-width: 551px) and (max-width: 767px) {
	.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;}
	.area_related li { width: 50%; }
	.area_related li:nth-child(2n+1) { clear: both; }
	.header-logo {font-size:23px!important;transition:0.5s all;}
}
@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; }
	.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: 1.7rem;}
	.comment .comment-body, .guestbook .comment-body {font-size: 1.7rem;}
	.aplayer .aplayer-list ol li {font-size:14px!important;}
	.comment .name, .guestbook .name {font-size:1.5rem;}
	.commentNav .updated {font-size:1.4rem;}
	.another_category2 table th {font-size:15px!important;}
	.another_category2 table td {font-size:14.5px!important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.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(4n+1) { clear: both; }
	.area_related .item_related { width: 25%; }
	.cform .col-sm-8 { max-width: 550px; }
	.entry-content {font-size: 1.7rem;}
	.comment .comment-body, .guestbook .comment-body {font-size: 1.7rem;}
	.aplayer .aplayer-list ol li {font-size:14px!important;}
	.comment .name, .guestbook .name {font-size:1.5rem;}
	.commentNav .updated {font-size:1.4rem;}
	.another_category2 table th {font-size:15px!important;max-width:88%!important;}
	.another_category2 table td {font-size:14.5px!important;}
}
@media (min-width: 1200px) {
  .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; }
	.articlereps { max-height: 104px; min-height: 104px; overflow: hidden; }
	.msnry_item:nth-child(3n+1) { clear: both; }
	.area_related .item_related { width: 25% !important; }
	.area_related li:nth-child(4n+1) { margin-left: 0; clear: both !important; }
	.entry-content {font-size: 1.7rem;}
	.comment .comment-body, .guestbook .comment-body {font-size: 1.7rem;}
	.aplayer .aplayer-list ol li {font-size:14px!important;}
	.comment .name, .guestbook .name {font-size:1.5rem;}
	.commentNav .updated {font-size:1.4rem;}
	.another_category2 table th {font-size:15px!important;max-width:88%!important;}
	.another_category2 table td {font-size:14.5px!important;}
	.entry-title, .postedat {font-weight:700;}
}
@media (min-width: 2000px) {
	body:before {
		/*봄 배경*/
		/*background-image: url(https://k.kakaocdn.net/dn/bucdCA/btqDWVgonnk/MXSXzYkFvuXsXFkVlyXNOk/img.jpg);*/
		background-image: url(https://blog.kakaocdn.net/dn/bfsnOh/btqWVRUzaAF/yX6A2jczr1dIfi4K4Kxpjk/img.jpg);
	}
}

/* Small devices < 768px
------------------------- */
@media screen and (min-width: 1px) {
  /* 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;
  } 
	.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 {
		margin-bottom: 12px !important;
		display: block;
	}
	.tt_more_preview_comments_wrap {
		width: 100% !important;
		max-width: unset !important;
	}
	.area_related .link_related strong {
		padding: 0 2px;
		letter-spacing: -0.5px;
	}
	.area_related .info {
		padding: 0 2px;
		letter-spacing: -0.5px;
	}
	#ttItem1550565268, #ttItemGroup1550565269 { display:none; }
	#drawerProfile, .drawerContainer {display:block !important;}
	#backgroundMask {
	display:none;background:rgba(0,0,0,0.2);
	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: 20px 15px 0; }
  .skeleton-content {
    min-height:200px;
  }
  .mid-content{
      padding: 10px 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:#fff;
		text-shadow: 0 0 3px #888;
		font-size:1.1rem;
		text-align:center;
		background-image:none !important;
		padding:50px 0 40px 0 !important;
		background-color:transparent;
	}
	.skeleton-footer ul {
		margin:3px 0;
	}
	.skeleton-footer a {
		color:#000;
		text-shadow:0 0 4px #fff;
		text-decoration:none;
		transition: all 0.3s;
	}
	.skeleton-footer a:hover, .skeleton-footer a:focus {
		color:#fff;
		text-shadow:0 0 3px #000;
		transition: all 0.3s;
	}
  .responsive-right2left {
    float:left;
  }
  .responsive-left2right {
    float:right;
  }

/* nav
------------------------- */
	#menu-layout,
	#drawer,
	.menu-link {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
  #menu-layout { position: relative; padding-left: 0; }
  #menu-layout.active { position: relative; left: 0; }
  #menu-layout.active #drawer {left:0;box-shadow:0 0 5px rgb(100, 100, 100);opacity:1;pointer-events:all;}
  #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);
  }
	/* 드로어 */
	#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(https://blog.kakaocdn.net/dn/zclHa/btqWWtE7BhO/ZE7XkgcGYcxa41ZPAykzA1/img.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 .listWrapblogmenu li {
		border-bottom: 1px solid #eee !important;
	}
	#drawerCategory ul li {
		border-top: 1px solid #eee !important;
	}
	#drawerCategory ul li:last-child {
		border-bottom: 1px solid #eee !important;
	}
	#drawer #drawerProfile img {
		width:64px; height:64px; background:#fff; 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 0 0 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 { background:#fff; position:absolute; top:16px; left:224px; color:#aaa; }
	#drawer .drawerContainer {
		width:100%;position:absolute;top:170px;bottom:0;overflow-y:auto;background-color:#fff;
	}
	#drawer .drawerContainer::-webkit-scrollbar {
		opacity: 0;
		width: 3px;
	}
	#drawer .drawerContainer::-webkit-scrollbar-thumb {
		background: rgba(232, 196, 255, 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;
	}
	#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 Free";
	}
	#drawer .drawerContainer .listWrap .gotohome a:before  {
		content:"\f015";
		margin:0 8px 0 12px;
	}
	#drawer .drawerContainer .listWrap .gotomusic a:before  {
		content:"\f001";
		margin:0 8px 0 12px;
	}
		#drawer .drawerContainer .listWrap .gotomobile a:before  {
		content:"\f061";
		margin:0 8px 0 12px;
	}
		#drawer .drawerContainer .listWrap .gotoguest a:before  {
		content:"\f2b9";
		margin:0 10px 0 12px;
	}
	#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 !important; padding:0 !important;}
	.sub_category_list a:hover {background:#eee!important;text-decoration:none;}
	.sub_category_list li a:before {content:"\f054";margin-right:7px;margin-left:20px;font-size:10px;font-family:'Font Awesome 5 Free';position:relative;top:-1px;}
	#drawer .drawerContainer .listWrap .actoggle .open,
	#drawer .drawerContainer .listWrap .actoggle .close {float:right;}
	#drawer .drawerContainer .listWrap .actoggle.acopen .close {display:block;}
	#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;}
	.ic-settings {
		display:none;
	}
	.ic-expand_more:before, .ic-expand_less:before { padding-right: 1.3em; }
/* 드로어 끝 여기까지 */
    .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;
  }
  .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: .2em;
		box-shadow: 0 0 5px #999;
    -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
          -ms-transition: all 0.4s;
             -o-transition: all 0.4s;
                  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;
  }
  .menu-link.active span {
    background: transparent;
  }
  .menu-link.active span:before {
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
        -moz-transform: rotate(45deg) translate(.5em, .4em);
          -ms-transform: rotate(45deg) translate(.5em, .4em);
             -o-transform: rotate(45deg) translate(.5em, .4em);
                  transform: rotate(45deg) translate(.5em, .4em);
		box-shadow: none;
  }
  .menu-link.active span:after {
    -webkit-transform: rotate(-45deg) translate(.4em, -.3em);
        -moz-transform: rotate(-45deg) translate(.4em, -.3em);
          -ms-transform: rotate(-45deg) translate(.4em, -.3em);
             -o-transform: rotate(-45deg) translate(.4em, -.3em);
                  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 a:hover,
  .nav ul li a:focus {
  }
  .nav ul li ul {
    position:static;
    display:block;
  }
  .nav ul li ul li a {
  }
  .nav ul li ul li a:hover {
		
  }
  .nav > a.nav-brand {
    display:block;
  }
  .nav ul,
  .nav li .menu-item-divided {
  }
  .nav-fixed {
  }
	/* 검색 Search HTML & CSS by https://apost.kr */
.search {
	position: fixed;
	width: 45px;
	padding-left: 0;
	float: right;
	z-index: 950;
	top: 5px;
	right: 5px;
}
.search.on {
	width: 100%;
	transition: all 0.5s ease;
	padding-left: 60px;
}
.searchinputs:hover, .searchinputs:focus, .searchinputs:active {
	text-decoration: none !important;
	border-radius: 0 !important;
	background-color: transparent;
	outline: none !important;
}
.search > .inner {
	width: 45px;
	height:45px;
	outline: none !important;
}
.search 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;
}
.search input::placeholder{
	color: #ddd !important;
	font-style: normal !important;
}
.search input:-ms-input-placeholder {
	color: #ddd !important;
	font-style: normal !important;
}
.search input::-ms-input-placeholder {
	color: #ddd !important;
	font-style: normal !important;
}
.search button {
	display: none;
	position: absolute;
	top: 10px;
	right: 45px;
	z-index: 10;
	font-size:1em;
	color: #000;
}
.search.on button.attach {
	display: block;
	right: 5px;
	padding: 5px;
	line-height: 2em;
	right: 0;
	height: 45px;
	margin-top: -8px;
}
.search > .inner:before {
	position: fixed;
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top: 5px;
	right: 5px;
	cursor: pointer;
	font-size: 1.4em;
	padding: 10px 10px 11px 10px;
	color: #fff;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	text-shadow: 0 0 5px #999;
	z-index: 997;
	}
.search .close-search {
	display:none;
	position: absolute;	
	width:45px;
	height:45px;
	right:0;
	top:0;
	box-sizing: border-box;
	z-index: 900;
	}
.search .close-search:before {
	position: fixed;	
	content: "\f00d";
	font-family:"Font Awesome 5 Free";
	top: 5px;
	right: 5px;
	font-weight: 900;
	cursor: pointer;
	font-size:1.5em;
	line-height:1em;
	padding: 11px 13px 16px 14px;
	width: 45px;
	height: 45px;
	color: #fff;
	z-index: 997;
	}
.search.on .inner {
	width: 100%;
	height: 45px;
	padding-right: 45px;
	background-color: inherit;
	border-radius: 0;
	}
.search.on input {
	display: block;
	}
.search.on .close-search {
	display: block;
	z-index:950;
	}
.search.on .inner:before {
	display: none;
	}
.search .close-search.attach{
	display: none;
	}
	.ssebtn {display:block;}
	.close-search {display:block;}
	#backgroundMask2.on {
		background:rgba(0,0,0,0.2) !important;
		z-index: 949;
	}
	.skeleton-mid-banner {
	padding-bottom: 10px;
	background-color: transparent;
	}
	.search-input {margin:0 5px;}
	.input-group-btn {display:none;}
	.search-input:focus {box-shadow:none;}
	.input-group input::placeholder {color: #fff !important;}
	/* 검색 종료 */
} /* smaller than 1199px 종료 */

.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;
	}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general	{color: #000;position: relative;}
.rp_admin	{color: #000;position: relative;}
.rp_secret	{color:#ff0050;position: relative;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{color: #000;position: relative;}
.guest_admin	{color: #000;position: relative;}
.guest_secret	{color: #ff0050;position: relative;}
/* 비밀댓글 */
.hiddenComment 	{ 
	background: no-repeat; 
	padding-left: 0; 
}
.introimage {
	margin-top:30px;
	margin-bottom:35px;
	padding:20px 6px 0 6px;
}
.introimage .blogImage {text-align:center;}
.introimage .blogImage img {
	width: 50%;
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #d3d3d3;
	border-radius: 90px;
}
.introimage .blogDesc {text-align:center;letter-spacing:-1px;}
.maintitle {font-size:18px;font-weight:700;margin-bottom:10px;}
.blogImage img { 
	width: 85%;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 2px;
}
.blogImage .blogDesc {padding-left:1px;}
.blogDesc {font-size:14px;word-break:break-all;}
.skeleton-aside .blogDesc { margin-bottom: 20px; }
.side_box_short .blogImage img { width: 83px; padding: 5px; border: 1px solid #aaa; margin-bottom: 5px; }

.scrollup a { 
	position:fixed; 
	right:40px; 
	bottom:120px; 
	display:block; 
	height:40px; 
	width:40px; 
	border-radius:9px 9px 0 0;
	background:url(./images/gotopicons2.png) no-repeat; 
	background-position: -5px -5px;
	opacity:0.6;
	outline:none;
	text-decoration:none;
	z-index:1000;
}
.scrollup a:hover { 
	text-decoration:none; 
	cursor:default; 
	opacity:0.8;
	outline:none;
	text-decoration:none;
	z-index:1000;
}
.scrollco a { 
	position:fixed; 
	right:40px; 
	bottom:80px; 
	display:block; 
	height:40px; 
	width:40px; 
	border-radius:0;
	background:url(./images/gotopicons2.png) no-repeat; 
	background-position: -5px -55px;
	opacity:0.6;
	outline:none;
	text-decoration:none;
	z-index:1000;
}
.scrollco a:hover { 
	text-decoration:none; 
	cursor:default; 
	opacity:0.8;
	outline:none;
	text-decoration:none;
	z-index:1000;
}
.scrolldown a { 
	position:fixed; 
	right:40px; 
	bottom:40px; 
	display:block; 
	height:40px; 
	width:40px; 
	border-radius:0 0 9px 9px;
	background:url(./images/gotopicons2.png) no-repeat; 
	background-position: -5px -105px;
	opacity:0.6;
	outline:none;
	text-decoration:none;
	z-index:1000;
}
.scrolldown a:hover { 
	text-decoration:none; 
	cursor:default; 
	opacity:0.8;
	outline:none;
	text-decoration:none;
	z-index:1000;
}

/* 카테고리 - 이미지 버튼 */
.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:#5398ED;
	text-decoration: none;
}
.control a.write:before {
	content: '\f7f5';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	position: relative;
	float: right;
	margin-left: 10px;
}
.control a.modify:before {
	content: '\f013';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	position: relative;
	float: right;
}
.angelimg .tistoryProfileLayerTrigger:before {
	content: '\f521';
	position: relative;
	color: rgba(255, 200, 0, 1) !important;
	left: -1px;
	font-size: 1.3rem;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	top: -2.5px;
	vertical-align: middle;
	text-shadow: 0 0 1px rgba(255, 200, 0, 1) !important;
}
.rp_admin .tistoryProfileLayerTrigger, .guest_admin .tistoryProfileLayerTrigger {
	background: none !important;
	cursor: default;
}
.rp_admin .tistoryProfileLayerTrigger:before, .guest_admin .tistoryProfileLayerTrigger:before {
	content: '\f521';
	position: relative;
	color: rgba(255, 200, 0, 1) !important;
	left: -1px;
	font-size: 1.3rem;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	top: -2.5px;
	vertical-align: middle;
	text-shadow: 0 0 1px rgba(255, 200, 0, 1);
}

/* 댓글 Admin 버튼 출력 */
/*
.rp_admin .admin_badge:before, .guest_admin .admin_badge:before {
	content: '\f521';
	position: relative;
	color: rgba(255, 200, 0, 1) !important;
	left: -1px;
	font-size: 1.3rem;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	top: -2.5px;
	vertical-align: middle;
	text-shadow: 0 0 1px rgba(255, 200, 0, 1);
}
*/
.rp_general .tistoryProfileLayerTrigger, 
.rp_secret .tistoryProfileLayerTrigger, 
.guest_general .tistoryProfileLayerTrigger, 
.guest_secret .tistoryProfileLayerTrigger {
	background: none !important;
	cursor: default;
}
.rp_general .tistoryProfileLayerTrigger:before, 
.rp_secret .tistoryProfileLayerTrigger:before, 
.guest_general .tistoryProfileLayerTrigger:before, 
.guest_secret .tistoryProfileLayerTrigger:before {
	content: '\f521';
	position: relative;
	color: rgba(0, 0, 0, 0.23);
	left: -1px;
	font-size: 1.3rem;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	top: -2.5px;
	vertical-align: middle;
	text-shadow: 0 0 2px rgba(206, 206, 206, 0.36);
}
#tistoryProfileLayer {
display: none !important;
}
#blank03 {
	padding: 10px;
	margin-bottom: 3px;
}
#protect02 {
  font-size:16px;
	font-weight:700;
  margin-left:3px;
	padding-top:70px;
	text-align:center;
}
#protect02 .protecta {
	width:100%; 
	display:block;
	margin-bottom:15px;
}
#protect02 .protectb {
	width:100%; 
	margin-bottom:100px;
	display:block;
}
#protect02 label {
width:100% !important;
}
.protected2 {
	display:block;
}
.protected2 input {
	height:27.8px;
}
.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: 183px;
	background-color: transparent;
}
.protected2 .protected2blank:hover, .protected2 .protected2blank:focus, .protected2 .protected2blank:active {
	border-bottom: 1px solid #6799ff;
	border-radius: 0;
	text-decoration: none !important;
	color: #000;
	background-color: transparent;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
}
.protected2 .protected2btn {
	 display:inline-block;
	 width:75px;
	 height:28px;
	 background: #fff;
	 border: 1px solid #6799ff;
	 border-radius: 5px;
	 color: #6799ff; 
	 font-size: 15px;
	 font-weight: 700;
	 letter-spacing: -0.5px;
	 text-decoration: none;
	 text-align: center;
}
.protected2 .protected2btn:hover {
	color: #fff;
	background-color: #6799ff;
	outline: none;
  -webkit-transition: background-color 0.7s;
  -moz-transition: background-color 0.7s;
  -o-transition: background-color 0.7s;
  transition: background-color 0.7s ease;
}
.protected2 .protected2dis {
  padding-top: 20px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #8c8c8c;
}
.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;}

.entry-content a:link img { }

hr { margin-top:0px; }
#entry0Comment h3 { margin-bottom:20px!important;font-weight:700;display:inline-flex; }

/* 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 !important;
  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 {
	padding: 20px 0 5px 0 !important;
}
.btn_subscription {
	display: none;
}
.container_postbtn .postbtn_like {
	padding: 0 4px !important;
	border-radius: 3px !important;
	border-color: #ff454e !important;
	min-width: 15px;
	min-height: 32px;
}
.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;
}
.btn_share {
	display: none;
	position: absolute;
	right: -60px;
}
.notice-content .postbtn_like { border: none !important; }
.notice-content button.btn_post.btn_etc2 { 
	top: 2px !important; 
	left: 26px !important; 
	border: none !important; 
	display: none;
}
.notice-content .postbtn_like:before {
	content: "\e063";
	position: relative;
	top: 1px;
	font-family: "Material Icons";
	font-size: 23px;
	font-weight: 400;
	left: 0;
	height: 30px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
}
.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;
}
/* postbtn end */
.entry-tags {
	color:#fff;
}
.entry-tags a {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 27px;
	padding: 0 1.3rem;
	border: 1px solid #595959;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: transparent;
	color: #000;
	font-family: 'Noto Sans KR', 'Noto Sans JP', sans-serif;
	font-size: 1.35rem;
	font-weight: 400;
	text-decoration: none;
	margin-bottom: 5px;
}
.entry-tags a:hover {
	color:#fff;
	background-color:#454545;
  text-decoration: none;
	text-shadow: 0 0 2px #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s 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;
}
.commentscover:hover {
	cursor:pointer;
  text-decoration:none;
}
.commentscover a {
	color: #000;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	left: 0;
	top: 0;
}
.commentscover a:before {
	content: '\f35a';
	position: relative;
	font-weight: 400;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	padding-right: 5px;
	left: 0;
	top: 1px;
}
.sidecategories {
	color: #000 !important;
	background-color: transparent;
	opacity: 1.0;
	width: auto;
	height: 32px;
	line-height: 30px;
	padding-left: 8px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #828282;
	font-weight: 500 !important;
	vertical-align: middle;
}
.sidecategories:before {
	vertical-align: middle;
	content: "\e2c2";
	font-family: "Material Icons";
	margin-right: 5px;
	font-size: 1.4rem;
	color: #828282;
}
.sidenotice {
	color: #000 !important;
	background-color: transparent;
	opacity: 1.0;
	width: auto;
	height: 32px;
	line-height: 30px;
	padding-left: 8px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #828282;
	font-weight: 500 !important;
	vertical-align: middle;
}
.sidenotice:before {
	vertical-align: middle;
	content: "\e3a0";
	font-family: "Material Icons";
	margin-right: 5px;
	font-size: 1.4rem;
	color: #828282;
}
.siderecentart {
	color: #000 !important;
	background-color: transparent;
	opacity: 1.0;
	width: auto;
	height: 32px;
	line-height: 30px;
	padding-left: 8px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #828282;
	font-weight: 500 !important;
	vertical-align: middle;
}
.siderecentart:before {
	vertical-align: middle;
	content: "\e3b6";
	font-family: "Material Icons";
	margin-right: 5px;
	font-size: 1.4rem;
	color: #828282;
}
.siderecentcom {
	color: #000 !important;
	background-color: transparent;
	opacity: 1.0;
	width: auto;
	height: 32px;
	line-height: 30px;
	padding-left: 8px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #828282;
	font-weight: 500 !important;
	vertical-align: middle;
}
.siderecentcom:before {
	vertical-align: middle;
	content: "\e0b9";
	font-family: "Material Icons";
	margin-right: 5px;
	font-size: 1.4rem;
	color: #828282;
}
.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;
}

/* 포스팅 다운로드 아이콘 제거 및 변경 */
.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; -webkit-transition: 0.3s; 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; -webkit-transition: 0.3s; 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; -webkit-transition: 0.3s; transition: 0.3s; } 
.imageblock>a:hover { 
	background-color: #5aa3ff; 
	color: #fff; 
	text-decoration: none; 
} 
.imageblock>a:before { 
	font-family: "Material Icons"; 
	content: '\e2c4'; 
	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: 32px; 
} 
.imageblock { max-width: 100%; height: auto; } 
.imageblock { color: #aaa; font-size: 0.9em; }
.imageblock>a img[src*="gif"] { display: none; }
/* 
imageblock = 다운로드 아이콘(\e2c4)
imageblock2 = 링크 아이콘(\e5c8)
p나 div class를 imageblock2로 주고,
p 또는 div 안에 포함된 a class를 tx-download로 준다.
*/
.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; -webkit-transition: 0.3s; transition: 0.3s; } 
.imageblock2>a:hover { 
	background-color: #5aa3ff; 
	color: #fff; 
	text-decoration: none; 
} 
.imageblock2>a:before { 
	font-family: "Material Icons"; 
	content: '\e250'; 
	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: 32px; 
} 
.imageblock2 { max-width: 100%; height: auto; } 
.imageblock2 { color: #aaa; font-size: 0.9em; }
.imageblock2>a img[src*="gif"] { display: none; }

/* 비밀글 버튼 */
.row .col-sm-6 .secret {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	margin-bottom: 8px;
}
.row .col-sm-6 .secret input {
	display: none;
}
.row .col-sm-6 .secret label {
	font-size: 0.9em;
	line-height: 19px;
	color: #222;
	outline: none;
	cursor: pointer;
}
.row .col-sm-6 .secret label:before {
	font-family: "Material Icons";
	content: '\e5ca';
	color: transparent;
	display:inline-block;
	width:19px;
	height:19px;
	margin-right:6px;
	border:1px solid #aaa;
	border-radius:3px;
	vertical-align:text-bottom;
	background-color:transparent;
}
.row .col-sm-6 .secret input[type=checkbox]:checked+label:before {
	color: #fff;
	background-color: #363636;
	font-family: "Font Awesome 5 Free";
	content: '\f00c';
	font-weight: 900;
	font-size: 14px;
	text-align: center;
	border: 1px solid #363636;
	transition-property: background-color, border-color;
	transition-duration: 350ms;
-webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
}

/* 카운터 대안 */
.widget-inner2 table {
	width:100%;
	padding-left:0px;
}
.counter1 {
	width:100%;
	max-width:225px;
	font-weight:700; 
	font-family:'Noto Sans KR', sans-serif;
	margin:10px 0 10px 0;
	padding:0;
	text-align:center;
	word-break:break-all;
}
.counter1 table, .counter1 tr, .counter1 td {
	border:1px solid #dfdfdf !important;
	border-collapse:collapse;
}
.counter1 .total1 {
	font-size: 2.0rem;
	color: #ffa138;
	letter-spacing:-1.6px;
	padding-right:2px;
	text-align:center !important;
	padding:3px 5px 3px 3px;
}
.total_sub1 {
	font-size: 1.3rem;
	color: #ffa138;
	letter-spacing:-0.7px;
	text-align:center !important;
	padding:3px 5px 3px 3px;
}
.counter1 .today1 {
	font-size: 2.0rem;
	color: #47dafa;
	letter-spacing:-1.5px;
	padding-right:4px;
	text-align:center !important;
	padding:3px 5px 3px 3px;
}
.today_sub1 {
	font-size: 1.3rem;
	color: #47dafa;
	letter-spacing:-1.3px;
	padding-right:2px;
	text-align:center !important;
	padding:3px 5px 3px 3px;
}
.counter1 .yesterday1 {
	font-size: 2.0rem;
	color: #c0de54;
	letter-spacing:-1.5px !important;
	padding-right:2px;
	text-align:center !important;
	padding:3px;
}
.yesterday_sub1 {
	font-size: 1.3rem;
	color: #c0de54;
	letter-spacing:-1.3px;
	padding-right:2px;
	text-align:center !important;
	padding:3px 5px 3px 3px;
}
/* 카운터 대안 종료 */
.tt-youtube-plugin2 {
	position: relative;
	width: 100%;
	padding-bottom: 56.30%;
	margin-bottom: 3px;
	overflow: hidden;
}
.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 {
	border-top: 1px solid #eee;
	border-bottom: none;
	overflow: hidden;
	font-family: 'Noto Sans KR', 'Noto Sans JP', sans-serif;
	border-top: 1px solid #ddd;
	margin-top: 10px;
}
.title_related a:hover, .item_related a:hover strong {
	color: #2478FF !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.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.5rem;
	font-weight: 700; 
	font-family: 'Noto Sans KR', sans-serif;
}
.area_related .title_related a {
	color: #000;
}
.item_related a {
	text-decoration: none;
}
.box_content strong {
	color: #ff2222;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.item_related:hover {
	opacity: 0.9;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.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;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.area_related .link_related {
	display: block;
	margin: 0 4px;
}
.area_related .thumnail img {
	display: block;
	width: 100%;
	padding: 0;
	background-size: cover;
	background-position: 50% 50%;
	border: 1px solid #eee;
	border-radius: 3px;
}
.area_related .link_related strong {
	display: block;
	max-height: 45px;
	margin: 5px 0 0;
	line-height: 1.47;
	font-size: 1.4rem;
	font-weight: 500;
	color: #000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; }
.area_related .info {
	display: inline-block;
	font-size: 1.3rem;
	color: rgba(0, 0, 0, 0.8);
}
/* CSS END */

/* 상단 고정 공지 (임시) */
.gerunotice {
	margin-top: -5px;
}
.gerunotice-sub {
	padding: 0 10px 0 15px;
	font-size: 14px;
	background-color: #fcffcb;
	margin-bottom: 15px;
	width: 100%;
	border-radius: 8px;
}
/* 파일 다운로드(티스토리 default) NEW */
figure.fileblock, #tt-body-page figure.fileblock { 
	margin: 5px 0 !important;
	width: 390px !important;
	border: 2px solid #ffdd45 !important;
	border-radius: 6px !important;
	height: 71px;
	position: relative;
}
.entry-content .name { color: #000; }
figure.fileblock .name, #tt-body-page figure.fileblock .name {
	padding: 0;
	margin-left: -1px;
}
figure.fileblock .size, #tt-body-page figure.fileblock .size { color: #111 !important; }
figure.fileblock .image, #tt-body-page figure.fileblock .image {
	width: 50px !important;
	height: 50px !important;
	background-image: url('https://tistory1.daumcdn.net/tistory/2281610/skin/images/folder51242.png') !important;
	margin: 10px 5px 9px 10px !important;
	position: absolute;
	left: 0;
	top: 0;
	background-position:0 0;
}
figure.fileblock .desc, #tt-body-page figure.fileblock .desc {
	position: absolute;
	left: 70px;
	right: 60px;
	top: 0;
	bottom: 0;
}
figure.fileblock .size, #tt-body-page figure.fileblock .size {
	font-family: Avenir Next, sans-serif;
	font-size: 12px;
	height: 16px;
	margin: 2px 0 0;
}
/* 더보기 접기 */
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;
}
.open[data-ke-type='moreLess']:before {

}
.open[data-ke-type='moreLess']:after {

}
#tt-body-page 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;
}
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless:before {
	font-family: 'Material Icons';
	content: '\e5cf';
	font-size: 25px;
	position: absolute;
	top: 1px;
	left: 5px;
}
/* 브라우저별 스타일 조정 */
/* this gets mozilla 파이어폭스 */
@-moz-document url-prefix() {
	#tt-body-page div[data-ke-type="moreLess"] .btn-toggle-moreless::before {
		top: 2.5px;
    }
	.tt_more_preview_comments_text {
		top: -8px !important;
	}
	.vjs-icon-placeholder:before {
		top: 3px !important;
	}
	html.active body:before {width: calc(100% - 17px);}
}
/* mozilla end */
/* this gets IE10+ 인터넷 익스플로러 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#tt-body-page div[data-ke-type="moreLess"] .btn-toggle-moreless::before {
		top: 0.5px;
    }
	.search > .inner::before {
		right: 20px !important;
	}
	.search .close-search:before {
		right: 20px !important;
	}
	.search.on .inner {
		padding-right: 55px !important;
	}
	body:before {
		background-image: none !important;
	}
	body:after {
		display: none !important
	}
	body {
		/*봄배경*/
		/*background-image: url(https://k.kakaocdn.net/dn/ddGB5a/btqDWU9vU6B/rK7TdmDSnGZdoKuXVdep0k/img.jpg);*/
		background-image: url(https://blog.kakaocdn.net/dn/J73VL/btqWXa7apbP/5ZuSWb4YEnG2G0Tkh2ypa1/img.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-position: center top;
	}
}
/* IE10+ end */
/* this gets Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
		html.active body:before {width: calc(100% - 12px);}
		html.touch.active body:before {width: 100% !important;}
}
/* Chrome 29+ END */
/* 브라우저별 스타일 조정 END */
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless:before {
	font-family: 'Material Icons';
	content: '\e5ce';
}
div[data-ke-type='moreLess'] .moreless-content {
	margin-top: 7px;
}
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless:hover {
		-webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s ease;
	background-color: #48aeff;
	text-decoration: none;
	cursor: pointer;
}
div[data-ke-type=moreLess] a.btn-toggle-moreless {
	display: inline-block;
}
/* 이전 댓글 더보기 */
.tt_more_preview_comments_wrap {
	position: relative;
	display: block;
	width: 50%;
	height: 40px;
	max-width: 300px;
	margin: 0 auto;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tt_more_preview_comments_wrap:hover {
	color: #2478ff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s ease;
}
.tt_more_preview_comments_text {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 90%;
	margin: 0 auto;
	left: 4px;
	top: -10px;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.tt_more_preview_comments_text:after {
	font-family: 'Material Icons';
	content: '\e5d5';
	font-size: 20px;
	position: relative;
	display: inline;
	right: -2px;
	top: 4px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
}
.input-group input::placeholder {
	color: rgba(0, 0, 0, 0.30);
	font-style: italic;
}
/* 스크롤바 Scrollbar */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background-color: #f6f6f6; }
::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom, #ccc, #bbb);
	border-radius: 10px;
}
::-webkit-scrollbar-button { display: none; }
html.touch.active ::-webkit-scrollbar { width: 0; }
/* 댓글 기능 입력 */
.emoticonborder { display: inline; float: right; margin-right: 5px; }
.emoticons { display: inline; text-decoration: none; cursor: pointer; vertical-align: middle; }
.emohelp { vertical-align: middle; }
.emohelp img { vertical-align: middle; position: relative; top: -2px; }

/* 카테고리 글 더 보기 플러그인 수정 */
.another_category2 {
	margin: 10px 0;
	padding: 10px 12px 17px 12px;
	background-color: rgba(243, 243, 243, 0.45);
	border-radius: 3px;
	clear: both;
	word-break: break-all;
	box-sizing: border-box;
	position: relative;
}
.another_category2 a:hover {
	color: #2478FF;
	text-decoration: none;
	-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s ease;
}
.another_category2 h4 {
	font-size: 16px;
	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 tr {
	line-height: 1.6;
}
.another_category2 table th {
	float: left;
	font-size: 14px;
	max-width: 78%;
	letter-spacing: -0.5px;
	position: relative;
	vertical-align: middle;
}
.another_category2 table th span {
	font-weight: 400;
	font-size: 13.5px;
}
.another_category2 table th a {
	color: #000;
	font-weight: 400;
}
.another_category2 table th a:before {
	content: '\e315';
	font-family: "Material Icons";
	position: relative;
	font-size: inherit;
	vertical-align: middle;
	left: -1px;
	top: -1px;
}
.another_category2 table th a.current {
	font-weight: 700;
  pointer-events: none;
}
.another_category2 table th a.current:before {
	content: '\e3a1';
}
.another_category2 table td {
	float: right;
	font-size: 13.5px;
	max-width: 22%;
}

/* 커버 Cover 전용 */
.post-header {
	position: relative;
	z-index: 10;
	overflow: hidden;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
	color: #000;
}
.post-header h2 {
	position: relative;
	display: inline-block;
	font-size: 16px;
	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 Free";
	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 solid #e6e6e6;
	outline: none;
}
.post-item:nth-child(4n+1) {
	padding-left: 0;
}

.thum.thumoff {background-image:none!important;}
.post-item .thum.thumsecret {background:url(./images/protectedicon4.png)!important;background-size:cover!important;background-position:50% 50%!important;}
.post-item .thum {
	position: relative;
	overflow: hidden;
	background-image: url(https://tistory2.daumcdn.net/tistory/588980/skin/images/noimage2.png);
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 2px;
}
.post-item .thumoff.secret {
	position: relative;
	overflow: hidden;
	background-image: url(https://tistory2.daumcdn.net/tistory/588980/skin/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;
	-webkit-transition: color .2s;
	transition: color .2s;
}
.post-item .excerpt {
	display: block;
	display:-webkit-box;
	overflow: hidden;
	width: auto;
	max-width: 700px;
	max-height: 80px;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin-bottom: 16px;
	text-overflow:ellipsis;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #666;
	-webkit-transition: color .2s;
	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: 0.9em;
	letter-spacing: -0.5px;
	color: #333;
	vertical-align: top;
	width: 100%;
}
.post-item .more:after {
	content: "";
}
.post-item .thum:after {
	content: "";
	-webkit-transition: background-color .5s;
	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;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.post-item a:hover .thumcover, .post-item a:hover .thum {
	opacity: 0.8;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.post-item a:hover .more:after {
	background-position-x: -50px;
}
.thumcover {
}
.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;
	border-radius: 5px;
	opacity: 1;
	padding-bottom: calc(25% - 10px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	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%);*/
	filter: blur(5px);
	position: absolute;
	width: 50%;
	height: 25px;
	right: 15px;
	bottom: 15px;
}
.post-type-text .post-item .more {
	line-height: 1.25;
	margin-bottom: 15px;
}
.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);
}
span.rpcount {
	margin-left: 5px;
	font-weight: 700;
}
span.rpcount:before {
	content: '\f4ad';
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	margin-right: 4px;
	position: relative;
	top: 0.5px;
}
/* 헤더 타이틀 */
.header-logo {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-top: 138px;
	text-shadow: 0 0 9px rgb(185 185 185);
	transition:0.5s all;
}
.header-logo a {
	color: #fff;
	text-decoration: none !important;
}
/* HTML5 Video 비디오 */
.html5video .video-js {
	width: 100% !important;
	padding-bottom: 56.3% !important;
	margin-bottom: 3px;
	position: relative;
}
.html5video .video-js .vjs-big-play-button {
	top: 50% !important;
	left: 50% !important;
	border: 0.13rem solid #fff;
}
.vjs-poster {
	cursor: default !important;
}
/* 모바일 카테고리 #drawer */
[class^="ic-"]:before, [class*=" ic-"]:before {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 700;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	vertical-align: middle;
	margin-top: -2px;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	font-size: 110%;
}
.ic-folder:before {
	content: '\f07b';
	margin-right: 4px;
}
.ic-expand_more:before {
	content: '\f078';
	font-size: 10px;
	margin-right: 7px;
}
.ic-expand_less:before {
	content: '\f077';
	font-size: 10px;
	margin-right: 7px;
}
/* 2차 도메인 로그인 (secondlogin.js) */
#hi098123-tistory2 {
	display: inline-flex;
	font-size: 15px;
}
#hi098123-tistory2 > span {
	color: #555;
}
#hi098123-tistory2 .loginnotice {
	display: none;
}
#hi098123-tistory2 .loginnotice2 {
	display: inline;
}
#hi098123-tistory2:after {
	content: '\f023';
	font-family: "Font Awesome 5 Free";
	color: #444;
	font-weight: 900;
	position: relative;
	left: 2px;
	top: 3px;
	font-size: 12px;
	text-shadow: 0 0 1.5px #555;
}
#hi098123-tistory2 .loginurl {
	box-shadow: inset 0 -6px 0 #fff687;
}
#hi098123-tistory2 a[rel=noopener] {
	background-color: transparent !important;
}
.guestbook a[rel=noopener] {
	display: none;
}
#hi098123-tistory2 a[rel=noopener] {
	top: 12px !important;
	border-radius: 50% !important;
}
/* 본문 HTML CSS Javascript 코드 입력란 */
pre .hljs {
	padding: 15px !important;
}