/*
Theme Name: Mize Donate
Theme URI: http://lib.pusan.ac.kr/en
Version: 1.0
Description: Donate Theme From Mize
Author:
Author URI:
Text Domain: mize
Template: mize
* -----------------------------------------------------------------------------
 * Table of Contents:
 *
 * 1.0 - Common
 * 2.0 - Header
 * 3.0 - Contents
 * 4.0 - Page
 * 5.0 - Post
 * 6.0 - Main Page
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Plugins
 * -----------------------------------------------------------------------------
 */

/* mize style start*/
@import "../mize/style.css";
/* mize style end*/

/** ----------------------------------------------------------------------------
 * 1.0 - Common
 * -----------------------------------------------------------------------------
 */

html {
    font-size: 16px;
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    color: #424242;
    font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', '맑은고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
    font-weight: 400;
    font-weight: 300\0;
    font-size: 14px;
    line-height: 1.6;
	letter-spacing: -0.5px;
    -webkit-font-smoothing: antialiased;
}
html, body {
	min-width: 320px;
	overflow-x: hidden;
}
.num, .bar-num, .stat-num {
	font-family: 'Roboto', 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', '맑은고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
}
.ir-logo {
	background: url(assets/images/ir-logo.png) no-repeat;
	background-size: 264px 54px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.ir-logo {
		background-image: url(assets/images/ir-logo@2x.png);
	}
}

/** ----------------------------------------------------------------------------
 * 2.0 - Header
 * -----------------------------------------------------------------------------
 */
#header {
	position: relative;
    background: #e9eaea url(assets/images/bg-header.png) no-repeat 50% 0;
	z-index: 1;
}
#header > .inner {
	position: relative;
}
.top-logo {
	position: absolute;
	top: 2.5rem;
	left: 50%;
	width: 196px;
	height: 118px;
	transform: translateX(-50%);
}
.top-logo .symbol {
	position: absolute;
	top: 0;
	left: 50%;
	width: 56px;
	height: 54px;
	background-position: 0 0;
	transform: translateX(-50%);
}
.top-logo .logotype {
	position: absolute;
	top: 64px;
	left: 0;
	width: 196px;
	height: 54px;
	background-position: -68px 0;
}
#header .donor-search-select {
	position: absolute;
	top: 7.25rem;
	left: 0;
	color: #304050;
}
#header .donor-search-select select {
	width: 8rem;
	height: 2rem;
	box-sizing: border-box;
	padding: 0 2.5rem 0 2px;
	border: 0;
	border-bottom: 2px solid #304050;
	background: transparent;
}
#header .donor-search {
    position: absolute;
    top: 7.25rem;
    left: 9rem;
    color: #304050;
}
#header .donor-search input[type='text'] {
    width: 12.5rem;
    height: 2rem;
	box-sizing: border-box;
	padding: 0 2.5rem 0 2px;
    border: 0;
    border-bottom: 2px solid #304050;
    background: transparent;
}
#header .donor-search button[type='submit'] {
    position: absolute;
    top: 0;
    right: 0;
	width: 2rem;
	height: 2rem;
	color: #304050;
	font-size: 18px;
}
.donate-status {
    position: absolute;
	top: 4.25rem;
    right: 0;
	color: #304050;
}
.donate-status li {
	display: inline-block;
	padding: 0 1rem;
	border-left: 1px solid #cdcecf;
	text-align: center;
}
.donate-status li:first-child {
	border-left: 0;
}
.donate-status .name::before {
	display: block;
	font-family: 'xeicon';
	line-height: 1.4;
}
.donate-status li:nth-of-type(1) .name::before {
	font-size: 24px;
	content: '\e9f8';
}
.donate-status li:nth-of-type(2) .name::before {
	font-size: 23px;
	content: '\eb16';
}
.donate-status li:nth-of-type(3) .name::before {
	font-size: 21px;
	content: '\ea6f';
}
.donate-status .num {
	font-size: 22px;
	font-weight: 500;
}
.primary-menu-outer {
	position: relative;
	width: 100%;
    margin-top: 186px;
    list-style: none;
}
.primary-menu-outer::before {
	content: '';
	display: block;
	position: absolute;
	top: 54px;
	left: -10%;
	right: -10%;
	bottom: 0;
	background: #fff;
	z-index: 0;
}
.home .primary-menu-outer::before {
	display: none;
}
.primary-menu-outer.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 99999;
}
.admin-bar .primary-menu-outer.fixed {
	top: 32px;
}
.primary-menu {
	position: relative;
	background: #304050;
	text-align: center;
}
.primary-menu > li {
    display: inline-block;
}
.primary-menu > li > a {
	position: relative;
    display: block;
    padding: 0 2.75rem;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 54px;
    text-decoration: none;
}
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current_page_item > a,
.primary-menu > li.current-post-ancestor > a,
.primary-menu > li.current_page_ancestor > a {
	background: url(assets/images/primary-menu-active.png) no-repeat 50% 50%;
}
.primary-menu ul {
	display: none;
}
#header.have-submenu .primary-menu > li.current-menu-item > a::before,
#header.have-submenu .primary-menu > li.current_page_item > a::before,
#header.have-submenu .primary-menu > li.current-post-ancestor > a::before,
#header.have-submenu .primary-menu > li.current_page_ancestor > a::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	transform: translateX(-50%);
}
#header .submenu {
	position: relative;
	padding: 12px 0;
	border: 2px solid #304050;
	border-top: 0;
	background: #fff;
}
#header .submenu > li {
	display: inline-block;
}
#header .submenu > li > a {
	display: block;
	padding: 0 1rem;
	color: #9da0aa;
	font-size: 14px;
	line-height: 28px;
	text-decoration: none;
}
#header .submenu > li.current-menu-item > a,
#header .submenu > li.current_page_item > a {
	color: #304050;
}
#header .submenu > li > a::before {
	margin-right: 2px;
	content: '\ea3e';
	font-family: 'xeicon';
	font-size: 12px;
}
/* 후원안내 숨김 */
.page-id-850 .submenu,
.page-id-850 #header.have-submenu .primary-menu > li.current-menu-item > a::before,
.page-id-850 #header.have-submenu .primary-menu > li.current_page_item > a::before,
.page-id-850 #header.have-submenu .primary-menu > li.current-post-ancestor > a::before,
.page-id-850 #header.have-submenu .primary-menu > li.current_page_ancestor > a::before {
	display: none;
}

/** ----------------------------------------------------------------------------
 * 3.0 - Contents
 * -----------------------------------------------------------------------------
 */

.site-main {
	position: relative;
    box-sizing: border-box;
	z-index: 0;
}
.site-main.have-side {
    float: left;
    width: 75%;
    padding-right: 4rem;
}

