@charset "utf-8";
@import "font-awesome.min.css";
@import "et-line.css";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

* { box-sizing: border-box; }
body { margin: 0; font-family: 'Noto Sans KR', sans-serif; color: #333; font-weight: 500; font-size: 17px; line-height: 1.5; word-break: keep-all; letter-spacing: 0; }

html,
body {
  -webkit-overflow-scrolling: touch;
  overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 { font-weight: 500; }
p { margin: 0 0 20px 0; line-height: 1.7; }

a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}

.row { float: left; width: 100%; }
.row.padding { margin-left: -20px; margin-right: -20px; }
.col { float: left; }
.col-2 { width: 16.666%; }
.col-3 { width: 25%; }
.col-4 { width: 33.333%; }
.col-6 { width: 50%; }
.col-9 { width: 75%; }
.col-12 { width: 100%; }
.col.padding { padding: 0 20px; }

.only_pc { display: block; }
.only_mobile { display: none; }
.br_mobile { display: none !important; }

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

.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper_story { overflow: visible !important; }
	  
.swiper_story .swiper-slide { min-height: 330px; display: block; padding: 20px 20px; background: #fff !important; border: 1px solid #ddd; border-radius: 20px; text-align: left; letter-spacing: -1px; }
.swiper_story .swiper-slide h5 { position: relative; float: left; width: 100%; margin: 0 0 15px 0; color: #999; line-height: 1.5; font-size: 20px; }
.swiper_story .swiper-slide h5 img.people { float: left; width: 60px; margin-right: 10px; border-radius: 100px; }
.swiper_story .swiper-slide h5 img.seed { width: 19px; margin-bottom: -2px; }
.swiper_story .swiper-slide h5 span { color: #FF9B00; margin-left: 7px; }
.swiper_story .swiper-slide h6 { float: left; width: 100%; margin: 0 0 15px 0; color: #333; font-size: 15px; }
.swiper_story .swiper-slide p { float: left; width: 100%; margin: 0; }
.swiper_story .swiper-slide ul { float: left; width: 100%; margin: 0; padding-left: 13px; font-size: 14px; }
.swiper_story .swiper-slide ul li { margin-bottom: 10px; font-weight: 400; }
.swiper_story .swiper-slide ul li::marker { color: #FF9B00; }
.swiper_story .swiper-slide ul li:last-child { margin-bottom: 0; }

.swiper-pagination { bottom: -50px !important; }
.swiper-pagination-bullet { width: 10px !important; height: 10px !important; background: #DDD3D5 !important; opacity: 1 !important; }
.swiper-pagination-bullet-active { background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%) !important; }
.swiper-buttons { position: absolute; z-index: 11; right: 0; top: -65px; border-radius: 100px; overflow: hidden; }
.swiper-button-next, .swiper-button-prev { position: static !important; float: left; margin: 0 !important; padding: 0 22px; height: 37px !important; background: #fff; border: 1px solid #ddd; }
.swiper-button-prev { border-radius: 100px 0 0 100px; border-right: 0; }
.swiper-button-next { border-radius: 0 100px 100px 0; }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 14px !important; color: #FF9B00; }
.swiper-button-next:hover, .swiper-button-prev:hover { background: #FF9B00; border: 1px solid #FF9B00; }
.swiper-button-next:hover::after, .swiper-button-prev:hover::after { color: #fff; }

.story_bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 300px; background: rgba(255,159,0,0.1); }

.page-loader{
	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #f5f2f3;
	z-index: 100000;    
}

.loader{
	width: 90px;
	height: 90px;
	position: absolute;
	top: 50%;
	left: 50%;  
	z-index: 100001;
	background: url(../images/img_loading_yellow.gif); background-size: cover;
	margin: -45px 0 0 -45px; border: 0; 
}

/*sns*/
.snslist { float: left; width: 100%; text-align: center; padding: 50px 0; margin: 0; }
.snslist a { display: inline-block; width: 40px; height: 40px; background-size: cover !important; border-radius: 5px; -webkit-transition: all 0.2s; transition: all 0.2s; }
.snslist .sns_title { width: 35px; margin: 0 15px 0 0; }
.snslist a:hover { opacity: 0.5; }
.snslist li { display: inline-block; padding: 15px; }
#sns_tw { background: url(../images/ic_tw_gray.png); }
#sns_fb { background: url(../images/ic_fb_gray.png); }
#sns_ks { background: url(../images/ic_ks_gray.png); }
#sns_kt { background: url(../images/ic_kt_gray.png); }
#sns_nb { background: url(../images/ic_nb_gray.png); }
#sns_nl { background: url(../images/ic_nl_gray.png); }

a { letter-spacing: 0; outline: none; text-decoration: none; transition: all 0.1s; }
.page-section { position: relative; float: left; width: 100%; padding: 90px 0; }
.page-section.independent { padding: 170px 0 70px 0; }
.home-section { max-height: 1024px !important; }
.container { max-width: 1440px; width: 100%; padding: 0 100px; margin: 0 auto; }
.narrow .container { max-width: 1180px; }
.nomargin { margin-bottom: 0 !important; }
.full-height { float: left; width: 100%; height: 100vh; }

/* mobile nav */
#burger { opacity: 1; cursor: pointer; transition: opacity 0.25s linear; width: 40px; height: 55px; display: flex; align-items: center; }
#burger:hover { opacity: 1; }
#burger div { background-color: #333; border-radius: 100px; width: 100%; height: 1.5px; opacity: 1; transition: all 0.15s linear; }
#burger div:nth-child(1),
#burger div:nth-child(3) { content: ""; position: absolute; }
#burger div:nth-child(2) { margin-left: 10px; }
#burger div:nth-child(1) { transform: translateY(-11px); }
#burger div:nth-child(3) { transform: translateY(11px); }
#burger.open div:nth-child(1) { transform: rotate(45deg); background-color: #fff; }
#burger.open div:nth-child(2) { transform: translateX(0); opacity: 0; }
#burger.open div:nth-child(3) { transform: rotate(-45deg); background-color: #fff; }

.nav-icon { position: relative; position: fixed; top: 12px; right: 35px; z-index: 3; padding: 5px 0; transition: all 0.3s; }

#overlay { position: fixed; top:0; left: 0; width: 100%; height: 100vh; min-height: 100%; background-color: rgba(81,74,75,0.8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); z-index: 2; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#overlay.menu { visibility: visible; opacity: 1; }

.main-nav { position: fixed; z-index: 9999; width: 100%; height: 90px; padding: 0; background: rgba(255,255,255,0); border-bottom: 1px solid rgba(221,221,221,1); transition: all 0s ease-in-out; }
.main-nav #overlay { left: auto; right: 0; width: 290px; }
.main-nav input { transition: all 0.1s !important; }
.main-nav.home { padding: 0 35px; border-bottom: 1px solid rgba(221,221,221,0); }
.main-nav.small-height { background: rgba(255,255,255,1); border-bottom: 1px solid rgba(221,221,221,1); }
.general .main-nav { border-bottom: 1px solid rgba(221,221,221,1); }

.nav-logo-wrap { float: left; }
.nav-logo-wrap .logo { line-height: 90px; text-decoration: none; color: #333; font-weight: 500; border: 0 !important; font-size: 22px; }
.nav-logo-wrap .logo:hover { color: #FF9B00; }
.nav-logo-wrap .logo img { max-height: 40px; margin-right: 10px; margin-bottom: -11px; }
.nav-logo-wrap .logo span { color: #FF9B00; margin-left: 5px; opacity: 0; transition: 1s all; }
.main-nav.small-height .nav-logo-wrap .logo span { opacity: 1; }

.inner-nav { float: right; }
.inner-nav ul { list-style: none; float: left; margin: 0; }
.inner-nav ul li { float: left; margin: 0; }
.inner-nav ul li a.menu { font-size: 20px; font-weight: 500; height: 90px !important; line-height: 90px !important; padding: 0 1.5vw; color: inherit; }
.inner-nav ul li a.menu:hover, .inner-nav ul li a.menu.active { color: #FF9B00; }
.inner-nav ul li.btn_audio a { display: block; text-decoration: none; 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; border-radius: 100px; color: #fff; font-size: 13px; font-weight: 500 !important; padding: 6px 12px 8px 13px !important; height: auto !important; line-height: 1 !important; margin-top: 30px; margin-left: 1.5vw; }
.inner-nav ul li.btn_audio a:hover { background: #fff !important; color: #FF9B00 !important; }
.inner-nav ul li.btn_audio a span { display: none; }
.inner-nav ul li.btn_audio input { display: block; text-decoration: none; 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; border-radius: 100px; color: #fff; font-size: 13px; font-weight: 500 !important; padding: 7px 11px 8px 11px !important; height: auto !important; line-height: 1 !important; margin-top: 30px; margin-left: 1.5vw; }
.inner-nav ul li.btn_audio input:hover { background: #fff !important; color: #FF9B00 !important; }
.inner-nav ul li.btn_donate { display: none; }
.inner-nav ul li.btn_20th { display: none; }

.audiobox { width: 100%; padding-top:40px; text-align: center; }
.audiobox .audiobox_title h2 { margin-top: 0; font-size: 20px; margin-bottom: 5px; }
.audiobox .audiobox_title h2 span { color: #FF9B00; }
.audiobox .audiobox_title img { width: 80px; margin-bottom: 7px; }
.audiobox .audiobox_title p { margin-top: 0; }

.bullet-nav { position: fixed; z-index: 999; transform: translate(0%, -50%); top: 50%; right:45px; margin-top: -2px; }
.bullet-nav ul { list-style: none; padding: 0; text-align: right; }
.bullet-nav a { display: block; margin: 12px 0; }
.bullet-nav .bullet-title { margin-right: 12px; color: #fff; display: none; }
.bullet-nav a:hover .bullet-title { color: #DDD3D5; }
.bullet-nav a.active .bullet-title { color: #FF9B00; }
.bullet-nav .bullet { display: inline-block; width: 20px; height: 20px; margin-bottom: -1px; background: #DDD3D5; border-radius: 18px 0 17px 0; }
.bullet-nav a:hover .bullet { background: #514a4b; }
.bullet-nav a.active .bullet { background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%); }
#overlay.menu .bullet-title { display: inline-block; font-size: 18px; line-height: 20px; }
.bullet-nav.text-nav a .bullet { background: #fff; }
.bullet-nav.text-nav a.active .bullet { background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%) !important; }
.bullet-nav.text-nav a:hover .bullet { background: #DDD3D5; }

.btn_audio_box { z-index: 9999; position: fixed; right: 100px; top: 21px; }
.btn_audio_box .button { float: left; box-shadow: 0px 1px 0px rgba(29,37,45,.1); border-radius: 100px; overflow: hidden; width: 48px; height: 48px; border: 0; max-width: 100%; display: block; background-color: #ffab28; background-image: url(../images/ic_audio.png); background-size: cover; transition: all .3s; border: 1px solid #ff9b00; }
.btn_audio_box .title { float: left; width: 80px; padding: 9px 10px 9px 0; margin: 0; font-size: 12px; line-height: 1.3; text-align: right; color: #FF9B00; font-weight: 500; opacity: 1; overflow: hidden; transition: all .3s; }
.btn_audio_box a { float: left; display: block; cursor: pointer; }
.btn_audio_box a:hover { opacity: 0.8; }

.footer { padding: 30px 0 !important; border-top: 1px solid #ddd; font-size: 13px; overflow: visible; }
.footer .container { width: 100% !important; max-width: 100% !important; padding: 0 35px !important; }
.footer a { float: left; }
.footer-logo { float: left; }
.footer-logo img { height: 25px; margin-top: 3px; }
.footer-text { float: right; line-height: 30px; color: #ccc; }
.footer-text br { display: none; }
.footer-text span { margin: 0 7px; color: #777; }
.footer-text span:last-child { margin-right: 0; }

.link-to-top { position: absolute; width: 40px; height: 40px; bottom: 27px; right: 40px; display: none; }
.link-to-top img { width: 100%; }
.link-to-top:hover { opacity: 0.7; }

.btn_link { display: block; float:left; text-decoration: none; margin-right: 15px; margin-bottom: 15px; 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; border-radius: 100px; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: -1px; padding: 4px 13px 6px 15px; }
.btn_link:hover { background: #9a888b; border: 1px solid #9a888b; color: #fff; }
.btn_link.btn_link_white { background: #fff; border: 1px solid #FF9B00; color: #FF9B00; }
.btn_link.btn_link_white:hover { background: #9a888b; border:1px solid #9a888b; color: #fff; }

.btn_link2 { display: block; float:left; text-decoration: none; margin-right: 30px; 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; border-radius: 100px; color: #fff; font-size: 13px; font-weight: 500; padding: 3px 12px 4px 14px; }
.btn_link2:hover { background: #fff; color: #FF9B00; }
.btn_link3 { float: right; display: block; text-decoration: none; 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; border-radius: 100px; color: #fff; font-size: 15px; font-weight: 500; padding: 2px 15px 4px 20px; }
.btn_link3:hover { background: #fff; color: #FF9B00; }

#service { padding: 150px 0 150px 0; }
.service_menu_box { margin-left: -20px; margin-right: -20px; }
.service_menu { float: left; width: 100%; text-align: center; list-style: none; padding: 30px 0; margin: 0; }
.service_menu li { float: left; width: 25%; padding: 0 20px; margin: 50px 0; }
.service_menu .btn_link { display: inline-block; float: none; width: 100%; height: 42px; cursor: pointer; line-height: 39px; padding: 0; margin: 0; font-size: 15px; }
.service_menu input.btn_link { cursor: pointer; }

.service_link { float: left; width: 100%; text-align: center; list-style: none; padding-bottom: 50px; margin: 0; }
.service_link a { display: inline-block; margin: 20px; }
.service_link img { width: 40px; }

.v_center { transform: translate(-50%, -50%); position: absolute !important; top: 50%; left: 50%; }
.text_small { font-size: 13px; }

/* Home Banner */
#home { padding-bottom: 0; }
#home .container { }
.home_banner { position: relative; width: 100%; min-height: 600px; }
.home_banner .banner { position: absolute; }
.home_banner .banner h3 { font-weight: 500; margin: 0; text-align: center; font-size: 20px; color: #333; }
.home_banner .banner .thumbnail { width: 100%; position: relative; margin-bottom: 0.5vw; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 20px; overflow: hidden; }
.home_banner .banner .thumbnail .layer { width: 100%; height: 100% !important; position: absolute; bottom: 0; padding: 1.1vw 1.4vw; height: auto; background: linear-gradient(90deg, rgba(244,144,0,0.9) 0%, rgba(255,175,65,0.9) 100%); opacity: 0; color: #fff; transition: all 0.2s; }
.home_banner .banner .thumbnail h4 { width: 100%; text-align: center; font-size: 19px; font-weight: 500; margin: 0 0 3px 0; line-height: 1.5; transform: translate(-50%, -50%); position: absolute !important; top: 50%; left: 50%; }
.home_banner .banner .thumbnail p { font-size: 13px; line-height: 1.5; }
.home_banner .banner a { display: block; position: relative; z-index: 2; }
.home_banner .banner:hover { z-index: 6; }
.home_banner .banner:hover .thumbnail .layer { opacity: 1; }
.home_banner .banner:hover h3 { color: #FF9B00; }
.home_banner .banner1 { width: 38%; z-index: 5; bottom: -3.5vw; left: 57%; }
.home_banner .banner2 { width: 23%; z-index: 5; bottom: 0vw; left: 25%; }
.home_banner .banner3 { width: 18%; z-index: 5; top: 1.5vw; left: 85%; }
.home_banner .banner4 { width: 32%; z-index: 5; top: -1vw; left: 37%; }
.home_banner .banner5 { width: 20%; z-index: 5; bottom: 2vw; left: -4%; }
.home_banner .banner1 .thumbnail { padding-top: 75%; background-image: url(../images/img_banner_business.gif); border-radius: 50% 50% 50% 50% / 52% 52% 48% 48%; }
.home_banner .banner2 .thumbnail { padding-top: 90%; background-image: url(../images/img_banner_tomorrow.jpg); border-radius: 50% 50% 50% 50% / 45% 45% 55% 55%; }
.home_banner .banner3 .thumbnail { padding-top: 92.5%; background-image: url(../images/img_banner_service.jpg); border-radius: 50% 50% 50% 50% / 45% 45% 55% 55%; }
.home_banner .banner4 .thumbnail { padding-top: 68%; background-image: url(../images/img_banner_charity.gif); border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; }
.home_banner .banner5 .thumbnail { padding-top: 112.3%; background-image: url(../images/img_banner_finance.jpg); border-radius: 50% 50% 50% 50% / 46% 46% 54% 54%; }
.home_banner .deco { position: absolute; width: 80px; }
.home_banner .deco1 { z-index: 3; top: 270px; left: 20px; }
.home_banner .deco2 { z-index: 1; top: 120px; left: -90px; }
.home_banner .deco3 { z-index: 1; top: -45px; left: 30px; }
.home_banner .deco4 { z-index: 1; top: 30px; left: -130px; }
.home_banner .bg_line { width: 69%; z-index: 1; transform: translate(-50%, -50%); position: absolute !important; top: 50%; left: 50%; margin-top: -25px; margin-left: -4%; }
.home_banner h1 { position: absolute; left: 0; top: 0; font-size: 50px; letter-spacing: -2px; line-height: 1.4; }
.home_banner h1 span { color: #FF9B00; }


/*위치 커스텀*/

.area_top { position: relative; z-index: 1; float: left; width: 100%; background-color: #f5f2f3; }
.area_top_wide { width: 100%; height: auto; }

.area_bottom { position: relative; z-index: 1; float: left; width: 100%; padding: 70px 0; }
.area_right { padding-left: 50px; }
.area_bg { float: left; min-height: 310px; background-size: cover; }

#business .area_top { background-color: #f8f8f8; }
#charity .area_top { background-color: #f8f8f8; }
#finance .area_top { background-color: #f8f8f8; }
#tomorrow .area_top { background-color: #fff8ed; }

#business .area_bg { min-height: 790px; background-image: url(../images/img_section_business.jpg); background-position: 50% 50%; }
#charity .area_bg { background-image: url(../images/img_section_charity.jpg); background-position: 50% 0%; }
#finance .area_bg { min-height: 600px; background-image: url(../images/img_section_finance.jpg); background-position: 50% 50%; }
#tomorrow .area_bg { background-image: url(../images/img_section_tomorrow.gif); background-position: 50% 50%; }

.title_box { min-height: 310px; padding: 30px 30px; background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%); color: #fff; }
.title_box h1 { font-size: 28px; padding-bottom: 22px; margin-top: 0; margin-bottom: 22px; border-bottom: 1px solid #fff; font-weight: 500; letter-spacing: -1px; }
.title_box h1.narrow { letter-spacing: -3px; }
.title_box h1 img { margin-right: 10px; height: 28px; }
.title_box p { font-size: 15px; margin-bottom: 20px; font-weight: 500; letter-spacing: -1px; line-height: 1.6; }
.title_box p.small-desc { margin: 0; font-size: 13px; line-height: 1.5; }

.page-section-top { padding: 70px 0 0 0; z-index: 1; }

.page-section-tab { float: left; width: 100%; }
#tomorrow { overflow: hidden; }
#tomorrow .page-section-tab { margin-top: 70px; }

#charity .desc { font-size: 16px; }

.stickytab { float: left; width: 100%; }
.nav-tabs { float: left; width: 100%; position: relative; list-style: none; padding: 0; margin-top: -1px; margin-bottom: 0; border-bottom: 0; margin-left: 1px; }
.nav-tabs > li { float: left; height: 55px; line-height: 53px; font-size: 17px; padding: 0; text-align: center; margin-left: -1px; margin-right: 0; border: 1px solid #ddd; color: #333; font-weight: 500; cursor: pointer; overflow: hidden; }
.nav-tabs > li a { display: block; color: inherit; padding: 0 !important; }
.nav-tabs > li.active, 
.nav-tabs > li.active:hover { background: rgb(255,159,0); background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%); color: #fff !important; border: 1px solid #FF9B00 !important; font-weight: 600; position: relative; z-index: 1; }
.nav-tabs > li:hover { background: #fff; border: 1px solid #ddd; color: #FF9B00; }
.nav-tabs > li:first-child { border-radius: 100px 0 0 100px; }
.nav-tabs > li:last-child { border-radius: 0 100px 100px 0; }
.nav-tabs-col2 > li { width: 50%; }
.nav-tabs-col3 > li { width: 33.333%; }
.nav-tabs-col8  > li { width: 12.5%; }
.nav-tabs.animate, .nav-tabs.animate * { transition:none !important; }

.card_title img { height: 15px; margin: 0 0 0 10px; display: none; }

.tab-content > .tab-pane { width: 100%; }
.tpl-tabs-cont { width:100%; float: left; padding: 35px 0; }
.tpl-tabs-cont h2 { font-size: 30px; color: #333;  margin-top: 0; margin-bottom: 25px; font-weight: 500; letter-spacing: -1px; }
.tpl-tabs-cont h2 span { color: #FF9B00; }
.tpl-tabs-cont h3 { font-size: 20px; color: #333; margin-top: 0; margin-bottom: 20px; font-weight: 500; }
.tpl-tabs-cont h3 span { color: #FF9B00; }
.tpl-tabs-cont p { color: #333; font-size: 16px; }

.business_area_title { padding: 0 10px 30px 10px; float: left; width: 100%; display: none; }
.business_area_title_left { width: 20%; float: left; padding: 0; }
.business_area_title_right { width: 80%; float: left; padding-left: 5px; }
.business_area_title_left img { height: 70px; margin-top: -10px; margin-bottom: 0; }
.business_area_title_left h2 { color: #333; margin-top: 0; font-size: 27px; line-height: 1; margin-bottom: 35px; }
.business_area_title_right .biz_people_img { border-radius: 100px; width: 110px; float: left; margin-right: 20px; }
.business_area_title_right .biz_people_desc { width: 500px; float: left; padding-top: 5px; }
.business_area_title_right h4 { line-height: 1.7; font-size: 14px; color: #333; font-weight: 500; margin-top: 0; margin-bottom: 5px; }
.business_area_title_right p { font-size: 13px; font-weight: 500; color: #999; }
.business_area_title_right p img { height: 15px; margin: 0px 7px -2px 7px; }

.toggle > dt {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.toggle > dt > a{
	display: block;
	position: relative;
	color: #777;
	text-decoration: none;
	padding: 14px 20px;
	border: 1px solid #e5e5e5;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a:hover{
	text-decoration: none;
	border-color: #ddd;
	background-color: #fcfcfc;    
	color: #444;
}
.toggle > dt > a.active{
	color: #000;
	border-color: #ddd;
	background-color: #fcfcfc;
}
.toggle > dt > a:after{
	content: "\f107";
	width: 15px;
	height: 15px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #999;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after{
	content: "\f106";
	color: #111;
}
.toggle > dt > a:hover:after{
	color: #444;
}
.toggle > dd{
	margin-bottom: 10px;
	padding: 10px 20px 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #777;
}

.toggle { float: left; padding-bottom: 30px; margin-top: 0; }
.toggle > dt { letter-spacing: 0 !important; }
.toggle_title { z-index: 9999; padding: 70px 60px 20px 40px; font-weight:500 !important; color: #FF9B00; /*border-bottom:1px solid #FF9B00; */float:left; width:100%; }
.toggle_title div { font-size: 20px; font-weight:500 !important; }
.toggle_col1 { float:left; font-size: 18px; font-weight: 500; }
.toggle_col2 { width:30%; float:left; text-align: right; font-size: 18px; font-weight: 500; }
.toggle_col3 { width:30%; float:left; text-align: right; font-size: 18px; font-weight: 500; }
.toggle_col4 { width:30%; float:left; text-align: right; font-size: 18px; font-weight: 500; }
.toggle_left, .toggle_right { float: none; }

.toggle > dt { width:100%; float:left; margin-bottom:-1px; }
.toggle > dt > a { width:100%; float:left; color:#333333;/* border-left:0; border-right:0; */ background: #fff !important; border:1px solid #FF9B00 !important; border-color: #ddd !important; padding: 15px 50px 15px 30px; }
.toggle > dt > a::after { font-size: 30px; right: 38px; color:#FF9B00 !important; }
.toggle > dt > a.active { border:1px solid #FF9B00 !important; background: #fff !important; color:#FF9B00 !important; }
.toggle > dt > a:hover { z-index: 1; /*border:1px solid #FF9B00 !important; background: #fff !important;*/ }
.toggle > dt > a:hover div { /*color:#FF9B00;*/ }
.toggle > dt > a.active:hover { border-bottom:1px solid #FF9B00 !important; }
.toggle > dt.first > a { border-radius: 20px 20px 0 0; }
.toggle > dt.last > a { border-radius: 0 0 20px 20px; }
.toggle > dt.last > a.active { border-radius: 0; }
.toggle > dd { float:left; width:100%; padding: 40px; margin: 0; font-size: 18px; border-bottom:0 !important; border-left:1px solid #FF9B00; border-right:1px solid #FF9B00; background: #fffbf6; color: #777; }
.toggle > dd:last-child { border-bottom: 1px solid #FF9B00 !important; border-radius: 0 0 5px 5px; }
.toggle > dd p { margin:0; }

.toggle table tr { border-top:1px solid #ddd; }
.toggle table tr:nth-child(2) { border-top:1px solid #FF9B00; }
.toggle table tr.thead { border: 0; color:#FF9B00 !important; font-weight:500; }
.toggle table tr td { float: left; padding: 15px 20px; font-size: 17px; line-height: 1.8; word-break: keep-all; color: #333; }
.toggle table tr td:nth-child(1) { width:20%; font-weight:500; color: #FF9B00; }
.toggle table tr td:nth-child(2) { width:35%; font-size: 15px; font-weight:500; }
.toggle table tr td:nth-child(3) { width:21%; text-align: right; font-weight:500; }
.toggle table tr td:nth-child(4) { width:12%; text-align: right; font-weight:500; }
.toggle table tr td:nth-child(5) { width:12%; text-align: right; font-weight:500; }
.toggle table tr.thead td { font-size: 17px; color:#FF9B00 !important; }
.toggle_label { display: none; }

.toggle_title { padding: 0px 50px 15px 30px; }
.toggle > dt > a::after { right: 30px; top: 30px; font-size: 25px; }
.toggle_left { float: left; width: 20%; }
.toggle_left .toggle_col1 { color: #FF9B00; }
.toggle_right { float: right; width: 80%; }
.toggle_col1 { line-height: 1.7; text-align: left; }
.toggle_col2,
.toggle_col3,
.toggle_col4 { line-height: 1.7; text-align: right; }
.toggle_col1 img { width: 55px; padding-left: 13px; margin-top: -2px; display: none; }
.toggle_title div { font-size: 17px; }
.toggle table tr { display: block; float: left; width: 100%; padding: 15px 0 10px 0; }
.toggle table tr td { padding: 0 10px 5px 10px !important; font-size: 14px; line-height: 22px; color:#777; font-size: 13px; line-height:18px; }
.toggle > dd { padding: 40px 20px; }
.toggle table { margin-bottom: 0; }
.toggle table tr td:nth-child(1) { font-size:15px; line-height: 23px; }
.toggle table tr td:nth-child(1) br { display: none; }
.toggle table tr td:nth-child(2) { font-size:14px; line-height: 22px; }
.toggle table tr td:nth-child(3),
.toggle table tr td:nth-child(4),
.toggle table tr td:nth-child(5) { padding-bottom: 0; font-size:15px; line-height: 1.5; font-weight: 500; }
.toggle table tr.thead { padding: 0 0 0 0; }
.toggle table tr.thead td { padding: 0 10px 10px 10px !important; font-size:14px; }
.toggle .btn_link3 { margin-right: 10px; }

.toggle_label { display: none; padding-right: 3px; color: #333333; }
.countnum { float: right; }

.thumbnail_list_title { margin-top: 0; margin-bottom: 35px; color: #333; font-size: 17px; font-weight: 500; text-align: left; }
.thumbnail_list_title span { color: #333; }
.thumbnail_list_item { width: 100%; float: left; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #ddd; }
.thumbnail_list_item:last-child { padding: 0; border: 0; }
.thumbnail_list_item h3 { float: left; }
.thumbnail_list_item p { clear: both; float: left; margin-bottom: 0; }
.btn_seemore { display: block; padding: 1px 10px 2px 10px; border: 1px solid #FF9B00; color: #FF9B00 !important; font-size: 12px; font-weight: 500; float: right; border-radius: 100px; text-decoration: none !important; letter-spacing: -1px; margin-top: 2px; }
.btn_seemore:hover { background: #FF9B00; color: #fff !important; }
.item_col { float: left; }
.item_col1 { width: 33.333%; }
.item_col2 { width: 23.333%; padding-left: 30px; }
.item_col3 { width: 43.333%; padding-left: 30px; }

.count_box { text-align: center; margin-bottom: 30px; }
.count_box h4 { margin-top: 0; margin-bottom: 5px; color: #333; font-weight: 500; font-size: 17px; }
.count_box .img_count_icon { width: 70px; margin-bottom: 5px; }
.count_box .count { line-height: 1; }
.count_box .count .amount_big .counter { font-size: 50px; }
.count_box .count .amount_medium .counter { font-size: 40px; }
.count_box .count .counter { color: #FF9B00; font-weight: 600; }
.count_box .count .counter-unit { font-size: 25px; margin-left: 7px; margin-top: -5px; color: #333;	 }
.span_small { font-size: 90%; font-size: 400 !important; }
.count_box .btn_link { float: none; width: 230px; margin: 0 auto; margin-top: 25px; }

.btn_group_center { text-align: center; padding-top: 20px; }
.btn_group_center .btn_link { display: inline-block; float: none; width: 230px; margin: 0 15px 15px 15px; }

.table_business { margin-bottom: 50px; }
.table_business tr { border-top:1px solid #ddd; }
.table_business tr:nth-child(2) { border-top:1px solid #FF9B00; }
.table_business tr.thead { border: 0; color:#FF9B00 !important; font-weight:500; }
.table_business tr td { padding: 15px 17px; font-size: 17px; line-height: 1.8; word-break: keep-all; color: #333; }
.table_business tr td:nth-child(1) { width:20%; font-weight:500; color: #FF9B00; }
.table_business tr td:nth-child(2) { width:35%; font-size: 15px; font-weight:500; }
.table_business tr td:nth-child(3) { width:15%; text-align: right; font-weight:500; }
.table_business tr td:nth-child(4) { width:15%; text-align: right; font-weight:500; }
.table_business tr td:nth-child(5) { width:15%; text-align: right; font-weight:500; }
.table_business tr.thead td { font-size: 17px; color:#FF9B00 !important; }
.table_business tr.tr_total { text-align: right; font-weight: 500; border-top:1px solid #FF9B00; color: #333; }
.table_business tr.tr_total td { color: #333; }
.table_business tr.tr_total td:nth-child(1) { text-align: left; color:#FF9B00; }
.table_business .toggle_label { display: none; }	
#business .text_small { padding: 10px 10px 0 10px; text-align: right; }

.campaign_row { padding-top: 30px; }
.campaign_left { float: left; width: 45%; padding-right: 20px; }
.campaign_right { float: left; width: 55%; }
.campaign_right .col.left { padding-right: 35px; padding-bottom: 10px; }
.campaign_right .col.right { padding-left: 35px; padding-top: 30px; border-left: 1px solid #FF9B00; }
.campaign_right .item { position: relative; float: left; width: 100%; margin-bottom: 20px; }
.campaign_right .item .thumbnail { float: left; width: 100%; border-radius: 20px; margin-bottom: 10px; }
.campaign_right .item .seed { position: absolute; width: 20px; }
.campaign_right .item .seed.left { top: 50px; right: -35px; }
.campaign_right .item .seed.right { top: 70px; left: -35px; }
.campaign_right .item h4 { float: left; width: 100%; margin-top: 0; margin-bottom: 5px; color: #FF9B00; letter-spacing: -1px; }
.campaign_right .item p { float: left; width: 100%; line-height: 1.5; letter-spacing: -1px; font-weight: 400; }
.campaign_title span { color:#FF9B00; }
.campaign_img { float: left; width: 100%; margin-bottom: 30px; border-radius: 20px; }
.campaign_desc { float: left; margin-bottom: 35px; font-size: 16px !important; letter-spacing: -1px; }
.campaign_desc_add { float: left; width: 100%; margin-bottom: 30px; font-size: 13px !important; color: #777 !important; }
.campaign_history { width: 100%; margin-top: -5px; image-rendering: auto; }
.campaign_history_mobile { width: 100%; margin-top: 30px; display: none; }

.table_finance { width: 100%; border-collapse: inherit; margin-bottom: 50px; border-spacing: 0; }
.table_finance.last { margin-bottom: 20px; }
.table_finance thead td { color: #FF9B00 !important; font-family: 'nanum-square-r','Noto Sans KR',sans-serif !important; font-weight: 500; font-size: 17px !important; border-top: 0 !important; background: #fff !important; padding: 0 17px 10px 17px; }
<td>-</td> { font-size: inherit !important; }
.table_finance td { padding: 10px 17px; border-top: 1px solid #ddd !important; font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic',sans-serif; color: #777; font-size: 15px; text-align: left; font-weight: normal; }
.table_finance td.td_title { width: 120px; background: #f9f9f9; color: #FF9B00; font-weight: 500; font-size: 17px; }
.table_finance td.td_title2 { width: 220px; background: #f9f9f9; color: #333; font-weight: 500; font-size: 15px; }
.table_finance td.td_amount { width: 220px; text-align: right; background: #f9f9f9; color: #333; font-weight: 500; font-size: 15px; }
.table_finance td.td_total { text-align: right; font-size: 20px; font-weight: 500; border-bottom: 0 !important; border-top: 1px solid #FF9B00 !important; border-bottom: 0 solid #FF9B00 !important; background: #faf5f0 !important; color: #333; padding-bottom: 10px; padding-top: 5px; }
.table_finance td.td_total span { color: #FF9B00; margin-right: 0; }
.table_finance .tr_first td { border-top: 1px solid #FF9B00 !important; }
.table_finance .tr_lower td { border-top: 1px dashed #ddd !important; font-size: 14px; font-weight: 400; }
.finance_desc { text-align: right; font-size: 15px; }
.financial-report .add_text { font-size: 15px; }

.transparency_title h2 { margin-top: 0; margin-bottom: 15px; font-size: 25px; color: #FF9B00; }
.transparency_title h4 { font-size: 17px; line-height: 1.7; margin-top: 0; margin-bottom: 40px; color: #333; }
.transparency_content { margin-bottom: 30px; }
.transparency_content h3 { margin-bottom: 15px; color:#FF9B00; }
.transparency_content p { margin-bottom: 20px; font-size: 15px; }

.finance_btn_box { width: 660px; padding-top: 30px; margin: 0 auto; text-align: right; }
.finance_btn_box a { float: none; display: inline-block; margin-left: 15px; margin-right: 0; }

.greeting { padding: 30px 0 0 0; }
.greeting .left { width: 25%; padding-top: 10px; }
.greeting .left img { width: 100%; }
.greeting .left h4 { margin-top: 0; color:#FF9B00; }
.greeting .left h4 img { max-width: 100px; margin-bottom: -15px; margin-left: 5px; }
.greeting .right { width: 75%; padding-left: 50px; }
.greeting .right h2 { margin-bottom: 50px; color:#FF9B00; }

.mission { position: relative; float: left; margin-top: 50px; }
.mission_row { position: relative; }
.mission .line { position: absolute; left: 93px; width: 1px; height: 100%; background: #ff9B00; }
.mission .col.right { padding-top: 4px; margin-bottom: 50px;}
.mission .col.right p { font-weight: 400; }
.mission .col.right p span { color:#FF9B00; font-weight: 500; }
.mission_left { position: relative; padding-right: 40px; }
.mission h2 { letter-spacing: -1px; }
.mission_left .seed { width: 27px; position: absolute; top: 10px; }
.mission_left .seed.left { right: 0px; }
.mission_left .seed.right { right: -28px; }
.mission_right { min-height: 250px; padding-left: 40px; }
.mission .btn_group { float: left; width: 100%; padding-top: 40px; text-align: left; }
.mission .btn_group .btn_link { width: 160px; text-align: center; }

/*pie chart*/
.pie_box { width:100%; float:left; padding:25px 15px 0px 15px; }
.pie_box svg { width: 250px; height: 250px; overflow: visible; }
.pie_box .amount_big { font-size:45px; padding: 0; font-weight: 600; color:#FF9B00; }
.pie_box .amount_big .counter-unit { font-size: 25px; margin-left: 7px; margin-right: -2px; font-weight: 400; color: #333; }
.pie_box .count_box { float: left; margin-bottom: 30px; margin-top: 0; text-align: right; }
.pie_box #counter { float: right; padding-top: 0; }
.pie_half { height: auto; padding: 0; margin-bottom: 50px; overflow: hidden; }
.pie_half_left { width: 250px; float:left; margin-left: 20px; position: relative; }
.pie_half_right { width: 360px; float:left; margin-top: 20px; margin-left: 30px; }
.pie_title { width: 250px; text-align:center; font-size:27px; font-weight:500; color:#FF9B00; float:left; position:absolute; top:105px; left: 0px; }
.pie_details { margin:0 auto; }
.pie_details_left { width:auto; float:left; text-align:left; font-size:19px;  }
.pie_details_right { width:auto; float:right; text-align:right; font-size:19px; }
.pie_details_right p { font-weight: 500; }
.pie_details p { margin-bottom:0; font-size: 17px; font-weight: 500; line-height: 2; }
.pie_color { width:17px; margin:-2px 10px 0 2px; }
.pie_link { padding:50px 15px 30px 15px; float:left; width:100%;  }
.pie_link a img { width:125px; margin:0 0 0 10px; }
.pie_link_left { float:left; width:680px; word-break: keep-all; font-size:18px; color:#333333; padding-top:35px; }
.pie_link_right { float:right; }
.pie_box_center { width: 660px; margin: 0 auto; }

/*pie chart*/
.chart-section { position: relative; height: 250px; display: block; text-align: center; }
.chart-section .ct-series .ct-slice-donut { fill: none; }

.chart { width: 250px; height: 250px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.chart .ct-series-a .ct-slice-donut { stroke: #ffaa00; }
.chart .ct-series-b .ct-slice-donut { stroke: #9b898c; }
.chart .ct-series-c .ct-slice-donut { stroke: #cebcc2; }

.chart2 { width: 250px; height: 250px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.chart2 .ct-series-a .ct-slice-donut { stroke: #ffaa00; }
.chart2 .ct-series-b .ct-slice-donut { stroke: #9b898c; }
.chart2 .ct-series-c .ct-slice-donut { stroke: #cebcc2; }

.ct-slice-donut { stroke-width: 12px !important; }

.ie_visible { display: none; }
.ie_visible svg { display: block; width: 200px; height: 200px; margin: 20px 10px 10px 10px; transform: rotate(-90deg); }
.ie_visible .pie_title { top: 100px; }

circle { stroke-width: 8; //stroke-linecap: round; fill: none; // stroke-dasharray: 0 409; // opacity: 0; }
circle.bg { width:600px; }

.c1 { animation: c1 2s ease-in-out; }
.c2 { animation: c2 1s ease-in-out; }
.c3 { animation: c3 2s ease-in-out; }
.c4 { animation: c4 2s ease-in-out; }
.c5 { animation: c5 1s ease-in-out; }
.c6 { animation: c6 2s ease-in-out; }

@keyframes c1 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 352 410;
		opacity: 1;
	}
}
@keyframes c2 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 13 410;
	}
}
@keyframes c3 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 45 410;
	}
}
@keyframes c4 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 275 410;
		opacity: 1;
	}
}
@keyframes c5 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 78 410;
	}
}
@keyframes c6 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 57 410;
	}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body { letter-spacing: -1px !important; }
	.ie_invisible { display: none; }
	.ie_visible { display: block; }
}

@media only screen and (min-width:1800px) {


}

@media only screen and (max-width:1440px) {

.title_box, .area_bg { min-height: 300px; }
.title_box { padding: 25px; }
.title_box h1 { padding-bottom: 20px; margin-bottom: 20px; font-size: 25px; }
.title_box h1 img { height: 25px; }
.title_box p.small-desc br { display: block; }

.count_box .count .amount_big .counter { font-size: 40px; }
.count_box .count .counter-unit { font-size: 20px; }

.tpl-tabs-cont p { font-size: 15px; }

.swiper_story .swiper-slide { padding: 20px; }
.swiper_story .swiper-slide h6 br { display: none; }

.card_title { font-size: 18px; }

.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4 { font-size: 17px; }
.toggle_title div { font-size: 16px; }

.toggle table tr td:nth-child(1) { font-size: 14px; }
.toggle table tr td:nth-child(2) { font-size: 13px; }
.toggle table tr td:nth-child(3), 
.toggle table tr td:nth-child(4), 
.toggle table tr td:nth-child(5) { font-size: 14px; }
.toggle table tr.thead td { font-size: 13px !important; }

#charity .desc { font-size: 15px; }

.finance_btn_box { width: 515px; }
.finance_btn_box a { margin-left: 10px; }

.mission .line { left: 88px; }
.mission_left .seed.left { right: -1px; }

.chart,
.chart2 { width: 220px; height: 220px; }
.pie_title { width: 220px; top: 90px; font-size: 25px; }
.pie_box .count_box { margin-bottom: 20px; }
.pie_box .amount_big { font-size: 40px; }
.pie_half_left { width: 220px; }
.pie_half_right { width: 325px; margin-left: 20px; margin-top: 35px; }
.pie_details p { font-size: 15px; }

.tpl-tabs-cont h2 { font-size: 27px; }

.home_banner { min-height: 42.5vw; }
.home_banner h1 { font-size: 3.5vw; }
.home_banner .deco { width: 5.5vw; }
.home_banner .deco1 { top: 19vw; left: 1vw; }
.home_banner .deco2 { top: 8vw; left: -6vw; }
.home_banner .deco3 { top: -3vw; left: 2vw; }
.home_banner .deco4 { top: 2.5vw; left: -9vw; }
.home_banner .bg_line { margin-top: -2vw; }
}

@media only screen and (max-width:1350px) {

.nav-logo-wrap .logo { line-height: 80px; }

.page-section { padding: 80px 0; }

.nav-icon { top: 8px; right: 25px; }
.main-nav { height: 80px; }
.main-nav #overlay { width: 230px; }
.main-nav.home { padding: 0 25px; }

.bullet-nav { right: 32px; }
.bullet-nav a { margin: 5px 0; }
.bullet-nav .bullet { width: 16px; height: 19px; }
#overlay.menu .bullet-title { font-size: 15px; }

.btn_audio_box { top: 18px; right: 85px; }
.btn_audio_box .button { width: 45px; height: 45px; }
.btn_audio_box .title { padding: 7px 10px; }

.tpl-tabs-cont h2 { font-size: 25px; }

.title_box h1 { font-size: 23px; }
.title_box p br { display: none; }
.title_box, .area_bg { min-height: 275px; }

.mission .line { left: 84px; }
.mission_left .seed { top: 7px; }

.swiper_story .swiper-slide { min-height: 320px; }

.footer { padding: 22px 0 !important; }
.footer .container { padding: 0 25px !important; }


.home_banner .banner .thumbnail h4 { font-size: 1.3vw; }

}

@media only screen and (max-width:1250px) {

.container { padding: 0 80px; }

.home_banner .banner h3 { font-size: 17px; }

.tpl-tabs-cont p { font-size: 14px; }

.title_box, .area_bg { min-height: 280px; }

.title_box { padding: 25px; }
.title_box h1 { font-size: 20px; padding-bottom: 17px; margin-bottom: 17px; }
.title_box h1 img { height: 18px; margin-right: 7px; }
.title_box p { margin-bottom: 15px; font-size: 14px; }
.title_box h1.narrow { letter-spacing: -1px; }

.btn_group_center .btn_link { margin-bottom: 25px; }

.area_bottom { padding: 50px 0; }

.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4 { font-size: 16px; }
.toggle_title div { font-size: 15px; }

.toggle > dt > a { padding: 12px 50px 12px 30px;  }
.toggle > dt > a::after { top: 26px; }
.toggle table tr td { line-height: 1.5 !important; }
.toggle table tr td:nth-child(1) { font-size: 13px; }
.toggle table tr td:nth-child(2) { font-size: 12px; }
.toggle table tr td:nth-child(3), 
.toggle table tr td:nth-child(4), 
.toggle table tr td:nth-child(5) { font-size: 13px; }
.toggle table tr.thead td { font-size: 12px !important; }

.toggle > dd { padding: 25px 20px; }

.btn_link { font-size: 14px; }
.count_box .btn_link { width: 195px; }

#charity .desc { letter-spacing: -1px; }

.nav-tabs > li { font-size: 16px; }
.back { padding: 0 20px; }
.back p { font-size: 14px !important; }
.card_title { font-size: 16px; }

#finance .area_bg { min-height: 450px; }
.chart,
.chart2 { width: 200px; height: 200px; }
.pie_title { width: 200px; top: 80px; font-size: 22px; }
.pie_box_center { width: 500px; }
.pie_box .count_box { margin-bottom: 17px; }
.pie_box .amount_big { font-size: 35px; }
.pie_half { margin-bottom: 0; }
.pie_half_left { width: 190px; margin-left: 0; }
.pie_half_right { width: 290px; margin-left: 20px; margin-top: 45px; }
.pie_details p { font-size: 14px; }
.finance_btn_box { width: 500px; }

.campaign_desc { font-size: 14px !important; }
.campaign_left { width: 35%; }
.campaign_right { width: 65%; }
.campaign_right .item h4 { font-size: 15px; }

.service_menu_box { margin-left: -10px; margin-right: -10px; }
.service_menu li { padding: 0 10px; margin: 30px 0; }
.service_menu .btn_link { font-size: 13px; height: 38px; line-height: 35px; }

.thumbnail_list_title { font-size: 16px; }

.swiper_story .swiper-slide p { font-size: 13px; }

.snslist a { width: 35px; height: 35px; }
.snslist .sns_title { width: 30px; }
.snslist li { padding: 15px 10px; }

.greeting .right p { font-size: 14px; }

}

@media only screen and (max-width:1150px) {

.tpl-tabs-cont h2 { font-size: 23px; }
.mission .col.left { width: 60%; }
.mission .col.right { width: 40%; padding-top: 0; }
.mission .line { left: 81px; }

}

@media only screen and (max-width:1050px) {

.thumbnail_list_title.include_slider { margin-bottom: 90px; }

}

@media only screen and (max-width:1024px) {

.home_banner .banner h3 { font-size: 17px; }

.nav-tabs > li { height: 50px; line-height: 48px; }

.service_menu li { width: 40%; padding: 0 20px; display: inline-block !important; float: none; }
.service_menu .btn_link { font-size: 15px; }

.area_left.only_pc { display: none; }
.area_top.only_mobile { display: block; }

.btn_link { padding: 4px 13px 6px 14px; }
.btn_group_center .btn_link { width: 210px; }

.area_top .container { padding: 0; }

.area_left,
.area_right { width: 100%; padding: 0; }

.campaign_history { width: 100%; }
.campaign_img { float: left; width: 50%; }
.campaign_desc_add { margin-bottom: 15px; font-size: 10px !important; }

.swiper_story .swiper-slide { padding: 15px; min-height: 310px; }
.swiper_story .swiper-slide h6 { font-size: 14px; }
.swiper_story .swiper-slide p { font-size: 11px; }

.area_bg { width: 70%; }
.title_box { padding: 25px; }
.title_box, .area_bg { min-height: 290px !important; }
.title_box { width: 30%; }
.title_box h1 { padding-bottom: 17px; margin-bottom: 17px; font-size: 20px; }
.title_box h1 img { height: 22px; margin-bottom: -2px; }
.title_box p { font-size: 14px; }
.title_box p.small-desc { font-size: 13px; }

#charity .desc { width: 100%; text-align: center; font-size: 15px; }
#charity .desc .btn_link { float: none; display: inline-block !important; margin: 0; }
#charity .count_box { width: 50%; margin-bottom: 50px !important; }

#business .area_bg { background-image: url(../images/img_section_business_m.jpg); background-position: 50% 50%; }
#charity .area_bg { background-image: url(../images/img_section_charity_m.jpg); background-position: 50% 0%; }
#finance .area_bg { background-image: url(../images/img_section_finance_m.jpg); background-position: 50% 50%; }
#tomorrow .area_bg { background-image: url(../images/img_section_tomorrow_m.gif); background-position: 50% 50%; }

.card_title {  bottom: -60px; }
.back { padding: 0 20px; }
.back p { font-size: 12px !important; }

.count_box .count .amount_big .counter,
.count_box .count .amount_medium .counter { font-size: 35px; }

#service { padding: 150px 0 150px 0; }
.service_menu li { width: 35%; }

.footer .container { padding: 0 25px; }
.footer { font-size: 12px; }
.footer a { float: none; }
.footer-logo { width: 100%; text-align: center; margin-bottom: 5px; }
.footer-text { width: 100%; text-align: center; }

.mission .line { left: 81px; }
.mission_left .seed { top: 5px; width: 25px; }
.mission_left .seed.right { right: -26px; }

.greeting .left img { margin-bottom: 10px; }
.greeting .left h4 img { margin-top: 5px; margin-left: 0;  max-width: 90px; }
.greeting .right p br { display: none; }

}

/*ipad pro 12.9inch*/
@media all and (max-width: 1024px) and (min-height: 1024px) { 


	
#service { padding: 150px 0 500px 0; }
	
}

@media only screen and (max-width:1023px) {

.main-nav { height: 70px; }
.nav-logo-wrap .logo { font-size: 18px; line-height: 70px; letter-spacing: -1px; }
.nav-logo-wrap .logo img { max-height: 35px; margin-right: 7px; }
.btn_audio_box .button { width: 36px; height: 36px; }
.btn_audio_box .title { padding: 2px 10px; }
.nav-icon { top: 3px; }

.campaign_desc br { display: none; }

}

@media only screen and (max-width:900px) {

.tpl-tabs-cont h2 { font-size: 19px; }

.mission .line { left: 73px; }
.mission_left .seed.left { right: 0; }

.home_banner h1 { margin-top: 35px; }

.transparency_title h4 br { display: none; }

}

@media only screen and (max-width:850px) {

.home_banner .banner h3 { font-size: 16px; }

.tpl-tabs-cont h2 { font-size: 17px; }
.tpl-tabs-cont p { font-size: 13px; }

.btn_link { margin-right: 10px; font-size: 12px; }

.area_bg { width: 66%; }
.title_box, .area_bg { min-height: 265px !important; }
.title_box { width: 34%; }
.title_box h1 { font-size: 22px; }
.title_box p { font-size: 13px; }
.title_box p.small-desc { font-size: 12px; }

.back { padding: 0 15px; }
.back p { font-size: 13px !important; line-height: 1.6; }
.back p.font_small { font-size: 11px !important; }
.back p br { display: none; }

.campaign_left { width: 37%; }
.campaign_right { width: 63%; }
.campaign_desc { font-size: 13px !important; }
.campaign_desc br { display: none; }
.campaign_right .item h4 { font-size: 14px; }

.mission_left .seed { width: 20px; }
.mission_left { padding-right: 30px; }
.mission_right { padding-left: 30px; }
.mission .line { left: 59px; }
.mission_left .seed.right { right: -20px; }
.mission .col.right p { margin-bottom: 10px; }
.mission .col.left { width: 55%; }
.mission .col.right { width: 45%; }
.mission .btn_group .btn_link { width: 150px; }

.greeting .right p { font-size: 13px; }
.greeting .right p br { display: none; }

.swiper_story .swiper-slide h5 { font-size: 17px; }
.swiper_story .swiper-slide h5 img.seed { width: 15px; margin-bottom: -1px; }
.swiper_story .swiper-slide ul { font-size: 13px;}

}

@media only screen and (max-width:768px) {

.tpl-tabs-cont h2 { font-size: 16px; }

.mission .line { left: 58px; }
.mission_left .seed { width: 18px; }
.mission_left .seed.left { right: -1px; }
.mission_left .seed.right { right: -19px; }

.back p { font-size: 12px !important; }
.back p.font_small { font-size: 10px !important;font-size: 10px !important; }
}

@media only screen and (max-width:767px) {

#home { width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); }
.home_mobile_content { width: 100%; }
.home_mobile_video { position: relative; margin-bottom: 0; }
.home_mobile_video .video_area { width: 100%; padding-top: 80%; background-image: url(../images/img_banner_business.gif); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 0; }
.home_mobile_video .video_caption { position: absolute; right: 15px; bottom: 14px; text-align: right; font-size: 10px; color: #fff; }
.home_mobile_title { position: relative; padding: 0 15px; margin-top: -37px; }
.home_mobile_title h2 { margin: 0 0 10px 0; font-size: 30px; line-height: 1.4; }
.home_mobile_title h2 span { color: #FF9B00; font-size: 48px; }
.home_mobile_title p { margin: 0; line-height: 1.5; padding-left: 3px; }
.home_mobile_title p span { color: #FF9B00; }
.home_mobile_title p.home_copyright { margin-top: 10px; font-size: 12px; display: none; }
.bullet-nav { right: 18px; }
.bullet-nav ul li { line-height: 30px; }
.main-nav #overlay { width: 200px; }

.scroll_down{position:absolute; bottom:20px; right:-85px; z-index:999; opacity: 1; font-weight: 500;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: 0 top;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.scroll_down .txt{ position:relative; font-size:12px; letter-spacing:1px; font-weight: 500; }
.scroll_down .txt:after{
position:absolute; top:-7px; right:0; content:''; width:165px; height:1.5px; background-color:#FF9B00; display:inline-block; opacity:1; border-radius: 100px; 
-webkit-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */
-moz-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */
-ms-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite; /* IE 9- */
-o-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite; /* Opera 12+ */
animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */
}

/* scroll_down animation start */
@-webkit-keyframes elasticus {
	0% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
	50% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
}
@-moz-keyframes elasticus {
	0% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
	50% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
}
@-o-keyframes elasticus {
	0% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
	50% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
}
@keyframes elasticus {
	0% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
	50% {
		-webkit-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
	}
}
/* scroll_down animation start */


.nav-logo-wrap .logo { line-height: 50px; font-size: 15px !important; letter-spacing: -1px !important; }
.nav-logo-wrap .logo img { max-height: 27px; margin: 0 4px -8px -3px; }
.nav-logo-wrap .logo span { display: none; }

.dot-nav { display: none; }

.col-12 { padding: 0; }
.br_mobile { display: block !important; }

.only_pc { display: none; }
.only_mobile { display: block; }

.btn_group { text-align: center; padding-top: 50px; }
.btn_group a { display: inline-block; float: none; width: 200px; margin: 0 0 20px 0 !important; }

.title_box { width: 100%; min-height: auto !important; padding: 17px 20px; border-radius: 20px 20px 0 0; }
.title_box h1 { padding-bottom: 15px; margin-bottom: 15px; }
.title_box p { margin-bottom: 12px; font-size: 13px; }
.title_box p.small-desc { margin-bottom: 3px; }
.area_bg { width: 100%; min-height: 170px !important; border-radius: 0 0 20px 20px; }

.chart-section { height: 220px; }
.pie_box_center { width: 270px; }
.pie_box .amount_big { font-size: 32px; }
.pie_half_left,
.pie_half_right { width: 100%; margin: 0; }

.finance_btn_box { width: 100%; text-align: center; }
.finance_btn_box a { margin: 0 5px 20px 5px !important; display: inline-block; }
.finance_btn_box a:nth-child(1),
.finance_btn_box a:nth-child(2) { width: 130px; }

#tomorrow { padding-bottom: 100px; }
#tomorrow .page-section-tab { margin-top: 0; }
#tomorrow .nav-tabs { position: relative; z-index: 1; }
#tomorrow .area_top { padding-bottom: 70px; }

#charity .area_bottom { padding: 70px 0 70px 0; }
#charity .count_box { width: 100%; }

.tab_container { padding-top: 70px !important; }
.tab_anchor { float: left; width: 100%; }

.stickytab { position: absolute !important; width: 100%; left: 1px; padding: 0 14px 0 14px; }
.stickytab.fixed { z-index: 999; position: fixed !important; top: 70px;  }

.tab-content > .tab-pane { padding-top: 120px; margin-top: -80px; }
.tpl-tabs-cont h2 { margin-bottom: 20px; font-size: 17px; }

#finance { z-index: 9; }
#finance .page-section-tab { padding: 50px 0; }

.campaign_row { padding-top: 0; }
.campaign_history { display: none; }
.campaign_history_mobile { display: block; }

.campaign_img { width: 100%; }
.campaign_desc_box { width: 100%; padding: 0; }
.campaign_desc_add { margin-bottom: 30px; }

.campaign_left { width: 100%; padding: 0 10px; margin-bottom: 30px; }
.campaign_right { width: 100%; padding: 0 10px; }
.campaign_right .col.left { padding-right: 25px; }
.campaign_right .col.right { padding-left: 25px; }
.campaign_right .item .seed { width: 17px; }
.campaign_right .item .seed.left { right: -25px; }
.campaign_right .item .seed.right { left: -25px; }
.campaign_right .item .thumbnail { border-radius: 12px; }

.area_bottom { padding: 70px 0 30px 0; font-size: 15px; }
.tpl-tabs-cont { padding: 30px 0 0 0; }
.tab_content_campaign h2 { font-size: 20px; }

.swiper-buttons { top: -60px; }
.swiper_story .swiper-slide { min-height: 270px; padding: 12px 15px; border-radius: 15px; }
.swiper_story .swiper-slide h5 { margin-bottom: 10px; }
.swiper_story .swiper-slide h6 { margin-bottom: 10px; font-size: 12px; letter-spacing: 0; }
.swiper_story .swiper-slide ul { font-size: 12px; }
.swiper_story .swiper-slide ul li { margin-bottom: 5px; }

body { font-size: 14px; }
.container { padding: 0 15px; }
.main-nav .container { padding: 0 12px !important; }
.row { margin: 0 !important; }

.page-section { padding: 55px 0; }
.home-section { max-height: 100vh !important; border-bottom: 1px solid #ddd; }
.page-section.independent { padding: 80px 0 10px 0; }

#burger { width: 25px; height: 55px; }
#burger div:nth-child(1) { transform: translateY(-7px); }
#burger div:nth-child(3) { transform: translateY(7px); }
.nav-icon { padding: 0; top: 0; right: 15px; }

.btn_audio_box { width: 90px; top: 15px; right: 45px; }
.btn_audio_box .button { width: 27px; height: 27px; box-shadow: none; border: 1px solid #FF9B00; }
.btn_audio_box .title { width: 55px; padding: 0 6px 0 0; font-size: 10px; font-weight: 600; }

.main-nav.home { padding: 0 15px; background: rgba(255,255,255,1); }
.inner-nav { width: 100%; left: 0; position: fixed; bottom: 0; z-index: 999; }
.inner-nav ul { width: 100%; font-size: 14px; }
.inner-nav ul li { margin: 0 !important; width: 25%; }
.inner-nav ul li a.menu { font-size: 14px !important; }
.small-height .inner-nav ul li a, .inner-nav ul li a { height: 50px !important; line-height: 55px !important; width: 100%; background: #FF9B00 !important; color: #fff !important; }
.inner-nav ul li a:hover, .inner-nav ul li a.active { background: #514a4b !important; color: #fff !important; }

.main-nav, .inner-nav ul li a.menu, .small-height .inner-nav ul li a.menu { height: 55px !important; line-height: 55px !important; }

a.btn_link { margin-bottom: 15px; font-size: 13px; }
a.btn_link:last-child { margin-bottom: 0; }

a.link-to-top { display: block !important; width: 35px; height: 35px; top: 15px; right: 10px; }

.area_top { padding: 15px; background: #fff !important; }
.area_top h1 { font-size: 20px; } 
.area_top h1 img { height: 20px; }
.area_top .subtitle { margin-bottom: 30px; padding-top: 0; }
.area_top .btn_finanance_mobile { margin-bottom: 50px; }

.tpl-tabs > li { float: left; height: 44px; line-height: 41px; background: #fff; font-size: 13px; letter-spacing: -1px; font-size: 13px; }
.tpl-tabs > li.font_small { font-size: 12px; }
.tpl-tabs > li.active a { background: rgb(255,159,0) !important; background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%) !important; color: #fff !important; }
.tpl-tabs-cont p { font-size: 12px; line-height: 1.5; }

.thumbnail_list_title { text-align: center; font-size: 14px; padding: 0 10px; margin-bottom: 30px; }
.thumbnail_list_title.include_slider { margin-bottom: 80px; }
.thumbnail_list_item .item_col1 { width: 100%; margin-bottom: 17px; }
.thumbnail_list_item .item_col2 { width: 100%; padding: 0; margin-bottom: 10px; }
.thumbnail_list_item .item_col3 { width: 100%; padding: 0; }
.thumbnail_list_item { padding-bottom: 15px; margin-bottom: 20px; }
.thumbnail_list_item h3 { margin-bottom: 7px !important; }
.thumbnail_list_item .item_col2 h3 { margin-bottom: 10px !important; }
.thumbnail_list_item .item_col3 h3 { font-size: 13px; line-height: 1.7; }
.btn_seemore { font-size: 10px; padding: 1px 8px 2px 8px; }

.card { width: 100% !important; padding-top: 52% !important; margin-bottom: 55px; }
.card_title { padding: 10px 0 20px 0; bottom: -55px !important; font-size: 15px !important; }
.card_title img { display: inline-block; height: 12px; }
.card:nth-child(1), 
.card:nth-child(2),
.card:nth-child(3), 
.card:nth-child(4) { margin-left: 15px !important; margin-right: 15px !important; }
.back { padding: 0 20px; }
.back p.font_small { font-size: 12px !important; }

.pie_box { width: 100%; padding: 0 !important; }
.pie_half { width: 100%; }
.pie_half:first-child { margin-bottom: 50px; }

.table_finance { padding: 0 !important; margin-bottom: 20px; }
.table_finance td { font-size: 9px !important; padding: 5px 8px !important; }
.table_finance td.td_title { font-size: 12px !important; padding: 5px 8px !important; width: 50px; }
.table_finance td.td_title2 { font-size: 10px !important; padding: 5px 8px !important; width: 90px; }
.table_finance td.td_amount { width: 100px; font-size: 10px !important; }
.table_finance td.td_total { font-size: 13px !important; text-align: right; padding: 7px 8px 10px 8px !important; width: 100px; }
.table_finance .tr_lower td { font-size: 10px !important; }
.table_finance thead td,
.table_finance thead td.td_amount  { padding: 0 8px 5px 8px !important; font-size: 12px !important; }
.table_business .toggle_label { display: inline-block; }
.finance_desc.lined { margin-bottom: 35px; padding-bottom: 35px; }
.count_box_col { width: 100% !important; margin-bottom: 15px; }
.amount_title_small { font-size: 15px; }
.count_box_col .amount_small { font-size: 25px;  letter-spacing: 0; }
.financial-report .add_text { font-size: 10px; }

.toggle { padding-bottom: 0; margin-bottom: 0; float: left; }
.toggle > dt { letter-spacing: 0 !important; }
.toggle_title { z-index: 9999; padding: 70px 60px 20px 40px; font-weight:500 !important; color: #FF9B00; /*border-bottom:1px solid #FF9B00; */float:left; width:100%; }
.toggle_title div { font-size: 20px; font-weight:500 !important; }
.toggle_col1 { width:20%; float:left; font-size: 15px !important; font-weight: 600; padding-left: 10px; }
.toggle_col2 { width:24%; float:left; text-align: right; font-size: 20px; font-weight: 600; }
.toggle_col3 { width:25%; float:left; text-align: right; font-size: 18px; font-weight: 500; }
.toggle_col4 { width:25%; float:left; text-align: right; font-size: 18px; font-weight: 500; }
.toggle_left, .toggle_right { float: none; }

.toggle > dt { width:100%; float:left; margin-bottom:-1px; }
.toggle > dt > a { width:100%; float:left; color:#333333;/* border-left:0; border-right:0; */ background: #fff !important; border:1px solid #FF9B00 !important; border-color: #ddd !important; padding: 20px 60px 20px 40px; }
.toggle > dt > a::after { font-size: 30px; right: 38px; color:#FF9B00 !important; }
.toggle > dt > a.active { border:1px solid #FF9B00 !important; background: #fff !important; color:#FF9B00 !important; }
.toggle > dt > a:hover { z-index: 999; /*border:1px solid #FF9B00 !important; background: #fff !important;*/ }
.toggle > dt > a:hover div { /*color:#FF9B00;*/ }
.toggle > dt > a.active:hover { border-bottom:1px solid #FF9B00 !important; }
.toggle > dt.first > a { border-radius: 20px 20px 0 0; }
.toggle > dt.last > a { border-radius: 0 0 20px 20px; }
.toggle > dt.last > a.active { border-radius: 0; }
.toggle > dd { float:left; width:100%; padding: 40px; font-size: 18px; margin-bottom:0; border-bottom:0 !important; border-left:1px solid #FF9B00; border-right:1px solid #FF9B00; background: #fffbf6; color: #777; }
.toggle > dd:last-child { border-bottom: 1px solid #FF9B00 !important; border-radius: 0 0 5px 5px; }
.toggle > dd p { margin:0; }

.toggle table tr { border-top:1px solid #ddd; }
.toggle table tr:nth-child(2) { border-top:1px solid #FF9B00; }
.toggle table tr.thead { border: 0; color:#FF9B00 !important; font-weight:500; }
.toggle table tr td { padding: 15px 20px; font-size: 17px; line-height: 1.8; word-break: keep-all; color: #333; }
.toggle table tr td:nth-child(1) { width:20%; font-weight:500; color: #FF9B00; }
.toggle table tr td:nth-child(2) { width:35%; font-size: 15px; font-weight:500; }
.toggle table tr td:nth-child(3) { width:15%; text-align: right; font-weight:500; }
.toggle table tr td:nth-child(4) { width:15%; text-align: right; font-weight:500; }
.toggle table tr td:nth-child(5) { width:15%; text-align: right; font-weight:500; }
.toggle table tr.thead td { font-size: 17px; color:#FF9B00 !important; }
.toggle_label { display: none; }

.toggle > dt > a { padding: 10px 50px 12px 7px; }
.toggle_title { padding: 30px 20px 15px 25px; display: none; }
.toggle_title .toggle_right { display: none; }
.toggle_title .toggle_left { width:100%; }
.toggle > dt > a::after { right:17px; top: 21px; font-size: 20px; }
.toggle_left { float: left; width: 55px; }
.toggle_left .toggle_col1 { color: #FF9B00; }
.toggle_right { float: right; width:170px; margin-left: 5px;  }
.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4 { font-size: 13px; line-height: 1.7; width:100%; text-align: left; }
.toggle_col3,
.toggle_col4 { font-size: 12px !important; }
.toggle_col1 img { width: 55px; padding-left: 13px; margin-top: -2px; }
.toggle_title div { font-size: 17px; text-align: center; }
.toggle table tr { display: block; float: left; padding: 10px 0 10px 0; }
.toggle table tr td { display: block; width: 100% !important; float:left; padding: 0 0 5px 0 !important; font-size: 14px; line-height: 22px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.toggle > dd { padding: 20px 15px; }
.toggle table { margin-bottom: 0 !important; }
.toggle table tr td:nth-child(1) { font-size:13px; line-height: 23px; }
.toggle table tr td:nth-child(1) br { display: none; }
.toggle table tr td:nth-child(2) { font-size:12px; line-height: 22px; }
.toggle table tr td:nth-child(3),
.toggle table tr td:nth-child(4),
.toggle table tr td:nth-child(5) { padding-bottom: 1px !important; font-size:12px !important; line-height: 1.5; font-weight: 500; }
.toggle table tr.thead { padding: 0 0 0 0; }
.toggle table tr.thead td { padding: 0 0 10px 0 !important; font-size: 13px !important; }
.toggle table tr.thead td:nth-child(1) { color: #f4a100; font-size: 15px; }
.toggle table tr.thead td:nth-child(2),
.toggle table tr.thead td:nth-child(3),
.toggle table tr.thead td:nth-child(4),
.toggle table tr.thead td:nth-child(5) { display: none; }
.toggle table tr.tr_total { display: none; }

.toggle_label { display:inline; padding-right:3px; color: #333333; }
.countnum { float: right; }
.td_hidden { display: none !important; }

.transparency_title { padding: 0 !important; }
.transparency_title h2 { font-size: 17px; line-height: 1.5; }
.transparency_title h4 { font-size: 14px; margin-bottom: 20px; }
.transparency_content { width: 100% !important; padding: 0 !important; margin-bottom: 22px; border-top: 1px solid #ddd; padding-top: 17px !important; }
.transparency_content h3 { margin-top: 0; margin-bottom: 10px; }
.transparency_content p { margin-bottom: 12px; }

.business_area_title_left { width: 100%; display: none; }
.business_area_title_right { width: 100%; margin: 0; text-align: center; }
.business_area_title_right .biz_people_img { margin: 0 auto; float: none; width: 100px; }
.business_area_title_right .biz_people_desc { width: 100%; padding-top: 10px; }
.business_area_title_right h4 { margin-bottom: 7px; }
.business_area_title_right p img { margin-left: 0; height: 7px; }
.table_business tr td, .table_business tr.thead td { display: block; }

.count_box h4 { font-size: 15px; }
.count_box .count .amount_big .counter { font-size: 30px; }
.count_box .count .amount_medium .counter { font-size: 25px; }
.count_box .count .counter-unit { font-size: 20px; }

.mission { padding: 0 10px; margin-top: 15px; }
.mission .line { left: 50px; }
.mission_left .seed { width: 14px; top: 6px; }
.mission_left .seed.right { right: -15px; }
.mission_left { padding-right: 20px; }
.mission_right { padding-left: 20px; }
.mission_right { min-height: auto; }
.mission .col.left { width: 100%; }
.mission .col.right { width: 100%; padding-left: 70px; }

.greeting { padding: 0 10px; }
.greeting .left { width: 100%; padding: 0; text-align: center; padding: 20px 0; }
.greeting .left img { width: 50%; margin-bottom: 0; }
.greeting .left h4 img { margin-top: 0px; margin-bottom: -10px; margin-left: 5px; max-width: 70px; }
.greeting .right { width: 100%; padding: 0; }
.greeting .right h2 { margin-bottom: 20px; }
.greeting .right p { margin-bottom: 10px; font-size: 12px; }

#service { padding: 100px 0 80px 0; }

.service_menu { position: static; margin: 0 auto; padding: 0 0 50px 0; float: none; width: 100%; }
.service_menu .btn_link { height: 33px; line-height: 30px; font-size: 12px; }
.service_menu li { width: 140px; padding: 0; margin: 0 5px 15px 5px; }

.snslist { padding: 0; }
.snslist li { padding: 15px 5px; }
.snslist a { width: 30px; height: 30px; }
.snslist .sns_title { margin-right: 0; width: 25px; }

.footer { padding: 15px 0 17px 0 !important; font-size: 10px; }
.footer .container { padding: 0 15px !important; }
.footer-logo { margin-bottom: 5px; text-align: left; }
.footer-logo img { height: 22px; }
.footer-text { line-height: 1.7; text-align: left; }
.footer-text span { margin: 0 10px 0 0; color: #777 !important; }
.footer-text b { display: none; }
.footer_mobile_bg { float: left; width: 100%; height: 80px; background: repeating-linear-gradient(-45deg, #ede8ea, #ede8ea 20px, #fff 0, #fff 21px); display: none; }

.mobile_financialreport .tpl-tabs-cont p { font-size: 12px; }
.financial-report .add_desc { font-size: 10px; }

}

@media only screen and (max-width:350px) {

.nav-logo-wrap .logo { font-size: 14px !important; }
.nav-logo-wrap .logo img { max-height: 22px; }

.btn_audio_box { width: 30px; }
.btn_audio_box .title { display: none; }

.tpl-tabs > li { height: 40px; line-height: 38px; font-size: 12px; }
.tpl-tabs-cont h2 { font-size: 14px; }

.mission .col.right { padding-left: 64px; }
.mission .line { left: 45px; }

.service_menu li { width: 130px; }
.service_menu .btn_link { height: 30px; line-height: 27px; }

a.btn_link { font-size: 12px; }

.toggle_col1 { font-size: 13px !important; }
.toggle_left { width: 65px; }
.toggle_right { width: 160px; }

.back p { font-size: 12px !important; }
.back p.font_small { font-size: 10px !important; }

.swiper_story .swiper-slide { min-height: 300px; }

}