@charset "UTF-8";
@font-face {
	font-family: "Chosunilbo_myungjo";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/* ---스킨 색상---*/
.theme-light {
	--back-color: white; /*배경*/

	--title-color: #1d1d1d; /*제목*/
	--sub-color: #c1c1c1; /*설명*/
	--main-color: #353535; /*본문*/

	--link-color: #c1c1c1; /*링크*/
	--link-color-hover: #a2a2a2;

	--point-color: #9d9d9d; /*메뉴-버튼*/
	--point-color-hover: #dedede;

	--select-color-stroke: black; /*선택*/
	--select-color-text: #ffff;
	--select-color-bg: #292929;

	/*trpg*/
	--desc-bg: #f7f7f7;
	--desc-txt: #353535;

	--em-bg: #4b4b4b;
	--em-txt: white;

	--general1-bg: white;
	--general1-txt: #353535;

	--general2-bg: white;
	--general2-txt: #353535;

	--divider-bg: #0000000d;
}

.theme-dark {
	--back-color: #292929; /*배경*/

	--title-color: #ffffff; /*제목*/
	--sub-color: #747474; /*설명*/
	--main-color: #dadada; /*본문*/

	--link-color: #747474; /*링크*/
	--link-color-hover: #a2a2a2;

	--point-color: #525252; /*메뉴-버튼*/
	--point-color-hover: #373737;

	--select-color-stroke: black; /*선택*/
	--select-color-text: #000000;
	--select-color-bg: #bcbcbc;

	/*trpg*/
	--desc-bg: #202020;
	--desc-txt: #dadada;

	--em-bg: black;
	--em-txt: #dadada;

	--general1-bg: #292929;
	--general1-txt: #dadada;

	--general2-bg: #292929;
	--general2-txt: #dadada;

	--divider-bg: #ffffff0d;
}

/* ----- 옵션 ----- */

/* -- 우클릭 방지
html,body{
	-webkit-user-select: none; 
  -moz-user-select: none;    
  -ms-user-select: none;     
  user-select: none;        
}
 --*/

/* ----- 기본  ----- */

::selection {
	color: var(--select-color-text);
	background-color: var(--select-color-bg);
}

form.protected_form > button {
	border-radius: 1px;
	padding: 0px 10px;
	color: var(--back-color);
	background-color: var(--link-color);
}

form.protected_form > input {
	border-radius: 1px;
	background-color: transparent;
}

form.protected_form > input:focus {
	outline: none;
}

body {
	background-color: var(--back-color);
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
table,
textarea {
	font-family: "Chosunilbo_myungjo";
	line-height: 180%;
	font-size: 12px;
	color: var(--main-color);
}

button,
input {
	border: 0;
	border-radius: 0;
}

img {
	display: block;
	border: 0;
}

ol,
ul {
	list-style: none;
}

address,
em {
	font-style: normal;
}

a {
	color: var(--link-color);
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: var(--link-color-hover);
}

iframe {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

.blind {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	width: 1px;
	height: 1px;
}

/* html */
html,
body {
	position: relative;
	height: 100%;
}

#wrap {
	position: relative;
	height: 100%;
}

/* container */
#container {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 1;
	left: 0;
}

/* ----- 헤더  ----- */
#header {
	position: sticky;
	top: 0;
	z-index: 999;
}
.inner_header {
	max-width: fit-content;
	padding: 10px 20px 10px 0px;
	text-align: right;
	height: 30px;
	right: 0px;
	position: absolute;
}

.inner_header * {
	transition: 0.1s;
	color: var(--point-color);
}
.inner_header *:hover {
	transition: 0.1s;
	color: var(--point-color-hover);
}

.inner_header > button {
	background-color: transparent;
	float: right;
	position: absolute;
	right: 40px;
}

.header-menu {
	text-shadow: var(--back-color) 1px -1px 0px, var(--back-color) 1px 1px 0px, var(--back-color) -1px -1px 0px, var(--back-color) -1px 0px 0px, var(--back-color) 0px -1px 0px, var(--back-color) 0px 1px 0px, var(--back-color) 1px 0px 0px, var(--back-color) -1px 1px 0px;
}

/* ----- 헤더 아이콘 ----- */
.inner_header .fa-solid {
	font-size: 10px;
	margin: 0px 1px;
}

.link_home,
.link_manage,
.link_post,
.link_login {
	display: block;
	color: var(--point-color);
}

.link_home:hover,
.link_manage:hover,
.link_post:hover,
.link_login:hover {
	color: var(--point-color-hover);
}