/* 서브메뉴 */
.sidebar {
	position: relative;
    float: right;
    width: 25%;
    box-sizing: border-box;
    padding: 0 2.5rem;
    background: #edf0f2;
}
.sidebar h3 {
	margin: 2.75rem 0 0.75rem;
	color: #304050;
	font-size: 18px;
}
.sidebar-menu {
	margin: 0;
	padding: 0;
	border-top: 2px solid #304050;
	list-style: none;
}
.foot-menu a,
.sidebar-menu a {
	position: relative;
	display: block;
	height: 24px;
	padding: 1rem 0.5rem 1rem 2.75rem;
	border-bottom: 1px solid #c9ced5;
	color: #304050;
	font-size: 15px;
	text-decoration: none;
	line-height: 24px;
	text-align: left;
}

/* 메인 하단 메뉴 */
.foot-menu-outer {
	padding: 2rem 1rem 3rem;
	background: #edf0f2;
}
.foot-menu {
	text-align: center;
}
.foot-menu li {
	display: inline-block;
	width: 25%;
	margin: 0 2%;
}

/* 메인 하단 메뉴, 후원하기 서브메뉴 아이콘 */
#menu-53.sidebar-menu a::before,
.foot-menu a::before {
	position: absolute;
	top: 14px;
	left: 0.5rem;
	display: block;
	width: 24px;
	height: 28px;
	content: '';
	overflow: hidden;
	background-image: url(assets/images/ir-submenu.png);
	background-repeat: no-repeat;
	background-size: 24px 178px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.foot-menu a::before,
	#menu-53.sidebar-menu .icon a::before {
		background-image: url(assets/images/ir-submenu@2x.png);
	}
}
.foot-menu li:nth-child(1) a::before,
#menu-53.sidebar-menu li:nth-child(1) a::before {
	background-position: 0 0;
}
.foot-menu li:nth-child(2) a::before,
#menu-53.sidebar-menu li:nth-child(2) a::before {
	background-position: 0 -30px;
}
.foot-menu li:nth-child(3) a::before,
#menu-53.sidebar-menu li:nth-child(3) a::before {
	background-position: 0 -60px;
}
.foot-menu li:nth-child(4) a::before,
#menu-53.sidebar-menu li:nth-child(4) a::before {
	background-position: 0 -90px;
}
.foot-menu li:nth-child(5) a::before,
#menu-53.sidebar-menu li:nth-child(5) a::before {
	background-position: 0 -120px;
}
.foot-menu li:nth-child(6) a::before,
#menu-53.sidebar-menu li:nth-child(6) a::before {
	background-position: 0 -150px;
}

/** ----------------------------------------------------------------------------
 * 4.0 - Page
 * -----------------------------------------------------------------------------
 */
.entry-header {
	padding: 1.8rem 0 1rem;
	border-bottom: 2px solid #304050;
}
.entry-header .entry-title {
	margin: 0;
	color: #304050;
	font-size: 2rem;
	line-height: 1.2;
}
.entry-content {
	margin-bottom: 5rem;
}
.main-container .entry-content {
	margin-bottom: 0;
}
.entry-section h3.title {
	position: relative;
	margin: 3rem 0 0;
	padding-left: 34px;
	color: #304050;
	font-size: 22px;
	line-height: 1.2;
}
.entry-section h3.title.have-sub {
	display: inline-block;
}
.entry-section h3.title + .sub-title {
	display: inline-block;
	margin-left: 4px;
	color: #848992;
	font-size: 14px;
}
.entry-section h3.title::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	box-sizing: border-box;
	width: 27px;
	height: 27px;
	padding-left: 1px;
	border-radius: 50%;
	background: #304050;
	color: #fff;
	font-size: 18px;
	text-align: center;
	content: '\e99d';
	font-family: 'xeicon';
	line-height: 27px;
}
.entry-section.donors-group-s h3.title,
.entry-section.donors-group-s .donors-list .donor-desc .name strong {
	color: #996b56;
}
.entry-section.donors-group-s h3.title::before {
	background: #996b56;
}
.entry-section.donors-group-a h3.title,
.entry-section.donors-group-a .donors-list .donor-desc .name strong {
	color: #5c8d92;
}
.entry-section.donors-group-a h3.title::before {
	background: #5c8d92;
}
.entry-section.donors-group-b h3.title,
.entry-section.donors-group-b .donors-list .donor-desc .name strong {
	color: #6194b1;
}
.entry-section.donors-group-b h3.title::before {
	background: #6194b1;
}
.entry-section.donors-group-c h3.title,
.entry-section.donors-group-c .donors-list .donor-desc .name strong {
	color: #4e6f8a;
}
.entry-section.donors-group-c h3.title::before {
	background: #4e6f8a;
}

.entry-section.donors-group-s .donors-list a:hover,
.entry-section.donors-group-s .donors-list a:active,
.entry-section.donors-group-s .donors-list a:focus {
	border-color: #996b56;
}
.entry-section.donors-group-a .donors-list a:hover,
.entry-section.donors-group-a .donors-list a:active,
.entry-section.donors-group-a .donors-list a:focus {
	border-color: #5c8d92;
}
.entry-section.donors-group-b .donors-list a:hover,
.entry-section.donors-group-b .donors-list a:active,
.entry-section.donors-group-b .donors-list a:focus {
	border-color: #6194b1;
}
.entry-section.donors-group-c .donors-list a:hover,
.entry-section.donors-group-c .donors-list a:active,
.entry-section.donors-group-c .donors-list a:focus {
	border-color: #4e6f8a;
}

.entry-section.donors-group-s a.ui-btn,
.entry-section.donors-group-a a.ui-btn,
.entry-section.donors-group-b a.ui-btn,
.entry-section.donors-group-c a.ui-btn {
	border-color: #e8eaeb;
	color: #848992;
}
.entry-section.donors-group-s a.ui-btn:hover,
.entry-section.donors-group-s a.ui-btn:active,
.entry-section.donors-group-s a.ui-btn:focus {
	border-color: #996b56;
	color: #996b56;
}
.entry-section.donors-group-a a.ui-btn:hover,
.entry-section.donors-group-a a.ui-btn:active,
.entry-section.donors-group-a a.ui-btn:focus {
	border-color: #5c8d92;
	color: #5c8d92;
}
.entry-section.donors-group-b a.ui-btn:hover,
.entry-section.donors-group-b a.ui-btn:active,
.entry-section.donors-group-b a.ui-btn:focus {
	border-color: #6194b1;
	color: #6194b1;
}
.entry-section.donors-group-c a.ui-btn:hover,
.entry-section.donors-group-c a.ui-btn:active,
.entry-section.donors-group-c a.ui-btn:focus {
	border-color: #4e6f8a;
	color: #4e6f8a;
}

