/*
 * optian reset
 * wireframe.css
 */


/* Font Family */
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
     font-weight: 100;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
     font-weight: 200;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
     font-weight: 300;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
     font-weight: 400;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
     font-weight: 500;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
     font-weight: 600;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
     font-weight: 700;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
     font-weight: 800;
     font-display: swap;
}
 
 @font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
     font-weight: 900;
     font-display: swap;
 }

h1, h2, h3, h4, h5, h6, div, p, span, a, ul, ol {
	font-family: 'Pretendard' !important;
}

.fa, .far, .fas {
	font-family: "Font Awesome 5 Free" !important;
}
.fab {
	font-family: "Font Awesome 5 Brands" !important;
}

i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page {
    font: normal 20px / 1 dashicons !important;
}
[class*=" eicon-"], [class^=eicon]  {
	font-family: eicons !important;
}


/* Main Navi */
.store .st-out-link::after {
	display: none;
}
.store .st-gn-link-depth-1-text-wrap {
	background-color: #0e8a37;
	color: #fff;
	padding: 7px 24px 9px;
	border-radius: 10px;
}
.store .st-gn-link-depth-1-text-wrap:hover {
	background-color: #055921;
	transition: all 0.4s;
}
.home .st-mobile-gn-link-depth-1 .st-mobile-gn-link-depth-1-text-wrap {
	color: #fff;
}


/* Library */
.kboard-default-poweredby {
	display: none;
}
body #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a, 
body #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
	color: #fff;
	background-color: #005635;
}
body a.kboard-default-button-small, 
body input.kboard-default-button-small, 
body button.kboard-default-button-small {
	color: #fff !important;
	background-color: #005635 !important;
}

/* Copyright */
.box-1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.coptright-box .box-2 {
	margin: 0;
}
.coptright-box ul {
	padding-left: 0;
	list-style-type: none;
	margin: 0;
}
.coptright-box ul li {
	display: inline-block;
	margin-right: 10px;
}
.coptright-box ul li:last-child {
	margin-right: 0px;
}
.coptright-box ul li a {
	font-size: 15px;
}
.box-copy p {
	margin-top: 0;
	margin-bottom: 0;
    line-height: 1.8;
}
.box-copy .copy {
	margin-top: 15px;
}
@media only screen and (max-width: 640px) {
	.box-1 {
		display: block;
	}
	.coptright-box ul {
		margin: 20px 0;
	}
}