/*
webmini life Ver 1.3.2
https://webmini.tistory.com
email: webmini@webmini.net
*/

@charset "utf-8";
@import url('./images/font.css');
@import url('./images/codeblock.css');
@import url('./images/fontawesome.css');

/* animation keyframes */
/* logo ani */
@keyframes RotateRight {
  0% {transform:rotate(0);}
  100% {transform:rotate(360deg);}
}
@keyframes Scale {
  0% {transform:scale(1);}
  50% {transform:scale(0.8);}
  100% {transform:scale(1);}
}
@keyframes WidthCenter {
  0% {transform:scaleX(0);}
  100% {transform:scaleX(1);}
}
@keyframes HeightUp {
  0% {transform:scaleY(0);transform-origin:bottom;}
  100% {transform:scaleY(1);transform-origin:bottom;}
}
@keyframes HeightDown {
  0% {transform:scaleY(0);transform-origin:top;}
  100% {transform:scaleY(1);transform-origin:top;}
}
@keyframes HeightCenter {
  0% {transform:scaleY(0);}
  100% {transform:scaleY(1);}
}
@keyframes Jelly {
  0% {transform:scale3d(1, 1, 1);}
  30% {transform:scale3d(1.25, 0.75, 1);}
  40% {transform:scale3d(0.75, 1.25, 1);}
  50% {transform:scale3d(1.15, 0.85, 1);}
  65% {transform:scale3d(0.95, 1.05, 1);}
  75% {transform:scale3d(1.05, 0.95, 1);}
  100% {transform:scale3d(1, 1, 1);}
}
@keyframes Nod {
  0% {transform:rotate(0);}
  50% {transform:rotate(5deg);}
  100% {transform:rotate(0);}
}
/* layer alert */
@keyframes bounceIn {
    0% {
        left: -300px;
    }
    40% {
        left: 60px;
    }
    80% {
        left: 0;
    }
    100% {
        left: 20px;
    }
}
@keyframes slideOut {
    0% {
        left: 20px;
    }
    40% {
        left: 0;
    }
    80% {
        left: 60px;
    }
    100% {
        left: -300px;
    }
}
@keyframes slideRight {
	0% {
		transform:translateX(-100px);
	}
	100% {
		transform:translateX(0);
	}
}
@keyframes WidthLeft {
	0% {
		transform:scaleX(0);
		transform-origin:left;
	}
	100% {
		transform:scaleX(1);
		transform-origin:left;
	}
}
@keyframes FadeUp {
	0% {
		transform:translateY(0);
	}
	100% {
		transform:translateY(-10px);
	}
}
@-moz-keyframes alarm-effect {
	0% {
		-moz-transform:scale(0);
		opacity:0;
	}
	25% {
		-moz-transform:scale(.1);
		opacity:.1;
	}
	50% {
		-moz-transform:scale(.5);
		opacity:.3;
	}
	75% {
		-moz-transform:scale(.8);
		opacity:.5;
	}
	100% {
		-moz-transform:scale(1);
		opacity:0;
	}
}
@-webkit-keyframes alarm-effect {
	0% {
		-webkit-transform:scale(0);
		opacity:0;
	}
	25% {
		-webkit-transform:scale(.1);
		opacity:.1;
	}
	50% {
		-webkit-transform:scale(.5);
		opacity:.3;
	}
	75% {
		-webkit-transform:scale(.8);
		opacity:.5;
	}
	100% {
		-webkit-transform:scale(1);
		opacity:0;
	}
}
@keyframes alarm-effect {
	0% {
		transform:scale(0);
		opacity:0;
	}
	25% {
		transform:scale(.1);
		opacity:.1;
	}
	50% {
		transform:scale(.5);
		opacity:.3;
	}
	75% {
		transform:scale(.8);
		opacity:.5;
	}
	100% {
		transform:scale(1);
		opacity:0;
	}
}
@keyframes fade {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	90% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes show-before {
	from {
		opacity:1;
		transform:translateY(-10px);
	}
	to {
		opacity:0;
		transform:translateY(0);
	}
}
@keyframes show-after {
	from {
		opacity:0;
		transform:translateY(-10px);
	}
	to {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes slideDown {
	0% {
		opacity:0;
		transform:translateY(-45px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes moveUpDown {
	0% {
		transform:translateY(0);
	}
	100% {
		transform:translateY(-5px);
	}
}
@keyframes slideDownSky {
	from {
		transform:translateY(-100%);
		opacity:0;
	}
	to {
		transform:translateY(0);
		opacity:1;
	}
}
@keyframes bellRing {
	0% {
		transform:rotate(0deg);
	}
	25% {
		transform:rotate(-5deg);
	}
	50% {
		transform:rotate(10deg);
	}
	75% {
		transform:rotate(-5deg);
	}
	100% {
		transform:rotate(0deg);
	}
}
@keyframes skeleton {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
/* value default */
:root {
	--gnbBg:#39549a;
	--gnbFirst:#222;
	--gnbLast:#c04747;
	--gnbHover:#23448c;
	--gnbFont:#fff;
	--gnbHoverFont:#fff;
	--gnbFirstFont:#fff;
	--gnbLastFont:#fff;
	--bgContent:#fff;
	--backgroundPoint:#39549a;
	--background:#f2f4f7;
	--background2:#2e2e36;
	--background3:#000;
	--background4:#666;
	--defaultText:#222;
	--defaultLink:#c04747;
	--postText:#393939;
	--topBarBackground:rgba(255,255,255,.6);
	--borderColor:#eee;
	--borderColor2:#e5e5e5;
	--borderColor3:#999;
	--borderColor4:#000;
	--borderColor5:#aaa;
	--headTextColor1:#000;
	--headTextColor2:#222;
	--headTextColor3:#393939;
	--textColor1:#000;
	--textColor2:#666;
	--textColor3:#757575;
	--textSideColor1:#202533;
	--textSideColor2:#373f57;
	--textSideColor3:#646a7d;
	--textColorBlue:#39549a;
	--shadow1:rgba(0,0,0,.1);
	--scrollThumb:#ddd;
	--scrollThumbHover:#999;
}
/* value dark */
:root[data-theme='dark'] {
	--gnbBg:#344265;
	--gnbFirst:#222;
	--gnbLast:#a13a31;
	--gnbHover:#2f3b5a;
	--gnbHoverFont:#fff;
	--gnbFont:#fff;
	--gnbFirstFont:#fff;
	--gnbLastFont:#fff;
	--bgContent:#2c2c34;
	--backgroundPoint:#344265;
	--background:#31343c;
	--background2:#2e2e36;
	--background3:#000;
	--background4:#666;
	--defaultText:#ddd;
	--defaultLink:#7b9ecb;
	--postText:#ddd;
	--topBarBackground:#383c45;
	--borderColor:#404040;
	--borderColor2:#454545;
	--borderColor3:#999;
	--borderColor4:#000;
	--borderColor5:#555;
	--headTextColor1:#fff;
	--headTextColor2:#eee;
	--headTextColor3:#9c9c9c;
	--textColor1:#fff;
	--textColor2:#ccc;
	--textColor3:#9c9c9c;
	--textColor4:#666;
	--textSideColor1:#ccc;
	--textSideColor2:#9e9e9e;
	--textSideColor3:#9c9c9c;
	--textColorBlue:#7b9ecb;
	--shadow1: rgba(0,0,0,.1);
	--scrollThumb:#111;
	--scrollThumbHover:#000;
}
/* Reset */
* {
	box-sizing:border-box;
}
html {
	height:inherit;
}
body {
	-webkit-text-size-adjust:100%;
	font-family:Pretendard,'Noto Sans DemiLight',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;
	background-color:var(--background);
	color:var(--defaultText);
	font-size:14px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
body:not(.loaded){
	overflow:hidden;
}
body:not(.loaded) #wrap{
	visibility:hidden;
	overflow:hidden;
}
body.loaded #wrap{
	visibility:visible;
	position:relative;
}
html,body {
	margin:0;
	padding:0;
}
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:var(--background);
    z-index: 9999;
    visibility: visible;
}
#loading .load{
	width:200px;
	height:200px;
	max-width:800px;
}
body.loaded #loading {
    visibility: hidden;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td,p,figure,em,a,button {
	margin:0;
	padding:0;
	font-family:Pretendard,'Noto Sans DemiLight',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
	display:block;
}
button,input[type='submit'],
input[type='reset'],
input[type='button'] {
	overflow:visible;
	cursor:pointer;
}
input[type='text'],
input[type=email],
input[type='password'],
input[type='submit'],
textarea {
	-webkit-appearance:none;
}
input,select,textarea,button {
	font-size:100%;
	border-radius:0;
}
label,input,button,select {
	vertical-align:inherit;
	line-height:inherit;
}
button {
	overflow:visible;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
}
table {
	border-spacing:0;
	border-collapse:collapse;
}
ul li {
	list-style:none;
	margin:0;
	padding:0
}
img,fieldset {
	border:none;
	vertical-align:top;
}
hr {
	display:none;
}
b,strong {
	font-weight: 600;
}
/* common */
i.ico_new img {
	width:12px;
	vertical-align:middle
}
.blind {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
/* point color */
.bg_point_color1 {
	background-color:#333
}
.bg_point_color2 {
	background-color:#39549a
}
.bg_point_color3 {
	background-color:var(--defaultLink)
}
.font_point_color1 {
	background-color:#333
}
.font_point_color2 {
	background-color:#39549a
}
.font_point_color3 {
	background-color: var(--defaultLink)
}
/* Components */
.tt_box_namecard {
	min-height:auto !important;
	padding-bottom:40px;
}
.tt_box_namecard .tt_cont {
	padding-right:20px !important;
}
.tt_box_namecard .tt_desc {
	line-height:1.4;
	color:var(--textColor2) !important;
}
figure[data-ke-type='opengraph'] div.og-text p.og-host, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-host,
figure[data-ke-type='opengraph'] div.og-text p.og-desc, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-desc{
	color:var(--textColor2) !important;
}
.tt-wrap-cmt .tt_date,
.tt-link-comment .tt_txt_g{
	color:var(--textColor2) !important;
}
.tt-box-total .tt_txt_g{
	font-family:Pretendard,'Noto Sans DemiLight',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif !important;
}
.btn,a.btn {
	display:inline-block;
	width:100px;
	height:36px;
	background-color:#c4c4c4;
	text-align:center;
	font-weight:400;
	font-size:14px;
	line-height:36px;
	color:#fff;
	vertical-align:middle;
	padding:0;
	border-radius:0
}
.btn:hover {
	background-color: #676767;
}
/* Text Ellipsis */
.ellipsis {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	word-wrap:normal;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis
}
/* Outline */
.btn.active.focus,
.btn.active:focus,
.btn.focus,.btn:active.focus,
.btn:active:focus,
.btn:focus,.close:focus,
.close:hover,.dropdown-menu>li>a,
.form-control:focus,.nav>li>a:focus,
a,
a:focus,button,input,
input[type='radio']:focus,
input[type='checkbox']:focus,
input[type='file']:focus,textarea {
	outline:0
}
a,a:link {
	text-decoration:none;
	color:var(--defaultText);
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:var(--defaultText);
}
a:active {
	text-decoration:none;
}
blockquote {
	border:0
}
pre>code {
	line-height:1.5;
	font-size:16px;
	padding:15px 20px !important;
	tab-size:4; /* 원하는 들여쓰기 크기 (예:4칸) */
}
pre {
	border-radius:10px;
	padding:0 !important;
	border:0 !important;
	margin:15px 0;
}
.hljs {
	color:var(--defaultText);
	transition: font-size 0.5s ease-in-out;
}
.expanded .hljs{
	font-size:1em;
}
.hljs .code-body {
	margin-top:22px;
}
.hljs .line {
	line-height:1.6;
}
.hidden-lg {
	display:none;
}
.position-relative {
	position:relative;
}
.content {
	padding:100px 0;
	margin:50px auto 0 auto;
	width:80%;
}
.img-responsive,.thumbnail>img,.thumbnail a>img,
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	display:block;
	width:100% \9;
	max-width:100%;
	height: auto;
}
/* button */
.btn_buy {
    display: inline-block;
    position: relative;
    border-radius: 50px;
    padding: 0 30px;
    color: #fff !important;
    background-color: #c04747;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    transition: color .3s, background-color .3s;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.btn_buy:after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 80%);
    animation: skeleton 1.5s infinite;
	transform: rotate(-45deg);
}
.btn_buy::before{
	content:'\f019';
	font-family:'Font Awesome\ 6 Free';
	font-weight:900;
	font-size:14px;
	margin-right:5px;
}
.btn_buy:hover{
	background-color:#943737;
	text-decoration:none;
}

/* editor box style */
.entry-content .box-style1 {
	border-radius:10px;
	padding:20px !important;
	background:#f4f6fa;
	line-height:1.6;
	text-indent:0 !important;
}
.entry-content .box-style2 {
	border-radius:10px;
	padding:20px !important;
	background:#eef6ff;
	line-height:1.6;
	text-indent:0 !important;
}
.entry-content .box-style3 {
	border-radius:10px;
	padding:20px !important;
	background:#fffacd;
	line-height:1.6;
	text-indent:0 !important;
}
input:-webkit-autofill,input:-webkit-autofill:hover,
input:-webkit-autofill:focus,input:-webkit-autofill:active {
		transition:background-color 1000s ease-in-out 0s;
	-webkit-box-shadow:0 0 0 0 inset transparent;
	background-color: transparent !important;
}
/* header */
.alarm-marker {
	position:relative
}
.alarm-marker .alarm-effect {
	position:absolute;
	top:-13px;
	right:-14px;
	height:26px;
	width:26px;
	z-index:10;
	border:5px solid #c04747;
	border-radius:70px !important;
	animation:alarm-effect 1s infinite;
	-webkit-animation:alarm-effect 1s infinite;
	-moz-animation:alarm-effect 1s infinite
}
.alarm-marker .alarm-point {
	width:6px;
	height:6px;
	-webkit-border-radius:30px !important;
	-moz-border-radius:30px !important;
	border-radius:30px !important;
	background-color:#c04747;
	position:absolute;
	right:-4px;
	top:-3px;
}
#wrap {
	min-width: 360px;
}
/* Accessibility Navigation */
#acc-nav {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:0;
}
#acc-nav a {
	display:block;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	width:1px;
	height:1px;
	margin-left:-1px;
	margin-bottom:-1px;
	text-align:center;
	font-weight:bold;
	color:var(--defaultText);
	white-space:nowrap;
}
#acc-nav a:focus,#acc-nav a:hover,#acc-nav a:active {
	width:100%;
	height:auto;
	padding:10px 0;
	background-color:var(--defaultText);
	color:#fff;
	z-index:1000;
}
.container {
	margin:0 auto;
	padding:0;
}
.header-topbar {
	position:relative;
	top:0;
	width:100%;
	background-color:var(--topBarBackground);
	z-index:33;
	text-align:center;
	height:40px;
	box-sizing:border-box;
}
.header-topbar ul {
	display:flex;
	align-items:center;
	margin:0;
}
.header-topbar ul li.subscribe {
	position:relative;
	color:#c04747;
	padding-left:27px !important;
	font-size:12.5px;
}
.header-topbar ul li.subscribe em {
	font-style:normal;
	color:var(--defaultText);
}
.header-topbar ul li.subscribe .alarm-marker {
	position:absolute;
	top:19px;
	left:12px;
}
.header-topbar ul li.subscribe i.fa-check {
	display:none;
}
.header-topbar ul li.subscribe .following .alarm-marker {
	display:none;
}
.header-topbar ul li.subscribe .following i.fa-check {
	display:inline-block;
}
.header-topbar .topbar-left {
	position:absolute;
	top:0;
	left:0;
}
.header-topbar .topbar-left .left-menu {
	display:flex;
	position:relative;
	clear:both;
	margin-left:15px;
}
.header-topbar .topbar-left .left-menu>li {
	position:relative;
	line-height:38px;
	float:left;
}
.header-topbar .topbar-left .left-menu>li:last-child {
}
.header-topbar .topbar-left .left-menu>li a,
.header-topbar .topbar-left .left-menu>li button {
	display:block;
	height:40px;
	line-height:38px;
	padding:0 15px;
	font-size:12.5px;
	color:var(--defaultText);
}
.header-topbar .topbar-left .left-menu>li>a:hover,
.header-topbar .topbar-left .left-menu>li>button:hover {
	text-decoration:none;
}
.header-topbar .topbar-left .left-menu>li i {
	color:#b5b5b5;
}
.header-topbar .topbar-left .left-menu>li>a:hover i,
.header-topbar .topbar-left .left-menu>li>button:hover i {
	color:var(--defaultText);
}
.header-topbar .topbar-left .left-menu>li>a.active {
	background-color:var(--background);
	font-weight:bold;
	color:var(--defaultLink);
}
.header-topbar .topbar-left .left-menu>li.dark {
	padding:0 10px;
	font-size:12px;
	height:40px;
	line-height:38px;
}
.header-topbar .topbar-left .left-menu>li.dark .dark-btn {
	position:relative;
}
.header-topbar .topbar-left .left-menu>li.dark .dark-btn input {
	display:none;
}
.header-topbar .topbar-left .left-menu>li.dark .dark-check {
	cursor:pointer;
	display:inline-block;
	position:relative;
	top:7px;
	width:50px;
	height:26px;
	background:#dfe2e3;
	border-radius:84px;
}
.header-topbar .topbar-left .left-menu>li.dark .dark-check:before {
	content:'';
	background:url(./images/ico_sun.png) no-repeat 0 0;
	background-size:100%;
	width:16px;
	height:16px;
	position:absolute;
	top:5px;
	left:6px;
	font-size:12px;
	z-index:3;
	color:var(--textColor2);
	animation-name:show-after;
	animation-duration:.5s;
	animation-delay:.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
.header-topbar .topbar-left .left-menu>li.dark .dark-check:after {
	display:none;
	content:'';
	background:url(./images/ico_moon.png) no-repeat 0 0;
	background-size:100%;
	width:16px;
	height:16px;
	position:absolute;
	top:5px;
	right:6px;
	font-size:12px;
	z-index:3;
	color:var(--defaultText);
	font-weight:600;
	opacity:0;
}
.header-topbar .topbar-left .left-menu>li.dark .dark-check .toggle-handler {
	position:relative;
	width:26px;
	height:26px;
	border-radius:50%;
	display:inline-block;
	position:relative;
	transform:translate3d(-11px,0,0) rotate(0);
	z-index:2;
	box-shadow:none;
	background-size:0;
	transition:transform .5s;
	background:#fff;
	border:1px solid #aaa;
	transition:transform .3s ease-in-out,background .3s,border-color .3s;
}
#dark-check:checked+.dark-check .toggle-handler {
	width:26px;
	height:26px;
	border-radius:50%;
	display:inline-block;
	transform:translate3d(11px,0,0) rotate(0);
	border:1px solid var(--borderColor3);
	background:#aaa;
	background-image:radial-gradient(circle at 60% 10%,#ccc 15%,transparent 0),radial-gradient(circle at 30% 50%,#ccc 10%,transparent 0),radial-gradient(circle at 60% 70%,#ccc 13%,transparent 0);
	transition:transform .3s ease-in-out,background .3s,border-color .3s;
}
#dark-tooltip {
	position:fixed;
	top:50%;
	z-index:99;
	left:50%;
	width:150px;
	margin-left:-75px;
	margin-top:-20px;
	padding:20px 0;
	font-size:14px;
	text-align:center;
	transform:translateX(-50%);
	transform:translateY(-50%);
	border-radius:15px;
	background-color:rgba(0,0,0,.6);
	color:#fff;
	opacity:0;
	transition:opacity 0.3s ease-in-out;
	animation:fade 2s linear forwards;
	box-shadow:0 0 5px #444;
}
[data-theme='light'] #dark-tooltip:before {
	content:'라이트 모드';
}
[data-theme='dark'] #dark-tooltip:before {
	content:'다크 모드';
}
#dark-check:checked+.dark-check:before {
	display:none;
	animation-name:show-before;
	animation-duration:.5s;
	animation-delay:.5s;
	animation-fill-mode:forwards;
}
#dark-check:checked+.dark-check:after {
	display:inline-block;
	animation-name:show-after;
	animation-duration:.5s;
	animation-delay:.5s;
	animation-fill-mode:forwards;
}
.header-topbar .topbar-left .left-menu {
	margin-left:0;
}
.header-topbar .topbar-right {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}
.header-topbar .topbar-right .mobile-nav-trigger {
	display:none;
}
.header-topbar .topbar-right>.member-menu>li {
	padding:0 5px;
	line-height:38px;
	display:inline-block;
	vertical-align:middle;
}
.header-topbar .topbar-right>.member-menu>li .btn_subscription{
	display:flex;
	align-items:center;
}
.header-topbar .topbar-right>.member-menu>li>a {
	font-size:12.5px;
	color:var(--defaultText);
}
.header-topbar .topbar-right>.member-menu>li>a:hover {
	text-decoration:none;
}
.header-topbar .topbar-right>.member-menu>li>a i {
	color:#b5b5b5
}
.header-topbar .topbar-right>.member-menu>li>a:hover i {
	color: var(--defaultText);
}
/* Layout Selector */
#header{
	position:relative;
}
#header .inner {
	position:relative;
	max-width:1100px;
	margin:0 auto;
}
#header h1 {
	display:flex;
	align-items: center;
	font-size:32px;
	line-height:1;
	color:var(--defaultText);
	height:100px;
	box-sizing:border-box;
}
#header h1 a {
	display:inline-flex;
	align-items:center;
	padding:0 5px 0 10px;
	height:100%;
	text-decoration:none;
	color:var(--textColor1);
	font-weight:600;
	letter-spacing:-0.02em;
}
#header h1 img {
	width:auto;
	height:32px;
	max-height:100px;
}
#header h1 .sub_tit {
	display:inline-block;
	position:relative;
	font-size:16px;
	margin-left:15px;
	margin-top:14px;
	color:var(--textColor2);
	font-weight:500;
	letter-spacing:normal;
}
#header h1 .sub_tit strong {
	color:var(--textColor1);
	font-weight:500;
}
#header .ad_head {
	width:480px;
	height:60px;
	overflow:hidden;
	position:absolute;
	top:25px;
	right:10px;
}
#header .ad_head.adfit320 {
	width:320px;
	height:50px;
}
#header .ad_head.adfit728 {
	width:728px;
	height:90px;
	top:5px;
}
#header .util {
	display:none;
}
.header-topbar .admin {
	position:relative;
	padding-left:0 !important;
}
.header-topbar .admin .btn_admin {
	position:relative;
	top:0;
	display:inline-block;
	overflow:hidden;
	width:20px;
	height:20px;
	border:1px solid var(--borderColor);
	border-radius:50%;
}
.header-topbar .admin .btn_admin img{
	width:100%;
}
.header-topbar .admin {
	position:relative;
	padding-left:0 !important;
}
.header-topbar .admin>ul.list{
	position:absolute;
	top:calc(100%);
	right:0;
	display:none;
	z-index:2;
	width:120px;
	padding:10px 0 10px 0;
	background-color:#fff;
	line-height:1.4;
	text-align:left;
	border:1px solid rgba(0, 0, 0, .15);
	border-radius:10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	font-size:12px;
}
.header-topbar .admin>ul.list.open{
	display:block
}
.header-topbar .admin>ul.list li{
	display:flex;
	flex-direction:column;
}
.header-topbar .admin>ul.list li a{
	display:block;
	padding:5px 10px 5px 20px;
}
.header-topbar .admin>ul.list li a:hover{
	text-decoration:none;
	background-color:var(--background);
}
.header-topbar .admin>ul.list .manage{
	color:var(--defaultLink);
}