.entry-section h4.title {
	margin: 2.5rem 0 1.5rem;
	display: inline-block;
	padding: 3px 10px;
	border: 2px solid #304050;
	background: #fff;
	color: #304050;
	font-size: 14px;
	font-weight: 500;
}
.entry-section h5.title {
	position: relative;
	margin: 2rem 0 0.75rem;
	color: #304050;
	font-size: 15px;
	font-weight: 500;
}
.entry-section h5.title.bul {
	padding-left: 16px;
}
.entry-section h5.title.bul::before {
	position: absolute;
	top: 50%;
	left: -1px;
	display: block;
	content: '\ea40';
	font-family: 'xeicon';
	transform: translateY(-50%);
}
.entry-section .title + .title {
	margin-top: 0;
}
.entry-section p {
	margin: 0;
}
.entry-section h3 + p {
	margin-top: 1rem;
}
.entry-section h4 + p {
	margin-top: -0.75rem;
}
.entry-section .text-box {
	margin-top: 1.5rem;
	padding: 1rem 1.5rem;
	border-radius: 3px;
	border: 1px dashed #d5e3e5;
	background: #ebf6f7;
	color: #327b85;
	font-size: 15px;
}
.entry-section .text-bar {
	margin: 2rem 0 0.5rem;
	padding-left: 1.25rem;
	border-left: 2px solid #dee3e6;
}
.entry-section .text-box + p {
	margin-top: 1rem;
}
.entry-section .tb-basic + p {
	margin-top: 0.75rem;
}
.entry-section p + .tb-basic {
	margin-top: 12px;
}
.entry-section a.link {
	display: inline-block;
	padding: 0 3px;
	border-bottom: 1px dotted #00a080;
	color: #00a080;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	vertical-align: middle;
}
.entry-section a.attach {
	position: relative;
	display: inline-block;
	height: 40px;
	margin: 3px 6px 3px 0;
	padding: 0 54px 0 16px;
	border-radius: 3px;
	background: #00a080;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	line-height: 40px;
}
.entry-section a.attach::after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	border-left: 1px solid rgba(255, 255, 255, .2);
	font-size: 20px;
	content: '\e904';
	font-family: 'xeicon';
	line-height: 40px;
	text-align: center;
}
.entry-section a.btn-link {
	position: relative;
	display: inline-block;
	height: 40px;
	margin: 3px 6px 3px 0;
	padding: 0 54px 0 16px;
	border-radius: 3px;
	background: #008ac4;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	line-height: 40px;
}
.entry-section a.btn-link::after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	border-left: 1px solid rgba(255, 255, 255, .2);
	font-size: 20px;
	content: '\ea3f';
	font-family: 'xeicon';
	line-height: 40px;
	text-align: center;
}
.entry-section a.link:hover,
.entry-section a.link:active,
.entry-section a.link:focus {
	background: #ffffc8;
}
.entry-section ul.vertical-line,
.entry-section ol.vertical-line {
	margin: 0 0 0 2px;
	border-left: 1px solid #dcddde;
}
.entry-section ul.list-num,
.entry-section ol.list-num {
	padding-left: 28px;
}
.entry-section ul.list-num > li,
.entry-section ol.list-num > li {
	padding-left: 4px;
	list-style: decimal;
}


.entry-section .step-list {
	margin: 1rem -5px 0;
	font-size: 0;
}
.entry-section .step-list > li {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	/*margin-left: 3%;*/
	border: 5px solid #fff;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
}
.entry-section .step-list.col-4 > li {
	width: 25%;
}
.entry-section .step-list.col-3 > li {
	width: 33.333333%;
}
.entry-section .step-list .box {
	height: 160px;
	box-sizing: border-box;
	padding: 1rem 1.5rem;
	border: 4px solid #dee3e6;
	background: #edf0f2;
	vertical-align: top;
}
.entry-section .step-list.long .box {
	height: 180px;
}
.entry-section .step-list > li::before {
	position: absolute;
	top: 50%;
	left: -27px;
	display: block;
	width: 36px;
	height: 36px;
	border: 4px solid #dee3e6;
	border-radius: 50%;
	background: #fff;
	color: #c2c8cb;
	content: '\e90b';
	font-family: 'xeicon';
	font-size: 24px;
	transform: translateY(-50%);
	line-height: 36px;
	text-align: center;
}
.entry-section .step-list > li.step-1 {
	margin-left: 0;
}
.entry-section .step-list > li.step-1::before {
	display: none;
}
.entry-section .step-list .order {
	position: absolute;
	top: 0;
	left: 0;
	width: 2rem;
	height: 2rem;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	line-height: 2rem;
}
.entry-section .step-list .step-1 .order {
	background: #a66c52;
}
.entry-section .step-list .step-2 .order {
	background: #557f83;
}
.entry-section .step-list .step-3 .order {
	background: #497393;
}
.entry-section .step-list .step-4 .order {
	background: #3c4f73;
}
.entry-section .step-list .title {
	display: inline-block;
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}
.entry-section .step-list .step-1 .title {
	color: #a66c52;
}
.entry-section .step-list .step-1 .title.line {
	border-bottom: 2px solid #a66c52;
}
.entry-section .step-list .step-2 .title {
	color: #557f83;
}
.entry-section .step-list .step-2 .title.line {
	border-bottom: 2px solid #557f83;
}
.entry-section .step-list .step-3 .title {
	color: #497393;
}
.entry-section .step-list .step-3 .title.line {
	border-bottom: 2px solid #497393;
}
.entry-section .step-list .step-4 .title {
	color: #3c4f73;
}
.entry-section .step-list .step-4 .title.line {
	border-bottom: 2px solid #3c4f73;
}
.entry-section .step-list .desc {
	margin-top: 0.75rem;
}
.entry-section .step-list .br {
	display: block;
}
.entry-section .step-list a.tel {
	color: #424242;
	font-size: 16px;
	text-decoration: none;
}
.entry-section .step-list a.tel.small {
	font-size: 14px;
}
.entry-section .step-list a.tel::before {
	margin-right: 5px;
	content: '\e9d3';
	font-family: 'xeicon';
}
.entry-section .step-list a.link {
	border-bottom: 1px dotted #a66c52;
	color: #a66c52;
}

.donate-form {
	padding: 1rem 2rem;
	border: 4px solid #edf0f2;
}
	
/* Table */
.tb-basic table {
	border: 0;
	width: 100%;
	border-collapse: collapse;
}
.tb-basic + .tb-basic {
	margin-top: 20px;
}
.tb-basic th, .tb-basic td {
	padding: 8px 8px 8px;
	border: 1px solid #dcddde;
	line-height: 1.385;
}
.tb-basic th {
	background-color: #edf0f2;
	text-align: center;
	font-weight: 400;
}
.tb-top-border table {
	border-top: 2px solid #304050;
}
.tb-top-border tr:first-child th, .tb-top-border tr:first-child td {
	border-top: 0;
}
.tb-thead-color thead th {
	border: 0;
	border-left: 1px solid #59677d;
	background: #304050;
	color: #fff;
}
.tb-thead-color thead th:first-child {
	border: 0;
}
.tb-thead-color tbody tr:first-child,
.tb-thead-color thead + tbody tr:first-child th,
.tb-thead-color thead + tbody tr:first-child td {
	border-top: 0;
}
.tb-side-no-border th:first-child, .tb-side-no-border td:first-child {
	border-left: 0;
}
.tb-side-no-border th:last-child, .tb-side-no-border td:last-child {
	border-right: 0;
}
.tb-no-border th, .tb-no-border td {
	border: 0;
	border-bottom: 1px solid #d5d9df;
}
tbody.align-center td {
	text-align: center;
}

