/*
Theme Name: beautifulfund2026
Theme URI: http://beautifulfund.org
Description: Beautifulfund 2025 New Theme
Version: 1.0.0
Author: dmain.io & untide.org
Author URI: http://beautifulfund.org
Tags: beautifulfund

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
@import url(style_new.css);

/* Typography */
@font-face {
	font-family: "Happiness-Sans";
	src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Regular.woff2")
		format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Happiness-Sans";
	src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Bold.woff2")
		format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Happiness-Sans";
	src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Title.woff2")
		format("woff2");
	font-weight: 900;
	font-style: normal;
}

/* 개별 포스트 커스텀 Start */
.postid-99364 #mergerFrame {
	display: none !important;
}

/* 개별 포스트 커스텀 End */

*,
:after,
:before,
html {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body {
	font-family: "Happiness-Sans", "Apple SD Gothic Neo", "AppleGothic";
	line-height: 1.6;
	color: #757575;
	font-size: 16px;
	word-break: keep-all;
}

body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}

ol,
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Happiness-Sans", "Apple SD Gothic Neo", "AppleGothic",
		sans-serif !important;
	font-weight: 700;
	word-break: keep-all;
	line-height: 1.5;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

a {
	color: #222;
	text-decoration: none;
}

a:hover {
	color: #ffa200;
}

input,
textarea {
	padding: 7px 10px 7px 10px;
	border: #ddd 1.5px solid;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	font-size: 100%;
	font-family: "Happiness-Sans", "malgun gothic", sans-serif !important;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	display: block;
	float: left;
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 15px !important;
	height: 15px !important;
	border: 1.5px solid #222;
	border-radius: 0px;
}

input[type="checkbox"]:checked {
	background-color: #ffa200;
	background-image: url(./img/ic_check.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

input[type="file"] {
	font-size: 14px;
}

button {
	border: 0;
	font-family: "Happiness-Sans", sans-serif !important;
}

a:focus,
input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none !important;
}

table {
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

abbr,
acronym {
	border: 0;
}

caption {
	overflow: hidden;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	border: 0;
	font-size: 0;
	line-height: 0;
}

.tp-caption img {
	image-rendering: auto !important;
	image-rendering: -moz-auto !important;
	image-rendering: -o-auto !important;
	image-rendering: -webkit-optimize-contrast !important;
	-ms-interpolation-mode: nearest-neighbor;
}

.rev_slider h1 {
	font-family: "Happiness-Sans", sans-serif !important;
}

.rev_slider h4 {
	font-family: "Happiness-Sans", sans-serif !important;
}

.rev-btn {
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: 600 !important;
	border-width: 1.5px !important;
	border-radius: 0 !important;
}

.tp-bullets {
	top: -10px !important;
}

.tab_depth ul li {
	font-weight: 500 !important;
}
.pc_only {
	display: block !important;
}
.mo_only, .mobile_only {
	display: none !important;
}
.pc-break {
	display: block;
}

.point {
	color: #ffa200;
}

.hidden {
	display: none;
	height: 0;
}

.pc-hidden {
	display: none;
}

.text-bold {
	font-weight: 700;
}

.text-bold-black {
	color: #333;
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

body.modal-open {
	overflow: hidden;
}

#stb_subscribe .stb_form_msg_error,
#stb_subscribe .stb_input_msg_error,
#stb_subscribe .stb_field_msg_error,
#stb_subscribe .stb_msg_error,
#stb_subscribe .stb_form_msg,
#stb_subscribe .stb_form_msg_success,
#stb_subscribe .stb_form_result {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	font-size: 0 !important;
	overflow: hidden;
}

.ir-pm {
	display: block;
	overflow: hidden;
	margin-right: 6px;
}

/* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir-wa {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: -10;
	width: 100%;
	height: 100%;
}

/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen-out {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	line-height: 0;
	text-indent: -9999px;
}

/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.grecaptcha-badge {
	display: none !important;
}

.m-txt,
.btn-pageup {
	display: none;
}

.yellow-ribbon {
	display: block;
	background: url(./img/ci_ribbon.png) no-repeat;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
}

.copyright img {
	width: 50px;
}

.btn_donate_fix {
	z-index: 998 !important;
}

h1.title_only {
	padding-bottom: 10px !important;
}

.nomargin_left {
	margin-left: 0 !important;
}

.another-link {
	text-align: right;
	font-weight: 700;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

/* Button */
.btn {
	font-family: "Happiness-Sans", "malgun gothic", sans-serif !important;
	font-weight: 700;
	display: inline-block;
	padding: 10px 20px;
	margin-bottom: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #e7e7e7;
	background-image: none;
	color: #555;
	text-decoration: none;
}

.btn:hover,
.btn:active {
	color: #444;
	background-color: #ededed;
}

.btn-org {
	color: #fff;
	background-color: #ffa200 !important;
}

.btn-org:hover,
.btn-org:active {
	color: #fff;
	background-color: #514a4b !important;
}

.btn-org2 {
	color: #f80;
	padding: 0;
	background: none;
	vertical-align: baseline;
}

.btn-org2:hover,
.btn-org2:active {
	color: #d14600;
	background: none;
}

.btn-clr {
	color: #fff;
	background-color: #f80 !important;
}

.btn-clr:hover,
.btn-clr:active {
	color: #fff;
	background-color: #514a4b !important;
}

.btn-bn {
	color: #fff;
	background-color: #4d4740;
}

.btn-bn:hover,
.btn-bn:active {
	color: #fff;
	background-color: #ee9606;
}

.btn-link,
.btn-link:hover,
.btn-link:active {
	background-color: transparent;
}

.btn-link:hover,
.btn-link:active {
	text-decoration: underline;
}

.btn-lg {
	padding: 15px 60px;
	line-height: 1.5;
}

.btn-sm {
	padding: 5px 20px;
	font-size: 14px;
}

.btn-page .btn {
	padding-right: 32px;
	background-image: url(./img/btn_arrow_s.png);
	background-repeat: no-repeat;
	background-position: 94% 50%;
}

.icon-down,
.icon-down-bk {
	display: inline-block;
	width: 19px;
	height: 12px;
	margin-left: 12px;
	text-align: left;
}

.icon-down {
	background: url(./img/icon_down.png) no-repeat;
}

.icon-down-bk {
	background: url(./img/icon_down_bk.png) no-repeat;
}

/* Box */
.box-info {
	padding: 20px 25px;
	border: #ddd 1px solid;
	width: 100%;
	float: left;
}

.box-gr {
	background-color: #fafafa;
}

/* Table */
.tb-basic {
	border: 1.5px solid #000;
	border-image: none;
	border-collapse: collapse;
	word-break: break-all;
}
.tb-basic th {
	border-bottom: 1.5px solid #000;
}

/* List */
.list-basic li {
	margin-bottom: 8px;
	padding-left: 14px;
	background: url(./img/bul_dot_org.png) no-repeat;
	background-position: 0 10px;
	word-break: break-all;
}

.list-order li {
	background: url(./img/donation/icon_next.png) no-repeat;
	background-position: 100% 50%;
	color: #4d4740;
	font-weight: 700;
	font-size: 1.063em;
	text-align: center;
}

.list-order li:last-child {
	background-image: none;
}

.cnt-list {
	margin-left: 15px;
}

.cnt-list li {
	line-height: 160%;
}

.cnt-list-sub {
	margin-left: 30px;
}

/* NonIE */
.ie_except {
	display: block;
}

.ie_only {
	display: none;
}

/* PC & Mobile */
.mobile_only {
	display: none !important;
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ie_except {
		display: none;
	}

	.ie_only {
		display: block;
	}
}

/* Header */
#m-header {
	display: none !important;
}

#header {
	position: fixed;
	display: flex;
	justify-content: center;
	width: 100%;
	text-align: center;
	color: #333;
	background-color: #fff;
	z-index: 9999;
	top: 0;
	border-bottom: 1.5px solid #231815;
}
#header::after,
#m-header::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -3px;
	height: 3px;
	width: 0;
	background: #ffa400;
	transition: width 0.3s;
	z-index: 10;
	width: var(--header-after-width, 0px);
}
#header,
#header .main .menu li,
#header .main .logo,
#header .main .logo a,
#menu,
.submenu,
.menu_sitemap {
	transition: all 0.3s !important;
}

#header .logo {
	position: relative;
	z-index: 100;
	line-height: 1;
}

#header .logo a {
	display: block;
}

#header .logo img {
	height: 46px;
}

#header .top {
	display: none;
	height: 32px;
	line-height: 30px;
	background: #514a4b;
	border-bottom: 0;
	opacity: 1 !important;
}

#header .top a {
	display: block;
	padding: 0 15px;
	font-family: "Apple SD Gothic Neo", "AppleGothic", sans-serif !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 500;
	letter-spacing: 0 !important;
	border: 0;
	margin: 0;
	opacity: 0.7;
}

#header .top a:hover {
	opacity: 1;
}

#header .top .member {
	float: left;
}

#header .top .member li {
	float: left;
}

#header .top .member li:first-child a {
	padding-left: 0;
}

#header .top .utility {
	float: right;
	margin-right: -2px;
}

#header .top .utility li {
	float: left;
}

#header .top .utility li:last-child a {
	padding-right: 0;
}

#header .top .utility li a {
	cursor: pointer !important;
}

#header .sub {
	height: 50px;
}

#header .main {
	display: flex;
	align-items: center;
	width: 1120px;
	max-width: 1120px;
	height: 100px;
	position: relative;
	transition: height 0.3s !important;
}

#header .main .menu {
	margin: 0 auto;
	text-align: center;
}

#header .main .menu li.topMenuLi {
	display: flex;
	gap: 26px;
	font-weight: 400;
	font-size: 16px;
	height: 102px;
	align-items: center;
	text-indent: initial !important;
}

#header .main .menu li:last-child {
	padding-right: 0;
}

#header .main .menu .active a {
	color: #ffa200;
}

#header .yellow-ribbon {
	float: left;
	width: 24px;
	height: 34px;
	margin: 5px 0 0 5px;
	background-size: 24px;
}

#header .display_home_only {
	display: block;
}

#menu {
	position: fixed;
	top: 101px;
	left: 0;
	z-index: 69;
	text-align: center;
	width: 100%;
	background: rgba(250, 250, 250, 0.8);
	border-bottom: 1px solid #dfdfdf;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.ex_header #menu {
	top: 60px;
}

#menu li {
	display: inline-block;
	margin: 7px 0;
	font-size: 16px;
}

#menu li a {
	text-decoration: none;
	color: #676767 !important;
	font-weight: 500;
	line-height: 1;
	padding: 7px 15px 9px 15px;
	display: block;
}

#menu li a:hover {
	color: #ffa200 !important;
}

#menu li.active a {
	color: #ffa200 !important;
}

/* Btn */
.rbtn {
	display: inline-flex;
	color: #231815;
	border: 1.5px solid #231815;
	padding: 5px 16px;
	line-height: 150%;
	letter-spacing: -0.01em;
	border-radius: 50px;
}

.rbtn:hover,
.rbtn.active {
	color: #ffa300;
	border-color: #ffa300;
	background-color: #fff;
}

.rbtn.blue:hover,
.rbtn.blue.active {
	color: #65e0ff;
	border-color: #65e0ff;
}

.rbtn.green {
	background-color: #b3e863;
}

.rbtn.violet:hover,
.rbtn.violet.active {
	color: #ff9dff;
	border-color: #ff9dff;
}

.rbtn.forest {
	background-color: #b3e863;
}

.rbtn.green:hover,
.rbtn.green.active {
	color: #b3e863;
	border-color: #b3e863;
	background-color: #fff;
}

.rbtn.forest:hover,
.rbtn.forest.active {
	color: #1cd760;
	border-color: #1cd760;
	background-color: #fff;
}

.rbtn.orange {
	background-color: #ffa400;
}

.rbtn.orange:hover {
	color: #ffa400;
	border-color: #ffa400;
	background-color: #fff;
}

.topMenuLi .rbtn {
	min-width: 86px;
	justify-content: center;
	max-height: 36px;
}
.topMenuLi .rbtn.orange.active {
	color: #ffa400;
	background-color: #fff;
	border-color: #ffa400;
}
.en .rbtn {
	padding: 5px 12px;
	margin-right: 13px;
}

.icon_menu_container .rbtn {
	font-size: 14px;
	line-height: 140%;
}

/* Header Scrolled */
.moreVoicesWrap {
	display: none;
}

/* Header Navigation */
.topMenuLi .menuLink {
	text-align: center;
	font-family: "Happiness-Sans", "Apple SD Gothic Neo", "AppleGothic",
		sans-serif !important;
}

.submenu {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	height: 0;
	position: absolute;
	top: 101px;
	left: 0;
	background: #fff;
	overflow: hidden;
	transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-o-transition: height 0.5s;
	z-index: 99999;
}

.topMenuLi:hover .submenu {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	height: 286px;
	border-bottom: 1px solid #231815;
}

.submenu_box {
	width: 790px;
	margin: 0 auto;
	padding-left: 84px;
}

.submenu_box li {
	font-weight: 400;
	display: inline-block;
	padding: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}

.submenu_box li a {
	width: 100% !important;
	float: left;
	line-height: 27px !important;
	font-size: 14px;
	letter-spacing: 0;
	padding: 0 !important;
	font-weight: 400;
	color: #333333;
}

.submenu_box li a:hover {
	color: #ffa200 !important;
}

.submenu_g {
	width: 16%;
	min-height: 218px;
	float: left;
	padding: 20px 0;
}

.submenu_g:last-child {
	width: 20%;
}

.submenu_container {
	width: 100%;
	position: relative;
	line-height: 1 !important;
}

.icon_menu_container {
	display: flex;
	gap: 12px;
	width: 100%;
	justify-content: center;
	margin-left: 42px;
}
.icon_menu_container li:first-child {
	display: none;
}

.icon_menu_box {
	width: 1100px;
	margin: 0 auto;
	text-align: center;
}

.icon_menu_box a {
	width: 12.5% !important;
	float: none !important;
	display: inline-block !important;
	line-height: 1 !important;
}

.icon_menu {
	width: 100%;
	height: 125px;
}

.icon_menu p {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
}

.icon_menu:hover p {
	color: #ffa200;
}

.icon_menu img {
	width: 55px;
	margin-top: 23px;
	margin-bottom: 7px;
	border-radius: 20px;
	overflow: hidden;
}

#menu.blog_submenu {
	display: none;
}

/* Top Search */
.search-area {
	display: none;
	position: absolute;
	top: 31px;
	left: 50%;
	margin-left: -312px;
	width: 827px;
	height: 37px;
	padding: 0 24px;
	background-color: #fff;
	z-index: 999;
	border: 1.5px solid #231815;
	border-radius: 36px;
}

.search-area .title {
	margin-bottom: 32px;
	font-size: 2.5em;
}

.search-area .btn-close {
	position: absolute;
	top: 5px;
	right: -44px;
	background: none;
	padding: 0;
	cursor: pointer;
}

.search-area input {
	width: 100%;
	color: #231815;
	background: none !important;
	font-size: 14px;
	padding: 0;
	border: 0;
	height: 34px;
}

.search-area input::placeholder {
	color: #c4c4c4;
}

.search-area input:focus {
	outline: none;
}

.search-area .btn {
	display: none;
}

.search a.ir-pm {
	cursor: pointer;
}

/* Header Sitemap */
.menu_sitemap {
	display: flex;
	align-items: center;
}

.menu_sitemap a.main_login {
	font-size: 19px;
	color: #ffa200;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: 700;
}

.menu_sitemap a.main_login:hover {
	color: #333;
}

.menu_sitemap a.main_donate {
	font-size: 19px;
	color: #333;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: 700;
	margin-right: 30px;
}

.menu_sitemap a.main_donate:hover {
	color: #ffa200;
}

.menu_sitemap a.main_donate img {
	width: 17px;
	margin-left: 7px;
}

.sitemap_msg {
	width: 100%;
	height: 69px;
	line-height: 70px;
	text-align: center;
	font-family: "Happiness-Sans", sans-serif !important;
	font-size: 20px;
	font-weight: 700;
}

.ex_header .sitemap_msg {
	height: 54px;
	line-height: 55px;
	font-size: 17px;
	color: #333;
}

.sitemap_box {
	width: 100%;
	float: left;
	padding: 35px 50px 50px 50px;
	border-top: 1px solid #dfdfdf;
}

.sitemap_box ul {
	width: 16.666%;
	float: left;
	text-align: left;
	padding: 0 20px;
	font-weight: 400;
}

.sitemap_box ul li {
	line-height: 2;
	width: 100%;
	display: block;
	float: left;
	border-bottom: 1px dashed #dfdfdf;
}

.sitemap_box ul li:last-child {
	border-bottom: 0;
}

.sitemap_box ul li a {
	color: #333;
	display: block;
	font-size: 15px;
	letter-spacing: 0;
}

.sitemap_box ul li a:hover {
	color: #ffa200;
}

.sitemap_box ul li ul {
	width: 100%;
	padding-left: 20px;
}

.sitemap_box ul li ul li {
	border-bottom: 0;
}

.sitemap_box ul li ul li a {
	color: #777;
	display: block;
}

.sitemap_box ul li ul li a:hover {
	color: #ffa200;
}

.sitemap_box ul li.sitemap_d1 {
	font-weight: 500;
	border-bottom: 1px solid #ffa200;
	margin-bottom: 12px;
	padding-bottom: 5px;
}

.sitemap_box ul li.sitemap_d1 a {
	font-size: 20px;
}

.sitemap_box ul li.sitemap_d1 img {
	width: 17px;
	margin-left: 6px;
	margin-top: -6px;
}

/* Header Sitemap Popup */
.custom_modal {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99;
}

.custom_modal .modal-bg {
	background: rgba(81, 74, 75, 0.7);
	height: 100vh;
	width: 100%;
}

.custom_modal .modal-bg .modal-cont {
	position: relative;
	background: #fff;
	width: 100%;
	display: inline-block;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid #ddd;
	float: left;
}

.custom_modal .modal-bg .modal-cont .close {
	position: absolute;
	top: 20px;
	right: 68px;
	background: none;
	border-radius: 0;
	z-index: 99;
}

.custom_modal .modal-bg .modal-cont .close:hover {
	background: none;
}

.custom_modal .modal-bg .modal-cont .close img {
	width: 30px;
	vertical-align: top;
}

.ex_header .custom_modal .modal-bg .modal-cont .close {
	top: 17px;
}

.ex_header .custom_modal .modal-bg .modal-cont .close img {
	width: 20px;
}

/* Layer Popup */
#popup-wrap {
	font-size: 14px;
	letter-spacing: -0.1em;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	line-height: 1.4;
}

#popup-wrap a {
	color: #006bff;
	text-decoration: none;
}

#popup-wrap a:hover {
	color: #0054ca;
	text-decoration: underline;
}

#popup-wrap #popup-container {
	display: none;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 3px;
	position: relative;
}

#popup-wrap #popup-footer {
	font-size: 12px;
	width: 100%;
	padding: 0;
	background-color: #f5f5f5;
	box-sizing: border-box;
}

#popup-wrap #popup-footer:after {
	content: "";
	display: table;
	clear: both;
}

#popup-wrap #popup-footer input {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin-bottom: 2px;
}

#popup-wrap #popup-footer p {
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 0.05em;
}

#popup-wrap #popup-footer button {
	float: right;
}

#popup-wrap button {
	cursor: pointer;
	-webkit-appearance: button;
	line-height: 1;
	border: 0px;
	color: white;
	border-radius: 100px;
	background-color: #514a4b;
	transition: all 0.2s linear;
	width: 35px;
	height: 35px;
	position: absolute;
	right: -10px;
	top: -10px;
	background-image: url(./img/ic_close_x_white.png);
	background-size: 15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#popup-wrap button:hover {
	background-color: #ffa200;
}

#popup-wrap.popup_main #popup-container {
	box-shadow: none !important;
	position: absolute;
	right: 150px !important;
	top: 200px !important;
	background: none !important;
}

#popup-wrap.popup_main .popup-box {
	width: 250px;
	height: 270px;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* #popup-wrap.popup_main .popup-box.utoro_live { background-image: url(./img/img_popup_utoro_live.png); }
#popup-wrap.popup_main .popup-box.receipt { background-image: url(./img/img_popup_receipt2024.png); } */

/* #popup-wrap.popup_main.renewal .popup-box { width: 300px; height: 300px; background-image: url(./img/img_popup_renewal_20250101.png); border-radius: 20px; box-shadow: 0px 7px 0px rgba(0,0,0, 0.2); }
#popup-wrap.popup_main.renewal button { background-color: #777; }
#popup-wrap.popup_main.renewal button:hover { background-color: #ffa200; } */

#popup-wrap.popup_main.mountain_fire .popup-box {
	width: 300px;
	height: 300px;
	background-image: url(./img/img_popup_mountain_fire_20250328.png) !important;
	box-shadow: 0px 7px 0px rgba(0, 0, 0, 0.2);
}

#popup-wrap.popup_main.mountain_fire button {
	background-color: #777;
}

#popup-wrap.popup_main.mountain_fire button:hover {
	background-color: #ffa200;
}

#popup-wrap.popup_notice {
	font-size: 15px !important;
}

#popup-wrap.popup_notice #popup-container {
	right: auto !important;
	transform: translate(-50%, -50%);
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
}

#popup-wrap.popup_notice a {
	color: #333 !important;
	text-decoration: none !important;
}

#popup-wrap.popup_notice .popup-box {
	float: left;
	width: 350px;
	height: auto;
	padding: 25px;
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	border-radius: 0;
	box-shadow: 7px 7px 0px #ffa200;
}

#popup-wrap.popup_notice .popup-box h3 {
	margin-bottom: 10px;
	letter-spacing: -1px;
}

#popup-wrap.popup_notice .popup-box h3 span {
	margin-right: 3px;
}

#popup-wrap.popup_notice .popup-box p {
	margin-bottom: 20px !important;
	letter-spacing: -1px;
	line-height: 1.6;
}

#popup-wrap.popup_notice .popup-box .popup-box-link {
	display: block;
	float: left;
	padding: 5px 15px 7px 15px;
	border-radius: 10px 0;
	background: #ffa200;
	color: #fff !important;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

#popup-wrap.popup_notice button {
	right: -17px;
}

/* Modal */
.popup_modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}

.popup_modal .popup_modal_bg {
	background: rgba(81, 74, 75, 0.6);
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.popup_modal .popup_modal_bg .popup_modal_content {
	position: relative;
	background: #fff;
	padding: 35px;
	width: 750px;
	display: inline-block;
	box-shadow: 7px 7px 0px #ffa200;
	transform: translate(-50%, -50%);
	position: absolute !important;
	top: 50%;
	left: 50%;
	border-radius: 7px;
}

.popup_modal .popup_modal_bg .popup_modal_content.wide {
	width: 900px;
}

.popup_modal .popup_modal_bg .popup_modal_content h2 {
	font-size: 23px;
	color: #333;
	text-align: left;
	margin-top: -10px;
	margin-bottom: 10px;
}

.popup_modal .popup_modal_bg .popup_modal_content h2 img {
	height: 60px;
	margin-right: 15px;
	margin-top: -5px;
}

.popup_modal .popup_modal_bg .popup_modal_content p {
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 1.5;
	word-break: keep-all;
}

.popup_modal .popup_modal_bg .popup_modal_content ul {
	width: 100%;
	float: left;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li {
	font-size: 17px;
	width: 100%;
	float: left;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li img {
	width: 17px;
	margin-right: 10px;
	margin-top: -4px;
	float: left;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li span {
	display: block;
	float: left;
	margin-top: 8px;
	padding: 4px 8px 3px 8px;
	border-radius: 100px;
	line-height: 1;
	font-size: 10px;
	font-weight: 600;
	color: #fff;
	background: #aaa;
	font-family: "Happiness-Sans", sans-serif !important;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li h3 {
	float: left;
	font-size: 15px;
	line-height: 2.1;
	padding-left: 27px;
	padding-right: 7px;
	background-image: url(./img/img_seed_left.png);
	background-size: 17px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #333;
	font-family: "Apple SD Gothic Neo", "AppleGothic", sans-serif !important;
	font-weight: 500;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li.child h3 {
	background-image: url(./img/img_list_child.png);
	background-position: 5px 50%;
	background-size: 10px;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li h3 b {
	font-family: "Apple SD Gothic Neo", "AppleGothic", sans-serif;
	color: #ffa200;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li a:hover h3 {
	color: #ffa200;
}

.popup_modal .popup_modal_bg .popup_modal_content ul li a:hover span {
	background: #ffa200;
	color: #fff;
}

.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_list {
	float: left;
	width: 100%;
	border-top: 1px solid #ffa200;
	border-bottom: 1px solid #ffa200;
	padding: 17px 0;
	margin-top: 25px;
	margin-bottom: 30px;
}

.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_close {
	position: absolute;
	top: 20px !important;
	right: 20px;
	padding: 10px;
	background: none;
	border-radius: 0;
}

.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_close:hover {
	opacity: 0.7;
}

.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_close img {
	width: 25px;
}

.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_link {
	text-align: right;
	width: 100%;
}

.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_link a {
	display: inline-block;
	padding: 13px 15px 12px 15px;
	font-size: 15px;
	text-align: center;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
}

.popup_modal
	.popup_modal_bg
	.popup_modal_content
	.popup_modal_link
	a:nth-child(1) {
	background: #f80;
}

.popup_modal
	.popup_modal_bg
	.popup_modal_content
	.popup_modal_link
	a:nth-child(2) {
	background: #ffa200;
}

.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_link a:hover {
	background: #514a4b;
}

/* Footer */
footer {
	float: left;
	width: 100%;
	z-index: 998;
	position: relative;
}

footer .list_link_outlink {
	float: left;
	width: 100%;
	display: none;
}

footer .list_link_outlink li {
	width: 100%;
	display: block;
	float: left;
	height: 90px;
	line-height: 90px;
	background: #fff;
	color: #333;
}

footer .list_link_outlink li a {
	color: #333;
}

footer .list_link_outlink li a:hover {
	color: #ffa200;
}

footer .list_link_outlink h3 {
	float: left;
	line-height: inherit;
	font-size: 25px;
	font-weight: 500;
}

footer .list_link_outlink .list_link_sns {
	float: right;
	margin-right: 40px;
}

footer .list_link_outlink .list_link_sns a {
	display: block;
	float: left;
	padding: 0 20px;
}

footer .list_link_outlink .list_link_sns a:hover {
	opacity: 0.7;
}

footer .list_link_outlink .list_link_sns a img {
	width: 33px;
}

footer .list_link_outlink .link_newsletter {
	float: right;
	font-size: 25px;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: 500;
}

footer .list_link_outlink .link_newsletter img {
	width: 30px;
	margin-left: 15px;
}

footer #footer {
	display: block;
	width: 100%;
	background: #724d4d;
	bottom: 0;
	padding: 40px 0 40px 0;
}

footer .footer {
	width: 1120px;
	position: relative;
	margin: 0 auto;
	opacity: 1 !important;
	display: block !important;
}

footer .footer .container {
	width: 100%;
}

footer .footer .footer_left {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

footer .footer .footer_left img {
	width: 170px;
}

footer .footer .footer_center {
	position: absolute;
	top: 3px;
	left: 192px;
}

footer .footer .footer_right {
	float: right;
	display: flex;
	gap: 16px;
}

footer .footer .footer_info {
	clear: both;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	float: left;
	font-weight: normal;
	opacity: 0.7;
}

footer .footer .footer_info b {
	margin-right: 3px;
	font-weight: 500;
}

footer .footer .footer_info span {
	padding-right: 15px;
}

footer .footer .logo,
footer .footer .menu {
	float: left;
}

footer .footer .logo {
	width: 146px;
	height: 35px;
	background: url(./img/logo_footer.png) no-repeat 0 50%;
	background-size: 100%;
	text-indent: -9999px;
	margin-top: 0;
}

footer .footer .menu li {
	display: inline-block;
	margin-right: 25px;
	font-weight: 700;
}

footer .footer .list_link {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

footer .footer .list_link.quick {
	width: 106px;
}

footer .footer .list_link.sns {
	width: 128px;
}

footer .footer .list_link.sns a {
	justify-content: space-between;
}

footer .footer .list_link a {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
	line-height: 100%;
	opacity: 0.7;
	border: 1.5px solid #fff;
	height: 34px;
	padding: 0 9px;
}

footer .footer .list_link a:hover {
	opacity: 1;
}

footer .footer .familysite {
	width: 106px;
	text-align: left;
}

footer .footer .familysite select {
	background-color: transparent;
	color: #fff;
	font-size: 14px;
	opacity: 1;
	vertical-align: middle;
	width: 100%;
	padding: 7px 9px;
	border: 1px solid #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

footer .footer .familysite select::-ms-expand {
	display: none;
}

footer .footer .familysite select option {
	color: #333333;
}

footer .footer .familysite .btn-default {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 3px 10px;
	background-color: transparent;
	border: #bcb9b7 1px solid;
	color: #bcb9b7;
	font-size: 0.778em;
}

footer .footer .copyright {
	padding: 0;
	color: #bcb9b7;
	font-size: 0.722em;
	line-height: 130%;
	text-align: center;
	display: none;
}

footer .footer .btn-pageup {
	display: none;
}

footer .footer .list_link .btn_gotop {
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	height: unset;
	padding: 0;
}

/* Footer Family site */
#fml-site {
	display: block;
	margin-top: 52px;
	position: relative;
}

ul#fml-link {
	display: none;
	background: #fafaf6;
	border-radius: 2px;
	border: 1px solid #f37053;
	position: absolute;
	top: -201px;
	width: 100%;
}

ul#fml-link li {
	display: block;
	width: 100%;
	color: #111;
	padding: 6px 12px;
	margin: 0px 0;
	font-size: 12px;
}

ul#fml-link li:nth-child(odd) {
	background: #fff;
}

ul#fml-link li:hover {
	background: #f37053;
	color: #fff;
}

button#fml-btn {
	position: absolute;
	background: #fff;
	width: 100%;
	border-radius: 2px;
	padding: 6px 12px;
	text-align: left;
	font-size: 12px;
	font-family: "gill sans W01 Book", "helvetica Neue LT W01_55 Roman",
		"roboto", arial, sans-serif;
	letter-spacing: 0em;
	border: 1px solid #f37053;
	color: #f37053;
}

button#fml-btn img {
	position: absolute;
	right: 8px;
	top: 6px;
	width: 13px;
}

button#fml-btn img#fml-link-up {
	top: 7px;
	display: none;
}

/* Bootstrap */
.container {
	margin-right: auto;
	margin-left: auto;
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.row {
	margin: 0 auto;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 20px;
	padding-right: 20px;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}

.flex {
	display: flex;
}

/* Section */
#fullpage .fp-tableCell {
	display: block !important;
}

#fullpage .section {
	height: 100vh;
}

.section {
	text-align: center;
	position: relative;
}

.section .title,
.section .info {
	color: #4d4740;
	word-break: keep-all;
	font-size: 1.05em;
}

.section .title {
	padding-bottom: 30px;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

.section .title span {
	color: #ffa200;
}

.section .scrolldown {
	display: block;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -25px;
	background-size: 100%;
	color: #777;
	font-weight: 700;
	font-size: 0.765em;
	letter-spacing: 1px;
	line-height: 1.3;
}

.section .scrolldown .img {
	display: block;
	margin: 0 auto;
	width: 35px;
	height: 43px;
	background-size: 35px;
	background-repeat: no-repeat;
}

.section .custom_submain_desc {
	font-size: 20px;
	margin-bottom: 30px;
}

.section .intro {
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 30px !important;
	width: 100%;
}

/* Skip navigation */
.skip {
	display: block;
	position: fixed;
	top: 0;
	height: 1px;
	width: 1px;
	margin: 0 -1px -1px 0;
	padding: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	z-index: 100;
}

.skip:hover,
.skip:active,
.skip:focus {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-weight: 700;
	font-size: 1em;
	color: #333333;
	line-height: 1;
	background-color: #fff;
}

/* Recent Post Area */
.recent_post_container {
	padding: 65px 70px;
}

.front_post_header {
	width: 100%;
	float: left;
}

.front_post_header h3 {
	font-size: 25px;
	color: #333;
	font-weight: 500;
	float: left;
}

.front_post_header h3 img {
	width: 23px;
	margin-left: 10px;
	margin-top: -8px;
}

.front_post_header .post_seemore {
	float: right;
}

.front_post_header .post_seemore:hover {
	opacity: 0.7;
}

.front_post_header .post_seemore img {
	width: 35px;
	margin-top: 0;
}

.front_post_content {
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
}

/* Recent Post Carousel */
#wppsac-post-carousel-1 .wppsac-post-image-bg {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	background: #ddd;
	margin-bottom: 15px !important;
	background-size: cover;
	background-position: 50% 50%;
}

#wppsac-post-carousel-1 .wppsac-post-image-bg a {
	display: block;
}

#wppsac-post-carousel-1 .wppsac-post-image-bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	bottom: 0;
	max-width: 100%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#wppsac-post-carousel-1 h2.wppsac-post-title {
	margin: 0 !important;
}

#wppsac-post-carousel-1 h2.wppsac-post-title a {
	font-weight: 500;
	font-size: 17px;
	color: #333;
	font-weight: normal;
	font-family: "Apple SD Gothic Neo", "AppleGothic", sans-serif !important;
	line-height: 1.5;
}

#wppsac-post-carousel-1 .wppsac-post-categories ul.wppsac-post-categories-list {
	margin: 0px 0px 5px 0px !important;
}

#wppsac-post-carousel-1
	.wppsac-post-categories
	ul.wppsac-post-categories-list
	li {
	margin: 0 !important;
}

#wppsac-post-carousel-1
	.wppsac-post-categories
	ul.wppsac-post-categories-list
	li:last-child {
	display: none !important;
}

#wppsac-post-carousel-1
	.wppsac-post-categories
	ul.wppsac-post-categories-list
	li
	a {
	background: none !important;
	padding: 0;
	color: #333 !important;
	opacity: 0.6;
	font-size: 17px;
	font-family: "Apple SD Gothic Neo", "AppleGothic", sans-serif !important;
	font-weight: 500 !important;
}

#wppsac-post-carousel-1 .wppsac-carousel-slides:hover img {
	opacity: 0.7;
}

#wppsac-post-carousel-1 .slick-arrow {
	width: 47px;
	height: 47px;
	background-color: rgba(255, 164, 0, 0.8) !important;
}

#wppsac-post-carousel-1 .slick-arrow:hover {
	background-color: rgba(255, 164, 0, 0.8) !important;
}

#wppsac-post-carousel-1 .slick-arrow svg {
	width: 50%;
}

#wppsac-post-carousel-1 .slick-next {
	right: -15px !important;
}

#wppsac-post-carousel-1 .slick-prev {
	left: -13px !important;
}

#wppsac-post-carousel-1 .slick-arrow {
	top: 30%;
}

#wppsac-post-carousel-1 .wppsac-carousel-slides:hover .wppsac-post-image-bg {
	opacity: 0.8;
}

/* Home Common */
.home .section {
	text-align: left;
}

.home footer {
	border-top: 1px solid #dfdfdf;
}

.home footer .list_link_outlink {
	display: block !important;
}

.home #header .display_home_only {
	display: none;
}

.seq-wrap {
	position: relative;
	overflow: hidden;
}

.seq-bg {
	position: absolute;
	top: 36px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: auto;
	max-width: 1317px;
	object-fit: contain;
	z-index: 1;
	pointer-events: none;
	opacity: 1;
}

.seq-wrap .lefter {
	margin-left: 98px;
}

.seq-wrap .righter {
	margin-right: 99px;
}

/* pageHome */
.frontPage {
	margin-top: 100px;
	width: 100%;
}

.frontPage a:hover {
	color: #222;
}

.fullRow {
	display: flex;
	width: 100%;
	overflow: hidden;
}

.contRow {
	display: flex;
	width: 1120px;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

.fdc {
	flex-direction: column;
}

.cont {
	width: 1120px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

.homeTitle {
	position: relative;
	overflow: hidden;
	border-bottom: 1.5px solid #222;
}

.homeTitle .cont {
	display: flex;
	width: 1317px;
	justify-content: space-between;
	align-items: center;
	padding: 36px 0;
}

.homeTitle h1 {
	font-size: 48px;
	font-weight: 900;
	line-height: 130%;
	letter-spacing: -0.48px;
	color: #222;
	margin-bottom: 4px;
}

.homeTitle h1 span {
	color: #fff;
}

.homeTitle h1 + p {
	font-size: 22px;
	color: #222;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.22px;
}

a.rbtn.join {
	position: relative;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.18px;
	background-color: #fff;
	padding: 16px 32px;
	color: #222;
	z-index: 2;
}

a.rbtn.join:hover {
	background-color: #b3e863;
	border-color: #222;
}

a.rbtn.join strong {
	font-size: 20px;
	padding-left: 4px;
}





.featuredList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	row-gap: 55px;
	margin: 60px 0 92px;
}

.featuredList .featuredItem {
	flex: 0 0 calc((100% - 64px) / 3);
	box-sizing: border-box;
}

.featuredList .featuredItem.big {
	flex: 0 0 calc((100% - 32px) / 2);
	box-sizing: border-box;
}

.featuredList .featuredItem .imgWrap {
	border: 1.5px solid #222;
}

.featuredList .featuredItem h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.24px;
}

.featuredList .featuredItem.big h2 {
	font-size: 32px;
	font-weight: 900;
	letter-spacing: -0.32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cateCont {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 8px;
	margin: 24px 0 15px;
}

#stb_subscribe .stb_form_submit_button::after,
#stb_subscribe .stb_form_submit_button:hover::after,
.sbtn:hover::after {
	transform: translateX(6px);
}
.listDouble {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 32px;
	margin-bottom: 80px;
}
.listDouble li {
	flex: 0 0 calc((100% - 32px) / 2);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.listTriple {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 32px;
	margin-bottom: 80px;
}

.listTriple li {
	flex: 0 0 calc((100% - 64px) / 3);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.listQuad {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 32px;
	margin-bottom: 80px;
}

.listQuad li {
	flex: 0 0 calc((100% - 96px) / 4);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.listQuad.arrowNews li {
	background-color: #fff;
	border: 1.5px solid #222;
	height: 384px;
	background-image: url(./img/icons/icon_arrow.svg);
	background-repeat: no-repeat;
	background-position: 160px 335px;
	transition: background-position 0.3s ease;
}
.listQuad.arrowNews.report li {
	height: 230px;
	background-position: 160px 180px;
}
.listQuad.arrowNews li:hover {
	background-position: 166px 335px;
}
.listQuad.arrowNews.report li:hover {
	background-position: 166px 180px;
}

.listQuad.arrowNews li .imgWrap {
	border-bottom: 1.5px solid #222;
}

.listQuad.arrowNews .cateCont {
	margin: 20px 20px 18px;
}

.listQuad.arrowNews h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.22px;
	margin: 0 20px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.listQuad.arrowNews a:hover h3 {color:#222;}
.listQuad.arrowNews .imgWrap {
	aspect-ratio: 5 / 3;
}
.listQuad.arrowNews .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.listQuint {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 32px;
}

.listQuint li {
	flex: 0 0 calc((100% - 128px) / 5);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.expandAni .imgWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 10;
}

.expandAni img {
	transition: transform 0.3s ease;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.expandAni img.seedIcon {
	width: unset;
	height: unset;
	object-fit: none;
	object-position: none;
	display: block;
}

.expandAni a:hover img {
	transform: scale(1.05);
}

.expandAni .ssacBtn,
.ssacBtn {
	display: flex;
	gap: 8px;
	align-items: flex-end;
	justify-content: center;
}

.expandAni .ssacBtn img.seedIcon,
.ssacBtn img.seedIcon {
	transition: filter 0.3s ease;
}

.expandAni .ssacBtn:hover img.seedIcon,
.ssacBtn:hover img.seedIcon {
	transform: none;
	transition: none;
	filter: invert(84%) sepia(29%) saturate(577%) hue-rotate(38deg)
		brightness(102%) contrast(96%);
}

.mainBusiness {
	flex-direction: column;
	align-items: flex-start;
}

.mainBusiness .listQuad span,
.mainBusiness a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 24px;
	color: #222;
	text-align: left;
}

.mainBusiness .listQuad span img,
.mainBusiness a img {
	margin: 24px auto 50px;
	transition: transform 0.3s ease;
}

.mainBusiness a:hover img {
	transform: scale(1.08);
}

.mainBusiness .listQuad {
	margin-bottom: 0;
}

.mainBusiness .cont h2 {
	margin-bottom: 32px;
}

.mainBusiness .cont h3 {
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 34px;
	height: 68px;
	letter-spacing: -0.26px;
}

.mainBusiness.piro h3 {
	font-size: 18px;
	line-height: 25px;
	height: 100px;
	font-weight: 700;
	letter-spacing: -0.33px;
	text-align: left;
}

.mainBusiness.piro p {
	display: flex;
	height: 52px;
	align-items: flex-end;
}

.works .cont {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 35px 0 0;
	align-items: center;
}

.carousel {
	width: 728px;
}

.carousel li {
	display: flex;
	margin: 15px 0;
}

.carouselWrapper {
	position: relative;
}

.carouselWrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 100%;
	background: linear-gradient(
		90deg,
		rgba(245, 245, 247, 1) 0%,
		rgba(245, 245, 247, 0) 100%
	);
}

.carouselWrapper::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 100%;
	background: linear-gradient(
		90deg,
		rgba(245, 245, 247, 0) 0%,
		rgba(245, 245, 247, 1) 100%
	);
}

.carouselInner {
	display: flex;
	gap: 16px;
	width: 520px;
	overflow: hidden;
}

.carouselBtn {
	display: inline-flex;
	align-items: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 34px;
	letter-spacing: -0.24px;
	background-color: #fff;
	padding: 0 36px;
	color: #222;
	border-radius: 32px;
	height: 64px;
}

.carouselInner .carouselBtn:first-child {
	margin-left: 32px;
}

.lineBox {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-top: 1.5px solid #c7c7c7;
	padding: 50px 0;
}

.lineBox a {
	gap: 8px;
	background-color: #fffaf2;
	transition: background-color 0.2s ease;
}

.lineBox a:hover {
	background-color: #ffa400;
}

.huhu .cont {
	display: flex;
	justify-content: space-between;
}

.huhu .lefter {
	display: flex;
	width: 544px;
	flex-direction: column;
}

.huhu .texterCont {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.huhu .lefter img {
	width: 208px;
	height: 100px;
}

.huhu h2 {
	color: #000;
	font-size: 24px;
	font-weight: 900;
	line-height: 130%;
	margin-top: 16px;
}

.huhu h2 + p {
	font-size: 16px;
	font-weight: 400;
	line-height: 130%;
	color: #222;
	margin-top: 12px;
}

.huhu .righter {
	display: flex;
	width: 486px;
	flex-direction: column;
}

.huhu .righter li {
	border-bottom: 1.5px solid #c7c7c7;
	padding: 18px 0;
}

.huhu .righter li:last-child {
	border-bottom: none;
}

.huhu .righter li a {
	display: flex;
	align-items: flex-start;
	gap: 32px;
}

.huhu .righter li a .imgWrap {
	aspect-ratio: 3 / 2;
	flex-shrink: 0;
	width: 94px;
	height: 64px;
	border: 1.5px solid #000;
}

.huhu .righter li a img {
	object-fit: cover;
	object-position: center;
}

.huhu .righter li h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 6px;
}

.huhu .righter li p {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

/* pageSac */

.pageSac .mainSac {
	flex-direction: column;
	padding: 80px 0 100px;
	overflow: hidden;
}

.pageSac .mainSac .contRow {
	flex-direction: column;
	align-items: flex-start;
}

.pageSac .contRow h2 {
	font-size: 34px;
	font-weight: 900;
	line-height: 48px;
	letter-spacing: -0.34px;
	margin-bottom: 36px;
	color: #222;
}

.nbtn {
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	bottom: -44px;
	right: 0;
	transform: translateY(50%);
	opacity: 1;
}

.nbtn.swiper-button-disabled {
	opacity: 0.3;
}

.nbtn.prev {
	right: 54px;
}

.nbtb.next {
	right: 0;
}

.swiperSac {
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0;
	z-index: 1;
	overflow: visible;
	margin: 0 0 64px;
	touch-action: pan-y;
}

.swiperSac .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.swiperSac .swiper-slide {
	display: block;
	width: 352px;
	flex-shrink: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 100%;
	position: relative;
	transition-property: transform;
	border: 1px solid #222;
	overflow: hidden;
}

.swiperSac .swiper-slide:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	background: linear-gradient(
		180deg,
		rgba(34, 34, 34, 0) 60.21%,
		rgba(34, 34, 34, 0.8) 100%
	);
	transform: translateY(-23%);
	transition: transform 0.3s ease-out;
	z-index: 1;
	pointer-events: none;
}

.swiperSac .swiper-slide:hover::before {
	transform: translateY(-33%);
}

.swiperSac .swiper-slide .imgWrap + h3 {
	position: absolute;
	left: 24px;
	bottom: 16px;
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	padding-right: 24px;
	color: #fff;
	text-align: left;
	z-index: 2;
}
.swiperSac .swiper-slide .link p {
	transition: all 0.3s ease;
}
.swiperSac .swiper-slide .link:hover p {
	color: #fff !important;
	transform: translateY(-5px);
}
.swiperSac .swiper-slide .link,
.swiperSac .swiper-slide .imgWrap {
	position: relative;
	width: 100%;
	height: 436px;
	overflow: hidden;
}
.swiperSac.manager .swiper-slide .link {
	height: 510px;
}
.swiperSac .swiper-slide .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.6s ease;
}

.swiperSac .swiper-slide:not(:last-child):hover img {
	transform: scale(1.06);
}

.tac h2 {
	text-align: center;
}

.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
.tar {
	text-align: right !important;
}

.contRow.news {
	flex-direction: column;
}

.webzineList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 80px;
}

.webzineList li {
	border-top: 1.5px solid #222;
	width: 100%;
	padding: 20px 0;
}

.webzineList li a {
	display: flex;
	justify-content: space-between;
	gap: 100px;
}

.webzineList li:last-child {
	border-bottom: 1.5px solid #222;
}

.webzineList h3 {
	color: #222;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.24px;
	margin-bottom: 10px;
}

.webzineList p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #222;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.16px;
}

.webzineList .textWrap {
	text-align: left;
}

.webzineList .imgWrap {
	position: relative;
	float: right;
	width: 320px;
	height: 180px;
	overflow: hidden;
	border: 1.5px solid #222;
	flex-shrink: 0;
	order: 2;
}

.webzineList .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.6s ease;
}

.webzineList a:hover .imgWrap img {
	transform: scale(1.06);
}

.listQuad.btnCont {
	margin-bottom: 0;
}

.btnCont li {
	width: 100%;
}

.btnCont li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 88px;
	color: #222;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.24px;
}

/* pageRestart */
.pageRst .contRow {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.pageRst .cont {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.pageRst .cont .loc + div{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
    align-items: center;
}

.pageRst .lefter h1 {
	font-size: 36px;
	line-height: 140%;
	letter-spacing: -0.36px;
	color: #222;
}

.pageRst .righter a {
	gap: 20px;
	width: 352px;
	font-size: 16px;
	line-height: 22px;
	background-color: #fff;
	transition: background-color 0.2s ease;
}

.pageRst .righter a:hover {
	background-color: #ffa400;
}

.pageRst .flex {
	gap: 32px;
	justify-content: space-between;
}

.pageRst .flex .col img {
	width: 736px;
	height: auto;
}

.colorBox {
	display: flex;
	gap: 32px;
	width: 352px;
	flex-direction: column;
}

.colorBox div {
	padding: 24px;
}

.colorBox h3 {
	color: #222;
	font-size: 20px;
	line-height: 30px;
}

.colorBox .number {
	display: flex;
	width: 34px;
	height: 34px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	background-color: #222;
	padding: 0;
	margin-bottom: 25px;
}

.colorBox .bgLime .number {
	color: #ecef0c;
}

.colorBox .bgGreen .number {
	color: #b3e863;
}

.colorBox .bgOrange .number {
	color: #ffa400;
}

.pageRst section h2 {
	color: #222;
	font-size: 32px;
	font-weight: 900;
	line-height: 44px;
	letter-spacing: -0.32px;
	margin-bottom: 4px;
}

.pageRst section h2 + h3 {
	color: #222;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.24px;
	margin-bottom: 36px;
}

.listTriple.rsa li {
	background-color: #f5f5f7;
	padding: 30px;
	position: relative;
	height: 224px;
}

.listTriple.rsa li h3 {
	color: #222;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.18px;
}

.listTriple.rsa li img {
	position: absolute;
	right: 18px;
	bottom: 12px;
}

.pageRst .fullRow {
	flex-direction: column;
	overflow: hidden;
}

.rsa span {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.rsa span::before {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	display: block;
	width: 100%;
	background-color: #ffa400;
	height: 6px;
	z-index: -1;
}

.swiperSac.manager .swiper-slide::before {
	content: none;
}

.swiperSac.manager .swiper-slide .imgWrap {
	height: 370px;
}

.swiperSac.manager .swiper-slide .manager {
	height: 140px;
	border-top: 1.5px solid #222;
	text-align: left;
	padding: 20px 24px;
}

.swiperSac.manager .swiper-slide .manager h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.24px;
	margin-bottom: 6px;
}

.swiperSac.manager .swiper-slide .manager p {
	font-size: 18px;
	line-height: 24px;
	color: #222;
}

.postit.listQuad {
	row-gap: 24px;
}

.postit li {
	padding: 24px 28px 15px;
	height: 320px;
	text-align: left;
}

.postit li a,
.postit li span {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}

.postit li h3 {
	font-size: 18px;
	line-height: 25px;
	color: #222;
	word-break: keep-all;
}

.postit li p {
	font-size: 14px;
	line-height: 20px;
	color: #222;
}

.pageRst .btnContColor.listTriple {
	margin-bottom: 40px;
}

.pageRst .btnContColor a {
	display: block;
	padding: 24px 0;
	text-align: center;
}

.pageRst .btnContColor h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.24px;
}

.pageRst .btnContColor p {
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: -0.18px;
	margin-bottom: 2px;
}

.btnContArrow.listTriple {
	width: 895px;
	gap: 28px;
	margin: 0 auto;
}

.btnContArrow a.sbtn {
	width: 100%;
	gap: 8px;
}

.parallax-section {
	position: relative;
	overflow: hidden;
	height: 652px;
}

.star-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
	transition: transform 0.2s ease-out;
}

.parallax-section .cont {
	position: relative;
	z-index: 10;
}

.layer1 {
	background-image: url(./img/icons/star_01.png);
	z-index: 1;
}

.layer2 {
	background-image: url(./img/icons/star_02.png);
	z-index: 2;
}

.layer3 {
	background-image: url(./img/icons/star_03.png);
	z-index: 3;
}

/* Home Slider */
.home_slide {
	overflow: hidden !important;
}

.home_slide .tp-leftarrow {
	left: -1% !important;
}

.home_slide .tp-rightarrow {
	left: 101% !important;
}

.home_slide .tp-bullets {
	width: 1470px !important;
	position: relative;
	margin: 0 auto !important;
	text-align: right !important;
	padding: 0 53px;
	transform: none !important;
	top: 140px !important;
	left: 0 !important;
}

.home_slide .tp-bullet {
	position: relative !important;
	display: inline-block !important;
	text-align: right !important;
	margin-left: 10px;
	transition: opacity 0.5s;
	border-radius: 17px 0;
	width: 20px;
	height: 20px;
	box-shadow: inset 0 0 0 2px #7c6e70 !important;
	left: 0 !important;
}

.home_slide .tp-bullet:hover {
	opacity: 1 !important;
	background: #7c6e70 !important;
}

.home_slide .tp-bullet:after {
	border-radius: 17px 0;
	background: #ffa200 !important;
}

.home_slide .tp-bullet.selected {
	opacity: 1 !important;
}

.home_slide .tp-bullet.selected::after {
	background: #ffa200 !important;
}

.home_slide .tparrows {
	width: 75px !important;
	height: 75px !important;
	margin-top: -40px;
	transition: opacity 0.5s;
}

.home_slide .tparrows.tp-leftarrow {
	background: url(./img/ic_arrow_left_orange.png) no-repeat 50% 50% !important;
	background-size: 100% !important;
}

.home_slide .tparrows.tp-leftarrow::before {
	content: none;
}

.home_slide .tparrows.tp-rightarrow {
	background: url(./img/ic_arrow_right_orange.png) no-repeat 50% 50% !important;
	background-size: 100% !important;
}

.home_slide .tparrows.tp-rightarrow::before {
	content: none;
}

.home_slide .tparrows:hover {
	opacity: 0.7;
}

.home_slide .rev-btn {
	padding: 13.5px 36.5px !important;
	font-size: 18px !important;
	border-radius: 0 20px !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
}

.home_slide_txtbox_wrap {
	top: 0 !important;
	z-index: 9 !important;
}

.home_slide .btn-slider {
	float: left;
	display: block !important;
	padding: 13px 30px 12px 30px !important;
	font-size: 18px !important;
	line-height: 1 !important;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: 600 !important;
	color: #fff !important;
	border-radius: 0 20px !important;
	text-decoration: none;
	background-color: #ffa200 !important;
}

.home_slide .btn-slider:hover {
	background: #514a4b !important;
}

.pop h2 {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.22px;
	margin: 60px 0 10px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	overflow-y: auto;
}

.modal-content {
	background: #fff;
	margin: 5vh auto;
	width: 90%;
	max-width: 680px;
	overflow: hidden;
	position: relative;
	border: 1.5px solid #222;
}

.close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 10;
}

.pageRst .modalSwiper,
.pageRst .modalSwiper2 {
	width: 100%;
}

.pageRst .modalSwiper .swiper-wrapper,
.pageRst .modalSwiper2 .swiper-wrapper {
	display: flex !important;
	height: unset;
	transition-timing-function: ease-in-out;
}

.pageRst .modalSwiper .swiper-slide,
.pageRst .modalSwiper2 .swiper-slide {
	width: 100% !important;
	margin: 0 !important;
	flex-shrink: 0;
	box-sizing: border-box;
	text-align: left;
	color: #222;
	background: #fff;
	position: relative;
}

.pageRst .modalHeader {
	position: sticky;
	width: 100%;
	left: 0;
	top: 0;
	padding: 24px 64px 20px;
	border-bottom: 1.5px solid #222;
}

.pageRst .modalHeader h1 {
	font-weight: 900;
	font-size: 1.8rem;
}

.pageRst .imgWrap {
	width: 100%;
	text-align: center;
	background: #f9f9f9;
}

.pageRst .imgWrap img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.pageRst .modalBody,
.pageRst .modalOrange {
	padding: 20px 64px;
	line-height: 24px;
	font-size: 1rem;
}

.pageRst .modalOrange {
	border-top: 1.5px solid #222;
	padding-bottom: 70px !important;
}

.pageRst .modalSwiper2 .modalOrange {
	padding: 40px 64px;
}

.pageRst .modalBtnCont {
	display: flex;
	background-color: #fff;
	justify-content: space-between;
	align-items: center;
	padding: 14px 64px;
	border-top: 1.5px solid #222;
}

.nextBox {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #222;
}

.modal-prev-title,
.modal-next-title {
	cursor: pointer;
	display: flex;
	align-items: center;
	font-weight: bold;
	gap: 8px;
}

.modal-next-title .nextLabel {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	letter-spacing: -0.14px;
	display: block;
}

img.opposite {
	transform: rotate(180deg);
}

ul.bubbles {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
}

ul.bubbles::after {
	content: "(*이해관계자 인터뷰 중에서 발췌)";
	position: absolute;
	bottom: -16px;
	right: 10px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.14px;
}

ul.bubbles li {
	display: inline-flex;
	padding: 18px 80px;
	min-height: 88px;
	align-items: center;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.7s ease;
	margin-bottom: 18px;
}

ul.bubbles li.tR::after {
	content: "";
	position: absolute;
	bottom: -19px;
	right: 48px;
	display: block;
	width: 32px;
	height: 19px;
	background: url("./img/icons/bubble_tale_lime.svg") no-repeat 50% 50%;
}

ul.bubbles li.tR.alt::after {
	right: 668px;
}

ul.bubbles li.tC::after {
	content: "";
	position: absolute;
	bottom: -29px;
	right: 50%;
	margin-right: -16px;
	display: block;
	width: 32px;
	height: 29px;
	background: url("./img/icons/bubble_tale_blue.svg") no-repeat 50% 50%;
}

ul.bubbles li p {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #222;
	text-align: center;
}

ul.bubbles li.show {
	opacity: 1;
	transform: translateY(0);
}

/* 지연 효과: 각 li 순서에 따라 다르게 설정 */
.bubbles li:nth-child(1) {
	transition-delay: 0s;
	margin-right: -64px;
	padding: 0 90px;
}

.bubbles li:nth-child(2) {
	transition-delay: 0.05s;
	margin-left: -140px;
	padding: 0 64px;
}

.bubbles li:nth-child(3) {
	transition-delay: 0.1s;
	padding: 0 100px;
}

.bubbles li:nth-child(4) {
	transition-delay: 0.15s;
	margin-right: -194px;
	padding: 0 40px;
}

.bubbles li:nth-child(5) {
	transition-delay: 0.2s;
	margin-left: -60px;
}

.bubbles li:nth-child(6) {
	transition-delay: 0.25s;
	margin-right: -164px;
	padding: 0 60px;
}

.bubbles li:nth-child(7) {
	transition-delay: 0.3s;
}

/* Home Slider - Light */
.home_slide_txtbox {
	position: absolute !important;
	float: left;
	top: 170px !important;
	left: 95px !important;
}

.home_slide_txtbox h1 {
	font-size: 45px !important;
	font-weight: 500 !important;
	letter-spacing: -1px;
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	line-height: 1.5 !important;
	color: #333;
}

.home_slide_txtbox p {
	font-size: 20px !important;
	font-weight: 400 !important;
	letter-spacing: -0.5px !important;
	line-height: 1.5 !important;
	color: #333;
	margin-bottom: 25px !important;
	font-family: "Apple SD Gothic Neo", "AppleGothic", sans-serif !important;
}

.home_slide_txtbox .sub_title {
	margin-bottom: 5px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	font-size: 24px !important;
	color: #555;
}

.home_slide_txtbox span {
	font-size: inherit !important;
}

.home_slide_txtbox a {
	float: left;
	display: block !important;
	padding: 13px 30px 12px 30px !important;
	font-size: 18px !important;
	line-height: 1 !important;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: 600 !important;
	color: #fff !important;
	border-radius: 0 20px !important;
	text-decoration: none;
	background: url(./img/btn_home_slide_black.jpg) no-repeat 50% 50% !important;
	background-color: #ffa200 !important;
}

.home_slide_txtbox a.bg_color_eighteen {
	background: rgb(69, 183, 209) !important;
	background: -moz-linear-gradient(
		90deg,
		rgba(69, 183, 209, 1) 0%,
		rgba(60, 175, 201, 1) 100%
	) !important;
	background: -webkit-linear-gradient(
		90deg,
		rgba(69, 183, 209, 1) 0%,
		rgba(60, 175, 201, 1) 100%
	) !important;
	background: linear-gradient(
		90deg,
		rgba(69, 183, 209, 1) 0%,
		rgba(60, 175, 201, 1) 100%
	) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45b7d1", endColorstr="#3cafc9", GradientType=1) !important;
}

.home_slide_txtbox a.bg_color_eighteen2 {
	background: #f97392 !important;
}

.home_slide_txtbox a.bg_color_yellow {
	background: #ffff66 !important;
	color: #333 !important;
}

.home_slide_txtbox a:hover {
	background: #514a4b !important;
}

.home_slide_txtbox a.bg_color_eighteen:hover,
.home_slide_txtbox a.bg_color_eighteen2:hover {
	background: #ffa200 !important;
}

.home_slide_txtbox a.bg_color_black {
	background: #333 !important;
}

.home_slide_txtbox a.bg_color_black:hover {
	background: #514a4b !important;
}

.home_slide_txtbox a.bg_color_yellow:hover {
	background: #333 !important;
	color: #fff !important;
}

/* Home slider - Dark */
.home_slide_txtbox.dark h1 {
	color: #fff;
}

.home_slide_txtbox.dark p {
	color: #fff;
}

/* Home Slider - Center */
.home_slide_txtbox_wrap_center {
	text-align: center !important;
}

.home_slide_txtbox.center {
	position: relative !important;
	top: auto !important;
	left: auto !important;
}

.home_slide_txtbox.center h1 {
	text-align: center !important;
}

.home_slide_txtbox.center h3 {
	color: #ffa200;
	font-size: 23px !important;
	margin-bottom: 10px;
	text-align: center !important;
}

.home_slide_txtbox.center p {
	text-align: center !important;
}

.home_slide_txtbox.center span {
	line-height: 1.5 !important;
}

.home_slide_txtbox.center a {
	transform: translate(-50%, 0%);
	position: absolute !important;
	left: 50%;
}

.home_slide_txtbox_center.dark h1,
.home_slide_txtbox_center.dark p {
	color: #fff;
}

.home_slide_txtbox_center.dark h3 {
	color: #ffa200;
}

/* Home Slider - Upsidedown */
.home_slide_txtbox.upsidedown h1 {
	margin-bottom: 20px !important;
	margin-left: 0px !important;
}

.home_slide_txtbox.upsidedown p {
	margin-left: 5px !important;
	margin-bottom: 15px !important;
	font-size: 25px !important;
}

/* Home Slider - Simple */
.home_slide_txtbox.simple img {
	width: 250px !important;
	height: auto !important;
	margin-bottom: 25px !important;
	margin-top: 0 !important;
}

.home_slide_txtbox.simple p {
	margin-bottom: 15px !important;
	font-size: 21px !important;
}

.home_slide_txtbox.simple p.p_last {
	margin-bottom: 30px !important;
}

@media (max-width: 768px) {
	.anchor { display: block; position: relative; top: -80px; height: 0;}
	.anchor.alt { top: -140px;}
	/* 아름다운재단은 */
	.pageRst .cont .loc + div {flex-direction: column;}
	.pageRst .fullRow {padding: 24px 0}
	.pageRst .fullRow.p50 { padding: 30px 0; }
	.pageRst .cont { flex-direction: column;}
	.pageRst .lefter h1 {font-size: 18px; line-height: 130%; text-align: center; margin-bottom: 14px;}
	.pageRst .righter a { width: 100%; font-size: 14px; gap: 8px; padding: 0 24px;}
	.pageRst .flex.p80 { padding: 40px 0 50px; flex-direction: column; gap: 16px;}
	.pageRst .flex .colorBox { width: 100%;	gap: 16px;font-size: 14px;}
	.pageRst .flex .colorBox > div { padding: 18px;}
	.pageRst .flex .colorBox .number { width: 26px; height: 26px; margin-bottom: 10px;}
	.pageRst .flex .colorBox h3 { font-size: 16px; line-height: 22px;}
	.pageRst section h2 { font-size: 24px; line-height: 31px;}
	.pageRst section h2 + h3 { font-size: 18px;	line-height: 25px;}
	.pageRst .fullRow.p100.bTb {padding: 50px 0}
	.listTriple.rsa.r1,.listTriple.rsa.r2 {margin-bottom: 50px;}
	.swiperSac .swiper-slide .link, .swiperSac .swiper-slide .imgWrap {height: auto; aspect-ratio: 4 / 5;}
	.the_beginning .bubbles.mb120 {position: relative; border-bottom:0}
	.the_beginning .bubbles.mb120::before {content:""; position: absolute;bottom:0;left:-16px; width:calc(100% + 32px); height:1px; border-bottom:1.5px solid #000; }
	.the_beginning .bubbles.mb120 li{padding:14px;margin-bottom: 8px;}
	.the_beginning .swiperSac.manager .swiper-slide .link {height: 369px;}
	.cont .coBlack.mt48.fz20 {margin-top: 24px!important;}
	a.rbtn.join.ph64.w352.jcc {display: flex; width: fit-content;}
	.the_beginning .pageRst .contRow.mt80.mb120 {margin: 80px 0 120px!important}

	/* 미션과 비전 */
	.missionvision h2.t5 {font-size: 22px; line-height: 130%; margin-top: 60px;}
	.missionvision p.loc + h2.t5 + p {font-size:18px; line-height: 130%; margin-bottom:40px!important;}
	.missionvision p.h2 {font-size: 18px; line-height: 130%; margin-bottom: 40px!important;}	
	.missionvision .listTriple li.pa40 {padding:30px}
	.missionvision .listTriple li.pa40 h3{font-size: 20px;margin-bottom: 14px!important;}
	.missionvision .listTriple li.pa40 p {font-size: 16px; line-height: 160%}
	.missionvision .listTriple {gap:30px}
	.missionvision p.h2.mt100.mb20 { margin-bottom: 20px!important;}
	.missionvision p.h2.mt100.mb20 + h2.t5 {margin-top: 0!important;}
	.missionvision .acc.value {margin-top: 40px!important;}
	.missionvision .value .acc-header {padding:21px 26px; border-left:0; border-right:0}
	.missionvision .value .acc-label,
	.missionvision .value .acc-question {font-size: 18px; line-height: 160%;}
	.missionvision .listQuint {flex-direction: column; gap:24px; margin-top: 40px!important}
	.missionvision .listQuint li {padding:24px}
	.missionvision .listQuint p,
	.missionvision .listQuint .h4 {font-size: 18px; line-height: 150%;}
	.missionvision .listQuint br {display: none;}
	.missionvision .listDouble.mt60 {flex-direction: column; gap:24px}
	.missionvision .listDouble li {padding:30px}
	.missionvision .listDouble li h3 {font-size: 18px; margin-bottom: 12px;}
	.missionvision .listDouble li p {font-size: 16px; line-height: 150%;}
	.missionvision .slideCont  {margin-top: 40px!important; flex-direction: column; height: unset!important;}
	.missionvision .slideCont .imgWrap {width:100%}
	.missionvision .slideCont .txtWrap {padding: 30px 30px 80px }
	.missionvision .slideCont .swiper {width:100%;}
	.missionvision .cDeck {height: unset; flex-direction: column-reverse;}
	.missionvision .cDeck .txtWrap {flex: none;flex-basis: 100%; padding:0;  aspect-ratio: 390 / 218; justify-content: center; align-items: flex-start;}
	.missionvision .cDeck .imgWrap {flex: none; width: 100%; padding-right: 0; background-size: cover; background-position: center; aspect-ratio: 390 / 218;}
	.missionvision .cDeck .txtWrap h2.t5 {margin:40px 0 20px!important}
	.missionvision .cont.mt140 {margin-top:100px!important ;}
	.missionvision .twentyfive {aspect-ratio: 112 / 47; height: unset;}
	.missionvision .listDouble.mt60.mb48  {margin:0 0 40px!important}
	.missionvision .listDouble.mt60.mb48 li {padding:0;}
	.missionvision p.b2.mb64 {margin-bottom:20px!important;}
	.missionvision p.b2.mb80 {margin-bottom: 48px!important;}
	.missionvision .colorChip li {gap: 20px;}
	.missionvision .colorChip li > div {width:64px; height:64px}
	.missionvision .colorChip li > div + p {font-size: 14px; line-height: 140%;}
	.missionvision .listDouble.bi {flex-direction: column;}
	.missionvision .listDouble.bi li {padding:0}
	.missionvision .msbi {height: unset; gap:32px; padding: 0 32px 0 0}
	.missionvision a.snbtn {margin-top: 30px; width: fit-content; height: 44px; padding: 0 48px}
	.missionvision .listTriple.biList li img {margin-bottom: 0;}
	.missionvision .bgBeige.moFull {padding: 32px 24px 120px; margin-bottom: 0!important;}

	/* 공지사항 */
	.category .mt100 {margin-top: 60px!important;}
	.category .post-list article .list-title a {font-size: 16px;overflow: visible; white-space: unset;}
	.category .post-list article .list-date {text-align: left; margin-top: 10px; font-size: 16px;}
	.single .w100.mt100.mb100 {margin-top: 64px!important;}
	.single .cont {width: 100%;padding-top: 50px;}
	.single .cont .title-area h1 {font-size:22px; line-height: 130%; margin-top: 20px!important;}
	.single .cont .info-area {margin-bottom: 36px;}
	.single .cont .info-area p.b3 {font-size: 14px; line-height: 28px;}
	.tags_cont a.srbtn {font-size: 14px;padding:6px 14px; white-space: nowrap;}

	/* 기타 */
	.info li.b1{font-size: 16px;}
	.info h2.h3.coRed.mb20 {font-size: 18px;margin:40px 0 12px!important;}
	.info h3 {font-size: 16px;margin:24px 0 16px!important;}
	.tableScroll{ margin-left:-16px; margin-right:-16px; width:calc(100% + 32px); overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.tableScroll > table {margin-left: 16px; margin-right:16px; min-width:720px; width: 100%; border-collapse:collapse}
	
	/* 검색결과 */
	.tags_cont.alt {width:calc(100% + 32px); flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;justify-content: flex-start;padding-bottom: 16px;margin:40px -16px}
	.tags_cont.alt li.tab a.srbtn {height: 36px; padding: 0 20px}
	.tags_cont.alt li.tab:first-child {margin-left: 16px;}
	.tags_cont.alt li.tab:last-child {margin-right: 16px;}
	.search-results .title-wrap h2{font-size: 16px;}
	.search-results .post-list article .list-title {flex-direction: column; gap: 10px;padding:0}
	.search-results .post-list article .list-title a {font-size: 16px; white-space: unset; overflow: visible; }
	.search-results .post-list article .list-title a.search_result_category {font-size: 16px;width: 100%;}
	.search-results .title-wrap h2 {margin-bottom:20px!important; margin-left: 10px;}
	.search-results .post-list article .list-date {font-size: 16px; text-align: left; padding:0; margin-top: 10px;}
}









/* 별나라 배너 커스텀 */
.home_slide_txtbox.star_project h1 {
	margin-bottom: 25px !important;
}

.home_slide_txtbox.star_project h1 img {
	width: 400px !important;
	height: auto !important;
	margin-top: 0 !important;
}

.home_slide_txtbox.star_project p {
	margin-bottom: 35px !important;
}

/* 어떤맛 배너 커스텀 */
.home_slide_txtbox.taste_project h1 {
	margin-bottom: 25px !important;
}

.home_slide_txtbox.taste_project h1 img {
	width: 500px !important;
	height: auto !important;
	margin-top: 0 !important;
}

.home_slide_txtbox.taste_project p {
	margin-bottom: 35px !important;
}

/* 제해방식 */
.home_slide_txtbox.town_heart a {
	background: #5f9032 !important;
}

.home_slide_txtbox.town_heart a:hover {
	background: #514a4b !important;
}

/* 모두의놀이터 */
.home_slide_txtbox.playground a {
	background: #cfccf8 !important;
}

.home_slide_txtbox.playground a:hover {
	background: #514a4b !important;
}

/* Home Section1 */
.home #section1 .home_bottom {
	position: absolute;
	bottom: 6vh;
	left: 0;
	float: left;
	width: 100%;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: -2px;
}

.home #section1 .btn_featured_box {
	width: 100%;
	float: left;
}

.home #section1 .list_link_featured li {
	display: block;
	float: left;
	height: 135px;
	padding: 40px 35px;
	color: #333;
	border-left: 1px solid #dfdfdf;
}

.home #section1 .list_link_featured li .bn_icon {
	float: left;
	width: 48px;
	margin-right: 17px;
	margin-top: 2px;
}

.home #section1 .list_link_featured a:first-child li .bn_icon {
	width: 55px;
	margin-top: -5px;
	margin-right: 20px;
}

.home #section1 .list_link_featured a:first-child li .bn_icon.hide_content1 {
	display: none;
}

.home #section1 .list_link_featured a:first-child li .bn_icon.hide_content2 {
	display: block;
}

.home #section1 .list_link_featured a li.banner_apply .bn_icon {
	width: 56px;
	margin-top: -5px;
	margin-left: -10px;
	margin-right: 7px;
}

.home #section1 .list_link_featured li .bn_desc {
	float: left;
}

.home #section1 .list_link_featured li .bn_desc h4 {
	font-size: 19px;
	line-height: 25px;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 3px;
	font-family: "Happiness-Sans", sans-serif !important;
}

.home #section1 .list_link_featured li .bn_desc h4 span {
	color: #ffa200;
}

.home #section1 .list_link_featured li .bn_desc p {
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	letter-spacing: -1px;
}

.home #section1 .list_link_featured li .bn_desc p .mobile {
	display: none;
}

.home #section1 .list_link_featured li:hover .bn_desc h4 {
	color: #ffa200;
}

.home #section1 .list_link_featured li:hover {
	background-color: #fafafa !important;
}

.home #section1 .list_link_featured li.banner_guide:hover {
	background-color: #fff9ef !important;
}

.home #section1 .list_link_featured li.banner_about {
	width: 25%;
	background-color: #fff;
	border-left: 0;
}

.home #section1 .list_link_featured li.banner_report {
	width: 25%;
	background-color: #fff;
}

.home #section1 .list_link_featured li.banner_apply {
	width: 25%;
	background-color: #fff;
}

.home #section1 .list_link_featured li.banner_guide {
	width: 25%;
	background-color: #fff;
}

.home #section1 .list_link_featured li.banner_small_slide {
	width: 25%;
	background-color: #555;
}

.home #section1 .list_link_featured .btn_donate {
	position: absolute;
	z-index: 9;
	right: 40px;
	bottom: 110px;
	width: 170px;
	height: 170px;
	line-height: 150px;
	padding: 0;
	background-color: none;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	border: 0;
	background-image: url(./img/btn_donate_home.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 50%;
	overflow: hidden;
	text-indent: -1000px;
}

.home #section1 .list_link_featured .btn_donate:hover {
	background-image: url(./img/btn_donate_home_over.png);
}

.home #section1 .forcefullwidth_wrapper_tp_banner,
.home #section1 .rev_slider_wrapper {
	height: 94vh !important;
}

.home #section1 #story {
	width: 100%;
	height: 6vh;
	border-top: 0;
	text-align: center;
	position: relative;
}

.home #section1 #story .scrollnext {
	width: 30px;
	height: 30px;
	display: block;
	transform: translate(-50%, -50%);
	position: relative !important;
	top: 50%;
	left: 50%;
	margin: 0;
}

.home #section1 #story .scrollnext .img {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background-size: 30px;
	background-image: url(./img/ic_arrow_down_orange.png);
	transition: all 0.2s;
	opacity: 1;
	-webkit-animation: scroll-down-anim 1s infinite;
	-moz-animation: scroll-down-anim 1s infinite;
	-o-animation: scroll-down-anim 1s infinite;
	animation: scroll-down-anim 1s infinite;
}

.home #section1 #story .scrollnext:hover .img {
	opacity: 0.5;
	transition: all 0.2s;
}

/* Home Section2 */
.home #section2 .recent_post_container {
	width: 100%;
	float: left;
	padding: 100px 60px;
}

.home #section2 .front_post_header {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
}

.home #section2 .recent_post_left {
	float: left;
	width: 76%;
}

.home #section2 .recent_post_right {
	float: right;
	width: 24%;
	padding: 0 10px 0 60px;
}

.home #section2 .recent_post_right .img_banner_hot {
	/* box-shadow: 9px 9px 0px #caeef5; box-shadow: 9px 9px 0px #f9e2d7; box-shadow: 9px 9px 0px #ffd664; box-shadow: 9px 9px 0px rgba(255,162,0,0.5); box-shadow: 9px 9px 0px #fca5dc; box-shadow: 9px 9px 0px #fce83e; border: 1px solid rgba(248,172,27, 0.6); */
	box-shadow: 9px 9px 0px rgba(248, 172, 27, 0.3);
}

.home #section2 .recent_post_right h4 {
	padding-top: 30px;
	margin-left: 10px;
	font-size: 17px;
	color: #333;
	font-family: sans-serif !important;
	font-weight: 500;
}

.home #section2 .recent_post_right h4 img {
	width: 30px;
	margin-left: 7px;
}

.home #section2 .recent_post_right a:hover h4 {
	color: #ffa200;
}

/* Home Section3 */
.home #section3 {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.home #section3 .quicklink {
	float: left;
	width: 100%;
}

.home #section3 .quicklink li {
	width: 16.666%;
	height: 160px;
	display: block;
	float: left;
	border-left: 1px solid #dfdfdf;
	text-align: center;
}

.home #section3 .quicklink li:hover {
	background: #fafafa;
}

.home #section3 .quicklink li:hover p {
	color: #ffa200;
}

.home #section3 .quicklink a:first-child li {
	border-left: 0;
}

.home #section3 .quicklink a:last-child li {
	display: none;
}

.home #section3 .quicklink li img {
	width: 90px;
	margin-top: 17px;
}

.home #section3 .quicklink li p {
	font-size: 18px;
	color: #333;
	font-weight: 500;
	letter-spacing: -0.5px;
	margin-top: -5px;
}

/* Home Section4 */
.home #section4 {
	border-bottom: 1px solid #dfdfdf;
	background-image: url(./img/bg_video.jpg);
	background-repeat: no-repeat;
	background-size: 700px;
	background-position: right bottom;
}

.home #section4 .video_promotion {
	padding: 100px 0 110px 0;
}

.home #section4 .video_promotion .row {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	position: relative;
}

.home #section4 .video_promotion h1 {
	max-width: 400px;
	font-size: 34px;
	float: left;
	color: #333;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -2px;
}

.home #section4 .video_promotion p {
	max-width: 520px;
	font-size: 18px;
	float: right;
	margin-top: 3px;
	color: #333;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

.home #section4 .video_promotion .video_box {
	position: relative;
	padding-bottom: 54%;
	padding-top: 25px;
	height: 0;
	margin-top: 90px;
}

.home #section4 .video_promotion .video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home #section4 .video_promotion .img_seed_left {
	width: 100px;
	position: absolute;
	left: -170px;
	top: 0;
}

.home #section4 .video_promotion .img_seed_right {
	width: 100px;
	position: absolute;
	right: -170px;
	bottom: 250px;
}

.home #section4 .campaign_video {
	width: 100%;
	float: left;
	margin-top: 25px;
}

.home #section4 .campaign_video .campaign_video_box {
	position: relative;
	padding-bottom: 51%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 0;
}

.home #section4 .campaign_video .campaign_video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Home Section5 */

.home #section5 {
	background-color: #fafafa;
}

.home #section5 .recent_post_container {
	width: 100%;
	float: left;
}

.home #section5 .recent_post_box {
	width: 33.333%;
	float: left;
}

.home #section5 .recent_post_box:nth-child(1) {
	padding-right: 40px;
}

.home #section5 .recent_post_box:nth-child(2) {
	padding-right: 20px;
	padding-left: 20px;
}

.home #section5 .recent_post_box:nth-child(3) {
	padding-left: 40px;
}

.home #section5 .front_post_header {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
}

.home #section5 .front_post_header .post_seemore img {
	width: 30px;
	margin-top: 0;
}

.home #section5 .front_post_content {
	padding-left: 0;
	padding-right: 0;
}

.home #section5 .front_post_content ul li {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	line-height: 35px;
	font-weight: normal;
	font-size: 17px;
}

.page.aboutus #section4 {
	background-position: 50% -250px;
}

.page.bfstory .section .intro {
	padding-top: 139px !important;
}

.page.bfstory .sub-wrap {
	max-width: 1280px;
	padding: 25px 0px 100px 0px !important;
}

.page.change .sub-wrap .title-wrap {
	margin-bottom: 100px;
}

.page.change .basic_box {
	margin-bottom: 150px;
}

.page.annual-report .desc h4 {
	font-size: 25px;
}

.page.annual-report #document_list_areareport.document_list .list a {
	width: 12.5%;
}

.page.annual-report #document_list_areareport.document_list .list .link_item {
	padding: 5px;
}

.page.annual-report #document_list_areareport.document_list .list .link_item p {
	display: none;
}

.page.annual-report .tab_container .tab_content {
	padding-top: 1000px !important;
	margin-top: -1000px !important;
}

.page.campaign .section .intro {
	padding-top: 160px !important;
	position: unset !important;
	transform: unset;
	top: auto;
	left: auto;
}

.page.campaign .sub-wrap {
	padding-top: 200px !important;
}

.page.campaign .sub-wrap h2 {
	float: left;
	height: 186px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	font-size: 32px;
}

.page.campaign .sub-wrap h2 b {
	font-size: 37px;
}

.page.campaign .sub-wrap h2 .smallchange_seed_left {
	width: 30px;
	left: -30px;
	top: -35px;
}

.page.campaign .sub-wrap h2 .smallchange_seed_right {
	width: 30px;
	right: -30px;
	top: 25px;
}

.page.campaign .basic_tab .tab_depth ul a li {
	font-size: 20px;
}

.page.campaign .tab_container .tab_content {
	padding-top: 1000px !important;
	margin-top: -1000px !important;
}

.page.campaign .tp-leftarrow {
	left: 5% !important;
}

.page.campaign .tp-rightarrow {
	left: 95% !important;
}

.page.charter div.tab_container {
	padding: 0;
	border: 1px solid #ddd;
	border-top: 0;
	float: left;
	width: 100%;
	background: url("img/ic_seed_tree_gray.png") no-repeat;
	background-size: 40%;
	background-position: 95% bottom;
}

.page.charter .tab_content {
	float: left;
	width: 100%;
	padding: 70px 70px;
	word-break: keep-all;
}

.page.cibi .sub-wrap .desc .list-bi {
	margin-bottom: 60px;
}

.page.cibi .sub-wrap .desc .list-bi li {
	padding-bottom: 30px;
}

.page.cibi .btn-area-big {
	width: 100%;
	float: left;
	padding-top: 30px;
	margin-bottom: 5px;
}

.page.corporate .basic_box_icon {
	padding-top: 10px;
}

.page.corporate .basic_box_icon li {
	text-align: center !important;
	padding: 0 10px;
	padding-top: 20px;
}

.page.corporate .basic_box_icon p {
	font-size: 15px !important;
	color: #999;
	margin-bottom: 45px;
}

.page.corporate .basic_box_icon h4 {
	font-size: 17px;
	margin-bottom: 5px !important;
	color: #333;
}

.page.corporate .basic_box_content .basic_box_icon li {
	padding-top: 0;
}

.page.corporate .basic_gallery .img_box {
	margin-bottom: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.page.corporate .basic_gallery h4 {
	text-align: center;
	color: #333;
	font-size: 17px;
	margin-bottom: 0;
	width: 100%;
	float: left;
}

.page.corporate .basic_gallery a:hover h4 {
	text-align: center;
	color: #ffa200;
}

.page.corporate .basic_video {
	margin-top: 0;
	margin-bottom: 15px;
}

.page.fundgallery .title-wrap h2 a:hover {
	color: #444;
}

.page.fundgallery .tit-tagresult {
	margin-bottom: 30px;
}

.page.fundgallery .search-detail {
	border-top: #ddd 1px solid;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	background-color: #fafafa;
}

.page.fundgallery .search-detail .searchfield {
	width: 70%;
	max-width: 400px;
	vertical-align: middle;
}

.page.fundgallery .search-detail ::-webkit-input-placeholder {
	font-size: 14px;
	color: #999;
}

.page.fundgallery .search-detail :-ms-input-placeholder {
	font-size: 14px;
	color: #999;
}

.page.fundgallery .search-detail ::-moz-placeholder {
	font-size: 14px;
	color: #999;
}

.page.fundgallery .search-detail :-moz-placeholder {
	font-size: 14px;
	color: #999;
}

.page.fundgallery .tit-sort {
	margin-bottom: 0;
	padding: 5px 18px 5px 0;
	border-right: #d7d7d7 1px solid;
	color: #444;
	font-size: 16px;
	font-weight: 400;
	font-family: "Apple SD Gothic Neo", "AppleGothic", sans-serif;
	line-height: inherit;
}

.page.fundgallery .tag-list .btn-listsort {
	padding: 3px 8px;
	background-image: url("./img/common/line_sort.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	font-size: 14px;
	color: #757575;
}

.page.fundgallery article:nth-of-type(1),
.page.fundgallery article {
	border: 0;
}

.page.fundgallery .search-detail .btn-page {
	text-align: right;
}

.page.fundgallery .tit-sort {
	min-width: 90px;
	width: 11%;
}

.page.fundgallery .fund-search,
.page.fundgallery .tag-list .post_tags {
	width: 89%;
}

.page.fundgallery .tit-sort,
.page.fundgallery .fund-search,
.tag-list .post_tags {
	float: left;
}

.page.fundgallery .fund-search,
.page.fundgallery .tag-sort .post_tags {
	padding-left: 20px;
}

.page.fundgallery .search-detail .fundsearch,
.page.fundgallery .search-detail .btn-page,
.page.fundgallery .tag-list .tag-sort,
.page.fundgallery .tag-list .btn-sortarea {
	width: 100%;
}

.page.fundgallery .gallery-list article {
	position: relative;
	margin-bottom: 40px;
}

.page.fundgallery .gallery-list article {
	width: 33.333%;
}

.page-fundmaking .box-info {
	margin-bottom: 50px;
}

.page-fundmaking .title-wrap h3 {
	padding-top: 5px;
}

.page.giveqna .tab_depth {
	position: relative;
	padding: 0 0 15px 0;
	margin: 0;
}

.page.giveqna .tab_depth ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.page.giveqna .tab_depth ul li {
	float: left;
	width: 33.333%;
	background: #fafafa;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

.page.giveqna .tab_depth ul li.right_border {
	border-right: 1px solid #ddd;
}

.page.giveqna .tab_depth ul li.active {
	background: rgb(255, 159, 0) !important;
	background: linear-gradient(
		90deg,
		rgba(255, 175, 65, 1) 0%,
		rgba(255, 159, 0, 1) 100%
	) !important;
	color: #fff !important;
	border: 1px solid #ffa200 !important;
}

.page.giveqna .tab_container {
	float: left;
	width: 100%;
	padding-top: 40px;
}

.page.giveqna .tab_content {
	float: left;
	width: 100%;
}

.page.giveqna .tab_content ul {
	float: left;
	width: 100%;
}

.page.giveqna .tab_depth ul {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.page.giveqna .tab_depth ul li {
	width: 25%;
	border-top: 0;
}

.page.giveqna .tab_depth ul li.active {
	border-top: 0 !important;
}

.page.introduction #popup-wrap.btn_business_apply #popup-container {
	right: 100px;
	top: 230px;
}

.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix {
	height: 170px;
	width: 170px;
	font-size: 22px;
	padding-top: 31px;
}

.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix img {
	width: 48px;
	margin-bottom: 5px;
}

.page.introduction #popup-wrap.btn_business_apply button {
	right: -15px;
	top: -15px;
	padding: 0 !important;
}

/* joinbf */

.joinBtnCont {
	position: relative;
	display: flex;
	gap: 10px;
	justify-content: center;
	width: 480px;
	flex-wrap: wrap;
	margin: 0 auto;
	z-index: 1;
}
.joinBtnCont.mt60 a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	width: 214px;
	padding: 13px 16px 13px 22px;
	height: 46px;
	position: relative;
	font-size: 14px;
	line-height: 140%;
	font-weight: 700;
}
.joinBtnCont.mt60 a::after {
	display: block;
	width: 42px;
	height: 16px;
	filter: invert(53%) sepia(100%) saturate(431%) hue-rotate(0deg)
		brightness(103%) contrast(101%);
}
.rbtn.big {
	padding: 20px 40px;
	font-size: 18px;
	line-height: 140%;
	font-weight: 700;
	white-space: nowrap;
}
a.sobtn {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 140%;
	font-weight: 700;
	background-color: #fff;
	padding: 8px 20px;
	height: 36px;
	border: 1.5px solid #000;
	margin-right: 8px;
}
a.sobtn::after {
	width: 37px;
	height: 14px;
}
.banner li {
	padding: 40px 45px;
	height: 216px;
	position: relative;
}
.banner li .btnCont {
	position: absolute;
	bottom: 0;
	left: 45px;
	bottom: 40px;
}
.banner li h4 {
	margin-top: 6px;
	margin-bottom: 36px;
}
.banner li img {
	width: 86px;
	height: 24px;
}
.banner li.c1 {
	background-image: url(./img/banner_c1.jpg);
	background-size: cover;
}
.banner li.c2 {
	background-image: url(./img/banner_c2.jpg);
	background-size: cover;
}
.banner li.c3 {
	background-image: url(./img/banner_c3.jpg);
	background-size: cover;
}
.banner li.c4 {
	background-image: url(./img/banner_c4.jpg);
	background-size: cover;
}
.banner li.c5 {
	background-image: url(./img/banner_c5.jpg);
	background-size: cover;
}

.page.guide .sub-wrap {
	padding: 0;
	max-width: 100%;
}

/* .page.guide h3 {
	color: #ffa200;
	font-size: 25px;
	margin-bottom: 20px;
}

.page.guide p {
	margin-bottom: 10px;
}

.page.guide a.see_more {
	display: inline-block;
	float: right;
	font-size: 17px;
	padding: 4px 0px 3px 0px;
	margin-top: 2px;
	border-radius: 100px;
}

.page.guide a.see_more span {
	color: #ffa200;
}

.page.guide a.see_more:hover {
	color: #ffa200;
} */

.page.guide .campaign_video {
	max-width: 800px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
	float: none;
}

.page.guide .campaign_video_box {
	position: relative;
	padding-bottom: 56.5%;
}

.page.guide .campaign_video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page.guide .guide_area_intro {
	max-width: 1280px;
	margin: 0 auto;
}

.page.guide .guide_area_intro .guide_intro {
	height: 85vh;
	position: relative;
}

.page.guide .guide_area_intro .guide_intro .guide_intro_box {
	transform: translate(-50%, -50%);
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 100%;
	padding-top: 250px;
}

.page.guide .guide_area_intro .guide_intro .guide_intro_box h2 {
	margin-bottom: 60px;
}

.page.guide .guide_area_intro .guide_intro .guide_intro_box p {
	margin-bottom: 20px;
}

.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc {
	text-align: center;
	font-size: 20px;
	color: #333;
}

.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc .deco {
	width: 100px;
	position: absolute;
	transform: translate(0%, -50%);
	top: 40%;
	left: -70px;
}

.page.guide .guide_area_intro .guide_skip {
	height: 15vh;
	position: relative;
}

.page.guide .guide_area_intro .guide_skip .scrolldown {
	transform: translate(-50%, 0%);
	position: absolute !important;
	top: 0%;
	left: 50%;
	background-image: url(./img/btn_scroll_on.png);
	width: 40px;
	height: 40px;
	background-size: 40px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	filter: grayscale(100%);
}

.page.guide .guide_area_intro .guide_skip .scrolldown:hover {
	filter: grayscale(0%);
}

.page.guide .guide_area_division {
	padding-top: 105px;
	margin-top: -100px;
}

.page.guide .guide_area_division .area_box {
	float: left;
	width: 100%;
	background-color: #fdf9f2;
	background-image: url(./img/img_guide_division_bg.jpg);
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	padding: 70px 0;
}

.page.guide .guide_area_division .area_box h2 {
	margin-bottom: 0;
	text-align: left;
}

.page.guide .guide_content_box {
	max-width: 1200px;
	padding: 0 40px;
	margin: 0 auto;
}

.page.guide .guide_area_content {
	float: left;
	width: 100%;
	padding: 100px 0;
	overflow-x: hidden;
}

.page.guide .guide_area_content p {
	font-size: 18px;
}

.page.guide .guide_area_content .row .col {
	padding: 20px 20px;
}

.page.guide .guide_area_content .row_2col {
	margin-left: -40px;
	margin-right: -40px;
}

.page.guide .guide_area_content .row_2col .col {
	padding: 20px 40px;
}

.page.guide .guide_area_content .row .col-lg-6:last-child {
	border-left: 1px solid #dfdfdf;
}

.page.guide .guide_area_content .row.guide_fundmaking h3,
.page.guide .guide_area_content .row.guide_fundmaking p {
	float: left;
	width: 100%;
}

.page.guide .guide_area_content .row.guide_fundmaking p {
	margin-bottom: 20px;
}

.page.guide .guide_area_content .row.guide_fundmaking a.see_more {
	float: left;
}

.page.guide .guide_area_content .row.guide_fundmaking a.see_more.mobile {
	display: none;
}

.page.guide .guide_area_content hr {
	border: 0;
	border-top: 1px solid #dfdfdf;
	margin: 30px 0;
}

.page.guide .guide_area_content .icon_box {
	padding-top: 30px;
}

.page.guide .guide_area_content .icon_box li {
	text-align: center;
}

.page.guide .guide_area_content .icon_box li img {
	width: 100px;
}

.page.guide .guide_area_content .icon_box li h4 {
	margin-bottom: 10px;
	font-size: 17px;
	color: #333;
}

.page.guide .guide_area_content .area_fund_making p {
	width: 400px;
	float: left;
}

.page.guide .guide_area_content .area_fund_making img {
	width: 100px;
	float: right;
}

.page.guide .guide_area_content .area_campaign p {
	margin-bottom: 30px;
}

.page.guide .guide_area_content .area_eight {
	padding-top: 20px;
}

.page.guide .guide_area_content .area_eight li {
	padding: 0 10px 20px 10px;
	width: 40%;
	float: left;
}

.page.guide .guide_area_content .area_eight li .area_box {
	min-height: 240px;
	background: #f4f4f4;
	padding: 30px 25px;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}

.page.guide .guide_area_content .area_eight li .area_box h3 {
	margin-bottom: 7px;
	font-size: 22px;
	position: relative;
	z-index: 1;
}

.page.guide .guide_area_content .area_eight li .area_box p {
	margin-bottom: 0;
	font-size: 17px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.page.guide .guide_area_content .area_eight li .area_box .layer {
	width: 100%;
	height: 100%;
	background: rgba(50, 50, 50, 0.7);
	position: absolute;
	top: 0;
	left: 0;
}

.page.guide .guide_area_content .area_eight li:nth-child(1) .area_box {
	background-image: url(./img/img_guide_work1.jpg);
}

.page.guide .guide_area_content .area_eight li:nth-child(2) .area_box {
	background-image: url(./img/img_guide_work2.jpg);
}

.page.guide .guide_area_content .area_eight li:nth-child(3) .area_box {
	background-image: url(./img/img_guide_work3.jpg);
}

.page.guide .guide_area_content .campaign {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.page.guide .guide_area_content .campaign:last-child {
	margin-bottom: 0;
}

.page.guide .guide_area_content .campaign .row {
	margin: 0;
}

.page.guide .guide_area_content .campaign .campagin_desc {
	float: left;
	border: 0 !important;
	padding-left: 25px;
}

.page.guide .guide_area_content .campaign .campagin_desc h2 {
	text-align: left;
	font-size: 22px;
	margin-bottom: 10px;
}

.page.guide .guide_area_content .campaign:hover .campagin_desc h2 {
	color: #ffa200;
}

.page.guide .guide_area_content .campaign .campagin_desc h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 18px;
	color: #777;
}

.page.guide .guide_area_content .campaign .campagin_desc p {
	font-size: 17px;
	color: #777;
	margin-bottom: 0;
}

.page.guide .guide_area_content .campaign .campaign_img {
	padding-top: 15%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-color: #f3f3f3;
	margin-bottom: 15px;
}

.page.guide .guide_area_content .campaign.campaign1 .campaign_img {
	background-image: url(./img/img_guide_campaign_eighteen_new.jpg);
	background-color: #f7f7f7;
}

.page.guide .guide_area_content .campaign.campaign2 .campaign_img {
	background-image: url(./img/img_guide_campaign_yujaseed.jpg);
	background-color: #f7f7f7;
	background-position: 50% 50%;
}

.page.guide .guide_area_content .campaign.campaign3 .campaign_img {
	background-image: url(./img/img_guide_campaign_crying.jpg);
	background-color: #f7f7f7;
	background-position: 50% 50%;
}

.page.guide .guide_area_content .basic_contact_joinbf {
	margin-top: 30px;
}

.page.guide .guide_benefit {
	padding: 50px 0 30px 0;
}

.page.guide .guide_benefit .col_box {
	width: 100%;
	height: 230px;
	display: block;
	float: left;
	padding: 20px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	text-align: center;
}

.page.guide .guide_benefit .col_box img {
	width: 80px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.page.guide .guide_benefit .col_box h4 {
	color: #555;
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 7px;
}

.page.guide .guide_benefit .col_box p {
	display: none;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0;
}

.page.guide .guide_benefit .col_box:hover {
	background: #ffa200;
	border: 1px solid #ffa200;
	color: #fff;
}

.page.guide .guide_benefit .col_box:hover img {
	display: none;
}

.page.guide .guide_benefit .col_box:hover h4 {
	color: #fff;
	text-align: left;
	margin-bottom: 10px;
}

.page.guide .guide_benefit .col_box:hover p {
	color: #fff;
	display: block;
	text-align: left;
	font-size: 16px;
	word-break: break-all;
}

.page.guide .guide_benefit .go_charter {
	float: right;
	border: 0;
}

.page.guide .basic_contact_float {
	top: 170px;
	width: 150px;
	height: 150px;
	background: rgb(255, 159, 0);
	background: linear-gradient(
		90deg,
		rgba(255, 159, 0, 1) 0%,
		rgba(255, 175, 65, 1) 100%
	);
	border: 1px solid #ff9b00;
	padding: 15px 20px;
	border-radius: 100%;
	box-shadow: 0px 5px 0px rgba(81, 74, 75, 0.1) !important;
}

.page.guide .basic_contact_float:hover {
	background: #514a4b;
	border: 1px solid #514a4b;
}

.page.guide .basic_contact_float img {
	width: 50px;
	margin: 5px 0;
}

.page.guide .basic_contact_float h4 {
	padding: 0;
	margin: 0;
	border: 0;
	color: #fff;
	font-size: 17px;
}

.basic_contact_joinbf {
	text-align: left !important;
	padding: 15px 30px 19px 30px !important;
	top: 170px;
	right: 30px;
}

.basic_contact_joinbf h4 {
	float: left;
	padding: 12px 0px 7px 0;
	line-height: 1.5 !important;
}

.basic_contact_joinbf b {
	margin-right: 5px;
}

.basic_contact_joinbf a {
	float: right;
	width: 120px;
	margin-top: 5px;
}

.page.legacyfund .tab_content b {
	font-weight: 600;
}

.page.legacyfund .fund_checklist {
	font-weight: bold !important;
	line-height: 2;
}

.page.legacyfund .fund_checklist span {
	color: #f80;
	margin-right: 7px;
	margin-left: 5px;
}

.page.legacyfund .legacyfund_process {
	text-align: center;
}

.page.legacyfund .legacyfund_process img {
	max-width: 700px;
}

.page.newsletter .sub-wrap .title-wrap {
	margin-top: 0;
}

.page.newsletter .sub-wrap .title-wrap h2 {
	margin-bottom: 30px;
	font-size: 35px;
}

.page.newsletter .sub-wrap .title-wrap h2 span {
	color: #ffa200;
}

.page.newsletter .newsletter_box {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.page.newsletter .newsletter_box img {
	max-width: 270px;
	margin-bottom: 20px;
}

.page.newsletter .newsletter_character {
	width: 450px;
	height: 450px;
	background: url(./img/bg_newsletter_character.png) no-repeat 50% 100%;
	background-size: cover;
	max-width: 100% !important;
	position: absolute;
	bottom: -50px;
	right: 15%;
}

.page.observance .observance-law {
	float: left;
	width: 100%;
}

.page.observance .observance-law .box-subtitle {
	text-align: center;
	color: #333;
	font-size: 18px;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
}

.page.observance .observance-law .list-basic-title {
	color: #333;
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 18px;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
}

.page.observance .observance-law .list-basic-title .num {
	color: #ffa200;
}

.page.observance .observance-law .box-info {
	float: left;
	width: 100%;
	padding: 40px 30px;
}

.page.observance .observance-found .box-info {
	float: left;
	width: 100%;
	padding: 40px 50px;
	margin-bottom: 100px;
}

.page.observance .observance-found .list-basic li span {
	color: #333;
}

.page.smallchange-bigimpact .first_desc {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.page.smallchange-bigimpact .first_desc .smallchange_seed_left {
	width: 100px;
	position: absolute;
	left: -50px;
	top: 150px;
	display: none;
}

.page.smallchange-bigimpact .first_desc .smallchange_seed_right {
	width: 100px;
	position: absolute;
	right: -50px;
	top: 50px;
	display: none;
}
.page.qnaform .wpcf7-form-control-wrap {
	text-align: left;
}
.page.qnaform span.wpcf7-list-item {
	font-size: 14px;
	line-height: 160%;
	margin-left: 0;
	color: #585858;
}

.page.qnaform .dd_half_left {
	width: 50%;
	float: left;
	padding-right: 5px;
}

.page.qnaform .dd_half_right {
	width: 50%;
	float: left;
	padding-left: 5px;
}

.page.qnaform .dd_desc p {
	font-size: 14px;
	color: #222;
	margin: 0 0 4px;
	line-height: 160%;
	text-align: left;
}
.video .lazyframe {
	aspect-ratio: 16 / 9;
}
.page.video {
	padding-top: 250px !important;
}

.page.video .sub-wrap {
	padding-top: 0;
}

.page.video .group .pagination {
	margin-top: 20px;
	margin-bottom: 0;
}

.blog_video {
	max-width: 750px;
	margin: 0 auto;
	margin-top: 25px;
}

.blog_video .blog_video_box {
	position: relative;
	padding-bottom: 48%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 0;
}

.blog_video .blog_video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Sub wrap */
.sub-wrap {
	position: relative;
}

.sub-wrap h2.sub {
	font-size: 32px;
}
.sub-wrap h2 {
	font-size: 20px;
	color: #222;
	font-weight: 400;
}
.sub-wrap h2 span {
	color: #ed6c00;
	font-weight: 700;
}

.sub-wrap h3 {
	font-size: 20px;
}

.sub-wrap .point {
	color: #ffa200;
	margin-right: 5px;
}

.sub-wrap .title-wrap .info {
	padding-bottom: 0;
}

.sub-wrap .title-wrap h3 {
	margin-bottom: 20px;
	padding-top: 25px;
}

.sub-wrap .title-wrap h3 span {
	color: #ffa200 !important;
}
.sub-wrap .title {
	display: inline-block;
	margin-right: 26px;
	padding-right: 26px;
	border-right: #ffa200 4px solid;
	color: #ffa200;
	line-height: 100%;
}

.sub-wrap .desc {
	padding-bottom: 60px;
}

.sub-wrap.container_rule .desc {
	width: 100%;
	float: left;
}

.sub-wrap.container_rule .desc.anchor {
	padding-top: 100px;
	margin-top: -100px;
}

.sub-wrap.container_rule .box-info {
	width: 100%;
	margin-bottom: 20px;
}

.sub-wrap.container_rule .box-info p {
	margin-bottom: 15px;
}

.sub-wrap.container_rule table {
	margin-bottom: 20px;
}

.sub-wrap.container_rule table {
	word-break: keep-all;
}

.sub-wrap.container_rule h3 {
	margin-bottom: 15px;
}

.sub-wrap.container_rule p br {
	display: block !important;
}

.sub-wrap.container_rule table td b {
	text-decoration: underline;
	color: #333;
	font-size: 105%;
}

.sub-wrap .policy .num {
	color: #ffa200;
	font-weight: 700;
}

/* Title wrap */
.title-wrap {
	position: relative;
}

.title-wrap .smallchange_seed_left {
	position: absolute;
	width: 80px;
	left: 50px;
	top: 90px;
}

.title-wrap .smallchange_seed_right {
	position: absolute;
	width: 80px;
	right: 50px;
	top: 90px;
}

/* Content box */
.content_box {
	text-align: center;
	word-break: keep-all;
}

.content_box h2 {
	margin-bottom: 50px;
	font-size: 35px;
}

.content_box h2 span {
	color: #ffa200;
}

.content_box p {
	margin-bottom: 20px;
	line-height: 1.7 !important;
}

.content_box p.p_bold {
	color: #4d4740;
	font-weight: bold;
}

.content_box p.p_big {
	font-size: 120%;
}

.content_box p.p_big span {
	color: #ffa200;
}

.content_box p.p_purpseactivity {
	max-width: 700px;
	margin: 0 auto;
	text-align: left;
}

.content_box p.nomargin {
	margin-bottom: 0 !important;
}

.content_box .boxed_area {
	position: relative;
}

/* Table word */
.table_word {
	width: 100%;
}

.table_word tr {
	height: auto !important;
}

.table_word td {
	word-break: normal !important;
	height: auto !important;
	padding: 10px 15px !important;
}

.table_word td p {
	margin-bottom: 0;
}

/* Contact us */
#map_canvas {
	width: 100%;
	height: 400px;
}

.contact-address li {
	display: inline-block;
	margin-right: 10px;
}

.subway dd {
	padding-left: 52px;
}

.bus dd {
	padding-left: 36px;
}

.subway .s3 {
	background: url(./img/common/icon_contact_s3.png) no-repeat;
}

.subway .s5 {
	background: url(./img/common/icon_contact_s5.png) no-repeat;
}

.bus dd {
	background: url(./img/common/icon_contact_bus.png) no-repeat;
}

/* category & search result*/
.post-list article {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: #000 1px solid;
	transition: all 0.2s ease-in;
}
.post-list article:hover {
	background-color: #ffa400;
}
.article.noResult, .post-list article,
.search-no-results .post-list article {color:#000}
article.noResult:hover,
.search-no-results .post-list article:hover {background-color: #fff;}
.post-list article:hover a,
.post-list article:hover span {
	color: #fff !important;
}
.post-list article:nth-of-type(1) {
	border-top: #000 1px solid;
}

.post-list article .list-title,
.post-list article .list-date {
	margin-bottom: 0;
}
.post-list article .list-title {
	display: flex;
}
.post-list article .list-date {
	font-size: 18px;
	text-align: right;
	color: #222;
}

.post-list article .list-title a {
	display: inline-block;
	font-weight: 700;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.post-list article .list-thumbnail .img {
	width: 100%;
	padding-top: 56.25%;
	background-position: 50% 50%;
	background-size: cover;
}

.post-list article .list-story .list-thumbnail {
	padding-right: 0;
}

.sub-wrap .post-list article p {
	margin-bottom: 0;
	font-size: 0.941em;
}

.post-list .wp-post-image {
	border: #dfdfdf 1px solid;
}

.post-list article .list-title a.search_result_category {
	display: inline-block;
	width: 110px;
	color: #ed6c00;
}

/* post : post-style */
.single {
	font-size: 17px;
}

.single article .title-area .cat_name a {
	color: #ffa200;
}

.single article .title-area .cat_name a:hover {
	color: #444;
}

.single article .title-area .date {
	color: #999;
	font-size: 17px;
}

.single .list .cat_name {
	text-align: center;
}

.single .entry-inner {
	border-bottom: #ddd 1px solid;
}

.single .entry-inner .txt-area {
	margin: 50px auto;
	position: relative;
}

.single .entry-inner .txt-area a {
	text-decoration: underline;
}

.single .entry-inner .title-area {
	padding: 0;
	padding-bottom: 30px;
	border-bottom: #ddd 1px solid;
	text-align: center;
}

.single .entry-inner .title-area h1 {
	margin: 0 auto;
	margin-bottom: 10px;
}

.single .entry-inner .txt-area,
.single .entry-inner .title-area h1,
.custom_comment_box {
	max-width: 100%;
}

.single .entry-inner .txt-area .btn {
	margin-top: 30px !important;
}

.single .entry-inner .cat_name {
	color: #ffa200;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}

.single .entry-inner .img {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.single .entry-inner h1 {
	margin-bottom: 10px;
	font-size: 1.875em;
	line-height: 1.5em;
	color: #f80;
	text-align: center;
	font-weight: 700;
}

.single .entry-inner h2,
.single .entry-inner h3,
.single .entry-inner h4,
.single .entry-inner h5,
.single .entry-inner h6 {
	margin-bottom: 1em;
	padding-top: 1em;
	line-height: 1.4em;
	text-align: left;
}

.single .entry-inner h3,
.single .entry-inner h4,
.single .entry-inner h5,
.single .entry-inner h6 {
	font-weight: 700;
	color: #111;
}

.single .entry-inner h2 {
	font-size: 1.4em;
	color: #f80;
}

.single .entry-inner h3 {
	font-size: 1.2em;
}

.single .entry-inner h4 {
	font-size: 1.133em;
}

.single .entry-inner h5 {
	font-size: 1em;
}

.single .entry-inner h6 {
	font-size: 0.8em;
}

.single .entry-inner p,
.single .entry-inner ol,
.single .entry-inner ul {
	margin-top: 0;
	margin-bottom: 30px;
	color: #000;
}

.single .entry-inner ol {
	list-style: decimal;
	padding: 0 20px;
}

.single .entry-inner ul {
	list-style: disc;
	padding: 0 20px;
}

.single .entry-inner blockquote {
	color: #757575;
	font-style: italic;
	background: url(./img/icon_quot.png) no-repeat;
	padding: 0 40px;
}

.single .entry-inner blockquote:before {
	content: "";
}

.single .wp-caption-text {
	margin: 12px auto 0;
	font-size: 0.9em;
	line-height: 130%;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #444;
}

.single table {
	min-width: 30%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

.single table th,
.single table td {
	line-height: 1.5;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	word-break: normal;
}

.single table th {
	background-color: #fff8ec;
	border-top: none;
	color: #333333;
}

.single table td {
	color: #000;
}

.single table td p {
	margin-bottom: 10px !important;
}

.single table td p:last-child {
	margin-bottom: 0 !important;
}

.single table tr.alt {
	background: #fff;
}

.single table caption {
	overflow: hidden;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

.single .entry-inner .tbl_reset {
	border-top: 0;
	font-size: inherit;
}

.single .entry-inner .tbl_reset img.aligncenter {
	margin: 0 auto;
}

.single .entry-inner .tbl_reset > tbody > tr > th,
.single .entry-inner .tbl_reset > tbody > tr > td {
	border: 0;
	padding: 0;
}

.single .entry-inner .txt-area a[href$=".pdf"],
.single .entry-inner .txt-area a[href$=".zip"],
.single .entry-inner .txt-area a[href$=".hwp"],
.single .entry-inner .txt-area a[href$=".doc"],
.single .entry-inner .txt-area a[href$=".docx"],
.single .entry-inner .txt-area a[href$=".txt"],
.single .entry-inner .txt-area a[href*="download.php"] {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 6px 10px 6px 34px;
	background: #f6f6f6 url("./img/icon-down.png") no-repeat 10px 50%;
	border: #ddd 1px solid;
	color: #151515;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
}

.single .entry-inner .txt-area a[href$=".pdf"]:hover,
.single .entry-inner.txt-area a[href$=".zip"]:hover,
.single .entry-inner .txt-area a[href$=".hwp"]:hover,
.single .entry-inner .txt-area a[href$=".doc"]:hover,
.single .entry-inner .txt-area a[href$=".docx"]:hover,
.single .entry-inner .txt-area a[href$=".txt"]:hover,
.single .entry-inner .txt-area a[href*="download.php"]:hover {
	background-color: #f2f2f2;
}

.su-image-carousel-slides-style-default .su-image-carousel-item-content img {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
}

/* post : edit btn */
.edit-btn-area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: none;
}
.post-edit-link {
	display: flex;
	width: 100%;
	height: 64px;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
	justify-content: center;
	align-items: center;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	background-color: #eee;
	color: #777;
	border: 0;
}

/* post : tag */
.post_tags {
	margin-bottom: 20px;
}

.post_tags span {
	font-size: 14px;
	color: #999;
	display: inline-block;
	margin: 0 7px 0 0;
}

.post_tags a {
	background: #eee;
	border: #ddd 1px solid;
	display: inline-block;
	margin: 0 5px 8px 0;
	padding: 5px 7px;
	white-space: nowrap;
	color: #6a6a6a;
	font-size: 14px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 16px;
}

.post_tags a:hover {
	background-color: #f80;
	color: #fff;
}

.post_tags a::before {
	content: "# ";
}

/* post : related posts */
.related-posts {
	position: static;
	z-index: 10;
	width: 100%;
	margin-top: 40px;
}

.related-posts .row {
	margin-left: 0;
	margin-right: 0;
}

.related-posts-title {
	padding: 15px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: 900;
	text-transform: uppercase;
	color: #333333;
}

.related-post {
	display: block;
	margin-bottom: 30px;
}

.related-post .category {
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: 900;
	text-transform: uppercase;
	color: #f80;
	line-height: 130%;
}

.related-post .title {
	margin: 4px 0 0;
	border-right: 0;
	font-size: 1.125em;
	line-height: 160%;
	font-weight: 700;
	color: #111;
}

.related-post:hover .title {
	text-decoration: underline;
}

.related-posts .related_img {
	border: #dfdfdf 1px solid;
}

/*custom comment*/
.custom_comment {
	margin: 50px auto 48px;
	width: 100%;
}
.custom_comment_box {
	display: flex;
	flex-direction: column;
}
/* post : comment */
.comments-container,
.respond-container {
	position: relative;
}
.comments-container {
	order: 2;
}

.comments-title-container,
.comment-reply-title {
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: 0;
	color: #333333;
}

.comments-title,
.comments-title-link {
	vertical-align: bottom;
}

.comments-title {
	float: left;
}

.comments-title span {
	color: #ffa200;
}

.comments-title,
.comment-reply-title {
	display: none;
	font-size: 20px !important;
	line-height: 1.5;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0 !important;
}

.comments-container .commentlist {
	list-style: none;
}

.comments-container .comment-respond {
	padding: 20px 30px;
	border-bottom: #dfdfdf 1px solid;
}

.comments-title-link {
	display: none;
	float: right;
	position: relative;
	margin-bottom: 0 !important;
	line-height: 1.5;
}

.comments-title-link a {
	color: #ffa200;
	font-size: 20px;
	font-weight: 600;
	font-family: "Happiness-Sans", sans-serif !important;
}

.comments-title-link a:hover {
	border-bottom-color: #f80;
}

.content .content_list {
	border-top: #ddd 1px solid;
}

.content_group {
	border-bottom: #ddd 1px solid;
	border-top: none;
}

/* No Comments ----------------------------------------- */
.no-comments {
	margin: 50px 0 0 200px;
	font-style: italic;
	font-weight: 700;
	text-align: center;
}

/* Comment List ---------------------------------------- */
div.comment {
	border-bottom: #dfdfdf 1px solid;
}

.comment {
	position: relative;
}

.commentlist > .comment:first-child > .comment:first-child {
	margin-top: 0;
}

.commentlist .children {
	padding-left: 25px;
	background: url("./img/img_list_child.png") no-repeat;
	background-size: 12px;
	background-position: 0px 21px;
}

.comment .avatar {
	display: none;
}

.comment-header {
	display: flex;
	align-items: center;
}

.comment-header .fa-user {
	margin-right: 8px;
	color: #333;
}

.comment-inner {
	margin-left: 0;
	padding: 20px 0;
	position: relative;
}

.comment-inner .post-content {
	margin-top: 0;
	font-size: 15px;
}

.comment-inner .post-content p {
	margin-bottom: 10px;
}

.comment-header {
	margin-bottom: 5px;
}

.comment-header h4 {
	display: inline;
	font-size: 15px;
	font-weight: 600;
	color: #333333;
}

.comment-header h4 a {
	color: #333333;
}

.comment-header h4 a:hover {
	text-decoration: underline;
}

/* Comment Content ---------------------------------------- */
.comment-content p,
.comment-content blockquote,
.comment-content ul,
.comment-content ol,
.comment-content address,
.comment-content dl,
.comment-content pre {
	line-height: 160%;
	margin-bottom: 1em;
}

/* Comment Meta */
.comment-meta {
	margin-top: 0;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	color: #777;
	font-family: "Happiness-Sans", sans-serif !important;
}

.comment-meta a {
	color: #999;
}

.comment-meta a:hover {
	color: #333333;
}

.comment-meta .fleft {
	float: left;
	font-weight: 400;
	display: flex;
	align-items: center;
}

.comment-meta .fright {
	float: right;
	font-size: 13px;
	text-decoration: underline;
	text-decoration-color: currentColor;
}

.comment-meta .comment-awaiting-moderation {
	color: #ffa400;
	text-decoration: none;
}

.comment-meta .clear {
	clear: both;
}

.comment-meta .fa {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

/* 댓글 Edit 링크 렌치 아이콘 */
.comment-meta a.comment-edit-link {
	display: inline-flex;
	align-items: center;
	margin-left: 12px;
}

.comment-meta a.comment-edit-link::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background: url("./img/icons/icon_edit.svg") no-repeat;
	background-size: contain;
}

.comment-meta a.comment-edit-link::after {
	display: none !important;
}

.comment-meta .fa-clock-o {
	width: 14px;
	height: 14px;
	background: url("./img/icons/icon_calendar.png") no-repeat;
	display: none;
}

.comment-meta .fa-reply {
	width: 16px;
	height: 12px;
	background: url("./img/icons/icon_reply.png") no-repeat;
	display: none;
}

/* Comment Respond --------------------------------------- */
#cancel-comment-reply-link {
	display: inline-block;
	margin-left: 15px;
	padding: 3px 7px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #eee;
	background-image: none;
	color: #333;
}

#cancel-comment-reply-link:hover {
	background: #f80;
	color: #fff;
}

.comment-form-cookies-consent {
	display: none !important;
}

.comment-respond .logged-in-as {
	margin-bottom: 24px;
	margin-top: 0;
}

.comment-respond .logged-in-as a:first-of-type {
	font-weight: 700;
}

.comment-respond p a:hover {
	text-decoration: underline;
}

.comment-respond form label {
	display: none;
	margin-bottom: 8px;
	font-weight: 700;
	color: #757575;
}

.comment-respond form label span {
	margin-left: 2px;
	color: #f80;
}

.comment-respond textarea {
	width: 100%;
	max-width: 100%;
	padding: 20px;
	font-size: 14px;
	line-height: 140%;
	background-color: #f5f5f7;
	border: 1px solid #f5f5f7;
	border-radius: 10px;
	height: 128px;
	margin-bottom: 9px;
}

.comment-respond textarea:focus {
	border: 1px solid #ffa400;
	outline: none !important;
}

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

.comment-respond p:last-child {
	margin-bottom: 0;
}

.comment-respond p.comment-subscription-form {
	margin-bottom: 10px;
}

.comment-respond p.comment-subscription-form:last-of-type {
	margin-bottom: 0;
}

.comment-fields-flex {
	display: flex;
	gap: 2%;
}

.comment-form-author,
.comment-form-email {
	flex: 1;
}

.comment-form-author {
}

.comment-form-author input,
.comment-form-email input {
	width: 100%;
	background-color: #f5f5f7;
	border: 1px solid #f5f5f7;
	border-radius: 10px;
	font-size: 14px;
	line-height: 140%;
	height: 44px;
	padding: 0 16px;
}

.comment-bottom-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.comment .comment-bottom-flex {
	margin-top: 15px;
}

.comment-respond .form-submit {
	padding: 0;
	margin: 0;
}

.comment-respond input[type="submit"] {
	display: inline-block;
	padding: 5px 20px;
	margin: 0;
	border: #c7c7c7 1px solid;
	border-radius: 32px;
	background: #f5f5f7;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #999;
	-webkit-appearance: none;
	font-family: "Happiness-Sans", sans-serif !important;
}

.comment-respond input[type="submit"]:hover {
	cursor: pointer;
	color: #fff;
	background: #ffa400;
	border-color: transparent;
}

.respond-container {
	position: relative;
	margin-bottom: 32px;
}

.respond-container .comment-policy-link,
.comment .comment-policy-link {
	margin: 0;
}

.respond-container .btn_policy,
.comment .btn_policy {
	display: inline-block;
	font-size: 14px;
	text-decoration: underline;
	background-color: #fff;
	color: #999;
	padding: 6px 0;
	font-weight: 400;
	height: 30px;
	border: none;
}

#commentform textarea::-webkit-input-placeholder {
	color: #999;
	font-size: 13px;
}

#commentform textarea::-moz-placeholder {
	color: #999;
	font-size: 13px;
}

#commentform textarea:-ms-input-placeholder {
	color: #999;
	font-size: 13px;
}

#commentform textarea:-moz-placeholder {
	color: #999;
	font-size: 13px;
}

.tag-list {
	margin-bottom: 30px;
	border: #ddd 1px solid;
}

.tag-list .btn {
	float: right;
}

.tag-list .btn_listall,
.tag-list .post_tags {
	display: block;
	font-weight: 700;
	color: #757575;
}

.tag-list .post_tags {
	margin-bottom: 0;
}

.tag-list .post_tags a {
	margin: 0;
	background-color: transparent;
	border: 0;
	font-size: 16px;
	line-height: inherit;
}

.tag-list .post_tags a:hover {
	color: #444;
}

.tag-list .btn-sortarea {
	text-align: right;
}

.tag-list .btn-listall {
	margin-right: 10px;
	padding: 5px 7px 5px 20px;
	background: url("./img/icon_listall.png") no-repeat 0 50%;
	text-align: left;
	vertical-align: middle;
}

.cell_right,
.cell_left {
	position: relative;
}

.cell_left .fund-img img,
.cell_right .fund-img-detail img {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.gallery-list article .post-image {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 0;
	border: #ddd 1px solid;
}

.tit-tagresult {
	margin-bottom: 30px;
	color: #f80;
}

.foundbf_menu {
	display: none;
}

.category-fundgallery .tb {
	padding-bottom: 50px;
	border-bottom: #ddd 1px solid;
}

.search-detail,
.tag-list {
	padding: 15px 30px;
}

.fundgallery-subtitle h2 {
	color: #ffa200;
	text-align: left;
	word-break: break-all;
	font-size: 30px;
	margin-bottom: 15px;
	line-height: 1.5;
}

.fundgallery-subtitle .subtitle-wrap dt {
	float: left;
	width: 80px;
	font-weight: 700;
	color: #555;
	margin-bottom: 3px;
}

.fundgallery-subtitle .subtitle-wrap dd {
	margin-left: 80px;
	width: 65%;
	word-break: break-all;
	margin-bottom: 3px;
}

.fundgallery-subtitle .subtitle-wrap dl,
.fundgallery-subtitle .tag-area {
	margin-top: 20px;
}

.fundgallery-subtitle .subtitle-wrap dl {
	font-size: 15px;
	margin: 0 !important;
	margin-bottom: 20px !important;
}

.fundgallery-contents .comment {
	color: #4d4740;
}

.sub-wrap .fundgallery-contents p {
	margin-bottom: 0;
	padding-bottom: 30px;
	line-height: 1.7;
}

.fundgallery-subtitle .tag-area h3 {
	margin-bottom: 15px;
	color: #555;
	font-size: 15px;
}

.fundgallery-subtitle .tag-area .post_tags a {
	border: 0;
	padding: 7px 10px 9px 10px;
	background: #ffa200;
	color: #fff;
}

.fundgallery-subtitle .tag-area .post_tags a:hover {
	background: #999;
}

/* 1:1 QnA */
.form-qna {
	width: 100%;
	max-width: 608px;
	margin: 0 auto;
	padding: 26px 30px;
	border: 1.5px solid #000;
	background: #fff;
	margin-bottom: 30px;
}

.form-qna textarea,
.qnaform input[type="file"] {
	box-sizing: border-box;
	width: 100%;
}

.form-qna dd {
	padding-bottom: 20px;
}
.form-qna dd.dd_desc {
	padding-bottom: 0;
}
.form-qna dt p {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #222;
	text-align: left;
}

.form-qna input[type="text"],
.form-qna input[type="email"] {
	width: 100%;
	font-size: 16px;
	background: #fafafa;
	border: 1.5px solid #000;
}

.form-qna input[type="text"]::placeholder,
.form-qna input[type="email"]::placeholder,
.form-qna textarea::placeholder {
	color: #c7c7c7;
}

.form-qna input[type="radio"] {
	width: auto !important;
}

.form-qna textarea {
	font-size: 16px;
	padding: 10px;
	border: 1.5px solid #000;
	background: #fafafa;
}

.wpcf7 .btn_area {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.wpcf7 .btn_area input[type="submit"]:hover {
	opacity: 0.7;
}

.wpcf7 .btn_area input[type="submit"] {
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 20px;
	line-height: 1;
	font-weight: 600;
	font-size: 19px;
	background-color: #ffa300;
	color: #222;
	height: auto;
}

.basic_form_box dd.qna_rule {
	padding: 30px 32px;
	flex-direction: column;
	font-size: 13px;
	word-break: keep-all;
}
.info .qna_rule table {
	border: 1.5px solid #000;
	text-align: left;
	line-height: 1.4;
	margin: 0 0 12px;
	background-color: #fffaf2;
}

.qna_rule table th {
	padding: 10px 18px;
	word-break: keep-all;
	color: #222;
	font-weight: 900 !important;
	border: 0;
	border-top: 1.5px solid #000;
	border-bottom: 1.5px solid #000;
	background-color: inherit;
}
.qna_rule table th:first-child {
	width: 33%;
}
.qna_rule table th:nth-child(2) {
	width: 30%;
}

.qna_rule table th p {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	font-weight: 700;
}
.qna_rule table td {
	vertical-align: top;
	padding: 14px 0 14px 18px;
	word-break: keep-all;
	border: 0;
	border-bottom: 1.5px solid #000;
	background-color: #fffaf2;
}
.qna_rule table td:last-child {
	padding-right: 14px;
}
.qna_rule table td p {
	font-size: 14px;
	color: #222;
	line-height: 160%;
	font-weight: 400 !important;
}

.qna_rule a {
	color: #ffa200;
	font-weight: bold;
}

.qna_rule a:hover {
	color: #333;
}

.qna_agree {
	text-align: left;
	color: #ffa200;
	font-weight: 400;
}

body .wpcf7-not-valid-tip {
	color: #f80 !important;
	padding: 5px 0;
	font-size: 14px;
}

div.wpcf7 .wpcf7-submit:disabled {
	background-color: #c7c7c7;
	color: #888;
	cursor: not-allowed !important;
}

div.wpcf7 .ajax-loader {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
}

body .wpcf7-response-output {
	width: 100%;
	margin: 0 auto !important;
	padding-top: 0 !important;
	text-align: center;
	border: 0 !important;
	float: left !important;
	word-break: keep-all !important;
	color: #f80 !important;
}

.wpcf7-spinner {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.wpcf7-form[data-status="submitting"] .wpcf7-submit {
	display: none !important;
}

.wpcf7-form[data-status="submitting"] .wpcf7-spinner {
	display: block;
}

.wpcf7-form[data-status="invalid"] .wpcf7-spinner {
	display: none;
}

/*------------------------------------*\
MISC
\*------------------------------------*/

::selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}

::-webkit-selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto;
}

table.aligncenter {
	display: table;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	max-width: 100%;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
	padding: 4px 5px;
	font-weight: 500;
}

/*------------------------------------*\
Plugin
\*------------------------------------*/

/* Slide */
.swiper-container {
	width: 90%;
	padding-bottom: 70px;
}

.swiper-slide {
	text-align: center;
	font-size: 16px;
}

.swiper-pagination-bullet {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-family: Tahoma, arial;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	opacity: 1;
	background: #e87c00;
}

.swiper-slide .img_slide {
	width: 100%;
}

#fp-nav {
	z-index: 10 !important;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	background-color: #84796c;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	background-color: #f80;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	margin: 10px;
}

/* my-breadcrumbs */
.my-breadcrumbs {
	display: none !important;
	background: rgba(250, 250, 250, 0.8);
	border-bottom: 1px solid #dfdfdf;
	font-size: 15px;
	text-align: right;
	height: 47px;
	line-height: 45px;
}

.my-breadcrumbs a {
	color: #999 !important;
}

.my-breadcrumbs a:hover {
	color: #ffa200 !important;
}

.my-breadcrumbs span {
	color: #999 !important;
	margin-left: 10px;
}

.page.contactus .my-breadcrumbs,
.page.joinbf .my-breadcrumbs,
.page.fundmaking .my-breadcrumbs,
.page.legacyfund .my-breadcrumbs,
.page.corporate .my-breadcrumbs,
.page.fundgallery .my-breadcrumbs,
.page.health .my-breadcrumbs,
.page.education .my-breadcrumbs,
.page.labor .my-breadcrumbs,
.page.culture .my-breadcrumbs,
.page.safety .my-breadcrumbs,
.page.living .my-breadcrumbs,
.page.environment .my-breadcrumbs,
.page.social .my-breadcrumbs,
.page.local .my-breadcrumbs,
.page.research .my-breadcrumbs,
.page.public-interest-activities .my-breadcrumbs,
.page.social-safety-net .my-breadcrumbs,
.page.visionmission .my-breadcrumbs,
.page.smallchange-bigimpact .my-breadcrumbs,
.page.cibi .my-breadcrumbs,
.page.announcement .my-breadcrumbs,
.page.policy .my-breadcrumbs,
.page.charter .my-breadcrumbs,
.page.history .my-breadcrumbs,
.page.observance .my-breadcrumbs,
.page.financial-report .my-breadcrumbs,
.page.annual-report .my-breadcrumbs,
.page.organization .my-breadcrumbs,
.page.giveqna .my-breadcrumbs,
.page.qnaform .my-breadcrumbs,
.page.fundqna .my-breadcrumbs,
.page.joinbf .my-breadcrumbs,
.page.change .my-breadcrumbs,
.page.fund-cat1 .my-breadcrumbs,
.page.fund-cat2 .my-breadcrumbs,
.page.fund-cat3 .my-breadcrumbs,
.page.fund-cat4 .my-breadcrumbs,
.page.introduction .my-breadcrumbs {
	display: block;
}

.tag .my-breadcrumbs.my-breadcrumbs-tag,
.category .my-breadcrumbs.my-breadcrumbs-cat,
.search .my-breadcrumbs.my-breadcrumbs-search {
	display: block;
}

.my-breadcrumbs.my-breadcrumbs-tag,
.my-breadcrumbs.my-breadcrumbs-cat,
.my-breadcrumbs.my-breadcrumbs-search,
.search.category .my-breadcrumbs.my-breadcrumbs-cat,
.search.archive .my-breadcrumbs.my-breadcrumbs-search,
.my-breadcrumbs.my-breadcrumbs-introduction {
	display: none;
}

.my-breadcrumbs.my-breadcrumbs-guide,
.my-breadcrumbs.my-breadcrumbs-joinbf {
	display: none;
}

.page.guide .my-breadcrumbs.my-breadcrumbs-guide,
.page.joinbf-new .my-breadcrumbs.my-breadcrumbs-joinbf,
.search-results.category-fundgallery .my-breadcrumbs.my-breadcrumbs-search,
.search-results.category-impact .my-breadcrumbs.my-breadcrumbs-search {
	display: block;
}

.search.category-archive .my-breadcrumbs {
	display: none;
}

.search .cat-area {
	margin-bottom: 4px;
	color: #ffa200;
}

/* pdf down : plugin Embed Any Document 2019.01 게시물 이후로는 연차/감사 보고서에 안 씀.*/
.ead-document iframe {
	display: block;
	margin: 0 auto;
}

.ead-preview .embed_download {
	text-align: center;
	padding-top: 40px;
}

.ead-preview .embed_download a {
	display: inline-block;
	margin-top: 30px;
	padding: 12px 60px;
	font-weight: 700;
	line-height: 1.42857143;
	text-decoration: none !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #fff;
	background-color: #f08c09;
}

.ead-preview .embed_download a:hover {
	background-color: #d14600;
}

/* ssl */
#m-nav .ssl-seal,
#footer .ssl-seal {
	width: 70px;
	min-width: auto;
	margin: 3px 0;
	display: inline-block;
	vertical-align: middle;
	border: 0;
	display: none !important;
}

#m-nav .ssl-seal td,
#footer .ssl-seal td {
	padding: 0;
	border: 0;
	background-color: transparent;
}

/* rss */
.nav-links {
	display: none;
}

/** pdf down 20180328 **/
.m_ar_view {
	display: none;
}

.category-annualreport .txt-area .ead-preview .ead-document,
.category-areareport .txt-area .ead-preview .ead-document,
.category-auditreport .txt-area .ead-preview .ead-document {
	display: none;
}

.category-annualreport .txt-area .ead-preview > .embed_download a,
.category-areareport .txt-area .ead-preview > .embed_download a,
.category-auditreport .txt-area .ead-preview > .embed_download a {
	margin: 0 auto;
	padding: 10px 20px;
	border: 0;
	background-color: #ff6600;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-image: none;
}

.category-annualreport .txt-area .ead-preview > .embed_download a:hover,
.category-areareport .txt-area .ead-preview > .embed_download a:hover,
.category-auditreport .txt-area .ead-preview > .embed_download a:hover {
	background-color: #d14600;
}

.category-annualreport .txt-area .pdf_img,
.category-areareport .txt-area .pdf_img,
.category-auditreport .txt-area .pdf_img {
	text-align: center;
	display: none;
}

.category-annualreport .txt-area .pdf_img img,
.category-areareport .txt-area .pdf_img img,
.category-auditreport .txt-area .pdf_img img {
	border: #dfdfdf 1px solid;
}

.category-annualreport .entry-inner .txt-area,
.category-areareport .entry-inner .txt-area,
.category-auditreport .entry-inner .txt-area {
	margin-top: 5px;
}

.category-annualreport .btn_view a,
.category-areareport .btn_view a,
.category-auditreport .btn_view a {
	display: block;
	width: 234px;
	margin: 30px auto 0;
	padding: 5px;
	background-color: #fff;
	border: #ddd 1px solid;
	border-radius: 4px;
	font-size: 13px;
	text-align: center;
}

.category-annualreport .btn_view a span,
.category-areareport .btn_view a span,
.category-auditreport .btn_view a span {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url(./img/icon_view@2x.png) no-repeat;
	background-size: contain;
}

.category-annualreport .btn_view a:hover span,
.category-areareport .btn_view a:hover span,
.category-auditreport .btn_view a:hover span {
	background-image: url("./img/icon_view@2x_on.png");
}

.category-board_meeting_minutes .korea-sns {
	display: none;
}

.post .alignright::after {
	content: "";
	display: block;
}

/* Season Popup */
.bn_popup_off {
	display: none;
}

.bn_season {
	position: absolute;
	right: 88px;
	top: 50%;
	margin-top: -182px;
	z-index: 999999;
}

.bn_season .bn_img {
	width: 265px;
	height: 329px;
	background: url("./img/season/bn_seol_2019.png");
}

.bn_season #btn_bn_close {
	width: 36px;
	height: 36px;
	float: right;
	background: url("./img/season/btn_seol_x.png") no-repeat center;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

/*------------------------------------*\
COMMON STRUCTURE
\*------------------------------------*/

/** list **/
.list-order li {
	background: url(./img/donation/icon_next.png) no-repeat;
	background-position: 100% 50%;
}

/** col **/
.col-lg-12 {
	width: 100%;
}

.col-lg-11 {
	width: 91.66666667%;
}

.col-lg-10 {
	width: 83.33333333%;
}

.col-lg-9 {
	width: 75%;
}

.col-lg-8 {
	width: 66.66666667%;
}

.col-lg-7 {
	width: 58.33333333%;
}

.col-lg-6 {
	width: 50%;
}

.col-lg-5 {
	width: 41.66666667%;
}

.col-lg-4 {
	width: 33.33333333%;
}

.col-lg-3 {
	width: 25%;
}

.col-lg-2 {
	width: 16.66666667%;
}

.col-lg-1 {
	width: 8.33333333%;
}

.col-lg-offset-12 {
	margin-left: 100%;
}

.col-lg-offset-11 {
	margin-left: 91.66666667%;
}

.col-lg-offset-10 {
	margin-left: 83.33333333%;
}

.col-lg-offset-9 {
	margin-left: 75%;
}

.col-lg-offset-8 {
	margin-left: 66.66666667%;
}

.col-lg-offset-7 {
	margin-left: 58.33333333%;
}

.col-lg-offset-6 {
	margin-left: 50%;
}

.col-lg-offset-5 {
	margin-left: 41.66666667%;
}

.col-lg-offset-4 {
	margin-left: 33.33333333%;
}

.col-lg-offset-3 {
	margin-left: 25%;
}

.col-lg-offset-2 {
	margin-left: 16.66666667%;
}

.col-lg-offset-1 {
	margin-left: 8.33333333%;
}

.col-lg-offset-0 {
	margin-left: 0;
}

/** PAGES **/
.section .title {
	font-size: 40px;
}

.section .txt {
	padding-bottom: 35px;
}

.section .btn {
	min-width: 200px !important;
	padding: 13px 50px 11px 25px;
	font-size: 20px;
	margin-bottom: 6px;
	margin-left: 3px;
	margin-right: 3px;
	background-image: url(./img/btn_arrow.png);
	background-repeat: no-repeat;
	background-position: right 22px top 50%;
	text-align: left;
}

.section .scrolldown .img {
	background-image: url(./img/btn_scroll.png);
	transition: all 0.2s;
}

.section .scrolldown:hover .img {
	background-image: url(./img/btn_scroll_on.png);
	transition: all 0.2s;
}

/** PAGES - page_2dpt **/
.sub-wrap {
	width: 100%;
	max-width: 1536px;
	padding: 250px 50px 150px 50px;
}

.sub-wrap.container_changestory {
	padding: 0;
}

.sub-wrap.container_general {
	padding: 185px 50px 130px 50px;
}

.sub-wrap .title-wrap {
	margin-bottom: 30px;
}
.sub-wrap .newsletter_box .title-wrap {
	text-align: center;
}
.sub-wrap .par,
.sub-wrap p {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.contact-address {
	text-align: center;
}

.form-inline .form-group {
	display: inline-block;
	margin: 0 25px 0 0;
	vertical-align: middle;
}

.basic_tab {
	width: 100%;
	float: left;
}

.basic_tab .p_desc {
	padding-top: 20px;
	float: left;
	margin-bottom: 0;
}

.basic_tab .tab_depth {
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
}

.basic_tab .tab_container {
	float: left;
	width: 100%;
	padding: 0;
}

.basic_tab .tab_container .tab_content {
	float: left;
	width: 100%;
}

.page.joinbf .basic_tab .tab_container .tab_content_box {
	border-bottom: 0;
}

.annual-report .basic_tab .tab_container .tab_content_box {
	padding: 90px 80px 80px 80px;
}

.basic_tab .tab_container h3 {
	color: #333;
	font-size: 20px;
}

.basic_tab .tab_container h3 span {
	color: #ffa200;
}

.basic_tab .tab_depth ul.tabs {
	display: flex;
	justify-content: center;
	border: 0;
	margin-bottom: 60px;
	gap: 20px;
}

.basic_tab .tab_depth ul a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
	border: 1.5px solid #000;
	padding: 0 24px;
	height: 52px;
	background: #fffaf2;
}
.basic_tab .tab_depth ul .active a {
	background-color: #ffa400;
}
.basic_tab .tab_depth ul .active a:hover {
	color: #000;
}

.col {
	float: left;
}

.col1 {
	width: 100%;
}

.col2 {
	width: 50%;
}

.col3 {
	width: 33.333%;
}

.col4 {
	width: 25%;
}

.col5 {
	width: 20%;
}

/* list */
.faq {
	border-top: #4d4740 solid 2px;
}

.faq > li {
	width: 100%;
	float: left;
	border-bottom: #4d4740 solid 2px;
	line-height: 160%;
	word-break: keep-all;
}

.faq li .q_title {
	display: block;
	position: relative;
	padding: 20px 30px;
	cursor: pointer;
}

.faq li .q_title .q {
	float: left;
	color: #f80;
	font-size: 14px;
	font-weight: 700;
	margin-top: -1px;
	margin-right: 7px;
}

.faq li .q_title .more {
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 11px;
	height: 20px;
	background: url("../img/common/plus.png") no-repeat 50% 50%;
}

.faq li.active .q_title {
	background: #f5f5f5;
	color: #4d4740;
	font-weight: 700;
}

.faq li .a_content {
	width: 100%;
	float: left;
	display: none;
	padding: 35px;
}

.faq li .a_content h3 {
	margin-bottom: 20px;
}

/* box */
.inq_box {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 55px;
	border: solid 1px #ddd;
	padding: 25px 30px;
	line-height: 160%;
	background: #f9f9f9;
}

.inq_box .txt .info {
	margin-top: 5px;
	margin-bottom: 0;
}

.inq_box .btn {
	padding: 10px 20px;
	width: 100%;
	margin-top: 5px;
}

/* table */
.tb_basic {
	border: #cbcbcb 1px solid;
	border-collapse: collapse;
}

.tb_basic th,
.tb_basic td {
	border: #cbcbcb 1px solid;
	padding: 8px;
}

.tb_basic th {
	background-color: #fff8ec;
	color: #f80;
	text-align: center;
	font-weight: bold;
}

/* post-business */
.container_changestory .subtitle-wrap {
	border: 0;
}

.container_changestory .basic_box_line {
	border: 1px solid #ddd;
	background: #fff;
	padding: 50px 45px;
}

.container_changestory .basic_box {
	margin-bottom: 60px;
}

.container_changestory .basic_box h3 .title_subtext {
	font-size: 15px;
	float: right;
	margin-top: 12px;
	color: #777;
}

.container_changestory .basic_box p {
	float: left;
	width: 100%;
}

.container_changestory .basic_box p.main_desc {
	margin-bottom: 0;
}

.container_changestory .basic_box p.text_right {
	text-align: right;
}

.container_changestory .basic_tab {
	margin-bottom: 10px;
}

.container_changestory .basic_tab .tab_depth {
	background: #fff;
	border: 1px solid #ddd;
	padding: 25px 10px 10px 25px;
	position: relative;
	z-index: 1;
}

.container_changestory .basic_tab .tab_depth ul li {
	border: 0 !important;
	width: auto;
	background: #f4f4f4;
	border-radius: 100px;
	margin: 0 15px 15px 0;
	line-height: 1;
	padding: 13px 20px 15px 20px;
}

.container_changestory .basic_tab .tab_depth ul li:hover {
	color: #fff;
	background: #ffa200;
}

.container_changestory .basic_tab .tab_depth ul li.active {
	background: #514a4b !important;
	color: #fff;
	border: 0 !important;
}

.container_changestory .basic_tab .tab_depth ul li:last-child {
	border-right: 1px solid #ddd;
}

.container_changestory .basic_tab .tab_container p {
	margin-bottom: 15px;
	float: left;
	width: 100%;
	word-break: break-all;
}

.container_changestory .basic_tab .tab_container p span {
	color: #333;
}

.container_changestory .basic_tab .tab_container h2 {
	color: #f80;
	margin-bottom: 20px;
	font-size: 25px;
}

.container_changestory .basic_tab .tab_container h3 {
	color: #333;
	margin-bottom: 15px;
	padding-top: 15px;
	float: left;
	width: 100%;
}

.container_changestory .basic_tab .tab_container h3.subtitle {
	padding-top: 5px;
	margin-bottom: 25px;
}

.container_changestory .basic_tab .tab_container h3.biz_title {
	color: #333;
}

.container_changestory .basic_tab .tab_container h3.biz_title img {
	width: 18px;
	margin-right: 10px;
	margin-top: -3px;
}

.container_changestory .basic_tab .tab_container h4 {
	color: #333;
	margin-bottom: 5px;
}

.container_changestory .basic_tab .tab_container .tab_content {
	padding-top: 1000px;
	margin-top: -1000px;
}

.container_changestory .basic_tab .tab_container .tab_content_box {
	padding: 40px 45px;
	background: #fff;
}

.container_changestory .business-post li {
	display: flex;
	flex-direction: column;
	width: 33.333% !important;
	font-size: 16px;
	padding: 0 25px;
	line-height: 1.5;
}

.container_changestory .business-post li a {
	order: 1;
}

.container_changestory .business-post .thumbnail-excerpt {
	margin-bottom: 15px;
}

.container_changestory .business-post .thumbnail-excerpt img {
	margin: 0;
}

.container_changestory .business-subtitle {
	width: 25%;
	float: left;
	padding: 190px 70px 70px 70px;
}

.container_changestory .business-subtitle h2 {
	margin-bottom: 15px;
	font-size: 30px;
	color: #333;
}

.container_changestory .business-subtitle p {
	margin-bottom: 35px;
	word-break: keep-all;
}

.container_changestory .business-subtitle .subtitle {
	width: 100%;
	float: left;
	text-align: center;
}

.container_changestory .business-subtitle .subtitle img {
	margin-bottom: 0;
	width: 130px;
}

.container_changestory .business-subtitle .btn-area {
	width: 100%;
	float: left;
	padding: 35px 0 35px 0;
	border-top: 1px solid #ffa200;
	margin-bottom: 0;
}

.container_changestory .business-subtitle .btn-area h3 {
	font-size: 19px;
	text-align: center;
	margin-bottom: 20px;
}

.container_changestory .business-subtitle .btn-area .btn {
	float: left;
	width: 50%;
	padding-left: 0;
	padding-right: 0;
}

.container_changestory .business-contents {
	width: 75%;
	float: right;
	border-left: 1px solid #ddd;
	padding: 200px 70px 70px 70px;
	background: #f4f4f4;
}

.container_changestory .business-contents p {
	word-break: keep-all;
}

.container_changestory .btn-business {
	padding: 0;
	margin-bottom: 0;
	height: auto;
	float: left;
	width: 100%;
}

.container_changestory .btn-business-list {
	float: left;
	width: 100%;
}

.container_changestory .btn-business-list .btn-business {
	width: 80%;
	float: left;
}

.container_changestory .btn-business-list .btn-business li {
	width: 25%;
	padding: 0;
	height: auto;
	float: left;
}

.container_changestory .btn-business-list .btn-business li a {
	display: block;
	width: 100%;
	height: 55px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: 50% 50%;
	line-height: 55px;
}

.container_changestory .btn-business-list .btn-business.depth2 {
	width: 20%;
	float: left;
}

.container_changestory .btn-business-list .btn-business.depth2 li {
	width: 100%;
}

.container_changestory .btn-business-list .btn-business.depth2 li:first-child {
	display: none;
}

.container_changestory .btn-business-list .btn-business li a span {
	display: block;
}

.container_changestory .btn-business-list .btn-business .education {
	background-image: url(./img/icons/ic_education.png);
}

.container_changestory .btn-business-list .btn-business .environment {
	background-image: url(./img/icons/ic_environment.png);
	background-size: 55px;
}

.container_changestory .btn-business-list .btn-business .health {
	background-image: url(./img/icons/ic_health.png);
	background-size: 45px;
}

.container_changestory .btn-business-list .btn-business .living {
	background-image: url(./img/icons/ic_living.png);
	background-size: 55px;
}

.container_changestory .btn-business-list .btn-business .labor {
	background-image: url(./img/icons/ic_labor.png);
	background-size: 45px;
}

.container_changestory .btn-business-list .btn-business .safety {
	background-image: url(./img/icons/ic_safety.png);
	background-size: 50px;
}

.container_changestory .btn-business-list .btn-business .culture {
	background-image: url(./img/icons/ic_culture.png);
	background-size: 48px;
}

.container_changestory .btn-business-list .btn-business .social {
	background-image: url(./img/icons/ic_social.png);
}

.container_changestory .btn-business-list .btn-business .local {
	background-image: url(./img/icons/ic_local.png);
}

.container_changestory .btn-business-list .btn-business .research {
	background-image: url(./img/icons/ic_research.png);
}

.container_changestory .btn-business-list .btn-business .area-title {
	opacity: 0;
	color: #fff;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
	font-size: 15px;
}

.container_changestory .btn-business-list .btn-business li a:hover {
	background-color: rgba(255, 136, 0, 1);
	background-image: none;
}

.container_changestory .btn-business-list .btn-business.depth2 li a:hover {
	background-color: rgba(255, 162, 0, 1);
	background-image: none;
}

.container_changestory .btn-business-list .btn-business li a:hover .area-title {
	color: #fff;
	opacity: 1;
}

.container_changestory .btn_label {
	float: left;
	width: auto;
	margin-right: 15px;
}

.container_changestory .btn_label.width100 {
	width: 100px;
}

.container_changestory .btn_box {
	float: left;
}

.container_changestory .btn_box a {
	display: block;
	float: left;
	padding: 8px 12px 10px 12px;
	line-height: 1;
	font-size: 14px;
	letter-spacing: 0;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
}

.container_changestory .btn_box a.btn_style1 {
	background: #ffa200;
}

.container_changestory .btn_box a.btn_style2 {
	background: #f80;
}

.container_changestory .btn_box a.btn_style3 {
	background: #f80;
	font-size: 17px;
	padding: 12px 15px 14px 15px;
	margin: 10px 0 10px 0;
	float: right;
}

.container_changestory .btn_box a:hover {
	background: #514a4b;
}

.container_changestory .custom_row_download {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	padding-top: 10px;
}

#popup-wrap.btn_business_apply {
	position: relative;
	z-index: 999;
}

#popup-wrap.btn_business_apply #popup-container {
	background: none !important;
	box-shadow: none !important;
	position: fixed !important;
	right: 45px;
	top: 185px;
	z-index: 9;
}

#popup-wrap.btn_business_apply button {
	width: 40px;
	height: 40px;
	right: -20px;
	top: -20px;
	background-size: 16px;
	padding: 0;
}

#popup-wrap.btn_business_apply .btn_apply_fix {
	display: block;
	background: #333;
	color: #fff !important;
	text-decoration: none !important;
	height: 140px;
	width: 140px;
	line-height: 1.8;
	padding-top: 27px;
	text-align: center;
	border-radius: 100px;
	z-index: 3;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
	background: rgba(255, 136, 0, 0.8);
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1) !important;
	font-size: 19px;
	transition: all 0.3s;
	letter-spacing: 0;
}

#popup-wrap.btn_business_apply .btn_apply_fix img {
	width: 35px;
	margin-bottom: 5px;
}

#popup-wrap.btn_business_apply .btn_apply_fix:hover {
	background: #514a4b;
	transition: all 0.3s;
}

#popup-wrap.btn_campaign_off #popup-container {
	background: none !important;
	box-shadow: none !important;
	position: fixed !important;
	right: 70px;
	bottom: 70px;
	z-index: 999;
	display: block;
}

#popup-wrap.btn_campaign_off button {
	width: 40px;
	height: 40px;
	right: -20px;
	top: -20px;
	background-size: 16px;
	padding: 0;
}

#popup-wrap.btn_campaign_off .popup-box {
	display: block;
	float: left;
	box-sizing: border-box;
	height: auto;
	width: 300px;
	line-height: 1.7;
	padding: 15px 20px 20px 20px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 0;
	z-index: 3;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1) !important;
	transition: all 0.3s;
	letter-spacing: -1px;
	font-size: 120%;
}

#popup-wrap.btn_campaign_off .popup-box p {
	margin-bottom: 15px;
	color: #555;
}

#popup-wrap.btn_campaign_off .popup-box a {
	display: block;
	float: left;
	width: 100%;
	padding: 7px 7px 9px 7px;
	background: #ffa200;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
	box-sizing: border-box;
}

#popup-wrap.btn_campaign_off .popup-box a:hover {
	background: #514a4b;
	opacity: 1;
}

.home #popup-wrap.btn_campaign_off #popup-container,
.utoro #popup-wrap.btn_campaign_off #popup-container,
.object #popup-wrap.btn_campaign_off #popup-container,
.objectstory #popup-wrap.btn_campaign_off #popup-container,
.name #popup-wrap.btn_campaign_off #popup-container,
.heartbox #popup-wrap.btn_campaign_off #popup-container,
.days60 #popup-wrap.btn_campaign_off #popup-container {
	top: 160px;
	bottom: auto;
}

.remember0416 #popup-wrap.btn_campaign_off #popup-container {
	top: 150px;
	bottom: auto;
}

.nam #popup-wrap.btn_campaign_off #popup-container,
.time #popup-wrap.btn_campaign_off #popup-container,
.superman #popup-wrap.btn_campaign_off #popup-container {
	top: 160px;
	bottom: auto;
	left: 70px;
	right: auto;
}

.campaign_yuja #popup-wrap.btn_campaign_off #popup-container {
	top: 155px;
	bottom: auto;
	left: 70px;
	right: auto;
}

.campaign_yuja #popup-wrap.btn_campaign_off .popup-box a {
	padding: 9px 7px 7px 7px;
}

#popup-wrap.btn_news_utoro #popup-container2 {
	background: none !important;
	box-shadow: none !important;
	position: fixed !important;
	right: 70px;
	top: 320px;
	bottom: auto;
	z-index: 99;
}

#popup-wrap.btn_news_utoro button {
	width: 40px;
	height: 40px;
	right: -20px;
	top: -20px;
	background-size: 16px;
	padding: 0;
}

#popup-wrap.btn_news_utoro .popup-box {
	display: block;
	float: left;
	box-sizing: border-box;
	height: auto;
	width: 300px;
	line-height: 1.7;
	font-weight: 500;
	text-align: center;
	border: 1px solid #ae522a;
	border-radius: 0;
	z-index: 3;
	background-color: #fff;
	background-image: url("./img/utoro/bg_popup_utoro.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1) !important;
	transition: all 0.3s;
	letter-spacing: -1px;
	font-size: 170%;
}

#popup-wrap.btn_news_utoro .popup-box p {
	margin-bottom: 15px;
	color: #555;
}

#popup-wrap.btn_news_utoro .popup-box a {
	display: inline-block;
	width: 100%;
	padding: 35px 20px 35px 20px;
	color: #ae522a;
	line-height: 1.4;
	text-decoration: none;
	transition: all 0.3s;
	box-sizing: border-box;
}

#popup-wrap.btn_news_utoro .popup-box a:hover {
	color: #333;
}

#popup-wrap.btn_news_utoro .popup-box img {
	width: 25px;
	position: absolute;
	left: 35px;
	top: 20px;
}

.nam #popup-wrap.btn_news_utoro #popup-container2 {
	left: 70px;
	right: auto;
}

#popup-wrap.btn_donate_post #popup-container {
	background: none !important;
	box-shadow: none !important;
	position: fixed !important;
	right: 40px;
	top: 130px;
	z-index: 99;
	display: block;
}

#popup-wrap.btn_donate_post button {
	width: 40px;
	height: 40px;
	right: -20px;
	top: -20px;
	background-size: 16px;
	padding: 0;
	background-color: #83797b;
}

#popup-wrap.btn_donate_post .popup-box {
	display: block;
	float: left;
	box-sizing: border-box;
	height: auto;
	width: 170px;
	line-height: 1.7;
	padding: 10px 15px 14px 15px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 0;
	z-index: 3;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1) !important;
	transition: all 0.3s;
	letter-spacing: -1px;
	font-size: 120%;
}

#popup-wrap.btn_donate_post .popup-box p {
	margin-bottom: 7px;
	color: #555;
}

#popup-wrap.btn_donate_post .popup-box a {
	display: block;
	float: left;
	width: 100%;
	padding: 4px 5px 6px 5px;
	background: #ff8800;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
	box-sizing: border-box;
	margin-bottom: 5px;
}

#popup-wrap.btn_donate_post .popup-box a:last-child {
	background: #ffa200;
	margin-bottom: 0;
}

#popup-wrap.btn_donate_post .popup-box a:hover {
	background: #514a4b;
	opacity: 1;
}

/* 신규 사업안내 2024.12.27 */
.container_changestory.new .business-subtitle {
	position: relative;
	z-index: 9;
	width: 100%;
	padding: 190px 70px 50px 70px;
	background: #f4f4f4;
}

.container_changestory.new .business-subtitle .subtitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
}

.container_changestory.new .business-subtitle .subtitle .title {
	float: left;
}

.container_changestory.new .business-subtitle .subtitle h2 {
	float: left;
	font-size: 35px;
}

.container_changestory.new .business-subtitle .subtitle h2 i {
	margin: 0 5px;
	font-size: 25px;
	color: #999;
}

.container_changestory.new .business-subtitle .subtitle p {
	clear: both;
	float: left;
	margin-bottom: 0;
}

.container_changestory.new .business-subtitle .subtitle .btn-area {
	width: 400px;
	float: right;
	padding: 0;
	border-top: 0;
}

.container_changestory.new .business-subtitle .subtitle .btn-area .btn {
	padding: 12px 15px;
}

.container_changestory.new .business-contents {
	width: 100%;
	padding-top: 0;
	border: 0;
}

.container_changestory.new .basic_box {
	margin-bottom: 0;
}

.container_changestory.new .basic_tab {
	background: #fff;
	border: 1px solid #ddd;
}

.container_changestory.new .basic_tab .tab_depth {
	width: 420px;
	padding: 30px 0 30px 30px;
	border: none;
}

.container_changestory.new .basic_tab .tab_depth .tabs {
	position: relative;
	padding: 15px 25px;
	background: #f4f4f4;
}

.container_changestory.new .basic_tab .tab_depth .tabs::after {
	position: absolute;
	top: 0;
	right: -28px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 28px solid transparent;
	border-bottom: 28px solid transparent;
	border-left: 28px solid #f4f4f4;
}

.container_changestory.new .basic_tab .tab_depth ul a {
	float: left;
	width: 100%;
}

.container_changestory.new .basic_tab .tab_depth ul li {
	width: 100%;
	padding: 12px 0 12px 0;
	margin: 0;
	text-align: left;
	background: none !important;
	color: #333 !important;
}

.container_changestory.new .basic_tab .tab_depth ul li.active {
	color: #f80 !important;
}

.container_changestory.new .basic_tab .tab_container {
	width: calc(100% - 420px);
}

.container_changestory.new .basic_tab .tab_container .tab_content_box {
	padding: 40px 45px 30px 45px;
	border: none;
}

.container_changestory.new .basic_tab .tab_container .tab_content_box .btn_box {
	margin-bottom: 10px;
}

.container_changestory.new #popup-wrap.btn_business_apply #popup-container {
	top: auto;
	bottom: 50px;
}

/*col*/
.custom_row {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.custom_col {
	width: auto;
	float: left;
}

.custom_col1 {
	width: 100%;
	float: left;
}

.custom_col2 {
	width: 50%;
	float: left;
}

.custom_col3 {
	width: 33.333%;
	float: left;
}

.custom_col4 {
	width: 25%;
	float: left;
}

.custom_col5 {
	width: 20%;
	float: left;
}

/* post */
.related-post {
	display: block;
	width: 20%;
	float: left;
}

.related-post + .related-post {
	margin: 0 0 0 5%;
}

.gallery-list article > a {
	position: relative;
}

.gallery-list article .link_fund {
	display: block;
	width: 100%;
	height: 100%;
}

.gallery-list article .post-image {
	height: 386px;
}

.gallery-list article .post-image:after {
	content: "";
	height: 90px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.6);
}

.gallery-list article .tit-area {
	position: absolute;
	top: 305px;
	left: 0;
	padding: 0 30px;
}

.gallery-list article .tit-area h3 {
	color: #fff;
	font-size: 25px;
	word-break: break-all;
}

.gallery-list article .comment {
	display: none;
	margin-top: 30px;
	font-size: 1.5em;
	color: #fff;
	word-break: keep-all;
	line-height: 1.5;
}

.gallery-list article > a:hover .post-image,
.gallery-list article > a:active .post-image,
.gallery-list article > a:focus .post-image {
	border: #f80 8px solid;
}

.gallery-list article > a:hover .post-image:after,
.gallery-list article > a:active .post-image:after,
.gallery-list article > a:focus .post-image:after {
	background-image: none;
	background-color: rgba(255, 255, 255, 0.9);
	top: 0;
	height: auto;
}

.gallery-list article > a:hover .tit-area h3,
.gallery-list article > a:active .tit-area h3,
.gallery-list article > a:focus .tit-area h3,
.gallery-list article > a:hover .comment,
.gallery-list article > a:active .comment,
.gallery-list article > a:focus .comment {
	display: block;
	color: #4c4c4c;
}

.gallery-list article > a:hover .comment:after,
.gallery-list article > a:active .comment:after,
.gallery-list article > a:focus .comment:after {
	content: "자세히 보기 >";
	display: block;
	width: 120px;
	margin-top: 24px;
	padding: 5px;
	border: #4c4c4c 1px solid;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.gallery-list article > a:hover .tit-area h3,
.gallery-list article > a:active .tit-area h3,
.gallery-list article > a:focus .tit-area h3 {
	font-size: 1.133em;
	font-weight: 400;
}

.gallery-list article > a:hover .tit-area,
.gallery-list article > a:active .tit-area,
.gallery-list article > a:focus .tit-area {
	top: 30px;
	bottom: auto;
}

.tb {
	display: table;
	width: 100%;
}

.tb_row {
	display: table-row;
}

.fundgallery-subtitle {
	float: left;
	width: 30%;
	padding-left: 20px;
}

.fundgallery-contents {
	float: left;
	width: 70%;
	padding-right: 20px;
}

.cell_left .fund-img {
	width: 100%;
	position: static !important;
	padding-left: 0 !important;
	margin-bottom: 20px;
}

.cell_right .fund-img-detail {
	width: 100%;
	position: static !important;
}

.cell_left .fund-img img {
	width: 100%;
	border: 0px solid #ffa200;
}

.cell_right .txt-area {
	margin-left: 50px;
	padding-bottom: 40px;
}

.cell_right img {
	width: 50%;
	display: block;
	float: left;
}

.fundgallery-subtitle .subtitle-wrap {
	/*background: #fffaf3; */
	padding: 30px 35px 20px 35px;
	border: 1px solid #ddd;
	margin-bottom: 40px;
}

.fundgallery-subtitle .subtitle-wrap dl,
.fundgallery-subtitle .tag-area {
	margin-top: 32px;
}

.fundgallery-subtitle .subtitle-wrap dd {
	width: 71%;
}

.fundgallery-subtitle .tag-area {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 10px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.fundgallery-subtitle .tag-area .post_tags {
	margin-bottom: 0;
}

.fundgallery-contents .comment {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 30px;
	border-bottom: 1px solid #ddd;
	line-height: 1.5;
	margin-bottom: 10px;
}

/*foundbf banner*/
.foundbf_banner .col-lg-7 {
	width: 58.33333333%;
}

.foundbf_banner .col-lg-5 {
	width: 41.66666667%;
}

.foundbf_banner {
	margin: 50px auto;
	border: 1px #cccccc solid;
	max-width: 1078px;
	width: 100%;
	padding: 15px 0 5px 0;
	margin-bottom: 50px;
}

.foundbf_banner_title {
	color: #333333;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
}

.foundbf_banner_subtitle {
	color: #333333;
	font-size: 15px;
	line-height: 23px;
	text-align: center;
}

.foundbf_banner_btn {
	margin: 30px auto 0;
	background-color: #333333;
	width: 70%;
	height: 35px;
	text-align: center;
}

.btn_go_detail {
	color: #ffffff;
	font-size: 16px;
	line-height: 36px;
	vertical-align: middle;
}

.foundbf_banner .foundbf_txt {
	padding-right: 40px;
	border-right: 1px #cdcdcd solid;
	margin-bottom: 0px;
}

.foundbf_banner .foundbf_slide {
	padding-left: 30px;
	margin-bottom: 0px;
}

.c1_new {
	animation: c1_new 2s ease-in-out;
}

.c2_new {
	animation: c2_new 1s ease-in-out;
}

.c3_new {
	animation: c3_new 2s ease-in-out;
}

.c4_new {
	animation: c4_new 2s ease-in-out;
}

.c5_new {
	animation: c5_new 1s ease-in-out;
}

.c6_new {
	animation: c6_new 2s ease-in-out;
}

@keyframes c1_new {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}

	100% {
		stroke-dasharray: 352 410;
		opacity: 1;
	}
}

@keyframes c2_new {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}

	100% {
		stroke-dasharray: 13 410;
	}
}

@keyframes c3_new {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}

	100% {
		stroke-dasharray: 45 410;
	}
}

@keyframes c4_new {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}

	100% {
		stroke-dasharray: 275 410;
		opacity: 1;
	}
}

@keyframes c5_new {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}

	100% {
		stroke-dasharray: 78 410;
	}
}

@keyframes c6_new {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}

	100% {
		stroke-dasharray: 57 410;
	}
}

/*page-annual-report*/
/* .document_list {
	float: left;
	width: 100%;
} */

.document_list .link_item {
	padding: 10px;
	background: #f4f4f4;
	border: 1px solid #ddd;
	border-radius: 0;
}

.document_list_campaign.document_list .link_item {
	padding: 0;
	border: 1.5px solid #222;
	transition: all 0.2s;
	position: relative;
}

.document_list_campaign.document_list .label_off {
	position: absolute;
	left: 15px;
	top: 15px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, 0.9);
	padding: 3px 7px 3px 7px;
	border-radius: 1px;
	color: #777;
	font-size: 85%;
}
.list_campagin {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.list_campagin li {
	position: relative;
	display: flex;
	border: 1.5px solid #222;
	height: 248px;
}
.list_campagin li > a {
	width: 352px;
	border-right: 1.5px solid #222;
	aspect-ratio: 352 / 235;
}
.category-campaign_off .list_campagin li > a::before{content:"종료"; position: absolute;top:22px; left:28px; display: inline-flex; background-color: #fff; padding:5px 14px; font-size:14px; line-height: 140%; border-radius: 99px;border:1.5px solid #222}
.list_campagin li > a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list_campagin li .txtArea {
	padding: 0 140px 0 36px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 14px;
}
.list_campagin li .txtArea .btnCont {
	margin-top: 12px;
	display: flex;
	gap: 20px;
}
.list_campagin li .txtArea .btnCont a {
	font-size: 16px;
	line-height: 140%;
	color: #ffa400;
	text-decoration: underline;
	font-weight: 700;
}
.list_campagin li .txtArea .btnCont a:hover {
	color: #ed6c00;
}
.list_campagin li .txtArea a.arrow {
	font-size: 0;
	line-height: 0;
}
.list_campagin li:has(a:hover) .arrow::after {
	transform: translateX(6px);
}
.list_campagin li .txtArea a.arrow::after {
	position: absolute;
	top: 50%;
	right: 48px;
	margin-top: -11px;
}

.content_box .boxed_area_smallchange {
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 120px;
	padding: 80px 0;
	border: 1px solid #ffa200;
	background: #fffaf3;
}

.content_box .boxed_area_smallchange h2 {
	width: 400px;
	background: #fff;
	margin: 0 auto;
	margin-top: -50px;
	margin-bottom: 50px;
}

.content_box .boxed_area_smallchange h4 {
	font-size: 25px;
	color: #333;
	line-height: 1.5;
	margin-bottom: 30px;
}

.content_box .boxed_area_smallchange h4 span {
	color: #ffa200;
}

.content_box .boxed_area_smallchange h5 {
	font-size: 20px;
	color: #333;
	line-height: 1.5;
	margin-bottom: 30px;
	font-weight: 500;
}

.content_box .boxed_area_smallchange h5 span {
	color: #ffa200;
}

.content_box .logo_smallchange {
	max-width: 350px;
	min-width: 200px;
	margin-left: 5px;
}

.content_box .smallchange_seed_left {
	width: 100px;
	position: absolute;
	left: -70px;
	top: 150px;
}

.content_box .smallchange_seed_right {
	width: 100px;
	position: absolute;
	right: -70px;
	top: 250px;
}

.content_box .img_additional_bottom_box {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}

.content_box .img_additional_bottom_box .smallchange_seed_bottom1 {
	position: absolute;
	top: -50px;
	right: 350px;
	width: 90px;
}

.content_box .img_additional_bottom_box .smallchange_seed_bottom2 {
	position: absolute;
	bottom: -50px;
	left: 50px;
	width: 90px;
}

.content_box .img_additional_bottom {
	max-width: 100%;
}

/* announcement */
.content_box .boxed_area_announcement {
	max-width: 1100px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 100px 20px 20px 20px;
	border: 1px solid #dfdfdf;
	background: url("img/ic_seed_tree_gray.png") no-repeat;
	background-size: 35%;
	background-position: 50% 50%;
	box-shadow: 10px 10px 0px #f4f4f4;
	color: #555;
	background-color: #fff;
}

.content_box .boxed_area_announcement h2 {
	width: 300px;
	background: #fff;
	margin: 0 auto;
	margin-top: -25px;
	margin-bottom: 70px;
}

.content_box .boxed_area_announcement h3 {
	font-size: 22px;
	color: #ffa200;
}

.content_box .boxed_area_announcement h4 {
	font-size: 17px;
	margin-bottom: 40px;
	color: #555;
}

.content_box .boxed_area_announcement .deco_line {
	margin-top: 70px;
}

/* purpseactivity */
.boxed_area_purpseactivity ul {
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
}

.boxed_area_purpseactivity ul li {
	width: 25%;
	padding: 20px;
	float: left;
	line-height: 1.6;
}

.boxed_area_purpseactivity ul li span {
	color: #ffa200;
	font-weight: bold;
}

.boxed_area_purpseactivity ul div {
	float: left;
	background: #fffaf1;
	border: 1px solid #ffa200;
	padding: 20px;
}

/*Story*/
.section_blog {
	background: #f4f4f4;
}

.container_narrow {
	max-width: 1280px;
	padding-left: 0;
	padding-right: 0;
}

.link_tabs {
	float: left;
	width: 100%;
}

.link_tab {
	float: left;
}

.link_tab a {
	display: block;
	width: 100%;
	text-align: center;
	float: left;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	line-height: 50px;
	background: #f9f9f9;
	background-size: cover !important;
	cursor: pointer;
	color: #757575;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: 700 !important;
	border-right: 0;
	position: relative;
}

.link_tab:last-child a {
	border-right: 1px solid #ddd;
}

.link_tab a:hover {
	color: #ffa200;
}

.link_tab a.active {
	background: linear-gradient(
		90deg,
		rgba(255, 175, 65, 1) 0%,
		rgba(255, 159, 0, 1) 100%
	);
	color: #fff;
	border: 1px solid #f4a300;
}

.link_tab:last-child a.active {
	border-right: 1px solid #ffa200;
}

.link_tab a.active:hover {
	color: #fff;
}

.blog_list_box {
	width: 100%;
	float: left;
	background: #fff;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 50px;
}

.blog_list_box_plain {
	padding: 0 !important;
	border: 0 !important;
}

#blog_slider {
	margin-top: 100px;
}

#blog_slider .blog_slide_img {
	background-color: #514a4b;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	width: 100%;
	height: 290px;
	transition: all 1s;
}

#blog_slider .blog_slide_layer {
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 50%);
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0s;
}

#blog_slider .blog_slide_txt {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 25px 27px;
	width: 100%;
}

#blog_slider .active .blog_slide_txt {
	display: block;
}

#blog_slider .item {
	border-right: 0 solid #000;
	cursor: pointer;
}

#blog_slider .item h2 {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 1.5;
	width: 60%;
	display: block;
}

#blog_slider .item a {
	cursor: pointer;
	color: #ffa200;
}

#blog_slider .item:hover .blog_slide_layer {
	background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 60%);
	opacity: 1;
	transition: all 0s;
}

#blog_slider .item h5 {
	font-size: 17px;
	color: #ffa200;
	margin-bottom: 5px;
	font-weight: 500;
}

#blog_slider .owl-dots {
	margin-top: 28px;
}

#blog_slider .owl-nav {
	top: 18% !important;
	z-index: 1;
}

#blog_slider .owl-nav i {
	font-size: 60px !important;
	color: #ffa200 !important;
}

#blog_slider .owl-nav button:hover i {
	opacity: 0.8;
}

#blog_slider .owl-nav button {
	margin: 0 !important;
	padding: 40px 30px;
	height: 140px;
}

#blog_slider .owl-dot span {
	width: 50px;
	height: 5px;
	margin: 5px;
	border-radius: 0;
	background: #ccc;
}

#blog_slider .owl-dot.active span,
#blog_slider .owl-dot:hover span {
	background: #ffa200 !important;
}

#blog_slider .owl-prev {
	left: 50px;
}

#blog_slider .owl-next {
	right: 50px;
}

.apply-newsletter {
	position: relative;
	z-index: 2;
}

/* Archive, Video */
.archive-wrap .sub-wrap {
	padding-top: 200px !important;
}

.archive-wrap .title-wrap {
	margin-bottom: 15px;
}

.archive-wrap .title-wrap h2 {
	margin-bottom: 0;
}

.archive-wrap .group .pagination {
	margin-top: 30px;
	margin-bottom: -10px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}

.archive-wrap .btn-archive-all {
	display: block;
	float: left;
	padding: 0 12px 0 13px;
	background: #fff;
	border: 1px solid #ddd;
	color: #999;
	height: 40px;
	line-height: 37px;
	font-size: 15px;
}

.archive-wrap .btn-archive-all:hover {
	color: #ffa200;
}

.archive-wrap .btn-archive-all img {
	width: 18px;
	margin: -4px 7px 0 0;
}

.archive-wrap .blog_search {
	float: left;
	width: 100%;
}

.search_custom.search_common {
	float: right;
	width: 250px;
	margin-bottom: 30px;
}

.search_custom.search_common form {
	position: relative;
}

.search_custom.search_common input {
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 50px 0 12px !important;
	font-size: 15px !important;
	border: 1px solid #ddd !important;
}

.search_custom.search_common button {
	height: 40px !important;
	padding: 6px 7px !important;
}

.search_custom.search_common button svg {
	width: 25px;
}

.video_list .item_video {
	position: relative;
}

.video_list .item_video a {
	display: block;
	width: 100%;
	padding-top: 80%;
	position: absolute;
	top: 0;
	left: 0;
}

.video_list .item_video a img {
	display: none;
}

.video_list .video_icon {
	background-image: url(./img/img_btn_play.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 60px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.video_list .video_thumb {
	border-radius: 0;
	overflow: hidden;
}

.video_list .video_layer {
	background: #f80;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.video_list .item_video:hover .video_icon {
	background-image: url(./img/img_btn_play_white.png);
	transition: all 0.3s;
}

.video_list .item_video:hover .video_layer {
	opacity: 0.7;
	transition: all 0.3s;
}

.video .su-lightbox-content,
.category-video .su-lightbox-content,
.search .su-lightbox-content {
	max-width: 1140px !important;
	padding: 0 !important;
}

.video_box .video_iframe {
	position: relative;
	padding-bottom: 52.2%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 0;
}

.video_box .video_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video .mfp-close-btn-in .mfp-close,
.category-video .mfp-close-btn-in .mfp-close,
.search .mfp-close-btn-in .mfp-close {
	color: #fff !important;
	width: 40px;
	height: 40px;
	line-height: 38px;
	font-size: 35px !important;
	border-radius: 100px;
	border: 1px solid #fff;
	top: -55px;
	right: -5px;
	opacity: 1;
}

.video .mfp-close-btn-in .mfp-close:hover,
.category-video .mfp-close-btn-in .mfp-close:hover,
.search .mfp-close-btn-in .mfp-close:hover {
	color: #ffa200 !important;
}

.video_detail {
	position: relative;
	width: 100%;
	padding: 30px;
	float: left;
	background: #fff;
	border-radius: 0;
	text-align: left;
}

.video_detail .video_detail_left {
	width: 62%;
	float: left;
}

.video_detail .video_detail_right {
	width: 38%;
	float: left;
	padding-left: 30px;
}

.video_detail .video_seed_left {
	position: absolute;
	width: 60px;
	top: -35px;
	left: -35px;
}

.video_detail .video_seed_right {
	position: absolute;
	width: 55px;
	bottom: -25px;
	right: -25px;
}

.video_detail h3 {
	font-size: 20px;
	color: #f80 !important;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

.video_detail .video_desc p {
	margin-bottom: 10px;
}

.video_detail .video_desc {
	height: 280px;
	padding-top: 15px;
	padding-right: 20px;
	overflow-y: scroll;
	line-height: 1.5;
}

.video_detail .video_desc::-webkit-scrollbar {
	background-color: #fff;
	width: 7px;
	border-radius: 100px;
	margin-top: 15px;
}

.video_detail .video_desc::-webkit-scrollbar-thumb {
	background-color: #ffa200;
	width: 7px;
	border-radius: 100px;
	margin-top: 15px;
}

.video_detail .video_desc::-webkit-scrollbar-track {
	width: 7px;
	border-radius: 100px;
	margin-top: 15px;
}

.archive_list {
	width: 100%;
	float: left;
}

.archive_list ul {
	width: 100%;
	float: left;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}

.archive_list ul:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.archive_list .archive_list_item {
	width: 100%;
	float: left;
}

.archive_list .archive_list_category {
	margin-bottom: 7px;
	font-weight: 500;
}

.archive_list .archive_list_category a {
	color: #ffa200;
}

.archive_list .archive_list_thumbnail {
	padding-top: calc(100% / 5 * 7);
	background-size: cover;
	box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.1);
	border: 1px solid #ddd;
}

.archive_list .archive_list_part1 {
	width: 14%;
	float: left;
}

.archive_list .archive_list_part2 {
	width: 86%;
	float: left;
	padding-left: 30px;
}

.archive_list .archive_list_title {
	margin-bottom: 7px;
	font-size: 20px;
	line-height: 1.5;
	text-align: left;
}

.archive_list .archive_list_subtitle {
	color: #777;
	font-size: 18px;
	margin-bottom: 7px;
}

.archive_list .archive_list_meta {
	float: left;
	font-size: 15px;
	margin-bottom: 7px;
}

.archive_list .archive_list_meta span {
	margin-right: 15px;
}

.archive_list .archive_list_meta span b {
	margin-right: 10px;
	font-weight: 500;
}

.archive_list .archive_list_summary {
	clear: both;
	float: left;
	font-size: 15px;
	margin-bottom: 17px;
}

.archive_list .archive_list_view,
.archive_list .archive_list_download {
	display: block;
	float: left;
	padding: 10px 14px 12px 14px;
	font-size: 15px;
	color: #fff;
	line-height: 1;
	font-weight: 500;
}

.archive_list .archive_list_view {
	background: #ffa200;
	clear: both;
}

.archive_list .archive_list_download {
	background: #514a4b;
}

.archive_list .archive_list_view:hover,
.archive_list .archive_list_download:hover {
	background: #999;
}

.archive_detail {
	max-width: 100%;
	margin: 0 auto;
}

.archive_detail .archive_detail_wrap {
	width: 100%;
}

.archive_detail .archive_detail_top {
	width: 1120px;
	display: flex;
	margin: 0 auto;
	padding: 80px 0;
}

.archive_detail .archive_detail_bottom {
	background: #fff;
	width: 100%;
	border-top: 1.5px solid #222;
	padding: 80px 0;
}

.archive_detail .archive_detail_top_left {
	width: 216px;
}

.archive_detail .archive_detail_top_right {
	flex: 1;
	padding-left: 72px;
}

.archive_detail .archive_detail_title {
	margin-bottom: 15px;
	font-size: 27px;
	line-height: 1.5;
	text-align: left;
}

.archive_detail .archive_detail_category {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}

.archive_detail .archive_detail_category a {
	color: #ffa200;
}

.archive_detail .archive_detail_thumbnail {
	aspect-ratio: 18 / 25;
	width: 216px;
	background-size: cover;
	border: 1.5px solid #222;
}

.archive_detail .archive_detail_box {
	width: 1120px;
	margin: 0 auto;
	display: flex;
	border-top: 1px solid #c7c7c7;
	padding-top: 40px;
	margin-top: 40px;
	flex-direction: row;
}
.archive_detail .archive_detail_box.alt {
	flex-direction: column;
}
.archive_detail .archive_detail_box:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.archive_detail .archive_detail_box label {
	width: 128px;
	font-size: 22px;
	line-height: 130%;
	font-weight: 700;
	color: #ffa400;
	margin: 0 0 40px;
}
.archive_detail .archive_detail_box label.alt {
	margin-bottom: 0;
}
.archive_detail .archive_detail_box .archive_detail_content {
	font-weight: 400;
	line-height: 160%;
	letter-spacing: -0.18px;
	color: #000;
	flex-grow: 1;
}
.archive_detail .archive_detail_box.alt .archive_detail_content {
	width: 100%;
}
.archive_detail .archive_detail_box.alt .archive_detail_content label {
	flex: 1;
}

.archive_detail .archive_detail_box .tags_cont {
	margin: 0;
}
.archive_detail .archive_detail_box.archive_related a::before {
	content: "▸";
	margin-right: 7px;
	color: #ffa200;
}

.archive_detail .archive_detail_meta_box {
	width: 100%;
	padding-bottom: 27px;
}

.archive_detail .archive_detail_meta {
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.2px;
	margin-bottom: 4px;
	color: #999;
}

.archive_detail .archive_detail_meta span {
	margin-right: 15px;
}

.archive_detail .archive_detail_meta span b {
	margin-right: 10px;
	font-weight: 500;
}

.archive_detail .archive_detail_view,
.archive_detail .archive_detail_download {
	display: block;
	padding: 10px 20px 12px 20px;
	margin-right: 5px;
	font-size: 17px;
	color: #fff;
	line-height: 1;
	font-weight: 500;
}

.archive_detail .archive_detail_view {
	background: #ffa200;
	clear: both;
}

.archive_detail .sbtn.arrow.bgWhite {
	font-size: 16px;
	gap: 30px;
	width: 200px;
}

.archive_detail .archive_detail_view:hover,
.archive_detail .archive_detail_download:hover {
	background: #999;
}

.archive_detail .archive_edit {
	width: 100%;
	position: relative;
}

.archive_detail .give_btn_joinbf {
	display: none;
}

.archive_detail .post_meta_tag p {
	padding-top: 40px;
	margin-bottom: 0;
}

/*blog search*/
#nav-container {
	position: absolute;
	height: 100vh;
	width: 100%;
	pointer-events: none;
	left: 0;
	top: 0;
	z-index: 999;
	outline: 0 !important;
}

#nav-container .blog_search_bg,
#nav-container .fund_search_bg {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 0px);
	visibility: hidden;
	opacity: 0;
	transition: 0.3s;
	background: rgba(81, 71, 75, 0.8);
}

#nav-container:focus-within {
	pointer-events: all;
}

#nav-container:focus-within .blog_search_bg,
#nav-container:focus-within .fund_search_bg {
	visibility: visible;
	opacity: 1;
}

#nav-container * {
	visibility: visible;
}

#nav-container:focus-within .button {
	pointer-events: none;
}

#nav-container:focus-within .icon-bar:nth-of-type(1) {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

#nav-container:focus-within .icon-bar:nth-of-type(2) {
	opacity: 0;
}

#nav-container:focus-within .icon-bar:nth-of-type(3) {
	transform: translate3d(0, -8px, 0) rotate(-45deg);
}

#nav-content {
	background: #fafafa !important;
	max-width: 350px;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	overflow: visible;
	height: calc(100% - 0px);
	background: #fff;
	pointer-events: auto;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transform: translateX(-100%);
	transition: transform 0.3s;
	will-change: transform;
	outline: 0 !important;
}

#nav-content .blog_search_button {
	top: 0;
	left: 300px;
}

#nav-container:focus-within #nav-content {
	transform: none;
}

/* Story Search */

.blog_search_button {
	position: fixed;
	z-index: 1;
	border: 1px solid #514a4b;
	border-radius: 0 20px 20px 0;
	box-shadow: -8px 8px 0px rgba(255, 162, 0, 1) !important;
	float: left;
	cursor: pointer;
	pointer-events: auto;
	left: 0;
	touch-action: manipulation;
	top: 455px;
	width: auto;
	outline: 0 !important;
	background: rgba(81, 74, 75, 1) !important;
	font-size: 15px;
	color: #fff;
	padding: 18px 18px;
	font-weight: bold;
	font-family: "Happiness-Sans", sans-serif !important;
}

.blog_search_button_txt_sub {
	display: none;
}

.blog_search_button span {
	color: #ffa200;
	margin-left: 10px;
	text-transform: uppercase;
}

.blog_search_button:hover {
	opacity: 0.9;
}

.blog_search_button .img_search_link {
	width: 35px;
	margin-left: 10px;
	margin-top: -1px;
}

.blog_search_button .img_search_icon {
	width: 25px;
	margin-right: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.blog_search_button .img_search_seed {
	width: 20px;
	margin-left: 10px;
	margin-top: -3px;
}

.single .blog_search_button,
.category .blog_search_button,
.tag .blog_search_button {
	top: 170px !important;
	left: 30px;
	border-radius: 100px;
	text-align: center;
	width: 140px;
	height: 140px;
	padding: 22px 0;
	font-size: 14px;
	box-shadow: 0px 5px 0px rgba(51, 51, 51, 0) !important;
	background: rgba(102, 90, 90, 0.9) !important;
}

.single .blog_search_button span,
.category .blog_search_button span,
.tag .blog_search_button span {
	margin: 0;
}

.single .blog_search_button .img_search_icon,
.category .blog_search_button .img_search_icon,
.tag .blog_search_button .img_search_icon {
	width: 25px !important;
	margin-right: 7px !important;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}

.single .blog_search_button_txt_main,
.category .blog_search_button_txt_main,
.tag .blog_search_button_txt_main {
	display: none;
}

.single .blog_search_button_txt_sub,
.category .blog_search_button_txt_sub,
.tag .blog_search_button_txt_sub {
	display: block;
}

/* blog search */

.blog_list_box {
	float: left;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 50px;
}

.blog_list {
	width: 100%;
	float: left;
}

.blog_list .blog_title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height: 1.5;
	font-weight: 500;
	color: #333;
}

.blog_list .blog_category {
	font-weight: 400;
	color: #999;
	font-size: 90%;
}

.blog_list .blog_category a {
	color: #999;
}

.blog_list .blog_category a:hover {
	color: #ffa200;
}

.blog_list .blog_category span:last-child {
	display: none;
}

.blog_list .blog_image_box {
	background: url(./img/ic_seed_tree_gray.png) #f4f4f4 no-repeat 50% 50% !important;
	background-size: 100px !important;
}

.blog_list .blog_image {
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	padding-top: 56.25%;
	margin-bottom: 0;
	background-color: #eee;
}

.blog_list .blog_box {
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

.blog_list a:hover .blog_title {
	color: #ffa200;
}

.blog_list a:hover .blog_image {
	opacity: 0.7;
}

.blog_search h2 {
	font-size: 17px;
	text-align: left;
	margin-bottom: 25px;
}

.blog_search h3 {
	font-size: 17px;
	margin-bottom: 0;
	padding-bottom: 15px;
}

.blog_search ul li {
	border-bottom: 1px solid #ddd;
	padding: 30px 30px 32px 30px;
	float: left;
	width: 100%;
}

.blog_search ul li:first-child {
	background: #fff;
}

.blog_search ul li:last-child {
	border-bottom: 0;
}

.blog_search form {
	display: block;
	width: 100%;
	position: relative;
}

.blog_search form .search_keyword {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid #ffa200;
	font-family: "Happiness-Sans", sans-serif !important;
}

.blog_search form .search_keyword::placeholder {
	color: #999;
	opacity: 1;
}

.blog_search form .search_button {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	border: 1px solid #ffa200;
	background: #ffa200;
	background: url(./img/btn_home_slide_black.jpg) no-repeat 50% 50% !important;
	background-size: cover;
	padding: 8px 12px;
}

.blog_search form .search_button:hover {
	opacity: 0.8;
}

.blog_search .blog_tagbox {
	background: #fffaf3;
	background: #fafafa;
}

.blog_search .blog_tagbox h3 img {
	width: 20px;
	margin-left: 3px;
	margin-top: -8px;
}

.blog_search .featured_tag a {
	font-size: 15px;
	padding: 1px 10px 0px 10px;
	line-height: 35px !important;
	display: block;
	float: left;
	margin: 10px 10px 0 0;
	line-height: 1;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
	border-radius: 0;
	border: 0;
	background: #ffa200;
	background: url(./img/btn_home_slide_black.jpg) no-repeat 50% 50% !important;
	background-size: cover;
	color: #fff;
}

.blog_search .featured_tag a:hover {
	background: #777 !important;
	color: #fff;
}

.blog_search .link_old_blog {
	clear: both;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px 30px;
	background: #fff;
	border-top: 1px solid #ddd;
}

.blog_search .link_old_blog h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.blog_search a .link_old_blog {
	color: #333;
}

.blog_search a:hover .link_old_blog h3 {
	color: #ffa200 !important;
}

.blog_search a .link_old_blog img {
	width: 30px;
	margin-left: 5px;
	margin-top: -2px;
}

.search_custom {
	max-width: 300px;
	margin: 0 auto;
}

.search_custom .search-box {
	position: relative;
}

.search_custom input {
	width: 100%;
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 55px 0 12px !important;
	background: #fff !important;
	border: 1px solid #ffa200 !important;
	font-family: "Happiness-Sans", sans-serif !important;
	font-size: 17px !important;
}

.search_custom input::placeholder {
	color: #777;
}

.search_custom button {
	width: auto;
	height: 40px !important;
	border: 1px solid #ffa200 !important;
	background-color: #ffa200;
	background: url(./img/btn_home_slide_black.jpg) no-repeat 50% 50% !important;
	background-size: cover !important;
	padding: 6px 8px !important;
	position: absolute;
	right: -2px;
	top: 0;
}

.search_custom button:hover {
	opacity: 0.9;
}

.search_custom button svg {
	width: 25px;
}

.search_custom button path {
	fill: #fff;
}

.search_custom.round input {
	border-radius: 100px;
	padding: 0 20px !important;
}

.search_custom.round button {
	border-radius: 0 100px 100px 0;
	padding: 8px 12px 8px 10px !important;
}

.search_custom.search_fund input {
	border-radius: 100px;
}

.search_custom.search_fund button {
	border-radius: 0 100px 100px 0;
}

/* Fundgallery Search */

.fund_search_button {
	position: fixed;
	z-index: 1;
	border: 1px solid #f80;
	border-radius: 100px;
	box-shadow: 0px 5px 0px rgba(255, 136, 0, 0.2) !important;
	float: left;
	cursor: pointer;
	pointer-events: auto;
	left: 30px;
	touch-action: manipulation;
	top: 170px;
	width: 125px;
	height: 125px;
	outline: 0 !important;
	background: rgb(255, 170, 22);
	background: linear-gradient(
		180deg,
		rgba(255, 170, 22, 1) 0%,
		rgba(255, 138, 0, 1) 100%
	);
	font-size: 17px;
	color: #fff;
	padding: 18px 18px;
	font-weight: bold;
	font-family: "Happiness-Sans", sans-serif !important;
	text-align: center;
}

.fund_search_button_txt_sub {
	display: none;
}

.fund_search_button span {
	color: #ffa200;
	margin-left: 10px;
	text-transform: uppercase;
}

.fund_search_button:hover {
	opacity: 0.9;
}

.fund_search_button .img_search_link {
	width: 35px;
	margin-left: 10px;
	margin-top: -1px;
}

.fund_search_button .img_search_icon {
	width: 28px;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}

.fund_search_button .img_search_seed {
	width: 20px;
	margin-left: 10px;
	margin-top: -3px;
}

.single .fund_search_button {
	top: 120px;
	left: 25px;
	width: auto;
	height: auto;
	padding: 5px 15px;
	font-size: 15px;
}

.single .fund_search_button .img_search_icon {
	float: left;
	width: 15px;
	margin-top: 5px;
	margin-right: 5px;
}

.single .fund_search_button_txt_main {
	float: left;
}

.fund_search h2 {
	font-size: 17px;
	text-align: left;
	margin-bottom: 25px;
}

.fund_search h2 img {
	width: 18px;
	margin-right: 3px;
	margin-top: -2px;
}

.fund_search h3 {
	font-size: 17px;
	margin-bottom: 0;
	padding-bottom: 15px;
}

.fund_search ul li {
	padding: 30px 30px 20px 30px;
	float: left;
	width: 100%;
}

.fund_search ul li:first-child {
	background: #fff;
}

.fund_search ul li:last-child {
	border-bottom: 0;
}

.fund_search form {
	display: block;
	width: 100%;
	position: relative;
}

.fund_search form .search_keyword {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid #ffa200;
	font-family: "Happiness-Sans", sans-serif !important;
}

.fund_search form .search_keyword::placeholder {
	color: #999;
	opacity: 1;
}

.fund_search form .search_button {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	border: 1px solid #ffa200;
	background: #ffa200;
	background: url(./img/btn_home_slide_black.jpg) no-repeat 50% 50% !important;
	background-size: cover;
	padding: 8px 12px;
}

.fund_search form .search_button:hover {
	opacity: 0.8;
}

.fund_search .blog_tagbox {
	padding-top: 0;
}

.fund_search .blog_tagbox h3 img {
	width: 20px;
	margin-left: 3px;
	margin-top: -8px;
}

.fund_search .featured_tag a {
	font-size: 15px;
	padding: 0 14px;
	line-height: 35px !important;
	display: block;
	float: left;
	margin: 10px 10px 0 0;
	line-height: 1;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
	border-radius: 100px;
	border: 0;
	background: #777;
	background-size: cover;
	color: #fff;
}

.fund_search .featured_tag a:hover {
	background: #ffa200 !important;
	color: #fff;
}

.fund_search .link_old_blog {
	clear: both;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px 30px;
	background: #fff;
	border-top: 1px solid #ddd;
}

.fund_search .link_old_blog h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.fund_search a .link_old_blog {
	color: #333;
}

.fund_search a:hover .link_old_blog h3 {
	color: #ffa200 !important;
}

.fund_search a .link_old_blog img {
	width: 30px;
	margin-left: 5px;
	margin-top: -2px;
}

.fund_search #nav-content {
	background: #fff !important;
}

.fund_search_custom input {
	width: 100%;
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 15px !important;
	padding-top: 1.5px !important;
	background: #fff !important;
	border: 1px solid #ffa200 !important;
	border-radius: 100px;
	font-family: "Happiness-Sans", sans-serif !important;
	font-size: 16px !important;
}

.fund_search_custom button {
	width: auto;
	height: 40px !important;
	border: 1px solid #ffa200 !important;
	border-radius: 0 100px 100px 0;
	background-color: #ffa200;
	background: url(./img/btn_home_slide_black.jpg) no-repeat 50% 50% !important;
	background-size: cover !important;
	padding: 6px 10px 6px 7px !important;
	position: absolute;
	right: 0;
	top: 0;
}

.fund_search_custom button:hover {
	opacity: 0.9;
}

.fund_search_custom label {
	width: 100% !important;
}

.fund_search_custom button svg {
	width: 25px;
}

.fund_search_custom button svg path {
	fill: #fff;
}

/* single */
.korea-sns {
	padding: 20px 0 !important;
}

.korea-sns-twitter {
	background: url(./img/ic_sns_tx.png) !important;
	background-size: cover !important;
}

.give_btn_joinbf {
	clear: both;
	text-align: center;
	margin-bottom: 50px;
}

.give_btn {
	display: inline-block;
	width: 186px;
	height: 179px;
	margin: 0 auto;
	padding: 81px 0 0 0;
	background: url(./img/btn_give_bg.jpg) no-repeat;
	color: #fff;
	text-align: center;
	letter-spacing: -1px;
	line-height: 126%;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none !important;
}

.single iframe {
	margin: 0 auto;
	display: block;
}

.single .wp-caption {
	width: 100% !important;
	margin-bottom: 30px;
}

.single table {
	width: 100% !important;
	max-width: 100%;
	border-top: #f80 1px solid;
	border-collapse: collapse;
	border-spacing: 0;
	min-width: 30%;
	margin: unset;
	margin-bottom: 30px;
}

.single .entry-inner {
	width: 100%;
	float: left;
	padding-bottom: 60px;
}

.single .entry-inner-notice {
	padding-bottom: 0;
}

.single table th,
.single table td {
	padding: 5px 10px;
}

.single .category-newsletter table {
	border-top: 0;
	margin-bottom: 20px;
}

.single .category-newsletter table th,
.single .category-newsletter table td {
	border: 0;
	padding: 0;
}

.wp-caption {
	padding: 10px 10px 10px;
}

.wp-caption {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0 !important;
	margin-left: 0 !important;
	width: 100%;
	max-width: 100% !important;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	margin-bottom: 0 !important;
	padding: 7px 10px 0 0px;
}

/*영역보고서 표*/
.single table.table_area_report,
.single table.table_area_report th,
.single table.table_area_report td,
.single table.table_area_report img {
	border: 0 !important;
	background: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.single table.table_area_report {
	width: 1000px !important;
	min-width: 1000px !important;
}

.single table.table_area_report th,
.single table.table_area_report td {
	padding: 0 7px !important;
}

.post-45080 .entry-inner .txt-area,
.post-45078 .entry-inner .txt-area,
.post-45082 .entry-inner .txt-area,
.post-45092 .entry-inner .txt-area,
.post-45084 .entry-inner .txt-area,
.post-45086 .entry-inner .txt-area,
.post-45088 .entry-inner .txt-area,
.post-45090 .entry-inner .txt-area {
	max-width: 100%;
	margin-top: 75px;
}

/*영역보고서 포스트*/
.areareport_post {
	width: 100%;
	float: left;
	padding: 50px 0;
}

.areareport_post .h_box {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 auto;
}

.areareport_post .h_box a {
	display: block;
	float: left;
}

.areareport_post .h_box p {
	display: none;
}

.areareport_post .h_box img {
	width: 100%;
}

.areareport_post .h_box_half {
	width: 50%;
	float: left;
}

.areareport_post .h_box_left {
	width: 45.334%;
	float: left;
}

.areareport_post .h_box_right {
	width: 54.666%;
	float: left;
}

.areareport_post .h_box_btn_more {
	width: 15%;
	height: 12vw;
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 333;
}

/*뉴스레터 포스트*/

.post_meta_box {
	width: 100%;
	text-align: left;
}

.post_meta_box span {
	color: #ffa200;
	margin-right: 5px;
}

.post_meta_tag {
	font-size: 17px;
	word-break: keep-all;
	text-align: left;
}

.post_meta_tag a {
	text-decoration: none !important;
}

.post_meta_author {
	padding: 30px 0;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}

.post_meta_author h5 {
	color: #222 !important;
	padding: 0 !important;
	font-size: 16px;
}

.post_meta_author p {
	margin-bottom: 3px !important;
	font-size: 16px;
}

.apply-newsletter {
	margin-bottom: 0 !important;
}

.apply-newsletter .form-inline,
.apply-newsletter .btn_area {
	text-align: center;
}

.form-inline label,
.form-inline input {
	display: inline-block;
}

.apply-newsletter .box-info {
	max-width: 544px;
	float: none;
	padding: 35px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, 0.5);
	border: 0 !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 auto;
}

.apply-newsletter .form-group {
	margin: 0;
	margin-bottom: 20px;
	color: #555;
}

.apply-newsletter .form-group a {
	color: #333;
}

.apply-newsletter .form-group-input {
	float: left;
}

.apply-newsletter .form-group-input:nth-child(1) {
	width: 50%;
	padding-right: 2%;
}

.apply-newsletter .form-group-input:nth-child(2) {
	width: 50%;
	padding-left: 2%;
}

.apply-newsletter .form-inline label {
	width: 60px;
	font-weight: bold;
	font-family: "Happiness-Sans", sans-serif !important;
	color: #555;
}

.apply-newsletter input[type="checkbox"] {
	margin: 5px 6px 0 0;
}

.apply-newsletter input.nl_input {
	width: 100%;
	padding: 11px 14px 9px 14px;
}

.apply-newsletter .nl_agree {
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 2px;
	letter-spacing: 0;
	font-size: 14px;
	text-align: left;
}

.apply-newsletter .btn_area {
	float: left;
	width: 100%;
	padding-top: 20px;
}

.apply-newsletter p {
	margin-bottom: 10px;
	font-size: 12px;
}

.apply-newsletter .btn {
	border-radius: 100px;
	font-size: 20px;
	padding: 12px 50px 11px 50px;
	background: linear-gradient(
		90deg,
		rgba(255, 175, 65, 1) 0%,
		rgba(255, 159, 0, 1) 100%
	);
}

.apply-newsletter .btn:hover {
	background: #514a4b;
}

.apply-newsletter .form_policy_content {
	width: 100%;
	padding: 10px 12px !important;
	background: #fafafa;
	border: 1px solid #ddd !important;
	margin-bottom: 12px !important;
	height: 87px;
	overflow: scroll;
	text-align: center;
}

.apply-newsletter .form_policy_content h2 {
	font-size: 14px !important;
	margin-bottom: 5px !important;
	color: #333;
}

.apply-newsletter .form_policy_content p {
	font-size: 12px !important;
	margin-bottom: 0;
	color: #757575 !important;
}

.apply-newsletter .form_policy_content table {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
}

.apply-newsletter .form_policy_content table th,
.apply-newsletter .form_policy_content table td {
	font-size: 12px !important;
	border-bottom: 1px solid #ddd;
	padding: 5px 12px 5px 0;
}

.apply-newsletter .form_policy_content table th {
	color: #333;
	font-weight: 500;
}

.apply-newsletter .form_policy_content table td {
	color: #757575;
}

.apply-newsletter .form_policy_content table td span {
	color: #333;
	text-decoration: underline;
	font-size: 14px !important;
}

/* 스티비 코드 */

.newsletter-area1 {
	height: 440px;
	padding-top: 180px !important;
	padding-bottom: 0 !important;
	background: url(./img/bg_newsletter_new.jpg) no-repeat 50% 100%;
	background-size: cover !important;
	max-width: 100% !important;
}

.newsletter-area1 .btn_newsletter_down {
	display: none;
}

.newsletter-area2 {
	height: auto;
	padding: 50px 0 !important;
}

.newsletter-area3 {
	max-width: 630px !important;
	padding-top: 80px !important;
	padding: 0;
}

.newsletter-area3 p {
	font-size: 110%;
	line-height: 1.8;
}

.newsletter-area3 .link {
	float: left;
	width: 100%;
	padding-top: 50px;
	text-align: center;
}

.newsletter-area3 .link span {
	color: #ffa200;
}

.newsletter-area3 .link a {
	margin-right: -10px;
}

.btn_newsletter_down {
	width: 100%;
	float: left;
	margin-top: 20px;
	z-index: 1;
	position: relative;
}

.btn_newsletter_down .scrolldown {
	background-image: url(./img/btn_scroll_on.png);
	width: 40px;
	height: 40px;
	background-size: 40px;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
}

.btn_newsletter_down .scrolldown:hover {
	background-image: url(./img/btn_scroll.png);
}

/*nomargin*/
.nomargin {
	margin: 0 !important;
}

.nopadding_top {
	padding-top: 0 !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

/*full height*/
.full_height {
	height: 100vh;
}

/*vertical center*/
.vertical_center {
	transform: translate(-50%, -50%);
	position: absolute !important;
	top: 50%;
	left: 50%;
}

/*contentbox*/
.basic_gap {
	padding-top: 30px;
	width: 100%;
}

.basic_box {
	margin-bottom: 110px;
	float: left;
	width: 100%;
}

.basic_box h3 {
	margin-bottom: 25px;
	font-size: 20px;
	color: #333;
}

.basic_box h3 img {
	width: 23px;
	margin-top: -5px;
	margin-right: 12px;
}

.basic_box h3 a.see_more {
	float: right;
	font-size: 20px;
	padding: 2px 0;
	color: #ffa200;
}

.basic_box h3 a.see_more:hover {
	color: #333;
}

.basic_box h4 {
	margin-bottom: 15px;
}

.basic_box.fundmaking_video {
	background: #fdf9f2;
	border: 1px solid #ffa200;
}

.basic_box.fundmaking_video h4 {
	font-size: 20px;
	line-height: 3;
	color: #333;
	padding-top: 60px;
}

.basic_box.fundmaking_video h4 span {
	color: #ffa200;
	margin-right: 10px;
}

.basic_box p span {
	color: #ffa200;
	margin-right: 5px;
}

.basic_box_line {
	margin-bottom: 0 !important;
}

.basic_box_process {
	padding: 30px;
}

.basic_box_process h4 {
	color: #333;
	font-size: 17px;
	margin-bottom: 5px;
}

.basic_box_process p {
	font-weight: 400;
	color: #777;
	font-size: 17px;
	margin-bottom: 0;
	line-height: 1.5;
}

.basic_box_process li {
	background: url(./img/ic_arrow_right_yellow.png) no-repeat;
	background-position: right 50%;
	background-size: 20px;
	float: left;
}

.basic_box_process li.col20 {
	width: 20%;
}

.basic_box_process.col8 {
	padding: 10px 30px;
}

.basic_box_process.col8 li {
	padding: 20px 0;
}

.basic_box_process.col8 li:nth-child(4) {
	background: none;
}

.basic_box_process_plain {
	float: left;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	box-sizing: border-box;
}

.basic_box_process_plain li {
	border: 1px solid #ddd;
	background: #fafafa;
	border-radius: 15px;
	padding: 20px 20px;
	margin-bottom: 35px;
	box-sizing: border-box;
	list-style: none;
	position: relative;
	float: left;
	text-align: center;
}

.basic_box_process_plain li h4 {
	color: #333;
}

.basic_box_process_plain li p {
	color: #999;
	margin-bottom: 0;
}

.basic_box_process_plain li b {
	width: 30px;
	height: 100%;
	background: url(./img/ic_arrow_right_yellow.png) no-repeat;
	background-position: 50% 50%;
	background-size: 20px;
	position: absolute;
	right: -24%;
	top: 0;
}

.basic_box_process_plain li:last-child {
	margin-right: 0 !important;
}

.basic_box_process_plain li:last-child b {
	display: none !important;
}

.basic_box_process_plain.col4 li {
	width: 21.5%;
	margin-right: 4.6%;
	margin-bottom: 0;
}

.basic_box_process_plain.col4 li b {
	right: -17%;
}

.basic_box_process_plain.col5 li {
	width: 16%;
	margin-right: 5%;
	margin-bottom: 0;
}

.basic_box_process_plain.col8 li {
	width: 20%;
	margin-right: 5%;
}

.basic_box_process_plain.col8 li b {
	right: -20%;
}

.basic_box_process_plain.col8 li:nth-child(5),
.basic_box_process_plain.col8 li:nth-child(6),
.basic_box_process_plain.col8 li:nth-child(7),
.basic_box_process_plain.col8 li:nth-child(8) {
	margin-bottom: 0;
}

.basic_contact {
	padding: 30px;
	text-align: center;
	width: 100%;
	float: left;
	background: #fafafa;
	border: 1px solid #ddd;
}

.basic_contact.emphasis {
	border: 1px solid #ffa200;
	background: #fdf9f2;
}

.basic_contact b {
	color: #333;
	margin-right: 7px;
}

.basic_contact span {
	font-weight: 500;
	color: #555;
}

.basic_contact h4 {
	margin-bottom: 0;
	font-size: 16px;
}

.basic_contact.story {
	margin-top: 50px;
}

.basic_contact.story span {
	display: inline-block;
	padding: 0 10px;
}

.basic_contact.story .btn-link {
	display: inline-block;
	background: #ffa200;
	color: #fff;
	padding: 5px 12px 3px 12px;
	text-decoration: none;
	font-size: 90%;
}

.basic_contact.story .btn-eighteen {
	background: #3fb0ca;
}

.basic_contact.story .btn-navy {
	background: #353682;
}

.basic_contact.story .btn-link:hover {
	background: #777;
}

.basic_contact.story.no_bg {
	background: none;
	border: 0;
	margin-top: 0;
}

.basic_button {
	padding: 10px 15px;
	line-height: 1;
	font-weight: 700;
	background: #f80;
	color: #fff;
	margin-left: 20px;
	border-radius: 0;
	font-size: 16px;
}

.basic_button:hover {
	background: #514a4b;
	color: #fff;
}

.basic_gallery {
	padding-left: 0;
}

.basic_gallery p {
	margin-bottom: 0;
	color: #777;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	word-break: keep-all;
}

.basic_gallery h4 {
	color: #333;
}

.basic_gallery.normal .row {
	margin-left: -10px;
	margin-right: -10px;
}

.basic_gallery.normal li {
	padding-left: 10px;
	padding-right: 10px;
}

.basic_gallery.normal h3 {
	margin-bottom: 0;
}

.basic_gallery.normal a:hover h3 {
	color: #ffa200;
}

.basic_gallery.normal a:hover img {
	opacity: 0.8;
}

.basic_gallery img.round {
	border-radius: 20px;
}

.basic_gallery li:hover h4 {
	color: #ffa200;
}

.basic_gallery li:hover .img_box {
	opacity: 0.8;
}

.basic_gallery li {
	padding: 20px 20px;
}

.basic_gallery img {
	margin-bottom: 15px;
}

.basic_gallery .img_box {
	position: relative;
	padding-bottom: 58%;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 15px;
}

.basic_gallery .img_box h5 {
	position: absolute;
	padding: 7px 15px 7px 15px;
	background: rgba(255, 162, 0, 1);
	color: #fff;
	width: auto;
	text-align: center;
	font-size: 14px;
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold;
	top: -15px;
	left: -15px;
	border-radius: 0 15px;
	z-index: 3;
}

.basic_gallery_narrow {
	padding: 0 13px;
}

.basic_box_icon {
	width: 100%;
	float: left;
}

.basic_box_icon li {
	text-align: center;
}

.basic_box_icon h4 {
	color: #333;
	font-size: 17px;
}

.basic_box_icon p {
	margin-bottom: 0;
	font-weight: 400;
	color: #999;
	line-height: 1.5;
	word-break: keep-all;
}

.basic_box_icon img {
	width: 100px;
}

.basic_box_content {
	padding: 30px 35px;
	border: #ddd 1px solid;
}

.basic_box_content li {
	text-align: left;
}

.basic_box_content h4 {
	color: #333;
	margin-bottom: 10px;
	font-size: 23px;
	color: #ffa200;
}

.basic_box_content h5 {
	font-size: 17px;
	color: #555;
	font-weight: 500;
	margin-bottom: 25px;
}

.basic_box_content h6 {
	font-size: 17px;
	color: #ffa200;
	font-weight: bold;
	margin-bottom: 10px;
}

.basic_box_content p {
	margin-bottom: 25px;
	color: #555;
	font-weight: 500;
}

.basic_box_content .img_box {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 30px;
}

.basic_box_content_people {
	padding: 60px 40px 40px 40px;
	background: url(./img/img_consultant2.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.basic_box_content_people h4 {
	margin-bottom: 20px;
	font-size: 23px;
}

.basic_box_content_people .img_box {
	margin-bottom: 30px;
}

.basic_box_content_logo {
	padding: 40px 60px;
}

.basic_box_content.emphasis {
	border: 1px solid #ffa200;
	background: #fdf9f2;
}

.basic_box_content .basic_button {
	display: block;
	width: 270px;
	background: #ffa200;
	padding: 15px;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 19px;
	font-family: "Happiness-Sans", sans-serif !important;
}

.basic_box_content .basic_button:hover {
	background: #514a4b;
}

.basic_box_content_csr {
	padding: 40px 30px;
}

.basic_box_content_csr h4 {
	margin-bottom: 20px;
}

.basic_box_content_csr p {
	font-size: 16px;
}

.basic_box_content_csr .graph_label {
	margin-top: 65%;
	margin-bottom: 0;
}

.basic_box_content_csr .graph_label img {
	width: 17px;
	margin-right: 10px;
	margin-top: -3px;
}

.basic_gallery_simple {
	width: 100%;
	float: left;
	margin-bottom: 0;
}

.basic_gallery_simple li {
	text-align: center;
	width: 23.5%;
	padding: 0;
	display: block;
	float: left;
	background: #fafafa;
	color: #555;
	font-weight: 700;
	margin-right: 2%;
	border-radius: 0;
	position: relative;
}

.basic_gallery_simple li:last-child {
	margin-right: 0;
}

.basic_gallery_simple li img {
	width: 100%;
}

.basic_gallery_simple li h4 {
	padding: 15px 0;
	background: rgba(255, 136, 0, 0.8);
	color: #fff;
	line-height: 1;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
}

.basic_gallery_simple li a:hover h4 {
	background: rgba(81, 74, 75, 0.9);
}

.basic_gallery_simple li .box_img {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	background-color: #514a4b;
	background-size: cover;
	background-position: 50% 50%;
}

.basic_gallery_simple li .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.basic_list_default li a {
	display: block;
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #dfdfdf;
}

.basic_list_default li:first-child a {
	border-top: 1px solid #ffa200;
}

.basic_list_default li .list-title {
	float: left;
}

.basic_list_default li .list-date {
	float: right;
	font-size: 0.875em;
	color: #757575;
}

.basic_list_simple {
	border-top: 1px solid #ffa200;
}

.basic_list_simple .basic_list_item {
	width: 100%;
	float: left;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.basic_list_simple .list-title {
	float: left;
}

.basic_list_simple .list-date {
	float: right;
	font-size: 15px;
	color: #999;
}

.basic_list_simple .edit-btn-area {
	width: 100%;
	float: left;
}

.basic_list_simple .edit-btn-area .post-edit-link {
	margin-bottom: 10px;
}

.basic_contact_float {
	background: rgba(81, 74, 75, 0.95);
	position: fixed;
	width: 120px;
	top: 170px;
	right: 30px;
	padding: 15px 20px;
	border: 0 solid #ffa200;
	text-align: center;
	box-shadow: 0px 5px 0px rgba(81, 74, 75, 0.2) !important;
	border-radius: 10px;
	z-index: 9;
}

.basic_contact_float h4 {
	font-size: 12px;
	line-height: 1.5;
	color: #ffa200;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ffa200;
}

.basic_contact_float p {
	margin-bottom: 7px;
	line-height: 1.5;
	font-size: 12px;
	color: #fff;
}

.basic_contact_float p b {
	font-weight: 500;
	color: #fff;
	opacity: 1;
	font-family: "Happiness-Sans", sans-serif !important;
}

.basic_contact_float.btn_fundgallery {
	height: auto;
	top: 345px;
	padding: 15px 0;
	border-radius: 10px;
	background: rgba(250, 250, 250, 0.9);
	border: 1px solid #ffa200;
	box-shadow: 0px 5px 0px rgba(81, 74, 75, 0.2) !important;
}

.basic_contact_float.btn_fundgallery:hover {
	opacity: 0.7;
}

.basic_contact_float.btn_fundgallery h4 {
	border-bottom: 0;
	line-height: 1.6;
	padding-top: 6px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 17px;
}

.basic_contact_float.btn_fundgallery img {
	width: 23px;
	float: none;
	margin: 0 auto;
	margin-bottom: 5px;
}

.basic_contact_float.btn_fundgallery_kimgunja {
	width: 150px;
	padding: 20px 10px;
	top: 122px;
}

.basic_contact_float.btn_fundgallery_kimgunja h4 {
	line-height: 1.4;
}

.basic_contact_float.btn_fundgallery_kimgunja h5 {
	color: #ffa200;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0;
}

.basic_contact_float.btn_research {
	width: 135px;
	height: auto;
	top: 170px;
	padding: 10px 15px;
	border-radius: 0;
	background: #fff9ee;
	border: 1px solid #ffa200;
	box-shadow: 0px 5px 0px rgba(81, 74, 75, 0.2) !important;
	line-height: 1.4;
}

.basic_contact_float.btn_research img {
	width: 50px;
	margin-bottom: 2px;
}

.basic_contact_float.btn_research p {
	font-size: 11px;
	color: #333;
	margin-bottom: 5px;
}

.basic_contact_float.btn_research h4 {
	margin: 0;
	padding: 0;
	border: 0;
}

.basic_contact_float.btn_memorial {
	width: auto;
	height: auto;
	top: 122px;
	padding: 10px 15px;
	border-radius: 10px;
	background: rgba(250, 250, 250, 0.9);
	border: 1px solid #ffa200;
	box-shadow: 0px 5px 0px rgba(81, 74, 75, 0.2) !important;
	text-align: center;
}

.basic_contact_float.btn_memorial:hover {
	opacity: 0.7;
}

.basic_contact_float.btn_memorial h4 {
	border-bottom: 0;
	line-height: 1.5;
	padding-top: 6px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 15px;
	text-align: center;
}

.basic_contact_float.btn_memorial h4 span {
	color: #ffa200;
}

.basic_contact_float.btn_memorial img {
	width: 23px;
	float: none;
	margin: 0 auto;
}

.basic_contact_float.btn_post_normal {
	width: auto;
	height: auto;
	top: 122px;
	padding: 10px 15px;
	border-radius: 10px;
	background: rgba(250, 250, 250, 0.9);
	border: 1px solid #ffa200;
	box-shadow: 0px 5px 0px rgba(81, 74, 75, 0.2) !important;
	text-align: center;
}

.basic_contact_float.btn_post_normal:hover {
	opacity: 0.7;
}

.basic_contact_float.btn_post_normal h4 {
	border-bottom: 0;
	line-height: 1.5;
	padding-top: 6px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 15px;
	text-align: center;
}

.basic_contact_float.btn_post_normal h4 span {
	color: #ffa200;
}

.basic_contact_float.btn_post_normal img {
	width: 23px;
	float: none;
	margin: 0 auto;
}

.basic_contact_float.btn_post_normal {
	width: auto;
	height: auto;
	top: 122px;
	padding: 10px 15px;
	border-radius: 10px;
	background: rgba(250, 250, 250, 0.9);
	border: 1px solid #ffa200;
	box-shadow: 0px 5px 0px rgba(81, 74, 75, 0.2) !important;
	text-align: center;
}

.basic_contact_float.btn_post_normal:hover {
	opacity: 0.7;
}

.basic_contact_float.btn_post_normal h4 {
	border-bottom: 0;
	line-height: 1.5;
	padding-top: 6px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 15px;
	text-align: center;
}

.basic_contact_float.btn_post_normal h4 span {
	color: #ffa200;
}

.basic_contact_float.btn_post_normal img {
	width: 23px;
	float: none;
	margin: 0 auto;
}

.basic_contact_float.btn_post_normal.snail {
	padding: 15px 15px 10px 15px;
}

.basic_contact_float.btn_post_normal.snail img {
	width: 65px;
}

.page.archive .basic_contact.story.no_bg {
	display: none;
}

.basic_accordion {
	border-top: 1px solid #ddd;
}

.basic_accordion li {
	border-bottom: 1px solid #ddd;
}

.basic_accordion li .q_title {
	font-family: "Happiness-Sans", sans-serif !important;
	font-weight: bold !important;
}

.basic_accordion li .q_title .more {
	top: 14px;
}

.basic_accordion li.active .q_title {
	background: none !important;
	border-bottom: 1px solid #ffa200 !important;
}

.basic_accordion li.active .q_title {
	color: #ffa200 !important;
}

.basic_feature {
	width: 100%;
	float: left;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #fff;
}

.basic_feature li {
	background: #fafafa;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 30px 35px;
}

.basic_feature li h4 {
	font-size: 20px;
	color: #ffa200;
}

.basic_feature li p {
	margin-bottom: 0;
}

.basic_feature li:nth-child(1):hover,
.basic_feature li:nth-child(4):hover {
	background: #fcf7ef;
}

.basic_feature li:nth-child(2):hover,
.basic_feature li:nth-child(3):hover {
	background: #fdf0d9;
}

.basic_feature_img {
	width: 100%;
	float: left;
	background: #fff;
}

.basic_feature_img li {
	height: 220px;
	border-bottom: 0 solid #ddd;
	border-right: 0 solid #ddd;
	padding: 30px 35px;
	background-size: cover;
	background-position: 50% 50%;
}

.basic_feature_img li h3 {
	color: #fff;
	position: relative;
}

.basic_feature_img li h4 {
	opacity: 0;
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
	position: absolute;
	bottom: 28px;
	right: 35px;
	margin-bottom: 0;
}

.basic_feature_img li h4 span {
	color: #ffa200;
}

.basic_feature_img li p {
	opacity: 0;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 35px;
}

.basic_feature_img li .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.5) 0%,
		rgba(0, 0, 0, 0) 100%
	);
}

.basic_feature_img li a:hover h3 {
	color: #ffa200;
}

.basic_feature_img li a:hover h4 {
	opacity: 1;
	/*transition: all 0.5s; */
}

.basic_feature_img li a:hover p {
	opacity: 1;
	/*transition: all 0.5s; */
}

.basic_feature_img li a:hover .layer {
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0.5) 100%
	);
	/*transition: all 0.5s; */
}

.basic_feature_link {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0 45px;
}

.basic_feature_link li {
	padding: 5px;
}

.basic_feature_link li:nth-child(2) a {
	background-position: 50% 20%;
}

.basic_feature_link li:nth-child(4) a {
	background-position: 50% 20%;
}

.basic_feature_link a {
	position: relative;
	display: block;
	border-bottom: 0 solid #ddd;
	border-right: 0 solid #ddd;
	padding: 0 35px;
	padding-top: 65%;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: all 0.3s;
}

.basic_feature_link a h3 {
	color: #fff;
	margin-bottom: 0;
	transform: translate(-50%, -50%);
	position: absolute !important;
	top: 50%;
	left: 50%;
	transition: all 0.2s;
}

.basic_feature_link a:hover {
	background-size: 110%;
	transition: all 0.3s;
}

.basic_feature_link a:hover h3 {
	color: #fff;
	transition: all 0.2s;
}

.basic_feature_link a .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	border: 0px solid rgba(255, 161, 0, 0.5);
	transition: all 0.5s;
}

.basic_feature_link a:hover .layer {
	background: rgba(0, 0, 0, 0.5);
	/*transition: all 0.5s; */
	border: 15px solid rgba(255, 161, 0, 1);
	transition: all 0.3s;
}

.change_slide {
	padding: 0 50px;
	overflow: visible !important;
	margin-bottom: 100px;
}

.change_slide .tp-leftarrow {
	left: -1% !important;
}

.change_slide .tp-rightarrow {
	left: 101% !important;
}

.change_slide .tp-bullets {
	width: 100% !important;
	position: absolute;
	margin: 0 auto !important;
	text-align: center !important;
	padding: 0 53px;
	transform: none !important;
	top: auto !important;
	bottom: -60px !important;
	left: 0 !important;
}

.change_slide .tp-bullet {
	position: relative !important;
	display: inline-block !important;
	text-align: right !important;
	margin: 0 7px;
	transition: opacity 0.5s;
	border-radius: 22px 0;
	width: 25px;
	height: 25px;
	box-shadow: inset 0 0 0 2px #7c6e70 !important;
	left: 0 !important;
}

.change_slide .tp-bullet:hover {
	opacity: 1 !important;
	background: #7c6e70 !important;
}

.change_slide .tp-bullet:after {
	border-radius: 17px 0;
	background: #ffa200 !important;
}

.change_slide .tp-bullet.selected {
	opacity: 1 !important;
}

.change_slide .tp-bullet.selected::after {
	background: #ffa200 !important;
}

.change_slide .tparrows {
	width: 65px !important;
	height: 65px !important;
	margin-top: -10px;
	transition: opacity 0.5s;
}

.change_slide .tparrows.tp-leftarrow {
	background: url(./img/ic_arrow_left_orange.png) no-repeat 50% 50% !important;
	background-size: 100% !important;
}

.change_slide .tparrows.tp-leftarrow::before {
	content: none;
}

.change_slide .tparrows.tp-rightarrow {
	background: url(./img/ic_arrow_right_orange.png) no-repeat 50% 50% !important;
	background-size: 100% !important;
}

.change_slide .tparrows.tp-rightarrow::before {
	content: none;
}

.change_slide .tparrows:hover {
	opacity: 0.7;
}

.change_slide .rev-btn {
	padding: 13.5px 36.5px !important;
	font-size: 18px !important;
	border-radius: 0 20px !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
}

.change_slide_txtbox_light {
	position: absolute !important;
	top: 80px !important;
	left: 90px !important;
}

.change_slide_txtbox_light.right {
	left: 550px !important;
	top: 85px !important;
}

.change_slide_txtbox_light.right2 {
	left: 500px !important;
	top: 100px !important;
}

.change_slide_txtbox_light h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: 0px;
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	line-height: 1.5 !important;
	color: #333;
	float: left;
	padding-top: 20px;
	padding-right: 30px;
	border-top: 2px solid #ffa100;
}

.change_slide_txtbox_light .slide_seed_left {
	float: left;
	width: 27px;
	height: 27px;
	background: url(./img/img_seed_left.png) no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	position: absolute !important;
	top: -25px !important;
	left: -33px !important;
}

.change_slide_txtbox_light .slide_seed_right {
	float: left;
	margin-left: 15px;
	margin-top: -12px;
	width: 27px;
	height: 27px;
	background: url(./img/img_seed_right.png) no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
}

.change_slide_txtbox_light p {
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: -0.5px !important;
	line-height: 1.8 !important;
	color: #333;
	margin-bottom: 20px !important;
}

.change_slide_txtbox_light span {
	font-size: inherit !important;
}

.change_slide_txtbox_light.white h3,
.change_slide_txtbox_light.white p {
	color: #fff;
}

.basic_video {
	width: 100%;
	float: left;
	margin: 25px 0;
}

.basic_video .basic_video_box {
	position: relative;
	padding-bottom: 51%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 0;
}

.basic_video .basic_video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.basic_form_box {
	width: 608px;
	margin: 0 auto;
}

.basic_form_box .basic_form {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	border: 1.5px solid #222;
	border-top: 0;
	background: #fff;
}

.basic_form_box p {
	display: block;
	width: 100%;
	text-align: left;
}
.basic_form_box dt,
.basic_form_box dd {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	border-top: 1.5px solid #222;
}
.basic_form_box dt {
	padding: 22px 30px;
	color: #222;
	align-items: flex-start;
}

.basic_form_box dd {
	padding: 0;
	flex-direction: column;
}
.basic_form_box dd.input_cont {
	display: flex;
	gap: 16px;
	padding: 30px;
}
.basic_form_box dd.input_cont div {
	width: 100%;
}
.basic_form_box dd.input_cont div p {
	font-size: 14px;
	margin-top: 10px;
	color: #222;
	font-weight: 400;
	text-align: left;
}
.basic_form_box dd.input_cont .wpcf7-form-control-wrap {
	margin-top: 8px;
	display: block;
	text-align: left;
}
.basic_form_box dt.cw {
	flex: 0 0 auto;
}

.basic_form_box dt.cw + dd {
	flex: 1 1 auto;
	padding: 22px 30px 22px 5px;
}
.basic_form_box dt.cw + dd .wpcf7-checkbox {
	display: flex;
	width: 406px;
	flex-wrap: wrap;
	gap: 4px 20px;
}
.basic_form_box .wpcf7-list-item {
	margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item label,
.basic_form_box .wpcf7-list-item,
.basic_form_box .wpcf7-list-item label{
	display: flex; align-items: center; gap:8px
}
.basic_form_box .wpcf7-list-item-label {
	font-size: 14px;
	color: #777;
}

.basic_form_box input[type="text"],
.basic_form_box input[type="tel"],
.basic_form_box input[type="email"] {
	width: 100%;
	background: #fafafa;
	border-color: #222;
	font-size: 15px;
	padding: 10px 15px;
}

.basic_form_box input.input_half {
	width: 60%;
}

.basic_form_box .form_margin {
	margin-bottom: 10px;
}

.basic_form_box .form_desc {
	font-size: 15px;
}

.basic_form_box .btn_area .form_desc {
	margin-bottom: 20px;
}

/* etc common */
.page_empty {
	margin: 100px 0 !important;
}

.section_bg {
	background: #f4f4f4;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.text_chinese {
	font-weight: 400;
}

.text_yellow {
	color: #ffa200 !important;
}

.text_small {
	font-size: 15px;
}

.noborder {
	border: none !important;
}

.mobile_only {
	display: none;
}

/*temp recent work*/
#temp_home_recent_work .slick-slide {
	width: 25%;
	display: block;
}

#temp_home_recent_work .wppsac-post-carousel {
	visibility: visible;
	opacity: 1;
}

/*2021개편*/
.korea-sns-button {
	margin: 5px !important;
}

/*메인 화살표 영역*/
.home_slide_txtbox {
	top: 150px !important;
	left: 75px !important;
}

/*툴팁*/
.tooltip_box {
	float: left;
	width: 100%;
}

.tooltip {
	position: relative;
	float: left;
}

.tooltip .title {
	display: inline-block;
	padding: 6px 14px 7px 14px;
	margin: 0 7px 7px 0;
	border: 1px solid #ffa200;
	background: rgba(255, 162, 0, 0.1);
	border-radius: 100px;
	color: #ffa200;
	font-weight: 500;
}

.tooltip .desc {
	visibility: hidden;
	display: block;
	width: 250px;
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #ff8800;
	border-radius: 8px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	color: #777;
	font-size: 14px;
	letter-spacing: -0.5px;
	text-align: left;
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 1;
}

.tooltip:hover .title {
	background: #ff8800;
	border-color: #ff8800;
	color: #fff;
}

.tooltip:hover .desc {
	visibility: visible;
}

.tooltip .desc::before,
.tooltip .desc::after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-left: -10px;
}

.tooltip .desc::before {
	border-bottom: 10px solid #ffa200;
	margin-bottom: 5px;
	top: -11px;
	left: 40px;
}

.tooltip .desc::after {
	border-bottom: 10px solid #fff;
	margin-bottom: -2px;
	z-index: 1;
	top: -9px;
	left: 40px;
}
/* 미션과 비전 */
.acc.value {
	border: none;
}
.value .acc-item {
	margin-bottom: 20px;
	border: none;
}
.value .acc-header {
	border: 1.5px solid #000;
	padding: 30px 50px;
	background-color: #fffaf2;
	gap: 20px;
}
.value .acc-question {
	font-size: 20px;
	line-height: 160%;
	font-weight: 700;
}

.value .acc-label {
	font-size: 20px;
	line-height: 160%;
	font-weight: 700;
	color: #ffa400;
}
.value .acc-item.is-open .acc-header {
	background: #fffaf2;
	color: #222;
}
.value .acc-item.is-open .acc-label {
	color: #ffa400;
}
.value .acc-item.is-open .acc-question {
	color:#222
}
.value .acc-item.is-open .acc-icon::after {
	filter:unset
}
.value .acc-body {
	padding: 40px 50px;
}
.slideCont {
	display: flex;
	width: 100%;
	height: 372px;
}
.slideCont.alt {
	height: 400px;
}
.slideCont .imgWrap {
	width: 544px;
	border-right: 1.5px solid #222;
}
.slideCont .txtWrap {
	padding: 28px 36px;
	text-align: left;
}
.slideCont .txtWrap h3 {
	margin-bottom: 16px;
}
.slideCont .swiper {
	width: 576px;
	background-color: #fffaf2;
	position: relative;
	margin: 0;
}
.slideCont .btnCont {
	position: absolute;
	bottom: 94px;
	right: 30px;
	z-index: 99;
}
.slideCont .btnCont .nbtn {
	background-color: #fff;
}
.cDeck {
	height: 412px;
	overflow: hidden;
}
.cDeck .txtWrap {
	flex: 0 0 calc(50% - 16px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	background: #ffb300;
	padding-left: max(0px, calc((100vw - 1440px) / 2));
	padding-right: 230px;
}
.cDeck .txtWrap .txt .snbtn {
	width: 316px;
}
.cDeck .imgWrap {
	flex: 0 0 calc(50% + 16px); /* 1920이면 976px */
	min-width: 0;
	background-image: url("./img/mission/img_mission_culturedeck_new.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	padding-right: max(0px, calc((100vw - 1440px) / 2));
}
@media (max-width: 1439px) {
	.cDeck .txtWrap {
		flex-basis: 48.8889%;
	}
	.cDeck .imgWrap {
		flex-basis: 51.1111%;
	}
}
.twentyfive {
	height: 470px;
	background-image: url("./img/mission/25th_aniv.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	box-sizing: border-box;
}
.colorChip li {
	display: flex;
	align-items: center;
	gap: 30px;
}
.colorChip li > div {
	display: block;
	width: 96px;
	height: 96px;
}
.msbi {
	display: flex;
	gap: 80px;
	height: 270px;
}
.listTriple.biList {
	row-gap: 60px;
	margin-top: 40px;
	margin-bottom: 100px;
}
.listTriple.biList li img {
	margin-bottom: 30px;
}

/* Scroll down icon */

@-webkit-keyframes scroll-down-anim {
	0% {
		bottom: -3px;
	}

	50% {
		bottom: 3px;
	}

	100% {
		bottom: -3px;
	}
}

@-moz-keyframes scroll-down-anim {
	0% {
		bottom: -3px;
	}

	50% {
		bottom: 3px;
	}

	100% {
		bottom: -3px;
	}
}

@-o-keyframes scroll-down-anim {
	0% {
		bottom: -3px;
	}

	50% {
		bottom: 3px;
	}

	100% {
		bottom: -3px;
	}
}

@keyframes scroll-down-anim {
	0% {
		bottom: -3px;
	}

	50% {
		bottom: 3px;
	}

	100% {
		bottom: -3px;
	}
}

/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
	#header,
	footer,
	.blog_search,
	.edit-btn-area {
		display: none;
	}

	/*
* { background:transparent!important; color:#000!important; box-shadow:none!important; text-shadow:none!important; }
a,a:visited { text-decoration:underline; }
a[href]:after { content:" (" attr(href) ")"; }
abbr[title]:after { content:" (" attr(title) ")"; }
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after { content:""; }
pre,blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr,img { page-break-inside:avoid; }
img { max-width:100%!important; }
@page { margin:.5cm; }
p,h2,h3 { orphans:3; widows:3; }
h2,h3 { page-break-after:avoid; }*/
}

/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width: 1800px) {
	.submenu_box li a {
		font-size: 15px;
		line-height: 27px !important;
	}

	.icon_menu p {
		font-size: 15px;
	}

	.submenu_box li a.childlink {
		margin-left: 53px;
		font-size: 15px;
		padding-left: 17px !important;
	}

	.sitemap_msg {
		font-size: 20px;
	}

	.sitemap_box {
		padding: 35px 50px 35px 50px;
	}

	.sitemap_box ul li a {
		font-size: 17px;
	}

	.sitemap_box ul li.sitemap_d1 a {
		font-size: 20px;
	}

	.img_slogan {
		width: 280px;
	}

	#menu li {
		font-size: 18px;
	}

	#menu li a {
		padding: 8px 15px 10px 15px;
	}

	.front_post_header h3 {
		font-size: 23px;
	}

	.front_post_header h3 img {
		width: 23px;
		margin-top: -5px;
	}

	.front_post_header .post_seemore img {
		width: 30px;
		margin-top: 2px;
	}

	.front_post_content {
		padding-top: 20px;
	}

	.custom_modal .modal-bg .modal-cont .close {
		right: 68px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 18px;
		line-height: 2;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 18px;
	}

	.home_slide .tparrows {
		margin-top: -70px;
		width: 90px !important;
		height: 90px !important;
	}

	.home_slide .tp-bullet {
		width: 22px;
		height: 22px;
		border-radius: 19px 0;
	}

	.home_slide .tp-bullets {
		padding: 0 53px;
		top: 140px !important;
	}

	.home_slide .tp-leftarrow {
		transform: none !important;
		left: 60px !important;
	}

	.home_slide .tp-rightarrow {
		transform: none !important;
		right: 60px !important;
		left: auto !important;
	}

	.home_slide_txtbox {
		top: 167px !important;
		left: 92px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 45px !important;
		margin-bottom: 10px !important;
	}

	.home_slide_txtbox_center h3 {
		font-size: 23px !important;
	}

	.home_slide_txtbox p {
		font-size: 22px !important;
		margin-bottom: 25px !important;
	}

	.home_slide_txtbox a,
	.home_slide .rev-btn,
	.home_slide .btn-slider {
		font-size: 22px !important;
		padding: 15px 40px 14px 40px !important;
	}

	.home #section1 .list_link_featured li {
		height: 135px;
		padding: 40px 40px;
	}

	.home #section1 .list_link_featured li .bn_icon {
		width: 52px;
		margin-top: 1px;
	}

	.home
		#section1
		.list_link_featured
		a:first-child
		li
		.bn_icon.hide_content1 {
		display: block;
	}

	.home
		#section1
		.list_link_featured
		a:first-child
		li
		.bn_icon.hide_content2 {
		display: none;
	}

	.home #section1 .list_link_featured a li.banner_apply .bn_icon {
		width: 58px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 20px;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 17px;
	}

	.home #section1 .list_link_featured .btn_donate {
		right: 80px;
	}

	.home #section2 .recent_post_container {
		padding: 70px 60px 100px 60px;
	}

	.home #section2 .recent_post_container h2.wppsac-post-title a {
		line-height: 1.6;
	}

	.home #section2 .recent_post_left {
		margin-top: 35px;
	}

	.home #section2 .recent_post_right {
		padding: 15px 10px 0 60px;
	}

	.home #section2 .recent_post_right h4 {
		font-size: 20px;
	}

	.home #section2 .recent_post_right h4 img {
		width: 30px;
		margin-left: 7px;
	}

	.home #section4 {
		background-size: 900px;
	}

	.home #section4 .video_promotion .row {
		max-width: 1000px;
	}

	.home #section4 .video_promotion h1 {
		font-size: 36px;
	}

	.home #section4 .video_promotion p {
		font-size: 20px;
		margin-top: 5px;
	}

	.home #section4 .video_promotion .img_seed_left {
		width: 120px;
		left: -200px;
	}

	.home #section4 .video_promotion .img_seed_right {
		width: 120px;
		right: -200px;
		bottom: 350px;
	}

	.home #section5 .front_post_header {
		padding-bottom: 20px;
	}

	.home #section5 .front_post_header .post_seemore img {
		width: 30px;
	}

	.home #section5 .recent_post_box:nth-child(1) {
		padding-right: 30px;
	}

	.home #section5 .recent_post_box:nth-child(2) {
		padding: 0 15px;
	}

	.home #section5 .recent_post_box:nth-child(3) {
		padding-left: 30px;
	}

	.page.aboutus #section2 .txt li {
		height: 150px;
	}

	.page.aboutus #section4 {
		background-position: 50% -320px;
	}

	.page.bfstory .sub-wrap {
		max-width: 1440px;
		padding: 25px 0px 100px 0px;
	}

	footer .list_link_outlink li {
		height: 100px;
		line-height: 100px;
	}

	footer .footer .logo {
		width: 160px;
		height: 42px;
	}

	footer .footer .menu li a {
		font-size: 14px;
	}

	footer .footer .footer_info {
		font-size: 14px;
		line-height: 2;
	}

	.basic_contact_float {
		width: 170px;
		top: 170px;
		right: 70px !important;
		padding: 25px;
	}

	.basic_contact_float.btn_fundgallery {
		top: 385px;
	}

	.basic_contact_float.btn_memorial {
		right: 30px !important;
		width: auto;
	}

	.basic_contact_float.btn_post_normal {
		right: 30px !important;
		width: auto;
	}

	/*2021 bfstory*/
	#blog_slider .blog_slide_img {
		height: 300px;
	}

	#blog_slider .owl-nav {
		top: 20% !important;
	}

	.blog_search_button {
		top: 485px;
		font-size: 17px;
		padding: 17px 20px;
	}

	.fund_search_button {
		top: 485px;
		font-size: 17px;
		padding: 17px 20px;
	}

	#blog_slider .owl-prev {
		left: 70px;
	}

	#blog_slider .owl-next {
		right: 70px;
	}

	.newsletter-area1 {
		height: 480px;
		padding-top: 205px !important;
	}

	.newsletter-area2 {
		padding: 40px 0 0 0 !important;
	}

	.btn_newsletter_down {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1600px) {
	.basic_contact_float.btn_research {
		display: none;
	}

	.page.archive .basic_contact.story.no_bg {
		display: block;
	}
}

@media only screen and (max-width: 1500px) {
	.sub-wrap {
		width: 100%;
		max-width: 1500px;
		padding: 270px 50px 130px 50px;
	}

	.btn {
		font-size: 15px;
	}

	.text_small {
		font-size: 13px;
	}

	.submenu_box li a {
		font-size: 14px;
	}

	.submenu_box li a.childlink {
		margin-left: 41px;
		font-size: 13px;
	}

	.submenu_box .guide li a.childlink {
		margin-left: 40px;
	}

	.submenu_box .introduction li a.childlink {
		margin-left: 47px;
	}

	.icon_menu p {
		font-size: 14px;
	}

	.img_slogan {
		width: 230px;
	}

	.sitemap_box {
		padding: 35px 30px 35px 30px;
	}

	.front_post_header h3 {
		font-size: 20px;
	}

	.front_post_header h3 img {
		width: 20px;
	}

	.front_post_header .post_seemore img {
		width: 28px;
		margin-top: 5px;
	}

	.front_post_content {
		padding-top: 15px;
	}

	.custom_modal .modal-bg .modal-cont .close {
		right: 48px;
	}

	.home_slide .tparrows {
		margin-top: -50px;
		width: 50px !important;
		height: 50px !important;
	}

	.home_slide .tp-bullets {
		width: 100% !important;
		padding: 0 50px;
		top: 140px !important;
	}

	.home_slide .tp-leftarrow {
		transform: none !important;
		left: 25px !important;
	}

	.home_slide .tp-rightarrow {
		transform: none !important;
		right: 25px !important;
		left: auto !important;
	}

	.home_slide_txtbox {
		top: 180px !important;
		left: 110px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 35px !important;
		margin-left: -3px !important;
	}

	.home_slide_txtbox p {
		font-size: 19px !important;
	}

	.home_slide_txtbox a,
	.home_slide .rev-btn,
	.home_slide .btn-slider {
		font-size: 17px !important;
		padding: 12px 22px 11px 22px !important;
		border-radius: 0 20px !important;
	}

	.home #section1 .list_link_featured li {
		height: 105px;
		padding: 25px 25px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 17px;
		margin-bottom: 5px;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 14px;
	}

	.home #section1 .list_link_featured li .bn_desc p .mobile {
		display: inline-block !important;
	}

	.home #section1 .list_link_featured li .bn_desc p .hide_content {
		display: none;
	}

	.home #section1 .list_link_featured li .bn_icon {
		width: 45px;
		margin-right: 20px;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 50px;
		margin-top: -1px;
		margin-right: 14px;
	}

	.home
		#section1
		.list_link_featured
		a:first-child
		li
		.bn_icon.hide_content1 {
		display: none;
	}

	.home
		#section1
		.list_link_featured
		a:first-child
		li
		.bn_icon.hide_content2 {
		display: block;
	}

	.home #section1 .list_link_featured a li.banner_apply .bn_icon {
		width: 55px;
	}

	.home #section1 .list_link_featured .btn_donate {
		right: 50px;
		bottom: 130px;
		width: 150px;
		height: 150px;
	}

	.home #section1 #story .scrollnext,
	.home #section1 #story .scrollnext .img {
		width: 30px;
		height: 30px;
		background-size: 30px;
	}

	.home #section2 .recent_post_container {
		padding: 70px 40px;
	}

	.home #section2 .recent_post_left {
		width: 75%;
	}

	.home #section2 .recent_post_right {
		padding: 5px 10px 0 40px;
		width: 25%;
	}

	.home #section2 .recent_post_right h4 {
		font-size: 17px;
	}

	.home #section2 .recent_post_right h4 img {
		width: 25px;
	}

	.home #section3 .quicklink li {
		height: 140px;
	}

	.home #section3 .quicklink li p {
		font-size: 17px;
	}

	.home #section3 .quicklink li img {
		width: 80px;
		margin-top: 14px;
	}

	.home #section4 {
		background-size: 600px;
	}

	.home #section4 .video_promotion .row {
		max-width: 800px;
	}

	.home #section4 .video_promotion h1 {
		max-width: 310px;
		font-size: 25px;
		margin-top: 2px;
	}

	.home #section4 .video_promotion p {
		max-width: 460px;
		font-size: 16px;
		margin-top: 5px;
	}

	.home #section5 .recent_post_box:nth-child(1) {
		padding-right: 30px;
	}

	.home #section5 .recent_post_box:nth-child(2) {
		padding: 0 15px;
	}

	.home #section5 .recent_post_box:nth-child(3) {
		padding-left: 30px;
	}

	.page.bfstory .sub-wrap {
		max-width: 1200px;
		padding-top: 12px !important;
	}
	.page.joinbf .joinbf_contact h4 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_benefit li {
		width: 31.333%;
		margin-bottom: 2%;
		height: 180px;
		padding: 18px 20px;
	}

	.page.joinbf .joinbf_benefit li img {
		margin-top: 10px;
	}

	.page.joinbf .joinbf_benefit li h4 br {
		display: none;
	}

	.page.joinbf .joinbf_benefit li:hover h4 {
		margin-bottom: 5px;
	}

	.page.joinbf .joinbf_benefit_banner {
		padding-top: 50px;
	}

	.page.joinbf .joinbf_fund_contact_button {
		font-size: 14px;
		margin-left: 15px;
	}

	.page.joinbf .joinbf_fund_process h4 {
		font-size: 16px;
	}

	.page.joinbf .joinbf_fund_process img {
		width: 15px;
		margin: 0 10px;
	}

	.page.joinbf .joinbf_fund_csr li h4 {
		font-size: 16px;
	}

	.page.joinbf #tab3 .joinbf_contact h4 {
		font-size: 13px;
	}

	footer .list_link_outlink li {
		height: 80px;
		line-height: 80px;
	}

	footer .list_link_outlink h3 {
		font-size: 20px;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 28px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 20px;
	}

	footer .list_link_outlink .link_newsletter img {
		width: 30px;
	}

	.basic_gallery_simple li h4 {
		font-size: 15px;
	}

	.document_list .link_item p {
		font-size: 15px;
	}

	.pie_box svg {
		width: 200px;
		height: 200px;
	}

	.container_changestory .business-subtitle {
		padding: 180px 40px 40px 40px;
	}

	.container_changestory .business-subtitle h2 {
		font-size: 25px;
	}

	.container_changestory .business-subtitle .btn-area h3 {
		font-size: 17px;
	}

	.container_changestory .business-contents {
		padding: 180px 40px 80px 40px;
	}

	.container_changestory .basic_box {
		margin-bottom: 30px;
	}

	.container_changestory .basic_tab .tab_container .tab_content_box {
		padding: 35px 40px;
	}

	.container_changestory .basic_box_line {
		padding: 30px 35px;
	}

	.container_changestory .business-post li {
		padding: 0 15px;
	}

	.container_changestory .btn_box a.btn_style3 {
		font-size: 15px;
	}

	.container_changestory.new .business-subtitle {
		padding: 180px 40px 40px 40px;
	}

	.container_changestory.new .business-subtitle .subtitle h2 {
		font-size: 32px;
	}

	/*2021 bfstory*/
	#blog_slider .owl-dots {
		margin-top: 15px;
	}

	/* guide & joinbf-new */
	.page.guide .guide_area_intro {
		max-width: 1120px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc {
		font-size: 18px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc .deco {
		width: 80px;
		top: 25%;
		left: -20px;
	}

	.page.joinbf .joinbf_intro {
		background-position: 85% bottom;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2 {
		font-size: 20px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2:nth-child(2) {
		font-size: 23px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box .joinbf_intro_button a {
		font-size: 18px;
	}

	.page.joinbf .joinbf_area_content {
		max-width: 100%;
		padding: 100px 200px;
	}

	.page.joinbf .joinbf_area_content h2 {
		font-size: 20px;
	}

	.page.joinbf .joinbf_area_content h3 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_area_content .item .btn {
		padding: 6px 12px 5px 12px;
		font-size: 14px;
	}

	.page.joinbf .joinbf_area_content .item_download p {
		font-size: 15px;
	}

	.page.joinbf .joinbf_area_content .item_download p br {
		display: none;
	}

	.page.joinbf .joinbf_area_menu {
		left: 50px;
	}

	.page.joinbf .joinbf_area_menu a {
		font-size: 15px;
		padding-left: 22px;
	}

	.page.joinbf .basic_contact_float {
		width: 110px;
	}

	.page.joinbf .basic_contact_float h4,
	.page.joinbf .basic_contact_float p {
		font-size: 12px;
	}

	.page.joinbf .joinbf_area_content .item {
		padding: 15px 30px;
	}

	.page.joinbf .joinbf_area_content .item_change .v_center {
		padding-left: 60px;
	}

	.page.joinbf .joinbf_area_content .item_change.top {
		background-position: 30px 35px;
	}

	.page.joinbf .joinbf_area_content .item_change.bottom {
		background-position: 30px 15px;
	}

	.page.joinbf .joinbf_area_content .item_change {
		min-height: 100px;
	}

	.page.joinbf .joinbf_area_content .item_change p {
		font-size: 13px;
	}

	.page.joinbf .joinbf_area_content .item_campaign,
	.page.joinbf .joinbf_area_content .item_beautifulday,
	.page.joinbf .joinbf_area_content .item_download {
		min-height: 190px;
	}

	.page.joinbf .joinbf_area_content .item_download {
		background-position: 25px 25px;
	}

	.basic_contact_joinbf h4 {
		font-size: 14px;
	}

	.basic_contact_joinbf .btn {
		clear: both;
		font-size: 14px;
	}

	.tooltip .title {
		padding: 5px 13px 6px 13px;
	}
}

@media only screen and (max-width: 1300px) {
	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 16px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 16px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title {
		line-height: 24px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		line-height: 24px;
	}

	#wppsac-post-carousel-1 .slick-arrow {
		width: 40px;
		height: 40px;
		background-size: 20px !important;
	}

	#wppsac-post-carousel-1 .slick-next {
		right: -10px !important;
	}

	#wppsac-post-carousel-1 .slick-prev {
		left: -10px !important;
	}

	.home_slide .tparrows {
		margin-top: -50px;
		width: 50px !important;
		height: 50px !important;
	}

	.home_slide .tp-bullets {
		padding: 0 50px;
		top: 140px !important;
	}

	.home_slide .tp-leftarrow {
		transform: none !important;
		left: 20px !important;
	}

	.home_slide .tp-rightarrow {
		transform: none !important;
		right: 20px !important;
		left: auto !important;
	}

	.home_slide_txtbox {
		top: 180px !important;
		left: 100px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 32px !important;
	}

	.home_slide_txtbox p {
		font-size: 17px !important;
	}

	.home_slide_txtbox.star_project h1 img {
		width: 350px !important;
		margin-top: 0 !important;
	}

	.home_slide_txtbox.taste_project h1 img {
		width: 500px !important;
		margin-top: 0 !important;
	}

	.front_post_header h3 {
		font-size: 20px;
	}

	.front_post_header h3 img {
		width: 18px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 15px;
		margin-bottom: 0px;
	}

	.home #section2 .recent_post_right h4 {
		font-size: 16px;
	}

	.home #section2 .recent_post_right h4 img {
		width: 27px;
		margin-left: 7px;
	}

	.home #section4 {
		background-size: 500px;
	}

	.home #section4 .video_promotion {
		padding: 90px 0 100px 0;
	}

	.home #section4 .video_promotion .row {
		max-width: 750px;
	}

	.home #section4 .video_promotion h1 {
		max-width: 300px;
	}

	.home #section4 .video_promotion p {
		max-width: 430px;
		font-size: 15px;
	}

	.home #section4 .video_promotion .img_seed_left {
		width: 80px;
		left: -130px;
	}

	.home #section4 .video_promotion .img_seed_right {
		width: 80px;
		right: -130px;
	}

	.home #section5 .front_post_header {
		padding-bottom: 15px;
	}

	.home #section5 .front_post_header .post_seemore img {
		width: 28px;
		margin-top: 2px;
	}

	.home #section5 .front_post_content ul li {
		font-size: 16px;
	}

	.page.bfstory .section .intro {
		padding-top: 139px !important;
	}

	.page.campaign .sub-wrap h2 {
		font-size: 30px;
	}

	.page.campaign .sub-wrap h2 b {
		font-size: 32px;
	}

	.page.campaign .sub-wrap h2 .smallchange_seed_left {
		width: 25px;
		left: -5px;
		top: -30px;
	}

	.page.campaign .sub-wrap h2 .smallchange_seed_right {
		width: 25px;
		right: -20px;
	}

	.page.joinbf .joinbf_define li {
		padding: 0 10px;
	}

	.page.joinbf .joinbf_define li .joinbf_define_content {
		clear: both;
	}

	.page.joinbf .joinbf_define li img {
		margin-bottom: 15px;
	}

	.page.joinbf .joinbf_define li h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.page.joinbf .joinbf_define li p {
		font-size: 14px;
	}

	.page.joinbf .join-area .btn-mrm {
		padding: 12px 50px 10px 50px;
		font-size: 18px;
	}

	.page.joinbf .join-area .list-basic div {
		font-size: 15px;
	}

	.page.joinbf .joinbf_faq .ic_b_box {
		padding-top: 15px;
	}

	footer .list_link_outlink h3 {
		font-size: 20px;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 27px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 20px;
	}

	/*2021개편*/
	.basic_contact h4 {
		font-size: 15px;
	}

	.basic_button {
		font-size: 15px;
	}

	/* guide & joinbf-new */
	/* .page.guide h3 {
		font-size: 22px;
	}

	.page.guide .guide_area_division .area_box h2 {
		font-size: 25px;
	}

	.page.guide .guide_area_intro {
		max-width: 1080px;
		padding: 0 40px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc,
	.page.guide .guide_area_content .campaign .campagin_desc h2 {
		font-size: 16px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc .deco {
		width: 60px;
		top: 25%;
		left: 0;
	}

	.page.guide .guide_area_content .area_eight li .area_box {
		min-height: 220px;
	}

	.page.guide .guide_area_content .area_eight li .area_box h3 {
		font-size: 20px;
	}

	.page.guide a.see_more,
	.page.guide .guide_area_content p,
	.page.guide .guide_area_content .area_eight li .area_box p,
	.page.guide .guide_area_content .campaign .campagin_desc h3,
	.page.guide .guide_area_content .campaign .campagin_desc p,
	.page.guide .guide_area_content .icon_box li h4,
	.page.guide .guide_benefit .col_box:hover p {
		font-size: 15px;
	}

	.page.guide .basic_contact_float {
		width: 120px;
		height: 120px;
		padding: 12px 10px;
	}

	.page.guide .basic_contact_float h4 {
		font-size: 13px;
	}

	.page.guide .basic_contact_float img {
		width: 37px;
	} */

	/* guide & joinbf-new */

	/* .basic_contact_joinbf {
		padding: 12px 30px 30px 30px !important;
	}

	.basic_contact_joinbf h4 {
		width: 100%;
		padding: 15px 0px 5px 0 !important;
		font-size: 13px !important;
	}

	.basic_contact_joinbf span {
		display: inline-block;
		margin-bottom: 5px !important;
	}

	.basic_contact_joinbf b {
		width: auto !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.basic_contact_joinbf b:first-child {
		margin-top: 0;
	}

	.basic_contact_joinbf .basic_button {
		float: left;
		margin: 0 !important;
		font-size: 13px !important;
	} */
}

@media only screen and (max-width: 1250px) {
	/* 기존 코드 수정 시작 */
	body {
		font-size: 15px;
	}

	.btn {
		font-size: 14px;
		padding: 9px 15px;
	}

	.sub-wrap {
		width: 100%;
		max-width: 1536px;
		padding: 240px 40px 130px 40px;
	}

	/* 기존 코드 수정 끝 */

	.my-breadcrumbs {
		height: 42px;
		line-height: 40px;
		font-size: 14px;
	}

	.menu_sitemap {
		right: 38px;
	}

	.menu_sitemap a.main_login {
		font-size: 15px;
	}

	.menu_sitemap a.main_donate {
		font-size: 15px;
		margin-right: 15px;
	}

	.menu_sitemap a.main_donate img {
		width: 13px;
		margin-left: 5px;
	}

	.menu_sitemap img {
		width: 30px;
	}

	.sitemap_box {
		padding: 30px 20px 30px 20px;
	}

	.sitemap_box ul li a {
		font-size: 13px;
	}

	.sitemap_box ul li.sitemap_d1 a {
		font-size: 17px;
	}

	.sitemap_msg {
		height: 59px;
		line-height: 60px;
		font-size: 16px;
	}

	.ex_header .sitemap_msg {
		font-size: 15px;
	}

	.sitemap_box ul li.sitemap_d1 img {
		width: 15px;
	}

	.custom_modal .modal-bg .modal-cont .close {
		right: 38px;
		top: 17px;
	}

	.custom_modal .modal-bg .modal-cont .close img {
		width: 25px;
	}

	.icon_menu_box {
		width: 950px;
	}

	.icon_menu {
		height: 110px;
	}

	.icon_menu p {
		font-size: 12px;
		letter-spacing: -0.5px;
	}

	.icon_menu img {
		width: 50px;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.img_slogan {
		left: 30px;
		width: 200px;
	}

	.submenu_g {
		min-height: 220px;
		padding: 12px 0;
	}

	.topMenuLi:hover .submenu {
		height: 330px;
	}

	.search-area {
		height: 55px;
	}

	.search-area input {
		height: 55px;
		line-height: 55px;
		font-size: 17px;
	}

	.search-area .btn-close {
		right: 38px;
		top: 17px;
	}

	.recent_post_container {
		padding: 50px 40px;
	}

	.front_post_header h3 {
		font-size: 18px;
	}

	.front_post_header h3 img {
		width: 16px;
	}

	#wppsac-post-carousel-1 .wppsac-post-image-bg {
		margin-bottom: 15px !important;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 15px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title {
		margin-top: -5px !important;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 15px;
		line-height: 1.5;
	}

	.home_slide .tp-bullets {
		width: 100% !important;
		padding: 0 40px;
		top: 125px !important;
	}

	.home_slide .tparrows {
		width: 50px !important;
		height: 50px !important;
		margin-top: -40px;
	}

	.home_slide .tp-leftarrow {
		transform: none !important;
		left: 25px !important;
	}

	.home_slide .tp-rightarrow {
		transform: none !important;
		right: 25px !important;
		left: auto !important;
	}

	.home_slide_txtbox {
		top: 175px !important;
		left: 100px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 30px !important;
		margin-left: -2px !important;
	}

	.home_slide_txtbox p {
		font-size: 17px !important;
		margin-bottom: 25px !important;
	}

	.home_slide_txtbox.simple p {
		font-size: 21px !important;
	}

	.home_slide_txtbox a,
	.home_slide .rev-btn,
	.home_slide .btn-slider {
		font-size: 15px !important;
		padding: 12px 25px 11px 25px !important;
		border-radius: 0 20px !important;
	}

	.home #section1 .list_link_featured li {
		padding: 20px 25px;
		height: 85px;
	}

	.home #section1 .list_link_featured li .bn_icon {
		width: 37px;
		margin-right: 12px;
		margin-top: 4px;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 42px;
	}

	.home #section1 .list_link_featured a li.banner_apply .bn_icon {
		width: 45px;
		margin-top: -3px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 14px;
		margin-bottom: 0;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 12px;
	}

	.home #section1 .list_link_featured .btn_donate {
		right: 39px;
		width: 125px;
		height: 125px;
	}

	.home #section2 .front_post_header {
		padding-top: 10px;
	}

	.home #section2 .recent_post_container {
		padding: 70px 30px;
	}

	.home #section2 .recent_post_right {
		padding: 5px 10px 0 30px;
	}

	.home #section2 .recent_post_right h4 {
		padding-top: 25px;
	}

	.home #section3 .quicklink li {
		height: 130px;
	}

	.home #section3 .quicklink li p {
		font-size: 16px;
	}

	.home #section3 .quicklink li img {
		width: 75px;
	}

	.home #section4 .video_promotion .img_seed_right {
		right: -108px;
	}

	.home #section4 .video_promotion .img_seed_left {
		left: -108px;
	}

	.home #section5 .recent_post_box:nth-child(1) {
		padding-right: 24px;
	}

	.home #section5 .recent_post_box:nth-child(2) {
		padding: 0 12px;
	}

	.home #section5 .recent_post_box:nth-child(3) {
		padding-left: 24px;
	}

	.home #section5 .front_post_content ul li {
		font-size: 15px;
		line-height: 30px;
	}

	.page.aboutus #section2 .intro {
		max-width: 900px;
	}

	.page.aboutus #section2 .txt li {
		padding: 20px;
		height: 130px;
	}

	.page.aboutus #section2 .txt li span.num {
		font-size: 20px;
		margin-top: -3px;
	}

	.page.aboutus #section2 .txt li span.activity {
		width: 85%;
		font-size: 14px;
	}

	.page.annual-report .basic_tab .tab_container .tab_content_box {
		padding: 65px 60px 60px 60px;
	}

	.page.bfstory .section .intro {
		padding-top: 128px !important;
	}

	.page.bfstory .sub-wrap {
		max-width: 100%;
		padding: 11px 45px 45px 45px !important;
	}

	.page.change .basic_box {
		margin-bottom: 120px;
	}

	.page.corporate .basic_box_icon h4 {
		line-height: 1.5;
		font-size: 15px;
		margin-top: 10px !important;
	}

	.page.corporate .basic_box_icon p {
		margin-bottom: 15px;
		font-size: 12px !important;
	}

	.page.corporate .basic_gallery h4 {
		font-size: 15px;
	}

	.page.donation .scenario-area {
		height: 130px;
		margin-bottom: 35px;
		max-width: 850px;
	}

	.page.donation .scenario-area li {
		background-size: 60px;
		height: 130px;
		padding: 80px 0 20px 0;
		background-position: 50% 25px;
	}

	.page.donation .scenario-area li span {
		font-size: 15px;
	}

	.page.donation #section0 .intro {
		padding-top: 110px !important;
	}

	.page.donation #section2 {
		background-size: 110%;
		background-position: 50% 20%;
	}

	.page.donation #section2 .intro {
		padding-bottom: 80px !important;
	}

	.page.introduction #section0 .intro {
		padding-bottom: 30px !important;
		padding-top: 80px !important;
	}

	.page.introduction #section0 .intro .txt {
		padding-bottom: 10px !important;
	}

	.page.introduction #section2 .intro {
		padding-bottom: 100px !important;
	}

	.page.introduction #section3 {
		background-size: 120%;
	}

	.page.introduction #section3 .intro {
		padding-bottom: 150px !important;
	}

	.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix {
		height: 120px;
		width: 120px;
		font-size: 15px;
		padding-top: 23px;
	}

	.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix img {
		width: 30px;
	}

	.page.introduction #popup-wrap.btn_business_apply button {
		width: 30px;
		height: 30px;
		background-size: 12px;
	}

	.page.introduction #popup-wrap.btn_business_apply #popup-container {
		right: 60px;
		top: 190px;
	}

	.page.introduction .scenario-area {
		max-width: 650px;
	}

	.page.introduction .scenario-area li a {
		height: 110px;
		padding: 72px 0px 20px 0px;
		background-size: 60px;
		background-position: 50% 20px;
	}

	.page.introduction .scenario-area li a h3,
	.page.introduction .scenario-area li a h3 span {
		font-size: 14px;
	}

	.page.introduction .scenario-area li a:hover,
	.page.introduction .scenario-area li a:active,
	.page.introduction .scenario-area li a:focus {
		padding: 30px 0px 20px 0px;
	}

	.page.joinbf .joinbf_fund_contact_button {
		margin-left: 0;
	}

	.page.joinbf .joinbf_benefit_banner {
		padding-top: 30px;
	}

	.page.joinbf .joinbf_area_content .item_campaign.crying {
		background-size: 100%;
		background-position: 100% 100%;
	}

	footer .list_link_outlink h3 {
		font-size: 18px;
	}

	footer .list_link_outlink .list_link_sns {
		margin-right: 20px;
	}

	footer .list_link_outlink .list_link_sns a {
		padding: 0 15px;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 24px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 18px;
	}

	footer .list_link_outlink .link_newsletter img {
		width: 25px;
		margin-left: 10px;
	}

	footer .footer .logo {
		width: 130px;
		margin-top: -3px;
	}

	footer .footer_left {
		margin-right: 30px;
	}

	footer .footer .footer_info {
		font-size: 12px;
	}

	footer .footer .menu li {
		margin-right: 20px;
	}

	footer .footer .menu li a {
		font-size: 13px;
	}

	footer .footer .familysite {
		width: 170px;
	}

	footer .footer .familysite select {
		font-size: 13px;
		padding: 8px 9px;
	}

	footer .footer .btn_gotop img {
		width: 40px;
	}

	.document_list .link_item p {
		font-size: 13px;
		letter-spacing: -1px;
	}

	/*2021개편*/
	.section .title {
		font-size: 25px;
		padding-bottom: 20px !important;
	}

	.section .txt {
		font-size: 15px;
		padding-bottom: 30px !important;
	}

	.section .btn {
		font-size: 15px;
		min-width: 150px !important;
		padding: 10px 38px 10px 18px;
		background-position: right 15px top 50%;
		background-size: 8px;
	}

	.section .scrolldown .img {
		width: 30px;
		height: 35px;
		background-size: 30px;
	}

	.scenario-area li a:hover .area-info,
	.scenario-area li a:active .area-info,
	.scenario-area li a:focus .area-info {
		background-size: 20px;
	}

	/*2021개편*/
	.sub-wrap h2 {
		font-size: 30px;
		line-height: 1.5;
	}

	.sub-wrap h2.sub {
		font-size: 27px;
	}

	.basic_box h3 {
		font-size: 17px;
	}

	.basic_box h3 img {
		margin-top: -3px;
		margin-right: 10px;
	}

	.basic_box h3 a.see_more {
		font-size: 20px;
		margin-top: 0;
	}

	.basic_box.fundmaking_video h4 {
		font-size: 15px;
		padding-top: 45px;
	}

	.basic_box_icon img {
		width: 70px;
	}

	.basic_box_icon h4 {
		font-size: 15px;
	}

	.basic_box_icon p {
		font-size: 12px;
		margin-bottom: 0 !important;
	}

	.basic_box_process li {
		background-size: 15px;
	}

	.basic_box_process h4 {
		font-size: 13px;
		margin-bottom: 0;
	}

	.basic_box_process_plain li {
		padding: 15px 15px;
		border-radius: 5px;
	}

	.basic_box_process_plain li b {
		background-size: 15px;
		right: -27%;
	}

	.basic_box_process_plain.col8 li b {
		right: -22%;
	}

	.basic_box_process_plain li p {
		font-size: 12px;
	}

	.basic_box_process_plain li h4 {
		line-height: 1.5;
	}

	.basic_box_process_plain li h4 br {
		display: none;
	}

	.basic_box_content_people {
		padding: 50px 30px 30px 30px !important;
	}

	.basic_box_content_people h4 {
		font-size: 20px;
	}

	.basic_box_content {
		padding: 20px 25px;
	}

	.basic_box_content h5 {
		font-size: 15px;
	}

	.basic_gallery li {
		padding: 15px 15px;
	}

	.basic_gallery .img_box h5 {
		font-size: 12px;
		padding: 6px 12px 5px 12px;
		border-radius: 0 12px;
	}

	.basic_gallery p {
		font-size: 13px;
	}

	.basic_contact h4 {
		font-size: 12px;
	}

	.basic_button {
		font-size: 12px;
	}

	.box-info {
		padding: 15px 15px;
	}

	.basic_box_content_csr h4 {
		font-size: 20px;
		line-height: 1.5;
	}

	.basic_box_content_csr p {
		font-size: 14px;
	}

	.basic_box_content_csr .graph_label {
		margin-top: 53%;
	}

	.basic_box_content_logo {
		padding: 15px 25px;
	}

	.basic_contact_float {
		width: 110px;
		padding: 15px;
		top: 160px;
	}

	.basic_contact_float h4 {
		font-size: 12px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.basic_contact_float p {
		font-size: 12px;
		margin-bottom: 5px !important;
	}

	.basic_contact_float.btn_fundgallery {
		top: 345px;
		padding: 15px 0;
	}

	.basic_contact_float.btn_fundgallery h4 {
		padding-top: 5px;
		font-size: 14px;
	}

	.basic_contact_float.btn_fundgallery_kimgunja {
		width: 140px;
	}

	.basic_contact_float.btn_fundgallery_kimgunja h5 {
		font-size: 13px;
	}

	.basic_feature_link a h3 {
		font-size: 17px;
	}

	.mobile_hide {
		display: none;
	}

	.title-wrap .smallchange_seed_left {
		width: 70px;
		left: 20px;
		top: 20px;
	}

	.title-wrap .smallchange_seed_right {
		width: 70px;
		right: 0;
		top: 50px;
	}

	.change_slide {
		margin-bottom: 50px;
	}

	.change_slide_txtbox_light p {
		font-size: 15px !important;
	}

	.change_slide_txtbox_light h3 {
		font-size: 15px !important;
	}

	.change_slide_txtbox_light.right,
	.change_slide_txtbox_light.right2 {
		left: 450px !important;
	}

	.change_slide .tparrows {
		width: 50px !important;
		height: 50px !important;
		margin-top: 0px;
	}

	.change_slide .tp-bullet {
		width: 20px;
		height: 20px;
		border-radius: 18px 0;
	}

	.popup_modal .popup_modal_bg .popup_modal_content {
		padding: 30px;
		width: 500px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content.wide {
		width: 750px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content p {
		font-size: 12px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content h2 {
		font-size: 17px;
		margin-bottom: 5px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content h2 img {
		height: 40px;
		margin-right: 10px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content ul li h3 {
		font-size: 13px;
		background-size: 12px;
		padding-left: 19px;
		padding-right: 5px;
		letter-spacing: 0;
	}

	.popup_modal .popup_modal_bg .popup_modal_content ul li span {
		font-size: 9px;
		padding: 4px 7px 3px 7px;
		margin-top: 6px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_list {
		margin: 15px 0;
		padding: 10px 0;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_link a {
		font-size: 13px;
		padding: 11px 12px 10px 12px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_close {
		top: 7px !important;
		right: 10px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_close img {
		width: 20px;
	}

	.basic_contact h4 {
		font-size: 13px;
	}

	.basic_contact b {
		display: inline-block;
		width: 100%;
		margin-bottom: 5px;
	}

	.basic_contact span {
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}

	.basic_contact .basic_button {
		margin-left: 0;
		font-size: 13px;
	}

	.basic_contact.story span {
		margin: 0 0 10px 0;
	}

	.basic_contact.story .btn-link {
		margin: 0;
	}

	.container_changestory .business-contents {
		width: 73%;
		padding: 170px 40px 70px 40px;
	}

	.container_changestory .business-subtitle {
		width: 27%;
	}

	.container_changestory .business-subtitle h2 {
		font-size: 22px;
	}

	.container_changestory .business-subtitle .btn-area h3 {
		font-size: 15px;
	}

	.container_changestory .basic_tab .tab_depth {
		padding: 20px 20px 10px 20px;
	}

	.container_changestory .basic_tab .tab_depth ul li {
		margin: 0 10px 10px 0;
		padding: 10px 18px 12px 18px;
		font-size: 14px;
	}

	.container_changestory .basic_tab .tab_container h2 {
		margin-bottom: 15px;
		font-size: 20px;
	}

	.container_changestory .basic_tab .tab_container h3 {
		font-size: 17px;
	}

	.container_changestory .basic_tab .tab_container h3.subtitle {
		margin-bottom: 15px;
	}

	.container_changestory .basic_tab .tab_container p {
		margin-bottom: 15px;
	}

	.container_changestory .btn-business-list .btn-business .area-title {
		font-size: 13px;
	}

	.container_changestory .btn-business-list .btn-business li a {
		background-size: 40px !important;
	}

	.container_changestory .business-subtitle .subtitle img {
		width: 100px;
	}

	.container_changestory .basic_box_line {
		padding: 20px 30px;
	}

	.container_changestory .business-post li {
		font-size: 14px;
		padding: 0 10px;
	}

	.container_changestory .basic_box h3 .title_subtext {
		margin-top: 5px;
		font-size: 15px;
	}

	.container_changestory .btn_box a.btn_style3 {
		font-size: 13px;
	}

	.text_small {
		font-size: 13px;
	}

	.container_changestory.new .basic_tab .tab_depth {
		width: 380px;
	}

	.container_changestory.new .basic_tab .tab_container {
		width: calc(100% - 380px);
	}

	.container_changestory.new .business-subtitle .subtitle h2 {
		font-size: 30px;
	}

	/*2021 bfstory*/
	.blog_list .blog_box {
		margin-bottom: 25px;
	}

	.link_tab a {
		line-height: 45px;
	}

	.blog_search h2,
	.blog_search h3 {
		font-size: 15px !important;
	}

	.blog_search_button {
		top: 320px;
		font-size: 13px;
	}

	.blog_search .featured_tag a {
		font-size: 13px;
		line-height: 30px !important;
	}

	.blog_search .blog_tagbox h3 img {
		width: 17px;
	}

	#nav-content {
		max-width: 300px;
	}

	.search_custom input {
		height: 35px !important;
		line-height: 35px !important;
		font-size: 14px !important;
	}

	.search_custom button {
		height: 35px !important;
		padding: 4px 5px !important;
	}

	.search_custom button svg {
		width: 24px;
	}

	/* video */
	.video .su-lightbox-content,
	.category-video .su-lightbox-content,
	.search .su-lightbox-content {
		max-width: 900px !important;
	}

	.video_detail .video_desc {
		height: 220px;
	}

	/*2021 fundgallery*/
	.fundgallery-subtitle {
		width: 100%;
		padding-left: 0;
	}

	.fundgallery-subtitle h2 {
		font-size: 25px !important;
	}

	.fundgallery-subtitle .subtitle-wrap {
		float: left;
		width: 100%;
		padding: 25px 30px 20px 30px;
	}

	.fundgallery-contents {
		width: 100%;
		margin: 0;
		padding: 0 40px;
	}

	.fundgallery-contents .comment {
		font-size: 25px;
	}

	.fundgallery-subtitle .left_box {
		width: 35%;
		float: left;
		padding-right: 30px;
	}

	.fundgallery-subtitle .right_box {
		width: 65%;
		float: left;
	}

	.cell_left .fund-img {
		margin-bottom: 10px;
	}

	.cell_right .txt-area {
		margin: 0;
	}

	.fund_search h2,
	.fund_search h3 {
		font-size: 15px !important;
	}

	.fund_search_button {
		top: 170px;
		width: 120px;
		height: 120px;
		font-size: 15px;
	}

	.fund_search_button .img_search_icon {
		margin-top: 10px;
	}

	.fund_search .featured_tag a {
		font-size: 13px;
		line-height: 30px !important;
	}

	.fund_search .blog_tagbox h3 img {
		width: 17px;
	}

	#nav-content {
		max-width: 300px;
	}

	.fund_search_custom input {
		height: 35px !important;
		line-height: 35px !important;
		font-size: 14px !important;
	}

	.fund_search_custom button {
		height: 35px !important;
	}

	.fund_search_custom button svg {
		width: 25px;
	}

	#popup-wrap.btn_business_apply #popup-container {
		right: 30px;
		top: 160px;
	}

	#popup-wrap.btn_business_apply .btn_apply_fix {
		height: 120px;
		width: 120px;
		font-size: 15px;
		padding-top: 25px;
	}

	#popup-wrap.btn_business_apply .btn_apply_fix img {
		width: 30px;
	}

	#popup-wrap.btn_business_apply button {
		width: 30px;
		height: 30px;
		right: -15px;
		top: -15px;
		background-size: 12px;
	}

	#popup-wrap.btn_donate_post #popup-container {
		top: auto;
		bottom: 40px;
	}

	#popup-wrap.btn_donate_post .popup-box {
		width: 160px;
		font-size: 110%;
	}

	#popup-wrap.btn_donate_post .popup-box a {
		font-size: 14px;
	}

	#popup-wrap.popup_main .popup-box {
		width: 200px;
		height: 210px;
	}

	#popup-wrap.popup_main #popup-container {
		top: 220px !important;
	}

	/* archve */
	.search_custom {
		max-width: 350px;
	}

	.archive_detail .archive_detail_top_right {
		padding-top: 0;
	}

	.archive_detail .archive_detail_category {
		font-size: 17px;
	}

	.archive_detail .archive_detail_title {
		font-size: 22px;
	}

	/*newsletter*/
	.newsletter-area1 {
		height: 400px;
		padding-top: 170px !important;
		background-size: 110% !important;
	}

	.page.newsletter .newsletter_box img {
		max-width: 220px;
	}

	/* guide & joinbf-new */

	.page.guide a.see_more,
	.page.guide .guide_area_content p,
	.page.guide .guide_area_content .area_eight li .area_box p,
	.page.guide .guide_area_content .campaign .campagin_desc h3,
	.page.guide .guide_area_content .campaign .campagin_desc p,
	.page.guide .guide_area_content .icon_box li h4,
	.page.guide .guide_benefit .col_box:hover p {
		font-size: 14px;
	}

	.page.guide .guide_area_content .area_eight li .area_box p {
		font-size: 13px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc,
	.page.guide .guide_area_content .campaign .campagin_desc h2 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_area_content .item .btn {
		padding: 5px 10px 5px 10px;
		font-size: 13px;
	}

	.page.joinbf .joinbf_area_content .item .bfday_logo {
		height: 25px;
	}

	.page.joinbf .joinbf_area_menu {
		left: 40px;
	}

	.page.joinbf .joinbf_area_menu a {
		padding-left: 20px;
		background-size: 13px;
		font-size: 13px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box .joinbf_intro_button a {
		width: 250px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 1200px) {
	/* guide & joinbf-new */
	.page.joinbf .joinbf_area_content .item_campaign,
	.page.joinbf .joinbf_area_content .item_beautifulday,
	.page.joinbf .joinbf_area_content .item_download {
		min-height: 240px;
	}

	.page.joinbf .joinbf_area_content .item_download .gap {
		display: block;
	}

	.page.joinbf .joinbf_area_content .row_change .col {
		width: 100%;
		margin-bottom: 10px;
	}

	.page.joinbf .joinbf_area_content .item {
		padding: 10px 30px;
	}

	.page.joinbf .joinbf_area_content .item_change.top,
	.page.joinbf .joinbf_area_content .item_change.bottom {
		background-position: 20px 19px;
	}

	.page.joinbf .joinbf_area_content .item_change.top .v_center,
	.page.joinbf .joinbf_area_content .item_change.bottom .v_center {
		top: 50%;
	}

	.page.joinbf .joinbf_area_content .item_change {
		min-height: 80px;
		background-size: 15px;
	}

	.page.joinbf .joinbf_area_content .item_change .v_center {
		padding-left: 42px;
	}

	.page.joinbf .joinbf_area_content .item_campaign.eighteen {
		background-position: right bottom 10px;
	}
}

@media only screen and (max-width: 1024px) {
	body,
	.single {
		font-size: 14px;
	}

	.btn {
		font-size: 13px;
		padding: 8px 12px;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	/* list */

	.list-order li:last-child {
		padding-bottom: 0;
	}

	.pc-break {
		display: inline;
	}

	.m-break {
		display: block;
	}

	.pc-hidden {
		display: block;
	}

	.m-hidden {
		display: none;
	}

	.m-txt,
	.btn-pageup {
		display: block;
	}

	.copyright img {
		width: 40px;
	}

	.container {
		padding-left: 40px;
		padding-right: 40px;
	}

	#header,
	#menu {
		display: none;
	}

	#m-header {
		display: block !important;
		position: fixed;
		top: 0;
		width: 100%;
		height: 64px;
		background-color: #fff;
		border-bottom: #000 1.5px solid;
		z-index: 999;
	}

	#m-header .m-logo,
	#m-header .yellow-ribbon,
	#m-header .btn-donation,
	#m-header .btn-nav {
		position: absolute;
	}

	#m-header .m-logo a,
	#m-header .btn-nav {
		display: block;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	#m-header .m-logo {
		left: 15px;
		margin: 0;
	}

	/* logo */
	#m-header .m-logo a {
		height: 53px;
		float: left;
	}

	#m-header .m-logo img {
		height: 32px;
		vertical-align: top;
		margin-top: 16px;
	}

	#m-header .btn-nav {
		display: block;
		position: absolute;
		top: 16px;
		right: 14px;
		width: 32px;
		height: 32px;
		background-image: url(./img/icons/icon_list.svg);
		background-size: 26px;
		background-position: 50% 50%;
	}

	#m-header .btn-nav.btn-close {
		background-image: url(./img/icons/icon_close.svg);
	}

	#m-header .yellow-ribbon {
		left: 135px;
		top: 10px;
		width: 24px;
		height: 34px;
		background-size: 24px;
	}

	#m-header .btn-donation {
		width: 60px;
		height: 52px;
		border-left: #e7e7e7 1px solid;
		right: 61px;
		line-height: 16px;
		font-size: 11px;
		font-weight: 600;
		padding-left: 0;
		padding-top: 11px;
		text-indent: 0;
		color: #333;
		text-align: center;
		letter-spacing: -1px;
		font-family: "Happiness-Sans", sans-serif !important;
	}

	#m-header .search_mobile {
		display: none;
		position: absolute;
		top: 16px;
		right: 47px;
		width: 32px;
		height: 32px;
		background: url(./img/icons/icon_search.svg) no-repeat;
		background-size: 26px;
		background-position: 50% 50%;
	}

	#m-header .search-area {
		top: 64px;
		width: 100%;
		height: 64px;
		left: 0;
		margin: 0;
		padding: 0 16px;
		border-radius: 0;
		border: 0;
		border-bottom: 1.5px solid #222;
		text-align: left;
	}

	#m-header .search-area input {
		height: 40px;
		line-height: 53px;
		text-align: left;
		font-size: 15px;
		border: 1.5px solid #222;
		border-radius: 20px;
		margin-top: 12px;
		padding: 0 20px;
	}

	#m-header .search-area input::placeholder {
		line-height: 52px;
	}

	#m-header .search-area .btn-close {
		top: -47px;
		right: 42px;
		padding: 2px;
	}

	#m-nav {
		position: fixed;
		top: 0;
		right: 0;
		width: 270px;
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		min-height: 0;
		background-color: #fff;
		z-index: 99999;
		font-family: "Happiness-Sans", sans-serif !important;
	}

	#m-nav .main,
	#m-nav .sidemenu,
	#m-nav .sns,
	#m-nav .copyright {
		padding: 0 20px;
	}

	#m-header .btn-en {
		position: absolute;
		justify-content: center;
		align-items: center;
		top: 17px;
		right: 84px;
		display: none;
		transition: opacity 0.3s ease;
		width: 58px;
		height: 30px;
		border-radius: 150px;
		font-weight: 400;
		border: 1.5px solid #222;
	}

	#m-header .btn-en:hover {
		color: #222;
	}

	.mobileMenuWrap {
		display: flex;
		width: 100%;
		height: 100%;
	}

	.mobileMenuLeft {
		padding: 24px 20px;
		border-right: 1.5px solid #222;
	}

	.mobileMenuLeft li a {
		display: flex;
		width: 100%;
		height: 48px;
		justify-content: center;
		align-items: center;
		font-size: 18px;
		line-height: 24px;
		border: 1.5px solid #222;
		border-radius: 50px;
		margin-bottom: 12px;
	}

	.mobileMenuLeft li.active > a {
		border-color: #ffa400;
		color: #ffa400;
	}

	.mobileMenuLeft li:nth-child(2).active > a {
		border-color: #5ddfff;
		color: #5ddfff;
	}

	.mobileMenuLeft li:nth-child(3).active > a {
		border-color: #ff9dff;
		color: #ff9dff;
	}

	.mobileMenuLeft li:nth-child(5).active > a {
		border-color: #1cd760;
		color: #1cd760;
		background-color: #fff;
	}

	.mobileMenuLeft li:nth-child(6).active > a {
		border-color: #ffa300;
		color: #ffa300;
		background-color: #fff;
	}

	.mobileMenuLeft li:nth-child(5) a {
		background-color: #b3e863;
	}

	.mobileMenuLeft li:nth-child(6) a {
		background-color: #ffa300;
	}

	.mobileMenuLeft,
	.mobileMenuRight {
		width: 50%;
		overflow-y: auto;
	}

	.mobileMenuRight .sub-menu {
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding: 36px 20px;
	}

	.mobileMenuRight .sub-menu a {
		font-size: 16px;
		line-height: 24px;
	}

	.mobileMenuRight .current-menu-item a {
		color: #ffa400;
	}

	.mobileMenuLeft .sub-menu {
		display: none;
	}

	.mobileBotMenu {
		position: absolute;
		bottom: 64px;
		left: 0;
		border-top: 1.5px solid #222;
		background-color: #fff;

		width: 100%;
	}

	.mobileBotMenuWrap {
		display: flex;
		overflow-x: scroll;
		align-items: center;
		padding: 0 16px;
		height: 70px;
		width: 100%;
	}

	.mobileBotMenu::after,
	.mobileBotMenu::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 16px;
		height: 70px;
		background: linear-gradient(
			90deg,
			#fff 0%,
			rgba(255, 255, 255, 0) 100%
		);
	}

	.mobileBotMenu::after {
		left: unset;
		width: 20%;
		right: 0;
		background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			#fff 100%
		);
		pointer-events: none;
	}

	#menu-quick-1 {
		display: flex;
		gap: 12px;
	}

	#menu-quick-1 li a {
		display: flex;
		padding: 0 18px;
		height: 40px;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		line-height: 24px;
		border: 1.5px solid #222;
		border-radius: 50px;
	}

	#menu-quick-1 li:first-child a {
		color: #ffa300;
		border-color: #ffa300;
	}

	#menu-quick-1 li:first-child a::before {
		content: "";
		display: block;
		width: 17px;
		height: 18px;
		margin-right: 6px;
		background-image: url(./img/icons/icon_login.svg);
	}

	#menu-quick-1 li a:hover {
		color: #222;
	}

	#m-nav {
		display: none;
	}

	#m-nav .sidemenu,
	#m-nav .sns {
		margin-top: 12px;
	}

	#m-nav .sidemenu li {
		line-height: 1;
	}

	#m-nav .sidemenu li a {
		padding: 8px 0;
		font-size: 13px;
		display: block;
	}

	#m-nav .sns .menu li {
		float: left;
	}

	#m-nav .sns .menu li a {
		display: block;
		width: 20px;
		height: 20px;
		text-indent: -9999px;
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		margin-right: 15px;
	}

	#m-nav .sns .menu .facebook a {
		background: url(./img/ic_sns_fb.png);
		margin-left: -5px;
		margin-right: 10px;
	}

	#m-nav .sns .menu .naverpost a {
		background: url(./img/ic_sns_np.png);
	}

	#m-nav .sns .menu .youtube a {
		background: url(./img/ic_sns_yt.png);
	}

	#m-nav .sns .menu .happybean a {
		background: url(./img/ic_sns_hb.png);
	}

	#m-nav .sns .menu .instagram a {
		background: url(./img/ic_sns_in.png);
	}

	#m-nav .copyright {
		margin-top: 18px;
		font-size: 10px;
		line-height: 160%;
		color: #999;
	}

	#m-nav .copyright b {
		font-weight: 500;
	}

	#m-nav .copyright span {
		margin-right: 7px;
	}

	#m-nav .btn-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 53px;
		height: 53px;
		padding: 12px 12px;
		background: none;
		border: 0;
	}

	#m-nav .btn-close .close-bar {
		display: block;
		width: 100%;
		height: 2px;
		background: #fff;
		border-radius: 100px;
	}

	#m-nav .btn-close .close-bar:nth-of-type(1) {
		transform: translate3d(0, 0px, 0) rotate(45deg);
	}

	#m-nav .btn-close .close-bar:nth-of-type(2) {
		transform: translate3d(0, -2px, 0) rotate(-45deg);
	}

	.frontPage {
		margin-top: 64px;
	}

	.homeTitle .cont {
		width: 100%;
		flex-direction: column;
		padding: 30px 0;
	}

	.seq-wrap .lefter,
	.seq-wrap .righter {
		margin: 0;
		text-align: center;
	}

	.homeTitle h1 {
		font-size: 22px;
		line-height: 28px;
	}

	.homeTitle h1 + p {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 14px;
	}

	a.rbtn.join {
		padding: 12px 24px;
	}

	a.rbtn.join,
	a.rbtn.join strong {
		font-size: 14px;
		line-height: 20px;
		background-color: #b3e863;
	}

	.seq-bg {
		top: 45px;
		left: 220px;
		width: auto;
		height: 40%;
	}

	.contRow {
		width: 100%;
		padding: 0 16px;
	}

	.scrollWrap {
		overflow-x: auto;
		display: flex;
		gap: 16px;
		padding-bottom: 8px;
		width: calc(100% + 32px);
		margin: 0 -16px;
		padding: 0 16px;
	}

	.scrollWrap .featuredItem {
		flex: 0 0 74%;
		scroll-snap-align: start;
	}

	.featuredList {
		row-gap: 50px;
		margin: 20px 0 60px;
	}

	.featuredList .featuredItem.big {
		flex: 0 0 100%;
	}

	.featuredList .featuredItem h2 {
		font-size: 18px;
		line-height: 25px;
	}

	.featuredList .featuredItem.big h2 {
		font-size: 20px;
		line-height: 28px;
	}

	.cateCont {
		gap: 5px;
		margin: 14px 0 10px;
	}

	.srbtn {
		font-size: 11px;
		line-height: 16px;
		padding: 3px 12px;
	}

	.cont {
		width: 100%;
		padding: 0 16px;
	}

	.listQuad {
		gap: 16px;
		margin-bottom: 50px;
	}

	.home .mainBusiness .listQuad {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		padding: 0;
		list-style: none;
	}

	.home .mainBusiness .listQuad li {
		display: flex;
		flex-direction: column;
		min-width: 0;
		min-height: 0;
		/* iOS 수축 허용 */
		text-decoration: none;
	}

	.home .mainBusiness .listQuad li h3 {
		min-height: 78px;
		height: 44px;
	}

	.home .mainBusiness .listQuad li p {
		line-height: 22px;
		height: 44px;
		display: flex;
		align-items: flex-end;
	}

	.listQuad li {
		flex: 0 0 calc((100% - 16px) / 2);
	}

	.listQuad.arrowNews li {
		height: 254px;
		background-image: none;
	}

	.listQuad.arrowNews .cateCont {
		margin: 12px 14px 8px;
	}
	.listQuad.arrowNews h3 {
		font-size: 16px;
		line-height: 22px;
		margin: 0 14px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-word;
	}

	.expandAni img.seedIcon {
		width: 76px !important;
		height: 42px !important;
		object-fit: cover !important;
	}

	.mainBusiness .listQuad span,
	.mainBusiness a {
		padding: 16px;
	}

	.mainBusiness.piro .listQuad {
		margin: 0;
		padding-bottom: 24px;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.mainBusiness .cont h3 {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 0;
	}

	.mainBusiness .listQuad span img,
	.mainBusiness a img {
		margin: 20px auto 28px;
		width: 72px;
		height: 72px;
	}

	.mainBusiness.piro .listQuad span img {
		margin: 0 auto 14px;
		width: 72px;
		height: 72px;
	}

	.mainBusiness .listQuad p {
		width: 100%;
	}

	.works .cont {
		padding: 50px 16px 30px;
	}

	.works .cont .alignItemCenter {
		margin-bottom: 10px;
	}

	.works .cont .alignItemCenter br {
		display: none;
	}

	.carousel {
		width: 100%;
	}

	.carousel li {
		flex-direction: column;
		margin: 14px 0;
	}

	.carouselWrapper::before,
	.carouselWrapper::after {
		content: none;
	}

	.carouselInner .carouselBtn:first-child {
		margin-left: 0;
		position: relative;
		z-index: 2;
	}

	.carouselBtn {
		font-size: 16px;
		line-height: 24px;
		justify-content: center;
		padding: 0 26px;
		height: 48px;
	}

	.carouselBtn.mainBtn {
		font-size: 18px;
	}

	.carouselBtn.mainBtn::after {
		content: "";
		display: inline-block;
		background-image: url("./img/icons/icon_plus.svg");
		width: 12px;
		height: 12px;
		margin-left: 10px;
	}

	.carouselBtn.mainBtn.open::after {
		background-image: url("./img/icons/icon_minus.svg");
	}

	.carouselInner {
		width: 100%;
		gap: 8px;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
		-webkit-overflow-scrolling: touch;
		will-change: max-height;
		overflow: hidden;
		contain: layout paint;
		overflow-anchor: none;
	}

	.mainBtn,
	.carouselWrapper {
		-webkit-tap-highlight-color: transparent;
		user-select: none;
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}

	.mainBtn {
		touch-action: manipulation;
	}

	.carouselWrapper {
		display: flow-root;
		touch-action: pan-y;
		overflow: visible;
		overflow-anchor: none;
	}

	.open .carouselInner {
		margin: 0 auto;
	}

	.carouselWrapper.open {
		padding: 14px 0 10px;
	}

	.carouselBtn:focus-visible,
	.mainBtn:focus-visible {
		outline: 2px solid rgba(0, 0, 0, 0.25);
		outline-offset: 2px;
	}

	.lineBox {
		padding: 30px 0;
		flex-direction: column;
	}

	.sbtn {
		width: 74%;
		height: 44px;
		font-size: 14px;
	}

	.sacBg {
		width: 849px !important;
		height: 124px;
		background-size: cover;
		background-position-x: 24px;
	}

	.tps svg {
		width: 80px;
		height: 45px;
	}

	.tps.tps_01 {
		top: 30px;
		left: 105px;
	}

	.tps.tps_02 {
		top: 77px;
		left: 284px;
	}

	.tps h4 {
		font-size: 14px;
		line-height: 18px;
		padding: 2px 6px;
		bottom: 18px;
		left: -13px;
		font-weight: 400;
	}

	.pageSac .mainSac {
		padding: 40px 0 50px;
	}

	.pageSac .contRow h2 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 24px;
	}

	.swiperSac .swiper-slide {
		width: 74%;
	}

	.swiperSac .swiper-slide .imgWrap + h3 {
		left: 18px;
		bottom: 20px;
		font-size: 20px;
		line-height: 26px;
	}

	.nbtn {
		width: 32px;
		height: 32px;
	}

	.nbtn.prev {
		right: 44px;
	}

	.cont .expandAni h2 {
		text-align: left;
	}

	.contRow.news.p100 {
		padding: 60px 16px;
		align-items: flex-start;
	}

	.webzineList {
		margin: 0 0 50px;
	}

	.webzineList li {
		padding: 26px 0 40px;
	}

	.webzineList li a {
		flex-direction: column;
		gap: 14px;
	}

	.webzineList .imgWrap {
		float: none;
		width: 100%;
	}

	.webzineList h3 {
		font-size: 20px;
		line-height: 28px;
	}

	.webzineList p {
		font-size: 14px;
		line-height: 21px;
	}

	.expandAni .ssacBtn,
	.ssacBtn {
		margin: 0 auto;
	}

	.expandAni .ssacBtn,
	.ssacBtn img {
		width: 76px;
	}

	.listQuad.btnCont.mt120 {
		margin-top: 50px !important;
	}

	.btnCont li a {
		font-size: 18px;
		height: 56px;
	}

	.pop h2 {
		font-size: 18px;
		line-height: 25px;
		margin: 24px 0;
	}

	.aniCont {
		width: calc(100% + 32px);
		margin: 0 -16px;
		background-size: 194%;
		background-position: -3% 60%;
		height: 154px;
	}

	.aniCont .slot {
		width: 25%;
		margin-bottom: 90px;
	}

	.aniCont .slot.tall {
		margin-bottom: 112px;
	}

	.aniCont a.wubble {
		font-size: 12px;
		line-height: 16px;
	}

	

	.listTriple {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 80px;
	}

	.listTriple.rsa li {
		padding: 20px;
		height: unset;
		min-height: 82px;
	}

	.listTriple.rsa li h3 {
		font-size: 16px;
		line-height: 130%;
	}

	.listTriple.rsa li img {
		width: 50px;
		height: auto;
		right: 24px;
		bottom: 50%;
		margin-bottom: -25px;
	}

	.swiperSac .swiper-slide .imgWrap {
		height: auto;
		aspect-ratio: 4 / 5;
	}

	.pageRst .cont.fdc {
		align-items: flex-start;
	}

	.pageRst section h2.mb48 {
		margin-bottom: 40px !important;
	}

	.pageRst .fullRow.p120 {
		padding: 50px 0 80px;
	}

	ul.bubbles.mb120 {
		padding-bottom: 90px;
		border-bottom: 1.5px solid #222;
		margin-bottom: 60px !important;
	}

	ul.bubbles::after {
		bottom: 72px;
		font-size: 12px;
	}

	ul.bubbles li {
		margin-bottom: 20px;
		padding: 12px 0;
		min-height: unset;
		justify-content: center;
	}

	ul.bubbles li p {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.16px;
	}

	.bubbles li:nth-child(1) {
		padding: 24px 46px;
		margin-right: 0;
	}

	.bubbles li:nth-child(2) {
		margin-left: -30px;
		padding: 20px 40px;
		width: 91%;
	}

	.bubbles li:nth-child(3) {
		margin-left: 26px;
		padding: 20px 54px;
		width: 94%;
	}

	.bubbles li:nth-child(4) {
		margin-right: 0;
		padding: 20px 32px;
		width: 94%;
	}

	.bubbles li:nth-child(5) {
		margin-left: 0;
		padding: 24px 30px;
		width: 100%;
	}

	.bubbles li:nth-child(6) {
		margin-right: -36px;
		padding: 22px 32px;
		width: 90%;
	}

	.bubbles li:nth-child(7) {
		margin-right: 0;
		padding: 26px 32px;
		width: 100%;
	}

	ul.bubbles li.tR::after {
		right: -5px;
	}

	ul.bubbles li.tC::after {
		right: unset;
		left: 10%;
		bottom: -19px;
	}

	.pageRst section h2 + h3.mb48 {
		margin-bottom: 24px !important;
	}

	.swiperSac.manager .swiper-slide .imgWrap {
		height: auto !important;
		aspect-ratio: 1 / 1;
	}

	.swiperSac.manager .swiper-slide .manager {
		padding: 12px 18px;
		height: 106px;
	}

	.swiperSac.manager .swiper-slide .manager h3 {
		font-size: 18px;
		line-height: 25px;
	}

	.swiperSac.manager .swiper-slide .manager p {
		font-size: 14px;
		line-height: 20px;
	}

	.pageRst .cont.mt120.fdc {
		border-top: 1.5px solid #222;
		padding-top: 80px;
		margin-top: 60px !important;
	}

	.pageRst section h2.mb48 {
		text-align: left;
		font-size: 24px;
		line-height: 32px;
	}

	.postit.listQuad {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		margin-bottom: 40px;
	}

	.postit li {
		padding: 24px 20px;
		height: unset;
	}

	.postit.listQuad > li.is-hidden {
		display: none;
	}

	.postit li h3 {
		font-size: 14px;
		line-height: 20px;
		word-break: break-all;
	}

	.moreVoicesWrap {
		display: flex;
		width: 100%;
		justify-content: center;
	}

	.moreVoicesBtn {
		font-family: "Happiness-Sans";
		font-weight: 400;
		color: #222;
		display: flex;
		gap: 8px;
		font-size: 14px;
		line-height: 20px;
		padding: 12px 20px;
		border: 1.5px solid #222;
		background-color: #fff;
	}

	.moreVoicesBtn::after {
		content: "";
		display: block;
		background: url(./img/icons/icon_down.svg) no-repeat;
		width: 20px;
		height: 20px;
	}

	.is-hidden-btn {
		display: none;
	}

	.pageRst .fullRow.parallax-section {
		padding: 60px 0;
		height: unset;
	}

	.pageRst .fullRow.parallax-section .cont {
		align-items: center;
	}

	.pageRst section.parallax-section h2 {
		font-size: 20px;
		line-height: 26px;
	}

	.pageRst section.parallax-section p {
		margin-top: 24px;
		font-size: 16px;
		line-height: 24px;
	}

	.pageRst section.parallax-section p + strong {
		margin-top: 14px;
		font-size: 16px;
		line-height: 22px;
		padding: 0;
	}

	.pageRst section.parallax-section p.fz20.mb40 {
		margin: 14px 0 30px !important;
	}

	a.rbtn.join.ph64 {
		padding-left: 26px !important;
		padding-right: 26px !important;
		background-color: #fff;
	}

	a.rbtn.join.ph64 strong {
		background-color: #fff;
	}

	.star-layer {
		background-size: 170%;
	}

	.layer1 {
		background-position: -30px 0;
	}

	.layer2 {
		background-position: -70px 160px;
	}

	.layer3 {
		background-position: -100px 140px;
	}

	.pageRst .contRow.mt80.mb120 {
		margin: 80px 0 80px !important;
	}

	.pageRst .btnContColor.listTriple {
		gap: 14px;
		margin-bottom: 30px;
	}

	.pageRst .btnContColor a {
		padding: 14px 0;
	}

	.pageRst .btnContColor h2 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.pageRst .btnContColor p {
		margin-bottom: 0;
	}

	.btnContArrow.listTriple {
		width: 74%;
		gap: 14px;
	}

	.pageRst .modal-content {
		width: 100%;
		height: 100%;
		margin: 0;
		border: 1px solid #222;
	}

	.pageRst .modalBtnCont {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 16px 20px;
	}

	.pageRst .modalSwiper,
	.pageRst .modalSwiper2 {
		width: 100%;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
	}

	.pageRst .modal-content p {
		font-size: 14px;
		line-height: 20px;
	}

	.pageRst .modal-content h2 {
		font-size: 16px;
		line-height: 24px;
	}

	.pageRst .modalHeader {
		padding: 20px 22px 18px;
	}

	.pageRst .modalHeader h1 {
		font-size: 20px;
		line-height: 28px;
	}

	.pageRst .modalHeader p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 2px;
	}

	.pageRst .close-btn {
		top: 10px;
		right: 10px;
	}

	.pageRst .close-btn img {
		width: 50px;
		height: 50px;
	}

	.pageRst .modalBody,
	.pageRst .modalOrange,
	.pageRst .modalSwiper2 .modalOrange {
		padding: 20px 22px;
	}

	.nextBox {
		font-size: 14px;
		line-height: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 24px;
	}

	.modal-next-title .nextLabel {
		font-size: 12px;
		line-height: 16px;
	}

	.mainBusiness.piro h2 {
		text-align: left;
		margin-top: 60px !important;
	}

	.mainBusiness.piro h3 {
		font-size: 16px;
		line-height: 20px;
		height: 100px;
		margin-bottom: 14px;
	}

	.mainBusiness.piro p {
		line-height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 40px;
	}

	.rbtn.headerJoin {
		position: absolute;
		top: 17px;
		right: 56px;
		padding: 0 20px;
		height: 32px;
		background-color: #ffa400;
		align-items: center;
	}

	.rbtn.headerJoin:hover {
		color: #222;
		border-color: #222;
	}

	.pageSac .p30 {
		padding: 14px 0;
	}

	.p40 {
		padding: 40px 0 16px;
	}

	.p100 {
		padding: 60px 0;
	}

	.mb36 {
		margin-bottom: 24px !important;
	}

	.blurred {
		position: fixed;
		top: 0;
		z-index: 9999;
		width: 100%;
		height: 100%;
		display: block;
	}

	.section .title {
		margin: 0 auto;
		padding-bottom: 24px;
		font-size: 30px;
		line-height: 1.5;
	}

	.section .scrolldown .img {
		width: 24px;
		height: 24px;
		background-size: 24px;
		background-image: url(./img/btn_scroll.png);
	}

	.section .scrolldown:hover .img {
		background-image: url(./img/btn_scroll_on.png);
	}

	.section .intro {
		padding-top: 92px;
	}

	.ex_header .section .intro {
		padding-top: 100px;
	}

	.section .btn a img {
		margin-top: 1px;
	}

	#section1 .m_txt li {
		margin-bottom: 2px;
		padding: 6px 10px;
		background-color: #fbfdff;
		line-height: 140%;
		font-size: 14px;
		color: #444;
	}

	footer .footer {
		width: 100%;
		text-align: center;
	}

	#fp-nav.right {
		right: 10px;
	}

	.swiper-container {
		width: 100%;
	}

	.swiper-button-prev,
	.swiper-button-next {
		width: 30px;
		background-size: 25px 38px;
	}

	.sub-wrap {
		position: relative;
		padding: 130px 30px 90px 30px;
	}

	.sub-wrap .title-wrap,
	.sub-wrap .par,
	.sub-wrap p {
		margin-bottom: 30px;
	}

	.sub-wrap h2 {
		font-size: 25px;
	}

	.sub-wrap h2.sub {
		font-size: 22px;
	}

	.sub-wrap h3 {
		font-size: 17px;
	}

	.sub-wrap .title {
		padding-right: 10px;
		padding-left: 0;
		margin-right: 10px;
		border-right: #ffa200 2px solid;
	}

	.sub-wrap .title-wrap {
		margin-bottom: 70px;
	}

	.sub-wrap .title-wrap h3 {
		padding-top: 10px;
	}

	.btn-pageup {
		margin: 0 auto;
		width: 50px;
		height: 50px;
		padding: 22px 0 7px;
		border: #ddd 1px solid;
		background: url(./img/icon_top.png) no-repeat 50% 8px;
		background-size: 27px 15px;
		text-align: center;
	}

	/* search result */
	.search_result_category,
	.search_result_title {
		float: left;
		clear: both;
	}

	/* etc */
	.subway .s3,
	.subway .s5 {
		background-size: 40px 24px;
	}

	.subway .s3 {
		background-image: url(./img/common/icon_contact_s3@2x.png);
	}

	.subway .s5 {
		background-image: url(./img/common/icon_contact_s5@2x.png);
	}

	.bus dd {
		background-image: url(./img/common/icon_contact_bus@2x.png);
		background-size: 40px 30px;
	}

	/* post */
	.single .entry-inner h1 {
		font-size: 25px;
	}

	.related-post .title {
		padding-right: 0;
		padding-left: 0;
	}
	.comment-bottom-flex {margin-top: 0;}
	.comment-respond textarea {
		height: 120px;
		margin-bottom: 0;
	}

	/* page2dpt : fundgallery */
	.gallery-list article .post-image {
		height: 200px;
		margin-bottom: 15px;
		background-size: cover;
	}

	.gallery-list article.tag-49 .post-image {
		background-position: 50% 50%;
	}

	.tag-list {
		padding: 15px;
	}

	.tag-list .post_tags {
		margin-bottom: 10px;
	}

	.tag-list .post_tags a {
		font-size: 15px !important;
	}

	.search-detail,
	.tag-list {
		padding: 10px 20px;
	}

	.fundgallery-subtitle .subtitle-wrap {
		margin-bottom: 30px;
	}

	.fundgallery-contents .comment {
		margin-top: 30px;
		font-size: 1.6em;
		line-height: 1.4;
	}

	.fund_search_button {
		top: 85px;
		width: 100px;
		height: 100px;
		font-size: 14px;
	}

	.fund_search_button .img_search_icon {
		width: 22px;
		margin-top: 5px;
	}

	.single .fund_search_button {
		top: 70px;
		left: 20px;
		font-size: 13px;
		padding: 4px 13px;
	}

	.single .fund_search_button .img_search_icon {
		width: 13px;
	}

	/* FoundBF banner margin-top:30px; */
	.foundbf_banner {
		border: 1px #cccccc solid;
		width: 100%;
		padding: 20px 10px 10px 10px;
		text-align: center;
	}

	.foundbf_banner_title {
		color: #333333;
		font-size: 18px;
		line-height: 26px;
	}

	.foundbf_banner_subtitle {
		color: #333333;
		font-size: 15px;
		line-height: 1.6;
	}

	.foundbf_banner_btn {
		margin: 20px auto 30px;
		background-color: #333333;
		height: 35px;
	}

	.btn_go_detail {
		color: #ffffff;
		font-size: 16px;
		line-height: 36px;
		vertical-align: middle;
	}

	.foundbf_banner .col-lg-7 {
		border-bottom: 1px #cdcdcd solid;
	}

	/* post */
	#commentform input {
		width: 100%;
		max-width: 300px;
		padding: 8px;
	}

	/* 1:1 QnA */

	.bn_season {
		right: 15px;
		top: auto;
		bottom: 99px;
		margin-top: -67px;
	}

	.bn_season .container {
		padding: 0;
	}

	.bn_season .bn_img {
		width: 135px;
		height: 100px;
		background: url("./img/season/bn_seol_2019_m.png") no-repeat center;
		-webkit-background-size: contain;
		background-size: contain;
	}

	.bn_season #btn_bn_close {
		width: 26px;
		height: 26px;
		float: right;
		cursor: pointer;
		background: url("./img/season/btn_seol_x_m.png") no-repeat center;
		-webkit-background-size: contain;
		background-size: contain;
	}

	/* Renewal 2020 */

	.recent_post_container {
		padding: 35px 0;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title {
		line-height: 22px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 14px;
		line-height: 20px;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list {
		line-height: 1;
		margin-bottom: 5px !important;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 14px;
	}

	#wppsac-post-carousel-1 .wppsac-post-image-bg {
		margin-bottom: 15px !important;
	}

	#wppsac-post-carousel-1 .slick-arrow {
		width: 40px;
		height: 40px;
		background-size: 20px !important;
	}

	#wppsac-post-carousel-1 .slick-next {
		right: -10px !important;
	}

	#wppsac-post-carousel-1 .slick-prev {
		left: -10px !important;
	}

	.front_post_header h3 {
		font-size: 17px;
	}

	.front_post_header h3 img {
		width: 15px;
		margin-left: 7 px;
	}

	.front_post_header .post_seemore img {
		width: 20px;
		margin-left: 0;
		margin-top: -2px;
	}

	.front_post_content {
		padding-top: 10px;
	}

	.home_slide .tparrows {
		width: 40px !important;
		height: 40px !important;
	}

	.home_slide .tp-leftarrow {
		left: 15px !important;
	}

	.home_slide .tp-rightarrow {
		right: 15px !important;
	}

	.home_slide .tp-bullets {
		width: 100% !important;
		padding: 0 40px;
		top: 90px !important;
	}

	.home_slide_txtbox {
		top: 110px !important;
		left: 70px !important;
	}

	.home_slide_txtbox p {
		font-size: 18px !important;
		margin-bottom: 15px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 35px !important;
		margin-bottom: 5px !important;
	}

	.home_slide_txtbox.center h3 {
		font-size: 17px !important;
	}

	.home_slide_txtbox.simple p {
		font-size: 19px !important;
	}

	.home_slide .pc_only {
		display: none !important;
	}

	.home #section1 .list_link_featured li {
		height: 80px;
		padding: 18px 23px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		margin-bottom: 0;
		margin-top: 0;
		font-size: 13px;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 11px;
		line-height: 20px;
		margin-bottom: 7px;
	}

	.home #section1 .list_link_featured li .bn_icon {
		width: 35px;
		margin-right: 12px;
		margin-top: 4px;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 45px;
	}

	.home #section1 .list_link_featured .btn_donate {
		width: 120px;
		height: 105px;
		bottom: 100px;
		position: absolute;
	}

	.home #section1 .list_link_featured li .bn_desc p .hide_content {
		display: none;
	}

	.home #section2 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.home #section2 .front_post_header {
		padding-top: 0;
	}

	.home #section2 .recent_post_container {
		padding: 60px 0;
	}

	.home #section2 .recent_post_right {
		padding: 5px 10px 0 30px;
	}

	.home #section2 .recent_post_right h4 {
		padding-top: 20px;
		font-size: 14px;
	}

	.home #section2 .recent_post_right h4 img {
		width: 15px;
		margin-left: 5px;
	}

	.home #section3 {
		padding: 0 !important;
	}

	.home #section3 .quicklink li {
		height: 110px;
	}

	.home #section3 .quicklink li img {
		width: 65px;
		margin-top: 9px;
	}

	.home #section3 .quicklink li p {
		font-size: 14px;
	}

	.home #section4 {
		background-size: 400px;
	}

	.home #section4 .video_promotion {
		padding: 60px 0 70px 0;
	}

	.home #section4 .video_promotion .row {
		max-width: 650px;
	}

	.home #section4 .video_promotion h1 {
		max-width: 200px;
		font-size: 23px;
	}

	.home #section4 .video_promotion p {
		max-width: 340px;
		font-size: 13.5px;
		margin-top: 3px;
	}

	.home #section4 .video_promotion .video_box {
		margin-top: 60px;
	}

	.home #section4 .video_promotion .img_seed_left {
		width: 80px;
		left: -130px;
	}

	.home #section4 .video_promotion .img_seed_right {
		width: 80px;
		right: -130px;
		bottom: 200px;
	}

	.home #section5 .front_post_header {
		padding-bottom: 10px;
	}

	.home #section5 .front_post_header .post_seemore img {
		width: 20px;
		margin-top: -9px;
	}

	.home #section5 .front_post_content ul li {
		font-size: 14px;
		line-height: 28px;
	}

	.home #section5 .recent_post_box:nth-child(1) {
		padding-right: 24px;
	}

	.home #section5 .recent_post_box:nth-child(2) {
		padding: 0 12px;
	}

	.home #section5 .recent_post_box:nth-child(3) {
		padding-left: 24px;
	}

	.page.aboutus #section2 .title {
		padding-top: 0px !important;
	}

	.page.aboutus #section4 {
		background-position: 50% -180px;
		background-size: 120%;
	}

	.page.aboutus #section5 {
		background-position: 50% 90%;
		background-size: 110%;
	}

	.page.annual-report .desc {
		margin-bottom: 35px;
		padding-bottom: 0;
	}

	.page.annual-report .desc h4 {
		font-size: 20px;
	}

	.page.annual-report #document_list_areareport.document_list .list a {
		width: 25%;
	}

	.page.annual-report
		#document_list_areareport.document_list
		.list
		.link_item {
		padding: 10px;
	}

	.page.bfstory .section .intro {
		padding-top: 53px !important;
	}

	.page.campaign .sub-wrap {
		padding-top: 130px !important;
	}

	.page.campaign .sub-wrap h2 {
		height: 125px;
		font-size: 20px;
	}

	.page.campaign .sub-wrap h2 b {
		font-size: 21px;
	}

	.page.campaign .sub-wrap h2 .smallchange_seed_left {
		width: 20px;
		top: -25px;
	}

	.page.campaign .sub-wrap h2 .smallchange_seed_right {
		width: 20px;
	}

	.page.campaign .basic_tab .tab_depth ul a li {
		font-size: 17px;
		line-height: 45px;
	}

	.page.campaign .basic_tab .tab_container .tab_content_box {
		padding: 45px 35px;
	}

	.page.change .basic_box {
		margin-bottom: 80px;
	}

	.page.change .sub-wrap .title-wrap {
		margin-bottom: 40px;
	}

	.page.charter .tab_content {
		padding: 45px 50px;
	}

	.page.corporate .basic_box_icon {
		padding: 15px 0;
	}

	.page.corporate .basic_box_icon h4 {
		font-size: 14px;
	}

	.page.corporate .basic_box_icon p {
		font-size: 12px !important;
		letter-spacing: 0;
	}

	.page.corporate .basic_gallery h4 {
		font-size: 13px;
	}

	.page.donation .scenario-area {
		max-width: 600px;
		height: 240px;
		padding: 0 20px;
	}

	.page.donation .scenario-area li {
		width: 25%;
		height: 120px;
		padding: 70px 0 20px 0;
		background-size: 65px;
		background-position: 50% 20px;
	}

	.page.donation .scenario-area li span {
		font-size: 14px;
		letter-spacing: 0;
	}

	.page.donation #section2 {
		background-size: 110%;
		background-position: 50% 60%;
	}

	.page.donation #section4 {
		background-size: 100%;
	}

	.page.financial-report .desc h4 {
		font-size: 15px;
	}

	.page.financial-report .pie_half .row {
		padding-top: 0;
	}

	.page.financial-report .toggle > dd {
		padding: 15px;
	}

	.page.financial-report .finance_table {
		padding: 0;
	}

	.page.fundgallery .gallery-list article {
		width: 50%;
	}

	.page.fundgallery .gallery-list .comment {
		height: 50px;
		overflow: hidden;
		margin-bottom: 40px;
	}

	.page.fundgallery .gallery-list .comment:after {
		content: "...";
	}

	.page.fundgallery .gallery-list .tit-area h3 {
		margin-bottom: 0;
	}

	.page.fundgallery .search-detail .searchfield {
		width: 70%;
		max-width: 400px;
		vertical-align: middle;
	}

	.page.fundgallery .search-detail ::-webkit-input-placeholder {
		color: transparent;
	}

	.page.fundgallery .search-detail :-ms-input-placeholder {
		color: transparent;
	}

	.page.fundgallery .search-detail ::-moz-placeholder {
		color: transparent;
	}

	.page.fundgallery .search-detail :-moz-placeholder {
		color: transparent;
	}

	.page.fundgallery .basic_feature_img {
		padding-top: 10px;
	}

	.page.fundgallery .tit-sort {
		margin-bottom: 10px;
		padding: 0 18px 0 0;
		font-size: 15px;
		border: 0;
	}

	.page.giveqna .tab_depth ul li {
		line-height: 40px;
	}

	.page.introduction #popup-wrap.btn_business_apply #popup-container {
		right: 70px;
		top: 120px;
	}

	.page.introduction .scenario-area {
		max-width: 700px;
	}

	.page.introduction #section0 .intro {
		padding-top: 30px !important;
	}

	.page.introduction #section1 .intro {
		padding-top: 30px !important;
	}

	.page.joinbf .tab_content h2 {
		font-size: 25px;
	}

	.page.joinbf .tab_content_box {
		padding: 50px 50px;
	}

	.page.joinbf .joinbf_define {
		padding-top: 0;
	}

	.page.joinbf .joinbf_define li h3 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_define li p {
		word-break: keep-all;
	}

	.page.joinbf .joinbf_define li p br {
		display: none;
	}

	.page.joinbf .joinbf_faq li {
		padding: 15px 0 30px 0;
	}

	.page.joinbf .joinbf_faq h4 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_faq p {
		font-size: 15px;
	}

	.page.joinbf .joinbf_faq .ic_b_box .ic_b_item h4 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_faq_button {
		width: 240px;
		font-size: 14px;
		padding: 12px 12px;
	}

	.page.joinbf .joinbf_benefit li:hover p {
		font-size: 13px;
	}

	.page.joinbf .joinbf_benefit li h4 {
		font-size: 15px;
	}

	.page.joinbf .main-title h4 {
		font-size: 15px;
	}

	.page.joinbf div.tab_container p {
		font-size: 14px;
	}

	.page.joinbf .joinbf_fund {
		padding: 0;
	}

	.page.joinbf .joinbf_fund_process h4 {
		font-size: 14px;
	}

	.page.joinbf .joinbf_fund_process img {
		width: 15px;
		margin: 0 5px;
	}

	.page.joinbf .joinbf_fund_csr li {
		padding: 10px;
	}

	.page.joinbf .joinbf_fund_csr li h4 {
		font-size: 13px;
	}

	.page.joinbf .join-area .btn-mrm {
		margin: 0 5px;
	}

	.page.joinbf #tab3 h3 a.see_more {
		font-size: 17px;
	}

	.page.joinbf #tab3 h3 a.see_more span.see_more_plus {
		font-size: 25px;
	}

	.page.joinbf .join-area .img-area img {
		float: none;
		width: 86px;
		margin-left: 25px;
	}

	.page.joinbf .join-area .btn-area {
		text-align: center;
	}

	.page.joinbf .join-area .list-basic {
		text-align: center;
	}

	.page.joinbf .join-area .col-lg-9 {
		margin-bottom: 0;
		padding: 0;
	}

	.page.joinbf .joinbf_video_desc {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}

	.page.legacyfund
		.basic_tab
		.tab_container
		.tab_content_box
		.basic_box_process
		h4 {
		font-size: 12px;
		letter-spacing: -1px;
	}

	.page.legacyfund .legacyfund_process img {
		max-width: 600px;
	}

	.page.newsletter {
		min-height: auto !important;
	}

	.page.newsletter .sub-wrap .title-wrap {
		margin-bottom: 0;
	}

	.page.newsletter .sub-wrap .title-wrap h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.page.newsletter .sub-wrap .title-wrap h4 {
		font-size: 100%;
		line-height: 1.6;
	}

	.page.newsletter .newsletter_character {
		width: 270px;
		height: 270px;
		right: 0;
		bottom: 250px;
		z-index: 1;
	}

	.page.newsletter .newsletter_box {
		padding-top: 0;
		max-width: 600px;
	}

	.page.observance .observance-found .box-info {
		padding: 30px 35px;
	}

	.page.observance .observance-law .box-info {
		padding: 30px 15px;
	}

	.page.observance .observance-law .list-basic-title {
		font-size: 15px;
	}

	.page.observance .observance-law .box-subtitle {
		font-size: 15px;
		padding: 0 30px;
	}

	.page.qnaform input[type="text"],
	.page.qnaform input[type="email"],
	.page.qnaform input[type="email"] {
		box-sizing: border-box;
		width: 100%;
	}

	.page.video {
		padding-top: 180px !important;
	}

	.page.video .basic_contact.story {
		margin-top: 15px;
	}

	footer #footer {
		padding: 30px 40px 35px 40px;
	}

	footer .footer .logo {
		margin: 0 auto 20px;
		width: 100px;
		height: 35px;
	}

	footer .footer_left {
		margin-right: 25px;
	}

	footer .footer .menu li {
		margin-right: 15px;
	}

	footer .footer .menu li a {
		font-size: 12px;
	}

	footer .footer .footer_info {
		font-size: 12px;
		margin-top: 0;
	}

	footer .list_link_outlink h3 {
		font-size: 17px;
	}

	footer .list_link_outlink li {
		height: 60px;
		line-height: 60px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 17px;
	}

	footer .list_link_outlink .link_newsletter img {
		width: 20px;
		margin-left: 10px;
	}

	footer .list_link_outlink .list_link_sns {
		margin-right: 20px;
	}

	footer .list_link_outlink .list_link_sns a {
		padding: 0 15px;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 23px;
	}

	.content_box h2 {
		margin-bottom: 40px;
	}

	.sub-wrap .desc {
		padding-bottom: 30px;
	}

	.sub-wrap .desc .list-bi li {
		margin-bottom: 0;
	}

	/*visionmission*/
	.mission .col-lg-3,
	.mission .col-lg-9 {
		text-align: center;
	}

	/* cibi*/
	.ci-big {
		max-width: 180px !important;
		padding: 0;
		margin: 40px auto;
	}

	/* smallchange-bigimpact */
	.content_box .boxed_area_smallchange {
		max-width: 700px;
		padding-left: 50px;
		padding: 60px 0;
		padding-right: 50px;
		margin-bottom: 80px;
		margin-top: 0;
	}

	.content_box .boxed_area_smallchange h2 {
		width: 320px;
		margin-top: -40px;
	}

	.content_box .img_additional_bottom {
		max-width: 700px;
	}

	.content_box .smallchange_seed_left {
		width: 80px;
		left: -40px;
	}

	.content_box .smallchange_seed_right {
		width: 80px;
		right: -40px;
	}

	.content_box .logo_smallchange {
		max-width: 250px;
	}

	.content_box .img_additional_bottom_box .smallchange_seed_bottom1 {
		width: 80px;
		right: 300px;
	}

	.content_box .img_additional_bottom_box .smallchange_seed_bottom2 {
		width: 80px;
		left: 150px;
	}

	/* announcement */
	.content_box .boxed_area_announcement {
		padding: 70px 30px 30px 30px;
	}

	.content_box .boxed_area_announcement h2 {
		margin-bottom: 40px;
	}

	.content_box .boxed_area_announcement h3 {
		font-size: 19px;
	}

	.content_box .boxed_area_announcement .deco_line {
		margin-top: 50px;
	}

	/* purposeactivity */
	.boxed_area_purpseactivity ul li {
		width: 33.333%;
	}

	.sub-wrap.container_changestory {
		padding: 100px 20px 0 20px;
	}

	.sub-wrap.container_general {
		padding: 100px 20px 80px 20px;
	}

	.basic_gallery_simple li h4 {
		font-size: 13px;
	}

	.document_list ul.pagination li a {
		font-size: 15px;
	}

	.document_list .link_item {
		padding: 10px;
	}

	.document_list .link_item p {
		font-size: 12px;
		margin-top: 9px;
	}

	footer .footer_right {
		position: relative;
	}

	footer .footer .btn_gotop {
		position: absolute;
		right: 0;
		margin: 0;
		top: 60px;
	}

	footer .footer .btn_gotop img {
		width: 40px;
	}

	.content_box_basic {
		margin-bottom: 50px;
	}

	.content_box_basic h3 {
		margin-bottom: 10px;
	}

	#popup-wrap button {
		width: 30px;
		height: 30px;
		background-size: 12px;
	}

	#popup-wrap.popup_main .popup-box {
		width: 180px;
		height: 190px;
	}

	#popup-wrap.popup_main #popup-container {
		right: 80px !important;
		top: 180px !important;
	}

	/*2021개편*/
	.scenario-area li span {
		font-size: 15px;
		letter-spacing: -1px;
	}

	.section .scrolldown {
		font-size: 10px;
		line-height: 2;
		bottom: 10px;
		margin-left: -22px;
	}

	.section .btn {
		padding: 10px 40px 10px 17px;
		background-position: right 15px top 50%;
		background-size: 8px;
	}

	.title-wrap .smallchange_seed_left {
		width: 50px;
	}

	.title-wrap .smallchange_seed_right {
		width: 50px;
	}

	.change_slide_txtbox_light {
		left: 95px !important;
	}

	.change_slide_txtbox_light h3,
	.change_slide_txtbox_light p {
		margin-bottom: 14px !important;
	}

	/*2021개편*/
	.basic_box {
		margin-bottom: 80px;
	}

	.basic_box h3 img {
		width: 20px;
	}

	.basic_box_content {
		padding: 10px 15px;
	}

	.basic_box.fundmaking_video h4 {
		font-size: 15px;
		padding-top: 30px;
	}

	.basic_box_process_plain.col4 li b {
		right: -20%;
	}

	.basic_box_process_plain li {
		padding: 20px 10px;
	}

	.basic_box_process_plain li h4 {
		font-size: 13px;
	}

	.basic_box_process_plain li p {
		font-size: 11px;
	}

	.basic_box_process_plain li b {
		right: -29%;
	}

	.basic_box h3 a.see_more {
		font-size: 17px;
	}

	.basic_box_content_people h4 {
		font-size: 17px;
	}

	.basic_box_content h6 {
		font-size: 15px;
	}

	.basic_box_content h5 {
		font-size: 14px;
	}

	.basic_gallery h4 {
		line-height: 1.5;
	}

	.basic_gallery p {
		margin-bottom: 0;
	}

	.basic_gallery .img_box {
		margin-bottom: 10px;
	}

	.basic_gallery .img_box h5 {
		padding: 4px 10px 4px 10px;
		border-radius: 0 10px;
		top: -10px;
		left: -10px;
	}

	.basic_contact_float {
		top: 85px;
	}

	.basic_contact_float.btn_fundgallery {
		top: 280px;
	}

	.basic_contact_float.btn_fundgallery img {
		width: 20px;
	}

	.basic_contact_float.btn_memorial h4 {
		font-size: 13px;
	}

	.basic_contact_float.btn_memorial img {
		width: 18px;
	}

	.basic_contact_float.btn_post_normal h4 {
		font-size: 13px;
	}

	.basic_contact_float.btn_post_normal img {
		width: 18px;
	}

	.basic_tab .tab_depth ul li {
		line-height: 40px;
		font-size: 15px;
	}

	.basic_tab .tab_container h3 {
		font-size: 17px;
	}

	.basic_box_content_csr {
		padding: 40px 15px;
	}

	.basic_box_content_csr h4 {
		font-size: 17px;
	}

	.basic_box_content_csr .col-lg-4 {
		width: 100%;
		text-align: center;
	}

	.basic_box_content_csr .col-lg-4 img {
		max-width: 250px;
		margin: 10px 0;
	}

	.basic_box_content_csr .col-lg-4 .graph_label img {
		margin: -3px 7px 0 0;
		width: 15px;
	}

	.basic_box_content_csr .graph_label {
		margin-top: 0px;
	}

	.basic_feature li h4 {
		font-size: 17px;
	}

	.basic_feature_img li {
		height: 150px;
		padding: 25px 30px;
	}

	.basic_feature_img li p {
		font-size: 15px;
		left: 30px;
		bottom: 25px;
		opacity: 1;
	}

	.basic_feature_img li h4 {
		font-size: 15px;
		right: 30px;
		bottom: 24px;
		opacity: 1;
	}

	.basic_feature_link a h3 {
		font-size: 15px;
	}

	.basic_form_box {
		width: 750px;
	}

	.basic_form_box dt {
		padding: 25px;
		width: 25%;
	}

	.basic_form_box dd {
		width: 75%;
		padding: 25px;
	}

	.basic_form_box .form_desc p {
		margin-bottom: 15px;
	}

	.basic_form_box .form_desc {
		font-size: 13px;
	}

	.basic_form_box input[type="text"],
	.basic_form_box input[type="tel"] {
		font-size: 14px;
	}

	.basic_form_box .btn_area input {
		font-size: 15px;
		width: 220px;
	}

	.content_box .boxed_area_announcement {
		max-width: 700px;
	}

	.history-wrap {
		background: url("./img/aboutus/bg_history_line.png") repeat-y !important;
		background-position: 50% 0 !important;
	}

	.container_changestory {
		padding: 0 !important;
	}

	.container_changestory .business-subtitle {
		width: 30%;
		padding: 100px 30px 30px 30px;
	}

	.container_changestory .business-subtitle p {
		margin-bottom: 20px;
	}

	.container_changestory .business-contents {
		width: 70%;
		padding: 80px 30px 60px 30px;
	}

	.container_changestory .business-subtitle h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.container_changestory .business-subtitle .subtitle img {
		width: 80px;
	}

	.container_changestory .business-subtitle .btn-area {
		padding: 20px 0;
	}

	.container_changestory .business-subtitle .btn-area h3 {
		margin-bottom: 15px;
	}

	.container_changestory .basic_tab .tab_depth {
		padding: 15px 15px 5px 15px;
	}

	.container_changestory .basic_tab .tab_depth ul li {
		font-size: 13px;
		padding: 8px 15px 10px 15px;
	}

	.container_changestory .basic_tab .tab_container .tab_content_box {
		padding: 25px 30px;
	}

	.container_changestory .basic_tab .tab_container h2 {
		font-size: 17px;
		margin-bottom: 10px;
	}

	.container_changestory .basic_tab .tab_container h3 {
		font-size: 15px;
		padding-top: 10px;
		margin-bottom: 10px;
	}

	.container_changestory .basic_tab .tab_container h3.subtitle {
		margin-bottom: 10px;
	}

	.container_changestory .basic_tab .tab_container p {
		margin-bottom: 10px;
	}

	.container_changestory .basic_box_line {
		padding: 20px 10px;
	}

	.container_changestory .basic_box {
		margin-bottom: 20px;
	}

	.container_changestory .basic_box h3 {
		margin-bottom: 15px;
	}

	.container_changestory .basic_box h3 .title_subtext {
		font-size: 13px;
		margin-top: 5px;
	}

	.container_changestory .btn-business-list .btn-business li a {
		height: 50px;
		line-height: 50px;
	}

	.container_changestory .btn_box a {
		font-size: 12px !important;
		padding: 6px 8px 8px 8px !important;
		margin-right: 5px;
	}

	.container_changestory .btn_box a.btn_style3 {
		padding: 8px 8px 9px 8px !important;
	}

	.container_changestory .btn_label.width100 {
		margin-bottom: 5px;
	}

	.container_changestory .tooltip .title {
		padding: 4px 12px 5px 12px;
	}

	.container_changestory .tooltip .desc {
		top: 38px;
		padding: 7px 12px;
	}

	.container_changestory.new .business-subtitle {
		padding: 100px 30px 30px 30px;
	}

	.container_changestory.new .business-subtitle .subtitle .title {
		padding-right: 30px;
	}

	.container_changestory.new .business-subtitle .subtitle h2 {
		font-size: 25px;
	}

	.container_changestory.new .business-subtitle .subtitle h2 i {
		font-size: 22px;
	}

	.container_changestory.new .business-subtitle .subtitle .btn-area {
		width: 350px;
	}

	.container_changestory.new .basic_tab .tab_depth {
		width: 330px;
		padding: 20px 0 20px 20px;
	}

	.container_changestory.new .basic_tab .tab_depth .tabs {
		padding: 10px 17px;
	}

	.container_changestory.new .basic_tab .tab_depth .tabs::after {
		right: -22px;
		border-top-width: 22px;
		border-bottom-width: 22px;
		border-left-width: 22px;
	}

	.container_changestory.new .basic_tab .tab_depth ul li {
		padding: 8px 0 8px 0;
	}

	.container_changestory.new .basic_tab .tab_container {
		width: calc(100% - 330px);
	}

	.container_changestory.new .basic_tab .tab_container .tab_content_box {
		padding: 30px 30px 20px 30px;
	}

	#popup-wrap.btn_business_apply .btn_apply_fix {
		height: 100px;
		width: 100px;
		font-size: 13px;
		padding-top: 20px;
	}

	#popup-wrap.btn_business_apply .btn_apply_fix img {
		width: 25px;
	}

	#popup-wrap.btn_business_apply #popup-container {
		right: 24px;
		top: 77px;
	}

	#popup-wrap.btn_business_apply button {
		width: 25px;
		height: 25px;
		background-size: 10px;
		right: -12px;
		top: -12px;
	}

	.apply-newsletter .btn {
		font-size: 14px;
		padding: 10px 45px;
	}

	.pagination {
		margin-top: 30px;
	}

	.pagination a,
	.pagination .current {
		width: auto !important;
		height: 30px !important;
		line-height: 26px !important;
		font-size: 12px !important;
		padding: 0 7px  !important;
	}

	/*2021 bfstory*/

	#blog_slider {
		margin-top: 93px;
	}

	#blog_slider .item h2 {
		width: 60%;
		font-size: 17px;
	}

	.blog_search_button {
		top: 240px;
	}

	.blog_search h2,
	.blog_search h3 {
		font-size: 14px !important;
	}

	.blog_list li {
		padding: 0 15px !important;
	}

	.blog_list_box {
		padding: 30px 15px;
	}

	.blog_list .pagination {
		margin-top: 10px;
	}

	.single .blog_search_button,
	.category .blog_search_button,
	.tag .blog_search_button {
		top: auto !important;
		bottom: 30px;
	}

	/*2021 single*/
	.single .entry-inner .title-area h1,
	.single .entry-inner .txt-area,
	.custom_comment_box {
		max-width: 700px;
	}

	.single .entry-inner .cat_name,
	.single .entry-inner h2,
	.comments-title,
	.comment-reply-title,
	.comments-title-link a {
		font-size: 17px !important;
	}

	.single .entry-inner h1 {
		font-size: 20px;
	}

	.single article .title-area .date,
	.post_meta_tag {
		font-size: 14px;
	}

	.post_meta_author {
		padding: 20px;
	}

	.comment-header h4,
	.comment-inner .post-content p {
		font-size: 13px;
	}

	.comment-meta {
		font-size: 12px;
	}

	.comments-container,
	.respond-container {
		margin-top: 40px;
	}

	.commentlist .children {
		background-size: 10px;
		background-position: 0px 27px;
	}

	.respond-container .btn_policy {
		padding: 5px 10px;
		font-size: 11px;
	}

	#commentform input {
		padding: 8px 12px;
	}

	#commentform input.submit {
		padding: 10px 15px;
		max-width: 200px;
	}

	#commentform p {
		margin-bottom: 20px;
	}

	.comment-respond .form-submit {
		padding-top: 0;
		margin-bottom: 0 !important;
	}

	.custom_comment_box {
		margin: 0px auto;
	}

	.single iframe {
		width: 100%;
		height: 390px;
	}

	.single .wp-caption {
		padding: 10px 0;
	}

	/*2021 fundgallery*/
	.fundgallery-subtitle .subtitle-wrap {
		margin-top: 20px;
	}

	.fundgallery-contents .comment {
		margin-top: 0;
	}

	.category-fundgallery .tb {
		padding-bottom: 0;
	}

	/*newsletter*/
	.page.newsletter .newsletter_box img {
		max-width: 200px;
	}

	.section_newsletter {
		width: 100%;
		position: relative;
	}

	.apply-newsletter p {
		font-size: 11px;
		margin-bottom: 10px;
	}

	.newsletter-area1 {
		height: 310px !important;
		min-height: auto !important;
		position: static;
		padding-top: 120px !important;
	}

	.newsletter-area2 {
		padding-top: 20px !important;
		height: 220px;
		min-height: auto !important;
	}

	.newsletter-area3 {
		min-height: auto !important;
	}

	.huhu_list {
		padding-left: 0;
		padding-right: 0;
	}

	/* archive */
	.search_custom {
		max-width: 300px;
	}

	.archive-wrap .blog_list_box {
		padding: 30px 30px;
	}

	.archive_list .archive_list_part1 {
		width: 20%;
	}

	.archive_list .archive_list_part2 {
		width: 80%;
	}

	.archive_list .archive_list_category {
		margin-bottom: 5px;
	}

	.archive_list .archive_list_title {
		margin-bottom: 5px;
		font-size: 17px;
	}

	.archive_list .archive_list_meta {
		margin-bottom: 5px;
	}

	.archive_list .archive_list_summary {
		margin-bottom: 15px;
	}

	.archive_list .archive_list_view,
	.archive_list .archive_list_download {
		font-size: 13px;
	}

	.archive_detail .archive_detail_top {
		padding: 40px;
	}

	.archive_detail .archive_detail_top_right {
		padding-left: 40px;
	}

	.archive_detail .archive_detail_bottom {
		padding: 40px;
	}

	.archive_detail .archive_detail_view,
	.archive_detail .archive_detail_download {
		font-size: 15px;
		padding: 8px 15px 10px 15px;
	}

	.archive_detail .archive_detail_meta {
		font-size: 14px;
	}

	.archive_detail .archive_detail_title {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.archive_detail .archive_detail_meta_box {
		padding-bottom: 15px;
	}

	.archive_detail .archive_detail_box .archive_detail_content {
		padding-left: 40px;
	}

	/* video */
	.video .su-lightbox-content,
	.category-video .su-lightbox-content,
	.search .su-lightbox-content {
		max-width: 650px !important;
	}

	.video_detail {
		padding: 25px;
	}

	.video_detail .video_detail_left {
		width: 100%;
		margin-bottom: 20px;
	}

	.video_detail .video_detail_right {
		width: 100%;
		padding-left: 0;
	}

	.video_detail .video_desc {
		height: 140px;
	}

	.video_detail h3 {
		font-size: 17px;
	}

	.video_detail .video_seed_left {
		width: 50px;
		top: -25px;
		left: -25px;
	}

	.video_box .video_iframe {
		padding-bottom: 51.8%;
	}

	.video .mfp-close-btn-in .mfp-close,
	.category-video .mfp-close-btn-in .mfp-close,
	.search .mfp-close-btn-in .mfp-close {
		font-size: 30px !important;
	}

	.video .mfp-close {
		width: 40px;
		height: 40px;
		line-height: 39px;
	}

	/* campaign */
	.campagin_bg {
		height: 304px;
	}

	/* guide & joinbf-new */
	.page.guide .row {
		margin-left: -20px;
		margin-right: -20px;
	}

	.page.guide .guide_area_intro .guide_intro {
		height: 950px;
	}

	.page.guide .guide_area_intro .guide_skip {
		height: 150px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .col {
		width: 100%;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .joinbf_video {
		max-width: 700px;
		margin: 0 auto;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc {
		max-width: 500px;
		margin: 0 auto;
		float: none;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc .deco {
		width: 50px;
		top: -50px;
		left: 50%;
		margin-left: -25px;
	}

	.page.guide .guide_area_intro .guide_skip .scrolldown {
		transform: translate(-50%, -50%);
		top: 50%;
	}

	.page.guide .guide_area_division .area_box {
		background-size: 50%;
		background-position: right bottom;
	}

	.page.guide .guide_area_content .area_fund_making p {
		width: 100%;
		margin-bottom: 30px;
	}

	.page.guide .guide_benefit .col_box h4 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_area_menu {
		transform: translate(0%, 0%);
		top: 120px;
		left: 40px;
	}

	.page.joinbf .joinbf_area_content {
		padding: 0px 120px;
		margin-top: 0;
	}

	.page.joinbf .joinbf_intro {
		height: 550px;
		position: relative;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box {
		transform: translate(-30%, 0%);
		height: auto;
		top: 120px;
		left: 30%;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2 {
		font-size: 18px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2:nth-child(2) {
		font-size: 21px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box .joinbf_intro_button a {
		width: 200px;
		font-size: 15px;
	}

	.page.joinbf .joinbf_area_content h2 {
		font-size: 18px;
	}

	.page.joinbf .joinbf_area_content .item {
		padding: 10px 25px;
	}

	.page.joinbf .joinbf_area_content .item_campaign,
	.page.joinbf .joinbf_area_content .item_beautifulday,
	.page.joinbf .joinbf_area_content .item_download {
		min-height: 200px;
	}

	.page.joinbf .joinbf_area_content .item_download {
		background-size: 20px;
		background-position: 10px 20px;
	}

	.page.joinbf .joinbf_area_content .item_download .btn {
		margin-left: 10px;
	}

	.page.joinbf .joinbf_area_content .item .btn {
		padding: 5px 8px 5px 8px;
		font-size: 12px;
	}

	.page.joinbf .joinbf_area_content .item h2 {
		margin-bottom: 10px;
	}

	.page.joinbf .joinbf_area_content .item_campaign .group_box {
		margin-top: 15px;
	}

	.page.joinbf .joinbf_area_content .item_download p {
		padding: 30px 10px 15px 10px;
		font-size: 13px;
	}

	.page.joinbf .joinbf_area_content .row_change {
		margin-left: 10px;
		margin-right: 10px;
	}

	.page.joinbf .joinbf_area_banner {
		transform: translate(0%, 0%);
		top: 120px;
	}

	.page.joinbf .joinbf_skip {
		height: 100px;
	}
}

/*ipad pro 12.9inch*/
@media all and (max-width: 1024px) and (min-height: 1024px) {
	main,
	.sub-wrap {
		min-height: 1366px;
	}

	.home #section1 .home_bottom {
		bottom: 0;
	}

	.home #section1 .forcefullwidth_wrapper_tp_banner,
	.home #section1 .rev_slider_wrapper {
		height: 650px !important;
	}

	.home #section1 {
		height: 650px;
		position: relative;
	}

	.page.aboutus #section4 {
		background-position: 50% 90%;
		background-size: 120%;
	}

	.page.introduction #section1 {
		background-size: 200%;
		background-position: 97% 100%;
	}

	.page.introduction #section2 {
		background-size: 150%;
	}

	.page.introduction #section3 {
		background-size: 150%;
	}

	.page.introduction .scenario-area li a {
		height: 150px;
		padding: 100px 0px 20px 0px;
		background-position: 50% 30px;
		background-size: 75px;
	}

	.page.introduction .scenario-area li a:hover,
	.page.introduction .scenario-area li a:active,
	.page.introduction .scenario-area li a:focus {
		padding: 50px 0px 20px 0px;
	}

	.container_changestory .business-subtitle {
		height: 100vh;
	}

	.container_changestory .business-contents {
		min-height: 1366px;
		padding: 80px 30px 60px 30px;
	}

	.container_changestory.new .business-subtitle {
		height: auto;
	}

	/*메인 화살표 영역*/
	.home #story {
		display: none;
	}
}

/* ipad pro 10.5inch(834*1112px) ~ General ipad(768*1024px) */
@media all and (max-width: 1023px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.front_post_header h3 {
		font-size: 15px;
	}

	.front_post_header h3 img {
		width: 15px;
		margin-left: 7px;
	}

	#wppsac-post-carousel-1 .slick-arrow {
		width: 35px;
		height: 35px;
		background-size: 20px !important;
	}

	#wppsac-post-carousel-1 .slick-next {
		right: -7px !important;
	}

	#wppsac-post-carousel-1 .slick-prev {
		left: -7px !important;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 12px;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 12px;
	}

	.home .section {
		letter-spacing: -0.5px;
	}

	.home_slide .tp-bullet {
		border-radius: 15px 0;
		width: 18px;
		height: 18px;
	}

	.home_slide .tp-bullet::after {
		border-radius: 15px 0;
	}

	.home_slide .tparrows {
		width: 40px !important;
		height: 40px !important;
		margin-top: -40px;
	}

	.home_slide .tp-leftarrow {
		left: 13px !important;
	}

	.home_slide .tp-rightarrow {
		right: 13px !important;
	}

	.home_slide .rev_slider_wrapper {
		height: 600px !important;
	}

	.home_slide_txtbox {
		top: 105px !important;
		left: 65px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 26px !important;
		margin-bottom: 5px !important;
	}

	.home_slide_txtbox .sub_title {
		font-size: 20px !important;
	}

	.home_slide_txtbox.upsidedown h1,
	.home_slide_txtbox.dark.upsidedown h1 {
		margin-bottom: 15px !important;
	}

	.home_slide_txtbox p {
		font-size: 15px !important;
		margin-bottom: 15px !important;
	}

	.home_slide_txtbox.upsidedown p,
	.home_slide_txtbox.dark.upsidedown p {
		margin-bottom: 10px !important;
		margin-left: 2px !important;
		font-size: 17px !important;
	}

	.home_slide_txtbox.simple p {
		font-size: 15px !important;
		margin-bottom: 10px !important;
	}

	.home_slide_txtbox.simple p.p_last {
		margin-bottom: 20px !important;
	}

	.home_slide_txtbox a,
	.home_slide .rev-btn,
	.home_slide .btn-slider {
		font-size: 13px !important;
		padding: 10px 15px 9px 15px !important;
		border-radius: 0 12px !important;
		letter-spacing: -1px !important;
	}

	.home_slide_txtbox.simple img {
		width: 150px !important;
		margin-bottom: 15px !important;
	}

	.home_slide_txtbox.star_project h1 img {
		width: 250px !important;
		margin-top: 0 !important;
	}

	.home_slide_txtbox.taste_project h1 {
		margin-bottom: 10px !important;
	}

	.home_slide_txtbox.taste_project h1 img {
		width: 350px !important;
		margin-top: 0 !important;
	}

	.home_slide_txtbox.taste_project p {
		margin-bottom: 20px !important;
	}

	.home #section1 {
		height: 600px;
		position: relative;
	}

	.home #section1 .home_bottom {
		bottom: 2px;
	}

	.home #section1 .forcefullwidth_wrapper_tp_banner,
	.home #section1 .rev_slider_wrapper {
		height: 600px !important;
	}

	.home #section1 .list_link_featured .btn_donate {
		width: 110px;
		height: 110px;
		right: 25px;
		bottom: 80px;
	}

	.home #section1 .list_link_featured li {
		height: 70px;
		padding: 15px 20px;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 38px;
		margin-right: 12px;
	}

	.home #section1 .list_link_featured li .bn_icon {
		width: 30px;
	}

	.home #section1 .list_link_featured a li.banner_apply .bn_icon {
		width: 35px;
		margin-left: -7px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 12px;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 10px;
		margin-top: -5px;
	}

	.home #section2 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.home #section2 .recent_post_right {
		padding: 0 10px 0 20px;
	}

	.home #section2 .recent_post_right h4 {
		font-size: 13px;
		margin-left: 5px;
		padding-top: 15px;
	}

	.home #section2 .front_post_header {
		padding-top: 10px;
	}

	.home #section2 .recent_post_container {
		padding: 55px 0;
	}

	.home #section4 {
		background-size: 300px;
	}

	.home #section4 .video_promotion .row {
		max-width: 550px;
	}

	.home #section4 .video_promotion h1 {
		font-size: 20px;
	}

	.home #section4 .video_promotion p {
		font-size: 12px;
		margin-top: 2px;
	}

	.home #section4 .video_promotion .video_box {
		margin-top: 55px;
	}

	.home #section4 .video_promotion .img_seed_left {
		width: 60px;
		left: -100px;
	}

	.home #section4 .video_promotion .img_seed_right {
		width: 60px;
		right: -100px;
		bottom: 150px;
	}

	.home #section5 .recent_post_container {
		padding: 30px 0;
	}

	.home #section5 .recent_post_box:nth-child(1) {
		padding-right: 20px;
	}

	.home #section5 .recent_post_box:nth-child(2) {
		padding: 0 10px;
	}

	.home #section5 .recent_post_box:nth-child(3) {
		padding-left: 20px;
	}

	.home #section5 .front_post_content ul li {
		font-size: 12px;
		line-height: 25px;
	}

	footer .footer .clearfix {
		display: flex;
		flex-direction: column;
	}

	footer #footer {
		padding: 30px 30px;
	}

	footer .footer .logo {
		margin-bottom: 15px;
		width: 120px;
	}

	footer .footer .menu li a {
		font-size: 10px;
	}

	footer .footer .footer_info {
		font-size: 12px;
		line-height: 18px;
		float: none;
	}

	footer .footer .footer_right {
		float: none;
		order: 3;
		gap: 4.2%;
	}

	footer .footer .footer_center {
		position: static;
		order: 2;
		margin-bottom: 32px;
	}

	footer .footer .list_link {
		flex-wrap: wrap;
	}

	footer .footer .list_link a {
		font-size: 13px;
		padding: 0 8px;
	}

	footer .footer .list_link.sns {
		width: 30%;
	}

	footer .footer .list_link.quick {
		width: 28%;
	}

	footer .footer .list_link.policy {
		width: 33.6%;
	}

	footer .list_link_outlink h3 {
		font-size: 15px;
	}

	footer .list_link_outlink .list_link_sns {
		margin-right: 15px;
	}

	footer .list_link_outlink .list_link_sns a {
		padding: 0 10px;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 20px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 15px;
	}

	.content_box h2 {
		margin-bottom: 30px;
	}

	/* announcement */
	.content_box .boxed_area_announcement {
		padding: 50px;
	}

	.content_box .boxed_area_announcement p br {
		display: none;
	}

	.content_box .boxed_area_announcement .deco_line {
		margin-top: 40px;
	}

	/* guide & joinbf-new */
	.page.guide .guide_benefit .col_box {
		padding: 15px;
	}

	.page.guide .guide_benefit .col_box h4 {
		font-size: 14px;
	}

	.page.guide .guide_benefit .col_box:hover h4 {
		margin-bottom: 5px;
	}

	.page.guide .guide_benefit .col_box:hover p {
		font-size: 13px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .joinbf_video {
		max-width: 500px;
	}

	/* newsletter */
	.huhu_list,
	.huhu_list li {
		padding-left: 0;
		padding-right: 0;
	}
}

@media all and (max-width: 1000px) {
	.page.legacyfund .container .tab_depth ul {
		border: 0 !important;
	}

	.page.legacyfund .container .tab_depth ul li {
		border-top: 1px solid #ddd !important;
	}

	.page.legacyfund .container .tab_depth ul li:first-child {
		border-left: 1px solid #ddd !important;
	}

	.page.legacyfund .container .tab_depth ul li:last-child {
		border-right: 1px solid #ddd !important;
	}

	.page.legacyfund .container .tab_depth ul li.active {
		border: 1px solid #ffa200 !important;
	}

	.container_changestory .business-contents .tab_depth ul {
		border: 0 !important;
	}

	.inq_box {
		width: auto;
		padding: 20px 5px;
	}

	.inq_box .col-lg-2 {
		margin-bottom: 5px;
	}

	.inq_box .txt,
	.inq_box .btn {
		float: none;
	}
}

@media all and (max-width: 834px) {
	body {
		font-size: 14px;
	}

	main,
	.sub-wrap {
		min-height: 1112px;
	}

	.btn-sm {
		padding: 5px 0;
		font-size: 13px;
	}

	.btn-lg {
		padding: 10px 30px;
		font-size: 14px;
	}

	#wppsac-post-carousel-1 .wppsac-post-image-bg {
		margin-bottom: 10px !important;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 12px;
	}

	.home_slide .rev_slider_wrapper {
		height: 530px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 24px !important;
	}

	.home_slide_txtbox p {
		font-size: 14px !important;
	}

	.home_slide_txtbox.simple p {
		font-size: 14px !important;
	}

	.home_slide_txtbox.center h3 {
		font-size: 14px !important;
		margin-bottom: 5px !important;
	}

	h1.title_only {
		padding-bottom: 5px !important;
	}

	.home #section1 {
		height: 530px;
		position: relative;
	}

	.home #section1 .forcefullwidth_wrapper_tp_banner,
	.home #section1 .rev_slider_wrapper {
		height: 530px !important;
	}

	.home #section1 .list_link_featured li {
		height: 65px;
		padding: 12px 17px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 11px;
	}

	.home #section1 .list_link_featured a li .bn_icon {
		margin-top: 6px;
		width: 28px;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 36px;
	}

	.home #section1 .list_link_featured a li.banner_apply .bn_icon {
		width: 32px;
		margin-top: 3px;
	}

	.home #section2 .recent_post_left {
		width: 72%;
	}

	.home #section2 .recent_post_right {
		width: 28%;
		padding-top: 5px;
	}

	.home #section2 .recent_post_right h4 img {
		margin-left: 6px;
		width: 15px;
	}

	.home #section2 .front_post_header {
		padding-top: 0;
	}

	.home #section3 .quicklink li {
		height: 100px;
	}

	.home #section3 .quicklink li img {
		width: 55px;
	}

	.home #section3 .quicklink li p {
		font-size: 13px;
	}

	.home #section4 {
		background-size: 250px;
	}

	.home #section4 .video_promotion .img_seed_left {
		width: 50px;
		left: -80px;
	}

	.home #section4 .video_promotion .img_seed_right {
		width: 50px;
		right: -80px;
	}

	/*charter*/
	.page.aboutus #section2 .intro {
		max-width: 750px;
	}

	.page.aboutus #section2 .txt li {
		height: 140px;
		padding: 15px 20px;
	}

	.page.aboutus #section2 .txt li span.num {
		font-size: 15px;
		line-height: normal;
		margin-right: 5px;
	}

	.page.annual-report .desc h4 {
		font-size: 17px;
	}

	.page.campaign .basic_tab .tab_container .tab_content_box {
		padding: 13px 3px;
	}

	.page.charter .tab_content {
		padding: 25px 30px;
	}

	.page.charter .tab_content p {
		margin-bottom: 20px;
	}

	.page.corporate .basic_box_icon h4 {
		font-size: 13px;
	}

	.page.financial-report .desc h4 {
		font-size: 13px;
	}

	.page.financial-report .pie_title {
		margin-top: -112px;
		width: 180px;
	}

	.page.financial-report .pie_box .pie_details p {
		font-size: 15px;
	}

	.page.financial-report .pie_box svg {
		width: 180px;
		height: 180px;
	}

	.page.financial-report .pie_half.left,
	.page.financial-report .pie_half.right {
		height: 220px;
	}

	.page.financial-report .pie_box .pie_details p {
		margin-bottom: 5px;
	}

	.page.financial-report .count_box_col .amount_small {
		font-size: 30px;
	}

	.page.financial-report .finance_table thead td {
		font-size: 15px;
	}

	.page.financial-report .finance_table td {
		font-size: 13px;
	}

	.page.financial-report .finance_table td.td_total {
		font-size: 15px;
	}

	.page.introduction #popup-wrap.btn_business_apply #popup-container {
		right: 40px;
		top: 100px;
	}

	.page.joinbf .tab_content_box {
		padding: 40px 40px;
	}

	.page.joinbf .joinbf_define li h3 {
		font-size: 14px;
	}

	.page.joinbf .joinbf_define li p {
		font-size: 14px !important;
	}

	.page.joinbf div.tab_container p {
		font-size: 14px;
	}

	.page.joinbf .tab_content h2 {
		font-size: 20px;
	}

	.page.joinbf .joinbf_faq h4 {
		font-size: 13px;
		line-height: 1.5;
	}

	.page.joinbf .joinbf_faq_button {
		font-size: 13px;
		width: 220px;
	}

	.page.joinbf .campaign_video {
		margin-bottom: 30px;
	}

	.page.joinbf .joinbf_video_desc {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}

	.page.joinbf .joinbf_faq {
		margin-bottom: 40px;
	}

	.page.joinbf .joinbf_benefit li {
		height: 200px;
	}

	.page.joinbf .joinbf_benefit li img {
		margin-top: 20px;
	}

	.page.joinbf .joinbf_benefit li h4 {
		font-size: 14px;
	}

	.page.joinbf #tab3 h3 {
		font-size: 18px;
	}

	.page.joinbf #tab3 h3 img {
		width: 20px;
		margin-top: -3px;
		margin-right: 10px;
	}

	.page.joinbf .joinbf_faq h4 img {
		width: 15px;
		margin-top: -2px;
	}

	.page.joinbf .joinbf_contact h4 {
		font-size: 13px;
	}

	.page.joinbf .joinbf_fund_contact_button {
		font-size: 12px;
	}

	.page.joinbf .joinbf_fund_process h4 {
		font-size: 12px;
	}

	.page.joinbf .joinbf_fund_process img {
		width: 12px;
		margin: 0 10px;
	}

	.page.joinbf .join-area .btn-mrm {
		font-size: 15px;
		padding: 10px 50px;
	}

	.page.legacyfund .legacyfund_process img {
		max-width: 500px;
	}

	footer .list_link_outlink .link_newsletter img {
		width: 20px;
	}

	.basic_contact h4 {
		font-size: 14px;
	}

	.basic_contact span {
		display: block;
	}

	.basic_contact b {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.basic_gallery_simple li h4 {
		font-size: 9px;
	}

	#popup-wrap button {
		width: 30px;
		height: 30px;
		background-size: 12px;
	}

	#popup-wrap.popup_main .popup-box {
		width: 160px;
		height: 170px;
	}

	#popup-wrap.popup_main #popup-container {
		right: 80px !important;
		top: 160px !important;
	}

	/*2021개편*/
	.section .txt {
		font-size: 15px;
	}

	.section .btn {
		min-width: 150px !important;
		font-size: 15px;
	}

	.basic_gallery .img_box h5 {
		font-size: 10px;
	}

	.basic_feature li {
		padding: 20px 30px;
	}

	.basic_feature li p {
		font-size: 13px;
	}

	.basic_contact h4 {
		font-size: 13px;
	}

	.basic_contact_float {
		width: 95px;
		top: 80px;
		right: 25px;
		padding: 12px 10px;
	}

	.basic_contact_float h4 {
		font-size: 13px;
	}

	.basic_contact_float p {
		font-size: 11px;
	}

	.basic_contact_float p:last-child {
		margin-bottom: 0 !important;
	}

	.basic_contact .basic_button {
		margin: 0;
	}

	.basic_contact_float.btn_fundgallery {
		top: 250px;
	}

	.basic_contact_float.btn_fundgallery h4 {
		padding-top: 3px;
		font-size: 13px;
	}

	.basic_contact_float.btn_fundgallery img {
		width: 17px;
	}

	.basic_contact_float.btn_fundgallery_kimgunja {
		width: 130px;
	}

	.basic_contact_float.btn_fundgallery_kimgunja h5 {
		font-size: 12px;
	}

	.change_slide .tparrows {
		width: 40px !important;
		height: 40px !important;
	}

	.change_slide .tp-leftarrow {
		left: -1.5% !important;
	}

	.change_slide .tp-rightarrow {
		left: 101.5% !important;
	}

	.change_slide_txtbox_light {
		top: 60px !important;
		left: 70px !important;
	}

	.change_slide_txtbox_light h3,
	.change_slide_txtbox_light p {
		font-size: 13px !important;
	}

	.change_slide_txtbox_light.right {
		left: 360px !important;
		top: 60px !important;
	}

	.change_slide_txtbox_light.right2 {
		left: 350px !important;
		top: 70px !important;
	}

	.title-wrap .smallchange_seed_left,
	.title-wrap .smallchange_seed_right {
		width: 40px;
	}

	.container_changestory .business-subtitle h2 {
		font-size: 18px;
	}

	.container_changestory .business-subtitle .btn-area h3 {
		font-size: 17px;
	}

	.container_changestory .business-subtitle {
		width: 33%;
		padding: 80px 25px 25px 25px;
	}

	.container_changestory .business-contents {
		width: 67%;
		min-height: 1112px;
		padding: 72px 20px 60px 20px;
	}

	.container_changestory .basic_tab .tab_depth ul li {
		font-size: 12px;
	}

	.container_changestory .basic_tab .tab_container h2 {
		font-size: 15px;
		letter-spacing: -1px;
	}

	.container_changestory .basic_tab .tab_container h3 {
		font-size: 15px;
	}

	.container_changestory .basic_tab .tab_container .tab_content_box {
		padding: 23px 25px;
	}

	.container_changestory .business-post li {
		font-size: 13px;
	}

	.container_changestory.new .business-subtitle {
		padding: 100px 20px 30px 20px;
	}

	/*2021 bfstory*/
	.link_tab a {
		line-height: 40px;
	}

	#blog_slider .item h2 {
		width: 80%;
	}

	.blog_list li {
		padding: 0 10px !important;
	}

	.blog_list_box {
		padding: 22px 12px;
	}

	.blog_list .blog_box {
		margin-bottom: 25px;
	}

	.blog_search_button {
		font-size: 12px;
		top: 260px;
		padding: 15px 18px;
	}

	.blog_search_button .img_search_icon {
		width: 20px;
		margin-top: 3px;
		margin-bottom: 7px;
	}

	/*2021 fundgallery*/
	.fundgallery-subtitle .left_box {
		width: 50%;
		float: left;
		padding-right: 30px;
	}

	.fundgallery-subtitle .right_box {
		width: 50%;
		float: left;
	}

	.fund_search_button {
		font-size: 13px;
		top: 100px;
		width: 90px;
		height: 90px;
		padding: 15px 0;
	}

	.fund_search_button .img_search_icon {
		width: 22px;
		margin-top: 3px;
		margin-bottom: 4px;
	}

	/* guide & bfstory-new */
	.page.guide .guide_area_intro .guide_intro {
		height: 850px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2 {
		font-size: 15px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2:nth-child(2) {
		font-size: 17px;
	}

	.page.joinbf .joinbf_area_menu {
		left: 25px;
	}

	.page.joinbf .joinbf_area_banner {
		right: 25px;
	}

	.page.joinbf .basic_contact_float {
		width: 90px;
		padding: 7px 10px;
	}

	.page.joinbf .basic_contact_float h4 {
		font-size: 11px;
		margin-bottom: 5px;
	}

	.page.joinbf .basic_contact_float p {
		font-size: 10px;
		margin-bottom: 2px !important;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box .joinbf_intro_button a {
		font-size: 14px;
	}

	.page.joinbf .joinbf_area_content .col {
		width: 100%;
	}

	.page.joinbf .joinbf_area_content .item_campaign,
	.page.joinbf .joinbf_area_content .item_beautifulday,
	.page.joinbf .joinbf_area_content .item_download {
		min-height: 150px;
	}

	.page.joinbf .joinbf_area_content .item_campaign.crying {
		background-position: 50% 50%;
	}

	.page.joinbf .joinbf_area_content .item_campaign.eighteen {
		background-size: 50%;
		background-position: right center;
	}

	.page.joinbf .joinbf_area_content .item .bfday_logo {
		height: 22px;
	}

	.page.joinbf .joinbf_area_content .item_download {
		background-size: 20px;
	}

	.page.joinbf .joinbf_skip .scrolldown {
		width: 30px;
		height: 30px;
		background-size: 30px;
	}

	.page.joinbf .joinbf_area_content h2 {
		font-size: 17px;
	}

	.page.joinbf .joinbf_area_content h3 {
		font-size: 14px;
	}
}

/* ipad mini */
@media all and (max-width: 768px) {
	main,
	.sub-wrap {
		min-height: 1024px;
	}

	.section .title {
		font-size: 25px;
	}

	.section .txt {
		font-size: 14px;
	}

	.title-wrap p {
		word-break: keep-all;
	}

	.page.aboutus #section2 .intro {
		max-width: 650px;
	}

	.page.aboutus #section2 .txt li {
		height: 160px;
	}

	.page.aboutus #section2 .txt li span.num {
		font-size: 14px;
	}

	.page.aboutus #section2 .txt li span.activity {
		font-size: 14px;
	}

	.page.corporate .basic_box_icon h4 {
		font-size: 13px;
		letter-spacing: -1px;
	}

	.page.corporate .basic_gallery h4 {
		font-size: 13px;
	}

	.page.donation .scenario-area {
		max-width: 550px;
	}

	.page.financial-report .pie_title {
		margin-top: -112px;
		width: 180px;
	}

	.page.financial-report .finance_table thead td {
		font-size: 15px;
	}

	.page.financial-report .finance_table td {
		font-size: 13px;
	}

	.page.financial-report .finance_table td.td_total {
		font-size: 15px;
	}

	.page.introduction .scenario-area {
		max-width: 650px;
	}

	.page.introduction .scenario-area li a {
		height: 135px;
		padding: 90px 0px 20px 0px;
		background-position: 50% 25px;
		background-size: 65px;
	}

	.page.introduction .scenario-area li a h3,
	.page.introduction .scenario-area li a h3 span {
		font-size: 14px;
	}

	.page.introduction .scenario-area li a:hover,
	.page.introduction .scenario-area li a:active,
	.page.introduction .scenario-area li a:focus {
		padding: 40px 0px 20px 0px;
	}

	.page.joinbf .joinbf_faq li {
		padding: 10px 0 30px 0;
	}

	.page.joinbf .joinbf_fund_process h4 {
		font-size: 11px;
	}

	.page.joinbf .joinbf_fund_process img {
		margin: 0 7px;
	}

	.content_box .boxed_area_smallchange {
		max-width: 600px;
	}

	.content_box .img_additional_bottom {
		max-width: 600px;
	}

	.content_box .smallchange_seed_left {
		width: 60px;
		left: -30px;
	}

	.content_box .smallchange_seed_right {
		width: 60px;
		right: -30px;
	}

	.content_box .img_additional_bottom_box .smallchange_seed_bottom1 {
		top: -30px;
		width: 60px;
	}

	.content_box .img_additional_bottom_box .smallchange_seed_bottom2 {
		width: 60px;
		bottom: -30px;
	}

	/*2021개편*/
	.basic_box.fundmaking_video h4 {
		font-size: 13px;
	}

	.basic_box_process_plain li p {
		font-size: 10px;
	}

	.basic_box_process_plain li p br {
		display: block !important;
	}

	.basic_box_process_plain li b {
		right: -31%;
	}

	.basic_gallery li h4 {
		font-size: 12px;
	}

	.basic_box_icon h4 {
		font-size: 14px;
	}

	.basic_contact h4 {
		font-size: 13px;
		letter-spacing: 0;
	}

	.basic_box_process_plain li h4 {
		font-size: 11px;
	}

	.basic_tab .tab_depth ul li {
		font-size: 14px;
	}

	.basic_tab .tab_container h3 {
		font-size: 15px;
	}

	.basic_box h3 {
		margin-bottom: 20px;
		font-size: 15px;
	}

	.basic_feature li h4 {
		font-size: 15px;
	}

	.basic_feature li p {
		font-size: 12px;
	}

	.basic_box_content_csr p {
		font-size: 13px;
	}

	.basic_box_content_csr .col-lg-4 .graph_label img {
		width: 12px;
	}

	.basic_feature_link a h3 {
		font-size: 15px;
	}

	.basic_contact_float {
		width: 90px;
	}

	.basic_contact_float h4 {
		font-size: 12px;
	}

	.basic_contact_float p {
		font-size: 10px;
	}

	.basic_contact_float.btn_fundgallery h4 {
		line-height: 1.5;
	}

	.content_box .boxed_area_announcement {
		max-width: 600px;
	}

	.basic_feature_img li {
		padding: 20px 25px;
	}

	.basic_feature_img li p {
		font-size: 13px;
		bottom: 25px;
		left: 20px;
	}

	.basic_feature_img li h4 {
		font-size: 13px;
		bottom: 23px;
		right: 20px;
	}

	.change_slide .tparrows {
		width: 35px !important;
		height: 35px !important;
	}

	.change_slide .tp-bullets {
		bottom: -50px !important;
	}

	.change_slide .tp-leftarrow {
		left: -3% !important;
	}

	.change_slide .tp-rightarrow {
		left: 103% !important;
	}

	.change_slide_txtbox_light {
		top: 45px !important;
		left: 55px !important;
	}

	.change_slide_txtbox_light.right {
		left: 320px !important;
		top: 50px !important;
	}

	.change_slide_txtbox_light.right2 {
		left: 300px !important;
		top: 60px !important;
	}

	.change_slide_txtbox_light .slide_seed_left {
		width: 22px;
		height: 22px;
		top: -20px !important;
		left: -25px !important;
	}

	.change_slide_txtbox_light .slide_seed_right {
		width: 22px;
		height: 22px;
	}

	.title-wrap .smallchange_seed_left,
	.title-wrap .smallchange_seed_right {
		width: 30px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content.wide {
		width: 680px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content {
		padding: 25px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content ul li h3 {
		font-size: 12px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content ul li span {
		font-size: 7px;
	}

	.text_small {
		font-size: 13px;
	}

	.container_changestory .business-post li {
		font-size: 12px;
		word-break: normal;
	}

	.container_changestory .business-contents {
		min-height: 1024px;
	}

	/*2021 bfstory*/
	#blog_slider .item h2,
	#blog_slider .item h5 {
		font-size: 15px;
	}

	#blog_slider .blog_slide_img {
		height: 250px;
	}

	.blog_search_button {
		top: 220px;
	}

	#blog_slider .owl-nav {
		top: 40px !important;
	}

	/*2021 fundgallery*/
	.fundgallery-subtitle h2 {
		font-size: 22px !important;
	}

	.fundgallery-subtitle .subtitle-wrap dl {
		font-size: 13px;
	}

	.fundgallery-subtitle .subtitle-wrap dt {
		width: 70px;
	}

	.fundgallery-subtitle .subtitle-wrap dd {
		margin-left: 70px;
	}

	.fundgallery-subtitle .tag-area h3 {
		font-size: 13px;
	}

	.fundgallery-subtitle .tag-area .post_tags a {
		padding: 5px 8px 7px 8px;
		font-size: 12px;
	}

	.home_slide_txtbox.star_project h1 img {
		width: 180px !important;
		margin-top: -40px !important;
	}

	.home_slide_txtbox.taste_project h1 {
		margin-bottom: 10px !important;
	}

	.home_slide_txtbox.taste_project h1 img {
		width: 300px !important;
		margin-top: -30px !important;
	}

	.home_slide_txtbox.taste_project p {
		margin-bottom: 20px !important;
	}
}

/* General Mobile Device & Phone */
@media all and (max-width: 767px) {
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		width: 100%;
		margin-bottom: 15px;
	}

	.post-list article .list-story .list-thumbnail {
		padding-right: 20px;
	}

	.btn {
		font-size: 11px;
	}

	.section .title br {
		display: none;
	}

	.sub-wrap {
		padding: 120px 30px 80px 30px;
	}

	.sub-wrap .par,
	.sub-wrap p {
		margin-bottom: 20px;
	}

	.sub-wrap h2,
	.sub-wrap h3 {
		margin-bottom: 20px;
	}

	.sub-wrap h2 {
		font-size: 19px;
		letter-spacing: -1px;
	}

	.sub-wrap h2.sub {
		font-size: 18px;
	}

	.sub-wrap h3 {
		font-size: 17px;
		letter-spacing: -1px;
	}

	.sub-wrap p br {
		display: none;
	}

	.sub-wrap .title-wrap {
		padding: 0 10px;
		margin-bottom: 30px;
	}

	.sub-wrap .title-wrap p {
		font-size: 14px;
		word-break: keep-all;
	}

	.sub-wrap .title-wrap p br {
		display: none;
	}

	.sub-wrap.page-fundmaking .title-wrap,
	.sub-wrap.page.legacyfund .title-wrap {
		margin-bottom: 50px;
	}

	.postid-10354
		.category-annualreport
		.txt-area
		.ead-preview
		> .embed_download,
	.postid-10357
		.category-annualreport
		.txt-area
		.ead-preview
		> .embed_download {
		margin-bottom: 3.5em;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 12px;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 12px;
	}

	.front_post_header h3 {
		font-size: 18px;
	}

	.home_slide .rev_slider_wrapper {
		height: 480px !important;
	}

	.home_slide .tparrows {
		margin-top: -45px;
	}

	.home #section1 {
		height: 480px;
		position: relative;
	}

	.home #section1 .list_link_featured li {
		width: 33.333% !important;
		height: 65px;
		padding: 12px 20px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 13px;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 11px;
	}

	.home #section1 .list_link_featured li .bn_icon {
		margin-top: 0px;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 35px;
		margin-top: 0;
	}

	.home #section1 .list_link_featured .btn_donate {
		bottom: 80px;
		right: 20px;
	}

	.home #section1 .list_link_featured li.banner_guide {
		display: none;
	}

	.home #section2 .recent_post_left {
		width: 70%;
	}

	.home #section2 .recent_post_right {
		width: 30%;
	}

	.home #section4 .video_promotion h1 {
		font-size: 19px;
	}

	footer .list_link_outlink h3 {
		font-size: 15px;
	}

	footer .list_link_outlink li {
		height: 50px;
		line-height: 50px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 15px;
	}

	footer .list_link_outlink .link_newsletter img {
		width: 25px;
		margin-left: 5px;
	}

	/* smallchange-bigimpact */
	.content_box .boxed_area_smallchange {
		max-width: 90%;
		padding-left: 30px;
		padding: 30px 30px;
		margin-bottom: 80px;
	}

	.content_box .boxed_area_smallchange h2 {
		width: 200px;
		margin-top: -40px;
		margin-bottom: 30px;
	}

	.content_box .boxed_area_smallchange h4 {
		font-size: 17px;
		margin-bottom: 20px;
	}

	.content_box .boxed_area_smallchange h5 {
		font-size: 13px;
	}

	.content_box .boxed_area_smallchange p br {
		display: none;
	}

	.content_box .smallchange_seed_left {
		width: 40px;
		left: -20px;
	}

	.content_box .smallchange_seed_right {
		width: 40px;
		right: -20px;
	}

	.content_box .logo_smallchange {
		min-width: 150px;
		max-width: 150px;
	}

	.content_box .img_additional_bottom {
		max-width: 90%;
	}

	.content_box .img_additional_bottom_box .smallchange_seed_bottom1 {
		width: 40px;
		top: -20px;
		right: 100px;
	}

	.content_box .img_additional_bottom_box .smallchange_seed_bottom2 {
		width: 40px;
		bottom: -20px;
		left: 50px;
	}

	/* announcement */
	.content_box .boxed_area_announcement {
		padding: 30px;
	}

	.content_box .boxed_area_announcement h2 {
		margin-bottom: 40px;
	}

	.content_box .boxed_area_announcement h3 {
		font-size: 15px;
	}

	.content_box .boxed_area_announcement .deco_line {
		margin-top: 20px;
	}

	/* purposeactivity */
	.boxed_area_purpseactivity ul li {
		width: 50%;
		padding: 10px;
	}

	.boxed_area_purpseactivity ul div {
		padding: 15px;
	}

	.page.aboutus #section2 .txt li {
		padding: 0 20px;
		padding-bottom: 10px;
		height: auto;
	}

	.page.aboutus #section2 .txt li:first-child {
		padding-top: 15px;
	}

	.page.aboutus #section2 .txt li:last-child {
		padding-bottom: 7px;
	}

	.page.aboutus #section2 .txt li span.num {
		font-size: 13px;
		margin-right: 10px;
		line-height: 1.5;
	}

	.page.aboutus #section2 .txt li span.activity {
		font-size: 13px;
	}

	.page.aboutus #section2 .title {
		padding-top: 20px !important;
	}

	.page.aboutus #section4 {
		background-size: 350%;
		background-position: 50% -250px;
	}

	.page.aboutus #section5 {
		background-size: 300%;
	}

	.page.annual-report .desc {
		margin-bottom: 25px;
	}

	.page.annual-report .basic_tab .tab_container .tab_content_box {
		padding: 30px 25px 25px 25px;
	}

	.page.campaign .sub-wrap {
		padding-top: 115px !important;
	}

	.page.campaign .sub-wrap h2 {
		height: 110px;
	}

	.page.campaign .sub-wrap h2 .smallchange_seed_left {
		width: 17px;
		top: -22px;
	}

	.page.campaign .sub-wrap h2 .smallchange_seed_right {
		width: 17px;
		top: 15px;
		right: -15px;
	}

	.page.campaign .sub-wrap .title-wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.page.campaign .basic_tab .tab_depth ul a li {
		font-size: 15px;
	}

	.page.change .basic_box {
		margin-bottom: 50px;
	}

	.page.corporate .basic_box_icon li {
		padding: 0 5px;
		letter-spacing: -1px;
	}

	.page.corporate .basic_box_icon h4 {
		margin-top: 0 !important;
	}

	.page.corporate .basic_box_icon p {
		margin-bottom: 10px;
	}

	.page.corporate .basic_box_content .basic_box_icon li {
		width: 100%;
		padding: 0 30px;
		margin-bottom: 0;
		margin-top: 10px;
	}

	.page.corporate .basic_box_content .basic_box_icon li:first-child {
		margin-top: 0;
	}

	.page.corporate .basic_box_icon {
		padding-top: 20px;
	}

	.page.corporate .basic_gallery li:first-child {
		margin-bottom: 0;
		padding-bottom: 10px;
	}

	.page.financial-report .pie_box {
		padding: 0;
	}

	.page.financial-report .pie_box svg {
		width: 150px;
		height: 150px;
	}

	.page.financial-report .pie_half.left,
	.page.financial-report .pie_half.right {
		width: 100% !important;
		float: left !important;
		height: auto;
	}

	.page.financial-report .pie_half_left,
	.page.financial-report .pie_half_right {
		width: 100% !important;
		padding: 0;
	}

	.page.financial-report .pie_half_right {
		margin-top: 10px;
	}

	.page.financial-report .pie_box .pie_details p {
		font-size: 13px;
	}

	.page.financial-report .pie_box .amount_big {
		font-size: 34px;
	}

	.page.financial-report .pie_box .amount_big .counter-unit {
		margin-top: 12px;
		font-size: 22px;
	}

	.page.financial-report .pie_title {
		margin-top: -100px;
		width: 100%;
	}

	.page.financial-report .pie_half {
		padding-bottom: 25px;
		font-size: 17px;
	}

	.page.financial-report .finance_desc {
		font-size: 11px;
		word-break: keep-all;
	}

	.page.financial-report .finance_table {
		padding: 0;
		margin-bottom: 20px;
	}

	.page.financial-report .finance_table td {
		font-size: 9px;
		padding: 5px 5px;
	}

	.page.financial-report .finance_table td.td_total {
		font-size: 11px;
		text-align: center;
		padding: 7px 5px;
	}

	.page.financial-report .finance_table .tr_lower td {
		font-size: 10px;
	}

	.page.financial-report .finance_table thead td {
		padding: 0 5px 5px 5px;
		font-size: 12px;
	}

	.page.financial-report .finance_desc.lined {
		margin-bottom: 35px;
		padding-bottom: 35px;
	}

	.page.financial-report .count_box_col {
		width: 100% !important;
		margin-bottom: 15px;
	}

	.page.financial-report .amount_title_small {
		font-size: 15px;
	}

	.page.financial-report .count_box_col .amount_small {
		font-size: 25px;
		letter-spacing: 0;
	}

	.page.financial-report .row_toggle {
		padding: 0;
	}

	.page.financial-report .toggle_col1 {
		padding: 0;
		text-align: left;
	}

	.page.financial-report .toggle_right {
		width: 100%;
		margin-left: 0;
	}

	.page.financial-report .toggle div {
		font-size: 14px !important;
	}

	.page.financial-report .toggle_title div {
		font-size: 14px;
	}

	.page.financial-report .toggle > dt > a {
		padding: 15px 10px;
	}

	.page.financial-report .toggle_title {
		padding: 10px 10px;
	}

	.page.financial-report .toggle > dt > a::after {
		font-size: 25px;
		right: 10px;
		top: 25px;
	}

	.page.financial-report .toggle_col1 {
		color: #f4a100;
	}

	.page.financial-report .toggle table tr td {
		font-size: 12px !important;
		border: 0;
	}

	.page.financial-report .toggle table tr td:nth-child(1) {
		color: #f4a100;
		line-height: 1.5;
	}

	.page.financial-report .toggle table tr.thead {
		border-top: 0;
	}

	.page.financial-report .toggle table tr.thead td:nth-child(1) {
		padding: 10px 0 7px 0;
		line-height: 1;
	}

	.page.financial-report .toggle > dd {
		padding: 10px;
	}

	.page.financial-report .toggle {
		margin-bottom: 20px;
	}

	.page.financial-report .finance_button {
		font-size: 14px;
	}

	.page.financial-report .finance_button.small {
		width: 230px;
		font-size: 10px;
		width: 200px;
		margin-bottom: 10px;
	}

	.page.financial-report .tab_container .tab_content .text_small {
		padding: 10px 0;
		text-align: left;
	}

	.page.fundmaking .basic_box_process_plain li h4 {
		font-size: 13px;
	}

	.page.fundmaking .basic_box_process_plain li p {
		font-size: 12px;
		line-height: 1.5;
	}

	.page.legacyfund .legacyfund_process img {
		max-width: 100%;
	}

	.page.legacyfund .fund_checklist span {
		margin-right: 5px;
	}

	.page.legacyfund .basic_box_process_plain li h4 {
		font-size: 12px;
	}

	.page.legacyfund .basic_box_process_plain li p {
		font-size: 11px;
	}

	.page.joinbf .join-area .img-area img {
		width: 70px;
	}

	.page.joinbf div.tab_container p {
		word-break: keep-all;
	}

	.page.joinbf div.tab_container p br {
		display: none;
	}

	.page.joinbf div.tab_container p.joinbf_fund_desc {
		margin-bottom: 0 !important;
	}

	.page.joinbf .main-title h4 {
		font-size: 13px;
	}

	.page.joinbf .join-area .btn-mrm {
		padding: 8px 10px;
		font-size: 13px;
		margin: 0;
	}

	.page.joinbf .join-area .list-basic div {
		word-break: keep-all;
		font-size: 13px;
	}

	.page.joinbf .basic_tab .tab_container .tab_content_box {
		padding: 30px 20px;
	}

	.page.joinbf .campaign_video {
		margin-bottom: 20px;
	}

	.page.joinbf .joinbf_video_desc {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.page.joinbf .joinbf_define li {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.page.joinbf .joinbf_define li br {
		display: none;
	}

	.page.joinbf .joinbf_define li img {
		margin-bottom: 10px;
		width: 20px;
		margin-right: 0;
		float: none;
	}

	.page.joinbf .joinbf_define li h3 {
		margin-bottom: 0;
	}

	.page.joinbf .joinbf_contact h4 {
		font-size: 12px;
	}

	.page.joinbf .tab_content h2 {
		font-size: 15px;
		line-height: 1.7;
		padding: 0 30px;
	}

	.page.joinbf .joinbf_define li .joinbf_define_content {
		width: 100%;
	}

	.page.joinbf .joinbf_faq h4 {
		line-height: 1.7;
	}

	.page.joinbf .basic_tab .tab_container .tab_content_box .joinbf_faq p {
		margin-top: 0;
		margin-bottom: 20px !important;
	}

	.page.joinbf .joinbf_benefit li {
		width: 98%;
		margin-bottom: 10px;
		height: 145px;
	}

	.page.joinbf .joinbf_benefit li img {
		width: 60px;
		margin-top: 5px;
	}

	.page.joinbf .joinbf_faq .ic_b_box {
		padding-top: 0;
	}

	.page.joinbf .joinbf_faq .ic_b_box .ic_b_item {
		width: 25%;
	}

	.page.joinbf .joinbf_faq .ic_b_box .ic_b_item h4 {
		font-size: 12px;
		padding-top: 5px;
	}

	.page.joinbf .joinbf_faq li {
		padding: 5px 0 25px 0;
	}

	.page.joinbf #tab3 h3 {
		font-size: 15px;
	}

	.page.joinbf #tab3 h3 img {
		width: 17px;
	}

	.page.joinbf .joinbf_fund_process h4 {
		font-size: 13px;
		line-height: 2.5;
	}

	.page.joinbf .joinbf_fund_csr li {
		width: 47%;
		margin: 1.5% 1.5%;
	}

	.page.joinbf .joinbf_fund_csr li h4 {
		font-size: 10px;
		margin-bottom: 10px;
	}

	.page.joinbf .joinbf_fund_csr li img {
		width: 70px;
	}

	.page.joinbf #tab3 h3 a.see_more {
		font-size: 14px;
		right: 3px;
		top: 0;
	}

	.page.joinbf #tab3 h3 a.see_more span.see_more_plus {
		font-size: 20px;
		margin-right: 5px;
	}

	.page.joinbf .joinbf_fund_process {
		padding: 15px 20px;
	}

	.page.joinbf div.tab_container p.title_desc {
		margin-bottom: 30px !important;
	}

	.page.joinbf .joinbf_benefit_banner {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.page.newsletter .newsletter_box {
		max-width: 100%
	}

	.page.newsletter .sub-wrap .title-wrap {
		margin-top: 0;
	}

	.page.newsletter .newsletter_character {
		bottom: auto;
		top: auto;
		bottom: 0;
		right: 20%;
		width: 250px;
		height: 250px;
	}

	.page.observance {
		font-size: 13px;
	}

	.page.observance .observance-found .box-info {
		padding: 20px 20px;
		margin-bottom: 50px;
	}

	.page.observance .observance-law .box-info {
		padding: 20px 0px;
	}

	.page.observance .observance-law .box-subtitle {
		font-size: 12px;
	}

	.page.observance .observance-law .list-basic {
		margin-bottom: 10px;
	}

	.page.observance .observance-law .list-basic-title {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.document_list .link_item p {
		font-size: 11px;
	}

	#document_list_audit.document_list .link_item p {
		margin-bottom: 0 !important;
	}

	/*임시*/
	.front_post_content {
		padding-top: 15px;
	}

	#temp_home_recent_work .slick-slide {
		width: 50%;
	}

	#temp_home_recent_work .slick-slide:nth-child(2),
	#temp_home_recent_work .slick-slide:nth-child(4) {
		display: none;
	}

	#wppsac-post-carousel-1 .wppsac-post-image-bg {
		margin-bottom: 10px !important;
	}

	.sub-wrap .committee h3 {
		font-size: 15px;
	}

	.history-wrap {
		background: none !important;
	}

	.basic_box_content {
		padding: 0px 5px;
	}

	.basic_video {
		margin-bottom: 0;
	}

	.basic_box.fundmaking_video h4 {
		padding-top: 0;
		font-size: 12px;
		line-height: 2;
		margin-bottom: 5px;
	}

	.basic_box.fundmaking_video h4 span {
		margin-right: 5px;
	}

	.basic_box h3 a.see_more {
		font-size: 15px;
		padding: 0;
	}

	.basic_box_content_people h4 {
		font-size: 15px;
	}

	.basic_box_content h5 {
		font-size: 13px;
	}

	.basic_contact_float {
		display: none;
	}

	.basic_contact_float.btn_fundgallery {
		z-index: 999;
		width: 85px;
		display: block;
		top: auto;
		bottom: 30px;
		border-radius: 100px;
		padding: 12px 0;
	}

	.basic_contact_float.btn_fundgallery h4 {
		line-height: 1.4;
		padding-top: 0;
	}

	.basic_contact_float.btn_fundgallery_kimgunja {
		width: 105px;
		border-radius: 15px;
		top: 75px;
		bottom: auto;
		right: 20px;
		padding: 12px 5px;
	}

	.basic_contact_float.btn_fundgallery_kimgunja h4 {
		font-size: 12px;
	}

	.basic_contact_float.btn_fundgallery_kimgunja h5 {
		margin-bottom: 3px;
		font-size: 11px;
	}

	.basic_contact_float.btn_memorial {
		display: block;
		top: auto;
		bottom: 65px;
		right: 20px;
		padding: 5px 10px;
	}

	.basic_contact_float.btn_memorial h4 {
		font-size: 11px;
		padding-top: 3px;
		line-height: 1.4;
	}

	.basic_contact_float.btn_memorial img {
		width: 15px;
	}

	.basic_contact_float.btn_memorial:hover {
		opacity: 1;
	}

	.basic_contact_float.btn_post_normal {
		display: block;
		top: auto;
		bottom: 65px;
		right: 20px;
		padding: 5px 10px;
	}

	.basic_contact_float.btn_post_normal h4 {
		font-size: 11px;
		padding-top: 3px;
		line-height: 1.4;
	}

	.basic_contact_float.btn_post_normal img {
		width: 15px;
	}

	.basic_contact_float.btn_post_normal:hover {
		opacity: 1;
	}

	.basic_contact_float.btn_post_normal.snail {
		padding: 12px 15px;
	}

	.basic_contact_float.btn_post_normal.snail img {
		width: 50px;
		margin-bottom: 2px;
	}

	.basic_box_icon li {
		width: 50%;
	}

	.basic_box_process_plain.col5 li,
	.basic_box_process_plain.col8 li,
	.basic_box_process_plain.col4 li {
		width: 46%;
		margin: 0 2% !important;
		margin-bottom: 4% !important;
		text-align: left;
		padding: 10px 10px;
	}

	.basic_box_process_plain li b,
	.basic_box_process_plain.col8 li b,
	.basic_box_process_plain.col4 li b {
		right: 0px;
		background-size: 8px;
	}

	.basic_box_process_plain li b {
		width: 27px;
	}

	.basic_box_process_plain li h4 {
		font-size: 13px;
		margin-bottom: 0;
		letter-spacing: -1px;
	}

	.basic_box_process_plain li p {
		font-size: 11px;
	}

	.basic_gallery .img_box {
		margin-bottom: 12px;
	}

	.basic_gallery .img_box h5 {
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}

	.basic_gallery li {
		margin-bottom: 10px;
	}

	.basic_gallery li h4 {
		font-size: 14px;
	}

	.basic_gallery p {
		margin-bottom: 0 !important;
	}

	.basic_list_default li a {
		padding: 10px 0;
	}

	.basic_list_default li .list-title {
		width: 100%;
		margin-bottom: 3px;
	}

	.basic_tab .tab_depth ul li {
		font-size: 14px;
		line-height: 40px;
		padding-top: 0px;
	}


	.basic_tab .tab_container .tab_content_box h3 {
		margin-bottom: 10px;
	}

	.basic_tab .tab_container .tab_content_box p.nomargin {
		margin-bottom: 0 !important;
	}

	.basic_tab .tab_container .tab_content_box p.margin {
		margin-bottom: 20px !important;
	}

	.basic_tab.tab_mobile_col1 .tab_depth ul {
		border-bottom: 1px solid #ddd;
	}

	.basic_tab.tab_mobile_col1 .tab_depth ul li {
		width: 100%;
		border-bottom: 0;
		border-right: 1px solid #ddd !important;
	}

	.basic_tab.tab_mobile_col1 .tab_depth ul li.active {
		border-right: 0 !important;
	}

	.basic_tab.tab_mobile_col2 .tab_depth ul {
		border-bottom: 1px solid #ddd;
	}

	.basic_tab.tab_mobile_col2 .tab_depth ul li {
		width: 50%;
		border-bottom: 0;
	}

	.basic_tab.tab_mobile_col2 .tab_depth ul li:nth-child(2n) {
		border-right: 1px solid #ddd;
	}

	.basic_tab.tab_mobile_col2 .tab_depth ul li.active {
		border-bottom: 0 !important;
	}

	.text_small {
		font-size: 11px;
	}

	.basic_box_process li.col20 {
		width: 50%;
		padding: 5px 0 !important;
		text-align: left;
		background-position: 70% 50%;
		background-size: 8px;
	}

	.faq li .q_title {
		padding: 8px 10px 9px 10px;
	}

	.faq li .a_content {
		padding: 20px;
	}

	.basic_accordion li .q_title .more {
		top: 10px;
	}

	.basic_box h3 img {
		width: 17px;
		margin-right: 7px;
	}

	.basic_feature li {
		margin-bottom: 0;
		padding: 10px 15px 15px 15px;
	}

	.basic_feature li h4 {
		font-size: 15px;
		margin-bottom: 0;
	}

	.basic_feature li p {
		line-height: 1.5;
		font-size: 13px;
	}

	.basic_box_content_csr {
		padding: 30px 0 !important;
	}

	.basic_box_content_csr .col-lg-4 img {
		margin: 0;
	}

	.basic_box_content_csr br {
		display: inline-block !important;
	}

	.basic_box_content_logo {
		padding: 15px 15px;
	}

	.basic_video .basic_video_box {
		padding-bottom: 46%;
	}

	.basic_feature_link {
		padding: 0;
	}

	.basic_feature_link li {
		width: 50%;
		margin-bottom: 0;
	}

	.basic_feature_img li {
		height: 100px;
		padding: 15px 15px;
	}

	.basic_feature_img li p br {
		display: block !important;
	}

	.basic_feature_img li p {
		font-size: 12px;
		bottom: 15px;
		left: 16px;
	}

	.basic_feature_img li h4 {
		font-size: 13px;
		bottom: 13px;
		right: 16px;
	}

	.title-wrap .smallchange_seed_left {
		left: 20px;
		top: -10px;
		width: 30px;
		opacity: 0.7;
	}

	.title-wrap .smallchange_seed_right {
		right: 20px;
		top: 10px;
		width: 30px;
		opacity: 0.7;
	}

	.change_slide {
		padding: 0;
		margin-bottom: 0;
	}

	.change_slide .rev_slider_wrapper,
	.change_slide .rev_slider {
		height: 150px !important;
	}

	.change_slide .tp-revslider-mainul {
		background: #fff !important;
	}

	.change_slide p br {
		display: inline-block !important;
	}

	.change_slide_txtbox_light h3 {
		font-size: 8px !important;
		line-height: 1.7 !important;
		margin-bottom: 7px !important;
		padding-top: 7px !important;
	}

	.change_slide_txtbox_light p {
		font-size: 8px !important;
		line-height: 1.7 !important;
		margin-bottom: 7px !important;
	}

	.change_slide .tp-leftarrow {
		left: -14% !important;
	}

	.change_slide .tp-rightarrow {
		left: 114% !important;
	}

	.change_slide_txtbox_light .slide_seed_left {
		width: 12px;
		height: 12px;
		top: -10px !important;
		left: -17px !important;
	}

	.change_slide_txtbox_light .slide_seed_right {
		width: 12px;
		height: 12px;
		margin-top: 0px !important;
	}

	.change_slide_txtbox_light {
		top: 22px !important;
		left: 27px !important;
	}

	.change_slide_txtbox_light.right {
		top: 22px !important;
		left: 180px !important;
	}

	.change_slide_txtbox_light.right2 {
		top: 27px !important;
		left: 160px !important;
	}

	/*change_slide 커스텀*/
	.change_slide .tp-bgimg {
		background: #fff7e9 !important;
		border-radius: 80% 0;
	}

	.change_slide .rev_slider_wrapper,
	.change_slide .rev_slider {
		height: 270px !important;
	}

	.change_slide_txtbox_light h3 {
		font-size: 13px !important;
		padding-top: 10px !important;
		max-width: 200px;
	}

	.change_slide_txtbox_light p {
		font-size: 13px !important;
		margin-bottom: 10px !important;
	}

	.change_slide_txtbox_light,
	.change_slide_txtbox_light.right,
	.change_slide_txtbox_light.right2 {
		top: 40px !important;
		left: 40px !important;
		right: auto !important;
	}

	.change_slide_txtbox_light.white h3,
	.change_slide_txtbox_light.white p {
		color: #333 !important;
	}

	.change_slide_txtbox_light .slide_seed_left {
		width: 25px;
		height: 25px;
		top: -25px !important;
		left: -30px !important;
	}

	.change_slide_txtbox_light .slide_seed_right {
		width: 25px;
		height: 25px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content {
		padding: 17px;
		box-shadow: 5px 5px 0px #ffa200;
	}

	.popup_modal .popup_modal_bg .popup_modal_content h2 {
		font-size: 15px;
		margin-top: -5px;
		margin-bottom: 2px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content h2 img {
		height: 32px;
		margin-right: 7px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content {
		width: 330px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content.wide {
		width: 330px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content.wide .custom_col2 {
		width: 100%;
	}

	.popup_modal .popup_modal_bg .popup_modal_content.wide li.child {
		display: none;
	}

	.popup_modal .popup_modal_bg .popup_modal_content p {
		font-size: 10px;
		margin-bottom: 5px;
		display: none;
	}

	.popup_modal .popup_modal_bg .popup_modal_content ul li h3 {
		font-size: 12px;
		line-height: 2;
		background-size: 10px;
		padding-left: 16px;
		padding-right: 0px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content ul li span {
		display: none;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_list {
		margin: 5px 0 15px 0;
		padding: 7px 0;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_link a {
		font-size: 12px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_close {
		top: 0 !important;
		right: 4px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content .popup_modal_close img {
		width: 15px;
	}

	/*2021 bfstory*/
	.blog_list li {
		width: 33.333%;
	}

	.blog_list li {
		margin-bottom: 0;
	}

	.blog_search h2 {
		margin-bottom: 15px;
		font-size: 14px !important;
	}

	.blog_search h3 {
		margin-bottom: 0;
		font-size: 14px !important;
	}

	.blog_search ul li {
		padding: 20px 20px 22px 20px;
	}

	.blog_search .featured_tag a {
		margin: 0 7px 7px 0;
		font-size: 12px;
		line-height: 26px !important;
		padding: 0 7px;
		padding-top: 1px;
	}

	.blog_search .link_old_blog {
		padding: 14px 20px;
		height: 47px;
	}

	.blog_search a .link_old_blog img {
		width: 20px;
	}

	#nav-content {
		max-width: 250px;
	}

	.blog_search_custom input {
		height: 32px !important;
		line-height: 32px !important;
		font-size: 14px !important;
		padding: 0 8px !important;
		padding-top: 1.5px !important;
	}

	.blog_search_custom button {
		height: 32px !important;
		padding-top: 5px !important;
	}

	.blog_search_custom button svg {
		width: 20px;
	}

	.link_tab a {
		font-size: 12px;
	}

	#blog_slider .owl-dot span {
		height: 3px;
	}

	#blog_slider .owl-dots {
		margin-top: 13px;
	}

	.blog_search_button {
		padding: 12px 15px;
		top: 230px;
		font-size: 11px;
	}

	.pagination a,
	.pagination .current {
		min-width: 35px !important;
		height: 35px !important;
		line-height: 24px !important;
		font-size: 14px !important;
	}

	/* fundgallery */
	.fund_search h2 {
		margin-bottom: 15px;
		font-size: 13px !important;
	}

	.fund_search h2 img {
		width: 14px;
		margin-right: 2px;
	}

	.fund_search h3 {
		margin-bottom: 0;
		font-size: 14px !important;
	}

	.fund_search ul li {
		padding: 20px 20px 20px 20px;
	}

	.fund_search .featured_tag a {
		margin: 0 7px 7px 0;
		font-size: 12px;
		line-height: 26px !important;
		padding: 0 11px;
		padding-top: 1px;
	}

	.fund_search .link_old_blog {
		padding: 14px 20px;
		height: 47px;
	}

	.fund_search a .link_old_blog img {
		width: 20px;
	}

	#nav-content {
		max-width: 250px;
	}

	.fund_search_custom input {
		height: 32px !important;
		line-height: 32px !important;
		font-size: 14px !important;
		padding: 0 12px !important;
	}

	.fund_search_custom button {
		height: 32px !important;
		padding-top: 5px !important;
	}

	.fund_search_custom button svg {
		width: 20px;
	}

	.fund_search_button {
		top: 70px;
		left: 15px;
		width: 80px;
		height: 80px;
		padding: 12px 15px;
		font-size: 11px;
	}

	#stb_subscribe input {
		padding: 8px 10px 8px 10px !important;
		font-size: 14px !important;
	}

	#stb_subscribe input[type="checkbox"] {
		margin: 6px 5px 0 0 !important;
	}

	#stb_subscribe .stb_form_policy *,
	#stb_subscribe .stb_form_msg_error,
	#stb_subscribe .stb_form_result p {
		font-size: 13px !important;
	}

	#stb_subscribe .stb_form_submit_button {
		padding: 10px 30px 10px 30px !important;
	}

	#stb_subscribe .stb_form_modal_body {
		padding: 20px 20px !important;
	}

	#stb_subscribe .stb_form_modal_body table th,
	#stb_subscribe .stb_form_modal_body table td {
		font-size: 11px !important;
	}

	#stb_subscribe .stb_form_modal_btn button {
		width: 80px !important;
		height: 35px !important;
		line-height: 35px !important;
	}

	.huhu_list {
		padding: 0;
	}

	.huhu_list li {
		flex-direction: column;
		padding: 15px 0;
		margin-bottom: 0;
		border-bottom: 1px solid #ddd;
	}

	.huhu_list li:last-child {
		border-bottom: 0;
	}

	.huhu_list .list-title {
		width: 100%;
	}

	.huhu_list .list-date {
		width: 100%;
		margin-top: 7px;
		text-align: left;
		
	}
	.newsletter .huhu_list li {padding: 20px 0}
	.newsletter .huhu_list .list-date {
		width: 100%;
		margin-top: 7px;
		justify-content: flex-start;
		font-size: 16px;
		
	}
	.newsletter .sub-wrap {margin-bottom: 0!important;}
	.huhu_list .pagination.group .pagination { margin-top: 0;}

	/*메인 화살표 영역*/
	.home #section1 #story {
		display: block;
	}

	.home #section1 #story .scrollnext,
	.home #section1 #story .scrollnext .img {
		width: 25px;
		height: 25px;
		background-size: 25px;
	}

	/* campaign */
	.campagin_bg {
		height: 272px;
	}

	/* archive */
	.archive_list .archive_list_view,
	.archive_list .archive_list_download {
		font-size: 12px;
		padding: 8px 12px 10px 12px;
	}

	.archive_list .archive_list_category {
		font-size: 12px;
		margin-bottom: 5px;
		margin-top: -4px;
	}

	.archive_list .archive_list_meta {
		font-size: 12px;
	}

	.archive_list .archive_list_title {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.archive_list .archive_list_summary {
		font-size: 12px;
		line-height: 1.5;
	}

	.archive_detail .archive_detail_top {
		width:100%; flex-direction: column; padding: 60px 14px; align-items: center; text-align: center;
	}
	.archive_detail .archive_detail_thumbnail {width:58%;}

	.archive_detail .archive_detail_top_left {
		display: flex;
        justify-content: center;
		width:100%;
	}

	.archive_detail .archive_detail_top_right {
		margin-top: 30px;
		width: 100%;
		padding-left: 0;
	}

	.archive_detail .archive_detail_bottom {
		padding: 60px 16px;
	}
	.archive_detail h2.t5.mb28 {
		font-size: 22px; line-height: 130%; margin-bottom: 20px;
	}
	.archive_detail .archive_detail_category {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.archive_detail .archive_detail_title {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.archive_detail .archive_detail_meta {
		font-size: 12px;
	}

	.archive_detail .archive_detail_meta_box {
		font-size: 14px;
		padding-bottom: 20px;
	}
	.archive_detail .archive_detail_meta span {
		font-size: 14px;
	}

	.archive_detail .archive_detail_view,
	.archive_detail .archive_detail_download {
		font-size: 12px;
		padding: 7px 10px 9px 10px;
	}
	.archive_detail .archive_detail_box {
		width:100%;
		flex-direction: column;
	}
	.archive_detail .archive_detail_box label {
		width: 100%;
		font-size: 20px;
		text-align: left;
		margin-bottom: 20px;
	}
	.archive_detail .archive_detail_box .tags_cont {
		margin-top: 20px;
	}
	.archive_detail .archive_detail_box .archive_detail_content {
		font-size:16px;
		line-height: 150%;
		width: 100%;
		padding-left: 0;
	}

	/* guide & joinbf-new
	.page.guide h3 {
		font-size: 17px;
	}

	.page.guide .guide_area_content {
		padding: 50px 0;
	}

	.page.guide .guide_area_content .row.guide_fundmaking .col:first-child {
		padding-bottom: 0;
	}

	.page.guide .guide_area_content .row.guide_fundmaking h3.hide {
		display: none;
	}

	.page.guide .guide_area_content .row.guide_fundmaking a.see_more.mobile {
		display: inline-block;
		float: right;
	}

	.page.guide .guide_area_content .row.guide_fundmaking p {
		margin-bottom: 0;
	}

	.page.guide .guide_area_content .area_fund_making p {
		width: 70%;
		margin-bottom: 0;
	}

	.page.guide .guide_area_content .area_fund_making img {
		width: 65px;
	}

	.page.guide .guide_area_content .guide_fundmaking2 p {
		margin-bottom: 0;
	}

	.page.guide .guide_area_content .campaign .campaign_img {
		padding-top: 40%;
	}

	.page.guide .guide_area_content .campaign .campagin_desc {
		padding: 0;
		margin: 0;
	}

	.page.guide .guide_area_content .col {
		margin-bottom: 0;
	}

	.page.guide .guide_area_content .icon_box {
		padding-top: 10px;
	}

	.page.guide .guide_area_content .icon_box li {
		width: 50%;
		margin-bottom: 0;
	}

	.page.guide .guide_area_content .icon_box li h4 {
		margin-bottom: 0;
	}

	.page.guide .guide_area_content .icon_box li img {
		width: 80px;
	}

	.page.guide .guide_area_content .basic_contact_joinbf {
		margin-top: 10px;
		padding: 5px 25px 25px 25px !important;
	}

	.page.guide .guide_area_content hr.pc_only {
		display: none;
	}

	.page.guide .basic_contact_float {
		z-index: 999;
		top: auto;
		bottom: 15px;
		right: 15px;
		display: block !important;
		width: 80px;
		height: 80px;
		padding: 5px 5px;
	}

	.page.guide .basic_contact_float h4 {
		font-size: 10px;
	}

	.page.guide .basic_contact_float img {
		width: 22px;
	}

	.page.guide .guide_area_intro {
		max-width: 100%;
		padding: 0 20px;
	}

	.page.guide .guide_area_intro .guide_intro {
		height: 650px;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box p br {
		display: block;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc .deco {
		width: 70px;
		top: -15px;
		margin-left: 60px;
		transform: scaleX(-1);
		right: 0;
		opacity: 0.2;
	}

	.page.guide .guide_area_intro .guide_intro .guide_intro_box .desc {
		font-size: 14px;
	}

	.page.guide .guide_area_content .campaign .campagin_desc h2 {
		font-size: 16px;
	}

	.page.guide .guide_content_box {
		padding: 0 20px;
	}

	.page.guide .guide_area_division .area_box {
		padding: 25px 0 75px 0;
		background-size: 70%;
	}

	.page.guide .guide_area_division .area_box h2 {
		font-size: 17px;
	}

	.page.guide .campaign_video {
		margin-top: 0;
	}

	.page.guide a.see_more {
		padding-top: 0;
	}

	.page.guide .guide_benefit {
		padding: 20px 0;
	}

	.page.guide .guide_benefit .row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.page.guide .guide_benefit .col {
		padding: 10px !important;
	}

	.page.guide .guide_benefit .col-lg-3 {
		width: 50%;
	}

	.page.guide .swiper-button-next,
	.page.guide .swiper-button-prev {
		padding: 0 17px;
		height: 35px !important;
	}

	.page.guide .swiper-button-next::after,
	.page.guide .swiper-button-prev::after {
		font-size: 15px !important;
	}

	.page.guide .swiper-button-prev {
		left: -7px;
	}

	.page.guide .swiper-button-next {
		right: -7px;
	} */

	.page.joinbf .joinbf_area_content {
		padding: 0;
	}

	.page.joinbf .joinbf_area_content .col {
		padding: 0;
	}

	.page.joinbf .joinbf_area_content .row_change {
		margin-left: 0;
		margin-right: 0;
	}

	.page.joinbf .joinbf_area_content .item {
		padding: 10px 20px;
	}

	.page.joinbf .joinbf_area_content .item_change .v_center {
		padding-left: 30px;
	}

	.page.joinbf .joinbf_area_content .item_change.top,
	.page.joinbf .joinbf_area_content .item_change.bottom {
		background-position: 13px 17px;
		background-size: 12px;
	}

	.page.joinbf .joinbf_area_content .item_change {
		min-height: 70px;
	}

	.page.joinbf .joinbf_area_content .item_change h3 {
		font-size: 13px;
	}

	.page.joinbf .joinbf_area_content .item_change p {
		font-size: 11px;
	}

	.page.joinbf .joinbf_area_content .item_campaign.eighteen {
		background-size: 55% auto;
	}

	.page.joinbf .joinbf_area_content .item_campaign.jayoung {
		background-size: 90%;
	}

	.page.joinbf .joinbf_area_content h2 {
		font-size: 16px;
	}

	.page.joinbf .joinbf_area_content h3 {
		font-size: 13px;
	}

	.page.joinbf .joinbf_area_menu {
		position: absolute;
		top: 70px;
		left: 20px;
		width: auto;
		height: auto;
	}

	.page.joinbf .joinbf_area_menu a {
		padding: 3px 0 3px 20px;
		font-size: 12px;
	}

	.page.joinbf .joinbf_intro {
		height: 550px;
		background-position: 110% 70px;
		background-size: 250px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box {
		transform: translate(0%, 0%);
		width: 100%;
		padding: 0;
		top: 240px;
		left: 0;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2 {
		font-size: 14px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2:nth-child(2) {
		font-size: 16px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box .joinbf_intro_button a {
		padding: 8px 10px 7px 10px;
		width: 180px;
	}

	.basic_contact_joinbf {
		padding: 2px 20px 20px 20px !important;
	}

	.basic_contact_joinbf h4 {
		font-size: 12px !important;
	}

	.basic_contact_joinbf .basic_button {
		width: 90px;
		font-size: 12px !important;
	}

	.container_changestory.new .business-subtitle .subtitle {
		display: block;
	}

	.container_changestory.new .business-subtitle .subtitle .title {
		width: 100%;
		padding-right: 0;
		margin-bottom: 25px;
	}

	.container_changestory.new .business-subtitle .subtitle .btn-area {
		width: 100%;
	}
}

@media all and (max-width: 766px) {
	.container {
		padding-left: 25px;
		padding-right: 25px;
	}

	.front_post_header h3 {
		font-size: 17px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 12px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title,
	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		line-height: 14px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 12px;
		margin-bottom: 0;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 11px;
	}

	.home #section1 .list_link_featured li .bn_icon {
		width: 30px;
		margin-right: 9px;
	}

	.home #section1 .list_link_featured .btn_donate {
		width: 95px;
		height: 95px;
	}

	.home #section1 .list_link_featured li.banner_about {
		padding-right: 0;
	}

	.home #section2 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.home #section2 .recent_post_left {
		width: 68%;
	}

	.home #section2 .recent_post_right {
		width: 32%;
		padding: 5px 10px 0 15px;
	}

	.home #section2 .recent_post_container {
		padding: 50px 0;
	}

	.home #section2 .front_post_header {
		padding-top: 5px;
	}

	.home #section2 .front_post_header .post_seemore img {
		width: 20px;
		margin-top: 0;
	}

	.home #section3 .quicklink li p {
		font-size: 13px;
	}

	.home #section4 .video_promotion {
		padding: 55px 0 65px 0;
	}

	.home #section4 .video_promotion .row {
		max-width: 480px;
	}

	.home #section4 .video_promotion h1 {
		max-width: 175px;
		font-size: 17px;
	}

	.home #section4 .video_promotion p {
		max-width: 295px;
		font-size: 10.5px;
	}

	.home #section4 .video_promotion .video_box {
		margin-top: 50px;
	}

	.home #section5 .recent_post_container {
		padding: 25px 0;
	}

	.home #section5 .front_post_header {
		padding-bottom: 10px;
	}

	.home #section5 .front_post_header .post_seemore img {
		width: 20px;
		margin-top: -5px;
	}

	.home #section5 .front_post_content {
		padding-top: 10px;
	}

	.home #section5 .front_post_content .slick-slide h2 {
		line-height: 24px;
	}

	.home #section5 .recent_post_box:nth-child(1) {
		padding-right: 16px;
	}

	.home #section5 .recent_post_box:nth-child(2) {
		padding: 0 8px;
	}

	.home #section5 .recent_post_box:nth-child(3) {
		padding-left: 16px;
	}

	.home #section5 .front_post_content ul li {
		font-size: 12px;
		line-height: 24px;
	}

	footer #footer {
		padding: 30px 20px 50px 20px;
	}

	footer .list_link_outlink h3 {
		font-size: 15px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 15px;
	}

	footer .list_link_outlink .list_link_sns a {
		padding: 0 9px;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 18px;
	}

	/*2021 single*/
	#blog_slider .owl-next {
		right: 30px;
	}

	#blog_slider .owl-prev {
		left: 30px;
	}

	.single .entry-inner p br {
		display: block;
	}

	.single .entry-inner table br {
		display: none;
	}

	/* video */
	.video .su-lightbox-content,
	.category-video .su-lightbox-content,
	.search .su-lightbox-content {
		max-width: 90% !important;
	}

	.video .mfp-close {
		width: 35px;
		height: 35px;
		line-height: 34px;
	}

	.video .mfp-close-btn-in .mfp-close,
	.category-video .mfp-close-btn-in .mfp-close,
	.search .mfp-close-btn-in .mfp-close {
		top: -50px;
	}

	.video_box .video_iframe {
		padding-bottom: 46.8%;
	}

	.video_detail {
		padding: 15px;
	}

	.video_detail h3 {
		font-size: 14px;
		padding-bottom: 10px;
	}

	.video_detail .video_desc {
		padding-top: 10px;
		height: 150px;
	}

	.video_detail .video_seed_left {
		width: 30px;
		top: -15px;
		left: -15px;
	}

	.video_detail .video_detail_left {
		margin-bottom: 10px;
	}
}

@media all and (max-width: 700px) {
	main,
	.sub-wrap {
		min-height: inherit;
	}

	.container_changestory .business-contents {
		min-height: inherit;
	}

	.mobile_hide {
		display: none !important;
	}

	.front_post_header h3 {
		font-size: 15px;
	}

	.home_slide .tp-bullets {
		padding: 0 30px;
		top: 80px !important;
	}

	.home_slide_txtbox {
		top: 110px !important;
		left: 70px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 25px !important;
	}

	.home_slide_txtbox p {
		font-size: 15px !important;
		margin-bottom: 18px !important;
	}

	.home_slide_txtbox a,
	.home_slide .rev-btn,
	.home_slide .btn-slider {
		padding: 9px 18px 8px 18px !important;
		border-radius: 0 8px !important;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 10px;
	}

	.home #section1 .list_link_featured li.banner_about {
		padding-left: 17px;
	}

	.home #section2 .recent_post_left {
		width: 66%;
	}

	.home #section2 .recent_post_right {
		width: 34%;
		padding: 3px 10px 0 15px;
	}

	.home #section2 .recent_post_right h4 {
		font-size: 12px;
	}

	.home #section3 .quicklink li p {
		font-size: 12px;
	}

	.home #section4 {
		background-size: 200px;
	}

	.home #section4 .video_promotion .row {
		max-width: 450px;
	}

	.home #section4 .video_promotion h1 {
		font-size: 17px;
	}

	.home #section4 .video_promotion p {
		max-width: 265px;
		font-size: 9.5px;
	}

	.home #section4 .video_promotion .img_seed_right {
		width: 40px;
		right: -65px;
		bottom: 120px;
	}

	.home #section4 .video_promotion .img_seed_left {
		width: 40px;
		left: -65px;
	}

	footer .list_link_outlink h3 {
		font-size: 13px;
	}

	footer .list_link_outlink .list_link_sns {
		margin-right: 10px;
	}

	footer .list_link_outlink .list_link_sns a {
		padding: 0 7px;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 15px;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 13px;
	}

	footer .list_link_outlink .link_newsletter img {
		width: 20px;
		margin-left: 7px;
	}

	/*2021개편*/
	.section .title {
		font-size: 19px !important;
		padding: 0px 10px;
		padding-bottom: 15px !important;
		letter-spacing: -1px;
	}

	.section .txt {
		padding-bottom: 20px !important;
		padding: 0 15px;
	}

	.section .txt br {
		display: none;
		padding: 0 20px;
	}

	.section .btn {
		padding: 8px 30px 8px 15px;
		font-size: 15px;
		background-size: 6px;
		background-position: right 14px top 50%;
		min-width: 120px !important;
	}

	#fp-nav.right {
		right: 5px;
	}

	.page.aboutus #section2 .txt li {
		line-height: 1.3;
	}

	.page.aboutus #section2 .txt li span.num {
		font-size: 13px;
		margin-right: 5px;
	}

	.page.aboutus #section2 .txt li span.activity {
		font-size: 13px;
		line-height: 1.6;
	}

	.page.donation .scenario-area {
		padding: 0 12px;
		height: 160px;
		max-width: 280px;
		margin-bottom: 25px;
	}

	.page.donation .scenario-area li {
		width: 25%;
		height: 80px;
		padding: 45px 0 5px 0;
		background-size: 45px;
		background-position: 50% 12px;
	}

	.page.donation .scenario-area li span {
		font-size: 12px;
	}

	.page.donation #section0 .intro {
		padding-top: 50px !important;
	}

	.page.donation #section2 {
		background-size: 180%;
	}

	.page.financial-report .finance_button img {
		width: 20px;
		margin-left: 7px;
		margin-top: 0px;
	}

	.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix {
		height: 80px;
		width: 80px;
		font-size: 10px;
		padding-top: 15px;
	}

	.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix img {
		width: 22px;
		margin-bottom: 2px;
	}

	.page.introduction #popup-wrap.btn_business_apply button {
		width: 22px;
		height: 22px;
		background-size: 8px;
		top: -10px;
		right: -10px;
	}

	.page.introduction #popup-wrap.btn_business_apply #popup-container {
		right: 23px;
		top: 76px;
	}

	.page.introduction #section0 .intro {
		padding-top: 70px !important;
	}

	.page.introduction #section1 {
		background-size: 190%;
		background-position: 100% 100%;
	}

	.page.introduction #section2 {
		background-size: 200%;
	}

	.page.introduction #section3 {
		background-size: 150%;
	}

	.page.introduction #section3 .intro {
		padding-bottom: 30px !important;
	}

	.page.introduction .scenario-area {
		max-width: 300px;
	}

	.page.introduction .scenario-area li {
		padding: 3px;
		list-style: inherit;
	}

	.page.introduction .scenario-area li a {
		padding: 50px 0px 5px 0px;
		background-size: 45px;
		background-position: 50% 12px;
		height: 77px;
	}

	.page.introduction .scenario-area li a h3,
	.page.introduction .scenario-area li a h3 span {
		font-size: 12px;
	}

	.page.introduction .scenario-area li a:hover,
	.page.introduction .scenario-area li a:active,
	.page.introduction .scenario-area li a:focus {
		padding: 17px 0px 20px 0px;
		background-size: 20px;
	}

	.page.introduction .scenario-area li a:hover .area-info,
	.page.introduction .scenario-area li a:active .area-info,
	.page.introduction .scenario-area li a:focus .area-info {
		background-size: 20px;
		background-position: 50% 5px;
	}

	.page.introduction .scenario-area li a:hover .area-info,
	.page.introduction .scenario-area li a:active .area-info,
	.page.introduction .scenario-area li a:focus .area-info {
		height: 30px;
	}

	/*2021 bfstory*/
	.blog_search_button {
		padding: 12px 15px;
		top: 230px;
	}
}

@media all and (max-width: 638px) {
	body {
		height: 100%;
		letter-spacing: -0.5px;
	}

	.pc_only {
		display: none !important;
	}
	.mo_only {
		display: block !important;
	}
	.centre + div.mo_only {
		display: flex!important
	}
	.mobile_only {
		display: block !important;
	}

	.btn {
		font-size: 13px;
	}

	#bf_front {
		height: 100%;
	}

	.section .title {
		padding-bottom: 18px;
		font-size: 1.4em;
	}

	.tag-list .btn-sortarea {
		text-align: left;
	}

	.tag-list .btn-listall {
		margin-right: auto;
	}

	.tag-list .post_tags a {
		padding: 2px 5px;
		font-size: 14px !important;
	}

	.tag-list .btn-sortarea {
		margin-bottom: 0;
	}

	.btn-page .btn {
		width: 49%;
		min-width: 110px;
		font-size: 14px;
	}

	.foundbf_slide_title {
		margin-bottom: 15px;
		color: #333333;
		font-size: 17px;
		line-height: 24px;
	}

	#m-nav {
		width: 100%;
		margin-top: 64px;
	}

	#m-nav .top {
		position: relative;
		padding: 0;
		margin: 0;
	}

	#m-nav .main,
	#m-nav .sidemenu,
	#m-nav .sns,
	#m-nav .copyright {
		padding: 0 15px;
	}

	#m-nav .main li a {
		padding: 8px 0;
		font-size: 15px;
	}

	#m-nav .sidemenu li a {
		font-size: 13px;
		padding: 8px 0;
	}

	#m-nav .sidemenu,
	#m-nav .sns {
		margin-top: 12px;
	}

	#m-nav .sns .menu li a {
		width: 18px;
		height: 18px;
		margin-right: 15px;
	}

	#m-nav .sns .menu .facebook a {
		margin-right: 7px;
	}

	#m-nav .copyright {
		margin-top: 15px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content {
		border-radius: 5px;
	}

	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list {
		margin-bottom: 10px !important;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 14px;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 14px;
	}

	#wppsac-post-carousel-1 .wppsac-post-image-bg {
		margin-bottom: 10px !important;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title,
	.wppsac-post-carousel h2.wppsac-post-title a {
		line-height: 19px;
	}

	#wppsac-post-carousel-1 .slick-prev {
		left: 10px !important;
	}

	#wppsac-post-carousel-1 .slick-next {
		right: 10px !important;
	}

	#wppsac-post-carousel-1 .slick-arrow {
		top: 35%;
	}

	.front_post_header h3 {
		font-size: 18px;
	}

	.home_slide_box {
		height: calc(var(--vh, 1vh) * 94) !important;
		float: left;
		width: 100%;
	}

	.home_slide .tp-bullets {
		display: block !important;
		visibility: visible !important;
		top: auto !important;
		bottom: 88px !important;
		position: absolute;
		text-align: center !important;
		padding: 0 20px;
	}

	.home_slide .tp-bullet {
		margin-left: 5px;
		margin-right: 5px;
		left: auto !important;
	}

	.home_slide .tparrows {
		width: 40px !important;
		height: 40px !important;
		top: auto !important;
		bottom: 77px !important;
		margin: 0 !important;
		z-index: 9999;
	}

	.home_slide .tp-leftarrow {
		left: 10px !important;
	}

	.home_slide .tp-rightarrow {
		right: 10px !important;
	}

	.home_slide_txtbox {
		top: 78px !important;
		left: 28px !important;
	}

	.home_slide_txtbox_wrap_center {
		top: 100px !important;
	}

	.home_slide_txtbox h1 {
		margin-bottom: 8px !important;
		font-size: 19px !important;
		letter-spacing: 0 !important;
	}

	.home_slide_txtbox .sub_title {
		font-size: 16px !important;
	}

	.home_slide_txtbox.center h3 {
		font-size: 15px !important;
		margin-bottom: 10px !important;
		letter-spacing: -1px !important;
	}

	.home_slide_txtbox.upsidedown h1,
	.home_slide_txtbox.dark.upsidedown h1 {
		margin-bottom: 12px !important;
	}

	.home_slide_txtbox.upsidedown p,
	.home_slide_txtbox.dark.upsidedown p {
		font-size: 15px !important;
	}

	.home_slide_txtbox p {
		margin-bottom: 17px !important;
	}

	.home_slide_txtbox.simple p {
		font-size: 14px !important;
		margin-bottom: 5px !important;
	}

	.home_slide_txtbox a,
	.home_slide .rev-btn,
	.home_slide .btn-slider {
		padding: 8px 12px 7px 12px !important;
	}

	.home_slide_txtbox.simple img {
		width: 120px !important;
		margin-bottom: 13px !important;
	}

	.home_slide_txtbox.simple p.p_last {
		margin-bottom: 15px !important;
	}

	.home_slide_txtbox.star_project h1 {
		margin-bottom: 20px !important;
	}

	.home_slide_txtbox.star_project h1 img {
		width: 200px !important;
		margin-top: 30% !important;
	}

	.home_slide_txtbox.star_project p {
		margin-bottom: 30px !important;
	}

	.home_slide_txtbox.taste_project h1 {
		margin-bottom: 20px !important;
	}

	.home_slide_txtbox.taste_project h1 img {
		width: 260px !important;
		margin-top: 30% !important;
	}

	.home_slide_txtbox.taste_project p {
		margin-bottom: 30px !important;
	}

	.home #section1 {
		height: calc(var(--vh, 1vh) * 100) !important;
	}

	.home #section1 .forcefullwidth_wrapper_tp_banner,
	.home #section1 .rev_slider_wrapper {
		height: 100% !important;
	}

	.home #section1 .home_bottom {
		bottom: calc(var(--vh, 1vh) * 6);
	}

	.home #section1 #story {
		position: absolute;
		height: 6vh;
		bottom: 0;
		left: 0;
	}

	.home #section1 .list_link_featured li {
		padding: 15px 15px !important;
		padding-right: 0 !important;
		height: 55px;
		width: 50% !important;
	}

	.home #section1 .list_link_featured a li .bn_icon {
		width: 25px;
		margin-right: 10px;
		margin-top: 0;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 30px;
		margin-top: -4px;
		margin-right: 10px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 12px;
		line-height: 1.2;
		margin-top: 0;
		letter-spacing: -0.5px;
		margin-top: -1px;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 9.5px;
		color: #999;
		letter-spacing: -0.5px;
		line-height: 15px;
		margin-top: 0;
	}

	.home #section1 .list_link_featured li.banner_guide {
		display: none;
	}

	.home #section1 .list_link_featured .btn_donate {
		width: 100px;
		height: 90px;
		right: 15px;
		bottom: 65px;
		display: none;
	}

	.home #section1 .list_link_featured li.banner_apply {
		display: none;
	}

	.home #section2 {
		padding-left: 0;
		padding-right: 0;
	}

	.home #section2 .recent_post_left {
		width: 100%;
		padding-bottom: 60px;
		border-bottom: 1px solid #dfdfdf;
		padding-left: 10px;
		padding-right: 10px;
	}

	.home #section2 .recent_post_right {
		width: 100%;
		padding: 60px 60px 10px 60px;
	}

	.home #section2 .recent_post_right h4 {
		font-size: 16px;
		padding-top: 20px;
		letter-spacing: -1px;
	}

	.home #section2 .recent_post_right h4 img {
		margin-left: 5px;
		width: 20px;
	}

	.home #section2 .front_post_header .post_seemore img {
		margin-top: -6px;
	}

	.home #section3 {
		border-bottom: 0;
	}

	.home #section3 .quicklink {
		border-bottom: 1px solid #dfdfdf;
	}

	.home #section3 .quicklink li {
		height: 90px;
		width: 33.333%;
		border-bottom: 1px solid #dfdfdf;
	}

	.home #section3 .quicklink a:nth-child(4) li,
	.home #section3 .quicklink a:nth-child(5) li,
	.home #section3 .quicklink a:nth-child(6) li {
		border-bottom: 0;
	}

	.home #section3 .quicklink a:nth-child(6) li {
		display: block;
	}

	.home #section3 .quicklink li p {
		font-size: 13px;
		margin-top: -5px;
	}

	.home #section3 .quicklink li img {
		width: 50px;
		margin-top: 7px;
		margin-bottom: 1px;
	}

	.home #section4 .video_promotion {
		padding: 60px 0 70px 0;
	}

	.home #section4 .video_promotion h1 {
		width: 100%;
		max-width: 100%;
		font-size: 20px;
		margin-bottom: 10px;
		letter-spacing: -1px;
	}

	.home #section4 .video_promotion p {
		width: 100%;
		max-width: 100%;
		font-size: 14px;
	}

	.home #section4 .video_promotion .video_box {
		margin-top: 90px;
	}

	.home #section4 .video_promotion .img_seed_left {
		display: none;
	}

	.home #section4 .video_promotion .img_seed_right {
		top: -35px;
		bottom: auto;
		right: 0;
		width: 30px;
	}

	.home #section5 .recent_post_box {
		width: 100%;
		padding: 0 0 30px 0 !important;
	}

	.home #section5 .recent_post_box:last-child {
		padding-bottom: 10px !important;
	}

	.home #section5 .front_post_header .post_seemore img {
		margin-top: -3px;
	}

	.home #section5 .recent_post_container {
		padding: 40px 0;
	}

	.home #section5 .front_post_content ul li {
		font-size: 14px;
		line-height: 30px;
	}

	.page.annual-report .desc h4 {
		font-size: 15px;
	}

	.page.annual-report .desc h4 br {
		display: none;
	}

	.page.bfstory .sub-wrap {
		padding: 10px 20px 35px 20px !important;
	}

	.page.campaign .sub-wrap {
		padding-top: 120px !important;
	}

	.page.campaign .sub-wrap h2 {
		font-size: 17px;
		height: 73px;
	}

	.page.campaign .sub-wrap h2 b {
		font-size: 18px;
	}

	.page.campaign .sub-wrap h2 .smallchange_seed_right {
		top: 10px;
		right: -13px;
	}

	.page.campaign .basic_tab .tab_depth ul a li {
		line-height: 40px;
	}

	.page.fundgallery .gallery-list article {
		width: 100%;
	}

	.page.fundgallery .gallery-list .comment {
		height: auto;
		overflow: hidden;
	}

	.page.fundgallery .gallery-list .comment:after {
		content: "";
	}

	.page.fundgallery .tit-sort {
		margin-bottom: 5px;
	}

	.page.fundgallery .tag-list .btn-listsort {
		font-size: 13px;
	}

	.page.giveqna .tab_depth ul li {
		font-size: 12px;
	}

	.page.joinbf .joinbf_benefit li:hover p {
		font-size: 11px;
	}

	.page.qnaform .dd_half_right,
	.page.qnaform .dd_half_left {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.page.video {
		padding-top: 170px !important;
	}

	.page.video .blog_list li {
		padding: 0 !important;
	}

	footer .section {
		padding: 0;
	}

	footer .list_link_outlink li {
		height: auto;
		line-height: 45px;
	}

	footer .list_link_outlink h3 {
		font-size: 14px;
		width: 100%;
		line-height: 1;
		padding-top: 20px;
		padding: 0 20px;
		line-height: 45px;
		border-bottom: 1px solid #dfdfdf;
	}

	footer .list_link_outlink .list_link_sns {
		float: left;
		width: 60%;
		margin: 0;
	}

	footer .list_link_outlink .list_link_sns a img {
		width: 18px;
		margin-top: -5px;
	}

	footer .list_link_outlink .list_link_sns a {
		width: 20%;
		padding: 0;
		text-align: center;
		border-right: 1px solid #dfdfdf;
	}

	footer .list_link_outlink .link_newsletter {
		font-size: 14px;
		width: 40%;
	}

	footer .list_link_outlink .link_newsletter a {
		display: block;
		padding: 0;
		text-align: center;
		font-weight: 600;
	}

	footer .list_link_outlink .link_newsletter a img {
		display: none;
	}

	footer .footer .logo {
		width: 146px;
		height: 35px;
		margin-bottom: 20px;
		float: none;
	}

	footer .footer .footer_info a {
		color: #fff;
	}

	footer .footer .footer_info b {
		margin-right: 2px;
	}

	footer .footer .footer_info span {
		padding-right: 5px;
		color: #fff !important;
	}

	footer .footer .menu li {
		margin-right: 10px;
	}

	footer .footer .footer_right {
		width: 100%;
		margin-bottom: 15px;
	}

	footer .footer .familysite {
		width: 100%;
	}

	footer .footer .list_link .btn_gotop {
		display: none !important;
	}

	.content_box_basic {
		margin-bottom: 30px;
	}

	.basic_box {
		margin-bottom: 50px;
	}

	.basic_gallery_simple {
		padding-top: 0;
	}

	.basic_gallery_simple li {
		width: 48.5%;
		margin: 1.5% 0 1.5% 0;
	}

	.basic_gallery_simple li:nth-child(2n) {
		margin: 1.5% 0 1.5% 3%;
	}

	.basic_gallery_simple li h4 {
		padding: 10px 0;
	}

	.box_ic_b {
		padding: 20px 10px 0px 10px !important;
	}

	.ic_b_item {
		width: 25%;
	}

	.container_changestory .business-subtitle {
		padding: 25px;
		padding-top: 85px;
		width: 100%;
		height: auto;
		border: 0;
		border-bottom: 1px solid #ddd;
		position: relative;
		z-index: 2;
	}

	.container_changestory .business-subtitle h2 {
		font-size: 20px;
	}

	.container_changestory .business-subtitle p {
		padding: 0 20px;
		margin-bottom: 15px;
	}

	.container_changestory .business-btn-bottom .business-subtitle {
		padding: 30px;
		border-top: 1px solid #ddd;
		border-bottom: 0;
	}

	.container_changestory .business-subtitle .btn-area {
		border-top: 0;
		padding: 10px 0;
	}

	.container_changestory .business-subtitle .btn-area h3 {
		font-size: 17 px;
		color: #333;
		margin-bottom: 20px;
	}

	.container_changestory .business-contents {
		width: 100%;
		height: auto;
		padding: 15px;
		border: 0;
		position: relative;
		z-index: 1;
	}

	.container_changestory .basic_tab .tab_container .tab_content {
		padding-top: 1000px;
		margin-top: -1000px;
	}

	.container_changestory .basic_tab .tab_depth {
		padding: 12px 12px 5px 12px;
	}

	.container_changestory .basic_tab .tab_depth ul li {
		font-size: 12px;
		padding: 8px 12px 9px 12px;
		margin: 0 7px 7px 0;
	}

	.container_changestory .basic_tab .tab_container h3 {
		padding-top: 5px;
	}

	.container_changestory .basic_box h3 .title_subtext {
		font-size: 11px;
		margin-top: 0;
		text-align: right;
	}

	.container_changestory .business-post li {
		margin-bottom: 0;
		width: 100% !important;
		margin-bottom: 15px !important;
		font-size: 14px;
		padding: 7px 15px 0px 15px;
	}

	.container_changestory .business-post li:last-child {
		margin-bottom: 2px !important;
	}

	.container_changestory .basic_box h3 {
		margin-bottom: 10px;
	}

	.container_changestory .basic_tab .tab_container .tab_content_box {
		padding: 25px 25px;
	}

	.container_changestory .btn_box a.btn_style3 {
		margin: 0 !important;
		margin-top: 10px !important;
		text-align: center;
		width: 100%;
	}

	.container_changestory .btn-business-list .btn-business li a {
		background-size: 45px !important;
	}

	.container_changestory .btn-business-list {
		padding-top: 15px;
	}

	.container_changestory .btn_label.width100 {
		margin-bottom: 5px;
	}

	.container_changestory .custom_row_download {
		padding-top: 0;
		margin-bottom: 5px;
	}

	.container_changestory .tooltip {
		float: none;
		display: inline-block;
	}

	.container_changestory .tooltip .title {
		margin: 0 2px 7px 2px;
	}

	.container_changestory .tooltip .desc::before,
	.container_changestory .tooltip .desc::after {
		left: 36px;
	}

	.container_changestory .tooltip_box .tooltip:nth-child(3) .desc,
	.container_changestory .tooltip_box .tooltip:nth-child(4) .desc {
		left: auto;
		right: 0;
	}

	.container_changestory .tooltip:nth-child(3) .desc::before,
	.container_changestory .tooltip:nth-child(3) .desc::after,
	.container_changestory .tooltip:nth-child(4) .desc::before,
	.container_changestory .tooltip:nth-child(4) .desc::after {
		left: auto;
		right: 36px;
	}

	.container_changestory.new .business-subtitle {
		padding: 90px 15px 30px 15px;
		border-bottom: 0;
	}

	.container_changestory.new .business-subtitle p {
		padding: 0;
	}

	.container_changestory.new .business-subtitle .subtitle h2 {
		font-size: 20px;
	}

	.container_changestory.new .business-subtitle .subtitle h2 i {
		font-size: 16px;
	}

	.container_changestory.new .business-subtitle .subtitle .btn-area .btn {
		padding: 10px 15px;
	}

	.container_changestory.new .business-contents {
		padding-bottom: 50px;
	}

	.container_changestory.new .basic_tab .tab_depth {
		width: 100%;
		padding: 15px;
	}

	.container_changestory.new .basic_tab .tab_depth .tabs::after {
		top: auto;
		bottom: -40px;
		right: 50%;
		margin-right: -20px;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #f4f4f4;
	}

	.container_changestory.new .basic_tab .tab_container {
		width: 100%;
	}

	.container_changestory.new .basic_tab .tab_container .tab_content_box {
		padding: 15px;
	}

	.container_changestory.new #popup-wrap.btn_business_apply #popup-container {
		bottom: 30px;
	}

	#popup-wrap.popup_main .popup-box {
		width: 160px;
		height: 170px;
	}

	#popup-wrap.popup_main #popup-container {
		right: 25px !important;
		top: 300px !important;
	}

	/* #popup-wrap.popup_main.renewal .popup-box { width: 200px; height: 200px; box-shadow: 0px 5px 0px rgba(0,0,0, 0.2); }
#popup-wrap.popup_main.renewal #popup-container { top: 270px !important; right: 50% !important; margin-right: -100px; } */

	#popup-wrap.popup_main.mountain_fire .popup-box {
		width: 200px;
		height: 200px;
		box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
	}

	#popup-wrap.popup_main.mountain_fire #popup-container {
		top: 270px !important;
		right: 50% !important;
		margin-right: -100px;
	}

	#popup-wrap.btn_business_apply .btn_apply_fix {
		height: 80px;
		width: 80px;
		font-size: 11px;
		padding-top: 15px;
		letter-spacing: -1px;
	}

	#popup-wrap.btn_business_apply .btn_apply_fix img {
		width: 22px;
		margin-bottom: 2px;
	}

	#popup-wrap.btn_business_apply #popup-container {
		top: 78px;
		right: 25px;
	}

	#popup-wrap.btn_business_apply button {
		width: 22px;
		height: 22px;
	}

	#popup-wrap.btn_campaign_off {
		position: absolute;
		width: 100%;
		height: 100vh;
	}

	#popup-wrap.btn_campaign_off #popup-container {
		font-size: 90%;
		transform: translate(-50%, -50%);
		top: auto !important;
		bottom: 30px !important;
		left: 50% !important;
		right: auto !important;
	}

	#popup-wrap.btn_campaign_off .popup-box {
		width: 260px;
		background: rgba(255, 255, 255, 1);
	}

	#popup-wrap.btn_news_utoro .popup-box {
		width: 260px;
		font-size: 150%;
	}

	#popup-wrap.btn_news_utoro .popup-box a {
		padding: 20px;
	}

	#popup-wrap.btn_news_utoro .popup-box img {
		width: 20px;
	}

	#popup-wrap.btn_news_utoro #popup-container2 {
		font-size: 90%;
		transform: translate(-50%, -50%);
		top: auto !important;
		bottom: 30px !important;
		left: 50% !important;
		right: auto !important;
	}

	.utoro #popup-wrap.btn_campaign_off #popup-container {
		bottom: 150px !important;
	}

	#popup-wrap.btn_donate_post #popup-container {
		right: 30px;
		bottom: 80px;
	}

	#popup-wrap.btn_donate_post .popup-box {
		width: 140px;
		padding: 7px 10px 9px 10px;
		font-size: 100%;
	}

	#popup-wrap.btn_donate_post .popup-box a {
		font-size: 13px;
	}

	/*2021 bfstory*/
	.link_tab a {
		line-height: 35px;
	}

	.blog_list li {
		width: 100%;
	}

	.blog_list .blog_title {
		padding-top: 10px;
		padding-bottom: 2px;
	}

	.blog_search_button {
		width: 100%;
		top: auto;
		bottom: 0;
		font-size: 13px;
		padding: 10px 15px;
		text-align: center;
		background: rgba(81, 74, 75, 0.8) !important;
		border: 0 !important;
		border-top: 1px solid #514a4b !important;
		position: fixed;
		border-radius: 0 !important;
	}

	.blog_search .link_old_blog {
		position: fixed;
		max-width: 250px;
	}

	.blog_search_button br {
		display: none;
	}

	.blog_search_button .img_search_icon {
		width: 17px;
		margin-top: 3px;
		margin-bottom: 5px;
	}

	.blog_search_button_txt_main {
		display: inline-block;
	}

	.single .blog_search_button,
	.category .blog_search_button,
	.tag .blog_search_button {
		width: 100%;
		height: auto;
		top: auto !important;
		bottom: 0;
		left: 0;
		font-size: 13px;
		padding: 10px 15px;
		text-align: center;
		background: rgba(81, 74, 75, 0.8) !important;
		border: 0 !important;
		border-top: 1px solid #514a4b !important;
		position: fixed;
		border-radius: 0 !important;
	}

	.single .blog_search_button span,
	.category .blog_search_button span,
	.tag .blog_search_button span {
		margin: 0;
	}

	.single .blog_search_button .img_search_icon,
	.category .blog_search_button .img_search_icon,
	.tag .blog_search_button .img_search_icon {
		width: 17px !important;
		margin-right: 7px !important;
		margin-top: 3px !important;
		margin-bottom: 5px !important;
	}

	.single .blog_search_button_txt_main,
	.category .blog_search_button_txt_main,
	.tag .blog_search_button_txt_main {
		display: none;
	}

	.single .blog_search_button_txt_sub,
	.category .blog_search_button_txt_sub,
	.tag .blog_search_button_txt_sub {
		display: inline-block;
	}

	#blog_slider .blog_slide_img {
		height: 180px !important;
	}

	#blog_slider .item h2,
	#blog_slider .item h5 {
		font-size: 15px;
	}

	#blog_slider .owl-nav {
		top: 5px !important;
	}

	#blog_slider .owl-nav i {
		font-size: 38px !important;
	}

	#blog_slider .owl-nav button {
		padding: 40px 13px;
	}

	#blog_slider .owl-prev {
		left: 5px;
	}

	#blog_slider .owl-next {
		right: 5px;
	}

	#blog_slider .owl-dots {
		margin-top: 12px;
	}

	#blog_slider .owl-dot span {
		width: 40px;
	}

	#blog_slider .blog_slide_layer {
		background: linear-gradient(to top, #333 0%, rgba(0, 0, 0, 0) 100%);
	}

	#blog_slider .blog_slide_txt {
		padding: 18px 20px;
	}

	.post-list article {
		padding: 20px 10px;
	}

	/*fundgallery*/
	.fund_search_button {
		width: 100%;
		height: auto;
		top: auto;
		left: 0;
		bottom: 0;
		font-size: 14px;
		padding: 10px 15px;
		text-align: center;
		background: rgba(255, 136, 0, 0.9) !important;
		border: 0 !important;
		border-top: 1px solid #f80 !important;
		position: fixed;
		border-radius: 0 !important;
	}

	.fund_search .link_old_blog {
		position: fixed;
		max-width: 250px;
	}

	.fund_search_button br {
		display: none;
	}

	.fund_search_button .img_search_icon {
		width: 17px;
		margin-top: 3px;
		margin-bottom: 5px;
		margin-right: 5px;
	}

	.fund_search_button_txt_main {
		display: inline-block;
	}

	.single .fund_search_button {
		top: auto;
		left: 0;
		width: 100%;
		padding: 10px 15px;
	}

	.single .fund_search_button .img_search_icon {
		float: none;
		width: 17px;
		margin-top: 3px;
		margin-bottom: 5px;
		margin-right: 5px;
	}

	.single .fund_search_button_txt_main {
		float: none;
		font-size: 14px;
	}

	/*2021 single*/
	.single .entry-inner h1 {
		font-size: 17px;
	}

	.single .entry-inner .cat_name,
	.single .entry-inner h2,
	.comments-title,
	.comment-reply-title,
	.comments-title-link a {
		font-size: 15px !important;
	}

	.single article .title-area .date,
	.post_meta_tag {
		font-size: 13px;
	}

	.single iframe {
		height: 330px;
	}

	.wp-caption .wp-caption-text,
	.gallery-caption {
		font-size: 12px;
	}

	.comment-header h4,
	.comment-inner .post-content p {
		font-size: 14px;
	}

	#commentform textarea::placeholder {
		font-size: 14px;
	}

	.comment-meta {
		font-size: 13px;
	}

	.single .entry-inner .txt-area {
		margin: 30px auto;
	}

	.give_btn {
		width: 156px;
		height: 149px;
		background-size: 100%;
		font-size: 15px;
		padding: 67px 0 0 0;
	}

	.post_meta_author {
		padding: 15px;
	}

	.post_meta_author h5 {
		font-size: 12px !important;
	}

	.post_meta_author p {
		font-size: 11px;
	}

	.respond-container .btn_policy {
		padding: 4px 8px;
		font-size: 10px;
		margin-top: 15px;
	}

	#commentform input.submit {
		font-size: 13px;
		max-width: 150px;
	}

	/*fundgallery*/
	.fundgallery-contents {
		padding: 0px 0px;
	}

	.fundgallery-subtitle h2 {
		font-size: 17px !important;
		margin-bottom: 10px !important;
	}

	.fundgallery-subtitle .left_box {
		width: 100%;
		padding-right: 0;
	}

	.fundgallery-subtitle .right_box {
		width: 100%;
	}

	.fundgallery-subtitle .subtitle-wrap {
		padding: 12px 17px 0px 17px;
	}

	.fundgallery-subtitle .subtitle-wrap dl {
		margin-bottom: 10px !important;
	}

	.fundgallery-subtitle .tag-area {
		padding-top: 12px;
	}

	.fundgallery-subtitle .tag-area h3 {
		margin-bottom: 10px;
	}

	.fundgallery-contents .comment {
		font-size: 17px;
	}

	.cell_right img {
		width: 100%;
	}

	.cell_left .fund-img {
		margin-bottom: 10px;
	}

	.category-newsletter table,
	.category-newsletter tbody,
	.category-newsletter tr,
	.category-newsletter td,
	.category-newsletter td div {
		display: block !important;
		float: left !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		font-size: 11px !important;
	}

	.category-newsletter td div h3 {
		font-size: 12px !important;
	}

	.category-newsletter td div p {
		font-size: 11px !important;
	}

	.category-newsletter td div a {
		font-size: 11px !important;
	}

	.qna_rule {
		font-size: 11px;
		padding: 15px 17px 0px 17px;
	}

	.qna_rule table {
		margin-bottom: 10px !important;
	}

	.qna_rule p {
		margin-bottom: 10px !important;
	}

	/* archive */
	.link_tab a {
		font-size: 13px;
	}

	.archive-wrap .link_tabs {
		border-bottom: 1px solid #ddd;
	}

	.archive-wrap .link_tab {
		width: 50%;
	}

	.archive-wrap .link_tab a {
		border-bottom: 0;
	}

	.archive-wrap .link_tab:nth-child(2n) a {
		border-right: 1px solid #ddd;
	}

	.archive-wrap .link_tab:nth-child(2n) a.active {
		border-right: 1px solid #ffa200;
	}

	.archive-wrap .blog_list_box {
		padding: 20px 20px;
	}

	.archive-wrap .title-wrap {
		margin-bottom: 25px;
	}

	.archive-wrap .btn-archive-all {
		padding: 0 9px 0 10px;
		height: 30px;
		line-height: 27px;
		font-size: 12px;
	}

	.archive-wrap .btn-archive-all img {
		width: 14px;
		margin: -2px 5px 0 0;
	}

	.archive_list .archive_list_summary {
		display: none;
	}

	.archive_list .archive_list_meta {
		margin-bottom: 0;
	}

	.archive_list .archive_list_meta.last {
		margin-bottom: 10px;
	}

	.archive_list .archive_list_meta span b {
		margin-right: 5px;
	}

	.archive_list .archive_list_title {
		font-size: 14px;
	}

	.archive_list .archive_list_part1 {
		width: 30%;
	}

	.archive_list .archive_list_part2 {
		width: 70%;
		padding-left: 20px;
	}

	.archive_list ul {
		padding-top: 20px;
		margin-top: 20px;
	}

	.search_custom.search_common {
		max-width: 160px;
		margin-bottom: 20px;
	}

	.search_custom.search_common input {
		height: 30px !important;
		line-height: 30px !important;
		padding: 0 40px 0 8px !important;
		font-size: 12px !important;
	}

	.search_custom.search_common button {
		height: 30px !important;
		padding: 5px 6px !important;
	}

	.search_custom.search_common button svg {
		width: 18px;
	}

	/* video */
	.video_list .video_icon {
		background-size: 50px;
	}

	/* new campaign */
	.campagin_bg {
		background: url("img/bg_campaign_m.jpg");
		background-size: cover;
		background-position: 12% -10px;
		height: 235px;
	}

	.document_list_campaign.document_list .label_off {
		left: 10px;
		top: 10px;
		padding: 2px 7px 2px 7px;
	}
}

@media all and (max-width: 450px) {
	.single iframe {
		height: 210px;
	}

	.page.newsletter .newsletter_box .logo {
		max-width: 80%;
		margin-bottom: 15px;
	}

	.page.newsletter .sub-wrap .title-wrap h4 {
		padding: 16px 0 0;
		font-size: 16px;
	}
	.huhu h2 {margin-top: 0;}
	.section_newsletter {
		width: 100%;
		position: relative;
	}

	.apply-newsletter p {
		font-size: 10px;
		margin-bottom: 10px;
		line-height: 1.5;
	}

	.newsletter-area1 {
		position: relative;
		height: calc(var(--vh, 1vh) * 100) !important;
		min-height: auto !important;
		background-color: #fef8e8;
		background-image: url(./img/bg_newsletter_m.jpg);
		padding-top: 120px !important;
	}

	.newsletter-area1 .btn_newsletter_down {
		display: block;
		position: absolute;
		width: auto;
		margin: 0;
		right: 20px;
		bottom: 20px;
		background-color: #ffa200;
		border-radius: 100px;
	}

	.newsletter-area2 {
		height: auto;
		min-height: auto !important;
		padding-top: 60px !important;
		padding-bottom: 60px !important;
		background-size: 100%;
	}

	.newsletter-area2 .btn_newsletter_down {
		display: none;
	}
	.newsletter-area2 .contRow {
		flex-direction: column;
	}
	.newsletter .huhu h2 {font-size: 20px;line-height: 140%;}
	.newsletter .huhu h2 + p {font-size: 14px; line-height: 140%; margin-bottom: 20px;}
	.newsletter-area3 {
		min-height: auto !important;
		padding-top: 70px !important;
	}

	.apply-newsletter .form-group {
		margin-bottom: 15px;
	}

	.apply-newsletter .nl_agree {
		margin-bottom: 3px;
		font-size: 12px;
		letter-spacing: -1px;
	}

	.apply-newsletter input[type="checkbox"] {
		margin: 3px 6px 0 0;
	}

	.apply-newsletter .form_policy_content {
		height: 76px;
	}

	.apply-newsletter .form_policy_content h2 {
		font-size: 12px !important;
	}

	.apply-newsletter .form_policy_content p,
	.apply-newsletter .form_policy_content table th,
	.apply-newsletter .form_policy_content table td {
		font-size: 11px !important;
	}
	.apply-newsletter {padding-bottom: 0!important}
	#stb_subscribe .form-input {
		float: left;
		width: 100%;
		margin-bottom: 24px;
	}

	#stb_subscribe .form-inline {
		width: 100%;
	}
	.newsletter #stb_subscribe .stb_form_set .stb_form_set_input {padding-left:22px!important;}
	.newsletter #stb_subscribe .stb_form_policy {float:none; display: flex;}
	.newsletter #stb_subscribe .stb_form_policy label input {margin:0 8px 0 0!important}
	#stb_subscribe .form-group-input {
		margin-bottom: 0 !important;
	}

	#stb_subscribe .form-group-input:nth-child(1) {
		width: 100%;
		padding-right: 0 !important;
	}

	#stb_subscribe .form-group-input:nth-child(2) {
		width: 100%;
		padding-left: 0 !important;
	}

	.container_changestory .tooltip {
		width: 50%;
		float: left;
		padding: 5px;
	}

	.container_changestory .tooltip .title {
		width: 100%;
		padding: 4px 7px 5px 7px;
		margin: 0;
		font-size: 13px;
	}

	.container_changestory .tooltip .desc {
		width: 250px;
		top: 42px;
	}

	.container_changestory .tooltip_box .tooltip:nth-child(n) .desc {
		left: 0;
		right: auto;
	}

	.container_changestory .tooltip_box .tooltip:nth-child(2n) .desc {
		left: auto;
		right: 0;
	}

	.container_changestory .tooltip:nth-child(n) .desc::before,
	.container_changestory .tooltip:nth-child(n) .desc::after {
		left: 36px;
		right: auto;
	}

	.container_changestory .tooltip:nth-child(2n) .desc::before,
	.container_changestory .tooltip:nth-child(2n) .desc::after {
		left: auto;
		right: 36px;
	}
}

@media all and (max-width: 400px) {
	.single iframe {
		height: 180px;
	}

	#popup-wrap.popup_notice #popup-container {
		width: 85%;
	}

	#popup-wrap.popup_notice .popup-box {
		width: 100%;
	}

	#popup-wrap.popup_notice .popup-box h3 {
		font-size: 15px;
	}

	#popup-wrap.popup_notice .popup-box p {
		font-size: 13px;
	}

	#popup-wrap.popup_notice .popup-box .popup-box-link {
		font-size: 13px;
	}

	.container_changestory .tooltip:nth-child(n) .desc::before,
	.container_changestory .tooltip:nth-child(n) .desc::after {
		left: 80px;
		right: auto;
	}

	.container_changestory .tooltip:nth-child(2n) .desc::before,
	.container_changestory .tooltip:nth-child(2n) .desc::after {
		left: auto;
		right: 70px;
	}
}

/* Tiny Phone */
@media all and (max-width: 350px) {
	body {
		font-size: 12px;
	}

	#m-header .search-area input {
		font-size: 13px;
	}

	#m-header .btn-nav {
		width: 52px;
		padding: 16px 14px;
	}

	#m-header .btn-donation {
		width: 52px;
		right: 53px;
	}

	#m-header .search_mobile {
		width: 45px;
		right: 105px;
	}

	#m-header .m-logo img {
		height: 23px;
		margin-top: 14px;
	}

	.business-detail h2 {
		font-size: 1em;
	}

	.foundbf_slide_title {
		margin-bottom: 10px;
		color: #333333;
		font-size: 17px;
		line-height: 24px;
		text-align: center;
	}

	.related-post img {
		width: 100%;
	}

	#wppsac-post-carousel-1 h2.wppsac-post-title a {
		font-size: 13px;
	}

	#wppsac-post-carousel-1
		.wppsac-post-categories
		ul.wppsac-post-categories-list
		li
		a {
		font-size: 13px;
	}

	.home_slide_txtbox {
		top: 70px !important;
		left: 20px !important;
	}

	.home_slide_txtbox h1 {
		font-size: 17px !important;
	}

	.home_slide_txtbox.center h3 {
		font-size: 14px !important;
	}

	.home_slide_txtbox p {
		font-size: 12px !important;
	}

	.home_slide_txtbox a,
	.home_slide .rev-btn,
	.home_slide .btn-slider {
		font-size: 12px !important;
		padding: 8px 10px 7px 10px !important;
		border-radius: 0 10px !important;
	}

	.home_slide_txtbox_wrap_center {
		top: 95px !important;
	}

	.home_slide .tp-bullets {
		bottom: 90px !important;
	}

	.home_slide .tp-bullet {
		border-radius: 12px 0;
		width: 15px;
		height: 15px;
		margin-left: 4px;
		margin-right: 4px;
	}

	.home_slide .tp-bullet::after {
		border-radius: 12px 0;
	}

	.home_slide .tparrows {
		bottom: 78px !important;
		width: 30px !important;
		height: 30px !important;
	}

	.home #section1 .list_link_featured li {
		padding: 15px 12px !important;
		padding-right: 0 !important;
		height: 55px !important;
	}

	.home #section1 .list_link_featured li .bn_icon {
		width: 25px;
		margin-right: 5px;
		margin-top: 0;
	}

	.home #section1 .list_link_featured a:first-child li .bn_icon {
		width: 30px;
	}

	.home #section1 .list_link_featured li .bn_desc h4 {
		font-size: 12px;
		line-height: 1.1;
		margin-bottom: 5px;
	}

	.home #section1 .list_link_featured li .bn_desc p {
		font-size: 8.5px;
		line-height: 1;
		margin-bottom: 0;
		letter-spacing: -1px;
	}

	.home #section1 #story .scrollnext,
	.home #section1 #story .scrollnext .img {
		width: 20px;
		height: 20px;
		background-size: 20px;
	}

	.home #section2 .recent_post_right {
		padding: 60px 40px 0px 40px;
	}

	.home #section3 .quicklink li {
		height: 75px;
	}

	.home #section3 .quicklink li img {
		width: 40px;
		margin-top: 8px;
	}

	.home #section3 .quicklink li p {
		font-size: 12px;
	}

	.home #section4 .video_promotion {
		padding: 50px 0 60px 0;
	}

	.home #section4 .video_promotion p {
		font-size: 13px;
		letter-spacing: -1px;
	}

	.home #section4 .video_promotion .img_seed_right {
		top: -25px;
		width: 25px;
	}

	.home #section4 .video_promotion h1,
	.front_post_header h3 {
		font-size: 17px;
	}

	.home #section5 .front_post_content ul li {
		font-size: 13px;
		line-height: 25px;
	}

	.page.aboutus #section2 .txt li {
		padding: 0 15px 5px 15px;
		line-height: 1;
	}

	.page.aboutus #section2 .txt li:first-child {
		padding-top: 10px;
	}

	.page.aboutus #section2 .txt li:last-child {
		padding-bottom: 10px;
	}

	.page.aboutus #section2 .txt li span.num {
		font-size: 9px;
	}

	.page.aboutus #section2 .txt li span.activity {
		font-size: 9px;
	}

	.page.bfstory .sub-wrap {
		padding: 6px 15px 35px 15px !important;
	}

	.page.campaign .sub-wrap h2 {
		font-size: 17px;
	}

	.page.donation .scenario-area {
		margin-bottom: 20px;
		padding: 0 10px;
		max-width: 230px;
	}

	.page.donation .scenario-area {
		height: 130px;
	}

	.page.donation .scenario-area li {
		height: 65px;
		background-size: 40px;
		padding: 30px 0 5px 0;
		background-position: 50% 8px;
	}

	.page.donation .scenario-area li span {
		font-size: 10px;
	}

	.page.financial-report .pie_box .amount_big {
		font-size: 29px;
	}

	.page.financial-report .pie_box .amount_big .counter-unit {
		margin-top: 7px;
		font-size: 20px;
	}

	.page.financial-report .tab_content_box {
		padding: 25px 15px;
	}

	.page.financial-report .pie_box .pie_details p {
		font-size: 11px;
	}

	.page.financial-report .pie_color {
		width: 15px;
	}

	.page.financial-report .finance_table td {
		padding: 5px 5px;
		font-size: 9px;
	}

	.page.financial-report .finance_table td.td_total {
		padding: 5px 5px;
		font-size: 9px;
	}

	.page.introduction #popup-wrap.btn_business_apply #popup-container {
		right: 22px;
		top: 70px;
	}

	.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix {
		height: 65px;
		width: 65px;
		padding-top: 11px;
		font-size: 9px;
	}

	.page.introduction #popup-wrap.btn_business_apply .btn_apply_fix img {
		width: 18px;
	}

	.page.introduction #popup-wrap.btn_business_apply button {
		top: -10px;
		background-size: 8px;
	}

	.page.introduction #section0 .intro {
		padding-top: 70px !important;
	}

	.page.introduction #section0 .intro .txt {
		padding-bottom: 15px !important;
	}

	.page.introduction .scenario-area li a h3,
	.page.introduction .scenario-area li a h3 span {
		font-size: 11px;
	}

	.page.joinbf .joinbf_benefit li h4 {
		font-size: 13px;
	}

	.page.joinbf .joinbf_benefit li:hover p {
		font-size: 11px;
	}

	.page.joinbf .joinbf_fund_csr li h4 {
		font-size: 9px;
	}

	.page.newsletter .newsletter_box {
		max-width: 290px;
	}

	.page.newsletter .newsletter_character {
		width: 200px;
		height: 200px;
	}

	.page.video {
		padding-top: 140px !important;
	}

	.page.video .basic_contact.story {
		margin-top: 0;
	}

	.content_box .boxed_area_announcement {
		padding: 20px;
	}

	footer .list_link_outlink h3,
	footer .list_link_outlink .link_newsletter a {
		font-size: 13px;
	}

	.basic_gallery_simple li h4 {
		padding: 7px 0;
		font-size: 9px;
	}

	.section .title {
		font-size: 17px !important;
		padding-bottom: 12px !important;
		padding: 0;
	}

	.section .txt {
		font-size: 12px;
		padding: 0;
	}

	.section .btn {
		font-size: 11px;
		background-size: 5px;
		padding: 8px 25px 8px 14px;
		min-width: 100px !important;
	}

	.popup_modal .popup_modal_bg .popup_modal_content {
		width: 280px;
	}

	.popup_modal .popup_modal_bg .popup_modal_content.wide {
		width: 280px;
	}

	.basic_box h3 {
		font-size: 15px;
	}

	.basic_box h3 a.see_more {
		font-size: 13px;
	}

	.basic_contact {
		padding: 20px;
	}

	.basic_contact.story .btn-link {
		padding: 3px 8px 2px 8px;
		font-size: 85%;
	}

	.container_changestory .business-subtitle h2 {
		font-size: 15px;
	}

	.container_changestory .business-post li {
		font-size: 10px;
	}

	.container_changestory .btn-business-list .btn-business li a {
		background-size: 40px !important;
	}

	.container_changestory .basic_tab .tab_container h2 {
		font-size: 14px;
	}

	.container_changestory .basic_tab .tab_depth ul li {
		font-size: 10px;
	}

	.container_changestory .btn_box a {
		font-size: 10px !important;
	}

	.container_changestory .business-subtitle .btn-area h3 {
		font-size: 14px;
	}

	.container_changestory .tooltip .title {
		font-size: 12px;
	}

	.container_changestory .tooltip .desc {
		top: 40px;
		font-size: 12px;
	}

	.container_changestory .tooltip:nth-child(n) .desc::before,
	.container_changestory .tooltip:nth-child(n) .desc::after {
		left: 60px;
		right: auto;
	}

	.container_changestory .tooltip:nth-child(2n) .desc::before,
	.container_changestory .tooltip:nth-child(2n) .desc::after {
		left: auto;
		right: 50px;
	}

	#blog_slider .blog_slide_img {
		height: 160px !important;
	}

	#blog_slider .owl-nav {
		top: 0 !important;
	}

	.single iframe {
		height: 155px;
	}

	.change_slide_txtbox_light h3,
	.change_slide_txtbox_light p {
		font-size: 11px !important;
	}

	.change_slide .rev_slider_wrapper,
	.change_slide .rev_slider {
		height: 250px !important;
	}

	.change_slide_txtbox_light,
	.change_slide_txtbox_light.right,
	.change_slide_txtbox_light.right2 {
		top: 50px !important;
		left: 30px !important;
	}

	.change_slide .tp-leftarrow {
		left: -15% !important;
	}

	.change_slide .tp-rightarrow {
		left: 115% !important;
	}

	.title-wrap .smallchange_seed_left {
		width: 20px;
		left: 10px;
	}

	.title-wrap .smallchange_seed_right {
		width: 20px;
		right: 10px;
	}

	.newsletter-area2 {
		height: 400px;
	}

	/* guide & joinbf-new */
	.page.joinbf .joinbf_intro {
		background-position: 140% 90px;
		background-size: 220px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2 {
		font-size: 13px;
	}

	.page.joinbf .joinbf_intro .joinbf_intro_box h2:nth-child(2) {
		font-size: 15px;
	}

	.page.joinbf .joinbf_area_content .item_campaign.eighteen {
		background-size: 50%;
	}
}

@media (-webkit-device-pixel-ratio: 1.25) {
	#scene_01 .custom_div:nth-child(1) img {
		width: 50%;
	}
}