/* side search */
#aside .search_area {
	display:block;
	position:relative;
	width:100%;
	height:40px;
	padding:3px 3px 3px 0;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	margin-bottom:30px;
}
#aside .search_area::before{
	display:block;
	content:'';
	width:0;
	height:1px;
	position:absolute;
	left:0;
	bottom:0;
	background-color:var(--defaultLink);
	transition: all .3s ease;
}
#aside .search_area.on::before{
	width:100%;
	transition: all .3s ease;
}
#aside .search_area .input {
	padding-left:0;
}
#aside .search_area .button {
	right: 0;
	font-size:16px;
}
.search_area .input {
	width:100%;
	height:32px;
	border:0;
	padding:0 35px 0 8px;
	color:var(--defaultText);
	font-size:14px;
	outline:0;
	box-sizing:border-box;
	background:transparent
}
.search_area .input:focus {
	outline:0 !important;
	border:0 !important;
}
.search_area .button {
	position:absolute;
	top:4px;
	right:4px;
	height:28px;
	border:0;
	margin-top:1px;
	background:none;
	padding:0 10px;
	color:var(--defaultText);
	font-size:12.5px;
}
/* Header Nav */
.header-nav .navbar {
	border:none;
	background-color:var(--gnbBg);
	white-space:nowrap;
	height:45px;
	border-radius:5px;
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
.header-nav.header-sticky {
	height:auto;
	z-index:1002;
	position:relative;
	z-index:30;
}
.header-nav.header-fixed-trans {
	position:fixed;
	top:0;
	left:0;
	right:0;
	animation-name:slideDown;
	animation-duration:.3s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
}
.header-nav.header-fixed-trans .navbar {
	box-shadow:0 5px 5px -5px #999;
}
#header .header-sticky-space.header-fixed-space-trans {
	clear:both;
	margin-bottom:40px;
}
#gnb::-webkit-scrollbar {
	display:none;
}
#gnb {
	position:relative;
	height:45px;
	padding:0;
	overflow-x:auto;
	-ms-overflow-style:none;
	max-width:1100px;
	margin:0 auto;
	border-radius:5px;
}
#gnb ul {
	overflow:hidden;
	position:relative;
	display:flex;
	justify-content:left;
	transition: transform 0.3s ease;
}
#gnb ul li {
	position:relative;
}
#gnb ul li a {
	position:relative;
	display:block;
	height:45px;
	text-decoration:none;
	padding:0 20px;
	color:var(--gnbFont);
	line-height:45px;
	font-size:13px;
	letter-spacing:0;
	font-family:'SCDream4',sans-serif;
	text-align:center;
	overflow:hidden;
	z-index:1;
}
#gnb ul li a:hover,
#gnb ul li a:focus {
	text-decoration:none;
}
#gnb ul li.current a {
	color:var(--gnbFont);
	background-color:var(--gnbHover);
}
#gnb ul li.first,
#gnb ul li.first a,
#gnb ul li.first.current a,
#gnb ul li.first a:hover,
#gnb ul li.first a:active {
	background-color:var(--gnbFirst);
	color:var(--gnbFirstFont);
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
#gnb ul li.last{
	margin-left:auto;
}
#gnb ul li.last,
#gnb ul li.last a,
#gnb ul li.last.current a,
#gnb ul li.last:hover,
#gnb ul li.last:focus,
#gnb ul li.last:active {
	background-color:var(--defaultLink);
	color:var(--gnbLastFont);
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
#gnb ul li a::before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background-color:var(--gnbHover);
	transition:left 0.3s ease;
	z-index:-1;
}
#gnb ul li a:hover::before,
#gnb ul li a:focus::before {
	left:0;
}
#gnb ul li.first a::before,
#gnb ul li.first a:hover::before,
#gnb ul li.last a::before,
#gnb ul li.last a:hover::before{
	display:none;
}
#container {
	position:relative;
	max-width:1100px;
	margin:0 auto;
	box-sizing:border-box;
}
#container .content-wrap {
	display:flex;
	margin:0 auto;
	box-sizing:border-box;
	margin-top:15px;
}
#content {
	position:relative;
	z-index:2;
	width:770px;
	padding:25px 25px 40px;
	box-sizing:border-box;
	border-radius:20px;
	box-shadow:0 0 10px var(--borderColor);
	background-color:var(--bgContent);
}
#content>.inner:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
#aside {
	position:sticky;
	align-self:flex-start;
	top:45px;
	right:0;
	width:330px;
	padding:10px 5px 0 25px;
	box-sizing:border-box;
	border-radius:10px;
	background:transparent;
}
#aside .close {
	display: none;
}
/* font size set */
.font_size_set {
	margin:5px 0 20px;
}
.font_size_set .size_box {
	display:flex;
	gap:3px;
	align-items:center;
}
.font_size_set .size_box button {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	background-color:var(--defaultText);
	color:#fff;
	font-size:11px;
	border-radius:100%;
	width:22px;
	height:22px;
	line-height:22px;
}
.font_size_set .size_box button i,
.font_size_set .size_box button svg{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.font_size_set .max_zoom {
	color:var(--defaultLink);
}
.font_size_set .min_zoom {
	color:var(--defaultLink);
}
.font_size_set #reset {
	background-color:var(--backgroundPoint);
}
.font_size_set #reset.animate:focus {
	transform:rotate(360deg);
	transition:all .8s ease;
	transition-delay:.5s;
}
.font_size_set #reset.no_animation {
    transition: none;
    transform: rotate(0deg);
}
.font_size_set #full{
	background-color:transparent;
	border-radius:0;
	font-size:20px;
	color:var(--defaultText);
	margin-left:5px;
}
.font_size_set #txt_info {
	margin:0 5px;
	font-weight: 700;
}
/* page */
#tt-body-index .main-slider-area {
	display:block;
	margin:-25px -25px 30px;
}
.main-slider-area {
	display:none;
}
#tt-body-index .post-cover.notice {
	height:auto;
	background-color:transparent;
}
#tt-body-index .post-cover.notice h2 {
	margin:0;
	font-size:16px;
	line-height:1.5;
	color:var(--defaultText);
}
#tt-body-index .post-cover.notice h2 a {
}
#tt-body-index .post-cover.notice .meta {
	margin:0 0 30px;
	color:rgba(0,0,0,0.6);
}
#tt-body-index #loading{
	display:none;
}
#tt-body-page.post-cover-hide #container {
	padding-top:0;
}
#tt-body-tag .tags {
	margin-top:0;
}
.main-slider {
	position:relative;
	top:-1px;
	z-index:20;
	overflow:hidden;
	width:100%;
	border-radius:15px 15px 0 0;
}
.main-slider ul {
	position:relative;
}
.main-slider ul li {
	display:table;
	width:100%;
	height:370px;
	background-position:50% 50%;
	background-size:cover;
}
.main-slider ul li .inner {
	display:table-cell;
	vertical-align:middle;
}
.main-slider ul li .box {
	display:block;
	max-width:720px;
	padding:0 50px 5px;
}
.main-slider ul li .text,
.main-slider ul li .info{
	display:block;
	display:-webkit-box;
	overflow:hidden;
	max-width:65%;
	text-overflow:ellipsis;
	line-height:1.25;
	color:#000;
	-webkit-box-orient:vertical;
}
.main-slider ul li .text {
	font-weight:400;
	font-size:30px;
	-webkit-line-clamp:3;
	text-shadow:0 0 3px rgba(255,255,255,.2);
	letter-spacing:-0.02em;
}
.main-slider ul li .text b,
.main-slider ul li .text strong{
	font-weight:700;
}
.main-slider ul li .text em{
	position:relative;
	font-style:normal;
	font-weight:700;
	z-index:1;
}
.main-slider ul li .text em::before{
	position: absolute;
    bottom: 3px;
    left: 0;
    z-index: -1;
    width: 0;
    height: 7px;
    background-color:#f54;
    content: '';
	transition: width .3s ease-out;
}
.main-slider ul li:hover .text em::before{
	width: 100%;
    transition: width .3s ease-out;
}
.main-slider ul li .info {
	-webkit-line-clamp:2;
	margin-top:5px;
	font-weight:400;
	font-size:14px;
	opacity:.8;
}
.main-slider ul li .btn_view {
	display:inline-block;
	min-width:118px;
	max-width:180px;
	height:35px;
	margin-top:32px;
	padding:0 20px;
	font-weight:400;
	text-overflow:ellipsis;
	box-sizing:border-box;
	overflow:hidden;
	white-space:nowrap;
	border-radius:35px;
	line-height:35px;
	position:relative;
	text-align:center;
	right:0;
	font-size:13px;
	vertical-align:middle;
	background-color:#000;
	color:#fff;
	transition: background-color 0.5s, border-color 0.5s, opacity 0.3s, all 0.3s ease;
	box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}
.main-slider ul li .btn_view:hover {
	right:-5px;
	text-decoration:none;
	transition:all .3s ease;
	background-color:#c04747 !important;
}
.main-slider .prev,.main-slider .next {
	display:none;
}
.main-slider .paging {
	display:flex;
    position:absolute;
    bottom:23px;
    right:50px;
    z-index: 10;
}
.main-slider .paging button {
	display:block;
	position:relative;
	width:28px;
	height:28px;
	color:#666;
	font-size:10px;
}
.main-slider .paging button.current{
	color:#000;
}
.main-slider .paging button::before {
	content:'';
	width:22px;
	height:22px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:-1;
	transform:translate(-50%,-50%);
	background-color:rgba(255,255,255,0.4);
	border-radius:50%;
	box-shadow:0 0 3px rgba(0,0,0,.3);
}
.main-slider .paging button.current::before {
	background-color:rgba(255,255,255,1);
}
.main-slider .control-btn {
	position:absolute;
	bottom:26px;
	right:20px;
	z-index:10;
	width:22px;
	height:22px;
	border-radius:50%;
	color:#000;
	font-size:22px;
	box-shadow:0 0 3px rgba(0,0,0,.3);
}
.main-slider .control-btn i,
.main-slider .control-btn svg{
	position:absolute;
	top:0;
	left:0;
}
[class*='cover-thumbnail'] h2 {
	font-weight:500;
	font-size:22px;
}
[class*='cover-thumbnail'] ul li .excerpt,
.cover-list ul li .excerpt,.post-item .excerpt {
	position:relative;
	color:var(--textColor3);
}

[class*='cover-thumbnail'] ul li .excerpt::after,
.cover-list ul li .excerpt::after,
.post-item .excerpt::after {
	background: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1) 95%);
	content: "";
    position: absolute;
    top: 43px;
    right: 0;
    width: 50%;
    height: 24px;
}

