@font-face {
  font-family: 'NPS';
  src: url('/assets/fonts/NPSfontExtraBold.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'NPS';
  src: url('/assets/fonts/NPSfontBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'NPS';
  src: url('/assets/fonts/NPSfontRegular.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'JalOnuel';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Onuel.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* @font-face {
  font-family: 'ChosunGu';
  font-weight: normal;
  font-style: normal;
  src: url('/assets/fonts/ChosunGu.eot');
  src: url('/assets/fonts/ChosunGu.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/ChosunGu.woff2') format('woff2'),
       url('/assets/fonts/ChosunGu.woff') format('woff'),
       url('/assets/fonts/ChosunGu.ttf') format("truetype");
  font-display: swap;
} */
@font-face {
  font-family: 'D2Coding';
  src: url('/assets/fonts/D2Coding.woff2') format('woff2'),
       url('/assets/fonts/D2Coding.woff') format('woff');
  font-weight: 550;
  font-style: normal;
}

/* @font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url('/assets/fonts/spoqa-han-sans-neo-bold.woff2') format('woff2'),
  url('/assets/fonts/spoqa-han-sans-neo-bold.woff') format('woff'),
  url('/assets/fonts/spoqa-han-sans-neo-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url('/assets/fonts/spoqa-han-sans-neo-medium.woff2') format('woff2'),
  url('/assets/fonts/spoqa-han-sans-neo-medium.woff') format('woff'),
  url('/assets/fonts/spoqa-han-sans-neo-medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url('/assets/fonts/spoqa-han-sans-neo-regular.woff2') format('woff2'),
  url('/assets/fonts/spoqa-han-sans-neo-regular.woff') format('woff'),
  url('/assets/fonts/spoqa-han-sans-neo-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url('/assets/fonts/spoqa-han-sans-neo-light.woff2') format('woff2'),
  url('/assets/fonts/spoqa-han-sans-neo-light.woff') format('woff'),
  url('/assets/fonts/spoqa-han-sans-neo-light.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 100;
  src: local('Spoqa Han Sans Neo Thin'),
  url('/assets/fonts/spoqa-han-sans-neo-thin.woff2') format('woff2'),
  url('/assets/fonts/spoqa-han-sans-neo-thin.woff') format('woff'),
  url('/assets/fonts/spoqa-han-sans-neo-thin.ttf') format('truetype');
} */

* {
  font-family: 'NPS';
}

.opacity-0 { opacity: 0; }
.opacity-100i { opacity: 1 !important; }
.hidden { display: none; }

.entry-content img {
  opacity: 0;
}

b, strong {
  /* font-family: '맑은 고딕', 'Malgun Gothic'; */
  /* text-shadow:
  0.006rem 0.006rem 0rem rgba(155,81,224,0.5),
  -0.006rem 0.006rem 0rem rgba(155,81,224,0.5),
  -0.006rem -0.006rem 0rem rgba(155,81,224,0.5),
  0.006rem -0.006rem 0rem rgba(155,81,224,0.5);
  -webkit-text-stroke: 0.006rem rgba(155,81,224,0.5); */
  color: #9b51e0;
}

div.wp-core-ui wp-editor-wrap div.CodeMirror.CodeMirror-wrap {
  font-family: D2Coding !important;
}

div#megamenu-wp-page > header.dt-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
  background-image: url('https://devlog.ntiple.com/wp-content/uploads/2024/03/cropped-vecteezy_desktop-source-code-and-wallpaper-by-coding-and-programming_3335561.png');
}

nav.dt-menu-wrap {
  display: none;
}

div.dt-logo > h1.site-title > a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow:
  2px 2px 1px rgba(0,0,0,0.7),
  -2px 2px 1px rgba(0,0,0,0.7),
  -2px -2px 1px rgba(0,0,0,0.7),
  2px -2px 1px rgba(0,0,0,0.7);
  -webkit-text-stroke: 1px rgba(0,0,0,0.5);
  font-family: 'NPS'
}
.dt-logo > h1.site-title + p.site-description { display: none; }

div.entry-content tbody > tr > td {
  text-align: left;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

div.dt-archive-post-content {
  text-align: left !important;
}

div.entry-content > ul > li {
  width: 100%;
  overflow-x: auto !important;
}

div.entry-content > ul > li > table {
  width: max-content !important;
}

header.page-header > h1.page-title {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;  
}

header.entry-header > .entry-title {
  text-align: left !important
}

h1.site-title > a {
  /* font-family: MulgunGothic; */
}

*[data-txtr] {
  text-align: right;
}

header + div + div.container > div.row > div:first-child {
  padding-right: 0;
  padding-left: 0;
}

header + div + div.container > div.row > div:first-child > div#primary {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.entry-footer > span {
  margin-left: 1rem;
}

.entry-header > h1 {
  /* text-shadow: 0.05px 0.05px 1px rgba(0,0,0,0.2), -0.05px 0.05px 1px rgba(0,0,0,0.2), -0.05px -0.05px 1px rgba(0,0,0,0.2), 0.05px -0.05px 1px rgba(0,0,0,0.2); */
}

.entry-content > h2 {
  /* font-family: '맑은 고딕', 'Malgun Gothic'; */
  /* color: #fff; */
  /* padding-left: 2rem; */
  /* border-radius: 0.5rem; */
  /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */
  /* background-color: #000; */
  font-size: 2.5rem;
  border-bottom: 2px solid #ccc;
  /* text-shadow: 0.05px 0.05px 1px rgba(0,0,0,0.2), -0.05px 0.05px 1px rgba(0,0,0,0.2), -0.05px -0.05px 1px rgba(0,0,0,0.2), 0.05px -0.05px 1px rgba(0,0,0,0.2); */
}

.entry-content > h2::before {
  content: '';
  /* background: #f00; */
  position: relative;
  display: block;
  width: 100%;
  height: 0.2rem;
  margin-bottom: 1rem;
  left: 0;
  opacity: 0.2;
}

.entry-content > h2::after {
  content: '';
  /* background: #f00; */
  position: relative;
  display: block;
  width: 100%;
  height: 0.2rem;
  margin-top: 1rem;
  left: 0;
  opacity: 0.2;
}

.entry-content > h3 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #ccc;
  /* text-shadow: 0.05px 0.05px 1px rgba(0,0,0,0.2), -0.05px 0.05px 1px rgba(0,0,0,0.2), -0.05px -0.05px 1px rgba(0,0,0,0.2), 0.05px -0.05px 1px rgba(0,0,0,0.2); */
}