/* 후원현황 */
.stat-box {
	margin-top: 2rem;
	padding: 5%;
	border: 1px solid #ebebeb;
	background: #f5f6f7;
}
.stat-title {
	position: relative;
	float: left;
	width: 28%;
	box-sizing: border-box;
	padding: 2%;
	color: #fff;
	text-align: center;
}
.stat-title::after {
	position: absolute;
	top: 50%;
	right: -10px;
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid #00a980;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	content: '';
	transform: translateY(-50%);
}
.stat-title .title {
	margin: 0 0 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	color: #fff;
	font-size: 21px;
}
.stat-title p {
	margin: 0;
	line-height: 1.2;
}
.stat-title span {
	display: inline-block;
}
.stat-title .num {
	font-size: 32px;
}
.stat-title .name {
	margin-left: 4px;
}
.stat-chart {
	position: relative;
	float: right;
	width: 70%;
	box-sizing: border-box;
	padding: 2% 4%;
	background: #fff;
	box-shadow: 1px 1px 8px rgba(0,0,0,.1);
}
.stat-chart .stat-unit {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: inline-block;
	padding: 4px 16px;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	background: #f5f6f7;
	color: #707274;
	font-size: 12px;
}
.stat-chart .bar-num {
	fill: #707274;
	font-size: 12px;
}
.stat-donator .bar {
	fill: #00a980;
}
.stat-donator .stat-title,
.stat-donator h3.title::before {
	background: #00a980;
}
.stat-donator .stat-title::after {
	border-left-color: #00a980;
}
.stat-book .bar {
	fill: #008d97;
}
.stat-book .stat-title,
.stat-book h3.title::before {
	background: #008d97;
}
.stat-book .stat-title::after {
	border-left-color: #008d97;
}
.stat-fund .bar {
	fill: #0073ac;
}
.stat-fund .stat-title,
.stat-fund h3.title::before {
	background: #0073ac;
}
.stat-fund .stat-title::after {
	border-left-color: #0073ac;
}

/* 사이버문고 */
.cyber-page {
	margin: 0 !important;
	background: #f5f6f7;
}
.cyber-page .text-area {
	/*color: #374463;*/
	text-align: center;
}
.cyber-page .text-area h2 {
	margin: 3rem 0 1rem;
	font-size: 32px;
}
.cyber-page .text-area p {
	margin: 0;
	color: #777;
}
.cyber-page .text-area .br {
	display: block;
}
.cyber-list-section {
	padding: 0 8% 2rem;
}

/* 1인 1책 기증하기 – 온라인 접수하기 */
.inquiry-basic {
	border: 1px solid #ebebeb;
	border-radius: 3px;
	padding: 1.5rem 2.5rem;
	background: #f5f6f7;
}
.inquiry-basic dt {
	clear: both;
	float: left;
	width: 12%;
	padding: 4px 20px 4px 0;
	box-sizing: border-box;
	text-align: right;
}
.inquiry-basic dd {
	float: left;
	width: 88%;
	padding: 4px 0;
	box-sizing: border-box;
}
.inquiry-basic label {
	font-size: 15px;
}
.inquiry-basic em {
	color: #e23253;
	font-size: 13px;
}
.inquiry-basic input, .inquiry-basic textarea {
	background: #fff;
}
.inquiry-basic .btn-wrap {

}
.inquiry-basic .btn-wrap .btn {
	padding: 8px 2em;
	font-size: 17px;
}

/** ----------------------------------------------------------------------------
 * 5.0 - Post
 * -----------------------------------------------------------------------------
 */

.page-header {
	padding: 1.8rem 0 1rem;
	border-bottom: 2px solid #304050;
}
.page-header .page-title {
	margin: 0;
	color: #304050;
	font-size: 2rem;
	line-height: 1.2;
}
.entry-meta {
	margin-bottom: -6px;
	padding: 4px 0 0 3px;
	color: #909294;
	font-size: 13px;
}
.entry-content.post-content {
	padding-top: 2rem;
}
.entry-post {
	padding-top: 2rem;
}

.post-list .post-item {
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #e9eaea;
}
.post-list .post-thumbnail {
	float: left;
	width: 12%;
}
.post-list .post-thumbnail img {
	width: 100%;
	height: 100%;
}
.post-list .post-content {
	float: left;
	width: 88%;
	box-sizing: border-box;
	padding-left: 32px;
}
.post-list .post-date {
	display: inline-block;
	border-bottom: 1px dotted #00a980;
	color: #00a980;
	font-size: 13px;
}
.post-list .post-title {
	margin: 8px 0 6px;
}
.post-list .post-title a {
	color: #304050;
	font-size: 24px;
	line-height: 1.4;
	text-decoration: none;
}
.post-list .post-excerpt {
	color: #707274;
	text-align: justify;
}

/** ----------------------------------------------------------------------------
 * 6.0 - Main Page
 * -----------------------------------------------------------------------------
 */

.main-container .vc_row,
.main-container .wpb_content_element {
    margin: 0;
}
.main-container .vc_column_container>.vc_column-inner {
    padding: 0;
}
.main-container .vc_row.inner {
    margin-left: auto;
    margin-right: auto;
}
.main-container a.md-btn {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 1px;
	border: 1px solid transparent;
	border-bottom-color: #304050;
	color: #304050;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	vertical-align: middle;
}
.main-container a.md-btn.white {
	border-bottom-color: #fff;
	color: #fff;
}
.main-container a.md-btn:hover,
.main-container a.md-btn:active,
.main-container a.md-btn:focus {
	padding: 4px 10px;
	border-radius: 2px;
	border-color: #304050;
	background: #304050;
	color: #fff;
	cursor: pointer;
}
.main-container a.md-btn.white:hover,
.main-container a.md-btn.white:active,
.main-container a.md-btn.white:focus {
	border-color: #fff;
	background: #fff;
	color: #304050;
}

.main-container a.md-btn .icon-left,
.main-container a.md-btn .icon-right {
	display: inline-block;
	vertical-align: middle;
}
.main-container a.md-btn .icon-left::before {
	display: inline-block;
	margin-left: -4px;
	font-family: 'xeicon';
	font-size: 15px;
	vertical-align: middle;
}
.main-container a.md-btn .icon-right::after {
	display: inline-block;
	margin-right: -4px;
	font-family: 'xeicon';
	font-size: 15px;
	vertical-align: middle;
}


