@charset "utf-8";
@import url('./images/fonts.min.css');
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;outline:0}fieldset,img{border:0 none}dl,ul,ol,menu,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}input,select,textarea,button{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;vertical-align:middle}input::-ms-clear{display:none}button{border:0 none;background:transparent;cursor:pointer}#tistorytoolbarid{display:none}.tt_article_useless_p_margin div:last-child{display:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:0}

::selection {
	background: #ed3f35;
	color: #fff
}

::-moz-selection {
	background: #ed3f35;
	color: #fff
}

img::selection {
	background-color: transparent
}

img::-moz-selection {
	background-color: transparent
}

:-webkit-full-screen body {
	color: #f9f9f9;
	background: #000
}

:-webkit-full-screen #post {
	color: #333341;
	background-color: #fff;
}

:-webkit-full-screen #post:hover {
	color: #f9f9f9;
	background-color: #000;
}

:-webkit-full-screen #area_head {
	margin: 0 auto;
	padding: 0;
	max-width: 100%
}

:-webkit-full-screen .skin_view .area_etc,:-webkit-full-screen .skin_view .area_reply,:-webkit-full-screen .skin_view .area_title {
	display: none
}

:-webkit-full-screen .skin_view .area_view {
	padding: 0;
	border: 0
}

:-webkit-full-screen .skin_view .area_view img {
	cursor: none
}

:-webkit-full-screen a {
	color: #f9f9f9
}

:-webkit-full-screen .area_paging .btn_prev {
	color: #f9f9f9
}

:-webkit-full-screen .area_paging .btn_next {
	color: #f9f9f9
}

:-webkit-full-screen .area_paging .btn_prev:hover {
	color: #ed3f35
}

:-webkit-full-screen .area_paging .btn_next:hover {
	color: #ed3f35
}

:-webkit-full-screen .area_paging .btn_prev.no-more-prev {
	color: #333
}