[class*='cover-thumbnail'] figure img,
.related-articles figure img {
	border-radius:8px;
	border:1px solid var(--borderColor);
}
[class*='cover-thumbnail'] ul li .meta,
.cover-list ul li .meta,.post-item .meta {
	display:block;
	font-size:13px;
	color:var(--textColor2);
}
[class*='cover-thumbnail'] ul li .meta .comment,
.cover-list ul li .meta .comment,.post-item .meta .comment {
	color:var(--textColorBlue);
}
[class*='cover-thumbnail'] ul li .meta span::before,
.cover-list ul li .meta span::before,
.post-item .meta span::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:7px 6px 9px 5px;
	background-color:#d2d2d2;
	vertical-align:middle;
}
[class*='cover-thumbnail'] ul li .meta span:first-child::before,
.cover-list ul li .meta span:first-child::before,
.post-item .meta span:first-child::before {
	content:none;
}
[class*='cover-thumbnail'] ul li .date,
.cover-list ul li .date,
.post-item .meta .date {
	font-size:13px;
	color:var(--textColor2);
}
.cover-thumbnail-1 {
	position:relative;
	margin-bottom:60px;
}
.cover-thumbnail-1 h2 {
	margin-bottom:15px;
}
.cover-thumbnail-1 ul {
	display:inline-block;
	width:103.378378378378378%;
	margin-left:-3.378378378378378%;
	margin-bottom:-40px;
	vertical-align:top;
}
.cover-thumbnail-1 ul li {
	float:left;
	width:33.333333333333333%;
	padding-left:3.26797385620915%;
	margin:0 0 30px;
	box-sizing:border-box;
}
.cover-thumbnail-1 ul li a {
	display:block;
	text-decoration:none;
}
.cover-thumbnail-1 ul li a:hover .title,
.cover-thumbnail-1 ul li a:focus .title {
	text-decoration:underline;
}
.cover-thumbnail-1 ul li figure {
	display:block;
	height:0;
	margin-bottom:9px;
	padding-bottom:130%;
	border-radius:10px;
}
.cover-thumbnail-1 ul li figure img {
	width:100%;
	height:auto;
	border-radius:10px;
}
.cover-thumbnail-1 ul li .title {
	display:block;
	overflow:hidden;
	width:95%;
	margin-bottom:5px;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.75;
	font-size:15px;
	font-weight:500;
}
.cover-thumbnail-1 .more {
	position:absolute;
	top:4px;
	right:0;
	font-weight:300;
	font-size:14px;
	color:var(--textColor2);
}
.cover-thumbnail-2 {
	position:relative;
	overflow:hidden;
	width:100%;
	margin-bottom:40px;
}
.cover-thumbnail-2 h2 {
	position:relative;
	padding-bottom:15px;
}
.cover-thumbnail-2 ul li {
	margin-top:20px;
}
.cover-thumbnail-2 ul li:first-child{
	margin-top:0;
}
.cover-thumbnail-2 ul li a {
	position:relative;
	top:0;
	display:block;
	text-decoration:none;
	padding:20px;
	border:1px solid var(--borderColor);
	border-radius:10px;
	transition:all .3s ease;
}
.cover-thumbnail-2 ul li a:hover .title,
.cover-thumbnail-2 ul li a:focus .title {
	text-decoration:none;
}
.cover-thumbnail-2 ul li a:hover {
	border-color:var(--textColorBlue);
	top:-5px;
	box-shadow:0 0 10px var(--borderColor);
	transition:all .3s ease;
}
.cover-thumbnail-2 ul li figure {
	display:inline;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
.cover-thumbnail-2 ul li figure img {
	float:right;
	width:100px;
	height:auto;
	margin-left:30px;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
}
.cover-thumbnail-2 ul li .title {
	display:block;
	overflow:hidden;
	max-width:95%;
	margin-bottom:10px;
	padding-top:7px;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	line-height:1.4;
	font-weight:500;
}
.cover-thumbnail-2 ul li .excerpt {
	display:block;
	overflow:hidden;
	max-width:95%;
	margin-bottom:10px;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:1.6;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.cover-thumbnail-2 .more {
	display:block;
	width:100%;
	margin-top:28px;
	padding:12px 0 11px;
	border:1px solid #ccc;
	text-align:center;
	font-size:14px;
	color:var(--textColor2);
	background:#fafafa;
}
.cover-thumbnail-3 {
	position:relative;
	margin-bottom:40px;
}
.cover-thumbnail-3 h2 {
	margin-bottom:15px;
}
.cover-thumbnail-3 ul {
	position:relative;
	display:inline-block;
	width:103.378378378378378%;
	margin-left:-3.378378378378378%;
	margin-bottom:-25px;
	vertical-align:top;
}
.cover-thumbnail-3 ul li {
	float:left;
	width:20%;
	margin-bottom:22px;
	padding-left:3.26797385620915%;
	box-sizing:border-box;
}
.cover-thumbnail-3 ul li a {
	display:block;
	text-decoration:none;
}
.cover-thumbnail-3 ul li a:hover .title,
.cover-thumbnail-3 ul li a:focus .title {
	text-decoration:underline;
}
.cover-thumbnail-3 ul li figure {
	display:block;
	width:100%;
	height:0;
	margin-bottom:10px;
	padding-bottom:129%;
	border-radius:10px;
}
.cover-thumbnail-3 ul li figure img {
	width:100%;
	height:auto;
	box-sizing:border-box;
	border-radius:10px;
}
.cover-thumbnail-3 ul li .title {
	display:block;
	overflow:hidden;
	margin-bottom:5px;
	width:95%;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:15px;
	line-height:1.4;
	font-weight:500;
}
.cover-thumbnail-3 button {
	position:absolute;
	top:-1px;
	width:24px;
	height:24px;
	border:1px solid var(--borderColor);
	border-radius:50%;
	background:url(./images/ico_package.png) no-repeat 0 -50px;
	text-indent:-999em;
	outline:none;
}
.cover-thumbnail-3 button {
	position:absolute;
	top:-1px;
	width:24px;
	height:24px;
	border:1px solid var(--borderColor);
	border-radius:50%;
	background:url(./images/ico_package.png) no-repeat 0 -50px;
	text-indent:-999em;
	outline:none;
}
.cover-thumbnail-3 .prev {
	right:30px;
}
.cover-thumbnail-3 .next {
	right:0;
	background-position-x:-50px;
}
.cover-thumbnail-3 button:focus,
.cover-thumbnail-3 button:hover {
	background-color:#757575;
	background-position-y:-74px;
}
.cover-thumbnail-4 {
	position:relative;
	margin-bottom:17px;
}
.cover-thumbnail-4 h2 {
	margin-bottom:15px;
}
.cover-thumbnail-4 ul {
	position:relative;
	display:inline-block;
	width:103.378378378378378%;
	margin-left:-3.378378378378378%;
	vertical-align:top;
}
.cover-thumbnail-4 ul li {
	float:left;
	width:33.333333333333333%;
	min-height:283px;
	padding-left:3.26797385620915%;
	margin:0 0 20px;
	box-sizing:border-box;
}
.cover-thumbnail-4 ul li a {
	display:block;
	text-decoration:none;
}
.cover-thumbnail-4 ul li a:hover .title,
.cover-thumbnail-4 ul li a:focus .title {
	text-decoration:underline;
}
.cover-thumbnail-4 ul li figure {
	display:block;
	width:100%;
	height:0;
	margin-bottom:5px;
	padding-bottom:62%;
	overflow:hidden;
	border-radius:10px;
}
.cover-thumbnail-4 ul li figure img {
	width:100%;
	height:auto;
	border-radius:10px;
}
.cover-thumbnail-4 ul li .title {
	display:block;
	overflow:hidden;
	max-width:95%;
	margin-bottom:10px;
	padding-top:9px;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.4;
	font-size:15px;
	font-weight:500;
}
.cover-thumbnail-4 ul li .excerpt {
	display:block;
	overflow:hidden;
	max-width:95%;
	margin-bottom:10px;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:1.6;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.cover-thumbnail-4 button {
	position:absolute;
	top:2px;
	width:24px;
	height:24px;
	border:1px solid var(--borderColor);
	border-radius:50%;
	background:url(./images/ico_package.png) no-repeat 0 -50px;
	text-indent:-999em;
	outline:none;
}
.cover-thumbnail-4 .prev {
	right:30px;
}
.cover-thumbnail-4 .next {
	right:0;
	background-position-x:-50px;
}
.cover-thumbnail-4 button:focus,.cover-thumbnail-4 button:hover {
	background-color:#757575;
	background-position-y:-74px;
}
.cover-list {
	position:relative;
	overflow:hidden;
	width:100%;
	margin-bottom:24px;
}
.cover-list h2 {
	margin-bottom:28px;
	padding-bottom:15px;
	border-bottom:1px solid var(--borderColor);
	font-weight:500;
	font-size:22px;
}
.cover-list ul li {
	overflow:hidden;
	margin-bottom:28px;
}
.cover-list ul li a {
	display:block;
	text-decoration:none;
}
.cover-list ul li a:hover .title,.cover-list ul li a:focus .title {
	text-decoration:underline;
}
.cover-list ul li .title {
	display:block;
	overflow:hidden;
	max-width:95%;
	margin-bottom:6px;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	line-height:1.4;
	font-weight:500;
}
.cover-list ul li .excerpt {
	display:block;
	overflow:hidden;
	max-width:95%;
	margin-bottom:10px;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:1.6;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.cover-list ul li .date {
	font-size:13px;
	color:var(--textColor2);
}
.cover-list .more {
	position:absolute;
	top:4px;
	right:0;
	font-weight:300;
	font-size:14px;
	color:var(--textColor2);
}
.cover-event {
	margin-bottom:30px;
}
.cover-event h2 {
	margin-bottom:15px;
	font-weight:500;
	font-size:22px;
}
.cover-event ul {
	display:inline-block;
	width:102.702702702702703%;
	margin-left:-2.702702702702703%;
	vertical-align:top;
}
.cover-event ul li {
	float:left;
	width:50%;
	padding-left:2.631578947368421%;
	margin:0 0 20px;
	box-sizing:border-box;
}
.cover-event ul li a {
	position:relative;
	display:block;
	padding-bottom:33.333333333333333%;
	background-color:#757575;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	text-decoration:none;
	color:#555;
	border-radius:10px;
}
.cover-event ul li a::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.15);
	border-radius:10px;
}
.cover-event ul li .title {
	position:absolute;
	top:15%;
	left:24px;
	z-index:10;
	overflow:hidden;
	max-width:60%;
	margin-bottom:7px;
	padding-top:9px;
	text-overflow:ellipsis;
	line-height:1.4;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#fff;
	font-size:16px;
	font-weight:500;
	text-shadow:1px 0 4px #000;
}
.cover-event ul li .more {
	position:absolute;
	bottom:10%;
	right:24px;
	z-index:10;
	text-decoration:underline;
	font-size:14px;
	color:#fff;
}
.cover-event ul li .meta {
	position:absolute;
	bottom:20.833333333333333%;
	left:24px;
	z-index:10;
	font-size:12px;
	color:#fff;
}
.cover-event ul li .meta span::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:7px 8px 9px 5px;
	background-color:#eee;
	vertical-align:middle;
}
.cover-event ul li .meta span:first-child::before {
	content:none;
}
.post-cover {
	position:relative;
	z-index:20;
	width:100%;
	box-sizing:border-box;
}
.post-cover .inner {
	position:relative;
	z-index:10;
	padding:0 0 30px;
	border-bottom:1px solid var(--borderColor);
	box-sizing:border-box;
}
.post-cover .category {
	display:block;
	font-size:14px;
	color:var(--textColorBlue);
	font-weight:500;
}
.post-cover h2 {
	margin:0 auto;
	font-weight:600;
	font-size:22px;
	line-height:1.4;
	color:var(--defaultText);
	letter-spacing: -0.01em;
	overflow:hidden;
	background: linear-gradient(90deg, #8980ed, #ec787f, #ffc170);
}
.post-cover a {
	text-decoration:none;
}
.post-cover .meta {
	display:block;
	margin:5px auto 0;
	font-size:13px;
	color:var(--textColor2);
}
.post-cover .meta a {
	color:var(--textColor2);
}
.post-cover .meta a::before,.post-cover .meta span::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:0 8px 0 4px;
	background-color:#d5d5d5;
	vertical-align:middle;
}
.post-cover .meta span:first-child::before {
	content:none;
}
.post-header {
	padding-top:4px;
}
.post-header h2 {
	margin-bottom:18px;
	font-size:22px;
	line-height:1.4;
	font-weight:500;
}
#tt-body-page figure img,figure {
	border-radius:8px;
}
#tt-body-archive .post-header span::before {
	content: "'";
}
#tt-body-archive .post-header span:after {
	content: "'에 등록된 글";
}
#tt-body-tag .post-header span::before {
	content:'#';
}
#tt-body-search .post-header span::before {
	content: "'";
}
#tt-body-search .post-header span:after {
	content: "'의 검색결과";
}
.post-header h2 em {
	margin-left:7px;
	font-style:normal;
	color:var(--defaultLink);
	font-size:20px;
}
.post-item {
	float:left;
	width:31.081081081081081%;
	margin:0 0 58px 3.378378378378378%;
}
.post-item:nth-child(3n+1) {
	clear:both;
	margin-left:0;
}
.post-item a {
	display:block;
	text-decoration:none;
}
.post-item a:hover .title,
.post-item a:focus .title {
	text-decoration:underline;
}
.post-item .thum {
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
	height:0;
	margin-bottom:5px;
	padding-bottom:60.869565217391304%;
	border-radius:10px;
	border:1px solid var(--borderColor);
}
.post-item .thum img {
	width:100%;
	height:auto;
	transform:translateY(-25%);
	-webkit-transform:translateY(-25%);
	-ms-transform:translateY(-25%);
		border-radius:10px;
}
.post-item .title {
	display:block;
	overflow:hidden;
	max-width:98%;
	margin-bottom:4px;
	padding-top:9px;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.4;
	font-weight:500;
}
.post-item .excerpt {
	display:block;
	overflow:hidden;
	max-width:95%;
	margin-bottom:15px;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:1.6;
	color:var(--textColor2);
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.post-item .meta {
	display:block;
	font-size:13px;
	color:var(--textColor2);
}
.post-item .meta span::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:0 8px 0 5px;
	background-color:#d2d2d2;
	vertical-align:middle;
}
.post-item .meta span:first-child::before {
	content:none;
}
.post-item.protected .thum::before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:34px;
	height:47px;
	margin:-24px 0 0 -17px;
	background:url(./images/ico_package.png) no-repeat 0 -120px;
	background-size:120px auto;
}
.not-found {
	display:block;
	width:100%;
	margin-bottom:35px;
}
.not-found li {
	position:relative;
	padding-left:10px;
	font-size:14px;
	line-height:2;
	color:var(--textColor2);
}
.not-found li::before {
	content:'';
	position:absolute;
	top:15px;
	left:0;
	width:2px;
	height:2px;
	background-color:#999;
}
.not-found .tag,.not-found .category,.not-found .archive {
	display:none;
}
#tt-body-tag .not-found ul,
#tt-body-category .not-found ul,
#tt-body-archive .not-found ul {
	display:none;
}
#tt-body-tag .not-found .tag,
#tt-body-category .not-found .category,
#tt-body-archive .not-found .archive {
	display:block;
}
.pagination {
	width:100%;
	text-align:center;
}
.pagination a,
.pagination span.blank {
	display:inline-block;
	padding:0 12px;
	font-size:14px;
	line-height:1.6;
	vertical-align:top;
	color:var(--textColor2);
}
.pagination a .selected{
	font-weight:600;
	color:var(--textColor1);
}
.pagination .prev,.pagination .next {
	width:22px;
	height:22px;
	border:1px solid var(--borderColor);
	border-radius:50%;
	background:url(./images/ico_package.png) no-repeat 0 -50px;
	text-indent:-999em;
	box-sizing:border-box;
	padding:0 !important;
}
.pagination .next {
	background-position-x:-50px;
}
.pagination .view-more {
	display:block;
	margin:0;
	padding:12px 0 11px;
	border:1px solid #ccc;
	text-align:center;
	font-size:16px;
	color:var(--textColor2);
	background:#eee;
	border-radius:10px;
}
.pagination .view-more:hover {
	text-decoration: none;
}
/* calendar */
.calendar {
	margin-bottom:20px;
}
.calendar .tt-calendar {
}
.calendar .tt-calendar caption {
	font-size:15px;
	margin-bottom:10px;
}
.calendar .tt-calendar caption a:first-child,
.calendar .tt-calendar caption a:last-child {
	position:relative;
	top:-2px;
	color:var(--textSideColor3);
	font-size:30px;
	padding:0 5px;
}
.calendar .tt-calendar caption a {
	vertical-align:middle;
	display:inline-block;
	padding:5px;
	color:var(--textSideColor1);
}
.calendar .tt-calendar caption a:hover {
	text-decoration:none;
}
.calendar .tt-calendar th,.calendar .tt-calendar td {
	padding:5px 0;
	text-align:center;
}
.calendar .tt-calendar th {
	font-size:14px;
	font-weight:normal;
	color:var(--textSideColor1);
}
.calendar .tt-calendar td {
	font-size:13px;
	color:var(--textSideColor3);
}
.calendar .tt-calendar .cal_week2,
.calendar .tt-calendar .cal_day_sunday {
	color:var(--defaultLink);
}
.calendar .tt-calendar td a {
	display:inline-block;
	color:var(--textColorBlue);
	border-radius:100%;
	width:22px;
	height:22px;
	line-height:22px;
}
.calendar .tt-calendar td a:hover {
	text-decoration:none
}
.calendar .tt-calendar .cal_day4 {
	color:var(--textColor1);
}
.calendar .tt-calendar .cal_day4 a {
	background:#39549a;
	color:#fff;
}
.tags {
	margin-bottom:20px;
	font-size:0;
}
.tags:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.tags h2 {
	margin-bottom:5px;
	font-weight:500;
	font-size:16px;
}
#content .tags a {
	display:inline-block;
	margin-right:15px;
	font-size:15px;
	line-height:30px;
	vertical-align:middle;
	color:var(--textColor2);
}
#content .tags a::before {
	content:'#';
}
.page-nav {
	margin:52px 0 60px 0;
	padding:23px 0 20px;
	border-top:1px solid var(--borderColor);
	border-bottom:1px solid var(--borderColor);
}
.page-nav a {
	display:block;
	overflow:hidden;
	padding-left:58px;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
	line-height:1.6;
	color:#555;
}
.page-nav a:hover,.page-nav a:focus {
	color:var(--defaultText);
}
.page-nav a strong {
	float:left;
	width:58px;
	margin-left:-58px;
	font-weight:400;
	color:#999;
}
.page-nav a strong:after {
	content:'';
	display:inline-block;
	width:1px;
	height:5px;
	margin:0 8px;
	background:url(./images/ico_package.png) no-repeat -150px -50px;
	vertical-align:middle;
}
.related-articles {
	margin-bottom:30px;
}
.related-articles h2 {
	margin-bottom:15px;
	font-weight:500;
	font-size:16px;
}
.related-articles ul {
	display:inline-block;
	width:101.621621621621622%;
	margin-left:-1.621621621621622%;
	vertical-align:top;
}
.related-articles ul li {
	float:left;
	width:25%;
	padding-left:1.621621621621622%;
	box-sizing:border-box;
}
.related-articles ul li:first-child {
	margin-left:0;
}
.related-articles ul li a {
	color:#555;
}
.related-articles ul li a:hover,
.related-articles ul li a:focus {
	color:var(--defaultText);
}
.related-articles ul li figure {
	display:block;
	width:100%;
	height:0;
	margin-bottom:9px;
	padding-bottom:68.181818181818182%;
	background-color:rgba(0,0,0,.1);
}
.related-articles ul li figure img {
	width:100%;
	height:auto;
}
.related-articles ul li .title {
	display:block;
	overflow:hidden;
	max-width:95%;
	font-size:14px;
	line-height: 1.4;
}
/* Entry Content */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	padding:0;
	margin:25px 0 25px 0;
	color:var(--defaultText);
	font-weight:600 !important;
	letter-spacing:-0.02em;
	line-height:1.4;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin:18px 0 18px 0;
}
.entry-content h1 {
	font-size:30px;
	color:var(--headTextColor1);
}
.entry-content h2 {
	font-size:26px;
	color:var(--headTextColor1);
}
.entry-content h3 {
	font-size:22px;
	color:var(--headTextColor1);
}
.entry-content h4 {
	font-size:18px;
	color:var(--headTextColor2);
}
.entry-content h5 {
	font-size:16px;
	color:var(--headTextColor3);
}
.entry-content h6 {
	font-size:14px;
	color:var(--headTextColor3);
}
.entry-content a {
	color:var(--defaultLink);
}
.entry-content {
	padding:20px 0;
}
.entry-content,
.entry-content p {
	margin-bottom:10px;
	word-break:break-all;
	font-size:16px;
	line-height:1.8;
	color:#393939;
	transition: font-size 0.3s ease-in-out;
}
.expanded .entry-content,
.expanded .entry-content p{
	font-size:1.1em;
}
.entry-content span code,
.entry-content p span code {
	background-color:#E9ECEF;
	padding:2px 5px;
	margin:0;
	font-size:16px;
	color:var(--textColor1);
	border-radius:3px;
}
.entry-content p img {
	max-width:100%;
	height:auto;
}
.entry-content figure {
	margin-top:20px !important;
	position:relative;
		top:0;
	transition:all .3s ease;
}
.entry-content figure:hover {
	top:-5px;
	transition:all .3s ease;
}
figure[data-ke-type='opengraph'],
#tt-body-page figure[data-ke-type='opengraph'] {
	position:relative;
	top:0;
	transition:all .3s ease;
}
figure[data-ke-type='opengraph']:hover,
#tt-body-page figure[data-ke-type='opengraph']:hover {
	top:-5px;
	box-shadow:0 0 10px var(--shadow1);
	transition:all .3s ease;
}
.entry-content hr {
	display:block;
	height:0;
	border:0;
	border-bottom:1px solid var(--defaultText);
}
.entry-content pre {
	word-break:break-all;
	white-space:pre-wrap;
	word-wrap:break-word;
	box-shadow:0 0px 10px rgb(0 0 0 / 20%);
}
.entry-content ul {
	list-style:disc inside;
	margin-bottom:22px;
}
.entry-content ul li {
	position:relative;
	padding-left:10px;
	text-indent:-10px;
	list-style:inherit;
}
.entry-content ol {
	list-style:decimal inside;
	margin-bottom:22px;
}
.entry-content ol li {
	position:relative;
	padding-left:10px;
	text-indent:-10px;
	list-style:inherit;
}
.entry-content ol li ul {
	margin:5px 0 30px;
}
.entry-content img.alignleft {
	float:left;
	margin:0 22px 22px 0;
}
.entry-content img.aligncenter {
	display:block;
	margin:0 auto 22px;
}
.entry-content img.alignright {
	float:right;
	margin:0 0 22px 22px;
}
.entry-content blockquote p {
	font-size:20px
}
.entry-content table {
	width:100%;
	margin-bottom:22px;
	border:1px solid #e6e6e6;
	border-collapse:collapse;
	text-align:left;
	font-size:14px;
	line-height:1.6;
	color:var(--defaultText);
}
.entry-content table caption {
	padding:10px 0;
}
.entry-content table th {
	padding:8px;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#f4f4f4;
	color:var(--textColor1);
	font-size:16px;
	text-align:center
}
.entry-content table td {
	padding:8px;
	border-left:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	color:var(--postText);
}
.entry-content input {
	height:36px;
	padding:0 10px;
	border:1px solid #e6e6e6;
	font-size:14px;
	line-height:1.25;
	color:var(--textColor2);
	box-sizing:border-box;
	vertical-align:middle;
}
.entry-content .entry-content .protected_form {
	margin-bottom:40px;
	padding:120px 0 200px;
	border-bottom:1px solid #7a583a;
	text-align:center;
}
.entry-content .entry-content .protected_form input {
	width:200px;
	margin-bottom:10px;
	vertical-align:top;
}
.entry-content .cap1 {
	text-align:center;
	font-size:14px;
	font-style:italic;
}
.entry-content .iframe-wrap {
	position:relative;
	height:0;
	padding-bottom:56.25%;
}
.entry-content .iframe-wrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.entry-content .protected_form {
	display:block;
	width:100%;
	padding:98px 0 120px;
	text-align:center;
}
.entry-content .protected_form h2 {
	margin:0 0 8px;
	font-weight:500;
	font-size:20px;
	line-height:1.6;
	color:#555;
}
.entry-content .protected_form p {
	margin-bottom:34px;
	font-weight:300;
	font-size:14px;
	line-height:1.75;
	color:#999;
}
.entry-content .protected_form input {
	width:183px;
	padding:0 23px;
	border:1px solid var(--borderColor);
	font-size:14px;
	line-height:1.6;
}
.entry-content .protected_form input:focus {
	border-color:#484848;
}
.entry-content .protected_form .btn {
	margin-left:5px;
}
.entry-footer {
	position:relative;
}
.entry-footer .heart_tooltip {
	position:absolute;
	left:0;
	top:-95px;
	background:#c04747;
	color:#fff;
	font-size:12px;
	padding:8px 12px;
	border-radius:15px;
	box-shadow:3px 3px 10px rgba(0,0,0,0.1);
	animation:moveUpDown 1s ease-in-out infinite alternate;
	display:flex;
	align-items:center;
}
figure.fileblock,
#tt-body-page figure.fileblock {
	background-color:#fafafa;
	border-radius:10px;
}
.entry-footer .heart_tooltip::after {
	position:absolute;
	left:18px;
	bottom:-6px;
	width:0;
	height:0;
	border-top:7px solid #c04747;
	border-right:7px solid transparent;
	border-left:7px solid transparent;
	content: '';
}
/* file box */
figure.fileblock .name,
#tt-body-page figure.fileblock .name{
	color:var(--textColor1);
}
figure.fileblock .size,
#tt-body-page figure.fileblock .size {
	color:var(--textColor2);
}
/* more */
div[data-ke-type='moreLess'],
#tt-body-page div[data-ke-type='moreLess']{
	position:relative;
	z-index:2;
}
div[data-ke-type='moreLess']::before,
#tt-body-page div[data-ke-type='moreLess']::before{
	position:absolute;
	top:18px;
	left:0;
	content:'';
	z-index:-1;
	display:block;
	width:100%;
	border:1px dashed var(--borderColor);
}
div[data-ke-type='moreLess'] .btn-toggle-moreless,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless{
	position:relative;
	display:inline-block;
	background-color:var(--defaultLink);
	border-radius:20px;
	padding:5px 20px 5px 10px;
	color:#fff;
}
div[data-ke-type='moreLess'] .btn-toggle-moreless::before,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless::before{
	content:'\f139';
	font-family:'Font Awesome\ 6 Free';
	font-weight:900;
	font-size:16px;
	margin-right:5px;
}
div[data-ke-type='moreLess'].open .btn-toggle-moreless::before,
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless::before{
	content:'\f13a';
}
div[data-ke-type='moreLess'].open .moreless-content,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content{
	padding:20px 0;
}

