/*
Theme Name: beautifulfund2022
Theme URI: http://beautifulfund.org
Description: Beautifulfund 2022 New Theme
Version: 2.0.0
Author: untide.org
Author URI: http://beautifulfund.org
Tags: beautifulfund

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

/* Typography */
/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap'); */

/* 개별 포스트 커스텀 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:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; 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:'NanumSquare','Noto Sans KR',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:#444; text-decoration:none; }
a:hover { color:#ffa200; }
input,
textarea { padding: 7px 10px 7px 10px; border:#ddd 1px solid; -webkit-appearance: none; -webkit-border-radius: 0; font-size: 100%; }
input[type="checkbox"] { -webkit-appearance: none; display: block; float: left; background-color: #fff; padding: 0; margin: 6px 6px 0 0; width: 15px !important; height: 15px !important; border:1px solid #ffa200; 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"] { padding: 10px; }
button { border:0; }
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:'NanumSquare','Noto Sans KR',sans-serif !important; }
.rev_slider h4 { font-family:'NanumSquare','Noto Sans KR',sans-serif !important; }
.rev-btn { font-family:'NanumSquare','Noto Sans KR',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-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; }
.ir-pm { display:block; overflow:hidden; } /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.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:'NanumSquare','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:1px solid #dcdcdc; border-image:none; border-collapse:collapse; word-break:break-all; }
.tb-basic th,
.tb-basic td { padding:7px 14px; border:1px solid #ddd; }
.tb-basic th { color:#f80; background-color:#fff8ec; }

/* 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: block; width: 100%; text-align: center; color: #333; z-index: 9999; top: 0; }
#header, #header .main .menu li, #header .main .logo, #header .main .logo a, #menu, .submenu, .menu_sitemap { transition: all .3s !important; }
#header .logo { float:left; padding-top: 13px; position: relative; z-index: 100; line-height: 1; }
#header .logo a { display: block; float: left; }
#header .logo img { height: 32px; }
#header .top { height: 32px; line-height: 30px; background: #514a4b; border-bottom: 0; display: block !important; opacity: 1 !important; }
#header .top a { display: block; padding: 0 15px; font-family: 'Noto Sans KR','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 { height: 60px; line-height: 60px; border-bottom: 1px solid #dfdfdf; background: rgba(255,255,255,1); display: block !important; opacity: 1 !important; position: relative; transition: height .3s !important; }
#header .main .menu { float:none; width: 850px; margin: 0 auto; text-align: center; }
#header .main .menu li { width: 100%; display: block; float:none; font-weight:600; font-size:19px; text-indent: initial !important; }
#header .main .menu li a { width: 20%; display: block; float: left; padding:0; color: #333; }
#header .main .menu li a:hover { color: #ffa200; }
#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:92px; 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,.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; }

/* Padding L-R */
#header .top,
#header .sub,
#header .main,
#footer .footer, 
.recent_post_container,
.list_link_outlink li,
.my-breadcrumbs { padding-left:70px; padding-right:70px; }

/* Header Scrolled */
.ex_header #header { top: -32px !important; }