:-webkit-full-screen .area_paging .btn_next.no-more-next {
	color: #333
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

::-webkit-scrollbar-track {
	background: #fff
}

::-webkit-scrollbar-thumb {
	background: #cdcfd6
}

:hover::-webkit-scrollbar-track {
	background: #fff
}

::-webkit-scrollbar-thumb:hover {
	background: #7c839b
}

::-webkit-scrollbar-thumb:active {
	background: #ed3f35
}

::-webkit-scrollbar-track:hover {
	background: #eee
}

address,caption,cite,code,dfn,em,var {
	font-style: normal;
	font-weight: normal
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
	transition: background 5000s ease-in-out 0s;
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

html {
	overflow-y: scroll
}

body {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: -0.3px;
	word-spacing: 2px;
	font-family: 'NanumBarunGothicWeb';
	font-style: normal;
	font-weight: 100;
	color: #333341;
	background: #fff;
	cursor: default
}

a {
	text-decoration: none;
	color: #333341;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

a:active,a:hover {
	text-decoration: none
}

ruby rt,rp {
	font-size: .75em;
	font-family: 'NanumBarunGothicWeb';
	color: #999
}

.clear {
	clear: both
}

.key1 {
	cursor: pointer
}

textarea {
	width: 100%;
	height: 100%
}

hr {
	border: 0;
	border-bottom: 1px dashed #ddd
}

.alert {
	font-size: .9em;
	position: relative;
	padding: 10px;
	padding-left: 10%;
	border: 1px solid #ddd
}

.alert:before {
	content: "\f06a";
	font-family: 'FontAwesome';
	font-size: 40px;
	color: #ddd;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translate(-50%, -50%);
	z-index:-1
}

h1 {
	font-size: 1.5em;
	line-height: 2em;
	font-weight: 100
}

h1::first-letter {
	border-bottom: 5px solid #ed3f35
}

h2 {
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: 700
}

h3 {
	font-size: 1.2em;
	line-height: 1.7em;
	font-weight: 400
}

h4 {
	font-size: 1.2em;
	line-height: 1.7em;
	font-weight: 400;
	padding: 0 4px;
	background-color: #fafafa;
	border-left: 5px solid #ed3f35
}

h5 {
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: 400
}

h6 {
	font-size: .8em;
	font-weight: 100;
	width: 250px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

h6::before {
	margin: 10px;
	content: "\f0c1";
	font-family: FontAwesome
}

pre {
	overflow: auto;
	margin: 5px;
	padding: 10px;
	font-size: 0.8em;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid #ddd
}

code {
	font-size: .9em;
	display: inline-block;
	margin: 1px 0;
	padding: 0 5px;
	background-color: #fafafa;
	border: 1px solid #ddd
}

code.red {
	color: #ed3f35;
	background-color: #fff4f4;
	border: 1px solid #ed3f35
}

code.blue {
	color: #1e95ed;
	background-color: #f4fcff;
	border: 1px solid #1e95ed
}

code.green {
	color: #2bc670;
	background-color: #f4fff4;
	border: 1px solid #2bc670
}

abbr, acronym {
	cursor: help
}

.screen_out {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999px
}

.txt_bar {
	display: inline-block;
	width: 1px;
	height: 9px;
	margin: 0 5px;
	background: #ddd
}

.img_profile {
	width: 42px;
	height: 42px;
	margin: 5px;
	float: left;
	border-radius: 50%
}

#area_head {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px
}

#area_head .area_list .tit_category {
	max-height: 70px;
	height: 70px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center
}

#area_head .area_list .tit_category .link_category {
	color: #585f76
}

.skin_view {
	word-break: keep-all;
	word-wrap: break-word
}

.skin_view .area_title {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px
}

.skin_view .area_title a {
	text-decoration: none
}

.skin_view .tit_post {
	max-height: 70px;
	height: 70px;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: left
}

.skin_view .tit_post a {
	color: #585f76
}

.skin_view .tit_comp {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.skin_view .txt_detail {
	display: block;
	font-size: 12px;
	color: #ddd
}

.skin_view .txt_detail .txt_bar {
	margin: 0 7px 0 5px
}

.skin_view .txt_detail .my_edit {
	display: none
}

.skin_view .my_post .my_edit {
	display: inline-block
}

.skin_view .link_detail {
	padding: 3px;
	color: #ddd
}

.skin_view .link_detail:hover {
	color: #585f76
}

.skin_view .area_view {
	margin: 0 auto;
	font-size: 18px;
	line-height: 2.0;
	padding-bottom: 14px;
	border-bottom: 1px solid #ddd
}

.skin_view .area_view a:hover {
	color: #ed3f35
}

.skin_view .area_view ul,.skin_view .area_view ol {
	padding: 0 0 0 10px
}

.skin_view .area_view ul li,.skin_view .area_view ol li {
	margin-left: 10px
}

.skin_view .area_view ul li {
	list-style: disc
}

.skin_view .area_view ol li {
	list-style: decimal
}

.skin_view .area_view blockquote {
	font-size: .9em;
	margin: 10px;
	padding: 10px;
	border-left: 5px solid #eee;
	font-style: italic
}

.skin_view .area_view blockquote ol:last-child,.skin_view .area_view blockquote ul:last-child,.skin_view .area_view blockquote p:last-child {
	margin-bottom: 0
}

.skin_view .area_view img {
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto
}

.imageblock {
	font-size: 15px;
	margin: 0 0 10px 0;
	letter-spacing: -1px
}

.imageblock img {
	vertical-align: middle
}

.imageblock a {
	font-weight: 700;
	padding: 10px;
	font-size: 0.8em;
	letter-spacing: 1px;
	border: 2px solid #ddd;
	border-radius: 5px;
	background: #fff;
}

.imageblock a:hover,.imageblock a:focus {
	border: 2px solid #ed3f35;
}

.imageblock > a[href*="attachment"]:active {
	color: #fff;
	background: #ed3f35;
}

.skin_view .area_view .protected_form {
	font-size: 15px;
	text-align: center;
	padding: 100px 0 130px;
	line-height: 3;
	color: #666
}

.skin_view .area_view .protected_form input {
	color: #ddd;
	padding: 0 15px;
	border: 1px solid #ddd;
	height: 38px;
	line-height: 38px;
	font-size: 12px
}

.skin_view .area_view .protected_form input:focus {
	color: #7c839b;
	border: 1px solid #7c839b
}

.skin_view .area_view .protected_form button {
	font-size: 12px;
	line-height: 38px;
	background: #585f76;
	color: #fff;
	font-weight: 700;
	padding: 0 16px
}

.skin_view .area_view .protected_form .submit_enter_rep:active {
	position: relative;
	top: 1px
}

.skin_view .area_etc {
	margin-top: 9px;
	min-height: 7px
}

.skin_view .area_etc .list_tag {
	font-size: 13px;
	color: #fff;
	margin: 0 0 9px
}

.skin_view .area_etc .list_tag a {
	display: inline-block;
	color: transparent;
	padding: 4px 6px 4px 6px
}

.skin_view .list_tag .desc_tag a {
	color: #fff;
	background: #ccc
}

.skin_view .list_tag .desc_tag a:hover {
	background: #7c839b
}

.skin_view .list_tag .desc_cat a {
	color: #fff;
	background: #ccc
}

.skin_view .list_tag .desc_cat a:hover {
	background: #7c839b
}

.skin_view .area_reply {
	margin: 1px 0 20px
}

.area_reply .btn_reply {
	font-size: 11px;
	color: #aaa;
	font-weight: 400
}

.area_reply .reply_write {
	position: relative
}

.area_reply .lab_write {
	position: absolute;
	font-size: 12px
}

.area_reply .on_box .lab_write {
	display: none
}

.area_reply .tf_reply {
	color: #ddd;
	background: #fff;
	width: 100%;
	max-width: 1000px;
	height: 80px;
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 12px;
	resize: none
}

.area_reply .tf_reply:focus {
	color: #7c839b;
	border: 1px solid #7c839b
}

.area_reply .reply_writer {
	margin-top: 10px;
	position: relative;
	height: 36px
}

.area_reply .writer_info {
	float: left
}

.area_reply .writer_info .info_name {
	display: inline-block;
	position: relative;
	margin-right: 8px
}

.area_reply .writer_info .info_pw {
	display: inline-block;
	position: relative
}

.area_reply .writer_info .lab_info {
	position: absolute;
	top: 10px;
	left: 16px;
	font-size: 12px
}

.area_reply .on_box .lab_info {
	display: none
}

.area_reply .writer_info .inp_info {
	color: #ddd;
	width: 110px;
	height: 36px;
	padding: 0 15px;
	border: 1px solid #ddd;
	font-size: 12px;
	resize: none
}

.area_reply .writer_info .inp_info:focus {
	color: #7c839b;
	border: 1px solid #7c839b
}

.area_reply .writer_info .inp_info::-webkit-input-placeholder {
	padding-top: 2px
}

.area_reply .writer_check {
	position: absolute;
	right: 70px
}

.area_reply .writer_check .check_secret {
	display: inline-block;
	position: relative;
	height: 36px;
	margin-right: 18px;
	line-height: 36px
}

.area_reply .writer_check .inp_secret {
	display: none
}

.area_reply .writer_check .lab_secret {
	position: relative;
	cursor: pointer
}

.ico_skin {
	color: #7c839b
}

.area_reply .writer_check .ico_check:before {
	content: "\f09c";
	font-family: FontAwesome
}

.area_reply .writer_check .inp_secret:checked+.lab_secret .ico_check:before {
	content: "\f023";
	font-family: FontAwesome
}

.area_reply .writer_check .inp_secret:focus+.lab_secret .ico_check {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px
}

.area_reply .writer_btn {
	position: absolute;
	right: 0
}

.area_reply .btn_replymore {
	display: none;
	width: 100%;
	height: 42px;
	margin-top: 3px;
	border-top: 1px solid #ddd;
	font-size: 12px;
	line-height: 44px;
	color: #aaa
}

.on .btn_replymore {
	display: block
}

.area_reply .list_reply {
	margin-bottom: 10px;
	margin-top: 10px;
	border-top: 1px solid #e0e0e0
}

.on .list_reply {
	display: block;
	margin-bottom: 18px
}

.area_reply .list_reply li.tt_more_preview_comments_wrap {
	padding: 10px 20px
}

.area_reply .list_reply .tt_more_preview_comments_text {
	font-size: 12px;
	color: #aaa
}

.area_reply .list_reply li {
	overflow: hidden;
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	color: #666
}

.area_reply .list_reply li:hover {
	background: rgba(200, 200, 200, 0.1)
}

.area_reply .list_reply .re_reply {
	background: rgba(200, 200, 200, 0.1);
	padding-left: 50px
}

.area_reply .reply_content {
	max-width: 920px;
	margin: 5px;
	float: left
}

.area_reply .tit_nickname {
	font-size: 13px;
	display: block;
	overflow: hidden;
	font-weight: 700;
	color: #585f76;
	white-space: nowrap
}

.area_reply .my_reply .tit_nickname {
	color: #585f76
}

.area_reply .tit_nickname:hover {
	text-decoration: none
}

.area_reply .txt_reply {
	font-size: 13px;
	line-height: 1.3
}

.area_reply .txt_date {
	display: block;
	font-size: 11px;
	color: #aaa
}

.area_reply .btn_replymenu {
	display: none
}

.area_reply .list_reply li .my_edit {
	display: none;
	position: absolute;
	top: 27px;
	right: 16px
}

.area_reply .list_reply li:hover .my_edit {
	display: block
}

.area_reply .my_edit .link_edit {
	margin: 5px;
	font-size: 20px;
	color: #ccc
}

.area_reply .my_edit .link_edit:hover {
	color: #7c839b;
	text-decoration: none
}

.list_content {
	border-bottom: 1px solid #ddd;
	min-height: 170px;
	padding: 17px 0
}

.list_content:hover {
	background: rgba(200, 200, 200, 0.1)
}

.list_content::after {
	content: '';
	clear: both;
	display: block
}

.list_content .thumbnail_post {
	float: right;
	height: 120px;
	width: 120px;
	margin: 7px 0 7px 7px
}

.list_content .thumbnail_post img {
	border-radius: 50%
}

.list_content .thumbnail_post img:hover {
	background-color: #fff;
	opacity: .5
}

.list_content .link_post {
	display: block;
	overflow: hidden;
	text-decoration: none
}

.list_content .tit_post {
	font-weight: 400;
	font-size: 16px;
	display: block;
	color: #585f76;
	letter-spacing: -1px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 6px 0
}

.list_content .link_post .tit_post:hover {
	color: #ed3f35
}

.list_content .txt_post {
	font-weight: 400;
	margin-top: 1px;
	color: #666;
	vertical-align: top;
	white-space: normal;
	line-height: 1.5em;
	height: 66px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	word-wrap: break-word
}

.list_content .detail_info {
	font-size: 11px;
	color: #7c839b;
	margin: 4px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.list_content .detail_info a {
	color: #7c839b;
	margin: 4px 0
}

.list_content .detail_info .link_cate {
	text-decoration: none;
	color: #7c839b;
}

.skin_visitor .area_reply .reply_write {
	margin-top: 32px
}

#tag .list {
	margin: 14px 0;
	padding: 5px
}

#tag .list li {
	display: inline-block;
	color: transparent;
	margin: 0 0 7px
}

#tag .list a:hover {
	text-decoration: none;
	color: #fff
}

