/*재단소개==========================================================================================================================*/

.introduce{background:#71787e url('../images/common/bg_information.jpg') center top no-repeat; min-width:1100px;}
.introduce2{background:#71787e url('../images/common/bg_information1.jpg') center top no-repeat; min-width:1100px;}
.introduce3{background:#71787e url('../images/common/bg_information2.jpg') center top no-repeat; min-width:1100px;}
.introduce4{background:#71787e url('../images/common/bg_information3.jpg') center top no-repeat; min-width:1100px;}
.introduce5{background:#71787e url('../images/common/bg_information4.jpg') center top no-repeat; min-width:1100px;}
.introduce1{background:#71787e url('../images/common/bg_introduce.jpg') center top no-repeat; min-width:1100px;}
.about .tab-type2 > li{width:259px;}
.foundation{margin-top:-1px; border-top:1px solid #e4e4e4; padding:60px 0 0 0;}
.foundation p{margin-bottom:45px; text-align:center; font-size:14px; color:#666; line-height:1.5;}
.foundation .foundationTxt1{margin-bottom:15px; font-size:28px; color:#333; line-height:37px; letter-spacing:-3px;}
.foundation .foundationTxt1 span{color:#31b97f;}
.intro_foundation{margin-bottom:72px; text-align:center;}
.meritList{width:100%; overflow:hidden;}
.meritList li{float:left; width:375px;}
.meritList li:first-child{margin:0 30px 40px 0;}
.meritList li.explain2{margin:0 0 40px 0;}
.meritList li.explain3{margin:0 30px 0 0;}
.meritList li h4{margin-bottom:20px; font-size:18px; font-weight:bold; color:#333;}
.meritList li p{margin-bottom:0; font-size:14px; color:#666; line-height:24px; text-align:left;}
.united{margin-bottom:70px;}
.statesList{width:780px; overflow:hidden;}
.statesList li{float:left; width:119px; height:78px; margin:0 10px 10px 0; border:1px solid #e4e4e4; border-radius:3px; vertical-align:top;}
.statesList li.mrNone{margin-right:0}
.statesList li a{display:block; width:99px; height:78px; padding:0 0 0 20px; line-height:20px;}
.statesList li .country{font-size:14px; font-weight:bold; color:#888; vertical-align:top; line-height:75px;}
.statesList li .country img{margin:22px 7px 0 0; vertical-align:top;}
.statesList li.over{background:#00cbc7; border:1px solid #00cbc7;}
.statesList li.over .country{color:#fff;}
.mission dl{width:576px;height:445px; padding:60px 0 0 204px; }
.mission dl dt{margin-bottom:10px; font-size:18px; font-weight:bold;}
.mission dl dt.txt_color1{color:#ffca00;}
.mission dl dt.txt_color2{color:#c8da2a;}
.mission dl dt.txt_color3{color:#00cbc7;}
.mission dl dd{margin-bottom:80px; font-size:14px; color:#666; line-height:24px;}
.main_value .stit{margin-bottom:50px;}
.main_value .valueList{overflow:hidden;}
.main_value .valueList li{float:left; width:390px; margin:0 0 43px 0;}
.main_value .valueList li.mrNone{margin-right:0;}
.main_value .valueList li dl dt{margin-bottom:15px; font-size:18px; font-weight:bold; color:#31b97f;}
.main_value .valueList li dl dd{padding-left:10px; font-size:14px; line-height:24px; color:#666; background:url('../images/common/bu_circle.gif') left 11px no-repeat;}
.main_programs{margin:40px 0 0 0;}
.main_programs .major{width:100%; height:490px; position:relative; position:relative;}
.main_programs .major dl dt{margin-bottom:10px; font-size:18px; font-weight:bold;}
.main_programs .major dl dd{font-size:14px; color:#666; line-height:24px;}
.main_programs .major .edu_support{position:absolute; top:56px; left:0;}
.main_programs .major .edu_support dt{color:#eb7921;}
.main_programs .major .water_sanitarian{position:absolute; top:239px; left:0;}
.main_programs .major .water_sanitarian dt{color:#00cbc7;}
.main_programs .major .nutrition_support{position:absolute; top:55px; right:31px;}
.main_programs .major .nutrition_support dt{color:#7bb71e;}
.main_programs .major .humane_support{position:absolute; top:425px; left:0;}
.main_programs .major .humane_support dt{color:#ebba00;}
.main_programs .major .independent {position:absolute; top:237px; right:9px;}
.main_programs .major .independent dt{color:#c8da2a;}  


#photo_sBox {
	position: relative;
	width: 100%;
	height: 100px;
	float:left;
	margin-top:40px
}
#photo_sBox .photo_sBox_move {
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -365px;
	top: 0px;
	z-index: 0;
	width: 740px;
	height: 82px;
}
#photo_sBox .photo_sBox_move ul {
	position: absolute;
	width: 4000px;
	min-width: 598px;
	/*left: -3px;*//*2014.03.18
	top: -1px;*/
	padding: 0;
	border-bottom: none;
}
#photo_sBox .photo_sBox_move ul li {
	float: left;
	width: 113px;
	height: 76px;
	margin-right: 6px;
	border:2px solid #cdcdcd;
}
#photo_sBox .photo_sBox_move ul li img {
	width: 113px;
	height: 76px;
}
#photo_sBox .photo_sBox_move ul li.photo_ov {

border: 2px solid #ff6200;
}
#photo_sBox .photo_sBox_left {
	position: absolute;
	left: 10px;
	top: 20px;
	z-index: 0;
	width: 30px;
	height: 40px;
}
#photo_sBox .photo_sBox_right {
	position: absolute;
	right: 10px;
	top: 20px;
	z-index: 0;
	width: 30px;
	height: 40px;
}




/* tab 
#tab1{float:left;  width:100%;   border-bottom:2px #07194a solid; margin-bottom:20px;  }
#tab1 .title{display:none;}
#tab1 ul{float:left; width:100%}
#tab1 ul li a{float:left; height:38px; padding:10px 10px 0 10px; margin:5px 2px 0 2px; font-size:15px; color:#606060; background:#dcdcdc; }
#tab1 ul li a:hover,
#tab1 ul li.on a:link,
#tab1 ul li.on a:visited,
#tab1 ul li.on a:active,
#tab1 ul li.on a:hover{background:#07194a; color:#fff}
*/
#tab1{ position:relative; float:left; width:100%;  }
#tab1 ul{position:relative;margin:0;padding:0;list-style:none;font-size:16px; width:100%; }
#tab1 ul:after{content:"";display:block;clear:both}
#tab1 ul li{float:left;  width:20%; text-align:center}
#tab1 ul li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;background:#fafafa;color:#333; width:99.5%; }
#tab1 ul li a span{display:inline-block;height:25px; padding:10px 5px 5px 5px; letter-spacing:-1px;cursor:pointer;  text-align:center}

#tab1 ul li li a{padding:0;margin:0;border:0 !important;color:#666 !important;background:transparent;letter-spacing:normal}
#tab1 ul li.on a{background:transparent;height: 40px;}
#tab1 ul li.on a span{padding-top:10px;font-weight:bold; color:#0054a6}



.board_view p.bor{border: 1px solid #eee;  background: #fafafa; padding:10px 15px 2px 15px; margin-bottom:10px; font-weight:bold; width:768px}
.board_view p.bor span{ margin-bottom:8px; float:left; width:100%}

 .title { padding:0 0 15px 0;  border-bottom: 1px solid #e3e3e3; margin-bottom:30px; float:left; width:100%}
 .title h1 {  margin: 0;  padding: 0;  color:#333;  font-size: 30px;  font-weight: 400;  line-height: 32px; width:400px; float:left}
 
 
 /* 포토게시판 */
.photo_list{padding:9px 0px 9px 10px; border-top:2px solid #565656; border-bottom:1px solid #cacaca; width:790px; float:left;}
.photo_list li{float:left;width: 252px;height: 200px;padding:10px 5px;text-align:center;}
.photo_list li.cnt_no{min-height:0;padding:25px 0;background-color:#fcfcfc;font-size:15px;font-weight:600;line-height:17px;text-align:center;}
.photo_list li .photo_img{position:relative;margin:auto 0;padding:0;border:1px #dadada solid;overflow:hidden;width: 250px;height: 156px;}
.photo_list li .photo_img img{width: 250px;height: 141px;}
.photo_list li .photo_ti{display:block;width:100%;margin:10px 0 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.photo_list li .photo_img span.new{width:40px;height:40px;position:absolute;z-index: 999; left:0}
.photo_list li .photo_img span.new img{width:40px;height:40px;}  

.photo_list iframe{width: 250px;height: 156px;float:left; position:relative}


/* 포토게시판 */

 /* 포토게시판 */
.phot_list{padding:9px 0px 9px 10px; border-top:2px solid #565656; border-bottom:1px solid #cacaca; width:790px; float:left;}
.phot_list li{float:left;width: 252px;height: 220px;padding:10px 5px;text-align:center;}

.phot_list li .photo_img{position:relative;margin:auto 0;padding:0;border:1px #dadada solid;overflow:hidden;width: 250px;height: 167px; }
.phot_list li .photo_img img{width: 250px;height: 167px;}
.phot_list li  span.photo_ti{display:block;width:100%;margin:10px 0 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight: 700;float:left;}
.phot_list li .photo_img span.new{width:40px;height:40px;position:absolute;z-index: 999;}
.phot_list li .photo_img span.new img{width:40px;height:40px;}  

.saw{border:0; width:780px; height:450px; margin-bottom:10px;}
.saw iframe{width:800px; height:450px; }

/*교육장소*/
ul.intro{ float:left; margin-top:10px}
ul.intro li{float:left; width:100%;  margin-top:5px;background: url(../images/main/li.gif) 0px 7px no-repeat; padding-left:15px; margin-bottom:5px}
ul.intro li span.tit{float:left; width:80px; font-weight:bold}
ul.intro li span.con{float:left; width:700px;}

/*찾아오는 길*/
table.normal{margin:0;padding:0px;width:800px;border-spacing:0px; font-size:18px; line-height:34px; margin-top:20px }
table.normal tr{float:left;vertical-align: middle;margin: 15px 0 0 0;}
table.normal th,td{padding: 20px 10px;margin:0px;border:0px;}
table.normal th{ width:250px}
table.normal td span.dot{ float:left; width:530px}
table.normal th .num{font-weight:bold;font-size:14px;color:#ff8a00; float:left; width:20px}
table.normal td span b{ width:80px; float:left}
table.normal td img{ margin:8px 4px 0 0; float:left}
/*가입*/
.sub_box{overflow: auto; display: none;    height:100px;    padding: 15px;    margin-bottom: 10px;    font-size: 13px;    line-height: 24px;  background: #fff;    border: 1px solid #ddd;    border-top: 1px solid #999;    color: #999;     width: 756px; margin-left:12px; margin-top:15px; float:left}

/* cont */
.cont{padding-bottom:60px; clear:both; float:left; width:800px; }
.cont a{display:inline-block;  transition:all 0.5s;}
.cont a:hover{opacity:0.7;}
.downLoad{padding-top:20px;}
/* member - join */
.join p{padding-top:30px; font-size:20px; color:#24b668; font-weight:bold; letter-spacing:-0.4px; text-align:center;  float:left; border:1px #fff solid}
.joinCont{width: 650px;margin:0 auto;margin-top:50px;border: 1px solid #e9e9e9;background: #fafafa;padding: 20px 0px 20px 10px;font-size:0;text-align: center; }
.joinCont .inputBox{display:inline-block; vertical-align:top;  float:left}
.joinCont .inputBox li{width:100%; }
.joinCont .inputBox li ~ li{margin-top:15px;}
.joinCont .inputBox li label{ display:inline-block; vertical-align:middle; }
.joinCont .inputBox li label span{width:80px; display:block; font-size:14px; color:#333;}
.joinCont .inputBox li input{display:inline-block; vertical-align:middle; width:340px; height:30px; border-radius:5px;}
.joinCont .buttonBox{display:inline-block; vertical-align:top; width:120px;}
.joinCont .buttonBox button{width:100%; height:83px; border-radius:5px; background:#f7921e; color:#fff; font-size:16px; letter-spacing:-0.75px; transition:0.3s;}
.joinCont .buttonBox button:hover{opacity:0.8;}
.joinCont .buttonBox button.blue{margin-top:15px; height:34px; background:#40567a;}
.joinCont .buttonBox button.blue.v2{margin-top:0;}
/* login */
.loginForm{width: 600px;margin:0 auto;padding: 10px 60px; margin-top:20px }
.loginForm span{display:block; font-size:0; margin-bottom:5px;}
.loginForm em{display:inline-block;vertical-align:middle;width: 415px;font-size:14px;color:#40567a;}
.loginForm a{display:inline-block; vertical-align:middle; width:160px; padding: 10px 0;  font-size:14px; background:#666666; color:#fff; text-align:center; border-radius:5px;}