/* Comment */
.comments h3 {
	position:relative;
	margin-bottom:15px;
	font-weight:500;
	font-size:16px;
}
.comments h3 .count {
	margin-left:4px;
	color:#d33b64;
}
.comments h3 .reply_policy {
	position:absolute;
	top:0;
	right:0;
	color:#999;
	font-size:14px;
	font-weight:normal;
}
.comment-list {
	margin-bottom:60px;
	border-top:1px solid var(--borderColor);
}
.comment-list ul li {
	display:inline-block;
	width:100%;
	padding:32px 0 28px;
	vertical-align:top;
	box-sizing:border-box;
}
.comment-list .tt_more_preview_comments_wrap {
	padding:0;
	border:0;
}
.comment-list .tt_more_preview_comments_text {
	display:block;
	margin:-1px 0 0;
	padding:12px 0 11px;
	border:1px solid var(--borderColor);
	text-align:center;
	font-size:14px;
	color:#999;
}
.comment-list .tt_more_preview_comments_text:hover {
	text-decoration:underline;
}
.comment-list ul li .author-meta {
	position:relative;
	margin-bottom:7px;
	padding:2px 0 0 60px;
	font-size:14px;
	color:#999;
}
.comment-list ul li .author-meta a {
	color:#999;
}
.comment-list ul li .author-meta a::before,
.comment-list ul li .author-meta span::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:0 7px 0 5px;
	background-color:#e3e3e3;
	vertical-align:middle;
}
.comment-list ul li .author-meta .nickname {
	font-weight:700;
	color:#555;
}
.comment-list ul li .author-meta .nickname a {
	color:#555;
}
.comment-list ul li .author-meta .avatar {
	float:left;
	width:46px;
	height:46px;
	margin:-2px 0 0 -60px;
	border:1px solid var(--borderColor);
	border-radius:50%;
}
.comment-list ul li .author-meta .control {
	position:absolute;
	top:0;
	right:-9px;
	border-bottom:0;
}
.comment-list ul li .author-meta .control button {
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background:url(./images/ico_package.png) no-repeat -141px 5px;
	text-indent:-999em;
}
.comment-list ul li .author-meta .control .link {
	display:none;
	position:absolute;
	top:100%;
	left:-65px;
	width:70px;
	text-align:center;
}
.comment-list.reply ul li .author-meta .control .link {
	display:block
}
.comment-list ul li .author-meta .control .link a {
	display:block;
	margin-top:-1px;
	border:1px solid #e0e0e0;
	background-color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:1.6;
	color:var(--defaultText);
	padding:6px 0;
}
.comment-list ul li .author-meta .control .link a:focus,
.comment-list ul li .author-meta .control .link a:hover {
	background-color:#fafafa;
	color:var(--defaultText);
}
.comment-list ul li .author-meta .nickname::before,
.comment-list ul li .author-meta .nickname a::before,
.comment-list ul li .author-meta .control::before,
.comment-list ul li .author-meta .control a::before {
	content:none;
}
.comment-list ul li p {
	max-width:85%;
	padding:0 0 0 60px;
	font-size:14px;
	line-height:1.6;
	color:var(--textColor2);
	box-sizing:border-box;
	word-break:break-all;
}
.comment-list ul li .reply {
	display:inline-block;
	margin-top:10px;
	font-size:14px;
	color:#999;
}
.comment-list ul li ul {
	margin:28px 0 -32px 0;
	padding:26px 0 21px;
	background-color:#fafafa;
}
.comment-list ul li ul li {
	padding:14px 0 15px 60px;
	border-bottom:0;
}
.comment-list ul li ul li .author-meta {
	margin-bottom:8px;
}
.comment-list ul li ul li .author-meta .control {
	right:15px;
}
.comment-list ul li ul li .author-meta .avatar {
}
.comment-list ul li ul li p {
	max-width:80%;
}
.comment-list ul li ul .tt_more_preview_comments_wrap {
	display:block;
}
.comment-list ul li ul .tt_more_preview_comments_text {
	margin-bottom:16px;
	border-top:0;
	border-left:0;
	border-right:0;
}
.comment-list ul li ul .tt_more_preview_comments_text:first-child {
	margin-top:-24px;
	padding:12px 0 11px;
}
.comment-form {
	position:relative;
	margin-bottom:30px;
}
.comment-form .field {
	overflow:hidden;
	margin-bottom:-1px;
	border:1px solid var(--borderColor);
}
.comment-form .field input[type='text'],
.comment-form .field input[type='password'] {
	float:left;
	width:50%;
	padding:12px 16px;
	border:0;
	border-left:1px solid var(--borderColor);
	font-size:14px;
	color:var(--textColor2);
	box-sizing:border-box;
}
.comment-form .field input:first-child {
	border-left:0;
}
.comment-form textarea {
	display:block;
	width:100%;
	margin-bottom:20px;
	padding:16px 100px 16px 16px;
	border:1px solid var(--borderColor);
	font-size:14px;
	color:var(--textColor2);
	box-sizing:border-box;
	resize:none;
}
.comment-form input::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
	color:#999;
}
.comment-form .secret {
	position:absolute;
	left:0;
	bottom:8px;
}
.comment-form .secret input {
	display:none;
}
.comment-form .secret label {
	display:inline-block;
	font-size:14px;
	line-height:1.6;
	color:var(--textColor2);
	outline:none;
	cursor:pointer;
}
.comment-form .secret label::before {
	content:'';
	display:inline-block;
	width:19px;
	height:18px;
	margin-right:12px;
	border:1px solid #e1e1e1;
	vertical-align:top;
	background-color:#fff;
}
.comment-form .secret input[type='checkbox']:checked+label::before {
	background:url(./images/ico_package.png) no-repeat -47px 4px;
}
.comment-form .submit {
	text-align:right;
}
.comment-form .submit button {
	background-color:var(--defaultText);
	color:#fff;
}
.comment-form .submit button:hover,.comment-form .submit button:focus {
	background-color:#39549a;
}
.tt-wrap-cmt .tt_desc {
	color:var(--textColor2) !important;
	line-height: 1.6 !important;
}
.tt-wrap-cmt .tt-link-user{
	margin-right:5px;
}
/* Aside(sidebar) */
.sidebar h2 {
	margin-bottom:10px;
	font-weight:500;
	font-size:15px;
	color:var(--textSideColor1);
}
.sidebar ul li {
	padding:4px 0 5px;
	font-size:13px;
	line-height:1.6;
	color:var(--textSideColor2);
}
.sidebar ul li a {
	color:var(--textSideColor2);
}
.sidebar ul li a:hover {
	color:var(--textSideColor1);
}
.sidebar .ad_sky_fixed {
	position:absolute;
	top:0;
}
.layout-aside-left .sidebar .ad_sky_fixed {
	left:-175px;
}
.layout-aside-right .sidebar .ad_sky_fixed {
	right:-175px;
}
.sidebar.aside-fixed .ad_sky_fixed {
	position:fixed;
	top:45px;
	left:50%;
}
.layout-aside-left .sidebar.aside-fixed .ad_sky_fixed {
	margin-left:-725px;
}
.layout-aside-right .sidebar.aside-fixed .ad_sky_fixed {
	margin-left:565px;
}
.sidebar .ad_sky_fixed .subscribe button {
	position:relative;
	z-index:1;
	display:block;
	width:160px;
	height:40px;
	margin-top:2px;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-size:14px;
	background-color:var(--defaultText);
	border-radius:8px;
	font-family:'SCDream4';
	opacity:0;
	overflow:hidden;
}
.sidebar.aside-fixed .ad_sky_fixed .subscribe button {
	animation:slideDownSky 0.3s ease forwards;
	animation-delay:3s;
}
.sidebar .ad_sky_fixed .subscribe button em {
	font-style:normal;
}
.sidebar.aside-fixed .ad_sky_fixed .subscribe button i.fa {
	animation:bellRing 0.3s;
	animation-delay:5s;
	transform-origin:center center;
	animation-iteration-count:5;
}
.sidebar.aside-fixed .ad_sky_fixed .subscribe button::before {
	content:'';
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:var(--defaultLink);
	transition:left 0.3s ease;
}
.sidebar.aside-fixed .ad_sky_fixed .subscribe button:hover::before {
	left:0;
}
.sidebar.aside-fixed .ad_sky_fixed .subscribe button:hover i.fa {
	animation:bellRing 0.5s;
	animation-delay:0s;
	animation-iteration-count:infinite;
}
.sidebar .revenue_unit_wrap{
	margin:0 !important;
}
.sidebar .sidebar-2 {
	padding:20px 0 0;
	border-top:1px solid var(--borderColor);
}
.sidebar .category {
	padding-top:10px;
	margin-bottom:10px;
}
.sidebar .category ul li {
	padding:0;
	font-size:14px;
	font-weight:500;
}
.tt_category img {
	display:none;
}
.tt_category img.new{
	width:12px;
	vertical-align:middle;
}
.sidebar .category ul li a {
	display:block;
}
.sidebar .category ul li .link_item {
	position:relative;
	height:38px;
	line-height:38px;
	font-weight:500;
    padding:0 38px 0 12px;
    background-color:#e4e7f1;
    border-radius:8px;
    border:1px solid rgb(0 0 0 / 5%);
	color:var(--textSideColor2);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.sidebar .category .toggle{
	position:absolute;
	right:0;
	top:0;
	height:38px;
	width:38px;
	line-height:38px;
	cursor:pointer;
	display:block;
	z-index:2;
	border-left: 1px solid rgb(0 0 0 / 6%);
}
.sidebar .category_list>li .toggle::after{
	position:absolute;
	content:'\f105';
	font-family:'Font Awesome\ 6 Free';
	font-weight:900;
	text-align:center;
	font-size:16px;
	color:var(--textColor3);
	opacity:.5;
	right:0;
	top:0;
	height:38px;
	width:38px;
	line-height:38px;
	cursor:pointer;
	display:block;
	z-index:1;
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
}
.sidebar .category_list li.selected a.link_item{
	font-weight:700;
	color:var(--textColorBlue);
}
.sidebar .category_list li .link_item:hover{
	text-decoration:none;
}
.sidebar .category_list>li.selected .toggle::after{
	transform: rotate(90deg);
}
.sidebar .category_list>li.no_sub .toggle::after{
	display:none;
}
.sidebar .category ul li a.link_tit {
	font-weight:500;
	color:#1b1f2b;
	font-size:15px;
}
.sidebar .category ul li .c_cnt {
	color:var(--textSideColor3);
	font-size:12px;
	font-weight:normal;
}
.sidebar .category ul li .link_item .c_cnt{
	color:var(--textSideColor2);
}
.sidebar .category ul li ul {
	padding-top:10px;
}
.sidebar .category ul li ul li {
	position:relative;
	padding:0 0 5px 0;
	font-weight:400;
	font-size:13px;
}
.sidebar .category ul li ul li ul.sub_category_list{
	padding-bottom:10px;
}
.sidebar .category ul li ul li ul {
	overflow:hidden;
	padding-top:10px;
}
.sidebar .category ul li ul li ul.sub_category_list{
	display:none;
}
.sidebar .category ul li ul li.selected ul.sub_category_list{
	display:block;
}
.sidebar .category ul li ul li ul li {
	position:relative;
	padding:3px 0 3px 20px;
	font-size:13px;
}
.sidebar .category ul li ul li ul li.selected a {
	font-weight:600;
}
.sidebar .category ul li ul li ul li::before {
	content:'';
	position:absolute;
	top:13px;
	left:0;
	width:7px;
	height:1px;
	background-color:rgba(0,0,0,.2);
}
.sidebar .category ul li ul li ul li.selected::before{
	display:none;
}
.sidebar .category ul li ul li ul li.selected::after{
	content:'\f061';
	font-family: "Font Awesome\ 6 Free";
	font-weight:900;
	position:absolute;
	left:0;
	top:5px;
	color:rgba(0,0,0,.5);
	font-size:12px;
}
.sidebar .category ul li ul li ul li a {
	color:var(--textSideColor2);
	background:none;
}
.sidebar .category ul li ul li ul li a:hover {
	text-decoration:underline;
}
.sidebar .notice {
	margin-bottom:20px;
}
.sidebar .recent-comment {
	margin-bottom:20px;
}
.sidebar .recent-comment ul li a {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	position:relative;
}
.sidebar .recent-comment ul li a::before {
	content:'';
	display:inline-block;
	width:3px;
	height:3px;
	margin:7px 6px 9px 5px;
	background-color:#aaa;
	vertical-align:middle;
}
.sidebar .post-list {
	margin-bottom:30px;
}
.sidebar .post-list h2 {
	margin-bottom:12px;
}
.sidebar .post-list ul li {
	overflow:hidden;
	margin-bottom:18px;
	padding:0;
	position:relative;
}
.sidebar .post-list ul li img {
	float:right;
	width:58px;
	height:58px;
	margin:2px 0 0 20px;
		border-radius:8px;
	border:1px solid var(--borderColor);
}
.sidebar .post-list ul li a {
	display:block;
	overflow:hidden;
	text-decoration:none;
	min-height:60px;
	padding-left:35px;
}
.sidebar .post-list #comment ul li {
	margin-bottom:12px;
}
.sidebar .post-list #comment ul li a {
	min-height:auto;
}
.sidebar .post-list ul li a:before {
	display:inline-block;
	position:absolute;
	top:2px;
	left:0;
	line-height:1.4;
	min-width:10px;
	height:16px;
	padding:0 3px;
	border-radius:3px;
	background:#aaa;
	color:#fff;
	text-align:center;
	font-size:12px;
}
.sidebar .post-list #recent ul li a:before {
	content:'최근';
	background:#39549a;
}
.sidebar .post-list #popular ul li a:before {
	content:'인기';
	background:#c04747;
}
.sidebar .post-list #comment ul li a:before {
	content:'댓글';
}
.sidebar .post-list ul li a:hover .title {
	text-decoration:underline;
}
.sidebar .post-list ul li .title {
	display:block;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.sidebar .post-list ul li .date {
	display:block;
	margin-top:6px;
	font-size:12px;
	line-height:1;
}
.sidebar .social-list {
	margin-bottom:46px;
}
.sidebar .social-list h2 {
	margin-bottom:18px;
}
.sidebar .social-list .tab-list {
	overflow:hidden;
	width:100%;
}
.sidebar .social-list ul li {
	margin-bottom:15px;
	padding:0 0 0 48px;
}
.sidebar .social-list ul li a {
	display:block;
	text-decoration:none;
}
.sidebar .social-list ul li a:hover .text {
	text-decoration:underline;
}
.sidebar .social-list ul li .avatar {
	float:left;
	overflow:hidden;
	width:40px;
	height:40px;
	margin-left:-48px;
	border-radius:50%;
}
.sidebar .social-list ul li .title {
	display:block;
}
.sidebar .social-list ul li .date {
	display:block;
	margin-top:6px;
	font-size:12px;
	color:var(--textColor2);
}
.sidebar .keyboard_info {
	margin-bottom:20px;
	border:1px solid var(--borderColor);
	border-radius:10px;
	padding:10px 15px;
	box-shadow:0 0 5px rgb(0 0 0 / 20%);
}
.sidebar .keyboard_info h2 {
	margin:0;
}
.sidebar .keyboard_info h2 a {
	color:#202533;
}
.sidebar .keyboard_info .btn_key {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}
.sidebar .keyboard_info.on .btn_key {
	color:#0b0b09;
}
.sidebar .keyboard_info .btn_key:hover {
	text-decoration:none;
}
.sidebar .keyboard_info .btn_key i {
	font-size:16px;
}
.sidebar .keyboard_info .info {
	display:none;
	padding-bottom:10px;
	color:#3a392e;
}
.sidebar .keyboard_info.on {
	background-color:rgb(255 250 205 / 40%);
}
.sidebar .keyboard_info.on .info {
	display:block;
}
.sidebar .keyboard_info .info .info_tit {
	display:block;
	margin-top:10px;
	padding:5px 0 5px 10px;
	font-size:13px;
	font-weight:500;
	position:relative;
}
.sidebar .keyboard_info .info .info_tit:before {
	display:block;
	width:3px;
	height:3px;
	content:'';
	position:absolute;
	top:13px;
	left:0;
	background:#ccc;
}
.sidebar .keyboard_info .info em {
	font-style:normal;
	color:var(--textColorBlue);
}
#aside .tags {
	margin:0 0 40px;
	padding:0;
	font-size:12px;
}
#aside .tags .tags_list a {
	float:none;
	display:inline-block;
	margin:0;
	padding:5px 8px 5px 0;
	border:0;
	font-size:13px;
	line-height:1.2;
	color:var(--textSideColor2);
}
#aside .tags a:after {
	content:',';
}
#aside .tags a:last-child:after {
	content:none;
}
#aside .tags a:hover,#aside .tags a:focus {
	color:var(--textSideColor1);
}
.sidebar .count {
	margin:20px 0 20px;
}
.sidebar .count p {
	margin-bottom:6px;
	font-size:12px;
	color:var(--textSideColor2);
}
.sidebar .count .stats_gp {
	margin-top:10px;
	border-radius:5px;
	margin-bottom:10px;
	border:1px solid var(--borderColor);
	background:#fff;
	padding:5px
}
.sidebar .count .total {
	margin-bottom:12px;
	font-weight:500;
	font-size:14px;
	color:var(--textSideColor2);
}
.sidebar .social-channel ul {
	overflow:hidden;
	width:100%;
}
.sidebar .social-channel ul li {
	float:left;
	margin-left:10px;
	margin-bottom:20px;
	padding:0;
}
.sidebar .social-channel ul li:first-child {
	margin-left:0;
}
.sidebar .social-channel ul li a {
	display:block;
	width:34px;
	height:34px;
	border:1px solid var(--borderColor);
	border-radius:50%;
	text-indent:-999em;
	background:url(./images/ico_package.png) no-repeat 0 -100px;
}
.sidebar .social-channel ul li.youtube a {
	background-position-x:-50px;
}
.sidebar .social-channel ul li.instagram a {
	background-position-x:-100px;
}
.sidebar .social-channel ul li.twitter a {
	background-position-x:-150px;
}
.sidebar .social-channel ul li a:focus,
.sidebar .social-channel ul li a:hover {
	background-color:#757575;
	background-position-y:-150px;
}
.sidebar .tab-ui [role='tablist'] {
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.sidebar .tab-ui [role='tablist'] a {
	display:inline-block;
	color:var(--textSideColor3);
	padding:8px;
	border-bottom:1px solid #aaa;
	text-align:center;
	width:100%;
	font-size:14px;
}
.sidebar .tab-ui [role='tablist'] a:hover {
	text-decoration:none;
}
.sidebar .tab-ui [role='tablist'] a.current {
	color:var(--textSideColor1);
	background:transparent;
	border:1px solid var(--borderColor5);
	border-bottom-color:transparent;
	border-radius:8px 8px 0 0;
}
.sidebar .adfit {
	margin-bottom: 30px;
}
/* ETC */
#dimmed {
	position:fixed;
	top:0;
	left:0;
	z-index:997;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	backdrop-filter:blur(.8px);
	-webkit-backdrop-filter:blur(.8px);
}
.mobile-menu {
	overflow:hidden;
	height:100%;
	touch-action:none;
}
.slide-wrap {
	overflow:hidden;
}
#content .ad_post {
	padding-bottom:30px;
	overflow: hidden
}
/* Overwrite */
#content .another_category {
	margin:60px 0 57px !important;
	padding:16px 20px 14px;
}
#content .another_category h4 {
	margin:0 0 13px !important;
	;
	padding:0 !important;
	border-bottom:0 !important;
	font-size:14px !important;
}
#content .another_category table {
	margin:0 !important;
	border:0;
}
#content .another_category th {
	padding:2px 0 !important;
	font-size:13px !important;
}
#content .another_category th a.current {
	text-decoration:underline !important;
	font-weight:400;
	color:var(--defaultText) !important;
	border:0 !important;
}
#content .another_category td {
	padding:2px 0 !important;
	border:0;
	font-size:13px !important;
}
.container_postbtn {
	padding:60px 0 0 0 !important;
}
.tt_box_namecard {
	border-radius:10px;
}
.tt_box_namecard .tt_wrap_thumb .tt_thumb_g {
	border-radius:15px
}
.tt_box_namecard .tt_tit_cont {
	font-weight:500 !important;
	color:var(--defaultText);
}
.absent_post::before {
	content:'죄송합니다만 \A글을 찾지 못했습니다.';
	display:block;
	margin-bottom:7px;
	font-weight:bold;
	font-size:1.75em;
	line-height:1.285714285714286;
	color:#555;
	white-space:pre;
}
.absent_post {
	padding:98px 0 !important;
	background:none !important;
	font-weight:normal !important;
	font-size:13px !important;
	line-height:1.75;
	color: #999 !important;
}
/* Option */
.layout-aside-left #aside {
	margin-left:0;
	padding:10px 25px 0 5px;
	order:-1;
}
.layout-aside-left #aside .sidebar .category {
	padding-left:5px;
}
.layout-aside-left #container .content-wrap::before {
}
.list-type-vertical .post-item {
	margin-bottom:38px;
}
.list-type-vertical .post-item .thum {
	margin-bottom:3px;
	padding-bottom:125%;
}
.list-type-vertical .post-item .thum img {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
}
.list-type-vertical .post-item .title {
	margin-bottom:5px;
}
.list-type-vertical .post-item .meta span.date::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:7px 8px 9px 5px;
	background-color:#d2d2d2;
	vertical-align:middle;
}
.list-type-vertical .post-item .meta span:first-child::before {
	content:none;
}
.list-type-thumbnail .post-header {
	margin-bottom:28px;
	padding-bottom:18px;
	border-bottom:1px solid var(--borderColor);
}
.list-type-thumbnail .post-header h2 {
	margin-bottom:0;
}
.list-type-thumbnail .post-item {
	float:none;
	overflow:hidden;
	width:100%;
	margin:0 0 30px;
}
.list-type-thumbnail .post-item .thum {
	display:inline;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:0;
}
.list-type-thumbnail .post-item .thum img {
	float:right;
	width:100px;
	height:auto;
	margin-left:30px;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-ms-transform:translateY();
	border:1px solid var(--borderColor);
}
.list-type-thumbnail .post-item.protected .thum {
	float:right;
	width:126px;
	height:166px;
	margin-left:57px;
	border:1px solid #f1f1f1;
	background-color:#f8f8f8;
}
.list-type-thumbnail .post-item .title {
	max-width:95%;
	margin-bottom:10px;
	padding-top:7px;
	font-size:16px;
}
.list-type-thumbnail .post-item .excerpt {
	overflow:hidden;
	margin-bottom:10px;
	font-size:14px;
	line-height:1.6;
}
.list-type-thumbnail .post-item .meta .comment {
	color:var(--textColorBlue);
}
.list-type-thumbnail .post-item span.date::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:7px 8px 9px 5px;
	background-color:#d2d2d2;
	vertical-align:middle;
}
.list-type-thumbnail .post-item .meta span:first-child::before {
	content:none;
}
.list-type-text .post-header {
	margin-bottom:38px;
	padding-bottom:18px;
	border-bottom:1px solid var(--borderColor);
}
.list-type-text .post-header h2 {
	margin-bottom:0;
}
.list-type-text .post-item {
	float:none;
	overflow:hidden;
	width:100%;
	margin:0 0 35px;
}
.list-type-text .post-item .thum {
	display:none;
}
.list-type-text .post-item .title {
	max-width:96%;
	margin-bottom:10px;
	padding-top:0;
	font-size:16px;
}
.list-type-text .post-item .excerpt {
	max-width:96%;
	margin-bottom:20px;
	font-size:14px;
	line-height:1.6;
}
.list-type-text .post-item .meta .comment {
	color:var(--textColorBlue);
}
.list-type-text .post-item span.date::before {
	content:'';
	display:inline-block;
	width:2px;
	height:2px;
	margin:7px 8px 9px 5px;
	background-color:#d2d2d2;
	vertical-align:middle;
}
.list-type-text .pagination {
	margin-top:36px;
}
.ad_main {
	margin-bottom:20px
}
.cover-ad h2 {
	margin-bottom:10px;
	font-weight:500;
	font-size:14px;
	color:var(--defaultText);
}
.footer-top {
	position:relative;
	width:100%;
	padding:30px 0 25px;
	border-bottom:1px solid var(--borderColor2);
}
.footer-top .container {
	padding:0 10px;
}
.footer-top-content {
	position:relative;
	display:flex;
}
.footer-top-content .footer-top-logo {
	height:auto;
	font-size:20px;
	font-weight:600;
	margin:5px 30px 0 0;
}
.footer-top-content .footer-top-logo img{
	height:25px;
}
.footer-top-content .footer-top-info {
	position:relative;
	margin-bottom:0;
	word-break:keep-all;
	font-size:13px;
	padding-right:160px;
	color:var(--textColor2);
}
.footer-top-content .footer-top-info .desc {
	margin-top:5px;
	color:var(--textColor2);
}
.footer-top-content .footer-top-info .corp_info{
	margin:2px 0 20px;
	font-size:12px;
}
.footer-top-content .footer-top-info strong {
	color:#353535;
	font-weight:normal;
}
.footer-top-content .footer-top-info span::before {
	display:inline-block;
	content:'';
	margin-left:6px;
	margin-right:7px;
	background:#d5d5d5;
	width:1px;
	height:12px;
	position:relative;
	top:2px;
}
.footer-top-content .footer-top-info span:first-child::before{
	display:none;
}
.footer-top-content .footer-top-info a,
.footer-top-content .footer-top-info a:hover {
	color:var(--textColor1);
}
.footer-top-content .footer-top-info .btn-e-xs {
	line-height:11px;
	color:#fff;
	text-decoration:none;
}
#footer {
	position:relative;
}
#footer .footer-left>ul {
	margin:0;
}
#footer .footer-left>ul>li {
	color:var(--defaultText);
	font-size:13px;
	line-height:50px;
	border-right:1px solid #e5e5e5;
	padding:0 10px;
}
#footer .footer-left>ul>li:last-child {
	border-right:0;
	box-shadow:none;
}
#footer .footer-left>ul>li:last-child a {
	margin-right:15px;
	color:var(--textColor2);
}
#footer .footer-left>ul>li:last-child a:hover {
	text-decoration:underline;
}
#footer .footer-left>ul>li strong {
	font-weight:500;
}
#footer .footer-left .dropup .footer-info-btn {
	display:inline-block;
	cursor:pointer;
	box-shadow:none;
	color:var(--defaultText);
}
#footer .footer-left .dropup .footer-info-btn i,
#footer .footer-left .dropup .footer-info-btn svg{
	transition: all .3s ease;
	margin-left:5px;
}
#footer .footer-left .dropup.open .footer-info-btn i,
#footer .footer-left .dropup.open .footer-info-btn svg{
	transform: rotate(-180deg);
	transition: all .3s ease;
}
#footer .footer-left .dropup .dropdown-menu>li>a {
	font-size:12px
}
#footer .footer-left .dropup.open .dropdown-menu {
	display:block;
}
#footer .footer-right {
	text-align:right;
	padding-right:0;
	overflow:hidden;
	color:#656565;
	font-size:12px;
	line-height:50px;
	margin-bottom:0;
}
.dropdown-menu {
	position:absolute;
	bottom:100%;
	left:5px;
	z-index:1000;
	display:none;
	padding:5px 0 10px;
	min-width:160px;
	font-size:14px;
	text-align:left;
	list-style:none;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,.15);
	border-radius:15px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
	box-shadow:0 0 5px rgba(0,0,0,.1);
	overflow:hidden;
	width:100%;
}
.dropdown-menu>li>span {
	display:block;
	padding:10px 20px;
	clear:both;
	font-weight:400;
	line-height:1.4;
	color:#333;
	white-space:nowrap;
	font-size:12px;
}
.dropdown-menu>li>a {
	display:block;
	padding:5px 20px;
	clear:both;
	font-weight:400;
	line-height:1.4;
	color:var(--defaultText);
	white-space:nowrap;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dropdown-menu>li>a:hover {
	text-decoration:none;
	background-color:var(--background);
}
.dropdown-menu .divider {
	height:1px;
	overflow:hidden;
	background-color:#e5e5e5;
}
.dropdown-menu .divider+li {
	padding-top:10px;
}
#footer .footer-link {
	position:relative;
	margin:5px 0 0 auto;
	width:160px;
}
#footer .footer-link-btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
	text-align:center;
	padding:5px 10px 5px 20px;
	border:1px solid rgba(0,0,0,.15);
	width:100%;
	box-sizing:border-box;
	border-radius:15px;
	cursor:pointer;
	font-size:13px;
	color:var(--textColor2);
	background-color:rgba(255,255,255,.5);
}
#footer .footer-link-btn i,
#footer .footer-link-btn svg {
	transform:rotate(180deg);
	transition:all .3s ease;
	color:var(--textColor3);
}
#footer .footer-link .btn-group.open .footer-link-btn {
	background-color:rgba(255,255,255,.8);
	color:var(--textSideColor1);
}
#footer .footer-link .btn-group.open .footer-link-btn i,
#footer .footer-link .btn-group.open .footer-link-btn svg {
	transform:rotate(0);
	color:var(--textSideColor1);
}
#footer .footer-link .dropdown-menu {
	display:none;
	bottom:0;
	left:0;
	box-shadow:none;
}
#footer .footer-link .dropdown-menu>li>a{
	position:relative;
	color:var(--textSideColor2);
	padding:5px 20px 5px 25px;
}
#footer .footer-link .dropdown-menu>li>a:hover{
	background-color:var(--background);
}
#footer .footer-link .dropdown-menu>li:first-child span{
	color:var(--textSideColor1);
	font-size:13px;
}
#footer .footer-link .dropdown-menu>li>a::before{
	content:'';
	position: absolute;
    top: 13px;
    left: 15px;
	width:3px;
	height:3px;
	background-color: rgba(0, 0, 0, .2);
}
#footer .footer-link .btn-group.open .dropdown-menu {
	display:block;
	bottom:calc(100% + 5px);
	max-height:300px;
	overflow:auto;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
	box-shadow:0 0 5px rgba(0,0,0,.1);
}