#tag .list .cloud1 {
	color: #1e95ed
}

#tag .list .cloud1:hover {
	background: #1e95ed
}

#tag .list .cloud2 {
	color: #4aa8a7
}

#tag .list .cloud2:hover {
	background: #4aa8a7
}

#tag .list .cloud3 {
	color: #a85ac2
}

#tag .list .cloud3:hover {
	background: #a85ac2
}

#tag .list .cloud4 {
	color: #7c839b
}

#tag .list .cloud4:hover {
	background: #7c839b
}

#tag .list .cloud5 {
	color: #ed3f35
}

#tag .list .cloud5:hover {
	background: #ed3f35
}

.fontstyle{
	margin: 5px 0;
	padding: 5px;
	width: 100%;
	height: 100%;
	border: 3px solid #fff;
	color: #757575;
	cursor: pointer;
	overflow: hidden;
	resize: none;
}

.fontstyle:focus {
	border-left: 3px solid #ddd;
	font-size: 1.5em;
}

.fontstyle:hover {
	border-left: 3px solid #b3b3b3;
}

.px09 {
	font-size: 9px;
}

.px10 {
	font-size: 10px;
}

.px11 {
	font-size: 11px;
}

.px12 {
	font-size: 12px;
}

.px13 {
	font-size: 13px;
}

