/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&family=IBM+Plex+Sans:wght@600&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

html, body, div, span, h1, h2, h3, h4, h5, h6, p {
	font-family: 'IBM Plex Sans', sans-serif;
	font-family: 'IBM Plex Sans KR', sans-serif;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
}

html {
	scroll-behavior: smooth;
}
a:focus, button:focus {
	outline: 2px solid #ff9900 !important;
}
.skip-nav-link {
	color: #ff9900 !important;
	font-weight: 500;
	background: black;
	padding: 0.8rem 2rem;
	border-radius: 0 0 0.25rem 0.25rem;
	position: absolute;
	left: 0.5rem;
	z-index: 1000;
	transform: translateY(-120%);
	transition: transform 325ms ease-in;
}
.skip-nav-link:focus {
	transform: translateY(0);
}

li.menu-item > a {
	font-size: 16px;
}

a {
	color: rgb(3, 3, 188);
}

.entry-meta li {
	font-size: 1.2rem !important;
	color: #333366;
}

.sb-msg {
	line-height: 2rem;
	font-size: 1.3rem !important;
} 

.blogviewtitle {
	background-color: #062d5d; 
	color:white;
	padding: 10px 16px 12px 20px !important;
	letter-spacing: 0.2em !important;
}

.blogviewbreadcrumb {
	background-color: #062d5d; 
	color:white;
	padding: 10px 16px 12px 20px !important;
	letter-spacing: 0.2em !important;
}

.writertitle {
	background-color: hsl(35, 100%, 18%); 
	color:white;
	padding: 10px 16px 12px 20px !important;
	letter-spacing: 0.2em !important;
}

.writerbreadcrumb {
	background-color: hsl(35, 100%, 18%); 
	color:white;
	padding: 10px 16px 12px 20px !important;
	letter-spacing: 0.2em !important;
}

.searchviewtitle {
	background-color: #320241; 
	color:white;
	padding: 10px 16px 12px 20px !important;
	letter-spacing: 0.2em !important;
}

.searchviewbreadcrumb {
	background-color: #320241; 
	color:white;
	padding: 10px 16px 12px 20px !important;
	letter-spacing: 0.2em !important;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}