/* 기증/기부 안내 */
.donate-guide-box {
    position: relative;
    height: 360px;
    box-sizing: border-box;
    padding: 3.75rem;
    background: #5f5f5f url(assets/images/bg-donate-guide-box.jpg) 50% 50%;
	background-size: cover;
	color: rgba(255, 255, 255, .9);
    font-size: 14px;
}
.donate-guide-box p {
    margin: 0;
}
.donate-guide-box .text-box {
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 97%;
    box-sizing: border-box;
    padding: 1.25rem 3rem 1.25rem 1.75rem;
    background: rgba(238, 148, 20, .9);
	z-index: 1;
}
.donate-guide-box .text-box::after {
    position: absolute;
    top: 50%;
    right: -8px;
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid rgba(238, 148, 20, .9);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    transform: translateY(-50%);
}
.donate-guide-box .text-box strong {
    display: block;
    padding: 0 0 6px;
	color: #fff;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 1.25;
}
.donate-guide-box h3 {
    display: inline-block;
    margin: 0 0 0.75rem;
    padding: 8.25rem 0 2px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 17px;
}
.donate-guide-box dt, .donate-guide-box dd {
    float: left;
	color: rgba(255, 255, 255, .7);
}
.donate-guide-box dt.email, .donate-guide-box dd.address {
    clear: both;
}
.donate-guide-box dd.address .br {
    display: block;
}
.donate-guide-box dt::after {
    margin: 0 2px;
    content: ':';
}
.donate-guide-box dt.fax::before {
    margin: 0 6px;
    content: '/';
}


/* 후원안내 가이드 */
.donate-guide-list {
    height: 360px;
    box-sizing: border-box;
    border-right: 1px solid #f0f4ee;
    text-align: center;
    overflow-y: hidden;
}
.donate-guide-list ul {
    margin-top: 3rem;
}
.donate-guide-list li {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}
.donate-guide-list li .title {
    font-size: 17px;
    font-weight: 400;
	color: #304050;
}
.donate-guide-list > ul > li > a {
	display: block;
	cursor: default;
	text-decoration: none;
}
.donate-guide-list li .title::after {
    display: block;
    width: 80px;
    height: 80px;
    margin: 1rem auto -1rem;
    background: url(assets/images/ir-donate-guide.png) no-repeat 50% 0;
	background-size: 80px 240px;
    content: '';
}
.donate-guide-list li:nth-of-type(1) .title::after {
	background-position: 50% 0;
}
.donate-guide-list li:nth-of-type(2) .title::after {
	background-position: 50% -80px;
}
.donate-guide-list li:nth-of-type(3) .title::after {
	background-position: 50% -160px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.donate-guide-list li .title::after {
		background-image: url(assets/images/ir-donate-guide@2x.png);
	}
}
.donate-guide-list li .desc {
    font-size: 13px;
    color: #999;
    line-height: 1.4;
}
.donate-guide-list li .desc .br {
    display: block;
}

.donate-guide-list a.more .icon-left::before {
	content: '\e914';
}

/* 기증/기부 소식 */
.donate-news-section {
	position: relative;
    height: 360px;
	box-sizing: border-box;
	padding: 2rem 8%;
    background: #ebebeb;
    overflow-y: hidden;
}
.donate-news-section h3 {
	margin: 0;
	font-size: 19px;
	font-weight: 400;
}
.donate-news-section .news-item {
	padding-top: 2rem;
}
.donate-news-section .thumb {
	float: left;
	width: 30%;
}
.donate-news-section .thumb img {
	max-width: 100%;
}
.donate-news-section .desc {
	float: left;
	width: 70%;
	box-sizing: border-box;
	padding-left: 6%;
}
.donate-news-section .title {
	display: block;
	color: #855e3d;
	font-size: 21px;
	line-height: 1.3;
	text-decoration: none;
}
.donate-news-section .content {
	color: #7f7e7d;
	font-size: 14px;
	text-align: justify;
}

/* 후원해주신 분들 */
.donors-list-section {
	position: relative;
    height: 360px;
	box-sizing: border-box;
	padding: 2rem 8%;
    background: #388c86 url(assets/images/bg-donors-list-section.jpg) no-repeat 50% 50%;
    overflow-y: hidden;
}
.donors-list-section h3 {
	margin: 0;
	color: #fff;
	font-size: 19px;
	font-weight: 400;
}
.donors-list-section .donors-list {
	margin: 0;
}
.donors-list-section .donors-list > li.item {
	width: 50%;
	margin: 0.4% 0;
}
.donors-list-section .donors-list a {
	height: 80px;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, .7);
}
.donors-list-section .donors-list .donor-image {
	left: 0;
}
.donors-list-section .donors-list .donor-desc {
	left: 64px;
}
.donors-list-section .donors-list .donor-desc .name strong {
	color: #fff;
	font-size: 15px;
}

.donate-news-section a.md-btn, .donors-list-section a.md-btn {
	position: absolute;
	top: 2rem;
	right: 8%;
}
.donate-news-section a.more .icon-right::after,
.donors-list-section a.more .icon-right::after {
	content: '\e93f';
}

/* 사이버문고 슬라이드 */
.cyber-books-slider {
	margin-top: 4rem !important;
	padding-bottom: 3rem;
    background: url(assets/images/bg-cyber-books-slider.jpg) 50% 0 no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
}
.cyber-books-slider .text-area {
	padding: 3rem 0;
	color: #fff;
}
.cyber-books-slider h3 {
	margin: 1rem 0 0;
	color: #fff;
	font-size: 32px;
}
.cyber-books-slider p {
	font-size: 13px;
	color: rgba(255, 255, 255, .7);
}
.cyber-books-slider p .br {
	display: block;
}

.cyber-slider-box {
    position: relative;
    padding: 0 8rem;
}
.cyber-slider-box .cyber-list {
    margin: 0;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n+1) .description dd.books {
	color: #996b56;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n+1) .description .name {
	background: #996b56;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n+2) .description dd.books {
	color: #557f83;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n+2) .description .name {
	background: #557f83;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n+3) .description dd.books {
	color: #497393;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n+3) .description .name {
	background: #497393;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n) .description dd.books {
	color: #3c4f73;
}
.cyber-slider-box .cyber-list .owl-item:nth-of-type(4n) .description .name {
	background: #3c4f73;
}
.cyber-slider-box .owl-nav div::before {
	position: absolute;
	top: 50%;
	color: #fff;
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	border: 2px solid #fff;
	background: transparent;
	content: '';
	cursor: pointer;
	text-align: center;
	font-family: 'xeicon';
	font-size: 30px;
	line-height: 3.5rem;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.cyber-slider-box .owl-nav .owl-prev::before {
    left: -7rem;
	content: '\e906';
}
.cyber-slider-box .owl-nav .owl-next::before {
    right: -7rem;
	content: '\e907';
}
.cyber-slider-box .owl-nav div:hover::before {
	background: #fff;
	color: #58494a;
}

.cyber-slider-box .btn-wrap {
	margin-top: 2.5rem;
	height: 40px;
}
.cyber-slider-box .btn-wrap a.md-btn {
	margin: 0 4px;
}
.cyber-slider-box .md-btn.play {
	display: none;
}
.cyber-slider-box a.play .icon-left::before {
	margin-right: 3px;
	content: '\ea3e';
}
.cyber-slider-box a.stop .icon-left::before {
	margin-right: 3px;
	content: '\ea3b';
}
.cyber-slider-box a.more .icon-right::after {
	content: '\e93f';
}
	
	
/** ----------------------------------------------------------------------------
 * 7.0 - Footer
 * -----------------------------------------------------------------------------
 */
#footer {
	background: #304050;
	color: #aab4b9;
}
#footer .catch-phrase {
	padding: 1.5rem 0;
	border-bottom: 1px solid #435261;
	font-size: 16px;
	text-align: center;
	line-height: 1.375;
}
#footer .catch-phrase p {
	margin: 0;
	color: #fff;
}
#footer .catch-phrase strong {
	color: #7dceb4;
	font-weight: 400;
}
#footer .info {
	padding: 1.5rem 0 3rem;
	font-size: 13px;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0;
}
#footer .info a {
	color: #aab4b9;
}
#footer .info address {
	display: inline;
	font-style: normal;
	line-height: 1.5;
}
#footer .info .tel,
#footer .info .fax {
	margin-left: 0.75rem;
}
#footer .info .tel::before,
#footer .info .fax::before {
	content: '/';
	margin-right: 0.75rem;
}
#footer .copyright {
	margin: 0;
}
#footer .copyright strong {
	font-weight: 400;
	text-transform: uppercase;
}
#go-top {
	position: fixed;
	bottom: -100px;
	right: 20px;
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #c9ced5;
	background: rgba(255, 255, 255, .8);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
}
#go-top span {
	display: block;
	text-indent: -9999em;
}
#go-top::before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 36px;
	height: 36px;
	transform: translate(-50%, -50%);
	font-size: 24px;
	content: '\e909';
	font-family: 'xeicon';
	color: #304050;
	text-align: center;
	line-height: 36px;
}
#go-top.active {
	bottom: 20px;
}

