@charset "utf-8";
html, body {background: #ffffff;}
body>.menu_toolbar {display:none}
.bind {overflow:hidden!important;}
.container {max-width: 970px;margin: 0 auto;}

#header, #nav, #main, #footer, #toolbar {padding: 0 15px;}z


#toolbar {background: #ffffff;height: 22px;margin-top: 5px;}
#toolbar a {display: inline-block;color: #aaa;font-size: 11px;margin-bottom: 0px;height: 22px;line-height: 19px;vertical-align: bottom;}
#toolbar a+a {margin-left:5px;}
#toolbar .container {height: inherit;}
#toolbar .table-cell+.table-cell{text-align:right;}

#header {position: relative;height: 130px;width: 100%;overflow: hidden;background: #ffffff;padding: 0 15px;margin-top: 10px;}
#header .container {height: inherit;}
#header .brand {display: inline-block;margin-right: 15px;color: #000000;font-size: 24px;font-weight: bold;height: 46px;line-height: 46px;margin-bottom: 28px;}
#header .search-wrap{position: relative;width: 100%;max-width: 660px;border: 1px solid #e5e5e5;padding: 10px 62px 10px 10px;}
#header .search-input{width: 100%; border: 0;}
#header .search-submit{position: absolute;right: 0;top: -1px;background: rgb(0 0 0 / 0%);color: #fff;padding: 0 15px;font-size: 12px;line-height: 43px;height: 43px;cursor: pointer;}
#header .blog-tags {max-width:660px;width:100%;overflow:hidden;height: 16px;margin-top: 10px;}
#header .blog-tags li {list-style:none;float:left;margin-left:10px;}
#header .blog-tags a {display:block;color: #555;font-size:12px;}
#header .blog-tags a:hover {text-decoration:underline;}


#nav{position: relative;height: 45px;width: 100%;background: #ffffff;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 0 15px;}
#nav .container {height: 45px;}
#nav a{color: #000000;font-weight: bold;margin-bottom: 1px;display: block;padding: 10px 15px;font-size: 12px;}
#nav .toggle-menu {display: block;position: relative;top: 2px;z-index: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;}
#nav .toggle-menu span {display: block;width: 23px;height: 2px;margin-bottom: 5px;position: relative;background: #0f0f0f;border-radius: 3px;z-index: 1;}
#nav .nav-list{position: absolute;display: none;top: 100%;left: 0;right: 0;width: 100%;background: #ffffff;border-top: 1px #0e0e0e solid;z-index: 1000;}
#nav .on {display: block!important;border-bottom: 1px solid #000000;}
#nav .toggle-menu-wrap {display: table-cell;}
#nav .c_cnt{display:none}
#nav .sub_category_list{display: block;position: relative;top: 100%;z-index:100;background: #fff;margin-top: -2px;border: 0;min-width: 150px;width: auto;text-align: left;}
#nav .sub_category_list li{float:none!important;display:block;margin:0!important;}
#nav .sub_category_list a{display:block!important;float:none!important;margin:0!important;white-space:nowrap;text-align: left!important;font-weight: normal;color: #636363;}
#nav .sub_category_list a:hover{color:#fff!important;}
#nav .category_list li:hover a ~ .sub_category_list {display: block!important;}
#nav .tt_category > li > .link_tit {display:none!important;}


.index {margin: 15px 0 15px 0;color: #70757a;font-size: 13px;font-weight: 400;padding: 0 36px;}

#main .main {max-width: 970px;margin: 0 auto;overflow: hidden;}
#main .main .main-inner {background:#fff}
#main .content {position: relative;overflow: hidden;min-height: 30vh;}
#main .sidebar {min-height: 30vh;margin-top: 2vh;padding-top: 2vh;border-top: 1px solid #ddd;}


.article-wrap {padding-bottom: 40px;}
.article-header{border-bottom: 1px solid #efefef;padding-bottom: 25px;margin-bottom: 20px;padding-left: 36px;padding-right: 36px;}
.article-subject{font-size: 24px;line-height: 1.5;font-weight: 400;margin-top:20px;margin-bottom: 10px;}
.article-meta {font-size: 11px;color: #a2a2a2;margin-top: 0px;}
.article-body {padding-bottom: 5px;margin-bottom: 20px;line-height:1.74;padding-left: 36px;padding-right: 36px;}
.article-tags{font-size:0;color:#fff;text-align: center;padding-bottom: 25px;}
.article-tags a{display: inline-block;margin: 6px 6px 0 0;font-size: 12px;line-height: 1;color: #1a70dc;vertical-align: top;}
.article-copyright {text-align:left;font-size:12px;color:#999;margin-bottom:25px;padding-bottom:25px;text-align: center;}
.password-submit{display: inline-block;height: 34px;line-height: 34px;background: #000000;border-radius: 3px;color: #fff;font-size: 12px;padding: 0 15px;width: 78px;cursor: pointer;border-radius: 100px;}
.article-tags a:before {content: "#";display: inline-block;}
.article-share {text-align:center;padding-bottom: 5px;margin-bottom: 20px;}
.article-share-btn {display:inline-block;vertical-align:middle;cursor:pointer;}
.article-share-btn+.article-share-btn{margin-left:10px;}
.article-tools {text-align: right;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.font-btn {display: inline-block;border:1px solid;border-color: rgba(0, 0, 0, 0.2);cursor: pointer;font-size: 1em;font-weight: 300;width: 28px;height: 28px;line-height: 28px;vertical-align: middle;margin-left: 5px;text-align: center;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.font-small {font-size:12px;}
.font-big {font-size:15px;}



.widget {margin-bottom: 25px;width: 100%;overflow: hidden;}
.widget-title {color: #000;font-weight: bold;margin-bottom: 10px;font-size: 13px;}
.widget-body li{list-style: none;position: relative;margin-bottom: 6px;}
.widget-body li:before{/* content: " "; */position: absolute;display: inline-block;vertical-align:middle;top: 9px;left: 4px;width: 2.5px;height: 3px;background: #545454;border-radius: 100px;}
.widget-body a {display: inline-block;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #333;font-size: 12px;}
.widget-body a:hover {text-decoration: underline;}
.widget-body .table img {width: 100px;height:60px;}
.widget-body .table-auto-cell+.table-cell {padding-left: 10px;}
.table-body li {padding:0;margin-bottom:6px;}
.table-body .table-title {max-height: 60px;overflow: hidden;line-height: 1.5;}
.widget-thumb{position: relative; width: 100px; height: 60px;background:#2d2d2d}
.widget-thumb .thumb{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat!important; background-size: cover!important; background-position: 50% 50%!important;}
.widget .sub_category_list {padding-left: 10px;border-left: 2px solid #d1d1d1;}
.widget-mobile{display:none}
.list-cnt{counter-reset: section;}.list-cnt li:before{position:absolute; display: inline-block; left: 0px; top: 1px; counter-increment: section; content: counter(section); padding:0px; min-width: 15px; height: 14px; font-size: 11px; font-weight: bold; line-height: 11px; text-align:center; background:#99a6b9; color:#fff; border-radius: 1px!important; border: 1px solid #8c97a9;}.list-cnt li{position: relative; padding-left: 19px!important;}
.widget-body li a span {display:inline-block;text-decoration:none;color: #888;font-size: 11px;letter-spacing: -1px;margin-right: 7px;}


.guest-title {padding: 0 36px;}
.comment-cnt {font-size: 14px;font-weight: bold;margin-bottom: 10px;padding-left: 36px;padding-right: 36px;}
.comment-item {padding: 10px 0;border-top: 1px dashed #e8e8e8;padding-left: 36px;padding-right: 36px;}
.comment-reply {padding-left: 60px;background: #f8f8f8;position: relative;}
.comment-reply:before {content: " ";position: absolute;display: inline-block;width: 12px;height: 12px;border-left: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;left: 40px;top: 18px;}
.comment-head {padding-bottom: 7px;}
.comment-profile{display: inline-block;width: 35px;height: 35px;border-radius: 100px;margin-right: 9px;position: relative;overflow: hidden;vertical-align: middle;}
.comment-profile img{width: inherit; height: inherit; border-radius: 100px;font-size: 0;}
.comment-profile:after{content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid #000;border-radius: 50%;filter: alpha(opacity=10);opacity: .3;background: 0 0;width: 100%;height: 100%;}
.comment-name, .comment-name a {color: #000;display: inline-block;font-weight: bold;}
.comment-body {font-size: 13px;color: #333;word-break: break-all;}
.comment-meta {margin-top: 10px;filter: alpha(opacity=50);opacity: 0.5;font-size: 12px;}
.comment-tools {display: inline-block;line-height: 12px;color: #aaa;padding: 4px 0;height: 23px;overflow: hidden;font-size: 11px;}
.comment-footer {margin-top: 8px;}
.comment-write{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding-top: 15px;background: #ffffff;padding: 15px 36px;}
.input-box{position: relative;display: inline-block;border: 0;border-radius: 12px;padding: 5px 10px;height: 35px;line-height: 1.74;max-width: 270px;width: 100%;margin-bottom: 10px;background: #f8f8f8;}
.input-box input{border: 0;font-size: 12px;line-height: 12px;color: #333;width: 100%;background: #f8f8f8;}
.hint-box {cursor: text;}
.comment-textarea{position: relative;border: 0;padding: 15px 15px 46px 15px;height: 170px;max-width: 100%;width: 100%;margin-bottom: unset;background: #f8f8f8;border-radius: 12px;overflow: hidden;}
.comment-textarea textarea{border: 0;height: 100%;width: 100%;width: calc(100% + 40px);padding-right: 40px;resize: none;font-size: 12px;color: #333;background: #f8f8f8;}
.hint{position: absolute;left: 13px;top: 6px;font-size: 12px;color: #aaa;}
.comment-submit{display: inline-block;height: 34px;line-height: 34px;background: #000000;color: #fff;font-size: 12px;padding: 0 15px;width: 78px;cursor: pointer;border-radius: 100px;margin-top: 6px;}
.comment-meta a {color: #2f2f2f;font-size: 11px;display: inline-block;vertical-align: text-top;}



.cover {padding-bottom: 25px;border-bottom: 1px solid #e3e3e3;}
.cover:last-child {border:0;}
.cover-title{color: #000;padding: 0 36px;}
.cover-title span {display: inline-block;line-height: 17px;padding: 25px 0 10px 0;color: #000;font-size: 15px;font-weight: bold;}
.list-item {padding: 15px 36px;}
.list-item:last-child {border:0;}
.list-link {display: block;color: inherit;text-decoration: none;}
.list-item .table {width: 100%;table-layout: fixed;margin: 0px 0px;overflow: hidden;}
.list-item .list-thumb {width: 70px;position:relative;}
.list-item .list-thumb:after {content:" ";display:block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: .06;filter: alpha(opacity=6);border: 1px solid #000;}
.list-item .list-thumb img {width: 100%;vertical-align: middle;max-width: 100%;}
.list-item .list-thumb ~ .list-info {padding-left: 10px;}
.list-subject{font-weight: bold;color: #000;font-size: 14px;margin-bottom: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list-desc{display: none;}
.list-meta {font-size: 11px;color: #a2a2a2;}
.list-category {font-size: 13px;margin-bottom: 5px;color: #1a70dc;}
.list-tags{display: inline-block;font-weight: normal;border: 1px solid rgb(0 0 0);color: rgb(0 0 0);font-size: 11px;padding: 0 4px;text-align: center;height: 18px;line-height: 18px;vertical-align: top;margin-right: 5px;}
.article-wrap .list-item .list-thumb {width:70px;}
.article-wrap .list-item .table {min-height: 70px;height: 70px;max-height: 70px;}
.grid-list {margin: 0 -10px;list-style: none;font-size: 0;padding: 0 36px;}
.grid-list .list-link {margin: 0 10px;}
.grid-list .list-item {display: inline-block;width: 50%;margin-bottom: 0;vertical-align: top;border:0;padding: 0;}
.grid-list .list-item .table-cell {display:block;}
.grid-list .list-item .list-thumb {position:relative;width:100%;height: 162px;}
.grid-list .list-item .list-thumb-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat!important;background-size:cover!important;background-position:50% 50%!important;}
.grid-list .list-item .list-thumb ~ .list-info {padding:0;}
.grid-list .list-item .list-desc {color:#464646;}
.grid-list .list-item .list-category {margin-top:6px;color:#333;}
.grid-list .list-item:nth-child(n+3) {padding: 15px 0px!important;}
.grid-list .list-item:nth-child(n+3) .list-thumb ~ .list-info {padding-left: 10px;}
.grid-list .list-item:nth-child(n+3) {display:inline-block;width:50%;}
.grid-list .list-item:nth-child(n+3) .table-cell {display:table-cell;}
.grid-list .list-item:nth-child(n+3) .list-thumb {position:relative;width:85px;height: auto;}
.grid-list .list-item:nth-child(n+3) .list-desc {display:none;}
.grid-list .list-item:nth-child(n+3) .list-category {margin-top:0;}
.grid-list-type2 .list-item:first-child {float:none;width:100%;}
.grid-list-type2 .list-item:nth-child(n+2) {padding: 15px 0px!important;}
.grid-list-type2 .list-item:nth-child(n+2) .list-thumb ~ .list-info {padding-left: 10px;}
.grid-list-type2 .list-item:nth-child(n+2) {display:inline-block;width:50%;}
.grid-list-type2 .list-item:nth-child(n+2) .table-cell {display:table-cell;}
.grid-list-type2 .list-item:nth-child(n+2) .list-thumb {position:relative;width:85px;height: auto;}
.grid-list-type2 .list-item:nth-child(n+2) .list-desc {display:none;}
.grid-list-type2 .list-item:nth-child(n+2) .list-category {margin-top:0;}
.grid-list-type2 .list-item .list-thumb {height:300px;}
.grid-wrap{margin: 0 -10px; padding: 0; list-style: none; font-size: 0; padding: 0 36px}
.grid-wrap .cover-title {margin-left:10px;margin-right:10px;}
.grid-item{display: inline-block; width: 50%; margin-bottom: 25px; vertical-align: top;}
.grid-link{display: block; margin: 0 10px; color: #333; line-height: 1.33; transition: all .2s ease-out; text-decoration: none;}
.grid-thumbnail{position: relative; display: block; width: 100%; padding-top: 60%; background: #f2f2f2;}
.grid-thumbnail .thumb{position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; background-size: cover!important; background-repeat: no-repeat!important; background-position: 50% 50%!important;}
.grid-title{display: block; margin: 8px 0; font-size: 14px; color: #202020; font-weight: 700; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.grid-desc{max-height: 78px; margin: 0; font-size: 12px; color: #777; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.thumb-border{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: 1px solid #e6e6e6;}
.block-wrap {margin: 0 -10px;list-style: none;font-size: 0;padding: 0 36px;}
.block-item{display: inline-block;width: 50%;margin-bottom: 25px;vertical-align: top;-webkit-transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;transition: width 0.3s ease 0s;}
.block-link{display: block; margin: 0 10px; color: #333; line-height: 1.33; transition: all .2s ease-out; text-decoration: none;}
.block-thumbnail{position: relative; display: block; width: 100%; padding-top: 70%; background: #f2f2f2;}
.block-thumbnail .thumb{position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; background-size: cover!important; background-repeat: no-repeat!important; background-position: 50% 50%!important; z-index:1;}
.block-thumbnail:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background .3s ease; transition: background .3s ease; z-index:2; content: ''; background: rgba(0,0,0,0.7);}
.block-item .table{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;z-index:200;}
.block-item .block-info {padding:10px 20px;overflow:hidden;font-size:18px;}
.block-item .block-info .title {margin:10px;height: 51px;max-height: 51px;overflow:hidden;text-shadow: 1px 1px 3px rgba(0,0,0,.2);}
.block-item .block-info .category {display: inline-block;background-color: #fff;color: #000;font-size: 12px;padding: 3px 10px;line-height: 13px;}
.block-link:hover .block-thumbnail:after {background: rgba(45, 64, 84,0.7);}




.paging{margin: 40px 0 70px 0; color: #666; text-align: center; -webkit-user-select: none; -webkit-user-drag: none; -moz-user-select: none; user-select: none;}.paging a{color: #666;text-decoration:none;cursor:pointer;}.paging .numbox{min-width: 40px; display: inline-block;}.paging .numbox .num{display: none;min-width: 24px;height: 25px;margin: 0 1px;padding: 0 6px;line-height: 25px;text-decoration: none;text-align: center;border: 0;font-size: 12px;border-radius: 100px;}.paging .numbox .selected-num{display:inline-block;border: 0;cursor: default;color: #fff;background: #000000;}.paging .num:hover{border-color:#e0e0e0;}.paging .no-more-next, .paging .no-more-prev{opacity:0.45;cursor: default;}.paging .view-more-btn{display: block; width: 100%; color: #333!important; border: 1px solid #ddd; padding: 10px;}.paging .view-more-btn:hover{border-color: #666;}


#footer {height: 100px;border-top: 1px #d1d1d1 solid;color: #888888;font-size: 11px;}
#footer .container {height: inherit;}
#footer a {color:#000}




@media (min-width:768px) {
	#main .main {padding-top: 0!important;}
  #nav .nav-list {display: block;}
  #nav .nav-list{position: relative; bottom: auto; left: auto; right: auto; width: auto; background: none; border: 0;}
  #nav .nav-list li{float: left;position: relative;}
  #nav .nav-list li+li{margin-left: 6px;}
  #nav .nav-list a {padding: 0 5px;height: 45px;line-height: 45px;min-width: 34px;text-align: center;margin-top: -1px;}
  #nav .nav-list a:hover {background: rgb(0 0 0);color: #fff;}
  #nav .nav-list .sub_category_list a:hover {background:#f3f3f3;color:#000!important}
  #nav .toggle-menu-wrap {display: none;}
  #nav .sub_category_list{display: none;position:absolute;top: 100%;z-index:100;background: #fff;margin-top: -3px;border: 1px solid #eaeaea;min-width: 150px;width: auto;text-align: left;}
  .list-item .list-thumb {width: 140px;} 
  .list-desc{display: block;margin: 0 0px 5px 0px;line-height: 1.6;max-height: 60px;overflow: hidden;-webkit-tap-highlight-color: transparent;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 12px;color: #464646;}
  .paging .numbox .num {display:inline-block;}
	.paging .numbox .num:hover {background:#000!important;color:#fff!important;}
  .grid-list-type2 .list-item:nth-child(2n){padding-top:0!important;padding-bottom:0!important;}
	.grid-list-type2 .list-item:first-child {float:left;width:50%;}
	.grid-list-type2 .list-item .list-thumb {height: 162px;}
	.grid-wrap .grid-item {width: 33.33333333%}
}
@media (min-width:992px) {
  #main .main {background: #f8f8f8;border-right: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
  #main .main .main-inner {margin-right: 334px;/* padding-right: 15px; */word-break: break-all;border-right: 1px solid #eaeaea;}
  #main .content {float: left;width: 100%;min-height: 50vh;}
  #main .sidebar {position: relative;float: right;width: 300px;margin-right: -320px;min-height: 50vh;margin-top: 0;border-top: 0;}
	#header .search-wrap, #header .blog-tags {max-width:518px!important;}
}
@media (max-width:768px) {
  #nav .on a:hover {background-color: #f3f3f3;color: #000!important;}
  #nav .on .sub_category_list a {padding-left:25px!important}
	.grid-list .list-item:nth-child(n+3) {display:block;width:100%;}
	.block-item .block-info .title {font-size:14px;}
	.cover-title, .list-item, .editor, .article-header, .comment-cnt, .comment-item, .grid-list, .block-wrap, .grid-wrap{padding-left:0;padding-right:0;}
	.comment-reply{padding-left:35px!important;}
	.comment-reply:before {left:14px!important;}
	.comment-write, .guest-title {padding-left:15px;padding-right:15px;}
	.brand svg {width:240px!important;}
	#header {height: 180px;}
	#header .brand {text-align:center;margin-top: 25px;}
	#header .table-cell {width:100%;display:block;text-align: center;}
	#header .search-wrap{max-width:100%;}
}

.container_postbtn {padding-bottom:0!important;}.container_postbtn{text-align:center!important;}.container_postbtn .postbtn_like, .container_postbtn .btn_menu_toolbar{border-radius: 0!important; float: none!important; display: inline-block; vertical-align: middle;}
.wrap_btn_share, .wrap_btn_etc {display:none!important;}
figure.fileblock a::after, #tt-body-page figure.fileblock a::after{top: 25.5px!important;}
figure.fileblock .desc, #tt-body-page figure.fileblock .desc {top:2px!important}
figure.fileblock .image, #tt-body-page figure.fileblock .image{margin: 28px 17px 20px 22px!important;}
.fileblock+.fileblock {margin-left:10px;}
blockquote[data-ke-style="style3"] {position: relative;margin-bottom: 25px;padding: 5px 20px!important;font-size: 15px;font-weight: bold;border:0!important;border-left:5px solid #e5e5e5!important;background-color: #fff!important;}
figcaption {font-size: 11px!important;color: #858585;line-height: 15px;}
hr {height: 1px!important;background: #eaeaea url("")!important;cursor: default!important;opacity: .8!important;margin: 35px 0!important;padding:0!important;}
figure.fileblock a::after, #tt-body-page figure.fileblock a::after{content: "다운로드"; background: #000!important; text-align: center; color: #fff!important; width: 72px!important; height: 32px!important; line-height: 32px!important; border-radius: 100px;}
.btn-toggle-moreless{display: inline-block; position: relative!important; background: #000000; color: #fff!important; font-size: 14px!important; line-height: 14px!important; width: 100px!important; text-align: center!important; border-radius: 100px; padding: 10px 10px!important; margin-bottom: 10px!important; z-index: 100; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s;}

/* 크로스 브라우징 */
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	.list-tags {line-height:16px;}
}
@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:0){ 
	.comment-submit {line-height: 34px;}
	.font-btn {line-height:25px;}
	figure.fileblock a::after, #tt-body-page figure.fileblock a::after {line-height:30px!important;}
}
@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0){ 
	.list-tags {line-height:18px;}
}


.scroll-top{position: fixed; width: 34px; height: 34px; right: 15px; bottom: 15px; background: #fff; border-radius: 100px; cursor:pointer; text-align: center; z-index:100000; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 7px 6px -4px rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 7px 6px -4px rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 7px 6px -4px rgba(0,0,0,.15);}
.mode-btn{position: fixed; bottom: 15px; right: 59px; width: 125px; padding: 8px 10px; text-align: center; background: #ffffff; color: #000; font-weight:bold; border-radius: 100px; cursor: pointer; z-index:100000; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 7px 6px -4px rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 7px 6px -4px rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 7px 6px -4px rgba(0,0,0,.15);}
.scroll-top:hover, .mode-btn:hover {background:#000}
.scroll-top:hover svg, .mode-btn:hover {color:#fff;fill:#fff!important;}
.mode-btn:hover svg {fill: yellow!important;}
.mode-btn .moon {display:inline-block;}
.mode-btn .sun {display:none!important;}


#dark .mode-btn .sun {display:inline-block!important;}
#dark .mode-btn .moon {display:none!important;}
#dark .scroll-top, #dark .mode-btn {background:#333;}
#dark .scroll-top svg, #dark .mode-btn {color:#fff;fill:#fff!important}
#dark .scroll-top:hover, #dark .mode-btn:hover {background:#4a4a4a!important;}
#dark, #dark body, #dark #toolbar, #dark #header, #dark #header .search-wrap, #dark #header .search-input, #dark #nav, #dark #main .main .main-inner, #dark #footer, #dark .cover {background: #1e1f21;border-color: #3a3b3d;}
#dark #header .brand {color:#d9d9d9!important}
#dark #main .main {background:#292a2d;border-color:#3a3b3d}
#dark .list-cnt li:before {background: #1e1f21;color: #a5a5a5;border-radius: 1px!important;border: 1px solid #3a3b3d;}
#dark .list-subject, #dark .widget-title, #dark .widget-body a, #dark .cover-title, #dark .cover-title span {color:#d9d9d9}
#dark .list-tags {border: 1px solid #3a3b3d;color: #d9d9d9;}
#dark .list-desc, #dark .list-category {color:#a9a9a9;}

#dark #nav a {color:#d9d9d9}
#dark #nav .nav-list a:hover {background: #292a2d;color: #fff;}
#dark #header .blog-tags a {color: #d9d9d9;}
#dark .search-submit svg {fill:#d9d9d9!important}
#dark #header svg g {fill:#d9d9d9}
#dark #nav .sub_category_list {background: #292a2d;border: 1px solid #1e1f21;}
#dark #nav .sub_category_list a {color:#d9d9d9}
#dark #nav .nav-list .sub_category_list a:hover {background: #1e1f21;color: #d9d9d9!important;}
#dark .search-input {color:#d9d9d9}
#dark .article-subject {color:#d9d9d9}
#dark .article-header {border-color:#3a3b3d}
#dark blockquote[data-ke-style="style3"]{border-left: 5px solid #616161!important;background-color: #1e1f21!important;color:#d9d9d9;}
#dark .editor, #dark .editor p, #dark .editor span, #dark .editor ul, #dark .editor li, #dark .editor b, #dark .editor div#dark .editor textarea #dark .editor input{color:#d9d9d9!important;}
#dark .editor blockquote, #dark .editor h1, #dark .editor h2, #dark .editor h3, #dark .editor h4, #dark .editor h5 {color: #d9d9d9!important;border-color: #3a3b3d!important;}
#dark .btn-toggle-moreless {background:#333!important}
#dark .article-tags a {color:#d9d9d9}
#dark .comment-cnt, #dark .comment-body, #dark .comment-head, #dark .comment-head a, #dark .comment-meta, #dark .comment-meta span, #dark .comment-tools {color:#d9d9d9;border-color: #3a3b3d;}	
#dark .comment-item, #dark .comment-write {border-color:#3a3b3d}
#dark .comment-reply, #dark .comment-write {background: #292a2d}
#dark .comment-body a {color:#fff;}
#dark .checkbox .checkbox-arrow {background:#505050}
#dark .checkbox {color:#d9d9d9}
#dark .comment-textarea, #dark .comment-textarea textarea, #dark .input-box, #dark .input-box input {background:#1e1f21;border-color:#3a3b3d}
#dark .nv-openmain button {background: #292a2d!important;border: 1px solid #3a3b3d!important;}
#dark .nv-openmain button span {color:#d9d9d9!important;border-color:#3a3b3d!important;}
#dark #nav .nav-list {border-color:#3e3e3e;background: #292a2d;}
#dark #nav .nav-list a{color:#d9d9d9!important;}
#dark #nav .toggle-menu span {background:#d9d9d9;}
#dark figure.fileblock {background-color: #292a2d!important;color:#d9d9d9!important}
#dark figure.fileblock .filename, #dark #tt-body-page figure.fileblock .filename{color:#d9d9d9!important}
#dark figure.fileblock a::after, #dark #tt-body-page figure.fileblock a::after {display:none}
#dark figure.fileblock:hover {background:#3d3e42!important;}
#dark .container_postbtn .postbtn_like, #dark .container_postbtn .btn_menu_toolbar {border-color:#3a3b3d!important}
#dark .comment-submit, #dark .paging .numbox .selected-num, #dark .password-submit {background:#333!important}
#dark .font-btn {border-color: #3a3b3d;color: #d9d9d9;}
#dark .another_category {border-color: #3a3b3d!important;}
@media (max-width:992px) { 
	#dark #main .main {background:#1e1f21!important;}
}


.pace{-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.pace-inactive{display: none;}.pace .pace-progress{background: #000; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 5px;}.pace .pace-progress-inner{display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #000, 0 0 5px #000; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}.pace .pace-activity{display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #000; border-left-color: #000; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite;}@-webkit-keyframes pace-spinner{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}@-moz-keyframes pace-spinner{0%{-moz-transform: rotate(0deg); transform: rotate(0deg);}100%{-moz-transform: rotate(360deg); transform: rotate(360deg);}}@-o-keyframes pace-spinner{0%{-o-transform: rotate(0deg); transform: rotate(0deg);}100%{-o-transform: rotate(360deg); transform: rotate(360deg);}}@-ms-keyframes pace-spinner{0%{-ms-transform: rotate(0deg); transform: rotate(0deg);}100%{-ms-transform: rotate(360deg); transform: rotate(360deg);}}@keyframes pace-spinner{0%{transform: rotate(0deg); transform: rotate(0deg);}100%{transform: rotate(360deg); transform: rotate(360deg);}}.checkbox input:checked ~ .checkbox-arrow{background-color: #000; border-radius: 25px;}