.px14 {
	font-size: 14px;
}

.px15 {
	font-size: 15px;
}

.px16 {
	font-size: 16px;
}

.px17 {
	font-size: 17px;
}

.px18 {
	font-size: 18px;
}

.px19 {
	font-size: 19px;
}

.px20 {
	font-size: 20px;
}

.px21 {
	font-size: 21px;
}

.px22 {
	font-size: 22px;
}

.px23 {
	font-size: 23px;
}

.px24 {
	font-size: 24px;
}

.px25 {
	font-size: 25px;
}

.px26 {
	font-size: 26px;
}

.px27 {
	font-size: 27px;
}

.px28 {
	font-size: 28px;
}

.px29 {
	font-size: 29px;
}

.px30 {
	font-size: 30px;
}

.w100 {
	font-weight: 100;
}

.w200 {
	font-weight: 200;
}

.w300 {
	font-weight: 300;
}

.w400 {
	font-weight: 400;
}

.w500 {
	font-weight: 500;
}

.w600 {
	font-weight: 600;
}

.w700 {
	font-weight: 700;
}

.w800 {
	font-weight: 800;
}

.w900 {
	font-weight: 900;
}

#s_sidebar {
	font-size: 13px
}

#s_sidebar a {
	color: #585f76;
	text-decoration: none
}