/** ----------------------------------------------------------------------------
 * 8.0 - Media Queries
 * -----------------------------------------------------------------------------
 */

@media (max-width: 1240px) {
	.inner {
		width: 90%;
	}
	.site-main.have-side {
		width: 75%;
		padding-right: 3rem;
	}
	.sidebar {
		width: 25%;
		padding: 0 2rem;
	}
	.sidebar-menu a {
		padding: 1rem 0 1rem 2rem;
	}
	#menu-53.sidebar-menu a::before, .foot-menu a::before {
		left: 0;
	}
	.cyber-page {
		margin: 0 -10% -5rem !important;
		/*background: #e8e9e9;*/
	}
	.cyber-list-section {
		padding: 0 10% 2rem;
	}
	.inquiry-basic dt {
		width: 15%;
	}
	.inquiry-basic dd {
		width: 85%;
	}
    
    /* Main */
	.donate-guide-box {
		padding: 4.25rem 5% 0 10%;
		font-size: 13px;
	}
	.donate-guide-box .text-box strong {
		font-size: 24px;
	}
}

@media (max-width: 1000px) {
	.top-logo {
		top: 1.75rem;
		left: 0;
		width: 264px;
		height: 54px;
		transform: translateX(0);
	}
	.top-logo .symbol {
		top: 0;
		left: 0;
		transform: translateX(0);
	}
	.top-logo .logotype {
		top: 0;
		left: 68px;
	}
	#header .donor-search-select {
		top: 5.5rem;
	}
	#header .donor-search-select select {
		width: 130px;
	}
	#header .donor-search {
		top: 5.5rem;
	}
	#header .donor-search input[type='text'] {
		width: 264px;
	}
	.donate-status {
		top: 1.5rem;
	}
	.donate-status li {
		padding: 6px 1rem;
	}
	.primary-menu-outer {
		margin-top: 146px;
	}
	.primary-menu > li > a {
		padding: 0 1.6rem;
	}
	.site-main.have-side {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.sidebar {
		display: none;
	}
	.foot-menu-outer {
		padding: 2rem 0 3rem;
	}
	.foot-menu li {
		width: 28%;
	}
	.post-list .post-thumbnail {
		width: 16%;
	}
	.post-list .post-content {
		width: 84%;
	}
	.post-list .post-title a {
		font-size: 21px;
	}
	
	/* Main */
	.donate-guide-box {
		padding: 5%;
	}
	
	.main-container .vc_col-sm-4,
	.main-container .vc_col-sm-6,
	.main-container .vc_col-sm-8 {
		width: 100%;
	}
	.donate-guide-box,
	.donate-guide-list,
	.donate-news-section,
	.donors-list-section {
		height: auto;
		padding-bottom: 0;
	}
	.donate-guide-box {
		padding: 2rem 0 2.5rem;
	}
	.donate-guide-box .text-box {
		width: 50%;
	}
	.donate-guide-box .info-box {
		padding-left: 58%;
	}
	.donate-guide-box h3 {
		padding: 0 0 2px;
	}
	.donate-guide-list {
		padding: 2rem 0;
	}
	.donate-guide-list ul {
		margin-top: 0;
	}
	.donors-list-section .donors-list > li.item {
		width: 33.333333%;
	}
	.cyber-books-slider {
		padding-bottom: 1rem;
	}

	.donate-news-section .title {
		font-size: 18px;
	}
	.donate-news-section .content {
		font-size: 13px;
	}
	.donors-list-section .donors-list .donor-desc .name strong {
		font-size: 15px;
	}
}
@media (min-width:768px) and (max-width:1000px) {

}
@media (max-width: 768px) {
	#header {
		background: transparent;
	}
	.top-logo {
		left: 50%;
		transform: translateX(-50%);
	}
	#header .donor-search-select {
		display: none;
	}
	#header .donor-search,
	#header .donate-status {
		display: none;
	}
	.donor-search-option-outer {
		position: relative;
		width: 100%;
		margin-top: 1rem;
		box-sizing: border-box;
		padding: 0.75rem 5rem 0.75rem 1.5rem;
		border: 2px solid #fff;
		background: transparent;
		color: #fff;
		font-size: 17px;
	}
	.donor-search {
		position: relative;
		margin-top: 1rem;
		color: #fff;
	}
	.donor-search input[type='text'] {
		width: 100%;
		box-sizing: border-box;
		padding: 0.75rem 5rem 0.75rem 1.5rem;
		border: 2px solid #fff;
		background: transparent;
		color: #fff;
		font-size: 17px;
	}
	.donor-search input[type='text']::placeholder  {
		color: #fff;
	}
	.donor-search button[type='submit'] {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 4rem;
		color: #fff;
		font-size: 24px;
	}
	.primary-menu-outer {
		margin-top: 100px;
	}
	.primary-menu-outer::before {
		top: 45px;
	}
	#header.have-submenu .primary-menu-outer::before {
		top: 89px;
	}
	.primary-menu-outer.fixed {
		top: -1000px;
	}
	.primary-menu > li {
		float: left;
		width: 33.333333%;
	}
	.primary-menu > li > a {
		height: 44px;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 44px;
	}
	.primary-menu > li:nth-of-type(4) > a,
	.primary-menu > li:nth-of-type(5) > a,
	.primary-menu > li:nth-of-type(6) > a {
		border-top: 1px solid #455362;
	}
	.primary-menu > li:nth-of-type(2) > a,
	.primary-menu > li:nth-of-type(3) > a,
	.primary-menu > li:nth-of-type(5) > a,
	.primary-menu > li:nth-of-type(6) > a {
		border-left: 1px solid #455362;
	}
	.entry-header {
		padding: 1.8rem 0 0.5rem;
		border-bottom: 2px solid #304050;
	}
	.entry-header .entry-title {
		margin: 0;
		font-size: 24px;
	}
	.entry-section h3.title {
		margin: 2rem 0 0;
		padding-left: 28px;
		font-size: 18px;
	}
	.entry-section h3.title + .sub-title {
		font-size: 13px;
	}
	.entry-section h3.title::before {
		width: 22px;
		height: 22px;
		font-size: 13px;
		line-height: 22px;
	}
	.entry-section .text-box {
		margin-top: 1rem;
		font-size: 14px;
	}
	.entry-section .step-list > li {
		width: 100% !important;
		text-align: left;
	}
	.entry-section .step-list > li::before {
		top: -28px;
		left: 50%;
		transform: translateY(0);
		transform: translateX(-50%);
		content: '\e905';
	}
	.entry-section .step-list .box {
		height: auto !important;
		padding: 0 1.5rem 1.5rem 2.5rem;
	}
	.entry-section .step-list .order {
		top: 22px;
	}
	.entry-section .step-list .title {
		padding: 0;
		border: 0 !important;
	}
	.entry-section .step-list .desc {
		margin-top: 0.25rem;
	}
	.entry-section .step-list .br {
		display: inline;
	}
	.cyber-list-section {
		padding: 0 15% 2rem;
	}
	.cyber-page .text-area h2 {
		margin: 2rem 0 0.5rem;
		font-size: 24px;
	}
	.cyber-page .text-area p {
		font-size: 13px;
	}
	.donation-status {
	}
	.stat-section {
		margin-top: 2rem;
	}
	.stat-box {
		margin-top: 0;
		padding: 0;
		border: 0;
		background: #fff;
		box-shadow: 1px 1px 8px rgba(0,0,0,.3);
	}
	.stat-title, .stat-chart {
		float: none;
		width: 100%;
	}
	.stat-title::after {
		top: auto;
		bottom: -8px;
		left: 50%;
		right: auto;
		border-top: 10px solid #00a980;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 0;
		transform: translate(-50%, 0);
	}
	.stat-donator .stat-title::after {
		border-left-color: transparent;
		border-top-color: #00a980;
	}
	.stat-book .stat-title::after {
		border-left-color: transparent;
		border-top-color: #008d97;
	}
	.stat-fund .stat-title::after {
		border-left-color: transparent;
		border-top-color: #0073ac;
	}
	.stat-title .title, .stat-title p {
		display: inline-block;
	}
	.stat-title .title {
		margin: 0;
		padding: 0;
		border-bottom: 0;
		font-size: 15px;
	}
	.stat-title .title::after {
		display: inline-block;
		content: ':';
		margin-right: 4px;
		padding-left: 8px;
	}
	.stat-title .num {
		font-size: 24px;
	}
	.stat-title .name {
		font-size: 15px;
	}
	.stat-chart {
		box-shadow: none;
	}
	.stat-chart .stat-unit {
		top: 0.75rem;
		right: 0.75rem;
		padding: 3px 14px;
		font-size: 11px;
	}
	.inquiry-basic {
		padding: 1rem 5%;
	}
	.inquiry-basic dt, .inquiry-basic dd  {
		float: none;
		width: 100%;
		padding: 4px 0;
		text-align: left;
	}

 
	/* Main */
	.main-container .inner {
		width: 100%;
	}
	.main-container .entry-content {
		margin-top: -44px;
	}
	.donate-guide-box {
		position: relative;
		padding: 12.5rem 5% 2.5rem;
	}
	.donate-guide-box .text-box,
	.donate-guide-box .info-box {
		position: relative;
		float: left;
		top: 0;
		left: 0;
		padding: 5%;
		box-sizing: border-box;
		height: 200px;
	}
	.donate-guide-box .text-box {
		width: 40%;
	}
	.donate-guide-box .info-box {
		width: 60%;
		background: rgba(0, 0, 0, .5);
	}
	.donate-guide-box .donate-status {
		top: 4.5rem;
		left: 0;
		right: auto;
		width: 100%;
		color: #fff;
		text-align: center;
	}
	.donate-guide-box .donate-status li {
		border-color: rgba(255, 255, 255, .2);
	}
	.donate-guide-list {
		padding-top: 2.5rem;
	}
	.donate-guide-list > ul > li > a {
		cursor: pointer;
	}
	.donate-guide-list li {
		height: 110px;
		/*overflow: hidden;*/
	}
	.donate-guide-list li .title {
		position: relative;
		display: block;
		padding-top: 88px;
		font-size: 15px;
	}
	.donate-guide-list li .title::after {
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0;
		transform: translateX(-50%);
	}
	.donate-guide-list li .desc {
		display: none;
	}
	.donate-guide-list a.md-btn {
		display: none;
	}
	.cyber-books-slider {
		margin-top: 0 !important;
	}
	.cyber-books-slider .text-area {
		padding: 2rem 0;
	}
	.cyber-books-slider h3 {
		margin: 0;
		font-size: 24px;
	}
	.cyber-books-slider p {
		margin-top: 4px;
	}
}