.entry-content > h4 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.entry-content > .post-toc-block {
  display: none;
}

.entry-content pre.hljs {
  border-radius: 1rem;
}

.entry-content a[href] {
  color: #88f;
}

.entry-content blockquote {
  font-size: 1.5rem;
  background-color: #fbfbfb;
  border-radius: 1rem;
  border-left-width: 0.8rem;
  border-left-color: #ccc;
}

.entry-content table,
.entry-content table th,
.entry-content table td {
  border-color: #ccc;
}

.entry-content table thead th {
  background-color: #eee;
}

.entry-content div.heateor_sss_sharing_container {
  margin-bottom: 1.5rem;
}

code, code * {
  font-family: D2Coding !important;
}

code.mermaid, code.mermaid * {
  font-family: SanSerif !important
}
/*
code.mermaid span.nodeLabel {
  font-size: 1.3rem;
}
*/

p > code {
  background-color: #eee;
  border-radius: 0.5rem;
  /* font-size: 1.3rem; */
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

pre > code.language-text,
pre > code.hljs {
  font-size: 1.3rem;
  line-height: 1.8rem;
}

form#commentform textarea#comment {
  height: 8rem;
  width: calc(100% - 100px);
}

.dt-sidebar aside.widget-area aside > div h2 {
  font-size: 2rem !important;
}

.dt-sidebar aside.widget-area {
  border: auto;
}

.dt-archive-post > article {
  padding: 1rem 3rem
}

.dt-archive-post > article > header > h2 {
  font-size: 2.8rem;
}

main > article h1 {
  font-size: 2.8rem;
  font-weight: 700;
}

main > article h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.dt-archive-post-content {
  margin-top: 2rem;
  margin-bottom: 0;
}

.heateor_sss_sharing_container .heateor_sss_sharing_ul > a > span {
  width: 3rem !important;
  height: 3rem !important;
}

p.comment-form-comment {
  margin-bottom: 0;
}

main > div#comments h3 {
  font-size: 2rem;
}

nav.navigation.post-navigation {
  margin-top: 1rem;
  margin-bottom: 0;
}

header.entry-header + div.entry-content > h1:nth-child(2) {
  display: none;
}

header.entry-header + div.entry-content table {
  width: inherit;
  min-width: 100%;
}

.dt-archive-posts > .dt-archive-post {
  border-radius: 1rem;
  margin-bottom: 1.2rem;
}

.dt-archive-posts > .dt-archive-post > article > header > h2 {
  font-size: 2.5rem;
}

.dt-archive-posts > .dt-archive-post > article > .dt-archive-post-content > p {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.dt-archive-posts > .dt-archive-post > article > .entry-footer {
  text-align: right;
}

.dt-archive-posts > .dt-archive-post > article > .entry-footer > a {
  border: none;  
}

div.entry-content p > img {
  width: 98%;
  text-align: center;
  padding: 1px;
  border: 1px solid #ccc !important;
  border-radius: 1rem;
}

#wp-block-search__input-1 {
  width: 10rem;
}

/********************************************************************************/
/** 댓글영역
/********************************************************************************/
div#comments.comments-area > h2.comments-title {
  display: none;
}

div#comments.comments-area > ol.comment-list > li {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

h3#reply-title.comment-reply-title {
  display: none;
}
.md-post-toc ol {
  list-style: none !important;
}
.md-post-toc > ol > li:last-child > ol > li:last-child {
  display: none !important;
}

form.comment-form > p.comment-notes {
  margin-bottom: 1rem;
}

form.comment-form > p.comment-form-comment {
  margin-bottom: 1rem;
}

form.comment-form > p.comment-form-comment > * {
  vertical-align: middle;
}

form.comment-form > p.form-submit {
  text-align: center;
}

form.comment-form > p.form-submit > input.submit {
  width: calc(100% - 0.5rem);
}

form.comment-form > p.comment-notes,
form.comment-form > p.comment-form-cookies-consent,
form.comment-form > p.comment-form-author,
form.comment-form > p.comment-form-email,
form.comment-form > p.comment-form-url {
  display: none;
}

div#chartdiv > div > svg * {
  /* font-family: JalOnuel; */
  /* font-family: JalOnuel; */
}

pre + button.copy-button {
  font-family: NPS;
  font-size: 0.8rem;
  padding-top: 0;
  padding-bottom: 0.6rem;
  border-radius: 1rem;
  text-shadow: none;
  color: #000;
  border: none;
}
pre + button.copy-button:hover {
  color: #fff;
}
pre + button.copy-button::before {
  width: 0.95rem;
  height: 0.95rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

/********************************************************************************/
/** 코드영역
/********************************************************************************/
/* pre.hljs > code.hljs::before {
  content: 'ⓒ';
  font-size: 1.5rem;
  font-family: Verdana;
  font-weight: bold;
  position: absolute;
  cursor: pointer;
  left: calc(100% - 4.5rem);
} */