@charset "utf-8";

.sec-h1{position:relative;left:0;padding-bottom:100px;}


#visual_section.main {background-image:url('../img/bg.jpg');}
#visual_section.main1 {background:#2660ac;}
#visual_section.main2 {margin-top:120px;position:relative;background:#fff;}
#visual_section.our_story {background-image:url('../images/our_story/visual_bg.jpg');}
#visual_section.get_involved {background-image:url('../images/get_involved/visual_bg.jpg');}
#visual_section.what_we_do {background-image:url('../images/what_we_do/visual_bg.jpg');}
.arrow_down {position:absolute; bottom:65px; left:50%; width:24px; height:65px; margin-left:-12px;}
.arrow_down img {position:absolute; top:0; left:0; max-width:100%;}

.tcont01 {position:relative; width:100%; padding:200px 0 0 0; text-align:center; color:#000;width:1280px; margin:0 auto; }
.tcont01 .t01 {border:0px solid yellow;display:block; font-size:30px; }

.tcont01 .t01 b {font-weight:500;}
.tcont01 .t02 {display:block; padding-top:80px; font-size:16px; line-height:1.5;color:rgba(0,0,0,0.3);}
.tcont01 .t02 b {font-weight:normal;}


.tcont01 .kakaobtn{position:relative;padding-top:10px;margin:auto;border:0px solid yellow;}
.tcont01 .kakaobtn .btn.yellow {border-radius:10px;letter-spacing:0em;padding:0px 20px 0px 20px;font-size:22px;font-weight:300;color:#fff; background:#2776df;}
.tcont01 .content_list li{width:16.5%;float:left;text-align:center;position:relative;border:0px solid yellow;}
.tcont01 .content_list li>div{height:200px;background-color:#fff;border-radius:20px;margin:0 10px;padding:40px 0;border:1px solid #e9f1fd;}
.tcont01 .content_list li:nth-child(2n)>div{background-color:#fff}
.tcont01 .content_list li>div p{font-size:20px;color:#000;letter-spacing:-.04em;margin-top:43px;margin-bottom:10px;}
.tcont01 .content_list li>div span{font-size:16px;color:rgba(0,0,0,0.5);letter-spacing:-.06em;font-weight:300}
.tcont01 .content_list li>div{position:relative}
.tcont01 .content_list li.be_txt01>div:before{font-size:14px;content:"STEP 01";letter-spacing:-.06em;color:rgba(0,0,0,0.3);position:absolute;left:25px;top:20px;font-weight:600}
.tcont01 .content_list li.be_txt02>div:before{font-size:14px;content:"STEP 02";letter-spacing:-.06em;color:rgba(0,0,0,0.3);position:absolute;left:25px;top:20px;font-weight:600}
.tcont01 .content_list li.be_txt03>div:before{font-size:14px;content:"STEP 03";letter-spacing:-.06em;color:rgba(0,0,0,0.3);position:absolute;left:25px;top:20px;font-weight:600}
.tcont01 .content_list li.be_txt04>div:before{font-size:14px;content:"STEP 04";letter-spacing:-.06em;color:rgba(0,0,0,0.3);position:absolute;left:25px;top:20px;font-weight:600}
.tcont01 .content_list li.be_txt05>div:before{font-size:14px;content:"STEP 05";letter-spacing:-.06em;color:rgba(0,0,0,0.3);position:absolute;left:25px;top:20px;font-weight:600}
.tcont01 .content_list li.be_txt06>div:before{font-size:14px;content:"STEP 06";letter-spacing:-.06em;color:rgba(0,0,0,0.3);position:absolute;left:25px;top:20px;font-weight:600}







/* main */



/*Äü¸Þ´º*/
.quickmenu {position:absolute;width:380px;bottom:48%;top:170px;right:20px;background:#fff;}
.quickmenu ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;border:0px solid #ddd;}
.quickmenu ul li {float:left;width:100%;border-bottom:1px solid #ddd;text-align:center;display:inline-block;*display:inline;}
.quickmenu ul li a {position:relative;float:left;width:100%;height:30px;line-height:30px;text-align:center;color:#ccc;font-size:9.5pt;}
.quickmenu ul li a:hover {color:#000;}
.quickmenu ul li:last-child {border-bottom:0;}

/*¸ÞÀÎ½Ç½Ã°£Á¢¼ö¸®½ºÆ®*/
.bbs-list { margin-top:15px;}
.bbs-list .top-page  { position:relative;margin-bottom:20px;}
.bbs-list .top-page p { height:45px;line-height:45px;font-size:18px;color:#333333}
.bbs-list .top-page .search-box { position:absolute;right:0;width:520px;top:0}
.bbs-list .top-page .search-box select { height:45px;line-height:45px;border:1px solid #dddddd;border-radius:23px;padding:0 20px;font-size:17px;}
.bbs-list .top-page .search-box input[type=text] { height:45px;line-height:45px;border:1px solid #dddddd;border-radius:23px;padding:0 20px;font-size:17px;}
.bbs-list .top-page .search-box input[type=button] { height:45px;line-height:45px;border:1px solid #333333;border-radius:23px;padding:0 20px;font-size:17px;background:#333;color:#fff;cursor:pointer}
.bbs-list .list { border-top:3px solid #333333}
.bbs-list .list ul { display:table;width:100%;}
.bbs-list .list ul li{ display:table-cell;border-bottom:1px solid #ddd;padding:20px 0;text-align:center;font-size:18px;color:#999999;font-weight:300;}
.bbs-list .list ul li:nth-child(1)     { width:10%;}
.bbs-list .list ul li:nth-child(2)     { width:20%;text-align:left;}
.bbs-list .list ul li:nth-child(3)     { width:40%;}
.bbs-list .list ul li:nth-child(4)     { width:10%;}
.bbs-list .list ul li:nth-child(5)     { width:20%;}

@media screen and (max-width:767px){
.bbs-list { margin:20px;}
.bbs-list .top-page .search-box  { position:relative;width:100%;}
.bbs-list .top-page p { display:none;}
.bbs-list .list ul li:nth-child(1),
.bbs-list .list ul li:nth-child(5) { display:none;}
.bbs-list .list ul li{padding:15px 0;font-size:14px}
.bbs-list .list ul li:nth-child(2) a { font-size:14px;}


.bbs-list .top-page .search-box select { height:35px;line-height:35px;border-radius:16px;padding:0 10px;font-size:14px;}
.bbs-list .top-page .search-box input[type=text] { height:35px;line-height:35px;border-radius:16px;padding:0 10px;font-size:14px;}
.bbs-list .top-page .search-box input[type=button] { height:35px;line-height:35px;border-radius:16px;padding:0 10px;font-size:14px}

}


/*½Ç½Ã°£*/
.list_data {border:0px solid #e3e3e3;position:absolute;}
.list_data h2{color:#ccc;margin-bottom:10px;}
.list_data .data_list { margin: 0 0 0px;padding:5px;color:#e3e3e3;width:380px;height:350px;border:1px solid #e3e3e3;}
.list_data .data_list>ul { position:relative;}
.list_data .data_list>ul>li { font-size: 14px; font-weight: 300;}
.list_data .data_list>ul>li>div {float: left; text-align: center; padding: 5px; box-sizing: border-box;border-bottom: 0px solid #e3e3e3;}
.list_data .data_list .fir { width: 20%; }
.list_data .data_list .sec { width: 30%; }
.list_data .data_list .thir { width: 20%;}
.list_data .data_list .four { width: 30%; }


/*notice */
#our_people{}
#our_people_pop {display:none; position:fixed; z-index:10000;}
#our_people_pop:before {position:fixed; top:-500px; left:-500px; right:-500px; bottom:-500px; z-index:100; background:rgba(27,23,38,0.7); content:'';}
#our_people_pop .box {height: 100%;
    overflow-y: auto;position:fixed; top:50%; left:50%; z-index:101; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); width:90%; max-width:570px; padding:50px 30px; background:#fff;}
#our_people_pop .box strong {display:block; font-size:32px; text-align:center; line-height:1.6;}
#our_people_pop .box b {display:block;  font-size:16px; text-align:center; line-height:1.6;}
#our_people_pop .box span {display:block; padding-top:8%;  line-height:1.7;}
#our_people_pop .btn_close {position:absolute; top:0; right:0;}
#our_people_list {margin:50px 48px 48px 48px; text-align:center;border:0px solid yellow;}
#our_people_list li {color:#999999;}
#our_people_list img {width:100%; max-width:none;}
#our_people_list .noti {position: absolute;top: 30px;left: 350px;z-index:20;color:red;}
#our_people_list p {overflow:hidden; position:relative;border:0px solid #a5a5a5;}
#our_people_list p em {display:none;}
#our_people_list strong {display:block; padding:0px 0 0px; font-size:18px;font-weight:300; }
#our_people_list b {display:block;  font-weight:300;}
#our_people_list span {display:none;}
#our_people_list .box{background:#fff;border:1px solid #e9e9e9;padding:10px;}



#our_supporters_list {margin:4% 0;}




#get_involved_list li {position:relative; padding-bottom:8.5%;}
#get_involved_list li+li {padding-top:8.5%;}
#get_involved_list li+li:before {position:absolute; top:0; left:50%; width:5000px; height:1px; margin-left:-2500px; background:#acacac; content:'';}
#get_involved_list .tcont02 {position:relative; width:100%; max-width:none; padding:0 100px; text-align:left;}
#get_involved_list .tcont02 p {text-align:justify;}
#get_involved_list b.icon {position:absolute; top:22px; left:0; width:35px; height:30px; background:url('../img/brick2.png') no-repeat; background-size:100% auto;}
#get_involved_list .email {overflow:hidden; position:absolute; top:20px; left:0; width:34px; height:30px; text-indent:-999px; background:url('../images/icon/email.png') no-repeat 0 center; background-size:100% auto;}
#get_involved_list a {color:#436de8;}
#get_involved_list a:hover {text-decoration:underline;}
#get_involved_list form {display:block; padding-top:3%;}
#get_involved_list input[type='text'] {height:65px;}
#get_involved_list input[type='text'], #get_involved_list textarea {width:100%; margin-top:23px; border:0; border-bottom:1px solid #b7b7b7; font-family: 'Lora', 'Apple SD Gothic Neo',sans-serif; color:#848894}


.content_txt_bx{overflow:hidden !important;margin-top:30px;margin-left:20px;margin-right:20px;}
.content_txt_bx .kakaobtn{padding-top:50px;margin:auto;border:0px solid yellow;}
.content_txt_bx .kakaobtn .btn.yellow {border-radius:10px;letter-spacing:0em;padding:10px 40px 10px 40px;font-size:22px;font-weight:300;color:#fff; background:#2776df;}






#what_we_give_list {margin:8.5% 0 0; text-align:center;}
#what_we_give_list li {margin-bottom:8.5%;}
#what_we_give_list img {width:36%; max-width:130px; margin-bottom:9%;}
#what_we_give_list strong {display:block;}
#what_we_give_list span {display:block; padding-top:3px; font-family: 'Lora', 'Apple SD Gothic Neo',sans-serif;}


#our_work {text-align:center;}
.our_work_item {padding-bottom:130px;}
.our_work_item .tcont02 {position:relative; padding:130px 0 100px;}
.our_work_item .tcont02 li {position:absolute; left:-11111px; opacity:0; transition: opacity 0.3s ease;}
.our_work_item .tcont02 li.on {position:static; opacity:1;}
.swiper {position:relative;}
.swiper_container {margin:0 -40%;}
.swiper_container .swiper-slide p {position:relative; padding-bottom:62.5%;}
.swiper_container .swiper-slide p img {position:absolute; top:0; left:0; width:100%; height:100%;}
.our_work_item .btn_swiper_prev, .our_work_item  .btn_swiper_next {position:absolute; top:50%; z-index:122220; width:72px; height:72px; margin-top:-36px; cursor:pointer; background:no-repeat center #1b1726; background-size:20% auto;}
.our_work_item .btn_swiper_prev {left:0; background-image:url('../images/icon/arrow_prev.png');}
.our_work_item .btn_swiper_next {right:0; background-image:url('../images/icon/arrow_next.png');}

.cont_size01 {width:90%; max-width:1170px; margin:0 auto;}





@media all and (min-width: 992px) {	
	#our_people_list p {position:relative; transition: all 0.3s ease; cursor:pointer;}
	#our_people_list p:after {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(77,98,195,0.72); transition: all 0.5s ease 0s; content:'';}
	#our_people_list p em {display:block; position:absolute; top:50%; left:50%; z-index:5; width:200px; margin-left:-100px; margin-top:-36px; opacity:0; color:#fff; line-height:72px; background:#1b1726; transition: all 0.3s ease;}
	#our_people_list div:hover p {transform:scale(1.1);}
	#our_people_list div:hover em {opacity:1;}
	#our_people_list div:hover p:after {opacity:1;}
	/*
	#our_people_list div {display:block; overflow:hidden; position:relative; transition: all 0.3s ease; cursor:pointer;}
	#our_people_list span {position:absolute; top:100%; left:0; width:100%; height:100%; padding:7.5%; color:#fff; background:rgba(77,98,195,0.72); transition: all 0.5s ease 0s;}
	#our_people_list div:hover {transform:scale(1.1);}
	#our_people_list div:hover strong {bottom:-80px;}
	#our_people_list div:hover span {top:0;}
	*/

	#our_supporters_list li img {transition: all 0.4s ease;}
	#our_supporters_list li:hover img {transform:scale(1.2);}	
	#sub_top { display:none;}
	
}
@media all and (max-width: 991px) {

	#visual_section {position:relative;  border:0px solid red;}
	.arrow_down {width:16px;}
	.tcont01 {position:relative; width:100%; padding:100px 0 0 0; }
	.tcont01 .t01,.tcont01 .t03 {border:0px solid yellow;font-size:20px;}

	.tcont01 .content_list li>div p{font-size:18px;}
	.tcont01 .content_list li>div span{font-size:12px;}



	#main_section01 {margin-bottom:17%;}
	#main_section02 .inwrap {padding:22% 0 30%;}
	#sub_top {margin-bottom:14.32%;}
	
	.our_work_item {padding-bottom:12%;}
	.our_work_item .tcont02 {padding:12% 0 6.8%}
	.our_work_item .btn_swiper_prev, .our_work_item  .btn_swiper_next {width:56px; height:56px; margin-top:-28px;}	
	
	#our_people_list strong {padding-top:20px; font-size:20px;}
	
	#get_involved_list .tcont02 {padding:0 60px;}
	#get_involved_list b.icon {top:15px; width:20px; height:16px;}
	#get_involved_list .email {top:10px; width:20px;}
	#get_involved_list input[type='text'] {height:40px;}
	#get_involved_list input[type='text'], #get_involved_list textarea {margin-top:19px;}

	#what_we_give_list {margin-top:12.5%}


	.tcont01 .content_list li{width:100%;}
	.tcont01 .content_list li>div{height:140px;background-color:#fff;;margin:0 0 10px;padding:0px 0;}
	.quickmenu { display:none;}
	#sub_top { display:none;}

	
}
@media all and (min-width: 767px) {
	.swiper_container .swiper-slide {opacity:0.3; transform:scale(0.95); transition: opacity 0.3s ease;}
	.swiper_container .swiper-slide.swiper-slide-active {opacity:1; transform:scale(1);}


}
@media all and (max-width: 767px) {
	.arrow_down {width:12px;}

	.tcont01 b {display:inline;}


	.tcont01 .kakaobtn{margin:auto;width:70%;}
	.tcont01 .kakaobtn .btn.yellow {font-size:16px;font-weight:500;}

	.tcont01 .t01 .pc{display:none;}
	.tcont01 .t01 .mobile{display:block;}

	#main_section01 .cont, #main_section01 .img {width:100%; text-align:center;}
	#main_section01 .cont {padding-bottom:8%;}


	.swiper_container {margin:0 -100%;}
	.our_work_item .btn_swiper_prev, .our_work_item  .btn_swiper_next {background:no-repeat center; background-size:20% auto;}
	.our_work_item .btn_swiper_prev {left:-10px; background-image:url('../images/icon/arrow_prev.png');}
	.our_work_item .btn_swiper_next {right:-10px; background-image:url('../images/icon/arrow_next.png');}
	
	#our_people_pop .box {padding:35px 15px;}
	#our_people_pop .btn_close img {width:30px; height:30px;}
	#our_people_pop .box strong {font-size:24px;}
	#our_people_pop .box b {font-size:11px;}
	#our_people_pop .box span {padding-top:5%;}
	#our_people_list strong {padding-top:20px; font-size:20px;}
	#our_people_list li {padding-bottom:45px;}

	#our_supporters_list {width:80%; margin:20% 10%;}

	#get_involved_list li {padding-bottom:12.5%;}
	#get_involved_list li+li {padding-top:12.5%;}
	#get_involved_list .tcont02 {padding:0; text-align:center;}
	#get_involved_list .tcont02 p {text-align:center;}
	#get_involved_list b.icon {display:inline-block; position:static; padding-bottom:4%;}
	#get_involved_list .email {display:inline-block; position:static; padding-bottom:4%; text-align:left;}
	#get_involved_list input[type='text'] {height:34px;}
	#get_involved_list input[type='text'], #get_involved_list textarea {margin-top:13px;}

	.quickmenu { display:none;}

	.content_txt_bx .kakaobtn{width:100%;padding:0px;margin:auto;}
	.content_txt_bx .kakaobtn .bt_kakao {font-size:18px;}

	.sec-h1{margin-top:50px;}
	.sec-h1>img {width:70%;border:0px solid yellow;}
}	


.main_board{background:#F7F7F7; padding:0px 20px 60px 20px; overflow:hidden;border:1px solid yellow;}
.main_board h2,
.main_board .tit_info{color:#000;}
.main_board .box{background:#fff; box-sizing:border-box; padding:30px; width:31.7%; margin-left:2%; float:left;}
.main_board .box:first-child{margin-left:0;}
.main_board .box h3{position:relative; font-size:25px; margin-bottom:8px;}
.main_board .box h3 .btn_more{position:absolute; right:0; top:0;}

.main_board .box a.thumb strong{display:block; margin:20px 0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400; font-size:19px;}
.main_board .box a.thumb span{color:#959595; font-size:15px; display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
.main_board .board_list li{overflow:hidden; line-height:18px; margin-bottom:10px;}
.main_board .board_list li:last-child{margin-bottom:0;}
.main_board .board_list a{width:80%; float:left; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.main_board .board_list a:before{content:' '; display:inline-block; background:#b2b2b2; width:3px; height:3px; vertical-align:5px; margin-right:8px;}
.main_board .board_list span.date_field{float:right; width:20%; text-align:right; font-size:13px; color:#aeaeae;}

.main_board .gallery_cont.box a.thumb strong{margin-top:10px;}
.main_board .gallery_cont.box a.thumb span{border-bottom:0; margin-bottom:0; padding-bottom:0;}

.gallery_slide{overflow:hidden; max-height:305px;}
.gallery_slide li{position:relative;}
.gallery_slide .flex-direction-nav a{font-size:0; line-height:40px; width:40px; height:40px; left:50%; top:163px; background:rgba(0,0,0,.5); opacity:1 !important; margin-top:0; text-align:center; z-index:999;}
.gallery_slide .flex-direction-nav a.flex-prev{ margin-left:-41px;}
.gallery_slide .flex-direction-nav a.flex-prev:before{content:' ';  background:url(../img/main/btn_prev.png) no-repeat left top; width:12px; height:20px; margin-top:10px;} 
.gallery_slide .flex-direction-nav a.flex-nav-next{margin-left:40px;}
.gallery_slide .flex-direction-nav a.flex-next:before{content:' ';  background:url(../img/main/btn_next.png) no-repeat left top; width:12px; height:20px; margin-top:10px;} 
@media screen and (max-width:1280px){
	.main_board .box{height:400px; box-sizing:border-box;}
	
	.gallery_slide{position:relative; max-height:none;}
	.main_board .board_list a{font-size:14px; width:65%;}
	.main_board .board_list span.date_field{width:30%;}
	
	
	.gallery_slide .flex-direction-nav{position:absolute; left:auto; top:0; right:40px;}
	.gallery_slide .flex-direction-nav a{top:0;}
}
.tit  { text-align:center;font-weight:bold;font-size:20px;color:#000;padding:150px 0 0px;}

@media screen and (max-width:1000px){
	.tit  { font-size:16px;}
	.main_board{padding:50px 20 60px; }
	.main_board .box{width:100%; margin-left:0; margin-bottom:15px; padding:15px; float:none; height:auto;}
	.main_board .box h3{font-size:20px;}
	
	.main_board .box a.thumb img{width:100%;}
	.main_board .box a.thumb strong{margin:10px 0 5px; font-size:16px;}
	.main_board .box a.thumb span{font-size:13px;}
	}



.inquiry-wrap {padding:50px; }
.inquiry-wrap table { border-top:3px solid #e9f1fd;margin-bottom:35px;width:1280px; margin:0 auto;}
.inquiry-wrap th { padding:20px 0;background:#f9fafb;font-size:18px;color:#000;font-weight:500;border-bottom:1px solid #e0e0e0}
.inquiry-wrap td { padding:20px 20px;font-size:18px;color:#666;font-weight:400;border-bottom:1px solid #e0e0e0;text-align:center;}
.inquiry-wrap td  a {font-size:18px;color:#666;height:25px; line-height:23px;white-space: normal;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden }
.inquiry-wrap tr td:nth-child(2)   { width:70%;}
.inquiry-wrap td.ok{  color:#753d15;}



@media screen and (max-width:1000px){
.inquiry-wrap {padding:20px;background:none; }
.inquiry-wrap table { border-top:2px solid #000;margin-bottom:20px;width:100%;}
.inquiry-wrap th { padding:10px 0;background:#f9fafb;font-size:14px;color:#000;font-weight:500;border-bottom:1px solid #e0e0e0}
.inquiry-wrap td { padding:10px 20px;font-size:14px;color:#666;font-weight:400;border-bottom:1px solid #e0e0e0;text-align:center;background:#fff;}
.inquiry-wrap td  a {font-size:14px;color:#666;height:20px; line-height:20px;white-space: normal;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden }
.inquiry-wrap tr td:nth-child(2)   { width:70%;}
.inquiry-wrap td.ok{  color:#753d15;}

.inquiry-wrap tr th:nth-child(1) ,
.inquiry-wrap tr td:nth-child(1) ,
.inquiry-wrap tr th:nth-child(3) ,
.inquiry-wrap tr td:nth-child(3) ,
.inquiry-wrap tr th:nth-child(4) ,
.inquiry-wrap tr td:nth-child(4) { display:none;}


}