@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/NanumBarunGothic.eot');
    src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NanumBarunGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {width:100%;margin-bottom: 15px;}
/** E:bootstrap **/

.annualreport2017 .container {padding-left: 28px;}
/*배경색*/
.sec_top {background-color: #f5a11a}
.sec_01,.sec_03, .sec_05, .sec_07 {background-color: #fff5ed;}	

/*팝업*/
.apply_detail, .newfund, .edu_report, .living_report {display:none;}
 #mask { position:absolute; background-color:#000; display:none; left:0; top:0; }

.sec_08 .sns_list a:hover,.sec_08 a:focus {color:#fff}

/* 퀵메뉴 */
.quick_menu {width:18px;overflow:hidden; position:fixed; right:5px; padding-left:3px;margin-top: -202px; top:50%;}
.quick_menu ul > li {width:30px}
.quick_menu ul > li a {display:block;background: url('../img/annual2017/quick_menu_leaf@2x.png') no-repeat left center;overflow:hidden;text-indent:-9999px; background-size: 12px 14px;padding:10px 0px;}
.quick_menu ul > li > .bold {font-weight: bold; color:#f5a11a;display:block;background: url('../img/annual2017/quick_menu_leaf_cur@2x.png') no-repeat left center;background-size: 12px 14px;}

.annualreport2017 {position:relative}
.annualreport2017 .btn-pageup {position: fixed; bottom: 10px; width:30px; height: 35px; padding-top: 13px; border: 0; background-color: #fff; background-size: 10px 7px; font-size: 10px;right: 3px;}
@media only screen and (max-width:320px) {
	
}

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

@media only screen and (max-width:1079px) {
	.annualreport2017 .col-lg-1,.annualreport2017 .col-lg-2,.annualreport2017 .col-lg-3,.annualreport2017 .col-lg-4,.annualreport2017 .col-lg-5,.annualreport2017 .col-lg-6,.annualreport2017 .col-lg-7,.annualreport2017 .col-lg-8,.annualreport2017 .col-lg-9,.annualreport2017 .col-lg-10,.annualreport2017 .col-lg-11, .annualreport2017 .col-lg-12 {width:100%}
	
	.popup {width:80%; height:90%; overflow:scroll; position: fixed; background:#ffffff; z-index: 19999; top:30px; left:10%}
	.btn_close{background-image: url('../img/annual2017/icon_btn_close.png'); background-size: 40px 40px; background-repeat: no-repeat; height:40px; width:40px; display: inline-block; right:35px;position: fixed;top:30px;}
	.popup_tit {display:block; font-size: 24px; font-weight: bold; color:#4d4740;margin-top: 50px;padding-bottom: 15px;border-bottom: 1px #ffb336 solid;width: 90%;margin-left: 15px;}
	.popup_content {margin-top: 20px;margin-bottom: 50px; padding: 10px;}
	.icon_arrow {background-image: url('../img/annual2017/icon_arrow@3x.png'); background-repeat: no-repeat;height:20px; width:20px; background-size:20px 20px; display: inline-block;vertical-align: middle;}
	section {padding-top: 80px;}
	.backcolor {background-color: #ffdeb5;}
	.slide_tb .hide {padding: 20px;}
	
	.container .header {border-top: 1px  #ffb336 solid;border-bottom: 1px  #ffb336 solid; height:78px;}
	.container .tit {color: #4d4740; font-weight: 700;}
	.container .tit_sub {background-color: #ffb336; padding: 1px 5px; color:#4d4740; font-size: 14px; text-align: center; font-weight:400;}
	.container .txt_area {padding-top:50px;}
	.sec_01 .header_img {display:block; background-image: url('../img/annual2017/img_bar01@3x.png'); background-repeat: no-repeat; background-size: 84px 47px; height: 85px; background-position:center;}
	.sec_02 .header_img {display:block; background-image: url('../img/annual2017/img_bar02@3x.png'); background-repeat: no-repeat; background-size: 208px 60px; height: 85px;background-position:center;}
	.sec_03 .header_img {display:block; background-image: url('../img/annual2017/img_bar03@3x.png'); background-repeat: no-repeat; background-size: 173px 60px; height: 85px;background-position:center;}
	.sec_04 .header_img {display:block; background-image: url('../img/annual2017/img_bar04@3x.png'); background-repeat: no-repeat; background-size: 260px 52px; height: 85px;background-position:center;}
	.sec_05 .header_img {display:block; background-image: url('../img/annual2017/img_bar05@3x.png'); background-repeat: no-repeat; background-size: 300px 42px; height: 85px;width:100%;background-size: contain;background-position:center;}
	.sec_06 .header_img {display:block; background-image: url('../img/annual2017/img_bar06@3x.png'); background-repeat: no-repeat; background-size: 72px 48px; height: 85px;background-position:center;}
	.sec_07 .header_img {display:block; background-image: url('../img/annual2017/img_bar07@3x.png'); background-repeat: no-repeat; background-size: 85px 48px; height: 85px;background-position:center;}
	.container .txt_area {padding-top:50px; font-size: 16px; color: #4b4b4b;}
	
	.sec_top {text-align: center;}
	
	/* main 한눈에 보는 2017 */
	.sec_top {padding:110px 0 20px;background-image: url('../img/annual2017/img_main_bg@2x.png');background-repeat:no-repeat;background-position:center 20px;background-size:800px 249px}
	.sec_top .sec_tit {margin-bottom:20px;color:#fff;font-size:42px;font-weight:900;text-shadow:6px 6px 6px #df9620;text-align:center;font-family:'맑은 고딕','Malgun Gothic','NanumBarunGothic','돋움','dotum','Apple SD Gothic Neo','AppleGothic',sans-serif;letter-spacing:-2px}
	.sec_top .sec_video {position: relative;width: 100%;max-width:1000px;padding:26.25%;background-color:#fff;margin:0 auto}
    .bf_video {position: absolute;top: 0;left: 0;width: 100%;max-width:1000px;height: 100%;padding:10px 10px 0 10px}
	.sec_top .tit {width: 100%;max-width:1000px;padding:20px 0;background-color:#fff;margin:0 auto;font-weight:700;text-align:center}
	.sec_top .btn_scroll {display: block;width: 25px;height:25px;margin:70px auto 0;background:url('../img/annual2017/btn_scroll.png');background-size:contain}
	
	.sec_01 .sec01_img_pc {display:none;}
	.sec_01 .screen-out{font-size: 15px;overflow: visible; position: relative; width: auto; height: auto; color: #45403a; line-height: 1.5; text-indent: 0;}
    .sec_01 .comment_m {background-color:#fde1bb; padding: 25px 20px 20px 15px; margin-top: 40px;}
    
	.sec_01  .container .txt_area .txt  .history_m {background-image:url('../img/annual2017/img_sec01@2x.jpg'); background-repeat: no-repeat;background-size: 275px 333px; background-position: center bottom; padding-bottom: 250px;}
    .sec_01  .container .txt_area .txt  .history_m > table {font-size: 14px;margin: 50px auto; text-align: left;}
    .sec_01  .container .txt_area .txt  .history_m > table > tbody > tr { border-top: 1px #000 solid;}
    .sec_01  .container .txt_area .txt  .history_m > table > tbody > tr > td:nth-child(1) {width: 30%; padding: 10px; text-align: right; font-weight: bold;}
    .sec_01  .container .txt_area .txt  .history_m > table > tbody > tr > td:nth-child(2) {width: 70%; padding: 10px;}
    
	.sec_01 .container .txt > ul {background-color:#ffffff; margin-bottom: 50px;padding-top:50px;text-align: left;}
	.sec_01 .container .txt > ul > li {padding: 10px; position:relative;width:100%;}
	.sec_01 .sec01_comment {margin-top: 20px; border: 1px #dcdcdc solid; display: inline-block;font-size: 15px; font-weight: bold; padding: 15px; width: 100%;}
	.sec_01 .sec01_comment .sec01_name{font-weight:400;}
	.sec_01 .sec01_icon01 {background-image: url('../img/annual2017/icon_donator01_sec01@2x.png');}
	.sec_01 .sec01_icon02 {background-image: url('../img/annual2017/icon_donator02_sec01@2x.png');}
	.sec_01 .sec01_icon03 {background-image: url('../img/annual2017/icon_donator03_sec01@2x.png');}
	.sec_01 .sec01_icon04 {background-image: url('../img/annual2017/icon_donator04_sec01@2x.png');}
	.sec_01 .comment_icon {background-repeat: no-repeat; display:block; height:85px; width:85px; background-size: 47px 47px;position: absolute; top:0; left:20px; z-index: 19999999; }
	.sec_01 .gotopage_sec01 {text-align: right; text-decoration: underline; font-weight: bold; margin-top:10px; }
	.sec_01 .icon_flower {background-image: url('../img/annual2017/icon_flower@2x.png');height:32px; width:37px; background-size:36px 31px; background-repeat: no-repeat;display: inline-block;margin-left: 5px; vertical-align: middle; }
	
	/*기부회원*/
	.sec_02 .txt_area {margin-bottom:50px;}
	.sec_02 .icon_array {padding-top:40px; height: 142px;}
	.sec_02 .icon_array .health, .education, .labor, .culture, .social, .safe, .living, .envrionment, .etc {float:left; padding: 0 5px 0 5px;}
	.sec_02 .container .txt_area .icon_array > div {text-align: center;border-right: 1px #dadada solid; width:33.333333%; height: 140px;margin-top:50px;}
	.sec_02 .container .txt_area .icon_array > div:nth-child(3n) { border-right: none; }
	.sec_02 .icon_img {display:none;}/*pc버전 보이지않게*/
	.sec_02 .icon_img_m {width:45px; height:47px; margin-bottom: 10px; margin-left: 13px;}
	.sec_02 .pecent_num {font-size:24px; font-weight: bold; color: #f5a21a;}
	.sec_02 .percent {color: #f5a21a; font-size: 10px;}
	.sec_02 .title {color: #4b4b4b; line-height: 24px; font-size: 15px; padding-top: 10px; font-weight: bold;}
	.sec_02 .donator_comment {margin:0 auto;}
	.sec_02 .donator_comment .row {margin-left:0;margin-right:0}
	.sec_02 .donator_comment ul {font-size: 15px; margin-top:50px;}
	.sec_02 .donator_comment ul > li {margin-top:40px;padding-bottom:20px;}
	
	.sec_02 .donator_comment .comment_icon_img {display:none;}
	.sec_02 .donator_comment .comment_icon_img_m {position:absolute;top:-26px;left:20px;margin-left:0px; width:46px;}
	.sec_02 .donator_comment .donator {position:absolute;top:-10px;left:66px;padding:0 10px;background-color: #fff;word-break: keep-all;}
	.sec_02 .donator_comment .do_comment {margin-top:28px;}
	.sec_02 .donator_comment ul > li:nth-child(2n+1){border:1px #999999 solid;}
	.sec_02 .donator_comment ul > li:nth-child(2n){border:1px #fea30b solid;}
	
	
	.sec_03 .container .txt_area {margin-bottom: 50px;}
	.sec_03 .container .txt_area .txt .fund_txt {padding-left: 250px; font-weight: bold; color:#4b4b4b;}
	.sec_03 .result_tit {font-weight: bold; margin-top: 30px;font-size: 18px;}
	.sec_03 .apply_comment {border:1px #fea30b solid; padding:25px 10px 10px 10px;margin-top:-60px;}
	.sec_03 .result_content{padding-top: 15px;font-size: 15px;}
	.sec_03 .fund_num {font-size: 42px; color:#f5a21a; font-weight: bold;}
	
	.sec_03 .container .txt_area .txt > dl { margin-top: 50px; border-top:#d9d9d9 1px solid; padding-top:50px;}
	.sec_03 .result_img {height:90px; width: 210px; margin-left: 15%;}
	.sec_03 .img01 {background-image: url('../img/annual2017/logo_superman@2x.png'); background-repeat: no-repeat;background-size:212px 92px;}
	.sec_03 .img02 {background-image: url('../img/annual2017/logo_bfday@2x.png'); background-repeat: no-repeat;background-size:212px 62px;}
	.sec_03 .img03 {background-image: url('../img/annual2017/logo_fund@2x.png'); background-repeat: no-repeat;background-size:212px 94px;}
	
	.sec_03 .donator_icon {margin-top: 20px;margin-left: 15px; height: 80px; width:80px;display: inline-block;background-repeat: no-repeat;background-size: 46px 47px;}
	.sec_03 .icon01 {background-image: url('../img/annual2017/icon_result01@2x.png');}
	.sec_03 .icon02 {background-image: url('../img/annual2017/icon_result02@2x.png');}
	.sec_03 .icon03 {background-image: url('../img/annual2017/icon_result03@2x.png');}
	
	.sec_03 .comment_sec04 {font-size:15px; font-weight:bold;}
    .sec_03 .fund_popup {font-size: 14px; color:#4b4b4b; font-weight: bold; text-decoration: underline;cursor: pointer; float:right; margin-top: 50px; margin-bottom: 50px; }

	/*새기금 팝업*/
	.sec_03 .newfund_list {font-size:15px; margin-left:15px; margin-bottom: 20px; border-bottom: 1px #dadada solid;}
	.sec_03 .newfund_tit {font-weight: bold;}
	.sec_03 .newfund_group .newfund_name:before{content:'+ '; font-weight: bold; color:#ffb336;}
	.sec_03 .newfund_group .newfund_apply:before{content:'+ '; font-weight: bold; color:#ffb336;}
	.sec_03 .newfund_group .newfund_apply {display: block;}
	.sec_03 .newfund_content {margin: 20px 0 20px 0; width: 95%;}
	
	
     /*지원결과 표*/
	.sec_04 .container ul>li:nth-child(1){display:none;}
	.sec_04 .container ul {padding-top:30px;}
	.sec_04 .apply_img {display:none;}
	.slide_tb {border:1px #d9d9d9 solid; margin-bottom: 5px;}
	.slide_tb .hide {display:none;}
	.slide_tb .downbtn {cursor: pointer; padding: 5px; background-color: #f8f8f8; border-top: 1px #d9d9d9 solid; border-bottom: 1px #d9d9d9 solid; text-align: center;}
	.slide_tb .apply_tit {font-size: 18px; font-weight:700; text-align: left;padding: 10px;}  
	.slide_tb .apply_sub {font-size: 15px; font-weight:400; text-align:left;padding: 0px 10px 0px 10px;}
	.slide_tb .apply_applicant{padding-top:10px; font-weight: 700; font-size: 15px; color:#4b4b4b; text-align: left; padding: 10px 0px 0px 10px;}
	.slide_tb .apply_applicant:before{content:"총 지원수  :"}
	.slide_tb .apply_applicant .personal:before{content:"개인 ";font-weight: 400;}
	.slide_tb .apply_applicant .personal{display: inline-block;}
	.slide_tb .apply_applicant .group:before{content:"  단체 ";font-weight: 400;}
	.slide_tb .apply_applicant .group{display: inline-block;}
	.slide_tb .apply_money:before{content:"총 지원금액  : "; color:#4b4b4b;}
	.slide_tb .apply_money{font-size: 15px;font-weight:700; color:#f5a21a; padding-bottom: 5px;padding: 0px 10px 5px 10px;}
	
	.slide_tb .tb_title, .tb_detail,  .tb_apply, .tb_money {display:none;}
	.slide_tb .div_row > div:nth-child(1){font-weight: bold; padding-top:15px; border-top: 1px solid #f5a21a;}
	.slide_tb .div_row > div:nth-child(3):before{content:"총 지원수 : 개인 "; }
	.slide_tb .div_row > div:nth-child(3){display:inline-block;font-weight: bold; padding-top: 10px;}
	.slide_tb .div_row > div:nth-child(4):before{content:"단체 "; font-weight: bold;}
	.slide_tb .div_row > div:nth-child(4){display:inline-block;font-weight: bold;}
	.slide_tb .div_row > div:nth-child(5):before{content:"지원금액 : "; color:#4b4b4b;font-weight: bold;}
	.slide_tb .div_row > div:nth-child(5){padding-bottom: 15px;font-weight:700; color:#f5a21a;} 
	
	.sec_04 .apply_review {margin-top:80px;}
	.sec_04 .apply_review > span {font-size: 24px; color:#4b4b4b;}
	.sec_04 .apply_review > ul { margin-top: -40px;}
	.sec_04 .apply_review > ul > li:nth-child(1) {display:block !important;}
	.sec_04 .apply_review > ul > li { border:1px solid #ffb336; padding: 15px;margin-top: 40px}
	.sec_04 .review_tit {font-size: 17px; font-weight: 700; text-align: left;}
	.sec_04 .review_content{margin-top: 20px; line-height: 28px; font-size: 15px;}
	
	/*지원사업 컨텐츠리스트 팝업*/
	.sec_04 .apply_datail {color: #4b4b4b;}
	.sec_04 .apply_detail dl {margin-top:30px;margin-left:20px;}
	.sec_04 .apply_detail dt, dd {margin:0; padding:0;}
	.sec_04 .apply_detail dd > a {font-weight: bold;}
	.sec_04 .apply_detail dt {font-weight: bold; font-size: 16px; }
	.sec_04 .apply_detail .popup_content > dl > dd {border-bottom: 1px #d9d9d9 solid; width: 90%;}
	.sec_04 .apply_detail .apply_tit { display: inline-block; width: 150px; vertical-align: middle;}
	.sec_04 .apply_popup {font-size: 14px; color:#4b4b4b; font-weight: bold; text-decoration: underline;cursor: pointer; }
    .sec_04 .apply {float:right; margin-bottom:50px; margin-top: 20px;}
	.sec_04 .detail_tit {display:block; padding-bottom: 30px;}
	.sec_04 .detail_sub {display:block; font-size: 15px; font-weight: 400;}
	
	.sec_05 .f_img {padding-top:40px;}
	.sec_05 .f_table {display:none;}
	.sec_05 .f_table_m {font-size: 16px; color:#4b4b4b;padding-top:15px;}
	.sec_05 .f_table_m .f_title {font-weight: bold;}
	.sec_05 .f_table_m .f_detail { padding-top: 20px;}
	.sec_05 .f_table_m .f_sub_money {padding-top : 18px; text-align:right; font-size:15px; font-weight: bold;}
	.sec_05 .f_table_m .f_sub_title {padding-top : 18px; font-size: 15px;}
	.sec_05 .f_table_m .f_sub_detail {padding-top: 17px;}
	.sec_05 .f_table_m .showline {border-bottom: 1px #dadada solid; padding-bottom:15px;}
	.sec_05 .f_table_m .f_total_money {font-size: 18px; color:#f5a21a; font-weight: bold; text-align: right;}
	.sec_05 .comment {border:1px #9a9a9a solid; padding:10px; margin-top: 50px; margin-bottom: 50px; color: #4b4b4b;}
	
	.sec_06 .sub_tit {font-size: 16px;text-align: left;}
	.sec_06 .txt_area .txt {text-align:center;}
	.sec_06 .report_edu {display: inline-block; text-align: center; padding-top: 20px; }
    .sec_06 .report_living {display:inline-block; text-align: center;}
    .sec_06 .report_edu_img {display:block; background-image:url('../img/annual2017/report_edu@2x.png');height: 160px;width: 140px;background-size: 140px 160px;}
    .sec_06 .report_living_img {display:block; background-image:url('../img/annual2017/report_living@2x.png');height: 160px;width: 140px;background-size: 140px 160px;}
    .sec_06 .report_edu_down, .report_living_down {padding-top:10px; cursor: pointer;}
    .sec_06 .comment {text-align: left;font-size:15px; border:1px #9a9a9a solid; padding:20px; margin-top: 50px;  margin-bottom: 50px;}
    .sec_06 .embed_download {font-weight: bold;cursor: pointer; color:#757575;}
    .sec_06 .pc_down {display:none;}
    
    .sec_07 {background-color: #fff5ed;color:#4b4b4b;}
    .sec_07 .col-lg-4{margin-top: 50px;}
    .sec_07 .txt_area .txt .row > li > img {height: 65px; width: 95px; margin-top: -40px;}
    .sec_07 .letter_name { display: inline-block; font-size: 18px; font-weight: bold;}
    .sec_07 .letter_comment { font-size: 15px; padding: 20px; border: 1px #fea30b solid;}
	
	.sec_08 {background:#ffbf64;}
	.sec_08 .container .header {border-top: 1px  #ffffff solid; border-bottom:none; padding: 20px 0px 20px 0px; height:100%; max-height: 450px;}
	.sec_08 .container .txt_area {margin-top: -70px;}
    .sec_08 .header_tit {font-size: 16px; color:#333333; text-align: left;}
    .sec_08 .img_thx {background-image: url('../img/annual2017/img_thankyou@3x.jpg'); background-repeat: no-repeat; background-size: 300px 330px; margin-top:50px; height: 330px; background-position-x: center; text-align: center;}
    .sec_08 .sns_list > ul { text-align: center;margin: 30px auto; max-width: 900px;}
    .sec_08 .sns_list > ul > li {border-right: 1px #ffffff solid; padding:0 5px 0 5px;width: 33.33333%;}
    .sec_08 .sns_list > ul > li:nth-child(3) {border-right: none}
    .sec_08 .sns_list > ul > li:last-child {border-right: none}
    .sec_08 .sns_list .list_img {height: 65px; width: 65px; background-repeat: no-repeat; margin-top: 13px;background-position: center;}
    .sec_08 .sns_list .list_tit {font-weight:bold; font-size: 12px;line-height:1.3;word-break: keep-all; display: inline-block; padding-left: 5px;}
    .sec_08 .sns_list .vision {background-image: url('../img/annual2017/icon_vision@2x.png');}
    .sec_08 .sns_list .organization {background-image: url('../img/annual2017/icon_org@2x.png');}
    .sec_08 .sns_list .fundgallery {background-image: url('../img/annual2017/icon_fundgallery@2x.png');}
    .sec_08 .sns_list .annualreport {background-image: url('../img/annual2017/icon_annualreport@2x.png'); margin-left: 10px;}
    .sec_08 .sns_list .blog {background-image: url('../img/annual2017/icon_blog@2x.png');}
    .sec_08 .sns_list .sns {background-image: url('../img/annual2017/icon_sns@2x.png');}
    .sec_08 .together_banner {background-image: url('../img/annual2017/bn_together@3x.jpg'); background-repeat:no-repeat; background-size:300px 280px; height:300px; margin-top:30px; margin-bottom: 50px; background-position-x:center;}
	.sec_08 .icon_opinion {background-image: url('../img/annual2017/icon_opinion.png'); background-repeat: no-repeat;display:block;}
	.sec_08 .survey {font-size:18px; text-align: center; color: #ff8800; border:1px #ff8800 solid; width:250px; height:45px; vertical-align: middle; display: inline-block; margin-top: 200px; padding: 8px; padding-left: 25px; margin-left:25px;}

	/*IE용 스크롤바 - 0321 수 */
	.popup_content{scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
	/* Chrome, Safari용 스크롤 바 */
	.popup_content::-webkit-scrollbar {width: 10px; height: 8px; border: 3px solid #fff; }
	.popup_content::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
	.popup_content::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
    .popup_content::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
	
}

@media only screen and (min-width:1080px) {
    
    .popup {position: fixed; background:#ffffff; z-index: 19999; top: 30px; left:50%; right: 20%; height:90%; margin-left: -540px; overflow: scroll;}
    .btn_close{ cursor:pointer; top: 0;background-image: url('../img/annual2017/icon_btn_close.png'); background-repeat: no-repeat; height:50px; width:50px; display: inline-block; right:0px;position: absolute;}
	.popup_tit {display:block; font-size: 24px; font-weight: bold; color:#4d4740;margin-top: 50px;padding-bottom: 40px;border-bottom: 1px #ffb336 solid;width: 1000px;margin-left: 40px;}
	.popup_content {margin-top: 45px;margin-left: 30px; margin-bottom: 50px;}
	.icon_arrow {background-image: url('../img/annual2017/icon_arrow.png'); background-repeat: no-repeat;height:20px; width:20px; display: inline-block;vertical-align: middle;}
	
	#header .main {display:none !important;}
	#footer {display:none !important;}
	
	.backcolor {background-color: #ffdeb5;}
	.container .txt_area .txt > span {font-size: 18px;line-height: 1.8;}
	
    /*타이틀*/
    .container {max-width:1120px; padding-top: 50px;}
	.container .tit {color: #4d4740; font-weight: 700; font-size: 22px;line-height: 34px;}
	.container .tit_sub {float: right; background-color: #ffb336; padding: 5px; color:#4d4740; font-size: 20px;}
	.container .header {border-top: 1px  #ffb336 solid;border-bottom: 1px  #ffb336 solid; height:183px;}
	.container .txt_area {padding-top:100px;color:#4b4b4b;}	 
	
	.sec_01 .header_img {display:block; background-image: url('../img/annual2017/img_bar01.png'); background-repeat: no-repeat; height: 150px;background-position:center; margin-top: 16px;margin-bottom: 16px;}
	.sec_02 .header_img {display:block; background-image: url('../img/annual2017/img_bar02.png'); background-repeat: no-repeat; height: 200px;background-position:center; margin-top: 16px;}
	.sec_03 .header_img {display:block; background-image: url('../img/annual2017/img_bar03.png'); background-repeat: no-repeat; height: 200px;background-position:center; margin-top: 16px;}
	.sec_04 .header_img {display:block; background-image: url('../img/annual2017/img_bar04.png'); background-repeat: no-repeat; height: 200px;background-position:center; margin-top: 16px;background-size:contain;}
	.sec_05 .header_img {display:block; background-image: url('../img/annual2017/img_bar05.png'); background-repeat: no-repeat; height: 156px;width:100%;background-size: contain;background-position:center; margin-top: 24px;}
	.sec_06 .header_img {display:block; background-image: url('../img/annual2017/img_bar06.png'); background-repeat: no-repeat; height: 165px;background-position:center; margin-top: 13px;margin-bottom: 13px;}
	.sec_07 .header_img {display:block; background-image: url('../img/annual2017/img_bar07.png'); background-repeat: no-repeat; height: 150px;background-position:center; margin-top: 16px;margin-bottom: 16px;}
	
	/* main 한눈에 보는 2017 */
	.sec_top {padding:120px 0 20px;;background-image: url('../img/annual2017/img_main_bg.png');background-repeat:no-repeat;background-position:center top;}
	.sec_top .sec_tit {margin-bottom:20px;color:#fff;font-size:70px;font-weight:900;text-shadow:6px 6px 6px #df9620;text-align:center;font-family:'맑은 고딕','Malgun Gothic','NanumBarunGothic','돋움','dotum','Apple SD Gothic Neo','AppleGothic',sans-serif;letter-spacing:-5px}
	.sec_top .sec_video {position: relative;width: 100%;max-width:1000px;padding:26.25%;margin:0 auto}
    .bf_video {position: absolute;top: 0;left: 0;width: 100%;max-width:1000px;height: 100%;padding:40px 40px 0 40px;background-color:#fff;}
	.sec_top .tit {width: 100%;max-width:1000px;padding:20px 0;background-color:#fff;margin:0 auto;font-weight:700;text-align:center}
	.sec_top .btn_scroll {display: block;width: 50px;height:50px;margin:70px auto 0;background:url('../img/annual2017/btn_scroll.png')}
	
	/*김군자할머니*/
	.sec_01 .sec01_img_pc {background-image: url('../img/annual2017/img_sec01.jpg'); background-repeat: no-repeat; display:block; width:100%; height:670px; margin-top: 50px;}
	.sec_01 .container .txt > ul {background-color: #ffffff;width:100%; height:720px; margin-bottom: 50px; padding-top: 10px; padding-left: 40px;}
	.sec_01 .sec01_comment {margin-left: 100px;background-image:url('../img/annual2017/img_sec01_comment.png'); background-repeat:repeat-x; height:105px; width:auto; max-width:890px; padding: 10px 30px 10px 40px; font-size: 16px; font-weight: bold; display: inline-block;margin-top: -100px;vertical-align: middle; border-right: #999 1px solid;}
	.sec_01 .sec01_name {font-size: 16px; font-weight: 300;}
	.sec_01 .gotopage_sec01 {font-size: 16px; color:#4b4b4b; font-weight: bold; text-decoration: underline;cursor: pointer; float:right; margin-bottom: 50px;display: inline-block;}
	.sec_01 .icon_flower {background-image: url('../img/annual2017/icon_flower.png');height:32px; width:37px; background-repeat: no-repeat;display: inline-block;margin-left: 5px; vertical-align: middle;}
	
	.sec_01 .sec01_icon01 {background-image: url('../img/annual2017/icon_donator01_sec01.png'); background-repeat: no-repeat; display:block; height:85px; width: 86px; vertical-align: middle; margin-top: 50px; }
	.sec_01 .sec01_icon02 {background-image: url('../img/annual2017/icon_donator02_sec01.png'); background-repeat: no-repeat; display:block; height:85px; width: 86px; vertical-align: middle; margin-top: 50px; }
	.sec_01 .sec01_icon03 {background-image: url('../img/annual2017/icon_donator03_sec01.png'); background-repeat: no-repeat; display:block; height:85px; width: 86px; vertical-align: middle; margin-top: 50px; }
	.sec_01 .sec01_icon04 {background-image: url('../img/annual2017/icon_donator04_sec01.png'); background-repeat: no-repeat; display:block; height:85px; width: 86px; vertical-align: middle; margin-top: 50px; }
	
	/*기부회원*/
	.sec_02 .txt_area {margin-bottom:50px;}
	.sec_02 .icon_array {padding-top: 100px;}
	.sec_02 .icon_array .health, .education, .labor, .culture, .social, .safe, .living, .envrionment, .etc {float:left; padding: 0 18px 0 18px;}
	.sec_02 .container .txt_area .icon_array > div {text-align: center;border-right: 1px #dadada solid; height: 142px;}
	.sec_02 .container .txt_area .icon_array > div:last-child { border-right: none}
	.sec_02 .icon_img {display:block; width:46px; height:47px; margin: 0 auto 10px;}
	.sec_02 .icon_img_m {display:none;}/*모바일버전 보이지않게*/
	.sec_02 .pecent_num {font-size:29px; font-weight: bold; color: #f5a21a;}
	.sec_02 .percent {color: #f5a21a;}
	.sec_02 .title {color: #4b4b4b; text-align: center; line-height: 24px; font-size: 16px; padding-top: 10px; font-weight: bold;}
	.sec_02 .donator_comment {margin-top: 40px;margin-left: 0px;font-size: 15px;}
	.sec_02 .donator_comment ul {font-size: 15px;}
	.sec_02 .donator_comment ul > li {height: 150px; width: 340px; margin-top:80px; margin-left: 20px;}
	.sec_02 .donator_comment ul > li:nth-child(2n+1){background-image: url('../img/annual2017/img_comment_bak01.png'); background-repeat: no-repeat; height: 160px;}
	.sec_02 .donator_comment ul > li:nth-child(2n){background-image: url('../img/annual2017/img_comment_bak02.png'); background-repeat: no-repeat; height: 160px;}
	
	.sec_02 .donator_comment .comment_icon_img {display:block;margin-top: -30px;margin-left: 0px;}
	.sec_02 .donator_comment .comment_icon_img_m {display:none;}
	.sec_02 .donator_comment .donator {margin-top: -30px; margin-left: 50px; background-color: white; width:110px;}
	.sec_02 .donator_comment .do_comment {margin-top: 12px;}
	
	/*주요기부 결과*/
	.sec_03 .container .txt_area {margin-bottom: 50px;}
	.sec_03 .container .txt_area .txt .fund_txt {padding-left: 250px; font-weight: bold; color:#4b4b4b;}
	.sec_03 .result_img {float: left; height:94px; width: 210px;}
	.sec_03 .result_tit {font-weight: bold;font-size: 18px;}
	.sec_03 .result_content{padding-top: 15px;font-size: 16px;line-height:1.8}
	.sec_03 .donator_icon {margin-top: 50px; width: 80px; height: 80px; display: block;}
	.sec_03 .fund_num {font-size: 42px; color:#f5a21a; font-weight: bold;}
	
	.sec_03 .container .txt_area .txt > dl { margin-top: 50px; border-top:#d9d9d9 1px solid; padding-top:50px;}
	.sec_03 .container .txt_area .txt > dl > dd {margin-left: 270px;}
	.sec_03 .img01 {background-image: url('../img/annual2017/logo_superman.png'); background-repeat: no-repeat;}
	.sec_03 .img02 {background-image: url('../img/annual2017/logo_bfday.png'); background-repeat: no-repeat;}
	.sec_03 .img03 {background-image: url('../img/annual2017/logo_fund.png'); background-repeat: no-repeat;}
	
	.sec_03 .icon01 {background-image: url('../img/annual2017/icon_result01.png'); background-repeat: no-repeat; display: inline-block;}
	.sec_03 .icon02 {background-image: url('../img/annual2017/icon_result02.png'); background-repeat: no-repeat; display: inline-block;}
	.sec_03 .icon03 {background-image: url('../img/annual2017/icon_result03.png'); background-repeat: no-repeat; display: inline-block;}
	
	.sec_03 .apply_comment {margin-top:-80px;width:100%;margin-left:0;display:block;height:83px;background-image:url('../img/annual2017/img_comment_04.png');background-position:80px top;background-repeat:no-repeat;}
	.sec_03 .comment_sec04 {font-size:15px; font-weight:bold; display: inline-block;padding:15px 45px 15px 130px;}
	
		
	/*새기금 팝업*/
	.sec_03 .newfund_list {font-size:15px; margin-left:15px; margin-bottom: 20px; border-bottom: 1px #dadada solid; width: 93%;}
	.sec_03 .newfund_tit {font-weight: bold;}
	.sec_03 .newfund_group .newfund_name:before{content:'+ '; font-weight: bold; color:#ffb336;}
	.sec_03 .newfund_group .newfund_apply:before{content:'+ '; font-weight: bold; color:#ffb336;}
	.sec_03 .newfund_group .newfund_apply { margin-left: 100px;}
	.sec_03 .newfund_content {margin: 20px 0 20px 0; width: 95%;}
	.sec_03 .fund_popup {font-size: 14px; color:#4b4b4b; font-weight: bold; text-decoration: underline;cursor: pointer; float:right; margin-top:40px; margin-bottom: 50px; }

    /*지원결과*/
	.sec_04 .container .txt_area .txt > ul {font-size: 15px; margin-top: 50px; margin-bottom: 50px;}
	.sec_04 .header_title {border-top: 1px solid #f5a11a; width: 55%; text-align: center; font-weight: bold; margin:auto 0; float:left;}
	.sec_04 .header_applicant {border-top: 1px solid #f5a11a; width:15%; text-align: center; font-weight: bold; margin: 0 auto; float:left;}
	.sec_04 .header_applicant .header_sub {word-spacing: 30px;border-top: 1px solid #f5a11a; font-size: 13px; margin: auto 0; }
	.sec_04 .header_money{border-top: 1px solid #f5a11a; margin: 0 auto; text-align: center; font-weight: bold;}
	.sec_04 .icon_hea {background-image: url('../img/annual2017/icon_hea.png'); background-repeat: no-repeat;display:block;}
	
	/*지원결과 표*/
	.slide_tb {margin-bottom: 3px;border: #d9d9d9 1px solid; color:#4b4b4b;}
	.slide_tb .hide {padding: 30px; border-top: 1px #d9d9d9 solid; display:none;float: left;}
	.slide_tb .apply_tit {width:25%; margin:auto 0; display: inline-block; letter-spacing: -0.9px;line-height: 73.5px;text-align: left;  font-weight: 800; font-size: 18px;}
	.slide_tb .apply_sub {width:30%; margin:auto 0;  display: inline-block;text-align: left;font-weight: 400;}
	.slide_tb .apply_applicant {width:15%;margin-left:-4px;text-align:center; font-weight: 400;  display: inline-block;}
	.header_applicant .apply_applicant .personal,
	.slide_tb .apply_applicant .personal {float:left; text-align: center; width:50%}
	.slide_tb .apply_applicant .group {text-align: center;}
	.slide_tb .apply_money {width:20%; color:#f5a21a; font-size:20px; text-align:right; margin:auto 0; display: inline-block;font-weight: 700;}
	.slide_tb .downbtn {padding:25px;border-left: 1px #d9d9d9 solid;border-bottom: 1px #d9d9d9 solid; background-color: #f8f8f8; float:right; cursor:pointer;}
	.slide_tb .apply_img {padding: 20px;}
	.slide_tb .social_tit {display:inline-block;width:100px;line-height:1.5;vertical-align:middle}
	
	/*지원결과 상세내용 표*/
	.div_table {display: table;font-size:15px; border-top: 1px solid #f5a21a; border-collapse: collapse; width: 100%;}
	.div_body {display:table-row-group;}
	.div_head {display:table-row; text-align: center; font-weight: 800;border-bottom: 1px solid #d9d9d9;}
	.div_row {display: table-row;border-bottom: 1px solid #d9d9d9;}
	.div_cell {display:table-cell; padding: 3px 10px;vertical-align: middle;}
	.div_appnum {text-align: center;vertical-align: middle;}
	.div_num {text-align:right; font-weight:bold; vertical-align: middle; padding-right: 50px;}
	.tb_title {width: 25%}
	.tb_detail {width: 35%}
	.tb_apply {width: 10%}
	.tb_money {width: 20%;}
	
	.sec_04 .apply_review {margin-top:80px;background:url('../img/annual2017/bg_sec04_line.png') repeat-y center top;}
	.sec_04 .apply_review .tit {margin-bottom:25px}
	.sec_04 .review_tit {font-size: 17px; font-weight: 700; text-align: left;}
	.sec_04 .review_content{margin-top: 20px; line-height: 28px;}
	.sec_04 .apply_review .apply_r {margin-top:140px}
	.sec_04 .apply_review .apply_l li {padding-right:40px;background:url('../img/annual2017/bg_sec04_leafr.png') no-repeat right top; }
	.sec_04 .apply_review .apply_r li {padding-left:40px;background:url('../img/annual2017/bg_sec04_leafl.png') no-repeat left top; }
	.sec_04 .apply_review ul {width:50%;float:left;}
	.sec_04 .apply_review ul li {margin-bottom:40px;width:100%;font-size:15px}
	.sec_04 .apply_review ul li .review_group {border: 1px solid #ffb336;padding: 15px;}
	.sec_04 .apply_review ul li:nth-child(2n) .review_group {background-color:#fff5ec}
	.sec_04 .apply_review ul li .review_group .review_tit {color:#4b4b4b}
	.sec_04 .apply_review ul li .review_group .review_content {margin-top:10px}
	.sec_04 .apply_popup {margin:30px 0 50px;text-align:center}
	.sec_04 .apply_popup .icon_arrow {margin-left:5px}
	
    /*지원사업 컨텐츠리스트 팝업*/
	.sec_04 .apply_detail dl {margin-top:30px;margin-left:20px;}
	.sec_04 .apply_detail dt, dd {margin:0; padding:0;}
	.sec_04 .apply_detail dt {float: left;font-weight: bold; font-size: 18px; margin-bottom: 15px;}
	.sec_04 .apply_detail dd > a {font-weight: bold;}
	.sec_04 .apply_detail .popup_content > dl > dd {margin-left: 150px; border-bottom: 1px #d9d9d9 solid; width: 840px;}
	.sec_04 .apply_detail .apply_tit { display: inline-block; width: 90px; vertical-align: middle;}
	.sec_04 .apply_popup {font-size: 14px; color:#4b4b4b; font-weight: bold; text-decoration: underline;cursor: pointer;}	
	.sec_04 .detail_tit {display:block; padding-bottom: 30px;}
	.sec_04 .detail_sub {display:block; font-size: 15px; font-weight: 400;}
	
	.sec_05 .f_table_m {display:none;}
	.sec_05 .f_img  {margin: 0 auto; float:left; padding-top:100px;}
	.sec_05 .f_table {width:710px; margin-top: 100px; margin-left: 370px;font-size:15px; border-top: 1px solid #f5a21a; border-collapse: collapse;}
    .sec_05 .f_table .tb_img {padding: 10px;}
    .sec_05 .f_table > thead {border-bottom: 1px #9a9a9a solid; text-align: center;}
    .sec_05 .f_table > tbody > tr {border-bottom: 1px #dadada solid; padding: 5px;}
    .sec_05 .f_table > tbody > tr > td {padding: 5px;}
    .sec_05 .f_table .money {text-align: right;vertical-align: middle;}
    .sec_05 .f_table .strong {font-weight: bold;}
    .sec_05 .comment {text-align: left;border:1px #9a9a9a solid; text-align: center; padding:20px; margin-top: 50px; margin-bottom: 50px; color:#4b4b4b; font-size: 16px;}
	
    /*영역다운로드 팝업*/
	.sec_06 .sub_tit {font-size: 18px;line-height: 1.8;}
    .sec_06 .report_edu {display: inline-block; text-align: center; margin-top:50px; padding-top: 20px; padding: 40px; margin-left:200px;}
    .sec_06 .report_living {display:inline-block; text-align: center;}
    .sec_06 .report_edu_img {background-image:url('../img/annual2017/report_edu.png'); height:310px; width:280px;}
    .sec_06 .report_living_img {background-image:url('../img/annual2017/report_living.png');height:310px; width:280px;}
    .sec_06 .report_edu_down, .report_living_down {padding-top:10px;cursor: pointer;}
    .sec_06 .comment {color: #4b4b4b;font-size:16px; border:1px #9a9a9a solid; padding:20px; margin-top: 50px; margin-bottom: 50px;}
    .sec_06 .embed_download{display:none;}
    .sec_06 .pc_down {font-weight: bold;}
    
    .sec_07 {color:#4b4b4b;font-weight:bold;height:1608px;}
    .sec_07 .col-lg-4{width: 33.33333333%;margin-top: 50px;}
    
     /*comment mouseover*/
    .sec_07 .container .txt_area .cm_01, .cm_02, .cm_03, .cm_04, .cm_05, .cm_06, .cm_07, .cm_08, .cm_09, .cm_10, .cm_11, .cm_12 {display:none;}
    .sec_07 .container .txt_area .letter_01:hover .cm_01{display:block;}
    .sec_07 .container .txt_area .letter_02:hover .cm_02{display:block;}
    .sec_07 .container .txt_area .letter_03:hover .cm_03{display:block;}
    .sec_07 .container .txt_area .letter_04:hover .cm_04{display:block;}
    .sec_07 .container .txt_area .letter_05:hover .cm_05{display:block;}
    .sec_07 .container .txt_area .letter_06:hover .cm_06{display:block;}
    .sec_07 .container .txt_area .letter_07:hover .cm_07{display:block;}
    .sec_07 .container .txt_area .letter_08:hover .cm_08{display:block;}
    .sec_07 .container .txt_area .letter_09:hover .cm_09{display:block;}
    .sec_07 .container .txt_area .letter_10:hover .cm_10{display:block;}
    .sec_07 .container .txt_area .letter_11:hover .cm_11{display:block;}
    .sec_07 .container .txt_area .letter_12:hover .cm_12{display:block;}
    
    .sec_07 .tit_sub {font-weight: 400;}
    .sec_07 .txt_area .txt .row > li > img {border-bottom: 1px #ffb336 solid; height: 180px; padding-left: 45px;}
    .sec_07 .letter_name {font-size: 18px; text-align: center;}
    .sec_07 .letter_comment {background-image:url('../img/annual2017/img_comment_box.png'); background-repeat: no-repeat; height: 250px; width: 340px; font-size: 15px; padding: 10px 30px;position: absolute;top: 0;}
    
    .sec_08 {background:#ffbf64;}
	.sec_08 .container .header {border-top: 1px  #ffffff solid; border-bottom:none;}
	.sec_08 .container .txt_area {margin-top: -70px;}
    .sec_08 .header_tit {line-height: 1.8;padding-top: 25px;padding-bottom: 25px;font-size: 18px; color:#333333; text-align: left;}
    .sec_08 .img_thx {background-image: url('../img/annual2017/img_thankyou.jpg'); background-repeat: no-repeat; height:460px;text-align: center;background-position: center;}
    .sec_08 .sns_list > ul { text-align: center;margin: 30px auto; max-width: 900px;}
    .sec_08 .sns_list > ul > li {border-right: 1px #ffffff solid; padding:0 5px 0 5px;}
    .sec_08 .sns_list > ul > li:last-child {border-right: none}
    .sec_08 .sns_list .list_img {height: 65px; width: 65px; background-repeat: no-repeat; margin-top: 13px;background-position: center;}
    .sec_08 .sns_list .list_tit {font-weight:bold; font-size: 12px; display: inline-block; padding-left: 5px;}
    .sec_08 .sns_list .vision {background-image: url('../img/annual2017/icon_vision@2x.png');}
    .sec_08 .sns_list .organization {background-image: url('../img/annual2017/icon_org@2x.png');}
    .sec_08 .sns_list .fundgallery {background-image: url('../img/annual2017/icon_fundgallery@2x.png');}
    .sec_08 .sns_list .annualreport {background-image: url('../img/annual2017/icon_annualreport@2x.png'); margin-left: 10px;}
    .sec_08 .sns_list .blog {background-image: url('../img/annual2017/icon_blog@2x.png');}
    .sec_08 .sns_list .sns {background-image: url('../img/annual2017/icon_sns@2x.png');}
    .sec_08 .together_banner {background-image: url('../img/annual2017/bn_together.jpg'); background-position: center; height:110px;width: 100%; max-width: 1080px; margin-top:30px; margin-bottom: 50px;}
	.sec_08 .icon_opinion {background-image: url('../img/annual2017/icon_opinion.png'); background-repeat: no-repeat;display:block;}
	.sec_08 .survey {font-size:20px; text-align: center; color: #ff8800; border:1px #ff8800 solid; width:300px; height:45px; vertical-align: middle; display: inline-block; margin-top: 300px; padding: 8px; padding-left: 20px;}
}
@media only screen and (min-width:1420px) {
	
	
	/* 퀵메뉴 */
	.img_tree {position: fixed; height:120px;width:160px; top: 340px; background-size: 99px 99px; right:10px;background-repeat: no-repeat; background-position: center;}
	.quick_menu {margin-top:0}
	.quick_menu ul > li {width:auto}
	.quick_menu ul > li a {display:block;background: url('../img/annual2017/quick_menu_leaf.png') no-repeat left center; padding: 4px 15px;overflow:auto;text-indent:0;}
	.quick_menu { font-size: 13px;top: 450px;width:160px;background-repeat: no-repeat; position: fixed; right:10px; padding: 15px;}
    .quick_menu ul > li:hover > a,
	 ul > li:focus>a,
	 ul > li:active>a,
	 ul > li.active>a {
	  color: #f5a11a;
	  font-weight: bold;
	 }
	.quick_menu ul > li > .bold {font-weight: bold; color:#f5a11a;background: url('../img/annual2017/quick_menu_leaf_cur.png') no-repeat left center;}
	
}
@media only screen and (min-width:1367px) {
	
}
@media only screen and (max-width:1419px) {
	
    .sec_06 .report_group {text-align: center;}
	.sec_05 .f_img {float:none; text-align:center;padding-top: 100px; padding-bottom: 100px;}
	.sec_05 .f_table { width: 100%; margin-top: 100px; font-size: 15px; border-top: 1px solid #f5a21a; border-collapse: collapse; margin: 0 auto;}
	.sec_06 .report_edu {margin:0 auto;}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}



/* annual 2017 */
@media only screen and (max-width:1079px) {
	.annualreport2017 .sec_07 .txt_area .txt .row > li > img {height:auto}
	.annualreport2017 .sec_08 .survey {margin-left:0;padding-left:8px}
	.annualreport2017 .sec_08 .icon_opinion {padding-left:30px;text-align:center}
}

@media only screen and (min-width:1080px) {
	.annualreport2017 .sec_01 .sec01_img_pc {
		background-image: url(../img/annual2017/img_sec01.jpg);
		background-repeat: no-repeat;
		display: block;
		width: 100%;
		height: 670px;
		margin-top: 50px;
	}
	
	.annualreport2017 .sec_01 .container .txt > ul {padding:10px 40px}
	.annualreport2017 .sec_01 .gotopage_sec01 {margin-top:20px;margin-bottom:auto;}
	.annualreport2017 .sec_02 .icon_array .health,.annualreport2017 .sec_02 .education,.annualreport2017 .sec_02 .labor,.annualreport2017 .sec_02 .culture,.annualreport2017 .sec_02 .social,.annualreport2017 .sec_02 .safe,.annualreport2017 .sec_02 .living,.annualreport2017 .sec_02 .envrionment,.annualreport2017 .sec_02 .etc {width:11%;float:left;padding:0}
	.annualreport2017 .sec_02 .percent {font-size:18px;font-weight:400}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(2n+1),
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(2n) {background-image:none}
	.annualreport2017 .sec_02 .donator_comment ul > li {width:33.3333333%;margin:80px 0 0 0}
	.annualreport2017 .sec_02 .donator_comment ul > li .comment_area {width:100%;max-width:279px;height:220px;padding:0 20px;background-repeat:no-repeat;background-size:contain;background-position:center bottom;}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(2n) .comment_area  {background-image: url('../img/annual2017/img_comment_bak01_279.png')}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(2n+1) .comment_area {background-image: url('../img/annual2017/img_comment_bak02_279.png')}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(5) .donator {width:215px}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(9) .donator {width:212px}
	.annualreport2017 .sec_02 .donator_comment .do_comment {font-weight: bold;line-height: 1.7;}
	

	.annualreport2017 .tb_apply {word-break:keep-all}
	.annualreport2017 .slide_tb .downbtn {min-height:77px}
	.annualreport2017 .sec_07 {height:auto}
	.annualreport2017 .sec_07 .txt_area .txt .row > li > img {height:auto}
	.annualreport2017 .sec_07 .col-lg-4 {padding-top:47px;text-align:center}
	.annualreport2017 .sec_07 .txt_area .txt .row > li > img {border-bottom:0}
	.annualreport2017 .sec_07 .letter_name {margin-top:0;padding-top:5px;border-top: 1px #ffb336 solid;}
	.annualreport2017 .sec_07 .letter_comment {padding:20px 30px;text-align:left}
	.annualreport2017 .sec_07 .container .txt_area {padding:50px 0}
	.annualreport2017 .sec_08 .survey:hover,.annualreport2017 .sec_08 .survey:active,.annualreport2017 .sec_08 .survey:focus {color:#db6c00}
	.annualreport2017 .sec_08 .icon_opinion {padding-left:20px}
}

@media only screen and (min-width:1420px) {
	/*.annualreport2017 .sec_01 .sec01_img_pc {background-image: url(./img/annual2017/img_sec01.jpg);}*/
	.annualreport2017 .sec_02 .donator_comment ul > li .comment_area {width:100%;max-width:333px;height:190px;padding:0 20px;background-repeat:no-repeat;background-size:contain;background-position:center bottom;}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(2n) .comment_area  {background-image: url('../img/annual2017/img_comment_bak01.png')}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(2n+1) .comment_area {background-image: url('../img/annual2017/img_comment_bak02.png')}
}

@media only screen and (max-width:320px) {
	
	.quick_menu {width:18px;overflow:hidden; position:fixed; right:5px; padding-left:3px;margin-top: 20%;top:0px;}
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(5) .do_comment,
	.annualreport2017 .sec_02 .donator_comment ul > li:nth-child(9) .do_comment {margin-top:48px}
}