/* scroll */
.dropdown-menu::-webkit-scrollbar-track {
    background-color: transparent;
}
.dropdown-menu::-webkit-scrollbar-thumb {
    background-color:var(--scrollThumb);
    border-radius: 10px;
}
.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color:var(--scrollThumbHover);
}
.dropdown-menu {
    scrollbar-width: 6px;
	scroll-behavior: smooth;
}
.dropdown-menu::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.dropdown-menu::-webkit-scrollbar-button {
    width: 6px;
    height: 6px;
    background: transparent;
}
.kakao_ch{
	margin-bottom:20px;
	border-top: 1px solid var(--borderColor2);
    padding-top: 20px;
}
.kakao_ch img{
	width:20px;
	border-radius:50%;
}
.eb-backtotop {
	position:fixed;
	right:20px;
	bottom:60px;
	height:46px;
	width:46px;
	cursor:pointer;
	display:block;
	-webkit-border-radius:50% !important;
	-moz-border-radius:50% !important;
	border-radius:50% !important;
	box-shadow:inset 0 0 0 2px rgba(255,255,255,0.15);
	background:#fff;
	z-index:996;
	opacity:0;
	visibility:hidden;
	transform:translateY(15px);
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.eb-backtotop.active-progress {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.eb-backtotop:after {
	position:absolute;
	content:'\f106';
	font-family:'Font Awesome\ 6 Free';
	font-weight:900;
	text-align:center;
	font-size:16px;
	color:#757575;
	left:0;
	top:0;
	height:46px;
	width:46px;
	line-height:28px;
	cursor:pointer;
	display:block;
	z-index:1;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.eb-backtotop:hover:after {
	color:var(--defaultLink);
}
.eb-backtotop svg path {
	fill:none;
}
.eb-backtotop svg.backtotop-progress path {
	stroke:#b5b5b5;
	stroke-width:4;
	box-sizing:border-box;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.eb-backtotop .progress-count {
	display:block;
	position:absolute;
	bottom:8px;
	left:0;
	right:0;
	font-size:11px;
	text-align:center;
	color:#a5a5a5;
}
.eb-backtotop {
	box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15);
}
.eb-backtotop:after {
	color:#2b2b2e;
}
.eb-backtotop svg.backtotop-progress path {
	stroke:#cc2300;
}
.entry-content .adsbygoogle {
	overflow:hidden;
	margin:20px 0 !important;
	height:auto !important;
}
#aside .adsbygoogle {
	margin:0 0 20px 0 !important;
}
#aside .social_channel ul{
	display:flex;
	overflow:hidden;
	gap:2px;
	justify-self:start;
	margin-bottom:10px;
}
#aside .social_channel li a {
	position:relative;
	overflow:hidden;
	display:inline-block;
	width:35px;
	height:35px;
	text-indent:-999em;
}
#aside .social_channel li a:hover{
	text-decoration:none;
}
#aside .social_channel li a::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:30px;
	height:30px;
	text-indent:-999em;
	background:url(./images/ico_sns.png) no-repeat;
	background-size:auto 30px;
}
#aside .social_channel li.facebook a::before {
	background-position:0 0;
}
#aside .social_channel li.twitter a::before {
	background-position:-30px 0;
}
#aside .social_channel li.instagram a::before {
	background-position:-60px 0;
}
#aside .social_channel li.email a::before {
	background-position:-90px 0;
}
.container {
	width:1100px;
}
#aside #chart-time {
	color:var(--textColor2) !important;
	padding-bottom:15px;
}
#container .content-wrap::before {
	left:71.5%;
}
.revenue_unit_item.adfit,.revenue_unit_item:not(.responsive) {
	display:block !important;
}
.footer-site-name,#footer .dropup {
	display:none;
}
#footer .footer-left {
	position:absolute;
	top:0;
	left:0;
}
#footer .footer-right {
	position:absolute;
	top:0;
	right: 15px;
}