#s_sidebar a:hover {
	color: #ed3f35
}

#s_sidebar h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 20px;
	line-height: 200%
}

#s_sidebar h1 a {
	color: #555
}

#s_sidebar .ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

#s_sidebar .widget {
	padding: 10px 10px 10px;
	line-height: 250%;
	letter-spacing: -0.5px;
	color: #585f76
}

#s_sidebar .widget ul {
	margin: 0;
	padding: 0
}

#s_sidebar .widget li {
	list-style: none
}

#s_sidebar .category .c_cnt {
	font-size: 11px;
	line-height: 0
}

#s_sidebar .category ul li ul {
	padding: 0
}

#s_sidebar .category ul li ul li ul li:before {
	content: "·";
	font-size: 11px;
	padding-right: 5px
}

#s_sidebar .category ul li ul li ul li::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background: #bec1cd;
	transition: width .3s
}

#s_sidebar .category ul li ul li ul li:hover::after {
	width: 100%
}

div.category ul li a {
	display: none
}

div.category ul li ul a {
	display: inline-block
}

#s_sidebar .counter {
	font-size: 11px;
	text-align: center;
	color: #999
}

#s_sidebar .counter .yesterday {
	font-size: 9px
}

#s_sidebar .counter .today {
	font-size: 11px
}

#s_sidebar .counter .total {
	font-size: 13px
}

#s_sidebar .search {
	text-align: left
}

#s_sidebar .search input {
	width: 100%;
	height: 36px;
	border: 0;
	color: #b3b3b3;
	background: #fff;
	border-bottom: 1px solid #b3b3b3;
	font-size: 12px;
	resize: none;
	cursor: pointer
}

#s_sidebar .search input:focus {
	height: 50px;
	color: #7c839b;
	border-bottom: 2px solid #7c839b
}

#s_sidebar .profile {
	max-height: 70px;
	height: 70px;
	overflow: hidden;
	float: none;
	border-bottom: 1px solid #b3b3b3;
	display: flex;
	align-items: center;
	justify-content: center
}

#s_sidebar .profile img:hover {
	background-color: #fff;
	opacity: .5
}

#s_sidebar .profile.link_profile {
	float: left
}