@media (max-width: 680px) {
	#header .submenu {
		padding: 12px 2%;
		font-size: 0;
	}
	#header .submenu > li {
		width: 33.333333%;
	}
	#header .submenu > li > a {
		padding: 0;
	}
	.foot-menu-outer {
		padding: 2rem 0 3rem;
	}
	.foot-menu li {
		width: 40%;
	}
	#footer .info .tel-fax {
		display: block;
	}
	#footer .info .tel {
		margin-left: 0;
	}
	#footer .info .tel::before {
		content: '';
		margin-right: 0;
	}
	.cyber-list-section {
		padding: 0 10% 2rem;
	}
	.cyber-page .text-area {
		padding: 0 10%;
	}
	.post-list .post-thumbnail {
		width: 20%;
	}
	.post-list .post-content {
		width: 80%;
	}
	.post-list .post-title a {
		font-size: 19px;
	}
	.post-list .post-excerpt {
		font-size: 13px;
	}

    /* Main */
	.cyber-books-slider .cyber-list a {
		width: 200px;
		margin: 0 auto;
	}
	.cyber-slider-box {
		padding: 0;
	}
	.cyber-slider-box .owl-nav .owl-prev::before {
		left: 5%;
	}
	.cyber-slider-box .owl-nav .owl-next::before {
		right: 5%;
	}
}
@media (max-width: 600px) {
	.donors-list-section .donors-list > li.item {
		width: 50%;
	}
	.donate-guide-box .text-box {
		float: none;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.donate-guide-box .text-box::after {
		top: -8px;
		left: 50%;
		right: auto;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 0;
		border-bottom: 8px solid rgba(238, 148, 20, .9);
		transform: translate(-50%, 0);
	}
	.donate-guide-box .text-box strong {
		font-size: 24px;
	}
	.donate-guide-box .info-box {
		display: none;
	}
}
@media (max-width: 480px) {
	.inner {
		width: 94%;
	}
	.top-logo {
		top: 1.25rem;
	}
	.donor-search-option-outer {
		padding: 0.5rem 3.5rem 0.5rem 0.75rem;
		font-size: 15px;
	}
	.donor-search input[type='text'] {
		padding: 0.5rem 3.5rem 0.5rem 0.75rem;
		font-size: 15px;
	}
	.donor-search button[type='submit'] {
		width: 3.25rem;
		font-size: 22px;
	}
	.primary-menu-outer {
		margin-top: 90px;
	}
	.primary-menu-outer::before {
		top: 41px;
	}
	#header.have-submenu .primary-menu-outer::before {
		top: 81px;
	}
	.primary-menu > li > a {
		height: 40px;
		font-size: 13px;
		line-height: 40px;
	}
	#header .submenu {
		padding: 12px 7%;
	}
	#header .submenu > li {
		width: 50%;
	}
	.cyber-page .text-area p {
		text-align: left;
	}
	.cyber-page .text-area span.br:nth-of-type(3),
	.cyber-page .text-area span.br:nth-of-type(4) {
		display: inline;
	}
	.foot-menu li {
		width: 80%;
	}
	#footer .catch-phrase {
		padding: 1rem 0;
		font-size: 14px;
	}
	#footer .info {
		padding: 1rem 0 2rem;
		font-size: 12px;
	}
	.entry-content {
		padding: 0 3%;
	}
	.entry-section .text-box {
		margin: 1rem -3% 0 -3%;
	}
	.cyber-list-section {
		padding: 0 5% 2rem;
	}
	.entry-post {
		padding: 1rem 3% 0;
	}
	.post-list .post-thumbnail {
		width: 22%;
		padding-top: 36px;
	}
	.post-list .post-content {
		width: 78%;
		padding: 24px 0 0 20px;
	}
	.post-list .post-meta {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 12px;
	}
	.post-list .post-title a {
		font-size: 15px;
	}
	.post-list .post-excerpt {
		font-size: 12px;
	}
	.stat-title {
		padding: 0.75rem 0;
	}
	.stat-title .title {
		font-size: 14px;
	}
	.stat-title .title::after {
		display: inline-block;
		content: ':';
		margin-right: 4px;
		padding-left: 8px;
	}
	.stat-title .num {
		font-size: 18px;
	}
	.stat-title .name {
		font-size: 14px;
	}
	.stat-chart .stat-unit {
		top: 0.5rem;
		right: 0.5rem;
		padding: 2px 12px;
	}
	
	/* Main */
	.main-container .entry-content {
		width: 100%;
		padding: 0;
	}
	.donate-guide-list li .title {
		font-size: 14px;
	}
	.cyber-books-slider {
		padding-bottom: 0.5rem;
	}
	.cyber-books-slider .cyber-list a {
		width: 160px;
	}
	.cyber-books-slider .text-area {
		padding: 1.5rem 0 1.5rem;
	}
	.cyber-books-slider h3 {
		font-size: 19px;
	}
	.cyber-books-slider p {
		font-size: 12px;
	}
	.cyber-slider-box .owl-nav div::before {
		width: 2.5rem;
		height: 2.5rem;
		font-size: 20px;
		line-height: 2.5rem;
	}
	.cyber-slider-box .btn-wrap {
		margin-top: 1.5rem;
		height: 40px;
	}
	.donors-list-section .donors-list .donor-desc {
		font-size: 12px;
	}
	.donate-guide-box .text-box strong {
		font-size: 20px;
	}


}
@media (max-width: 400px) {
	/* Main */
	.donate-news-section,
	.donors-list-section {
		padding: 1.75rem 8% 0;
	}
	.donors-list-section .donors-list {
		margin: 10px 0 -10px;
	}
	.donors-list-section .donors-list > li.item {
		margin: 1% 0;
	}
	.donors-list-section .donors-list .donor-image {
		top: 8px;
		left: 0;
		width: 32px;
		height: 32px;
		transform: translateY(0);
	}
	.donors-list-section .donors-list .donor-desc {
		left: 0;
	}
	.donors-list-section .donors-list .donor-desc .name {
		padding: 12px 0 10px 38px;
	}
	.donate-guide-box .text-box .br {
		display: block;
	}
}