/* Header Navigation */
.topMenuLi .menuLink { text-align: center; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.submenu_wrap { width:100%; float:left; }
.submenu { width: 100%; height: 0; position: absolute; top:60px; left: 0; background:#fff; overflow: hidden; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; z-index: 99999; }
.ex_header .submenu { top: 60px; }
.topMenuLi:hover .submenu { width:100%; height: 375px; box-shadow: 0 4px 4px rgba(0,0,0,.06); border-bottom: 1px solid #ddd; }
.submenu_box { width:850px; margin:0 auto; }
.submenu_box li { font-weight: 500; float: left; 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_box li a.childlink { text-align: left; margin-left: 44px; padding-left: 14px !important; background-image: url(./img/img_list_child.png); background-position: 0px 50%; background-size: 7px; background-repeat: no-repeat; font-size: 14px; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.submenu_box li a.childlink:hover { filter:inherit; -webkit-filter: inherit; }
.submenu_box .guide li a.childlink { margin-left: 53px; }
.submenu_box .introduction li a.childlink { margin-left: 60px; }
.submenu_g { width: 20%; min-height: 250px; float:left; padding:15px 0; }
.submenu_container { width: 100%; float: left; position: relative; line-height: 1 !important; }
.img_slogan { width: 260px; position: absolute; left: 70px; bottom:0; }
.icon_menu_container { width: 100%; float: left; border-top: 1px solid #dfdfdf; }
.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; }

/* Top Search */
.search-area { display:none; position:absolute; top:32px; left:0; width:100%; height: 60px; padding: 0 70px; background-color:#fff; border-bottom: 1px solid #dfdfdf; text-align:center; z-index: 999; box-shadow: 0 4px 4px rgba(0,0,0,.06); transition: none; }
.search-area .title { margin-bottom:32px; font-size:2.5em; }
.search-area .btn-close { position:absolute; top:20px; right:68px; background: none; padding: 0; }
.search-area .btn-close img { width: 20px; }
.search-area input { min-width:90%; color:#777; background: none !important; font-size: 20px; padding: 0; border: 0; height: 60px; line-height: 60px; text-align: center; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.search-area input:focus { outline: none; }
.search-area .btn { display: none; }

/* Header Sitemap */
.menu_sitemap { position: absolute; right: 68px; top: 0 !important; }
.menu_sitemap img { width: 35px; margin-top: -5px; }
.menu_sitemap a { display: block; float: left; }
.menu_sitemap a.main_login { font-size: 19px; color:#ffa200; font-family: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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; }

.ex_header .menu_sitemap { top:0 !important; margin-left: 50px; }
.ex_header .menu_sitemap img { width: 28px; }
.sitemap_msg { width: 100%; height: 69px; line-height: 70px; text-align: center; font-family: 'NanumSquare','Noto Sans KR',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,.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 .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: 'NanumSquare','Noto Sans KR',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: 'Noto Sans KR','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: 'Noto Sans KR','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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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:#514a4b; bottom:0; padding: 40px 0 40px 0; }
footer .footer { 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 { float: left; }
footer .footer .footer_right { float: right; margin-top: 5px; }
footer .footer .footer_info { clear: both; font-size: 14px; color:#fff; line-height: 2.2; float: left; margin-top: 20px; opacity: 0.7; font-weight: normal; }
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:150px; height:40px; 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 .menu li a { color:#fff; font-size:14px; line-height:100%; opacity: 0.7; font-weight: 500; }
footer .footer .menu li a:hover { opacity: 1; }
footer .footer .familysite { float:right; width:200px; text-align:left; }
footer .footer .familysite select { background-color:#fff; color: #ddd; font-size:14px; opacity: 1; vertical-align:middle; width: 100%; padding: 10px 15px; border: 1px solid #ddd; background: url(./img/ic_arrow_down.png) no-repeat 92% 49.5%; background-size: 15px; border-radius: 5px; -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:.778em; }
footer .footer .copyright { padding:0; color:#bcb9b7; font-size:.722em; line-height:130%; text-align:center; display: none; }
footer .footer .btn-pageup { display: none; }
footer .footer .btn_gotop { float: right; margin-top: 35px; }
footer .footer .btn_gotop:hover { opacity: 0.7; }
footer .footer .btn_gotop img { width: 50px; }

/* 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:0.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; margin-left: -20px; margin-right: -20px; }
.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; }

/* 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:.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 .slick-slide[data-slick-index="0"] .wppsac-post-image-bg { background-image: url(./img/img_thumbnail_annualreport2020.jpg) !important; } */
#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: 'Noto Sans KR','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: 'Noto Sans KR','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; }

/* 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: 'NanumSquare','Noto Sans KR',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; }

/* 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: 'Noto Sans KR','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: 'NanumSquare','Noto Sans KR',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; }
!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; }

/* 별나라 배너 커스텀 */
.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: 'NanumSquare','Noto Sans KR',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: 'Noto Sans KR',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 .basic_tab .tab_container .tab_content_box { background: #fff; padding: 65px 55px; }
.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.annual-report .sub-wrap { max-width: 1250px; }

.page.financial-report .pie_box svg { transform: rotate(-90deg); overflow: visible; width: 200px; height: 200px; }
.page.financial-report circle { stroke-width: 10; }
.page.financial-report .desc { padding-bottom: 60px; }
.page.financial-report .row_fc { max-width: 100%; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.page.financial-report .pie_box { margin-top: 0; margin-bottom: 50px; }
.page.financial-report .pie_box .amount_big { font-size: 46px; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; text-align: right; }
.page.financial-report .pie_box .amount_big .counter {; }
.page.financial-report .pie_box .amount_big .counter-unit { margin-top: 5px; font-weight: 500 !important; }
.page.financial-report .amount_small { font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; }
.page.financial-report .amount_small .counter-unit { font-weight: 500 !important; }
.page.financial-report .amount_title_small { font-size: 25px; }
.page.financial-report .pie_box .pie_details { width: 100%; }
.page.financial-report .pie_box .pie_details p { margin-bottom: 10px; font-size: 18px; }
.page.financial-report .pie_box .count_box { margin-top: 0; }
.page.financial-report .pie_half.left,
.page.financial-report .pie_half.right { width: 600px; }
.page.financial-report .pie_half_left { width: 33%; float: left; position: relative; }
.page.financial-report .pie_half_right { width: 67%; float: left; position: relative; padding-left: 21px; margin-top: 7px; }
.page.financial-report .pie_details_left,
.page.financial-report .pie_details_right { font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; font-weight: 500 !important; }
.page.financial-report .pie_title { width: 100%; margin-top: -130px; font-size: 25px; } 
.page.financial-report .finance_desc { margin-top: 0; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; font-weight: 500; width: 100%; float: left; text-align: center; }
.page.financial-report .finance_desc p { margin-bottom: 20px; }
.page.financial-report .finance_desc p span { color: #ffa200; }
.page.financial-report .finance_desc.lined { margin-bottom: 70px; padding-bottom: 70px; border-bottom: 1px solid #ddd; }
.page.financial-report .count_box_col { float: left; }
.page.financial-report .count_box_col:nth-child(1) { width: 44%; }
.page.financial-report .count_box_col:nth-child(2),
.page.financial-report .count_box_col:nth-child(3) { width: 28%; }
.page.financial-report .count_box_col .amount_small { font-size: 50px; }
.page.financial-report .toggle { margin-bottom: 70px; }
.page.financial-report .toggle img { display: none; }
.page.financial-report .toggle > dt > a,
.page.financial-report .toggle > dt > a:hover { background: none !important; border-radius: 0 !important; border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; }
.page.financial-report .toggle > dt.first a { border-top: 1px solid #ffa200 !important; }
.page.financial-report .toggle > dt.last a { border-bottom: 1px solid #ffa200 !important; }
.page.financial-report .toggle > dd { border-right: 0 !important; border-left: 0 !important; background: none !important; border-radius: 0; }
.page.financial-report .toggle table tr { border-top: 1px solid #ddd; }
.page.financial-report .toggle table tr td { font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; border-top: 1px solid #ddd; }
.page.financial-report .toggle table tr td:nth-child(1) { font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.page.financial-report .toggle table tr.thead td { font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; border-top: 0; }
.page.financial-report .toggle_right .countnum { font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; }
.page.financial-report .toggle_title .toggle_right { font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.page.financial-report .toggle_col1 { padding-left: 50px; }
.page.financial-report .row_toggle { padding: 0 30px; }
.page.financial-report h2 { margin-bottom: 40px; width: 100%; float: left; }
.page.financial-report .swiper-container { margin: 0; width: 100%; }
.page.financial-report .finance_img { margin-bottom: -30px; border-radius: 25px; }
.page.financial-report .finance_button { background: #ffa200; color: #fff; padding: 12px 30px; border-radius: 100px; margin-left: 20px; font-weight: bold; font-size: 19px; font-weight: 600; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.page.financial-report .finance_button img { width: 30px; margin-left: 10px; margin-top: -2px; }
.page.financial-report .finance_button:hover { background:#514a4b; color: #fff; }
.page.financial-report .finance_button.small { font-size: 15px; margin: 0 10px; }
.page.financial-report .finance_table { width: 100%; border-collapse: inherit; padding: 0 20px; margin-bottom: 60px; }
.page.financial-report .finance_table thead td { color: #ffa200 !important; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; font-weight: bold !important; font-size: 20px; border-top: 0 !important; background: #fff !important; padding: 0 25px 10px 25px; }
.page.financial-report .finance_table thead td.td_amount {; }
.page.financial-report .finance_table td { padding: 15px 25px; border-top: 1px solid #ddd !important; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; color: #777; font-size: 17px; text-align: left; font-weight: normal; }
.page.financial-report .finance_table td.td_title { background: #f9f9f9; color: #555; font-weight: 500; }
.page.financial-report .finance_table td.td_amount { text-align: right; background: #f9f9f9; color: #555; font-weight: 500; }
.page.financial-report .finance_table td.td_total { text-align: right; font-size: 19px; font-weight: 500; border-bottom: 0 !important; border-top: 1px solid #ffa200 !important; border-bottom: 0 solid #ffa200 !important; background: #faf5f0 !important; padding: 10px 25px 15px 25px; color: #333; }
.page.financial-report .finance_table td.td_total span { color: #ffa200; margin-right: 10px; }
.page.financial-report .finance_table .tr_first td { border-top: 1px solid #ffa200 !important; }
.page.financial-report .finance_table .tr_lower td { border-top: 1px dashed #ddd !important; font-size: 15px; font-weight: 400; }
.page.financial-report .tab_container .tab_content { padding-top: 1000px !important; margin-top: -1000px !important; }
.page.financial-report .tab_container .tab_content .text_small { padding: 10px 20px; }

.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:'Noto Sans KR','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; }

.page.joinbf .main-title h4 { color: #555; font-size: 18px; }
.page.joinbf .join-area { padding: 35px 10px; background: #fdf9f2; border: 1px solid #ffa200; margin-bottom: 0 !important; }
.page.joinbf .join-area .img-area { text-align:center; }
.page.joinbf .join-area .img-area img { width: 120px; float: right; vertical-align:middle; }
.page.joinbf .join-area .btn-area { margin: 5px 0 15px 0; }
.page.joinbf .join-area .btn { margin:0 5px 0 0; }
.page.joinbf .join-area .list-basic { margin-bottom: 0; }
.page.joinbf .join-area .btn-mrm { padding: 13px 85px 11px 85px; font-size: 20px; }
.page.joinbf .tab_depth { padding: 0; }
.page.joinbf div.tab_container { padding:0; float: left; width: 100%; }
.page.joinbf .tab_content { float: left; width: 100%; padding-top: 200px; margin-top: -200px; }
.page.joinbf .tab_content_box { float: left; width: 100%; padding: 70px 50px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; }
.page.joinbf h2 { width: 100%; float: left; }
.page.joinbf .tab_content h2 { font-size: 30px; }
.page.joinbf div.tab_container p { margin-bottom: 20px; }
.page.joinbf div.tab_container p.title_desc { margin-bottom: 50px; }
.page.joinbf #tab1 { text-align: center; }
.page.joinbf .joinbf_video { float: left; width: 100%; }
.page.joinbf .joinbf_video_desc { width: 100%; float: left; padding-bottom: 70px; margin-bottom: 70px; border-bottom: 1px solid #ddd; }
.page.joinbf .campaign_video { max-width: 800px; margin: 0 auto; margin-bottom: 40px; float: none; }
.page.joinbf .campaign_video_box { position: relative; padding-bottom: 56.5%; }
.page.joinbf .campaign_video_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page.joinbf .joinbf_define { width: 100%; float: left; padding-top:20px; }
.page.joinbf .joinbf_define li { display: block; float: left; width: 25%; text-align: left; padding: 0; }
.page.joinbf .joinbf_define li h3 { font-size: 22px; margin-bottom: 10px; }
.page.joinbf .joinbf_define li p { margin-bottom: 0; }
.page.joinbf .joinbf_define li img { width: 30px; float: left; margin-right: 15px; margin-top: 3px; }
.page.joinbf .joinbf_define li .joinbf_define_content { float: left; }
.page.joinbf .joinbf_contact { padding: 15px; text-align: center; width: 100%; float: left; background: #fafafa; border: 1px solid #ddd; }
.page.joinbf .joinbf_contact.emphasis { border: 1px solid #ffa200; background: #fdf9f2; }
.page.joinbf .joinbf_contact h4 { margin-bottom: 0; }
.page.joinbf .joinbf_contact b { color: #555; }
.page.joinbf .joinbf_contact span { font-weight: 500; color: #555; }
.page.joinbf .joinbf_faq { margin-bottom: 70px; width: 100%; float: left; }
.page.joinbf .joinbf_faq li { border-top: 1px solid #ddd; padding: 40px 30px; float: left; width: 100%; }
.page.joinbf .joinbf_faq li:last-child { border-bottom: 1px solid #ddd; }
.page.joinbf .joinbf_faq h4 { padding: 15px 0; line-height: 1; margin-bottom: 0; float: left; color: #555; font-size: 18px; }
.page.joinbf .joinbf_faq h4 img { width: 20px; margin-right: 10px; margin-top: -3px; }
.page.joinbf .joinbf_faq h3 { padding-top: 15px; margin: 0; float: left !important; width: auto !important; }
.page.joinbf .joinbf_faq p { clear:both; float: left; margin-top: 20px; }
.page.joinbf .joinbf_faq.joinbf_faq2 p { margin-top: 20px; }
.page.joinbf .joinbf_faq_button { padding: 15px 15px; line-height: 1; background: #ffa200; color: #fff; float: right; width: 280px; text-align: center; font-weight: 700; font-size: 16px; }
.page.joinbf .joinbf_faq_button:hover { background: #D14600; }
.page.joinbf .joinbf_faq .ic_b_box { width: 100%; float: left; }
.page.joinbf .joinbf_faq .ic_b_box .ic_b_item { float: left; width: 12.5%; text-align: center; }
.page.joinbf .joinbf_faq .ic_b_box .ic_b_item img { width: 60%; }
.page.joinbf .joinbf_faq .ic_b_box .ic_b_item h4 { margin-bottom: 0; color: #777; width: 100%; font-size: 17px; }
.page.joinbf .joinbf_benefit { width: 100%; float: left; margin-bottom: 10px; }
.page.joinbf .joinbf_benefit li { width: 14.666%; height: 280px; display: block; float: left; margin: 0 1%; padding: 1.5%; background: #f7f7f7; border: 1px solid #ddd; text-align: center; }
.page.joinbf .joinbf_benefit li img { width: 80px; margin-top: 45px; margin-bottom: 10px; }
.page.joinbf .joinbf_benefit li h4 { color: #555; font-size: 17px; line-height: 1.5; margin-bottom: 7px; }
.page.joinbf .joinbf_benefit li p { display: none; font-size: 18px; line-height: 1.5; letter-spacing: 0; }
.page.joinbf .joinbf_benefit li:hover { background: #ffa200; border: 1px solid #ffa200; color: #fff; }
.page.joinbf .joinbf_benefit li:hover img { display: none; }
.page.joinbf .joinbf_benefit li:hover h4 { color: #fff; text-align: left; margin-bottom: 10px; }
.page.joinbf .joinbf_benefit li:hover p { color: #fff; display: block; text-align: left; font-size: 15px; word-break: break-all; }
.page.joinbf .joinbf_benefit_banner { float: left; width: 100%; padding: 0 1%; padding-top: 70px; }
.page.joinbf .joinbf_benefit_banner a { float: left; width: 100%; }
.page.joinbf .joinbf_fund { width: 100%; float: left; padding: 0 30px; }
.page.joinbf div.tab_container p.joinbf_fund_desc { width: 100%; float: left; text-align: center; margin-bottom: 0; }
.page.joinbf .joinbf_fund_contact_button { padding: 10px 15px; line-height: 1; font-weight: 700; background: #f80; color: #fff; margin-left: 20px; border-radius: 0; font-size: 16px; }
.page.joinbf .joinbf_fund_contact_button:hover { background: #514a4b; }
.page.joinbf .joinbf_fund_process { padding: 30px 15px; text-align: center; width: 100%; float: left; background: #fafafa; border: 1px solid #ddd; color: #555; font-weight: 700; border-radius: 0; }
.page.joinbf .joinbf_fund_process h4 { margin-bottom: 0; }
.page.joinbf .joinbf_fund_process img { width: 20px; margin: 0 20px; }
.page.joinbf .joinbf_fund_process_label { width: 200px; padding: 5px 0; margin: 0 auto; text-align: center; background: #fff; border: 1px solid #ffa200; position: relative; z-index: 2; color: #ffa200; font-weight: 700; border-radius: 0 15px 0 15px; }
.page.joinbf #tab3 .tab_content_box { padding-bottom: 0; }
.page.joinbf #tab3 h3 { width: 100%; float: left; position: relative; }
.page.joinbf #tab3 h3 a.see_more { position: absolute; right:0; top:7px; font-size: 20px; }
.page.joinbf #tab3 h3 a.see_more span { display: block; float: left; }
.page.joinbf #tab3 h3 a.see_more span.see_more_plus { font-size: 28px; line-height: 1; color: #ffa200; margin-right: 10px; }
.page.joinbf #tab3 h3 img { width: 23px; margin-top: -5px; margin-right: 12px; }
.page.joinbf .joinbf_fund_csr { width: 100%; float: left; }
.page.joinbf .joinbf_fund_csr li { padding: 20px 15px; text-align: center; width: 23.5%; display: block; float: left; background: #fff; color: #555; font-weight: 700; border: 1px solid #ddd; margin-right: 2%; border-radius: 0; }
.page.joinbf .joinbf_fund_csr li:last-child { margin-right: 0; }
.page.joinbf .joinbf_fund_csr li h4 { margin-bottom: 15px; }
.page.joinbf .joinbf_fund_csr li img { width: 95px; }

.page.joinbf .joinbf_area_menu { float: left; position: fixed; z-index: 9; width: 170px; height: 355px; transform: translate(0%, -50%); top: 50%; left: 70px; margin-top: 13px; }
.page.joinbf .joinbf_area_menu a { display: block; float: left; clear: both; width: 100%; padding: 7px 0 8px 25px; /*border-bottom: 1px solid #ffa200;*/ font-size: 18px; background-image: url(./img/img_seed_left.png); background-size: 15px; background-repeat: no-repeat; background-position: 0% 50%; color: #333; font-weight: 500; }
.page.joinbf .joinbf_area_menu a:hover { color: #ffa200; }
.page.joinbf .joinbf_intro { height: 85vh; background-image: url(./img/img_joinbf_intro_bg_new.png); background-repeat: no-repeat; background-size: 40%; background-position: 82% bottom; }
.page.joinbf .joinbf_intro .joinbf_intro_box { height: 355px; transform: translate(-30%, -50%); position: absolute !important; top: 50%; left: 32%; max-width: 600px; text-align: center; margin-top: 20px; }
.page.joinbf .joinbf_intro .joinbf_intro_box h2 { color: #333; margin-bottom: 20px; font-size: 24px; }
.page.joinbf .joinbf_intro .joinbf_intro_box h2:nth-child(2) { font-size: 27px; }
.page.joinbf .joinbf_intro .joinbf_intro_box .joinbf_intro_button { width: 100%; float: left; margin: 0 auto; padding-top: 10px; }
.page.joinbf .joinbf_intro .joinbf_intro_box .joinbf_intro_button a { width: 300px; display: inline-block; padding: 10px 20px 9px 20px; margin-bottom: 5px; font-size: 20px; }
.page.joinbf .joinbf_skip { height: 15vh; position: relative; }
.page.joinbf .joinbf_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.joinbf .joinbf_skip .scrolldown:hover { filter: grayscale(0%); }
.page.joinbf .joinbf_area_content { max-width: 1100px; margin: 0 auto; margin-top: -100px; padding: 105px 0; }
.page.joinbf .joinbf_area_content .row { margin-bottom: 90px; }
.page.joinbf .joinbf_area_content .col { padding: 0 10px 20px 10px; }
.page.joinbf .joinbf_area_content .row_change { margin-left: -10px; margin-right: -10px; }
.page.joinbf .joinbf_area_content .row_change .col { padding: 0; }
.page.joinbf .joinbf_area_content .item { float: left; width: 100%; background: #f4f4f4; padding: 25px 40px; position: relative; }
.page.joinbf .joinbf_area_content .item .btn { float: left; display: inline-block; padding: 8px 17px 7px 17px; background: #ffa200; color: #fff; margin-right: 7px; font-size: 16px; }
.page.joinbf .joinbf_area_content .item .btn:hover { background: #514a4b !important; }
.page.joinbf .joinbf_area_content .item h2 { margin-bottom: 15px; }
.page.joinbf .joinbf_area_content .item .bfday_logo { float: left; height: 30px; margin-top: 15px; margin-bottom: 10px; }
.page.joinbf .joinbf_area_content .item_campaign { min-height: 220px; background-size: contain; background-repeat: no-repeat; background-position: right bottom; background-color: #f3f3f3; }
.page.joinbf .joinbf_area_content .item_campaign .group_box { float: left; margin-top: 20px; }
.page.joinbf .joinbf_area_content .item_campaign .btn { background: #339db5; }
.page.joinbf .joinbf_area_content .item_campaign .btn:last-child { background: #41c8d6; }
.page.joinbf .joinbf_area_content .item_campaign.crying { background-image: url(./img/img_joinbf_campaign_crying.jpg); background-size: cover; background-position: 50% 50%; background-color: #ffa200; }
.page.joinbf .joinbf_area_content .item_campaign.crying h3 { color: #333; }
.page.joinbf .joinbf_area_content .item_campaign.crying .btn { background: #fff; color: #333; }
.page.joinbf .joinbf_area_content .item_campaign.crying .btn:hover { color: #fff; }
.page.joinbf .joinbf_area_content .item_campaign.eighteen { background-image: url(./img/img_joinbf_campaign_eighteen_2025.png); background-size: 58%; background-position: right center; }
.page.joinbf .joinbf_area_content .item_campaign.yujaseed { background-image: url(./img/img_joinbf_campaign_yujaseed.png); background-color: #f3f3f3; background-size: cover; background-position: 100% 100%; }
.page.joinbf .joinbf_area_content .item_campaign.yujaseed .btn { background: #647de0; }
.page.joinbf .joinbf_area_content .item_campaign.yujaseed .btn:last-child { background: #8ca3ff; }
/* .page.joinbf .joinbf_area_content .item_campaign.yujaseed h2,
.page.joinbf .joinbf_area_content .item_campaign.yujaseed h3 { color: #fff; } */
/* .page.joinbf .joinbf_area_content .item_campaign.yujaseed .btn { background: #fffb00; color: #333; }
.page.joinbf .joinbf_area_content .item_campaign.yujaseed .btn:last-child { background: #ffffe2; } */
.page.joinbf .joinbf_area_content .item_campaign.jayoung { background-image: url(./img/img_joinbf_campaign_jayoung.png); }
.page.joinbf .joinbf_area_content .item_beautifulday { min-height: 220px; background-size: contain; background-repeat: no-repeat; background-position: right bottom; background-color: #fef9f5; }
.page.joinbf .joinbf_area_content .item_beautifulday.baby { background-image: url(./img/img_joinbf_firstbirthday.png); background-color: #fffbf6; }
.page.joinbf .joinbf_area_content .item_beautifulday.my { background-image: url(./img/img_joinbf_myday.png); background-color: #fffbf6; }
.page.joinbf .joinbf_area_content .item_beautifulday.marriage { background-image: url(./img/img_joinbf_marriage.png); background-color: #fffbf6; }
.page.joinbf .joinbf_area_content .item_download {  min-height: 220px; background-image: url(./img/img_seed_left.png) !important; background-size: 25px; background-repeat: no-repeat; background-position: 35px 35px; background-color: #fff; background-image:none; }
.page.joinbf .joinbf_area_content .item_download p { padding: 35px 30px 15px 30px; width: 100%; font-size: 17px; color: #333; }
.page.joinbf .joinbf_area_content .item_download .gap { display: none; }
.page.joinbf .joinbf_area_content .item_download .btn { float: right; float: none; margin-left: 30px; }
.page.joinbf .joinbf_area_content .item_download_full { padding: 40px 30px; background-image: url(./img/img_joinbf_foreign_bg.jpg); background-size: cover; background-position: 50% 43%; text-align: center; }
.page.joinbf .joinbf_area_content .item_download_full .download { color: #ffa200; }
.page.joinbf .joinbf_area_content .item_download_full h3 { color: #333; }
.page.joinbf .joinbf_area_content .item_download_full .btn { margin-left: 10px; float: none; }
.page.joinbf .joinbf_area_content .item_change { min-height: 130px; padding: 0; text-align: left; background-image: url(./img/img_seed_left.png); background-size: 20px; background-repeat: no-repeat; }
.page.joinbf .joinbf_area_content .item_change h3 { color: #333; margin-bottom: 5px; }
.page.joinbf .joinbf_area_content .item_change p { font-size: 15px; }
.page.joinbf .joinbf_area_content .item_change .v_center { transform: translate(-50%, -50%); position: absolute !important; top: 50%; left: 50%; width: 100%; padding-left: 90px; }
.page.joinbf .joinbf_area_content .item_change.top { background-position: 55px 53px; }
.page.joinbf .joinbf_area_content .item_change.top .v_center { top: 60%; }
.page.joinbf .joinbf_area_content .item_change.bottom { background-position: 55px 27px; }
.page.joinbf .joinbf_area_content .item_change.bottom .v_center { top: 40%; }
.page.joinbf .joinbf_area_content hr { border: 0; border-top: 1px solid #dfdfdf; }
.page.joinbf .joinbf_area_content h2 { margin-bottom: 30px; color: #333; font-size: 27px; }
.page.joinbf .joinbf_area_content h2 span { color: #ffa200; }
.page.joinbf .joinbf_area_content h3 { font-size: 17px; }
.page.joinbf .joinbf_area_banner { height: 355px; z-index: 1; position: fixed; transform: translate(0%, -50%); top: 50%; right: 30px; margin-top: 25px; }
.page.joinbf .basic_contact_float { position: static; padding: 12px 10px; border-radius: 10px; }
.page.joinbf .basic_contact_float h4 { padding-bottom: 5px; margin-bottom: 10px; }
.page.joinbf .basic_contact_float p { line-height: 1.5; margin-bottom: 7px;}

.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 .sub-wrap .title-wrap h4 { margin-bottom: 10px; font-size: 110%; font-weight: 400; letter-spacing: 0; }
.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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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 span.wpcf7-list-item { margin-left: 0; margin-right: 15px; }
.page.qnaform .btn_area input { margin: 0 auto; border: 0; display: block; width: 270px; background: linear-gradient(90deg, rgba(255,175,65,1) 0%, rgba(255,159,0,1) 100%); padding: 15px; font-size: 19px; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; color: #fff; }
.page.qnaform .btn_area input:hover { background: #514a4b; }
.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 { font-size: 90%; color: #333; margin-top: -10px; }

.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-wrap h3 { margin-bottom: 40px; color: #333; }
.sub-wrap h2 { text-align: center; font-size: 35px; line-height: 1.5; }
.sub-wrap h2.sub { font-size: 32px; }
.sub-wrap h2 span { color: #ffa200; }
.sub-wrap h3 { font-size: 20px; }
.sub-wrap .point { color: #ffa200; margin-right: 5px; }
.sub-wrap h4 { margin-bottom: 5px; font-weight: 700; line-height: 1.8; }
.sub-wrap .title-wrap { text-align: center; }
.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-wrap h4 { margin-bottom: 20px; color: #555; font-size: 18px; }
.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:18px; padding-bottom:18px; border-bottom:#ddd 1px solid; }
.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-date { font-size:.875em; text-align:right; }
.post-list article .list-title a { margin-bottom:8px; font-weight:700; }
.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:.941em; }
.post-list .wp-post-image { border:#dfdfdf 1px solid; }
.search_result_category { margin-right: 10px; color: #999; }

/* 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 .btn { margin: 30px auto; margin-top: 40px; margin-bottom: 40px; }
.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: 800px; }
.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-family: 'Noto Sans KR',sans-serif !important; font-weight: 500; }
.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:.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:.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 : pagination */
.pagination { width:100%; float:left; clear:both; position:relative; margin-top:40px; font-size:.85rem; line-height:13px; text-align:center; letter-spacing:0; }
.pagination.group { margin-top: 0; }
.pagination span,.pagination a { display:inline-block; margin:2px 2px 2px 0; padding:6px 9px 5px; text-decoration:none; width:auto; color:#767676; font-size:.933em; font-weight:400; border:#dfdfdf 1px solid; }
.pagination span { color:#aaa; margin-right:10px; border:0; font-size:1em; font-weight:700; }
.pagination span.current { margin-right:2px; }
.pagination a:hover { color:#fff; background:#f90; }
.pagination .current { padding:6px 9px 5px; background:#f90; color:#fff; font-weight:700; }

/* post : edit btn */
.edit-btn-area { text-align:right; }
.post-edit-link { display:inline-block; padding:2px 8px 4px 8px; margin-top:10px; margin-bottom:0; font-size:12px; 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-image:none; background-color:#fff; color:#777; border:1px solid #ccc; }

/* 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 + .related-post {; }
.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 { float: left; width: 100%; }
.custom_comment_box { margin: 50px auto; }

/* post : comment */
.comments-container,
.respond-container { margin-top: 60px; position: relative; }
.comments-title-container,
.comment-reply-title { border-bottom: 1px solid #000; padding: 15px 0; 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 { 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 { 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: 'NanumSquare','Noto Sans KR',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 28px; }
.comment .avatar { display: none; width: 40px; height: auto; position: absolute; top: 3px; left: 0; }
.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 { 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: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.comment-meta a { color: #999; }
.comment-meta a:hover { color:#333333; }
.comment-meta .fleft { float:left; font-weight:400; }
.comment-meta .fright { float:right; color: #ffa200; font-weight:600; }
.comment-meta .clear { clear:both; }
.comment-meta .fa { display: inline-block; margin-right:5px; vertical-align:middle; }
.comment-meta .fa-wrench { width:14px; height:14px; margin-left:12px; background:url('./img/icons/icon_edit.png') no-repeat; }
.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-form-comment { padding-top: 20px; }
.comment-respond .logged-in-as { margin-bottom: 0; margin-top: 20px; }
.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%; height:100px; padding: 10px 12px; line-height: 1.5; border: 1px solid #ddd; }
.comment-respond textarea:focus { border: 1px solid #ddd; outline: none !important; }
.comment-respond p { margin-bottom: 25px; }
.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-form-author,
.comment-form-email { display: block; float: left; width: 49%; }
.comment-form-author { margin-right:2%; }
.comment-form-author input,
.comment-form-email input { width: 100%; }
.comment-respond .form-submit { clear:both; text-align:center; padding: 10px 0 20px 0; }
.comment-respond input[type="submit"] { display: inline-block; padding: 10px 20px; margin: 0; border:none; background: #f80; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #fff; -webkit-appearance: none; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.comment-respond input[type="submit"]:hover { cursor: pointer; color: #fff; background: #713e1d; }
.respond-container { position:relative; }
.respond-container .btn_policy { position:relative; margin-top:10px; float:right; padding: 7px 15px; background: #fff; border: 1px solid #ddd; font-size: 13px; }
#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; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif !important; }
.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: 600px; margin: 0 auto; padding: 40px; border: 1px solid #ddd; 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 dt { margin-bottom: 5px; font-weight: normal; color: #757575; }
.form-qna input[type="text"],
.form-qna input[type="email"] { width: 100%; background: #fafafa; }
.form-qna input[type="radio"] { width: auto !important; }
.form-qna textarea { padding: 10px; border: 1px solid #ddd; background: #fafafa; }
.form-qna .btn_area { margin-top:20px; text-align:center; }
.form-qna .btn_area input[type="submit"]:hover { background-color: #514a4b; }
.form-qna .btn_area input[type="submit"] { display:inline-block; 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: 15px 15px 14px 15px; line-height: 1; font-weight: 600; font-size: 19px; background-color: #ffa200; color:#fff; height:auto; }
.qna_rule { padding: 15px 19px 10px 19px; font-size: 13px; word-break: keep-all; background-color: #fff; margin: 0px 0 15px 0; border:1px solid #ddd; }
.qna_rule table { border: 0 !important; text-align: left; line-height: 1.4; }
.qna_rule table th { padding: 5px 15px 5px 0px; word-break: keep-all; font-weight: 400 !important; background-color: #fff; color:#333; font-weight: 500 !important; border:0; border-bottom: 1px solid #ddd; }
.qna_rule table td { padding: 5px 15px 5px 0px; word-break: keep-all; font-weight: 400 !important; background-color: #fff; border:0; border-bottom: 1px solid #ddd; }
.qna_rule table th:last-child,
.qna_rule table td:last-child { padding-right: 0; }
.qna_rule table td b { color: #333; text-decoration: underline; font-weight: 500; }
.qna_rule p { margin-bottom: 5px !important; }
.qna_rule a { color: #ffa200; font-weight: bold; }
.qna_rule a:hover { color: #333; }
.qna_agree { color: #ffa200; font-weight: 400; }
body .wpcf7-not-valid-tip { color: #f80 !important; padding: 5px 0; }
div.wpcf7 .wpcf7-submit:disabled { 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; 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; }
.ex_header .my-breadcrumbs { box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.ex_header .my-breadcrumbs span, .ex_header .my-breadcrumbs a { color: #999 !important; }

.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 !important; }

.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 !important; }

.my-breadcrumbs.my-breadcrumbs-guide,
.my-breadcrumbs.my-breadcrumbs-joinbf { display: none !important; }

.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 !important; }

.search.category-archive .my-breadcrumbs { display: none !important; }

.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: 50px; }
.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%; }
.basic_tab .tab_container .tab_content_box { width: 100%; float: left; border: 1px solid #ddd; border-top: 0; padding: 80px 80px; }
.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 { float: left; width: 100%; }
.basic_tab .tab_depth ul li { float: left; background: #fafafa; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-weight: 700; line-height: 50px; padding-top: 2px; text-align: center; cursor: pointer; }
.basic_tab .tab_depth ul li:hover { color: #ffa200; }
.basic_tab .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; }
.basic_tab .tab_depth ul li:last-child { border-right: 1px solid #ddd; }
.basic_tab .tab_depth ul a { display: block; }
.basic_tab .tab_depth ul a li { border-right: 0 !important; }
.basic_tab .tab_depth ul a:last-child li { border-right: 1px solid #ddd !important; }
.basic_tab .tab_depth ul a:last-child li.active { border-right: 0 !important; }

.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 1px; }
.faq > li { width: 100%; float: left; border-bottom:solid 1px #e5e5e5; line-height:160%; word-break:keep-all; }
.faq li .q_title { display:block; position:relative; padding:10px 15px 12px 15px; 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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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-family: 'Noto Sans KR',sans-serif !important; 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-family: 'Noto Sans KR',sans-serif !important; 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-family: 'Noto Sans KR',sans-serif !important; 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-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; 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; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; }
.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 a { width: 20%; float: left; padding: 0 10px 20px 10px; }
.document_list .link_item { padding: 10px; background: #f4f4f4; border: 1px solid #ddd; border-radius: 0; }
.document_list .link_item:hover { background: #faf5f0; border: 1px solid #ffa200; }
.document_list .link_item p { margin-top: 10px; margin-bottom: 0 !important; text-align: center; color: #333; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; } 
.document_list .link_item img { width: 100%; }
.document_list .link_item_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 112%; }
.document_list ul { float: left; width: 100%; }
.document_list ul.list { /*height: 630px; */; }
.document_list ul.pagination { text-align: center; margin-bottom: 0; }
.document_list ul.pagination li { display: inline-block; }
.document_list ul.pagination li a { width: 40px; height: 40px; line-height: 37px; margin: 0 5px; border: 1px solid #ddd; font-size: 17px; font-weight: bold; padding: 0; }
.document_list ul.pagination li a:hover { background: #fafafa; color: #333; }
.document_list ul.pagination li.active a { border: 1px solid #ffa200; background:#faf5f0; color: #ffa200; }

.category .document_list a { width: 16.666%; }
.category-areareport .document_list .link_item p { display: none; }

.campagin_bg { height: 440px; width: 100%; position: absolute; border-bottom: 1px solid #ddd; background: url('img/bg_campaign.jpg'); background-position: 0% 50%; background-size: cover; }
.document_list_campaign.document_list .list_campagin a { width: 100%; padding: 0 10px 37px 10px; }
.document_list_campaign.document_list .link_item { padding: 0; border: 7px solid #fff; transition: all 0.2s; position: relative; }
.document_list_campaign.document_list .link_item:hover { padding: 0; border: 7px solid #ffa200; }
.document_list_campaign.document_list .pagination { margin-top: 10px; }
.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%; }

.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: 'NanumSquare','Noto Sans KR',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: 138px; }
#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 a:hover h2 { /*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; font-family: 'Noto Sans KR',sans-serif !important; }
#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 { background-color: ; 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: 1200px; margin: 0 auto; }
.archive_detail .archive_detail_wrap { float: left; width: 100%; border:1px solid #ddd; }
.archive_detail .archive_detail_top { float: left; width: 100%; padding: 50px; background: #fafafa; border-bottom: 1px solid #ddd; }
.archive_detail .archive_detail_bottom { float: left; width: 100%; padding: 50px; }
.archive_detail .archive_detail_top_left { width: 20%; float: left; }
.archive_detail .archive_detail_top_right { width: 80%; float: left; padding-top:10px; padding-left: 50px; }
.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 { padding-top: calc(100% / 5 * 7); background-size: cover; filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2)); }
.archive_detail .archive_detail_box { float: left; width:100%; border-top: 1px solid #ddd; padding-top: 30px; margin-top: 30px; }
.archive_detail .archive_detail_box:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.archive_detail .archive_detail_box label { float: left; width: 20%; text-align: right; font-size: 20px; font-weight: 500; color: #ffa200; margin: 0; }
.archive_detail .archive_detail_box .archive_detail_content { float: left; width: 80%; padding-left: 50px; color: #333; }
.archive_detail .archive_detail_box.archive_related a { display: block; clear: both; float: left; padding:3px 0; }
.archive_detail .archive_detail_box.archive_related a::before { content: '▸'; margin-right: 7px; color: #ffa200; }
.archive_detail .archive_detail_meta_box { float: left; width: 100%; padding-bottom: 20px; }
.archive_detail .archive_detail_meta { clear: both; float:left; font-size: 17px; margin-bottom: 5px; }
.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; float: left; 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 .archive_detail_download { background: #514a4b; }
.archive_detail .archive_detail_view:hover,
.archive_detail .archive_detail_download:hover { background: #999; }
.archive_detail .archive_edit { float: right; width:100%; }
.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: .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 .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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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; }

/* pagination */
.pagination span:first-child { display: none; }
.pagination span, .pagination a { width: auto; height: 40px; line-height: 36px; margin: 0 5px 10px 5px !important; border: 1px solid #ddd; font-size: 17px; font-weight: 400; padding: 0 14px; }
.pagination .current { border: 1px solid #ffa200; background: #faf5f0; color: #ffa200; padding: 0 14px; }
.pagination a:hover { background: #fafafa !important; color: #333; }

/* 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; }

/*뉴스레터 포스트*/ 
.nl_newsletter h2 { font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif !important; }

.post_meta_box { width: 100%; float: left; text-align: center; }
.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: 15px; background: #fafafa; border: 1px solid #ddd; }
.post_meta_author h5 { color: #ffa200 !important; text-align: center !important; padding: 0 !important; margin: 5px 0 !important; }
.post_meta_author p { margin-bottom: 3px !important; font-size: 13px; }

.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: 500px; 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: 'NanumSquare','Noto Sans KR',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; }

#stb_subscribe { border: 0 !important; padding: 0 !important; background: none !important; }
#stb_subscribe .box-info { margin: 0 auto !important; }
#stb_subscribe .stb_form_submit_button { height: auto !important; padding: 12px 50px 11px 50px !important; background-color: #FFB141 !important; border-radius: 100px !important; font-size: 20px !important; color: #fff !important; }
#stb_subscribe .stb_form_submit_button:hover { background-color: #514a4b !important; }
#stb_subscribe .form-input .img { display: none; }
#stb_subscribe .form-inline { float: left; width: 100%; }
#stb_subscribe .form-group { padding-bottom: 0 !important; margin: 0 !important; margin-bottom: 15px !important; color: #555 !important; }
#stb_subscribe input { width: 100%; padding: 11px 14px 9px 14px !important; border: #ddd 1px solid !important; font-size: 16px !important; }
#stb_subscribe input[type="checkbox"] { padding: 0 !important; margin: 5px 5px 0 0 !important; border: 1px solid #ffa200 !important; }
#stb_subscribe .form-group-input:nth-child(1) { padding-right: 2% !important; }
#stb_subscribe .form-group-input:nth-child(2) { padding-left: 2% !important; }
#stb_subscribe .stb_form_policy { float: left; width: 100%; padding-bottom: 5px !important; }
#stb_subscribe .stb_form_policy * { vertical-align: unset !important; font-size: 14px !important; }
#stb_subscribe .stb_form_policy button { color: #ffa200 !important; text-decoration: none !important; }
#stb_subscribe .stb_form_set_submit { padding: 15px 0 !important; text-align: center; }
#stb_subscribe .stb_form_set_submit button { background: #ffa200 !important; }
#stb_subscribe .stb_form_msg_error { padding-bottom: 0 !important; text-align: left !important; font-size: 14px !important; }
#stb_subscribe .stb_form_modal_btn { float: left; width: 100%; padding: 5px 0 !important; }
#stb_subscribe .stb_form_modal_btn button { background: #ffa200 !important; color: #fff !important; border-radius: 100px; font-size: 15px !important; }
#stb_subscribe .stb_form_modal_title { float: left; width: 100%; font-size: 16px !important; padding: 0 !important; margin-bottom: 10px; }
#stb_subscribe .stb_form_modal_body { padding: 25px 25px !important; border-radius: 10px; }
#stb_subscribe .stb_form_result p { text-align: center !important; font-size: 14px !important; }
#stb_subscribe .stb_form_result.success p { color: #ffa200 !important; }
#stb_subscribe .stb_form_modal_body p { float: left; width: 100%; margin: 0 0 15px 0 !important; line-height: 1.5 !important; color: #666; font-size: 13px !important; }
#stb_subscribe .stb_form_modal_body p.stb_form_modal_margin { margin-bottom: 20px !important; }
#stb_subscribe .stb_form_modal_body table { float: left; width: 100%; margin-bottom: 15px; text-align: center; background: #f5f5f7; }
#stb_subscribe .stb_form_modal_body table th { border-bottom: 1px solid #ffa200; }
#stb_subscribe .stb_form_modal_body table th,
#stb_subscribe .stb_form_modal_body table td { padding: 7px 10px; font-size: 12px !important; line-height: 1.4 !important; }
#stb_subscribe .stb_form_modal_body .stb_form_modal_box { height: 250px; overflow: scroll; }

.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: 30px 0 0 0 !important; }
.newsletter-area3 { max-width: 1000px !important; padding-top: 50px !important; }
.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); }

.huhu_list { padding: 10px 20px; border-top: 1px solid #ffa200; border-bottom: 1px solid #ffa200;  }
.huhu_list li { padding-top: 10px; padding-bottom: 10px; }
.huhu_list .list-title { width: 80%; float: left; font-size: 110%; font-weight: 500; }
.huhu_list .list-date { width: 20%; float: right; text-align: right; }


/*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: 'NanumSquare','Noto Sans KR',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; font-family: 'Noto Sans KR',sans-serif !important; 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: 'NanumSquare','Noto Sans KR',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_gallery_simple li a:hover .layer { /*background: linear-gradient(to top, rgba(255,136,0,0.5) 0%, rgba(255,136,0,0) 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: .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: 'NanumSquare','Noto Sans KR',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: 'NanumSquare','Noto Sans KR',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; font-family: 'Noto Serif KR', serif !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: 800px; margin: 0 auto; }
.basic_form_box .basic_form { float: left; width: 100%; border: 1px solid #ddd; border-top: 0; background: #fff; }
.basic_form_box p { margin-bottom: 15px; }
.basic_form_box dt { float: left; width: 27%; padding: 30px 35px; border-top: 1px solid #ddd; color: #333; }
.basic_form_box dd { float: left; width: 73%; padding: 30px 35px; border-top: 1px solid #ddd; }	
.basic_form_box input[type="text"],
.basic_form_box input[type="tel"],
.basic_form_box input[type="email"] { width: 100%; margin-right: 15px; background: #fafafa; font-size: 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 span.wpcf7-list-item { margin-left: 0; margin-right: 15px; }
.basic_form_box .btn_area { float: left; width: 100%; padding: 20px 0 0 0; text-align: center; }
.basic_form_box .btn_area input { margin:0 auto; border: 0; display: block; width: 270px; background: linear-gradient(90deg, rgba(255,175,65,1) 0%, rgba(255,159,0,1) 100%); padding: 15px; font-size: 19px; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.basic_form_box .btn_area input:hover { background: #514a4b; }
.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-family: 'Noto Sans KR',sans-serif !important; 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; }

/* 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) { 


#header .top a { font-size: 14px !important; font-weight: 500; }
#header .main .menu { width: 1000px; }
#header .main .menu li { font-size: 20px; }
.submenu_box { width: 1000px; }
.submenu_box li a { font-size: 15px; line-height: 27px !important; }
.topMenuLi:hover .submenu { height: 470px; }
.icon_menu_box { width: 1300px; }
.icon_menu p { font-size: 15px; }
.topMenuLi:hover .submenu { height: 455px; }
.submenu_box li a.childlink { margin-left: 53px; font-size: 15px; padding-left: 17px !important; }

.menu_sitemap { right: 68px; }
.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; }

.sub-wrap { padding: 270px 50px 150px 50px; }

.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; }
.search-area .btn-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; }

#header .top, #header .sub, #header .main, #footer .footer, .recent_post_container, .list_link_outlink li, .my-breadcrumbs { padding-left: 70px; padding-right: 70px; }

.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 .familysite { width: 250px; }
footer .footer .familysite select { padding: 10px 16px 12px 16px; font-size: 14px; font-weight: 600; }
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 { margin-top: 142px; }
#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; }

#header .main .menu li { font-size: 17px; }
#header .main .menu { width: 715px; }
.menu_sitemap a.main_login,
.menu_sitemap a.main_donate { font-size: 17px; }
.submenu_box { width:715px; }
.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; }

.menu_sitemap { right: 48px; }
.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; }
.search-area .btn-close { right: 48px; }

#header .top, #header .sub, #header .main, #footer .footer, .recent_post_container, .list_link_outlink li, .my-breadcrumbs { padding-left: 50px; padding-right: 50px; }

.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.financial-report .pie_box { margin-bottom: 0; }
.page.financial-report .pie_title { font-size: 20px; margin-top: -125px; }
.page.financial-report .pie_half.left, .page.financial-report .pie_half.right { margin: 0 auto; float: none !important; height: 240px; }
.page.financial-report .pie_box .amount_big { font-size: 45px; padding: 0 17px; }
.page.financial-report .pie_box .amount_big .counter-unit { line-height: 1; margin-top: 20px; font-size: 24px; }
.page.financial-report .amount_title_small { font-size: 20px; }
.page.financial-report .finance_table thead td { font-size: 17px; }
.page.financial-report .finance_table td { font-size: 15px; word-break: keep-all; line-height: 1.5; }
.page.financial-report .finance_table .tr_lower td { font-size: 14px; word-break: keep-all; line-height: 1.5; }
.page.financial-report .finance_table td.td_total { font-size: 20px; }
.page.financial-report .count_box_col .amount_small { font-size: 40px; }
.page.financial-report .amount_small .counter-unit { font-size: 20px; }
.page.financial-report .toggle_col1 { padding-left: 20px; }
.page.financial-report .toggle table tr td { font-size: 14px; line-height: 1.5; }
.page.financial-report .toggle div { font-size: 17px !important; }
.page.financial-report .finance_desc { font-size: 15px; }
.page.financial-report .finance_button { clear: both; display: block; width: 180px; font-size: 17px; margin: 0 auto; margin-top: 20px; padding: 7px 5px 5px 5px; }
.page.financial-report .finance_button.small { width: 260px; margin: 0 auto; margin-bottom: 15px; font-size: 14px; }
.page.financial-report .count_box_col:nth-child(2), .page.financial-report .count_box_col:nth-child(3) { 	width: 25%; }
.page.financial-report .count_box_col:nth-child(1) { width: 50%; }

.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; }
footer .footer .familysite select { padding: 9px 12px; }

.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) { 

#header .main { height: 60px; line-height: 60px; }
#header .main .menu { width: 660px; }

.menu_sitemap a.main_login { font-size: 19px; }

.submenu { top: 60px; }
.submenu_box { width:660px; }
.submenu_box li a { font-size: 13.5px; }
.submenu_box li a.childlink { margin-left: 38px; padding-left: 12px !important; }
.submenu_box .guide li a.childlink { margin-left: 35px; }
.submenu_box .introduction li a.childlink { margin-left: 42px; }

.menu_sitemap img { width: 30px; }
.sitemap_msg { height: 64px; line-height: 65px; font-size: 19px; }
.sitemap_box ul li a { font-size: 13.5px; }
.sitemap_box ul li.sitemap_d1 a { font-size: 18px; }
.icon_menu p { font-size: 13.5px; }
.custom_modal .modal-bg .modal-cont .close img { width: 25px; }

#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; }
footer .footer .familysite select { padding: 8px 11px; }

/*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; }
/* 기존 코드 수정 끝 */

#header .top, #header .sub, #header .main, #footer .footer, .recent_post_container, .list_link_outlink li, .my-breadcrumbs { padding-left: 40px; padding-right: 40px; }
#header .top a { font-size: 12px !important; }
#header .main { height: 55px; line-height: 55px; }
#header .main .logo { padding-top: 14px; }
#header .main .logo img { height: 24px; }
#header .main .menu li { font-size: 15px; }
#header .main .menu { width: 590px; }
.submenu_box { width:590px; }
.submenu_box li a { font-size: 12px; letter-spacing: -0.5px; line-height: 25px !important; }
.submenu_box li a.childlink { margin-left: 31px; font-size: 12px; }
.submenu_box .guide li a.childlink { margin-left: 33px; }
.submenu_box .introduction li a.childlink { margin-left: 38px; }
.submenu { top: 55px; }
.ex_header .submenu { top: 55px; }

#menu { top: 87px; }
#menu li { font-size: 15px; margin: 9px 5px; }
#menu li a { padding: 2px 7px 5px 7px; }
.ex_header #menu { top: 55px; }

.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 li.tp-revslider-slidesli { /*width: 100% !important; left: 0 !important; */; }
.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: 6px 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_tab .tab_container .tab_content_box { padding: 60px 60px; } 

.basic_box_content_csr { padding: 30px 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; }
#blog_slider { margin-top: 128px; }
.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:53px; background-color:#fff; border-bottom:#e7e7e7 1px 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: 27px; vertical-align: top; margin-top: 12px; } 
#m-header .btn-nav { width:60px; height:52px; right:0; padding: 16px 17px; border-left:#e7e7e7 1px solid; }
#m-header .btn-nav .menu-bar { display: block; width: 100%; height: 2px; background: #777; border-radius: 100px; }
#m-header .btn-nav .menu-bar + .menu-bar { margin-top: 7px; }
#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: 'NanumSquare','Noto Sans KR',sans-serif !important; }

#m-header .search_mobile { display: block; position: absolute; top: 0; right: 120px; width: 50px; height: 52px; background:url(./img/ic_search_gray.png) no-repeat; background-size: 20px; background-position: 50% 50%; }
#m-header .search-area { top: 53px; height: 53px; padding: 0 20px; text-align: left; }
#m-header .search-area input { height: 53px; line-height: 53px; text-align: left; font-size: 15px; }
#m-header .search-area input::placeholder { line-height: 52px;  }
#m-header .search-area .btn-close { top: 14px; right: 18px; 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: 'NanumSquare','Noto Sans KR',sans-serif !important; }
#m-nav .top,#m-nav .main,#m-nav .sidemenu,#m-nav .sns,#m-nav .copyright { padding:0 20px; }
#m-nav .top { padding:20px 20px 8px 20px; background: #ffa200; color:#333; font-size:13px; line-height:1; margin-bottom: 7px; }
#m-nav .top .btn-en { display:block; width:40px; padding:6px 0 4px 0; border-radius:150px; text-align:center; margin-bottom: 5px; font-weight: bold; border: 2px solid #fff; }
#m-nav .top .btn-en a { color: #fff; }
#m-nav .top ul li { float:left; }
#m-nav .top ul li a { display:block; padding:10px 0; margin-right: 20px; font-weight:bold; color: #fff; font-size: 13px; }
#m-nav .main li { border-bottom:#e7e7e7 1px solid; }
#m-nav .main li a { display:block; padding:7px 0; font-size:15px; font-weight:500; }
#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); }

.blurred { position:fixed; top:0; z-index:9999; width:100%; height:100%; display:block; background: rgba(81,74,75,0.7); }
.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; }

#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-respond textarea { height:100px; }

/* 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 */

#header .top, #header .sub, #header .main, #footer .footer, .recent_post_container, .list_link_outlink li, .my-breadcrumbs { padding-left: 0; padding-right: 0; }

.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 { 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: 15px; }
footer .footer .familysite { width: 150px; }
footer .footer .familysite select { font-size: 12px; padding: 6px 8px; }

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 { padding: 0; }
.document_list a { padding: 0 5px 10px 5px; }
.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; }

.category .document_list a { width: 25%; }

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; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; }
.pagination a,
.pagination .current { width: auto !important; height: 30px !important; line-height: 26px !important; font-size: 12px !important; padding: 0 10px !important; }

/*2021 bfstory*/
#menu.blog_submenu,
.ex_header #menu.blog_submenu { display: block; top: 53px; height: 41px; }
#menu.blog_submenu li { font-size: 14px; margin: 0px; }
#menu.blog_submenu li a { padding: 13px 10px 13px 10px; }
#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 { 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: 10px; }
footer .footer .footer_right { margin-top: 3px; }
footer .footer_center { clear: both; }
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; }
.basic_form_box { width: 650px; }

.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; }

/* campaign */
.document_list_campaign.document_list .list_campagin a { padding: 0 10px 6px 10px; }

/* 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; }

input[type="checkbox"] { margin: 5px 5px 0 0; width: 14px !important; height: 14px !important; }

.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: 300px; }
.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 a { width: 50%; }
.document_list .link_item p { font-size: 11px; }
#document_list_audit.document_list .link_item p { margin-bottom: 0 !important; }
.category .document_list a { width: 50%; }

/*임시*/
.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_depth ul li.active { border-bottom: 1px solid #ffa200 !important; }

.basic_tab .tab_container .tab_content_box { padding: 30px 25px; }
.basic_tab .tab_container .tab_content_box h3 { margin-bottom: 10px; }
.basic_tab .tab_container .tab_content_box p { margin-bottom: 12px !important; }
.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 { width: auto !important; height: 28px !important; line-height: 24px !important; font-size: 10px !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 { 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; }

/*메인 화살표 영역*/
.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 { padding: 20px; }
.archive_detail .archive_detail_top_left { width: 30%; }
.archive_detail .archive_detail_top_right { width: 70%; padding-left: 20px; }
.archive_detail .archive_detail_bottom { padding: 20px; }
.archive_detail .archive_detail_category { font-size: 13px; margin-bottom: 5px; }
.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 { padding-bottom: 5px; }
.archive_detail .archive_detail_view, .archive_detail .archive_detail_download { font-size: 12px; padding: 7px 10px 9px 10px; }
.archive_detail .archive_detail_box label { width: 100%; font-size: 15px; text-align: left; margin-bottom: 20px; }
.archive_detail .archive_detail_box .archive_detail_content { 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; }

.basic_form_box { width: 100%; }
.basic_form_box dt { width: 100%; padding: 20px; padding-bottom: 0; }
.basic_form_box dd { width: 100%; border-top:0; padding: 20px; padding-top: 15px; }
.basic_form_box input.input_half { width: 100%; }
.basic_form_box #q_name { margin-bottom: 10px; }

/*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; }
.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: 250px; }
#m-nav .top { padding: 15px 15px 3px 15px; margin-bottom: 5px; font-size: 12px; }
#m-nav .top ul li a { font-size: 13px; margin-right: 15px; }
#m-nav .top .btn-en { margin-bottom: 3px; }
#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: 100px; height: 25px; margin-bottom: 20px; }
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 .familysite select { font-size: 11px; padding: 9px 10px; background-size: 12px; background-position: 96% 49.5%; }
footer .footer .btn_gotop { top: -50px; margin: 0; }
footer .footer .btn_gotop img { width: 30px; }

.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; }
.post-list article .list-title, .post-list article .list-date, .post-list article .list-thumbnail { padding: 0 !important; }

/*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: 12px; }
#commentform textarea::placeholder { font-size: 12px; }
.comment-meta { font-size: 11px; }
.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: 180px; margin-bottom: 15px; }
.page.newsletter .sub-wrap .title-wrap h4 { padding: 0 30px; }
.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: 130px !important; margin-top: -50px; background-size: 100%; }
.newsletter-area2 .btn_newsletter_down { display: none; }
.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; }
#stb_subscribe .form-input { float: left; width: 100%; margin-bottom: 10px; }
#stb_subscribe .form-input .img { display: block; float: left; width: 40%; }
#stb_subscribe .form-input .img img { float: left; width: 100%; margin-left: -15px; }
#stb_subscribe .form-inline { width: 60%; }
#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%; }
}