#s_sidebar .profile .img_profile {
	float: left;
	margin-right: 10px;
	border-radius: 50%
}

#s_sidebar .profile .info_profile {
	width: 100%;
	line-height: 21px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

#s_sidebar .profile .btn_name {
	color: #585f76;
	width: auto
}

#s_sidebar .profile .txt_condition {
	display: -webkit-box;
	display: -ms-flexbox;
	display: box;
	overflow: hidden;
	max-width: 200px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 50px
}

.article_skin .area_paging {
	width: 100%;
	height: 70px;
	font-size: 11px;
	text-align: center
}

.area_paging .inner_paging {
	display: inline-block;
	overflow: hidden;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center
}

.area_paging .btn_prev {
	margin: 5px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin-right: 18px;
	color: #7c839b
}

.area_paging .btn_prev:hover {
	color: #585f76
}

.area_paging .btn_prev.no-more-prev {
	font-size: 0;
	color: transparent;
	text-decoration: none
}

.area_paging .btn_prev.no-more-prev:before {
	content: "\f056";
	font-family: FontAwesome
}

.area_paging .btn_prev:before {
	padding: 0 10px 0 0;
	content: "\f053";
	font-family: FontAwesome
}

.area_paging .btn_next {
	margin: 5px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin-left: 18px;
	color: #7c839b
}

.area_paging .btn_next:hover {
	color: #585f76
}

.area_paging .btn_next.no-more-next {
	font-size: 0;
	color: transparent;
	text-decoration: none
}

.area_paging .btn_next.no-more-next:after {
	content: "\f056";
	font-family: FontAwesome
}

.area_paging .btn_next:after {
	padding: 0 0 0 10px;
	content: "\f054";
	font-family: FontAwesome
}

.area_paging .link_page span:hover {
	border: solid 1px #7c839b;
	border-radius: 50%;
	color: #7c839b
}

.area_paging .link_page span,.area_paging .interword {
	float: left;
	color: #c7c9d0;
	padding: 10px;
	margin: 5px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.area_paging .link_page .selected {
	border: solid 1px #c7c9d0;
	border-radius: 50%;
	color: #7c839b
}

.fonts_title_tools {
	list-style: none
}

.fonts_title_tools li {
	float: right;
	padding: 0 6px 0 6px;
	display: flex;
	align-items: center;
	justify-content: center
}

.fonts_title_tools li a {
	color: #ddd
}

.fonts_title_tools li a:hover {
	color: #ed3f35
}

.fonts_title_tools li.font {
	position: relative
}

.fonts_title_tools li.font a {
	cursor: pointer
}

#ntt_font_item {
	position: absolute;
	top: 33px;
	background: #fff;
	border: solid 1px #ddd;
	display: none;
	z-index: 1
}

#ntt_font_item a {
	display: block;
	width: 30px;
	height: auto;
	padding-left: 5px;
	background: 0;
	font-size: 12px;
	line-height: 22px;
	text-indent: 0;
	white-space: nowrap
}

#ntt_font_item a.selected {
	color: #fff;
	background: #ddd
}

.area_view.fontset_bat {
	font-family: 'KoPub Batang';
	font-style: normal;
	font-weight: 400
}

.area_view.fontset_nan {
	font-family: 'NanumBarunGothicWeb';
	font-style: normal;
	font-weight: 100
}

#sidebar-toggle {
	position: fixed;
	top: 20px;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 2px;
	cursor: pointer;
	z-index: 3;
	opacity: .3;
	-webkit-transition: right .5s, transform .5s;
	-moz-transition: right .5s, transform .5s;
	-o-transition: right .5s, transform .5s;
	transition: right .5s, transform .5s
}

#sidebar-toggle:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	right: 0;
	margin: auto;
	width: 22px;
	height: 2px;
	background-color: #585f76;
	-webkit-transition: top .3s, transform .3s;
	-moz-transition: top .3s, transform .3s;
	-o-transition: top .3s, transform .3s;
	transition: top .3s, transform .3s
}

#sidebar-toggle span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 22px;
	height: 2px;
	background-color: #585f76;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s
}