/** ----------------------------------------------------------------------------
 * 9.0 - Plugins
 * -----------------------------------------------------------------------------
 */


/* mp-toolkit */
a.btn, .btn, /* Button */
.ui-select, /* Select */
input.ui-form /* Form */ {
	border: 1px solid #d5d9df !important;
}
a.btn-bd-primary, .btn-bd-primary {
	z-index: 1;
	border-color: #304050;
	color: #304050;
}
a.btn-bd-accent, .btn-bd-accent {
	z-index: 1;
	border-color: #009c71;
	color: #009c71;
}
a.btn-bd-green, .btn-bd-green {
	z-index: 1;
	border-color: #53b9a5;
	color: #53b9a5;
}
a.btn-bd-blue, .btn-bd-blue {
	z-index: 1;
	border-color: #0080c2;
	color: #0080c2;
}
a.btn-bd-gold, .btn-bd-gold {
	z-index: 1;
	border-color: #dd9649;
	color: #dd9649;
}
a.btn-bd-black, .btn-bd-black {
	z-index: 1;
	border-color: #304050;
	color: #304050;
}
a.btn-bg-primary, .btn-bg-primary {
	z-index: 1;
	border-color: #304050 !important;
	color: #fff !important;
	background-color: #304050 !important;
}
a.btn-bg-accent, .btn-bg-accent {
	z-index: 1;
	border-color: #0080c2 !important;
	color: #fff !important;
	background: #009c71 !important;
	background: -webkit-linear-gradient(left, #009c71 , #0080c2) !important;
	background: -o-linear-gradient(right, #009c71, #0080c2) !important;
	background: -moz-linear-gradient(right, #009c71, #0080c2) !important;
	background: linear-gradient(to right, #009c71 , #0080c2) !important;
}
a.btn-bg-green, .btn-bg-green {
	z-index: 1;
	border-color: #53b9a5 !important;
	color: #fff !important;
	background-color: #53b9a5 !important;
}
a.btn-bg-blue, .btn-bg-blue {
	z-index: 1;
	border-color: #0080c2 !important;
	color: #fff !important;
	background-color: #0080c2 !important;
}
a.btn-bg-gold, .btn-bg-gold {
	z-index: 1;
	border-color: #dd9649 !important;
	color: #fff !important;
	background-color: #dd9649 !important;
}
a.btn-bg-black, .btn-bg-black {
	z-index: 1;
	border-color: #304050 !important;
	color: #fff !important;
	background-color: #304050 !important;
}
input[type="radio"].ui-form:checked + label::before,
input[type="checkbox"].ui-form:checked + label::before {
	color: #009c71;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-loaded {
    display: block; }
.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
.owl-carousel.owl-hidden {
    opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
.owl-carousel.owl-rtl {
    direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
    float: right; }