@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');


body.general .page_empty { display: none !important; }
body.general .page-section { border: 0 !important; }
body.general .main-nav { display: block !important; }
body.general .page { display: block !important; padding-top: 90px; }
body.general .footer { margin-bottom: 0; border-top: 1px solid #ddd !important; }
body.general .tab-content > .tab-pane { padding-top: 0; margin-top: 0; }


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

.only_pc { float: left; }
.only_mobile_767,
.only_mobile_1024 { float: left; display: none !important; }

.page-loader { background: /*rgba(255,164,0,1)*/#f5f2f3; }
.loader { width: 90px !important; height: 90px !important; background: url(../images/img_loading_yellow.png) !important; background-size: cover !important; animation: none; margin: -45px 0 0 -45px !important; border: 0;  /*border-color: #ffd6a1 !important; border-left-color: #ff9f00 !important; */}
a { letter-spacing: 0 !important; outline: none !important; text-decoration: none !important; transition: all 0.1s !important; }
.page-section { float: left; width: 100%; }
.home-section { max-height: 1024px !important; }
.container { max-width: 1250px; width: 100%; padding: 0 30px; }
.nomargin { margin-bottom: 0 !important; }

.logo { font-size: 22px !important; }
.logo, a.logo:hover,
.nav-logo-wrap .logo::before, .nav-logo-wrap .logo::after { text-decoration: none; color: #333; font-weight: 500; border: 0 !important; line-height: 90px; }
a.logo:hover { color: #ff9f00; }
.nav-logo-wrap .logo img { max-height: 40px; margin-right: 10px; margin-top: -7px; }
.mobile-nav { display: none !important; }
.inner-nav ul li { 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; }
.inner-nav ul li a.menu:hover, .inner-nav ul li a.menu.active { color: #ff9f00; }
.inner-nav ul li .img_btn_donate { width: 20px; margin: -10px 0 0 5px; }
.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 #ff9f00; 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: #ff9f00 !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 #ff9f00; 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: #ff9f00 !important; }
.inner-nav ul li.btn_donate { display: none; }
.inner-nav ul li.btn_20th { display: none; }
.inner-nav.mobile-top-right { display: none; }

.business .inner-nav ul li:nth-child(1) a.menu { color: #ff9f00; }
.charity .inner-nav ul li:nth-child(2) a.menu { color: #ff9f00; }
.finance .inner-nav ul li:nth-child(3) a.menu { color: #ff9f00; }
.greeting .inner-nav ul li:nth-child(4) a.menu { color: #ff9f00; }

.audiobox { width: 100%; height: 200px; 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: #ff9f00; }
.audiobox .audiobox_title img { width: 80px; margin-bottom: 7px; }
.audiobox .audiobox_title p { margin-top: 0; }

.full-wrapper { padding: 0 70px; }
.main-nav { height: 90px !important; box-shadow: none; border-bottom: 1px solid #ddd; }
.main-nav input { transition: all 0.1s !important; }
.nav-logo-wrap .logo { height: 90px; }
.small-height { height: 90px !important; border-bottom: 1px solid #ddd !important; }
.small-height .logo { height: 90px; border: 0 !important; }
.small-height .inner-nav ul li a.menu { height: 90px !important; line-height: 90px !important; }
.small-height .inner-nav ul li.btn_audio a { height: auto !important; line-height: 1 !important; }

.footer { padding: 20px 0; border-top: 1px solid #ddd; font-size: 13px; overflow: visible; }
.footer a { float: left; }
.footer-logo { float: left; }
.footer-logo img { height: 28px; }
.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; }

a.link-to-top { width: 60px; height: 60px; bottom: 120px; right: 40px; }


a.btn_20th img { height: 35px; margin-top: 0px; }
a.btn_link { display: block; float:left; text-decoration: none; margin-right: 30px; color: #ff9f00; font-weight: 500; letter-spacing: 0; }
a.btn_link:hover { color: #777; }
/*수정*/
a.btn_link { 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 #ff9f00; border-radius: 100px; color: #fff; font-size: 14px; font-weight: 500; padding: 3px 10px 4px 12px; }
a.btn_link:hover { background: #9a888b; border: 1px solid #9a888b; color: #fff; }
a.btn_link.btn_link_white { background: #fff; border: 1px solid #ff9f00; color: #ff9f00; }
a.btn_link.btn_link_white:hover { background: #9a888b; border:1px solid #9a888b; color: #fff; }
/*수정*/
a.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 #ff9f00; border-radius: 100px; color: #fff; font-size: 13px; font-weight: 500; padding: 2px 10px 3px 12px; }
a.btn_link2:hover { background: #fff; color: #ff9f00; }
a.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 #ff9f00; border-radius: 100px; color: #fff; font-size: 15px; font-weight: 500; padding: 2px 15px 4px 20px; }
a.btn_link3:hover { background: #fff; color: #ff9f00; }

.sidemenu_fix { position: absolute; right:50px; top:175px; z-index: 2; width: 150px; text-align: center; }
.sidemenu_fix a { display: block; float: left; width: 100%; text-decoration: none; outline: none !important; }
.sidemenu_fix a.btn_20th { text-align: center; margin-bottom: 30px; }
.sidemenu_fix a.btn_20th img { height: 60px !important; }
.sidemenu_fix a.sidemenu { background: rgb(255,159,0); background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%); border:1px solid #ff9f00; border-radius: 100px; color: #fff; font-size: 13px; font-weight: 500; padding: 5px 12px 6px 12px; margin-bottom: 15px; }
.sidemenu_fix a.sidemenu:hover { background: #9a888b; border-color: #9a888b; }
.sidemenu_fix a.sidemenu:nth-child(3) { /*display: none !important;*/ }
.sidemenu_fix a.sidemenu.ebook { /*display: none;*/ }

.index .logo { font-size: 25px !important; }
.index .inner-nav ul li a.menu { font-size: 23px; }
.index .main-nav { border-bottom: 0; }
.index a.btn_20th img { height: 40px; }
.index a.link-to-top { display: none; }
.index .container { max-width: 100%; width: 100%; padding: 0 5%; }

.index .tp-bullets { left: 5% !important; top:auto !important; margin-left: -3px !important; opacity: 1 !important; }
.index .tp-bullets .bullet,
.index .tp-bullets .bullet.selected,
.index .tp-bullets .bullet:hover { margin: 0 7px !important; width: 17px !important; height: 17px !important; background: #ede8ea !important;  border-radius: 15px 0 !important; border:0px solid #777 !important; }
.index .tp-bullets .bullet:hover { background: #d8d2d5 !important; }
.index .tp-bullets .bullet.selected { background: rgb(255,159,0) !important; background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%) !important; border:0px solid #ff9f00 !important; }

.index .tparrows { width: 13% !important; margin-top: 0 !important; height: auto !important; }
.index .tparrows .tp-arr-allwrapper { width: 100% !important; height: 100% !important; min-height: auto !important; position: relative !important; }
.index .tparrows .tp-arr-imgholder, 
.index .tparrows .tp-arr-imgholder2 { width: 100% !important; height: auto !important; padding-top: 56% !important; }
.index .tparrows::after { width: 100% !important; height: auto !important; line-height:0 !important; padding-top: 56% !important; z-index: 1; background-color: rgba(78,66,74,0.3) !important; display: block !important; opacity: 1 !important; color: rgba(0,0,0,0) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: 2.5vw !important; }
.index .tparrows:hover::after { transform: none !important; background-color: rgba(78,66,74,0.8) !important; }
.index .tparrows.tp-leftarrow::after { /*background-image: url(../images/slide_arrow_left_narrow.png) !important;*/ background-position: 48% 50% !important; }
.index .tparrows.tp-rightarrow::after { /*background-image: url(../images/slide_arrow_right_narrow.png) !important;*/ background-position: 52% 50% !important; }
.index .tparrows.tp-leftarrow:hover::after { background-image: url(../images/slide_arrow_left_narrow.png) !important; background-position: 48% 50% !important; }
.index .tparrows.tp-rightarrow:hover::after { background-image: url(../images/slide_arrow_right_narrow.png) !important; background-position: 52% 50% !important; }
.index .tparrows.tp-leftarrow { left: 5% !important; top:auto !important; margin: 0 !important; }
.index .tparrows.tp-rightarrow { right: auto !important; left: 18% !important; top:auto !important; margin-left: 20px !important; }
.index .tparrows.tp-leftarrow .tp-arr-imgholder2 { left: -100% !important; }
.index .tparrows.tp-rightarrow .tp-arr-imgholder2 { left: 100% !important; }
.index .tparrows.tp-rightarrow .tp-arr-allwrapper { left: 0 !important; }
.index .tp-arr-titleholder { display: none !important; }

.index .home_slider_img_bg { position: absolute; width: 60%; right: 5% !important; padding-top: 33.6%; background: #ede8ea; background: repeating-linear-gradient(-45deg, #ede8ea, #ede8ea 20px, #fff 0, #fff 21px); }
.index .arrow_box { position: absolute; width: 60%; right: 5% !important; padding-top: 33.6%; }
.index .tparrows.tp-arrow-custom { width: 20% !important; height: 200px !important; top:50% !important; padding: 0 !important; margin: 0 !important; margin-top: -100px !important; }
.index .tparrows.tp-arrow-custom::after { width: 100% !important; height: 200px !important; background-color: rgba(0,0,0,0) !important; background-size: 30% !important; padding: 0 !important; margin: 0 !important; }
.index .tparrows.tp-rightarrow.tp-arrow-custom { left: auto !important; right: -10% !important; }
.index .tparrows.tp-leftarrow.tp-arrow-custom { left: -10% !important; right: auto !important; }
.index .tparrows.tp-leftarrow.tp-arrow-custom::after { background-image: url(../images/slide_arrow_left_narrow.png) !important; background-position: 50% 50% !important; }
.index .tparrows.tp-rightarrow.tp-arrow-custom::after { background-image: url(../images/slide_arrow_right_narrow.png) !important; background-position: 50% 50% !important; }
.index .tparrows.tp-leftarrow.tp-arrow-custom:hover::after { background-position: 50% 50% !important; }
.index .tparrows.tp-rightarrow.tp-arrow-custom:hover::after { background-position: 50% 50% !important; }

.index .tp-caption { white-space: normal; }
.index .tp-bannertimer { display: none !important; }
.index .home_slider_bg { background-color: #f5f2f3; width: 100%; position: absolute; bottom: 0; left: 0; }
.index .home_slider .slotholder { display: none !important; }
.index .home_slider .slide_title { width: 30%; left: 5% !important; padding-right: 50px; top:auto !important; padding-bottom: 0; z-index: 9; }
.index .home_slider .slide_title h2 { font-size: 2vw !important; line-height: 3.5vw !important; letter-spacing: 0; margin: 0; }
.index .home_slider .slide_title h2 span { font-size: 2vw !important; line-height: inherit !important; color: #333; background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(255,159,0,0.7) 25%); }
.index .home_slider .slide_title br { line-height: inherit !important; }
.index .home_slider .slide_img { width: 60%; left:auto !important; right: 5% !important; top:auto !important; margin-bottom: -45px; }
.index .home_slider .slide_img img { width: 100% !important; height: auto !important; }
.index .home_slider .slide_img p { margin-bottom: 0 !important; padding-top: 15px !important; line-height: 30px !important; font-size: 15px !important; }
.index .home_slider .slide_img p img { width: 15px !important; height: auto !important; margin: 0 3px !important; margin-top: -5px !important; }

/*위치 커스텀*/
.index .arrow_box,
.index .home_slider .slide_img,
.index .tparrows.tp-leftarrow,
.index .tparrows.tp-rightarrow,
.index .home_slider_img_bg { bottom: 10vw !important; }
.index .home_slider_bg { height: 20vw; }
.index .tp-bullets { bottom: 22.5vw !important; }
.index .home_slider .slide_title { bottom: 25vw !important; padding: 0 !important; }
/*위치 커스텀*/

.bg-gray-lighter { background-color: #f5f2f3; }
.top_area h1 { font-size: 32px; margin-top: 0; margin-bottom: 30px; font-weight: 500; }
.top_area h1 img { margin-right: 15px; height: 30px; margin-top: -10px; }
.top_area p { line-height: 1.8; margin-bottom: 30px; font-weight: 500; }
.top_area p span { color: #333; }
.top_area .subtitle { padding-top: 3px; line-height: 1.8; margin-bottom: 0; }
.top_area .desc_charity { padding-left: 50px; }
.top_area .charity_top_left { padding-top: 15px; }

.page-section-top { padding:160px 0 70px 0; height: 500px; z-index: 1; }
.page-section-top.full-height { height: auto; }
.page-section-tab { padding-top: 0; padding-bottom: 0; border-top: 1px solid #ddd; overflow: visible; }

.nav-tabs { margin-top: -1px; border-bottom: 0; margin-left: 1px; }
.nav-tabs > li { text-align: center; }
.nav-tabs-col8  > li{ width: 12.5%; }
.nav-tabs-col3 > li { width: 33.333%; }
.nav-tabs-col2 > li { width: 50%; }
.nav-tabs > li > a { line-height: 1.5; font-size: 17px; padding: 13px 20px 14px 20px; margin-right: 0; border: 1px solid #ddd; margin-left: -1px; color: #333; font-weight: 500; }
.nav-tabs > li.active { position: relative; z-index: 9; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a: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 #ff9f00 !important; font-weight: 600; }
.nav-tabs > li > a:hover { background: #fff; border: 1px solid #ddd; color: #ff9f00; }
.nav-tabs.animate, .nav-tabs.animate * { transition:none !important; }

.tab-content > .tab-pane { width: 100%; padding-top: 1000px; margin-top: -1000px; }
.tpl-tabs-cont { width:100%; float: left; padding: 50px 0; }
.tpl-tabs-cont h2 { font-size: 20px; color: #333; line-height: 1.8; margin-top: 0; margin-bottom: 40px; font-weight: 500; }
.tpl-tabs-cont h3 { font-size: 20px; color: #333; margin-top: 0; margin-bottom: 20px; font-weight: 500; }
.tpl-tabs-cont h3 span { color: #ff9f00; }
.tpl-tabs-cont p { color: #333; font-size: 15px; font-weight: 400; }
.tpl-tabs-cont .col3 { float: left; width: 33.333%; padding-right: 40px; }

.business_area_title { padding: 30px 0; float: left; width: 100%; }
.business_area_title_left { width: 25%; float: left; padding: 0px 0px 0px 17px; }
.business_area_title_right { width: 75%; float: left; padding-left: 0; margin-left: -4%; }
.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: 160px; float: left; margin-right: 30px; }
.business_area_title_right .biz_people_desc { width: 650px; float: left; padding-top: 10px; }
.business_area_title_right h4 { line-height: 1.8; font-size: 17px; color: #333; font-weight: 500; margin-top: 0; margin-bottom: 15px; }
.business_area_title_right p { font-size: 15px; font-weight: 500; color: #999; }
.business_area_title_right p img { height: 17px; margin: -2px 7px 0 7px; }

.thumbnail_list_title { margin-top: 0; margin-bottom: 50px; 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 #ff9f00; color: #ff9f00 !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: #ff9f00; 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; line-height: 1; 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 .amount_big .counter { font-size: 50px; }
.count_box .count .amount_medium .counter { font-size: 40px; }
.count_box .count .counter { color: #ff9f00; 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; }

.table_business { margin-bottom: 50px; }
.table_business tr { border-top:1px solid #ddd; }
.table_business tr:nth-child(2) { border-top:1px solid #ff9f00; }
.table_business tr.thead { border: 0; color:#ff9f00 !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: #ff9f00; }
.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:#ff9f00 !important; }
.table_business tr.tr_total td { text-align: right; font-weight: 500; border-bottom: 0 !important; border-top: 1px solid #ff9f00 !important; border-bottom: 0 solid #ff9f00 !important; background: #faf5f0 !important; color: #333; }
.table_business tr.tr_total td:nth-child(1) { text-align: left; color:#ff9f00; }
.table_business .toggle_label { display: none; }

.table_finance { width: 100%; border-collapse: inherit; margin-bottom: 50px; }
.table_finance thead td { color: #ff9f00 !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: #ff9f00; 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 #ff9f00 !important; border-bottom: 0 solid #ff9f00 !important; background: #faf5f0 !important; color: #333; padding-bottom: 10px; padding-top: 5px; }
.table_finance td.td_total span { color: #ff9f00; margin-right: 0; }
.table_finance .tr_first td { border-top: 1px solid #ff9f00 !important; }
.table_finance .tr_lower td { border-top: 1px dashed #ddd !important; font-size: 14px; font-weight: 400; }
.bg_deco { display: none; }

.transparency_title h2 { margin-top: 0; margin-bottom: 15px; font-size: 25px; color: #ff9f00; }
.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; }
.transparency_content p { margin-bottom: 20px; }

.greeting_left .chief { text-align: center; }
.greeting_left .img_chief { margin-bottom: 0px; }
.greeting_left h4 { font-size: 20px; color: #ff9f00; font-weight: 500; }
.greeting_left h4 img { width: 130px; margin-bottom: 10px; }
.greeting_right { padding: 60px 200px 60px 60px; }
.greeting_right h2 { line-height: 1.5; color: #ff9f00; margin-top: 0; font-weight: 500; font-size: 30px; }

/*sns*/
.snslist { text-align: center; padding: 0; position: absolute; right: 110px; bottom: 200px; z-index: 9; }
.snslist a { display: block; width: 35px; height: 35px; background-size: cover !important; border-radius: 5px; -webkit-transition: all 0.2s; transition: all 0.2s; }
.snslist .sns_title { width: 28px; margin-bottom: 10px; }
.snslist a:hover { opacity: 0.5; }
.snslist li { display: block; padding: 5px 0; }
#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); }

/*pie chart*/
.pie_box { width:100%; float:left; padding:25px 15px 0px 15px; }
.pie_box svg { width: 160px; height: 160px; overflow: visible; }
.pie_box .amount_big { font-size:41px; padding: 0; font-weight: 600; color:#ff9f00; }
.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:25px; margin-top: 5px; text-align: right; }
.pie_box #counter { float: right; padding-top: 5px; }
.pie_half { padding: 0; height: auto; }
.pie_half_left { width:170px; float:left; margin-left: 20px; position: relative; }
.pie_half_right { width:333px; float:left; margin-left: 20px; }
.pie_title { width: 170px; text-align:center; font-size:20px; font-weight:500; color:#ff9f00; float:left; position:absolute; top:68px; 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: 15px; font-weight: 500; }
.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 { /*transform: translate(-50%, -50%); position: absolute !important; top: 50%; left: 50%; width: 600px;*/ margin: 0 auto; }

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

.chart { width: 170px; height: 170px; 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: 170px; height: 170px; 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: 155px; height: 155px; margin: 7.5px; transform: rotate(-90deg); }

circle { stroke-width: 10; //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: 355 410;
		opacity: 1;
	}
}
@keyframes c2 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 8 410;
	}
}
@keyframes c3 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 47 410;
	}
}
@keyframes c4 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 280 410;
		opacity: 1;
	}
}
@keyframes c5 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 72 410;
	}
}
@keyframes c6 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 58 410;
	}
}


/*메인 하단 메뉴*/
.index .inner-nav ul li a.menu { display: none; }
.index-nav { position: absolute; bottom:0; left: 0; z-index: 999; width: 101%; background: #fff; }
.index-nav ul { margin: 0; padding: 0; }
.index-nav ul li { width: 25%; float: left; display: block;  text-align: center; height: 6.5vw; line-height: 6.5vw; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; border-top: 1px solid #ddd; font-size: 25px; color: #333; margin-left: -1px; position: relative; }
.index-nav ul a:hover li { color: #ff9f00; background: #fff; border-top : 1px solid #ff9f00; border-left: 1px solid #ff9f00 !important; border-right: 1px solid #ff9f00 !important; background: rgb(255,159,0); background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%); color: #fff !important; z-index: 1; }

.index .arrow_box,
.index .home_slider .slide_img,
.index .tparrows.tp-leftarrow,
.index .tparrows.tp-rightarrow,
.index .home_slider_img_bg { bottom: 12vw !important; }
.index .home_slider_bg { height: 22vw; }
.index .tp-bullets { bottom: 24.5vw !important; }
.index .home_slider .slide_title { bottom: 27vw !important; padding: 0 !important; }
/*메인 하단 메뉴*/



/* 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) {
	
.index .arrow_box, 
.index .home_slider .slide_img, 
.index .tparrows.tp-leftarrow, 
.index .tparrows.tp-rightarrow, 
.index .home_slider_img_bg { bottom: 8.5vw !important; }
.index .home_slider_bg { height: 19vw; }
.index .tp-bullets { bottom: 22vw !important; }
.index .home_slider .slide_title { bottom: 24.5vw !important; }

/*메인 하단 메뉴*/
.index-nav ul li { height: 6vw; line-height: 6vw;}
.index .arrow_box,
.index .home_slider .slide_img,
.index .tparrows.tp-leftarrow,
.index .tparrows.tp-rightarrow,
.index .home_slider_img_bg { bottom: 10.5vw !important; }
.index .home_slider_bg { height: 20.5vw; }
.index .tp-bullets { bottom: 23.2vw !important; }
.index .home_slider .slide_title { bottom: 25.5vw !important; padding: 0 !important; }
/*메인 하단 메뉴*/

}

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

.business a.link-to-top { display: none; }

}

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


body { font-size: 15px; }
body.general .page { padding-top: 80px; }

.logo { font-size: 20px !important; height: 80px !important; line-height: 80px !important; }
.inner-nav ul li a.menu { font-size: 19px !important; height: 80px !important; line-height: 80px !important; }
.inner-nav ul li.btn_audio a,
.inner-nav ul li.btn_audio input { font-size: 11px; padding: 7px 11px 8px 12px !important; margin-top: 27px; }
.main-nav,
.small-height .inner-nav ul li a.menu { height: 80px !important; line-height: 80px !important; }

.footer { padding: 15px 0; font-size: 12px; }
.footer-logo img { height: 25px; margin-top: 2px; }

.sidemenu_fix { right: 27px; width: 140px; }
.sidemenu_fix a.sidemenu { font-size: 12px; }

.snslist { right: 85px; }
.snslist .sns_title { width: 25px; }
.snslist a { width: 27px; height: 27px; }

a.link-to-top { width: 50px; height: 50px; bottom:90px; }
a.btn_20th img { height: 30px; }
a.btn_link2,
a.btn_link3 { font-size: 12px; padding: 2px 7px 3px 11px; }

.index .logo { font-size: 20px !important; }
.index .container { padding: 0 3%; }
.index .home_slider_img_bg,
.index .home_slider .slide_img,
.index .arrow_box { right: 3% !important; width: 64%; }
.index .arrow_box,
.index .home_slider_img_bg { padding-top: 35.8%; }
.index .home_slider .slide_title { left: 3% !important; width: 30%; }
.index .tparrows.tp-leftarrow,
.index .tp-bullets { left: 3% !important; }
.index .tparrows.tp-rightarrow { left: 16% !important; margin-left: 15px !important; }
.index .home_slider .slide_title { bottom: 26vw !important; }
.index .home_slider .slide_title h2,
.index .home_slider .slide_title h2 span { font-size: 2.1vw !important; }

.top_area h1 { font-size: 30px; }
.top_area h1 img { height: 25px; }

.business_area_title_left h2 { font-size: 25px; }
.business_area_title_left img { height: 75px; }

.count_box h4 { font-size: 15px; }
.count_box .count .amount_big .counter { font-size: 45px; }

.chart,
.chart2 { width: 140px; height: 140px; }
.pie_box { padding-left: 0; padding-right: 0; }
.pie_title { width: 140px; top: 55px; font-size: 17px; }
.pie_half_left { margin-left: 0; width: 150px; }
.pie_half_right { margin-left: 10px; width: 290px; }
.pie_details p { font-size: 13px; }
.pie_box .amount_big { font-size: 36px; }
.pie_box .amount_big .counter-unit { font-size: 20px; margin-left: 5px; }
.pie_box .count_box { margin-bottom: 15px; margin-top: 15px; }
.pie_box_center { width: 470px; }

.table_finance td,
.table_finance thead td,
.table_finance td.td_title2 { font-size: 14px !important; }
.table_finance td.td_title,
.table_finance td.td_total { font-size: 17px !important; }
<td>-</td> { font-size: 22px !important; }

.transparency_title h2 { font-size: 22px; }

.nav-tabs > li > a { padding: 12px 15px 12px 15px; }
.tpl-tabs-cont { line-height: 1.7; }
.tpl-tabs-cont h3 { font-size: 17px; }
.tpl-tabs-cont p { font-size: 14px; }

.business_area_title_right h4 { font-size: 15px; }
.business_area_title_right h4 br { display: none; }
.business_area_title_right .biz_people_img { width: 140px; }
.business_area_title_right .biz_people_desc { width: 450px; padding-top: 5px; }
.business_area_title_right .biz_people_desc p { font-size: 12px; }

.table_business tr td:nth-child(2) { font-size: 13px !important; }
.table_business tr td,
.table_business tr.thead td { font-size: 15px !important; padding: 15px 15px !important; }

.thumbnail_list_item h3 { margin-bottom: 10px; float: left; width: 100%; }
.thumbnail_list_item .item_col3 h3 { margin-bottom: 15px; }
.thumbnail_list_item .btn_seemore { margin-top: 0; margin-bottom: 12px; float: left; }

.card_title { font-size: 17px !important; }
.back p { font-size: 15px !important; }

.greeting_right { padding: 60px 200px 60px 20px; }
.greeting_right h2 { font-size: 25px; }
.greeting_left .img_chief { width: 80%; }
.greeting_left h4 { font-size: 17px;}
.greeting_left h4 img { width: 110px; }

/*메인 하단 메뉴*/
.index-nav ul li { font-size: 20px; }
.index .arrow_box,
.index .home_slider .slide_img,
.index .tparrows.tp-leftarrow,
.index .tparrows.tp-rightarrow,
.index .home_slider_img_bg { bottom: 13vw !important; }
.index .home_slider_bg { height: 23vw; }
.index .tp-bullets { bottom: 25.5vw !important; }
.index .home_slider .slide_title { bottom: 28.5vw !important; padding: 0 !important; }
/*메인 하단 메뉴*/

.ie_visible svg { display: block; width: 122px; height: 122px; margin: 9px; transform: rotate(-90deg); }
.ie_visible .pie_half_left { margin-top: 12px; }
circle { stroke-width: 13; }

}

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

/*메인 하단 메뉴*/
.index-nav { display: none; }
.index .inner-nav ul li a.menu { display: block; }
/*메인 하단 메뉴*/

.only_mobile_1024 { display: block !important; }
.only_mobile_1024.inner-nav { display: none !important; }
.index .only_mobile_1024.inner-nav { display: block !important; }

.col-md-6 { width: 50%; float: left; }
.col-md-12 { float: left; width: 100%; }

.nav-logo-wrap { margin: 0; }
.nav-logo-wrap .logo { float: left; }
.nav-logo-wrap .logo_text { float: right; color: #333 !important; text-decoration: none !important; font-size: 17px; }
.nav-logo-wrap .logo_text:hover { color: #ff9f00 !important; }
.nav-logo-wrap .logo img { max-height: 35px; }

.logo, a.logo:hover, .nav-logo-wrap .logo::before, .nav-logo-wrap .logo::after { color: #333 !important; }

a { transition:none !important; }
a.btn_link { display: inline-block !important; float: none; margin: 0 20px; font-size: 14px; }
a.btn_link2, a.btn_link3 { padding: 2px 7px 2px 11px; }

.inner-nav { float: right; position: fixed; right: 3%; z-index: 9999; }
.inner-nav.mobile-top-right { display: none !important	; }
.inner-nav ul li a { padding: 0 1.5vw; font-size: 19px; }	
.inner-nav ul li a.menu:hover 
.inner-nav ul li.btn_audio input { font-size: 11px; padding: 7px 9px 7px 9px !important; margin-top: 28px; }
.small-height .inner-nav ul li a { height: 80px !important; line-height: 80px !important; }

.nav-tabs > li > a { font-size: 15px; }

.sidemenu_fix { top: 200px; }

.home-section { max-height: 650px !important; }
.page-section-top { height: auto; }
.page-section-tab { background: #fff; }
.mobile-section:first-child { padding: 0 !important; }
.mobile-section { padding: 1px 0 !important; background: #f5f2f3; }
.mobile-section .page-section-top { padding: 140px 0 70px 0; }
.mobile-container-narrow { max-width: 700px; margin: 0 auto; }

.top_area h1 { font-size: 25px; display: none; }
.top_area .desc_charity { padding-left: inherit; }
.top_area .subtitle { float: left; width: 100%; padding-top: 50px; text-align: center; }

.index .home_slider .slide_img p { padding-top: 10px !important; }
.index .home_slider .slide_img { margin-bottom: -40px; }

.count_box { margin-bottom: 50px !important; }
.count_box h4 { font-size: 17px; }
.pie_box .count_box { margin-bottom: 20px !important; }

.business_area_title { padding: 10px 0; }
.business_area_title_right .biz_people_img { width: 130px; }

.greeting_left { width: 25%; }
.greeting_left .chief { padding-top: 5px; }
.greeting_right { width: 75%; padding-top: 0; }
.greeting_right h2 { font-size: 22px; }
.greeting_right p br { display: none; }

.thumbnail_list_item h3 { margin-bottom: 12px !important; }
.thumbnail_list_item p { font-size: 13px; }
.thumbnail_list_item .item_col1 { width: 50%; }
.thumbnail_list_item .item_col2 { width: 50%; padding-left: 25px; margin-bottom: 10px; position: relative; }
.thumbnail_list_item .item_col3 { width: 50%; padding-left: 25px; }
.thumbnail_list_item .item_col3 h3 { font-size: 15px; float: left; width: auto; margin-bottom: 10px !important; }
.thumbnail_list_item .item_col3 h3 br { display: none; }
.btn_seemore { position: absolute; top:auto; bottom: -41px; right: 0; font-size: 11px; }
.btn_view { display: none; position: absolute; bottom: 10px; right: 10px; font-size: 30px; background: rgba(255,159,0,0.8); color: #fff; z-index: 1; width: 30px; height: 30px; text-align: center; line-height: 26px; }

.card_title { bottom: -65px !important; }
.card_title img { height: 14px; margin: -3px 0 0 10px; }

<td>-</td> { font-size: 20px !important; }

.transparency_title h2 { font-size: 20px; }

.main-nav, .page { display: none !important; }

.index .page_empty { display: none !important; }
.index .main-nav, 
.index .page { display: block !important; }
.index .home_slider .slide_img p { font-size: 14px !important; }

.page_empty { width: 100%; height: 100vh; }
.mobile_empty { transform: translate(-50%, -50%); position: absolute !important; top: 50%; left: 50%; width: 100%; text-align: center; }
.mobile_empty h2 { font-size: 20px; color: #333; }
.mobile_empty a { display: inline-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 #ff9f00; border-radius: 100px; color: #fff; font-size: 15px; font-weight: 500; padding: 5px 10px 7px 13px; line-height: 1; }

}

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

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

.nav-logo-wrap .logo img { max-height: 30px; margin-right: 7px; }
.index .logo { font-size: 17px !important; }
.inner-nav ul li a.menu { font-size: 16px !important; padding: 0 1.2vw; }
.inner-nav ul li.btn_audio input { margin-left: 1.2vw; }
.inner-nav ul li.btn_audio a, .inner-nav ul li.btn_audio input { font-size: 10px; padding: 5px 8px 5px 8px !important; margin-top: 27px;  }

a.btn_link2 { padding: 0; background: none; border: 0; color: #ff9f00; font-size: 15px; }

.sidemenu_fix { width: 120px; top: 185px; }
.sidemenu_fix a.btn_20th img { height: 50px !important; }

.index .home_slider .slide_img p { font-size: 13px !important; padding-top: 5px !important; }
.index .home_slider .slide_img { margin-bottom: -35px; }
.index .tp-bullets .bullet, .index .tp-bullets .bullet.selected, .index .tp-bullets .bullet:hover { width: 12px !important; height: 15px !important; margin: 0 5px !important; }

.top_area h1 { font-size: 25px; margin-bottom: 25px; }
.top_area h1 img { margin-right: 10px; }
 
.chart, .chart2 { width: 180px; height: 180px; }
.pie_half_left { width: 100%; }
.pie_half_right { margin: 0 auto; float: none; }
.pie_title { width: 100%; top: 73px; font-size: 20px; }
.pie_box { width: 700px; margin: 0 auto; float: none; }
.pie_box_center { width: auto; }

.pie_half_right { width: 265px; }
.pie_box .amount_big { font-size: 33px; }
.pie_box .amount_big .counter-unit { font-size: 17px; }

.mobile-section .page-section-top { padding: 120px 0 60px 0; }

.business_area_title_right .biz_people_img { width: 120px; margin-right: 20px; }
.business_area_title_right .biz_people_desc { width: 400px; }
.business_area_title_right .biz_people_desc p { font-size: 11px; }
.business_area_title_right h4 { font-size: 13px; }
.business_area_title_right p img { height: 12px; margin: -2px 5px 0 5px; }
.business_area_title_left h2 { font-size: 22px; }
.business_area_title_left img { height: 60px; }

.table_business tr td, .table_business tr.thead td { font-size: 14px !important; }

.snslist { right: 75px; }
.snslist .sns_title { width: 22px; }
.snslist a { width: 25px; height: 25px; }

.greeting_right h2 { font-size: 20px; }
.greeting_left h4 { font-size: 15px; }
.greeting_left h4 img { width: 100px; }

.thumbnail_list_item p { font-size: 13px !important; }
.thumbnail_list_title { font-size: 15px; }

.card { width: calc(50% - 25px) !important; min-width: calc(50% - 25px) !important; }
.card:nth-child(1),
.card:nth-child(3),
.card:nth-child(5) { margin-right: 10px !important; }
.card:nth-child(2),
.card:nth-child(4),
.card:nth-child(6) { margin-left: 10px !important; }

.ie_visible svg { display: block; width: 160px; height: 160px; margin: 9px auto; margin-bottom: 0; transform: rotate(-90deg); }
.ie_visible .pie_half_left { margin-top: 12px; }
circle { stroke-width: 10; }

}

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

.home-section { max-height: 550px !important; }

.back { padding: 0 25px; }
.back p { font-size: 13px !important; }
.card_title { font-size: 16px !important; bottom: -60px !important; }
.btn_seemore { bottom: -36px; font-size: 10px; }

.count_box h4 { font-size: 16px; }

.bg_deco { display: block; position: absolute; z-index: 1; width: 230px; right: -127px; top: 100px; opacity: 0.5; }

}

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

.footer { font-size: 10px; }
.footer-logo img { height: 22px; margin-top: 4px; }

.home-section { max-height: 500px !important; }

.business_area_title { padding: 0 0 10px 0; }

.greeting_left { width: 30%; }
.greeting_right { width: 70%; }
.greeting_right h2 { font-size: 17px; }

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

}

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

body.general .page { padding-top: 50px; }
body { font-size: 14px; }
.container { padding: 0 20px !important; }
.main-nav .container { padding: 0 12px !important; }
.row { margin: 0 !important; }

.col-md-12 { padding: 0px !important; }

.home-section { max-height: 100vh !important; border-bottom: 1px solid #ddd; }
.page-section-tab { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.mobile-section .page-section-top { padding: 100px 0 50px 0; }

.only_over_767 { display: none !important; }
.only_pc { display: none !important; }
.only_mobile_767 { display: block !important; width: 100%; float: left; }
.br_mobile { display: block !important; }

.inner-nav { width: 100%;
  left: 0;
  position: fixed;
  bottom: 0;
  z-index: 999; }
.inner-nav.mobile-top-right { display: block; position: relative !important; width: auto; float: right; }
.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: 50px !important; width: 100%; background: #ff9f00 !important; color: #fff !important; }
.inner-nav ul li a:hover, .inner-nav ul li a.active { background: #514a4b !important; color: #fff !important; }
.inner-nav ul li.btn_audio { display: none; }
.inner-nav ul li.btn_audio a, .inner-nav ul li.btn_audio input { font-size: 9px; margin-top: 14.5px; margin-right: 1px; }
.inner-nav.mobile-top-right,
.inner-nav.mobile-top-right .btn_audio { display: block !important; }
.nav-logo-wrap .logo { line-height: 50px; font-size: 15px !important; letter-spacing: -0.5px !important; }
.nav-logo-wrap .logo img { max-height: 27px; margin-right: 5px; margin-top: -6px; }

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

a.btn_link { margin-bottom: 15px; font-size: 13px; }
a.btn_link:last-child { margin-bottom: 0; }
a.btn_link2 { float: right; margin: 0; background: rgb(255,159,0) !important; background: linear-gradient(90deg, rgba(255,159,0,1) 0%, rgba(255,175,65,1) 100%) !important; border: 1px solid #ff9f00 !important; padding: 3px 9px 4px 11px !important; font-size: 10px !important; color: #fff !important; }
a.link-to-top { display: block !important; width: 38px; height: 38px; bottom: 80px; right: 15px; }

.top_area h1 { font-size: 20px; } 
.top_area h1 img { height: 20px; }
.top_area .subtitle { margin-bottom: 30px; padding-top: 0; }
.top_area .btn_finanance_mobile { margin-bottom: 50px; }

.tpl-tabs > li { float: left; }
.nav-tabs > li > a { font-size: 13px; padding: 10px 0px; }
.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 { padding: 30px 0; }
.tpl-tabs-cont h3 { font-size: 15px; }

.thumbnail_list_title { text-align: center; font-size: 14px; padding: 0 20px; margin-bottom: 30px; }
.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 { height: 13px; }
.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; }

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

.toggle { padding-bottom: 30px; float: left; }
.toggle > dt { letter-spacing: 0 !important; }
.toggle_title { z-index: 9999; padding: 70px 60px 20px 40px; font-weight:500 !important; color: #ff9f00; /*border-bottom:1px solid #ff9f00; */float:left; width:100%; }
.toggle_title div { font-size: 20px; font-weight:500 !important; }
.toggle_col1 { width:20%; float:left; font-size: 20px; font-weight: 700; padding-left: 65px; }
.toggle_col2 { width:24%; float:left; text-align: right; font-size: 20px; font-weight: 700; }
.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 #ff9f00 !important; border-color: #ddd !important; padding: 20px 60px 20px 40px; }
.toggle > dt > a::after { font-size: 30px; right: 38px; color:#ff9f00 !important; }
.toggle > dt > a.active { border:1px solid #ff9f00 !important; background: #fff !important; color:#ff9f00 !important; }
.toggle > dt > a:hover { z-index: 999; /*border:1px solid #ff9f00 !important; background: #fff !important;*/ }
.toggle > dt > a:hover div { /*color:#ff9f00;*/ }
.toggle > dt > a.active:hover { border-bottom:1px solid #ff9f00 !important; }
.toggle > dt.first > a { border-radius: 5px 5px 0 0; }
.toggle > dt.last > a { border-radius: 0 0 5px 5px; }
.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 #ff9f00; border-right:1px solid #ff9f00; background: #fffbf6; color: #777; }
.toggle > dd:last-child { border-bottom: 1px solid #ff9f00 !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 #ff9f00; }
.toggle table tr.thead { border: 0; color:#ff9f00 !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: #ff9f00; }
.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:#ff9f00 !important; }
.toggle_label { display: none; }

.toggle > dt > a { padding: 10px 50px 12px 7px; }
.toggle_title { padding: 30px 20px 15px 25px; }
.toggle_title .toggle_right { display: none; }
.toggle_title .toggle_left { width:100%; }
.toggle > dt > a::after { right:17px; top: 23px; font-size: 20px; }
.toggle_left { float: left; width: 55px; }
.toggle_left .toggle_col1 { color: #ff9f00; }
.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 { padding-left: 0px; text-align: center; }
.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: 15px 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: 30px 20px; }
.toggle table { margin-bottom: 0 !important; }
.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:13px !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; }
.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 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-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; }

.greeting_left { width: 100%; }
.greeting_left .chief { width: 200px; margin: 0 auto; margin-bottom: 50px; }
.greeting_left h4 img { width: 120px; margin: 0; }
.greeting_right { width: 100%; }
.greeting_right p { margin-bottom: 15px; font-size: 13px; }

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

.sidemenu_fix { position: static; margin: 0 auto; padding-top: 120px; float: none; width: 150px; }
.sidemenu_fix a.sidemenu { font-size: 11px; }

.snslist { top:auto; bottom:40px; right: 20px; }

.footer { margin-bottom: 50px; }
.footer-text { width: 100%; line-height: 2; float: left; text-align: left; padding-top: 10px; }
.footer-text span { margin: 0 10px 0 0; }
.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; }

/*full-width*/
.index .main-nav { border-bottom: 0px solid #ddd; }
.index .home_slider_img_bg, 
.index .home_slider .slide_img, 
.index .arrow_box { width: 100%; top:50px !important; right: 0 !important; bottom: auto !important; }
.index .arrow_box, .index .home_slider_img_bg { padding-top: 55.8%; }

.index .home_slider_bg { height: 250px; background: none; background-image: url(../images/beauty_forest.svg) !important; background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; opacity: 0.3; display: none; }
.index .home_slider .slide_img { position: relative; }
.index .home_slider .slide_img p { font-size: 11px !important; text-align: center; border-bottom: 1px solid #ddd; padding: 10px 5px !important; line-height: 1 !important; }
.index .tparrows { display: none !important; }
.index .arrow_box .tparrows { display: block !important; }

/*좌우버튼 위치*/
.index .arrow_box { top:50px; }
.index .tparrows.tp-arrow-custom,
.index .tparrows.tp-arrow-custom::after { height: 50px !important; height: 50px !important; }
.index .tparrows.tp-arrow-custom { top:0 !important; margin-top: 68.5vw !important; }
.index .tparrows.tp-arrow-custom::after { background-size: 14px !important; }
.index .tparrows.tp-rightarrow.tp-arrow-custom::after { background-image: url(../images/slide_arrow_right.svg) !important; }
.index .tparrows.tp-leftarrow.tp-arrow-custom::after { background-image: url(../images/slide_arrow_left.svg) !important; }

.index .home_slider .slide_title { position: relative; width: 100%; left: 0 !important; top: 27vw !important; bottom: auto !important; margin-top: 50px !important; }
.index .home_slider .slide_title h2, .index .home_slider .slide_title h2 span { font-size: 5.5vw !important; }
.index .home_slider .slide_title h2 { line-height: 8vw !important; text-align: center; }

.index .tp-bullets .bullet, .index .tp-bullets .bullet.selected, .index .tp-bullets .bullet:hover { width: 13px !important; height: 16px !important; margin: 0 7px !important; }
.index .tp-bullets { position: absolute; width: 60%; text-align: center; top: 73vw !important; bottom: auto !important; left: 20% !important;  margin-top: 50px !important; }

.index .tparrows.tp-leftarrow.tp-arrow-custom { left: 0 !important; }
.index .tparrows.tp-rightarrow.tp-arrow-custom { right: 0 !important; }

.bg_deco { top: 50px; }
#stickybox { position: absolute; top:0; left: 0; width: 100%; padding: 0 20px; background: #fff; z-index: 1; }
#stickybox.fixed { position: fixed !important; top: 50px; padding: 0 20px; }
#charity .tab-content { position: relative; top:0; }
.tab-content > .tab-pane { padding-top: 120px; margin-top: -80px; }
#finance { z-index: 9; }
#finance .page-section-tab { padding: 50px 0; }

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

}

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

.nav-logo-wrap .logo { font-size: 13px !important; }
.nav-logo-wrap .logo img { max-height: 25px; margin-top: -5px; }
.inner-nav ul li.btn_audio a, .inner-nav ul li.btn_audio input { font-size: 8px; padding: 5px 7px 5px 7px !important; margin-top: 15px; }

.index .tp-bullets { top: 73.5vw !important; }
.index .home_slider .slide_title { top: 27vw !important; }
.index .home_slider .slide_title h2, .index .home_slider .slide_title h2 span { font-size: 5vw !important; line-height: 7vw !important; }

.nav-tabs > li > a { font-size: 12px; }

.greeting_left h4 img { width: 100px; }
.greeting_right h2 { font-size: 15px; }

}