#sidebar-toggle:after {
	content: "";
	position: absolute;
	top: 24px;
	left: 0;
	right: 0;
	margin: auto;
	width: 22px;
	height: 2px;
	background-color: #585f76;
	-webkit-transition: top .3s, transform .3s;
	-moz-transition: top .3s, transform .3s;
	-o-transition: top .3s, transform .3s;
	transition: top .3s, transform .3s
}

#sidebar {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 300px;
	width: 100%;
	margin-right: -300px;
	background-color: #fff;
	z-index: 2;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s
}

html.sidebar-active {
	width: 100%;
	height: 100%;
	overflow: hidden
}

html.sidebar-active body {
	width: 100%;
	height: 100%;
	overflow: hidden
}

html.sidebar-active #wrap {
	width: 100%;
	height: 100%;
	overflow: hidden
}

html.sidebar-active #sidebar-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .1;
	z-index: 1;
	cursor: pointer
}

html.sidebar-active #sidebar-toggle {
	right: 3px;
	-webkit-transform: rotateZ(90deg) rotateX(-180deg);
	-moz-transform: rotateZ(90deg) rotateX(-180deg);
	-ms-transform: rotateZ(90deg) rotateX(-180deg);
	-o-transform: rotateZ(90deg) rotateX(-180deg);
	transform: rotateZ(90deg) rotateX(-180deg)
}

html.sidebar-active #sidebar-toggle:before {
	top: 13px;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}

html.sidebar-active #sidebar-toggle span {
	-webkit-transform: rotateY(100deg);
	-moz-transform: rotateY(100deg);
	-ms-transform: rotateY(100deg);
	-o-transform: rotateY(100deg);
	transform: rotateY(100deg)
}

html.sidebar-active #sidebar-toggle:after {
	top: 13px;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg)
}

html.sidebar-active #wrap {
	-webkit-transform: translate3d(-200px, 0, 0);
	-moz-transform: translate3d(-200px, 0, 0);
	-ms-transform: translate3d(-200px, 0, 0);
	-o-transform: translate3d(-200px, 0, 0);
	transform: translate3d(-200px, 0, 0)
}

html.sidebar-active #sidebar {
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
	-webkit-transform: translate3d(-300px, 0, 0);
	-moz-transform: translate3d(-300px, 0, 0);
	-ms-transform: translate3d(-300px, 0, 0);
	-o-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0)
}

html.no-opacity.sidebar-active #sidebar-bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

html.no-csstransforms.sidebar-active #sidebar {
	margin-right: 0
}

.footnotes {
	margin: 50px 0;
	font-size: .9em;
	line-height: 1.7;
	letter-spacing: -1px;
	word-spacing: 2px
}

.moreless_fold {
	font-size: .9em
}

.moreless_fold:before {
	padding: 0 10px 0 0;
	content: "\f078";
	font-family: FontAwesome
}

.moreless_top {
	font-size: .9em
}

.moreless_top:before {
	padding: 0 10px 0 0;
	content: "\f077";
	font-family: FontAwesome
}

.moreless_content {
	font-size: .9em;
	color: #585f76
}

.moreless_bottom {
	visibility: hidden
}

#s_sidebar .tagcloud ul {
	list-style: none;
	margin: 0;
	padding: 0;
	word-break: keep-all;
	word-wrap: break-word
}

#s_sidebar .tagcloud li {
	display: inline;
	background: 0;
	padding: 0
}

#s_sidebar .tagcloud .cloud1 {
	color: #1e95ed;
	padding: 5px
}

#s_sidebar .tagcloud .cloud1:hover {
	background: #1e95ed;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity: .5
}

#s_sidebar .tagcloud .cloud2 {
	color: #4aa8a7;
	padding: 5px
}

#s_sidebar .tagcloud .cloud2:hover {
	background: #4aa8a7;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity: .5
}

#s_sidebar .tagcloud .cloud3 {
	color: #a85ac2;
	padding: 5px
}

#s_sidebar .tagcloud .cloud3:hover {
	background: #a85ac2;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity: .5
}