/* 알림팝업 */
.layer_alert{
	display:none;

}
#tt-body-index .layer_alert {
	position: fixed;
	bottom: 0;
    left: -300px;
	margin-bottom: 20px;
    align-items: baseline;
    background: rgb(255, 255, 255);
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    width: 250px;
    z-index: 9999;
    box-sizing: border-box;
    padding: 36px 24px 24px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    border-radius: 8px;
}
#tt-body-index .layer_alert.show_ani {
    display: flex;
    animation: bounceIn .8s forwards;
}
#tt-body-index .layer_alert.hide_ani {
    animation: slideOut .8s forwards;
}
#tt-body-index .layer_alert::before{
	display:inline-block;
	content:'';
	position: absolute;
    top: 0;
    width: 80px;
	height:80px;
    left: 50%;
    transform: translate(-50%, -50%);
	background:url(./images/icon_alert.png) no-repeat 50% 50%;
	background-size:80px auto;
}
#tt-body-index .layer_alert h3{
	font-size:18px;
	color:var(--textColor1);
	line-height:1.4;
	margin-bottom:5px;
}
#tt-body-index .layer_alert .cont_box{
	width:100%;
}
#tt-body-index .layer_alert .cont{
	font-size:14px;
	color:var(--textColor2);
	line-height:1.6;
}
#tt-body-index .layer_alert figure{
	margin:0 auto;
	padding:15px 10px 10px;
	text-align:center;
}
#tt-body-index .layer_alert figure img{
	max-width:200px;
}
#tt-body-index .layer_alert .today_check{
	display:block;
	text-align:center;
	width:100%;
	text-decoration:underline;
	color:var(--textColor3);
	font-size:12px;
	padding:15px 0 5px;
}
#tt-body-index .layer_alert .btn_view{
	display:inline-block;
	position:relative;
	background: rgb(0, 193, 162);
    border: 0;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
    color:#fff;
    cursor: pointer;
    padding: 10px 15px;
    margin:20px auto 0;
    min-width: 100px;
	width:100%;
	text-align:center;
    font-size: 15px;
    font-style: normal;
    white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:700;
}
#tt-body-index .layer_alert .btn_view::before{
	content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 80%);
    animation: skeleton 1.5s infinite;
	transform: rotate(-45deg);
}
#tt-body-index .layer_alert .btn_view:hover{
	text-decoration:none;
}
#tt-body-index .layer_alert .close{
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	font-size:18px;
	color:var(--textColor2);
}
/* 목차 */
.toc {
	font-size:14px;
	margin:10px 0 30px 0;
	user-select:none;
	padding:15px 20px 10px 20px;
	border-radius:20px;
	background:#f6f6f6;
	height:70px;
}
.toc.on {
	height:auto;
	padding-bottom:15px;
}
.toc .toc-header {
	display:flex;
	align-items:center;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.toc.on .toc-header {
	padding-bottom:15px;
	border-bottom:1px solid var(--borderColor);
}
.toc .toc-header h2 {
	font-size:18px;
	margin:0;
}
.toc .toc-header .toc-icon {
	margin-right:6px;
}
.toggle-btn {
	cursor:pointer;
	transition:transform .2s;
}
.toc .toc-header .toggle-btn {
	transform:rotate(0deg);
	margin-left:auto;
	padding-top:5px;
}
.toc.on .toc-header .toggle-btn {
	transform:rotate(180deg);
}
.toc.on .toc-list {
	height:auto;
	padding-top:20px;
	margin-bottom:5px;
}
.toc .toc-list {
	height:0;
	overflow:hidden;
}
.toc-list li {
	list-style:none;
}
.toc .toc-list li {
	position:relative;
	list-style:none;
	margin-bottom:0;
	padding-left:0;
	text-indent:0;
}
.toc-list li[data-tag='0'] a:before {
	position:absolute;
	left:0;
	top:12px;
	content:'';
	width:4px;
	height:4px;
	background-color:rgba(0,0,0,.2);
	display:inline-block;
	border-radius:4px;
}
.toc .toc-list li a {
	position:relative;
	color:var(--textColor1);
}
.toc .toc-list li a::before {
	margin-right:12px;
}
.toc .toc-list li[data-tag='0'] {
	counter-increment:tag0;
	counter-reset:tag1;
}
.toc .toc-list li[data-tag='1'] {
	counter-increment:tag1;
	counter-reset:tag2;
}
.toc .toc-list li[data-tag='0'] a {
	color:var(--textColor1);
	font-weight:500;
}
.toc .toc-list li[data-tag='1'] a {
	padding-left:24px;
	color:var(--textColor2);
}
.toc .toc-list li[data-tag='1'] a::before {
	position:absolute;
	left:10px;
	top:0;
	content:'-';
	display:inline-block;
}
.toc .toc-list li[data-tag='2'] a {
	padding-left:48px;
}
.toc .toc-list li a {
	padding:2px 12px;
	display:block;
	font-size:15px;
	color:var(--defaultText);
}
.toc .toc-list li a:hover {
	transition:.2s;
	background-color:var(--white-gray);
}
.toc-scroll {
	position:fixed;
	width:240px;
	top:155px;
	left:-240px;
	transition:left .2s ease-out;
	border:1px solid #ccc;
	padding:15px 8px 10px 12px;
	background:#fafafa;
	border-radius:10px;
}
.toc-scroll.on {
	left:calc(50% - 810px);
	transition:left .2s ease-out;
}
.layout-aside-left .toc-scroll {
	left:calc(100% + 20px);
}
.layout-aside-left .toc-scroll.on {
	left:calc(50% + 570px);
}
.toc-scroll .toc-list {
	margin-bottom:0;
	max-height:600px;
	overflow-y:auto;
	scroll-behavior: smooth;
	scrollbar-width: 6px;
}
.toc-scroll .toc-list::-webkit-scrollbar-track {
    background-color: transparent;
}
.toc-scroll .toc-list::-webkit-scrollbar-thumb {
    background-color:var(--scrollThumb);
    border-radius: 10px;
}
.toc-scroll .toc-list::-webkit-scrollbar-thumb:hover {
    background-color:var(--scrollThumbHover);
}
.toc-scroll .toc-list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.toc-scroll .toc-list::-webkit-scrollbar-button {
    width: 6px;
    height: 6px;
    background: transparent;
}

.toc-scroll .toc-list li {
	list-style:none;
	line-height:1.2;
	margin-bottom:5px;
}
.toc-scroll .toc-list li a {
	position:relative;
	padding:0 10px 0 10px;
	font-size:12px;
	color:var(--textColor1);
}
.toc-scroll .toc-list li a::before {
	position:absolute;
	top:5px;
}
.toc-scroll .toc-list li a:hover,
.toc-scroll .toc-list li a.active {
	color:var(--defaultLink);
}
.toc-scroll .toc-list li[data-tag='0'] {
	counter-increment:tag0;
	counter-reset:tag1;
}
.toc-scroll .toc-list li[data-tag='0'] a {
	font-weight:500;
	font-size:13px;
}
.toc-scroll .toc-list li[data-tag='1'] {
	counter-increment:tag1;
	counter-reset:tag2;
	line-height:1;
}
.toc-scroll .toc-list li[data-tag='1'] a {
	padding-left:15px;
	color:var(--textColor2);
}
.toc-scroll .toc-list li[data-tag='1'] a.active {
	color:var(--defaultLink);
	text-decoration:underline;
}
.toc-scroll .toc-list li[data-tag='1'] a:hover {
	color:var(--defaultLink);
	text-decoration:underline;
}
.toc-scroll .toc-list li[data-tag='1'] a::before {
	position:absolute;
	left:14px;
	top:0;
	content:'-';
	display:inline-block;
}
.toc-scroll .toc-list li[data-tag='2'] a {
	padding-left:20px;
}
.toc-scroll .toc-header {
	background-color:rgba(255,255,255,.7);
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	position:absolute;
	right:-36px;
	top:0;
	width:36px;
	height:36px;
	display:none;
	line-height:0;
	padding-left:0;
	border:1px solid #aaa;
	border-left:0;
}
.toc-scroll .toggle-btn {
	font-size:10px;
	transition:transform .2s;
	padding-right:5px;
	transform:rotate(180deg);
	width:100%;
}
.toc-scroll.on .toggle-btn {
	transform:rotate(360deg);
	padding-left: 5px;
}
/* dark-mode */
[data-theme='dark'] body {
	background-color:var(--background);
	color:var(--defaultText);
}
[data-theme='dark'] body:not(.loaded) #wrap,
[data-theme='dark'] #loading{
	background-color:var(--background);
}
[data-theme='dark'] a,
[data-theme='dark'] a:link,
[data-theme='dark'] a:hover {
	color:var(--defaultText);
}
[data-theme='dark'] input:-webkit-autofill,
[data-theme='dark'] input:-webkit-autofill:hover,
[data-theme='dark'] input:-webkit-autofill:focus,
[data-theme='dark'] input:-webkit-autofill:active {
	-webkit-text-fill-color:var(--defaultText);
	caret-color:var(--defaultText);
}
[data-theme='dark'] .header-topbar {
	background-color:var(--topBarBackground);
	color:var(--defaultText);
}
[data-theme='dark'] .header-topbar .topbar-left .left-menu>li>a,
[data-theme='dark'] .header-topbar .topbar-left .left-menu>li>button,
[data-theme='dark'] .header-topbar .topbar-right>.member-menu>li>a i,
[data-theme='dark'] .header-topbar .topbar-left .left-menu>li>a i {
	color:var(--defaultText);
}
[data-theme='dark'] .header-topbar .topbar-left .left-menu>li>a.active {
	background-color:var(--background);
	color:var(--defaultLink);
}
[data-theme='dark'] .header-topbar ul li.subscribe em {
	color:var(--defaultText);
}
[data-theme='dark'] .header-topbar .topbar-right>.member-menu>li>a {
	color:var(--defaultText);
	border-color:var(--borderColor);
}
[data-theme='dark'] .header-topbar .topbar-right>.member-menu>li>a:hover {
	color:var(--defaultText);
}
[data-theme='dark'] .header-topbar .admin>ul.list{
	background-color: var(--background2);
}
[data-theme='dark'] .header-topbar .admin>ul.list #blog_number{
	border-color:var(--borderColor);
}
[data-theme='dark'] #header h1 .sub_tit strong {
	color:var(--textColor2);
}
[data-theme='dark'] .header-topbar .topbar-left .left-menu>li.dark .dark-check {
	background-color:var(--background3);
}
[data-theme='dark'] .header-nav.header-fixed-trans .navbar {
	box-shadow:0 5px 5px -5px #333;
}
[data-theme='dark'] .header-nav .navbar {
	background-color:var(--gnbBg);
}
[data-theme='dark'] #gnb ul li.first,
[data-theme='dark'] #gnb ul li.first a,
[data-theme='dark'] #gnb ul li.first a:hover{
	color:var(--gnbFirstFont);
}
[data-theme='dark'] #gnb ul li.last,
[data-theme='dark'] #gnb ul li.last a,
[data-theme='dark'] #gnb ul li.last a:hover {
	background-color:var(--gnbLast);
	color:var(--gnbLastFont);
}
[data-theme='dark'] #gnb ul li a{
	color:var(--gnbFont);
}
[data-theme='dark'] #gnb ul li a:hover,
[data-theme='dark'] #gnb ul li a:focus,
[data-theme='dark'] #gnb ul li.active a,
[data-theme='dark'] #gnb ul li.active a:hover,
[data-theme='dark'] #gnb ul li.active a:focus {
	color:var(--gnbHoverFont);
}
[data-theme='dark'] #gnb ul li a::before,
[data-theme='dark'] #gnb ul li a:hover::before,
[data-theme='dark'] #gnb ul li a:focus::before {
	background-color:var(--gnbHover);
	color:var(--gnbFont);
}
[data-theme='dark'] #gnb ul li.current a {
	background-color:var(--gnbHover);
}
[data-theme='dark'] #gnb ul li.last,
[data-theme='dark'] #gnb ul li.last a:hover,
[data-theme='dark'] #gnb ul li.last a:focus,
[data-theme='dark'] #gnb ul li.last.current a {
	background-color:var(--gnbLast);
	color:var(--gnbLastFont);
}
[data-theme='dark'] #gnb ul li.first a,
[data-theme='dark'] #gnb ul li.first a:hover {
	background-color:var(--gnbFirst) !important;
}
[data-theme='dark'] #content {
	background-color:var(--bgContent);
	box-shadow:0 0 5px #333;
}
[data-theme='dark'] .entry-content,
[data-theme='dark'] .entry-content p {
	color:var(--textColor2);
}
[data-theme='dark'] .entry-content h1,
[data-theme='dark'] .entry-content h2,
[data-theme='dark'] .entry-content h3,
[data-theme='dark'] .entry-content h4,
[data-theme='dark'] .entry-content h5,
[data-theme='dark'] .entry-content h6 {
	color:var(--textColor1);
}
[data-theme='dark'] .entry-content a,
[data-theme='dark'] .entry-content a:hover,
[data-theme='dark'] .entry-content p a {
	color:var(--defaultLink);
}
[data-theme='dark'] .post-cover .meta,
[data-theme='dark'] .post-cover .meta a {
	color:var(--textColor3);
}
[data-theme='dark'] .post-cover .meta a::before,
[data-theme='dark'] .post-cover .meta span::before{
	background-color:var(--borderColor2);
}
[data-theme='dark'] .entry-content table {
	border-color:var(--borderColor);
}
[data-theme='dark'] .entry-content table caption {
	color:var(--textColor4);
}
[data-theme='dark'] .entry-content table th {
	background-color:rgba(49,52,60,.3);
	border-color:var(--borderColor);
	color:var(--defaultText);
}
[data-theme='dark'] .entry-content table td {
	background-color:var(--background2);
	border-color:var(--borderColor);
	color:var(--postText);
}
[data-theme='dark'] .post-cover .inner {
	color:var(--defaultText);
	border-color:var(--borderColor);
}
[data-theme='dark'] .entry-content span code,
[data-theme='dark'] .entry-content p span code {
	background-color:var(--background3);
	color:var(--textColor2);
}
[data-theme='dark'] #tt-body-page blockquote {
	color:var(--textColor1);
}
[data-theme='dark'] .list-type-thumbnail .post-header,
[data-theme='dark'] .list-type-text .post-header {
	border-color:var(--borderColor);
}
[data-theme='dark'] .post-header h2 em {
	color:var(--defaultLink);
}
[data-theme='dark'] .list-type-thumbnail .post-item .thum img {
	border-color:var(--borderColor);
}
[data-theme='dark'] .list-type-thumbnail .post-item .meta .comment {
	color:var(--textColorBlue);
}
[data-theme='dark'] .related-articles ul li a,
[data-theme='dark'] .related-articles ul li a:hover,
[data-theme='dark'] .related-articles ul li a:focus {
	color:var(--defaultText);
}
[data-theme='dark'] #aside .search_area {
	border-color:var(--borderColor2);
}
[data-theme='dark'] .search_area .input {
	color:var(--defaultText);
}
[data-theme='dark'] .search_area .button {
	color:var(--textColor2);
}
[data-theme='dark'] .sidebar .sidebar-2 {
	border-color:var(--borderColor);
}
[data-theme='dark'] #aside .tags a {
	color:var(--textSideColor2);
}
[data-theme='dark'] #aside .tags h2 a {
	color:var(--textSideColor1);
}
[data-theme='dark'] #aside h2 a {
	color:var(--textSideColor1);
}
[data-theme='dark'] .sidebar h2,
[data-theme='dark'] .sidebar .category ul li a.link_tit {
	color:var(--textSideColor1);
}
[data-theme='dark'] .sidebar .category .toggle{
	border-left: 1px solid rgb(255 255 255 / 3%);
}
[data-theme='dark'] .sidebar .keyboard_info {
	border-color:var(--borderColor2);
}
[data-theme='dark'] .sidebar .keyboard_info.on {
	background-color:rgb(0 0 0 / 20%);
	border-color:var(--borderColor4);
}
[data-theme='dark'] .sidebar .keyboard_info .btn_key {
	color:var(--textColor2);
}
[data-theme='dark'] .sidebar .keyboard_info .info {
	color:var(--textColor3);
}
[data-theme='dark'] .sidebar .keyboard_info .info em {
	color:var(--textColorBlue);
}
[data-theme='dark'] .sidebar .category ul li .link_item{
	background-color:#2a2c33;
}
[data-theme='dark'] .sidebar ul li a,
[data-theme='dark'] .sidebar ul li a,
[data-theme='dark'] .sidebar .category ul li ul li ul li a {
	color:var(--textSideColor2);
}
[data-theme='dark'] .sidebar .category ul li .c_cnt {
	color:var(--textSideColor3);
}
[data-theme='dark'] .sidebar .category ul li ul li ul li::before {
	background-color:rgba(255,255,255,.15);
}
[data-theme='dark'] .sidebar .category ul li ul li ul li.selected::after {
	color: rgba(255, 255, 255, .5);
}
[data-theme='dark'] .calendar .tt-calendar th {
	color:var(--defaultText);
}
[data-theme='dark'] .calendar .tt-calendar td {
	color:var(--textColor3);
}
[data-theme='dark'] .calendar .tt-calendar .cal_day4 {
	color:var(--textColor1);
}
[data-theme='dark'] .sidebar .category ul li a {
	color:var(--textSideColor2);
}
[data-theme='dark'] .sidebar .count p {
	color:var(--textColor3);
}
[data-theme='dark']	.post-cover .category {
		color:var(--textColorBlue);
}
[data-theme='dark'] .sidebar .tab-ui [role='tablist'] a {
	border-color:var(--borderColor5);
}
[data-theme='dark'] .sidebar .tab-ui [role='tablist'] a.current {
	color:var(--textColor1);
	border-color:var(--borderColor5);
	border-bottom-color:transparent;
}
[data-theme='dark'] .sidebar .post-list ul li a:before {
	background-color:var(--background4);
}
[data-theme='dark'] .sidebar .post-list ul li img {
	border-color:var(--borderColor);
}
[data-theme='dark'] [class*='cover-thumbnail'] ul li .excerpt,
[data-theme='dark'] .list-type-thumbnail .post-item .excerpt,
[data-theme='dark'] .cover-list ul li .excerpt,
[data-theme='dark'] .post-item .excerpt {
	color:var(--textColor3);
}
[data-theme='dark'] [class*='cover-thumbnail'] ul li .excerpt::after,
[data-theme='dark'] .cover-list ul li .excerpt::after,
[data-theme='dark'] .post-item .excerpt::after {
	background: linear-gradient(90deg,rgba(44,44,52,0),rgba(44,44,52,1) 95%);
}
[data-theme='dark'] [class*='cover-thumbnail'] ul li .meta,
[data-theme='dark'] [class*='cover-thumbnail'] ul li .date,
[data-theme='dark'] .post-item .meta,
[data-theme='dark'] .post-item .meta .date,
[data-theme='dark'] .cover-list ul li .meta {
	color:var(--textColor2);
}
[data-theme='dark'] .cover-thumbnail-1 ul li .title {
	color:var(--defaultText);
}
[data-theme='dark'] .cover-thumbnail-2 h2,
[data-theme='dark'] .cover-list h2 {
	border-color:var(--borderColor);
}
[data-theme='dark'] .cover-thumbnail-2 ul li a {
	border-color:var(--borderColor);
}
[data-theme='dark'] .cover-thumbnail-2 ul li a:hover {
	border-color:var(--textColorBlue);
	box-shadow:0 0 10px var(--shadow1);
}
[data-theme='dark'] .cover-thumbnail-3 button {
	background-image:url(./images/ico_package_white.png);
	border-color:var(--borderColor);
}
[data-theme='dark'] .cover-thumbnail-4 button {
	background-image:url(./images/ico_package_white.png);
	border-color:var(--borderColor);
}
[data-theme='dark'] #aside .social_channel li a {
	filter:invert(60%);
}
[data-theme='dark'] .pagination .prev,
[data-theme='dark'] .pagination .next {
	border-color:var(--borderColor2);
}
[data-theme='dark'] .pagination .prev {
	background-position:0 -75px;
}
[data-theme='dark'] .pagination .next {
	background-position-y:-75px;
}
[data-theme='dark'] figure[data-ke-type='opengraph'] div.og-image {
	border-right:0 !important
}
[data-theme='dark'] [class*='cover-thumbnail'] figure img,
[data-theme='dark'] .related-articles figure img,
[data-theme='dark'] [class*='cover-thumbnail'] figure img,
[data-theme='dark'] .post-item .thum {
	border-color:var(--borderColor);
}
[data-theme='dark'] .comment-list {
	border-color:var(--borderColor);
}
[data-theme='dark'] .comment-form .field {
	border-color:var(--borderColor);
}
[data-theme='dark'] .comment-form .field input[type='text'],
[data-theme='dark'] .comment-form .field input[type='password'] {
	border-color:var(--borderColor);
	background-color:var(--background2);
}
[data-theme='dark'] .comment-form textarea {
	background-color:var(--background2);
	border-color:var(--borderColor);
	color:var(--defaultText);
}
[data-theme='dark'] .comment-list ul li .author-meta .nickname,
[data-theme='dark'] .comment-list ul li .author-meta .nickname a {
	color:var(--defaultText);
}
[data-theme='dark'] .comment-list ul li p {
	color:var(--textColor2);
}
[data-theme='dark'] .comment-form .secret label {
	color:var(--textColor3);
}
[data-theme='dark'] .comment-form .secret label::before {
	background-color:var(--background2);
	border-color:var(--borderColor);
}
[data-theme='dark'] .comment-list ul li ul {
	background-color:var(--background);
}
[data-theme='dark'] .comment-form .submit button {
	background-color:var(--background);
}
[data-theme='dark'] .comment-form .submit button:hover {
	background-color:var(--background3);
}
[data-theme='dark'] .comments .tt-box-total,
[data-theme='dark'] .comments .tt-item-reply {
	border-color:var(--borderColor);
}
[data-theme='dark'] .comments .tt-wrap-cmt .tt_desc {
	color:var(--defaultText);
}
[data-theme='dark'] .comments .tt-list-reply {
	border-color:var(--borderColor);
}
[data-theme='dark'] .comments .tt-box-textarea .tt-inner-g,
[data-theme='dark'] .comments .tt-area-write .tt-box-account input {
	background-color:var(--background);
	border-color:var(--borderColor);
	color:var(--defaultText);
}
[data-theme='dark'] .comments .tt-wrap-cmt .tt-button-modify {
	background-color:var(--background4);
}
[data-theme='dark'] .comments .tt-box-textarea textarea,
[data-theme='dark'] .comments .tt-box-textarea div {
	color:var(--defaultText);
}
[data-theme='dark'] .comments .tt-btn_register:disabled,
[data-theme='dark'] .comments .tt-btn_register:disabled:hover {
	background-color:var(--background);
	border-color:var(--borderColor);
	color:var(--textColor4);
}
[data-theme='dark'] .comments .tt-btn_register:focus,
[data-theme='dark'] .comments .tt-btn_register:hover {
	background-color:var(--defaultLink);
	border-color:var(--defaultLink);
}
[data-theme='dark'] .comments .tt-wrap-cmt .tt-link-user {
	color:var(--textColor1);
}
[data-theme='dark'] .comments .tt-item-reply .tt-list-reply-comment {
	border-color:var(--borderColor);
}
[data-theme='dark'] .comments .tt_btn_prev_more {
	background-color:var(--background);
    border-color:var(--background);
	color:var(--textColor2);
}
[data-theme='dark'] .pagination a {
	color:var(--textColor3);
}
[data-theme='dark'] .pagination a:hover {
	color:var(--textColor1);
	text-decoration:none;
	background-color:#333;
}
[data-theme='dark'] .pagination a .selected {
	color:var(--defaultText);
}
[data-theme='dark'] .toc {
	background-color:var(--background);
	color:var(--defaultText);
}
[data-theme='dark'] .toc.on .toc-header {
	border-color:var(--borderColor2);
}
[data-theme='dark'] .toc .toc-list li a {
	color:var(--textColor1);
}
[data-theme='dark'] .toc-list li[data-tag='0'] a:before {
	background-color:rgba(255,255,255,.2);
}
[data-theme='dark'] .toc .toc-list li[data-tag='1'] a {
	color:var(--textColor2);
}
[data-theme='dark'] .toc-scroll {
	background-color:rgba(0,0,0,.3);
	border-color:var(--borderColor4);
	;
}
[data-theme='dark'] .toc-scroll .toc-list li a {
	color:var(--textColor1);
}
[data-theme='dark'] .toc-scroll .toc-list li[data-tag='1'] a {
	color:var(--textColor2);
}
[data-theme='dark'] .toc-scroll .toc-list li a.active {
	color:var(--defaultLink);
}
[data-theme='dark'] .toc-scroll .toc-list li a:hover {
	color:var(--defaultLink);
}
[data-theme='dark'] .footer-top {
	border-color:var(--borderColor);
}
[data-theme='dark'] .footer-top-content .footer-top-info strong {
	color:var(--textColor3);
}
[data-theme='dark'] .footer-top-content .footer-top-info,
[data-theme='dark'] .footer-top-content .footer-top-info .desc {
	color:var(--textColor3);
}
[data-theme='dark'] .footer-top-content .footer-top-info span::before {
	background-color:var(--borderColor2);
}
[data-theme='dark'] .footer-top-content .footer-top-info a,
[data-theme='dark'] .footer-top-content .footer-top-info a:hover {
	color:var(--textColor2);
}
[data-theme='dark'] #footer .footer-left>ul>li:last-child a {
	color:var(--textColor3);
}
[data-theme='dark'] #footer .footer-right {
	color:var(--textColor3);
}
[data-theme='dark'] figure[data-ke-type='opengraph'] div.og-text p.og-title,
[data-theme='dark'] #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {
	color:var(--textColor1);
}
[data-theme='dark'] figure[data-ke-type='opengraph'] a,
[data-theme='dark'] #tt-body-page figure[data-ke-type='opengraph'] a {
	border-color:var(--borderColor);
	color:var(--defaultText);
}
[data-theme='dark'] figure[data-ke-type='opengraph']:hover,
[data-theme='dark'] #tt-body-page figure[data-ke-type='opengraph']:hover {
	box-shadow:0 0 10px var(--shadow1);
}
[data-theme='dark'] .entry-content .box-style1 {
	background:#373d48;
}
[data-theme='dark'] .entry-content .box-style2 {
	background:#31313b;
}
[data-theme='dark'] .entry-content .box-style3 {
	background:#3f3f34;
}
[data-theme='dark'] .entry-content pre {
	background:transparent !important;
}
[data-theme='dark'] .hljs {
	background-color:var(--background);
	color:var(--defaultText);
}
[data-theme='dark'] .hljs .copy-btn,
[data-theme='dark'] .hljs .copy-btn:hover {
	color:var(--textColor2);
}
[data-theme='dark'] .hljs .code-header {
	background:linear-gradient( to bottom,#333,#252525);
}
[data-theme='dark'] .hljs-doctag,
[data-theme='dark'] .hljs-formula,
[data-theme='dark'] .hljs-keyword {
	color:#d4a8d3;
}
[data-theme='dark'] .hljs-built_in,.hljs-class .hljs-title {
	color:#edd299;
}
[data-theme='dark'] .hljs .line:hover {
	background-color:var(--background2);
}
[data-theme='dark'] .eb-backtotop {
	background-color:var(--background3);
}
[data-theme='dark'] .eb-backtotop:after {
	color:var(--textColor3);
}
[data-theme='dark'] .eb-backtotop .progress-count {
	color:var(--textColor2) !important;
}
[data-theme='dark'] #chartdiv g {
	fill:#ccc;
}
[data-theme='dark'] .tt_box_namecard {
	background-color:rgba(0,0,0,.1);
}
[data-theme='dark'] .tt_box_namecard .tt_tit_cont {
	color:var(--textColor2);
}
[data-theme='dark'] .tt_box_namecard .tt_btn_subscribe .tt_txt_g {
	color:var(--textColor1);
	border-color:var(--borderColor);
}
[data-theme='dark'] .pagination .view-more {
	background-color:var(--defaultText);
	border-color:var(--background4);
	;
	color:#999;
}
[data-theme='dark'] figure.fileblock,
[data-theme='dark'] #tt-body-page figure.fileblock {
	border-color:var(--borderColor4);
	background-color:var(--background2);
}
[data-theme='dark'] figure.fileblock .image,
[data-theme='dark'] #tt-body-page figure.fileblock .image
[data-theme='dark'] figure.fileblock a::after,
[data-theme='dark'] #tt-body-page figure.fileblock a::after{
	filter: invert(90%);
}
[data-theme='dark'] [class*='cover-thumbnail'] ul li .meta .comment,
[data-theme='dark'] .cover-list ul li .meta .comment,
[data-theme='dark'] .post-item .meta .comment {
	color:var(--textColorBlue);
}
[data-theme='dark'] .tt-wrap-cmt .tt_desc {
	color:var(--defaultText) !important;
}
[data-theme='dark'] .tt-wrap-cmt .tt-list-modify {
	background-color:var(--background3);
}
[data-theme='dark'] .tt-wrap-cmt .tt-list-modify a {
	color:var(--textColor2);
}
[data-theme='dark'] .tt-wrap-cmt .tt-list-modify a:hover {
	background-color:#111;
	color:var(--textColor1);
}
[data-theme='dark'] .tt-wrap-cmt .tt-button-modify:hover {
	background-color:#aaa;
}
[data-theme='dark'] .tt-wrap-cmt .tt-box-modify.tt-box-modify-open {
	background-color:var(--background2);
}
[data-theme='dark'] .font_size_set .size_box button {
	background-color:#555;
}
[data-theme='dark'] .not-found li {
	color:var(--textColor3);
}
[data-theme='dark'] .sidebar .tab-ui [role='tablist'] a {
	color:var(--textColor2);
}
[data-theme='dark'] .calendar .tt-calendar caption a:first-child,
[data-theme='dark'] .calendar .tt-calendar caption a:last-child {
	color:var(--textColor3);
}
[data-theme='dark'] .calendar .tt-calendar caption a {
	color:var(--textColor2);
}
[data-theme='dark'] .dropdown-menu {
	background-color:var(--background2);
}
[data-theme='dark'] .dropdown-menu>li>a,
[data-theme='dark'] .dropdown-menu>li>span {
	color:var(--defaultText);
}
[data-theme='dark'] .dropdown-menu>li>a:hover {
	color:var(--defaultLink);
}
[data-theme='dark'] .dropdown-menu .divider {
	background-color:var(--borderColor);
}
[data-theme='dark'] #footer .footer-link .dropdown-menu>li>a::before{
	background-color:rgba(255,255,255,.2);
}
/* scroll */
[data-theme='dark'] .dropdown-menu::-webkit-scrollbar-thumb {
    background-color:var(--scrollThumb);
}
[data-theme='dark'] .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color:var(--scrollThumbHover);
}
[data-theme='dark'] #footer .footer-link-btn {
	background-color:var(--background2);
	color:var(--textColor3);
}
[data-theme='dark'] #footer .footer-link .btn-group.open .footer-link-btn {
	background-color: var(--background2);
}
[data-theme='dark'] #tt-body-index .layer_alert .btn_view{
	background-color:#00836e;
}
/* hljs */
[data-ke-type='codeblock'] .hljs-attr,[data-ke-type='codeblock'] .hljs-number,
[data-ke-type='codeblock'] .hljs-selector-attr,[data-ke-type='codeblock'] .hljs-selector-class,
[data-ke-type='codeblock'] .hljs-selector-pseudo,[data-ke-type='codeblock'] .hljs-template-variable,
[data-ke-type='codeblock'] .hljs-type,[data-ke-type='codeblock'] .hljs-variable {
	color:#f5655b;
}
[data-ke-type='codeblock'] .hljs-addition,[data-ke-type='codeblock'] .hljs-attribute,
[data-ke-type='codeblock'] .hljs-meta-string,[data-ke-type='codeblock'] .hljs-regexp,
[data-ke-type='codeblock'] .hljs-string {
	color: #00a67d;
}
/* hljs dark */
[data-theme='dark'] [data-ke-type='codeblock'] .hljs-addition,[data-theme='dark'] [data-ke-type='codeblock'] .hljs-attribute,
[data-theme='dark'] [data-ke-type='codeblock'] .hljs-meta-string,[data-theme='dark'] [data-ke-type='codeblock'] .hljs-regexp,
[data-theme='dark'] [data-ke-type='codeblock'] .hljs-string {
	color:#43c645;
}
[data-theme='dark'] .hljs-built_in,[data-theme='dark'] .hljs-class .hljs-title {
	color:#f6bd3b;
}
[data-theme='dark'] figure[data-ke-type='opengraph']:hover,
[data-theme='dark'] #tt-body-page figure[data-ke-type='opengraph']:hover {
	box-shadow: 0 0 10px var(--shadow1);
}
/* 단축키 */
[data-theme='dark'] .doc_help {
	background-color:var(--background3);
}
[data-theme='dark'] .doc_help .title {
	border-bottom-color:var(--borderColor);
}
[data-theme='dark'] .doc_help .btn_doc_close {
	background-color:var(--background);
	border-color:var(--borderColor4);
	color:var(--textColor2);
}
[data-theme='dark'] .doc_help .btn_doc_close:hover {
	background-color: var(--background4);
}

