@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

body,
div.site-branding .site-title,
div.site-branding .site-description,
nav.primary-navigation a,
.entry-content h1.wp-block-heading,
.entry-header h1.entry-title,
.entry-content h2,
.entry-content p,
.entry-content h3,
.entry-content h4,
.entry-content ul,
footer .site-info,
table,
table th, .wp-block-table th,
.entry-content figcaption {
	font-family: 'Noto Sans CJK KR', 'Noto Sans KR' !important;
}

/* main */
.site-title {
	text-shadow:
	3px  3px 0 #000,
    -1px -1px 0 #000,  
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}
.site-title > a:hover {
	color: #fff;
}
.entry-content h1.wp-block-heading {
	font-size: 52px;
	font-weight: 900;
	color: #4a636f;
}
.entry-content p.back {
	font-size: 24px;
	padding: 1.2em;
	background: #fff;
	text-align: center;
}

.entry-title {
	color: #4a636f;
	text-align: center;
}

.entry-content h1 {	
}

.entry-content h2 {
	font-size: 32px;
	color: #7057a3;
	font-weight:700;
}

.entry-content h3 {
	font-size: 24px;
	color: #5c6ab7;
	font-weight:700;
}

.entry-content h3.keypoint:before {
	padding-right: 4px;
	content: "🔑"
}

.entry-content .box {
	padding-left: 1.6em;
	border-left: 2px solid #45b348;
}

.primary-navigation a:hover,
.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
	text-decoration: underline;
	text-decoration: none;
}
.widget-area {
	margin-top: 1em;
	text-align: center;
}
.widget-area p {
	font-family: 'Noto Sans CJK KR', 'Noto Sans KR' !important;
}

@media only screen and (min-width: 1024px) {
  .widget-area {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 652px) {
  .widget-area {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* page list */
.page-list {
	padding-left: 0;
	border-top: 3px solid;
	margin-top: 4em;
}
.page-list li {
	list-style-type:none;
	padding: 0.6em;
	border-bottom: 1px solid;
}
.page-list li > a {
	text-decoration: none;
}

/*** data-protection-security ***/
table {
	font-size:0.8em;
}
table th, .wp-block-table th {
	background: #c5d9c5;
	text-align: center;
	border: 1px solid #9899b9;
}
table td, .wp-block-table td {
	border: 1px solid #9899b9;
}

@media only screen and (min-width: 822px) {
	.page-id-35 table th:nth-child(1) {
		width:400px;
	}
}

@media only screen and (max-width: 821px) {
	table td, table th, .wp-block-table td, .wp-block-table th {
		padding: 5px;
		line-height: 1.3;
	}
}

@media only screen and (max-width: 600px) {
	.site-branding .site-title {
		font-size: 28px
	}
	.site-branding:last-child {
			text-align: left;
	}
	.entry-content h1.wp-block-heading {
	font-size: 36px;
	}
}

.parent-pageid-11 table td {
  border: 3px solid #9899b9;
  background: #ddf2dd;
  padding: 2em;
}

.parent-pageid-11 #except th {
	background: #c5d9c5;
	border: 1px solid #9899b9;
}
.parent-pageid-11 #except td, .wp-block-table #except td {
	border: 1px solid #9899b9;
	background: none;
	padding: calc(0.5 * var(--global--spacing-unit));
}