#s_sidebar .tagcloud .cloud4 {
	color: #7c839b;
	padding: 5px
}

#s_sidebar .tagcloud .cloud4:hover {
	background: #7c839b;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity: .5
}

#s_sidebar .tagcloud .cloud5 {
	color: #ed3f35;
	padding: 5px
}

#s_sidebar .tagcloud .cloud5:hover {
	background: #ed3f35;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity: .5
}

.active {
	text-decoration: none
}

.btn_enter {
	width: 80px;
	height: 36px;
	font-size: 12px;
	line-height: 38px;
	background: #7c839b;
	color: #fff;
	font-weight: 700
}

.btn_enter:hover {
	background: #585f76
}

.btn_enter .btn_enter_rep:active {
	position: relative;
	top: 1px
}

.dropdown-menu {
	width: 200px;
	top: 12px;
	padding: 0;
	margin: 0;
	display: inline-table;
	position: absolute;
	border-bottom-style: none;
	background-color: #fff
}

.dropdown-menu .menu-item {
	display: none
}

.dropdown-menu .menu-item-link {
	padding: 5px;
	cursor: pointer
}

.dropdown-menu:hover .menu-item {
	display: inline
}

.dropdown-menu .menu-item.active {
	display: table-header-group
}

.yt {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden
}

.yt iframe, .yt object, .yt embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media only screen and (max-width:899px) {
	.area_paging .link_page,.area_paging .interword {
		display: none
	}
	.area_paging .btn_next {
		margin-left: auto;
		border-radius: 50%;
		color: #ddd;
		border: 1px solid #ddd;
		width: 36px;
		height: 36px;
	}
	.area_paging .btn_next:after {
		content: "PREV";
		padding: 0;
	}
	.area_paging .btn_prev:hover {
		border: solid 1px #7c839b;
		color: #7c839b
	}
	.area_paging .btn_next:hover {
		border: solid 1px #7c839b;
		color: #7c839b
	}
	.area_paging .btn_next.no-more-next {
		border: 0;
	}
	.area_paging .btn_next.no-more-prev {
		border: 0;
	}
	.area_paging .btn_prev {
		margin-right: auto;
		border-radius: 50%;
		color: #ddd;
		border: 1px solid #ddd;
		width: 36px;
		height: 36px;
	}
	.area_paging .btn_prev:before {
		content: "NEXT";
		padding: 0;
	}
	.area_paging .btn_prev.no-more-next {
		border: 0;
	}
	.area_paging .btn_prev.no-more-prev {
		border: 0;
	}
	.skin_view .area_view {
		font-size: 13px;
		line-height: 1.7;
		padding: 4px
	}
	#tag .list li {
		font-size: 11px
	}
	.skin_view .area_view .imageblock {
		font-size: 13px;
		letter-spacing: -1px
	}
	.top {
		height: 25px;
		width: 25px;
		bottom: 64px;
		right: 5px
	}
	.list_content {
		padding: 17px 4px
	}
	.list_content .tit_post {
		font-size: .9em;
	}
	.list_content .txt_post {
		font-size: .75em;
		margin-top: 1px;
		color: #666;
		vertical-align: top;
		white-space: normal;
		line-height: 1.5em;
		height: 76px;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical
	}
	#area_head .area_list .tit_category {
		font-size: 13px;
		line-height: 1.8;
		padding: 0 4px
	}
	.skin_view .tit_post {
		font-size: 13px;
		line-height: 1.8;
		padding: 20px 4px 20px 4px
	}
	.skin_view .txt_detail {
		font-size: .7em;
		padding: 0 4px
	}
	.skin_view .list_tag {
		padding: 0 4px
	}
	.skin_view .list_tag .desc_cat {
		font-size: 9px
	}
	.skin_view .list_tag .desc_tag {
		font-size: 9px
	}
	.area_reply {
		padding: 0 4px 0 4px
	}

.list_content .detail_info {
	font-size: 9px;
}

	.alert {
		padding: 10px;
		padding-left: 10px;
	}
	.alert:before {
		content: "";
		font-family: '';
	}
}