[data-theme='dark'] #tt-body-index .layer_alert{
	background-color:#212121;
	box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}
[data-theme='dark'] #tt-body-index .layer_alert h3{
	color:#fff;
}
[data-theme='dark'] #tt-body-index .layer_alert .cont{
	color:var(--textColor2);
}
/* media */
@media screen and (max-width:1679px) {
	.toc-scroll {
		background-color:rgba(255,255,255,.7);
		backdrop-filter:blur(5px);
		-webkit-backdrop-filter:blur(5px);
		top:200px;
		left:-240px;
		z-index:99;
		border-radius:10px;
		padding-bottom:15px;
	}
	.toc-scroll.on {
		left:10px;
	}
	.layout-aside-left .toc-scroll.on {
		left:calc(100% - 252px);
	}
	.toc-scroll .toc-header {
		display:flex;
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
	}
	.toc-scroll.on .toc-header {
		position:absolute;
		top:5px;
		right:-45px;
		z-index:3;
		box-shadow:none;
		border-radius:8px;
		backdrop-filter:none;
		-webkit-backdrop-filter:none;
		border:1px solid #aaa;
		box-shadow:0px 0px 5px 0px rgb(0 0 0 / 15%);
		background-color:rgba(255,255,255,.7);
		backdrop-filter:blur(5px);
		-webkit-backdrop-filter:blur(5px);
	}
	.layout-aside-left .toc-scroll .toc-header {
		left:calc(100% - 295px);
		transform:rotate(180deg);
	}
	.layout-aside-left .toc-scroll.on .toc-header {
		left:calc(100% - 285px);
	}
	.toc-scroll,.toc-scroll .toc-header {
		box-shadow:0px 0px 5px 0px rgb(0 0 0 / 15%);
	}
	.toc-scroll .toc-list {
		margin-bottom:0;
	}
	.toc-scroll .toc-list li {
		text-align:left;
		padding-right:30px;
	}
}
@media screen and (max-width:1400px) {
	.sidebar .ad_sky_fixed {
		display:none;
	}
}
@media screen and (min-width:1100px) {
	#gnb ul{
		width:100% !important;
	}
	.expanded .header-nav{
		z-index:999;
	}
	#content {
		transition: flex-grow 0.3s ease, margin-right 0.3s ease;
	}
	.layout-aside-left #content {
		transition: flex-grow 0.3s ease, margin-left 0.3s ease;
	}
	.expanded #content {
		z-index:998;
		box-shadow: none;
		flex-grow:1;
		margin:0 -330px 0 0;
	}
	.layout-aside-left .expanded #content {
		margin:0 0 0 -330px;
	}
	#aside {
		transition: opacity 0.3s ease;
	}
	.expanded #aside{
		opacity:0;
	}
	.btn_expand{
		display:inline-flex;
		align-items:center;
		height:35px;
		border-radius:20px;
		background-color:#e4e7f1;
		border:1px solid #e4e7f1;
		color:var(--textSideColor2);
		font-size:13px;
		text-align:center;
		padding:0 15px;
		margin-top:10px;
		box-sizing:border-box;
	}
	.expanded .btn_expand{
		border-color:var(--backgroundPoint);
	}
	.btn_expand::before{
		content:'\f058';
		font-family:'Font Awesome\ 6 Free';
		font-weight:500;
		font-size:16px;
		margin-right:5px;
		opacity:.5;
	}
	.expanded .btn_expand::before{
		font-weight:900;
		opacity:1;
	}
	.footer-expanded{
		display:none;
		position:fixed;
		left:0;
		bottom:0;
		z-index:999;
		width:100%;
		height:50px;
		color:#fff;
		font-size:12px;
		font-weight:400;
		vertical-align:middle;
		line-height:50px;
		text-align:center;
		background-color:rgba(0, 0, 0, 1);
	}
	.expanded .footer-expanded{
		display:block;
	}

	.expanded .footer-expanded .btn_expand{
		background-color:transparent;
		color:var(--defaultLink);
		font-size:12px;
		font-weight:600;
		height:auto;
		border:0;
		border-radius:0;
		margin:0;
		padding:0;
	}
	.expanded .footer-expanded .btn_expand::before{
		display:none;
	}
	[data-theme='dark'] .btn_expand{
		background-color:#222;
		border-color:#222;
		color:#eee;
	}
	[data-theme='dark'] .expanded .btn_expand{
		border-color:#000;
	}
}
@media screen and (max-width:1099px) {
	#loading .load{
		max-width:300px;
	}
	.container {
		width:100%;
	}
	#container .content-wrap {
		display:block;
		height:auto !important;
		border-radius:0 !important;
		border:0 !important;
	}
	#tt-body-index #content{
		padding:0 0 30px;
	}
	#tt-body-index .main-slider {
		border-radius:0;
	}
	#header h1 {
		position:relative;
		z-index:10;
		padding:0 15px 0 12px;
		height:auto;
		font-size:22px;
		min-height:70px;
	}
	#header h1 a{
		padding:0;
		align-items:center;
	}
	#header h1 .top_logo{
		display:inline-block;
		line-height:32px;
	}
	#header h1 .sub_tit {
		display:none;
	}
	#header h1 img {
		height:25px;
	}
	#header .ad_head {
		display:none;
	}
	#header .util {
		display:block;
		position:absolute;
		top:0;
		right:0;
		width:100%;
		padding:20px 68px 20px 24px;
		box-sizing:border-box;
	}
	#header .util .menu {
		position:absolute;
		top:22px;
		right:15px;
		z-index:29;
		display:inline-block;
		width:30px;
		height:30px;
		border:1px solid #aaa;
		border-radius:50%;
		text-indent:-999em;
		outline:none;
	}
	#header .util .menu span,
	#header .util .menu::before,
	#header .util .menu:after {
		content:'';
		position:absolute;
		top:50%;
		left:50%;
		width:16px;
		height:1px;
		margin:0 0 0 -8px;
		background-color:#7f7f7f;
		transition:transform .5s;
		-webkit-transition:transform .5s;
	}
	#header .util .menu::before {
		margin-top:-6px;
	}
	#header .util .menu:after {
		margin-top: 6px;
	}
	.header-nav .navbar {
		border-radius:0;
	}
	.header-nav>.navbar>.container {
		width:inherit;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	.header-topbar .topbar-left .left-menu {
		margin-left:15px;
	}
	.header-topbar .topbar-right {
		margin-right:10px;
		padding-right:0;
	}
	.header-topbar .topbar-right .mobile-nav-trigger {
		display:block;
		padding:2px 5px;
		color:var(--defaultText);
	}
	.header-topbar .topbar-right .mobile-nav-trigger a {
		color:var(--defaultText);
		font-size:23px;
	}
	.header-topbar .topbar-left .left-menu {
		margin-left:0;
		border-left:0;
	}
	.header-topbar .topbar-left .left-menu>li>a,.header-topbar .topbar-left .left-menu>li>button {
		padding:0 12px;
	}
	.header-topbar .topbar-left .left-menu li.bookmark {
		display:none;
	}
	.header-topbar .topbar-left .left-menu>li.facebook {
		display:none;
	}
	#gnb{
		border-radius:0;
	}
	.gnb_area {
		width:auto;
	}
	#gnb ul li a{
		padding:0 15px;
	}
	#gnb ul li a::before,
	#gnb ul li a:hover::before{
		display:none;
	}
	#gnb ul li.first,
	#gnb ul li.first a,
	#gnb ul li.last,
	#gnb ul li.last a {
		border-radius:0;
	}
	.gnb_area::before{
		background: linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,0) 100%);
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 45px;
		z-index:2;
	}
	.gnb_area::after{
		background: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.3) 100%);
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 45px;
		z-index:2;
	}
	#container {
		box-shadow:none;
	}
	#container .content-wrap {
		padding:0;
	}
	#container .content-wrap::before {
		content:none;
	}
	#content {
		float:none;
		width:auto;
		padding:30px 15px 30px;
		border:0;
		border-top:1px solid #e5e5e5;
		border-radius:0;
	}
	#content .ad_cover {
		height:auto;
		padding:3vw 24px;
	}
	#content .ad_bottom {
		display:none;
	}
	#aside {
		position:fixed !important;
		top:0 !important;
		right:-298px;
		z-index:999;
		width:298px;
		height:100%;
		padding:15px 20px 50px;
		background-color:#fff;
		box-sizing:border-box;
		transition:right .5s;
		-webkit-transition:right .5s;
		overflow:auto;
	}
	#aside .close {
		position:fixed;
		bottom:15px;
		right:15px;
		z-index:300;
		width:30px;
		height:30px;
		border:1px solid #000;
		border-radius:50%;
		outline:none;
		background:#222;
		text-indent:-999px;
	}
	.mobile-menu #aside .close {
		display:inline-block;
	}
	#aside .ad_side {
		display:none;
	}
	#aside .close::before,#aside .close:after {
		content:'';
		position:absolute;
		top:50%;
		left:50%;
		width:16px;
		height:1px;
		margin:0 0 0 -8px;
		background-color:#fff;
	}
	#aside .close::before {
		transform:rotate(-45deg);
	}
	#aside .close:after {
		transform:rotate(45deg);
	}
	.search_area .input{
		font-size:16px;
	}
	#aside .font_size_set {
		display:none;
	}
	#footer .container {
		border-top:0;
		padding:0 15px;
	}
	.footer-top {
		margin-top:0;
		margin-bottom:0;
		padding-top:30px;
	}
	.footer-top-content{
		flex-direction: column;
	}
	.footer-top-content .footer-top-logo {
		position:relative;
		top:inherit;
		left:inherit;
	}
	.footer-top-content .footer-top-info {
		margin-left:0;
		margin:20px 0 0;
		padding-right:0;
	}
	.footer-top-content .footer-top-info span.privacy {
		display:block;
	}
	.footer-top-content .footer-top-info span.privacy .info-divider,
	.footer-top-content .footer-top-info span.email .info-divider {
		display:none;
	}
	#footer .footer-site-name {
		display:none;
	}
	#footer .footer-left>ul>li {
		min-width:100px;
	}
	#footer .dropup {
		display:block;
	}
	.footer-expanded{
		display:none;
	}
	.ad_head {
		display:none;
	}
	.eb-backtotop {
		right:20px;
		bottom:60px;
	}
	#tt-body-index #content>.inner {
		padding:0 24px;
	}
	#tt-body-index #content>.inner:first-child {
		padding-top:40px;
	}
	#tt-body-index.list-type-text #content>.inner:first-child {
		padding-top:36px;
	}
	#tt-body-index .pagination {
		margin:0 20px 40px;
	}
	#tt-body-page #content {
		padding-left:0;
		padding-right:0;
	}
	#tt-body-tag .tags,#tt-body-guestbook #content {
		padding-left:0;
		padding-right:0;
	}
	#tt-body-guestbook .post-header {
		margin:0 0 28px;
	}
	#tt-body-index #content .main-slider-area {
		margin:0;
	}
	.mobile-menu #aside {
		right:0;
		border:0;
		border-radius:0;
	}
	.main-slider ul li {
		height:300px;
	}
	.main-slider ul li .inner {

	}
	.main-slider ul li .text {
		max-width:100%;
		font-size:2em;
	}
	.main-slider ul li .info {
		max-width:100%;
		font-size:1em;
	}
	.main-slider ul li .box {
		padding:0 30px 5px 20px;
	}
	.main-slider ul li .btn {
		margin-top:15px;
	}
	.cover-thumbnail-1 {
		margin-bottom:40px;
		padding:20px 15px 7px;
	}
	.cover-thumbnail-1 h2 {
		font-weight:500;
	}
	.cover-thumbnail-1 .more {
		top:25px;
		right:24px;
	}
	.cover-thumbnail-1 ul {
		display:block;
		width:100%;
		margin-left:0;
		margin-bottom:-39px;
	}
	.cover-thumbnail-1 ul li {
		float:none;
		width:100%;
		padding-left:0;
	}
	.cover-thumbnail-1 ul li .title {
		color:var(--defaultText);
		font-size:15px;
	}
	.cover-thumbnail-2 {
		width:auto;
		margin:0;
		padding:20px 15px 20px;
	}
	.cover-thumbnail-2 h2 {
		font-weight:500;
	}
	.cover-thumbnail-2 ul li .title {
		margin-bottom:7px;
		padding-top:3px;
		font-size:16px;
		font-weight:500;
	}
	.cover-thumbnail-2 ul li a {
		padding:15px;
	}
	.cover-thumbnail-2 ul li .excerpt {
		margin-bottom:9px;
	}
	.cover-thumbnail-3 {
		width:auto;
		margin:0;
		padding:20px 15px 10px;
	}
	.cover-thumbnail-3 .prev {
		top:20px;
		right:54px;
	}
	.cover-thumbnail-3 .next {
		top:20px;
		right:24px;
	}
	.cover-thumbnail-3 ul {
		display:block;
		width:auto;
		margin-left:-16px;
	}
	.cover-thumbnail-3 ul li {
		width:50%;
		padding-left:16px;
		box-sizing:border-box;
	}
	.cover-thumbnail-4 {
		width:auto;
		margin:0;
		padding:20px 15px 9px;
	}
	.cover-thumbnail-4 h2 {
		font-weight:500;
	}
	.cover-thumbnail-4 .prev {
		top:22px;
		right:54px;
	}
	.cover-thumbnail-4 .next {
		top:22px;
		right:24px;
	}
	.cover-thumbnail-4 ul {
		width:100%;
		margin-left:0;
	}
	.cover-thumbnail-4 ul li {
		width:100%;
		margin-bottom:20px;
		padding-left:0;
	}
	.cover-thumbnail-4 ul li figure {
		margin-bottom:7px;
	}
	.cover-thumbnail-4 ul li .title {
		margin-bottom:8px;
	}
	.cover-thumbnail-4 ul li .excerpt {
		margin-bottom:12px;
	}
	.cover-list {
		width:auto;
		margin:0;
		padding:20px 15px 12px;
	}
	.cover-list h2 {
		margin-bottom:28px;
		font-weight:500;
	}
	.cover-list .more {
		top:20px;
		right:24px;
	}
	.cover-list ul li {
		margin-bottom:26px;
	}
	.cover-list ul li .title {
		margin-bottom:8px;
		font-size:16px;
	}
	.cover-list ul li .excerpt {
		-webkit-line-clamp:4;
	}
	.cover-event {
		width:auto;
		margin:0;
		padding:20px 15px 10px;
	}
	.cover-event ul {
		display:block;
		width:auto;
		margin-left:0;
	}
	.cover-event ul li {
		float:none;
		width:auto;
		margin-bottom:16px;
		padding-left:0;
	}
	.cover-event ul li a {
		padding-bottom:43.382352941176471%;
	}
	.cover-event ul li .title {
		max-width:80%;
	}
	.cover-event ul li .more {
		display:none;
	}
	.cover-thumbnail-1:first-child {
		border-top:0;
	}
	.post-header {
		padding-top:2px;
	}
	.post-item {
		float:none;
		width:auto;
		margin-left:0;
		margin-bottom:30px;
	}
	.post-item .thum {
		margin-bottom:7px;
	}
	.post-item .title {
		margin-bottom:12px;
	}
	.post-item .excerpt {
		margin-bottom:12px;
	}
	.pagination {
		margin-bottom:0;
	}
	.pagination a {
		margin:0 5px;
	}
	.list-type-vertical .post-item {
		margin-bottom:30px;
	}
	.list-type-vertical .post-item .title {
		margin-bottom:7px;
	}
	.list-type-thumbnail .post-item .title {
		margin-bottom:9px;
		padding-top:3px;
		font-size:14px;
	}
	.list-type-thumbnail .post-item .excerpt {
		margin-bottom:11px;
	}
	.list-type-thumbnail .post-item.protected .thum {
		width:96px;
		height:128px;
		margin-left:25px;
	}
	.list-type-text .post-header {
		margin-bottom:28px;
	}
	.list-type-text .post-item {
		margin-bottom:26px;
	}
	.list-type-text .post-item .title {
		margin-bottom:10px;
	}
	.list-type-text .post-item .excerpt {
		margin-bottom:12px;
		-webkit-line-clamp:4;
	}
	.list-type-text .pagination {
		margin-top:30px;
	}
	.post-cover {
		padding-left:15px;
		padding-right:15px;
	}
	.post-cover .category {
		margin-bottom:10px;
	}
	.post-cover .meta {
		font-size:13px;
	}
	.entry-content {
		padding:20px 15px 0;
		overflow:hidden;
	}
	.entry-content figure {
		margin-top:6px !important;
	}
	.entry-content .protected_form input {
		width:163px;
	}
	.container_postbtn {
		margin:35px 0 20px;
	}
	.entry-footer .heart_tooltip {
		left:15px;
	}
	.tags {
		margin-bottom:25px;
		padding:0 24px;
	}
	.tags h2 {
		margin-bottom:15px;
	}
	.comments {
		padding:0 24px 24px;
	}
	.page-nav {
		margin:32px 24px 32px;
		padding:25px 0 25px;
	}
	.page-nav a {
		line-height:13px;
	}
	.related-articles {
		padding:0 24px;
	}
	.related-articles h2 {
		margin-bottom:15px;
	}
	.related-articles ul {
		width:103.571428571428571%;
		margin-left:-3.571428571428571%;
	}
	.related-articles ul li {
		width:50%;
		margin-bottom:15px;
		padding-left:3.448275862068966%;
	}
	.related-articles ul li figure {
		margin-bottom:9px;
	}
	.related-articles ul li .title {
		height:2.8em;
		white-space:normal;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
	}
	.comments {
		margin:0;
	}
	.comments iframe {
		position:absolute;
		bottom:0;
		left:0;
	}
	.comments h2 {
		padding:0 24px;
	}
	#tt-body-guestbook .comments {
		padding-top:0;
	}
	#tt-body-guestbook .comments h2 {
		padding:0;
	}
	.comments h2 .reply_policy {
		right:24px;
	}
	.comment-list {
		margin-bottom:32px;
		border:0;
	}
	.comment-list>ul>.tt_more_preview_comments_wrap {
		margin-top:21px;
		padding:0 24px;
	}
	.comment-list ul li {
		padding:34px 0 28px;
	}
	.comment-list ul li .author-meta {
		margin-bottom:6px;
		padding-right:35px;
	}
	.comment-list ul li .author-meta .avatar {
		width:30px;
		height:30px;
		margin-left:-42px;
	}
	.comment-list ul li .author-meta .nickname {
		font-weight:400;
	}
	.comment-list ul li .author-meta .control {
		top:-2px;
		right:13px;
	}
	.comment-list ul li .author-meta,.comment-list ul li p {
		max-width:none;
		padding:0 57px;
	}
	.comment-list ul li ul {
		margin-top:27px;
		padding:19px 0 12px;
	}
	.comment-list ul li ul li {
		padding:15px 0 16px;
	}
	.comment-list ul li ul li p {
		max-width:none;
	}
	.comment-list ul li ul li .author-meta {
		margin-bottom:6px;
	}
	.comment-list ul li ul li .author-meta .avatar {
		width:30px;
	}
	.comment-form {
		margin-bottom:40px;
		padding:0;
	}
	.comment-form textarea {
		padding-right:32px;
	}
	#tt-body-index.promotion-mobile-hide .main-slider {
		display:none;
	}
	#content .another_category {
		margin:40px 0 37px !important;
	}
	#content .another_category th {
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient:vertical;
	}
	.ad_main {
		padding:24px;
		margin-bottom:0;
	}
	#footer .footer-link {
		display: none;
	}
	/* bootstrap */
	.hidden-xs {
		display:none !important;
	}
	.visible-xs {
		display:block !important;
	}
	.toc-scroll {
		top:169px;
	}
	.toc-scroll .toc-header {
		top:0;
	}
	.btn_expand{
		display:none;
	}
}
@media screen and (max-width:550px) {
	#footer .br{
		display:block;
	}
	#footer .br::before{
		display:none;
	}
	#tt-body-index .layer_alert{
		left:0;
		width:100%;
		border-radius:8px 8px 0 0;
		margin-bottom:0;
	}
	#tt-body-index .layer_alert .cont_box{
		max-height:300px;
		overflow-y:auto;
	}
	#tt-body-index .layer_alert .cont{
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow:hidden;
	}
	#tt-body-index .layer_alert.show_ani {
		animation: bounceIn .8s forwards;
	}
	#tt-body-index .layer_alert.hide_ani {
		animation: slideOut .8s forwards;
	}
}
@media screen and (max-width:411px) {
	.footer-top-content .footer-top-info span.email {
		display:block;
		margin-left:0;
	}
}
@media screen and (max-width:380px) {
	.header-topbar .topbar-right>.member-menu>li.subscribe {
		display: none;
	}
}
/* media dark-mode */
@media screen and (max-width:1679px) {
	[data-theme='dark'] .toc-scroll {
		background-color:rgba(0,0,0,.5);
	}
	[data-theme='dark'] .toc-scroll .toc-header {
		background-color:rgba(0,0,0,.5);
		border-color:var(--borderColor4);
	}
	[data-theme='dark'] .toc-scroll .toc-header svg path {
		fill:#fff !important;
		stroke:#fff;
	}
}
@media screen and (max-width:1099px) {
	[data-theme='dark'] .cover-thumbnail-3 h2 {
		color:var(--defaultText);
	}
	[data-theme='dark'] #content {
		border-color:transparent;
	}
	[data-theme='dark'] #aside {
		background-color:var(--background2);
	}
	[data-theme='dark'] #header .util .menu {
		border-color:var(--borderColor2);
	}
	[data-theme='dark'] #aside .close {
		background-color:var(--background3);
		border-color:var(--borderColor4);
	}
	[data-theme='dark'] #footer .footer-left>ul>li {
		color:var(--defaultText);
		border-color: var(--borderColor);
	}
}