#paging {
	position: absolute;
	top: 0;
	right: 10px;
}

.paging {
	text-align: right;
}
/* ----- 메인 박스 ----- */
.inner_index {
	position: relative;
	max-width: 700px;
	margin: 80px auto;
	overflow: hidden;
}

/* ----- 홈 페이지 - 블로그 설명----- */

.blog-info {
	margin: 0px 10px 50px 10px;
}
@media only screen and (max-width: 700px) {
	.blog-info {
		margin: 0px 0px 50px 10px;
	}
}

.blog-info:hover {
	letter-spacing: 1px;
}

.blog-name {
	font-family: "Chosunilbo_myungjo", "Noto Serif SC";
	font-size: 15px;
	color: var(--title-color);
	line-height: 120%;
}

.blog-name::before {
	content: "/ ";
}

.blog-name::after {
	content: "  ";
}

.blog-desc {
	line-height: 100%;
	font-size: 12px;
	color: var(--sub-color);
}
.blog-desc::before {
	content: " - ";
}

/* ----- 홈 페이지 / 게시글  ----- */
.box_contents {
	clear: both;
	padding: 0px 10px;
	margin: 20px 0px;
}

.box_contents .link_title .title_post,
.article_content .box_contents .title_view {
	font-family: "Chosunilbo_myungjo", "Noto Serif SC";
	font-size: 12px;
	color: var(--title-color);
	line-height: 120%;
}

.box_contents .link_title .title_post::before {
	content: "/ ";
}

.article_content .box_contents .title_view::before {
	content: "/  ";
}

.box_contents .info_post {
	line-height: 100%;
	font-size: 9px;
	color: var(--sub-color);
}

/* ----- 본문 서식 ----- */
.area_view_content {
	padding: 0 20px;
	max-height: auto !important;
}

/* ----- 본문 상단 영역 ----- */
.area_view_content .article_content .info_post {
	display: block !important;
	margin: 10px 0px 80px 0px;
	padding-top: 0;
}
@media only screen and (max-width: 700px) {
	.area_view_content .article_content .info_post {
		display: block !important;
		margin: 10px 0px 50px 0px;
		padding-top: 0;
	}
}

/* ----- 본문 제목 영역 ----- */
.area_view_content .article_content .link_title .title_view {
	color: var(--title-color);
	margin-bottom: 10px;
}
.area_view_content .article_content .link_title {
	font-family: "Chosunilbo_myungjo", "Noto Serif SC";
	letter-spacing: 3px;
	font-size: 18px;
}

/* ----- 본문 날짜 영역 ----- */
.area_view_content .article_content .view_info_post {
	color: var(--sub-color);
	line-height: 120%;
	font-size: 10px;
	text-align: right;
}

/* ----- 본문 수정 영역 ----- */
.area_view_content .article_content .admin {
	text-align: right;
	font-size: 11px;
	line-height: 100%;
	color: var(--main-color) !important;
}

.area_view_content .article_content .admin > a {
	color: var(--main-color) !important;
}
/* ----- 본문 내용 영역 ----- */
.area_view_content .article_view {
	overflow-x: hidden;
}
/* ----- 본문 서식 양식 ----- */
.article_content .article_view a {
	text-decoration: none;
}

.article_content .article_view a:hover {
	opacity: 0.7;
}

.article_content .table-overflow {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.article_view p {
	margin: 0 0 20px;
	color: var(--main-color);
}

/* ----- 기본 서식 overide ----- */
/*더보기 스타일*/
div[data-ke-type="moreLess"] {
	text-align: center;
}

.moreless-content {
	text-align: -webkit-auto;
}

.article_view div[data-ke-type="moreLess"] .btn-toggle-moreless,
#tt-body-page div[data-ke-type="moreLess"] .btn-toggle-moreless {
	font-family: "Chosunilbo_myungjo";
	font-size: 12px;
	color: var(--sub-color);
}

.article_view div[data-ke-type="moreLess"] .btn-toggle-moreless::before {
	content: "#  ";
}

/*동영상 사이즈*/
.article_view figure[data-ke-type="video"][data-video-host] iframe {
	height: 350px;
	width: 100%;
}

iframe {
	height: 350px;
	width: 100%;
}

@media only screen and (max-width: 500px) {
	.article_view figure[data-ke-type="video"][data-video-host] iframe {
		height: 250px;
		width: 100%;
	}

	iframe {
		height: 250px;
		width: 100%;
	}
}

.article_view figure[data-ke-type="video"],
.article_view figure[data-ke-type="video"][data-ke-style="alignCenter"],
.article_view figure.imageblock.alignCenter {
	margin: 0 auto 0px;
	line-height: 100% !important;
}

/*동영상-이미지 설명 스타일*/
.article_view figure figcaption {
	padding: 0px !important;
	min-height: 0px;
	line-height: 130%;
	color: var(--sub-color) !important;
	font-size: 12px !important;
}

/* 분리선 스타일*/
.article_view hr[data-ke-style="style1"],
#tt-body-page hr[data-ke-style="style1"] {
	margin: 40px auto;
	background: none;
	width: 33px;
}

.article_view hr[data-ke-style="style1"]:before,
#tt-body-page hr[data-ke-style="style1"]:before {
	color: var(--sub-color);
	content: "✧ ✧ ✧";
	font-size: 9px;
	letter-spacing: 1px;
	position: absolute;
	margin-top: 10px;
}

.article_view hr[data-ke-style="style5"],
#tt-body-page hr[data-ke-style="style5"] {
	margin: 25px auto;
	width: 100%;
	border: 0.5px var(--sub-color);
	height: 0px;
	background: none;
}

hr[data-ke-style="style6"],
#tt-body-page hr[data-ke-style="style6"] {
	margin: 25px auto;
	width: 100%;
	border: 0.5px dashed var(--sub-color);
	height: 0px;
	background: none;
}

/* 공지 상단 */
.link_title_notice .title_view {
	font-family: "Chosunilbo_myungjo", "Noto Serif SC";
	letter-spacing: 3px;
	font-size: 18px;
	color: var(--title-color);
	text-align: center;
}

.view_info_post_notice {
	color: var(--sub-color);
	text-align: center;
}

.area_view_content_notice {
	padding: 0 20px;

	margin-bottom: 200px;
}

.area_view_content_notice .article_content .info_post {
	display: block !important;
	margin: 10px 0px 50px 0px;
	padding-top: 0;
}

/** 티알 스타일 커스텀 */
/*roll20*/

.avatar img {
	border-radius: 1px;
	width: 23px;
}
.message.emote .avatar {
	margin-top: 0px !important;
	background-color: transparent;
}
.message.general .avatar img {
	background-color: var(--divider-bg);
}
.message.rollresult .avatar img {
	background-color: var(--divider-bg);
}

.message {
	font-family: "Chosunilbo_myungjo", "Noto Serif SC" !important;
	position: relative;
	line-height: 120%;
	font-size: 11px !important;
}
.message > a > img {
	margin: 0 auto;
}

.message.general {
	background-color: var(--general1-bg) !important;
	color: var(--general1-txt) !important;
}

.message.general.you {
	background-color: var(--general2-bg) !important;
	color: var(--general2-txt) !important;
}

.message.general .by {
	color: var(--general1-txt) !important;
	filter: opacity(0.7);
}

.message.general.you .by {
	color: var(--general2-txt) !important;
	filter: opacity(0.7);
}

.message.emote {
	background-color: var(--em-bg) !important;
	color: var(--em-txt) !important;
}
.message.desc {
	background-color: var(--desc-bg) !important;
	color: var(--desc-txt) !important;
	font-size: 11px !important;
	font-style: normal !important;
}

.spacer {
	width: 700px;
	background-color: transparent !important;
	border-top: 1px solid var(--divider-bg);
}

/*다이스롤*/
.message table {
	width: 100% !important;
	background-color: transparent !important;
	border: none !important;
}

.message tr {
	background: #ffffff17 !important;
}
.message tr .sheet-template_label {
	background: transparent !important;
}
.message tr .sheet-template_value {
	background: transparent !important;
}
tbody :nth-child(3) {
	background: #ffffff3b !important;
}

.message .inlinerollresult.showtip.tipsy-n-right {
	border: none !important;
	background: #ffffff33 !important;
	padding: 1px 10px !important;
	border-radius: 2px;
}

/** 티스토리 스타일 커스텀 */
.area_view_content .area_post_btn .box_ccl {
	float: right;
	padding-top: 20px;
}

.area_view_content .box_ccl .link_ccl {
	display: inline-block;
}

.txt_like.uoc-count {
	display: none !important;
}
.container_postbtn .btn_menu_toolbar {
	display: none !important;
}
.visit_counter {
	display: none !important;
}
.btn_menu_toolbar.btn_subscription.#subscribe {
	display: none !important;
}

.container_postbtn .postbtn_like {
	border: none !important;
}

.container_postbtn {
	padding-bottom: 0px !important;
	padding-top: 100px !important;
	float: right !important;
	border: none !important;
	font-size: 0 !important;
}