@charset "utf-8";
/* CSS Document */
@import url("default.css");


/*------------------------------------------------------------------------main style----------------------------------------------------------------*/

/*header*/
.header { position:relative; float:left; width:100%; background:url(../images/_main/topbg.jpg) left top repeat-x;}
.headerWrap { position:relative; width:1200px; margin:0px auto;}
	.tmTop { display:none;}
	.pcTop { position:relative; float:left; width:1200px;}
	.headerWrap .topGnb { position:relative; float:left; width:1198px; height:36px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-family:'NanumBarunGothic' !important; font-size:13px;}
		.headerWrap .topGnb p { margin-top:11px;}
		.headerWrap .topGnb p a:hover { font-weight:600;} 
		.headerWrap .topGnb .ulLeft { position:relative; float:left; height:36px; padding:0 15px; border-right:1px solid #dfdfdf;}
		.headerWrap .topGnb .ulRight { position:relative; float:right;  }
			.headerWrap .topGnb .ulRight li { position:relative; float:left; width:92px; height:36px; text-align:center; border-left:1px solid #dfdfdf;  }
	.headerWrap .logo { position:relative; float:left; width:250px; height:70px; margin:15px 0 11px 0; z-index:20;}
	
			
	.headerWrap .mainMenu { position:absolute; top:62px; left:0px; width:1200px; background:url(../images/_main/menubg_251020.png) center top no-repeat;}
		/* TOP */
		#topBox {position: absolute; top:0px; left:0;  width:1200px; height:70px; display:block; background:url(../images/_main/menubg_251020.png) repeat-x; overflow:hidden; z-index:10;}
		#topBox .top { position: relative; float:left; width: 1200px; height:70px; margin: 0 auto; text-align:center;  }
		#topBox .top #topMenu  { position:relative; float:left;  width: 1200px; height:600px; padding:0; background:url(../images/_sub/menu_back.png) top center repeat-y; margin-left:346px;}	
		#topBox .top #topMenu .menu { position:relative; float:left; width:122px; text-align:center; }
			#topBox .top #topMenu .menu:hover { width:122px; height:600px; background:url(../images/_main/menu_over.png) top left no-repeat; }
		#topBox .top #topMenu .menu01 { position:relative; float:left; width:122px; height:45px; font-family:'NanumBarunGothic' !important; font-size:17px; font-weight:500; text-align:center; letter-spacing: -0.2px;}
		#topBox .top #topMenu .menu01 > a { color:#333;}
		#topBox .top #topMenu .menu01 > a:hover { font-family:'NanumBarunGothic' !important; font-size:17px; font-weight:500; color:#e2754c;  letter-spacing: -0.2px;}
		#topBox .top #topMenu .menu02 { font-size:14px; font-weight:400; color:#333; text-align:center;}
		#topBox .top #topMenu .menu02 > a { color:#000; text-align:center;}
		#topBox .top #topMenu .menu02 > a:hover { font-size:14px; font-weight:400; color:#e2754c; text-align:center;}
		#topBox .top #topMenu .menu03 { font-size:12px; font-weight:400;}
		#topBox .top #topMenu .menu03 > a { color:#666;}
		#topBox .top #topMenu .menu03 > a:hover { font-size:12px; font-weight:400; color:#e2754c;}
		#topBox .top #topMenu .depth1 {min-width:122px; margin-bottom:80px; }
		#topBox .top #topMenu .depth1 li {margin:0px; padding:0px; list-style:none; vertical-align: middle;float:left; line-height:48px; }
		#topBox .top #topMenu .depth2 {min-width:122px; text-align:center;}
		#topBox .top #topMenu .depth2  li { line-height:30px; text-align:left; padding-left:0; text-align:center;}
		#topBox .top #topMenu .depth3 {min-width:122px; text-align:center;}
		#topBox .top #topMenu .depth3  li { line-height:22px; text-align:left; padding-left:0; text-align:center;}
		
		
		.headerWrap .mainVis { position:relative; float:left; width:1200px; margin-bottom:20px;}
				
				
		/* FLEX */
		.flex-container a:active,
		.flexslider a:active,
		.flex-container a:focus,
		.flexslider a:focus  {outline: none;}
		.slides,
		.flex-control-nav,
		.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
		
		.flexslider {margin: 0; padding: 0; width:1200px; height:512px;}
		.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
		.flexslider .slides img {width:1200px; height:512px; display: block;}
		
		.flexslider2 {margin: 0; padding: 0; width:386px; height:138px; text-align:center; }
		.flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
		.flexslider2 .slides .thumb {width:214px; height:138px; display: block;}
		
		.flexslider3 {margin: 0; padding: 0;}
		.flexslider3 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
		.flexslider3 .slides img {width:138px; height:93px; display: block;}
		
		.flex-pauseplay span {text-transform: capitalize;}
		.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
		html[xmlns] .slides {display: block;} 
		* html .slides {height: 1%;}
		.no-js .slides > li:first-child {display: block;}
		.flexslider {margin: 0; position: relative; zoom: 1;}
		.flexslider .slides {zoom: 1;}
		.carousel li {margin-right: 5px}
		.flex-direction-nav {*height: 0;}
		.flex-direction-nav a {width: 15px; height: 29px;  display: block; background: url(../images/_main/nav.png) no-repeat 0 0; position: absolute; top: 133px; z-index: 9; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
		.flex-direction-nav .flex-next {background-position: 100% 0; right: 25px; opacity: 1;}
		.flex-direction-nav .flex-prev {left: 25px; opacity: 1;}
		.flexslider:hover .flex-next {opacity: 1; right: 25px;}
		.flexslider:hover .flex-prev {opacity: 1; left: 25px;}
		.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
		.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
		
		.flex-control-nav { position: absolute; top:476px; width:1200px; text-align: center; z-index:5;}
		.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
		.flex-control-paging li a {width: 32px; height: 15px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
		.flex-control-paging li a:hover { background-color:#e2754c; }/*슬라이드 버튼 색상*/
		.flex-control-paging li a.flex-active { background-color:#e2754c;/*슬라이드 버튼 색상*/ cursor: default; }
		
		
		
		
		



/*container*/
.body01 { position:relative; float:left; width:100%; background-color:#eee; } 
.bodyWrap01 { position:relative; width:1200px; height:295px; margin:20px auto; }
	
	.boxTit { position:relative; width:100%; font-family:'NanumBarunGothic' !important; margin-top:25px; text-align:center;}
	.boxTit a { font-family:'NanumBarunGothic' !important;}
		.boxTit .hTit1 { font-size:14px; font-weight:400; color:#5e5d5d; }
		.boxTit .hTit2 { font-size:24px; font-weight:400; color:#e9704f; margin-top:5px; letter-spacing:-.3pt;}

	/*주일설교*/
	.box01 { position:relative; float:left; width:294px; height:295px; background-color:#fff; margin-right:8px; }
		.box01 .thumb { width:214px; height:138px; margin:12px  40px ;}
		.box01 .flexslider2 .slides .subject {  margin:0  40px; width:214px; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:'NanumBarunGothic' !important; font-size:18px; color:#333; font-weight:400;}
			.box01 .flexslider2 .slides .subject a { color:#333;}
			.box01 .flexslider2 .slides .subject a:hover { color:#333; text-decoration:underline;}
		.box01 .flexslider2 .slides .con { margin:1px  40px ; width:214px; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:'NanumBarunGothic' !important; font-size:14px; color:#555; font-weight:400;}
	
	/*교회앨범*/
	.box02 { position:relative; float:left; width:294px; height:295px; background-color:#fff; margin-right:8px;}
		.box02 .albumWrap { width:277px; margin:12px auto 0 auto; }
			.box02 .albumWrap .thumb1 { width:138px; height:93px; margin:0 1px 1px 0;}
			.box02 .albumWrap .thumb1 .inBox { display:none;}
			.box02 .albumWrap .thumb1:hover .inBox{ position:absolute; top:12px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400; filter:alpha(opacity:'30');}
			
			.box02 .albumWrap .thumb2 { margin-bottom:1px;}
			.box02 .albumWrap .thumb2 .inBox { display:none;}
			.box02 .albumWrap .thumb2:hover .inBox{ position:absolute; top:12px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
			
			.box02 .albumWrap .thumb3 { margin-right:1px;}
			.box02 .albumWrap .thumb3 .inBox { display:none;}
			.box02 .albumWrap .thumb3:hover .inBox{ position:absolute; top:106px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
			
			.box02 .albumWrap .thumb4 { margin:0;}
			.box02 .albumWrap .thumb4 .inBox { display:none;}
			.box02 .albumWrap .thumb4:hover .inBox{ position:absolute; top:106px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
	
	/*새가족 앨범*/
	.box03 { position:relative; float:left; width:294px; height:295px; background-color:#fff; margin-right:8px;}
		.box03 .albumWrap { width:277px; margin:12px auto 0 auto; }
			.box03 .albumWrap .thumb1 { width:138px; height:93px; margin:0 1px 1px 0;}
			.box03 .albumWrap .thumb1 .inBox { display:none;}
			.box03 .albumWrap .thumb1:hover .inBox{ position:absolute; top:12px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400; filter:alpha(opacity:'30');}
			
			.box03 .albumWrap .thumb2 { margin-bottom:1px;}
			.box03 .albumWrap .thumb2 .inBox { display:none;}
			.box03 .albumWrap .thumb2:hover .inBox{ position:absolute; top:12px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
			
			.box03 .albumWrap .thumb3 { margin-right:1px;}
			.box03 .albumWrap .thumb3 .inBox { display:none;}
			.box03 .albumWrap .thumb3:hover .inBox{ position:absolute; top:106px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
			
			.box03 .albumWrap .thumb4 { margin:0;}
			.box03 .albumWrap .thumb4 .inBox { display:none;}
			.box03 .albumWrap .thumb4:hover .inBox{ position:absolute; top:106px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
	/*교회소식		
	.box03 { position:relative; float:left; width:387px; height:295px; background-color:#fff; background:url(../images/_main/box3_bg.jpg) center top no-repeat;}
		.box03 .newsList { position:relative; float:left; width:337px; font-family:'NanumBarunGothic' !important; font-size:18px; color:#333; font-weight:600; margin:10px 25px 0 25px; }
			.box03 .newsList .subject { position:relative; float:left; width:210px; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:'NanumBarunGothic' !important; font-size:14px; color:#333; font-weight:400; line-height:33px; background:url(../images/_main/bullet.jpg) center left no-repeat; padding-left:10px; word-break:keep-all;}
				.box03 .newsList .subject a { color:#333; font-weight:400;}
				.box03 .newsList .subject a:hover { color:#333; font-weight:400; text-decoration:underline;}
			.box03 .newsList .date { position:relative; float:right; width:80px; text-align:right; font-family:'NanumBarunGothic' !important; font-size:13px; color:#666; font-weight:400; line-height:33px; }
		.box03 .listLine { display:none;}*/
	/*속회앨범*/
	.box04 { position:relative; float:left; width:294px; height:295px; background-color:#fff; .margin-right:20px;}
		.box04 .albumWrap { width:277px; margin:12px auto 0 auto; }
			.box04 .albumWrap .thumb1 { width:138px; height:93px; margin:0 1px 1px 0;}
			.box04 .albumWrap .thumb1 .inBox { display:none;}
			.box04 .albumWrap .thumb1:hover .inBox{ position:absolute; top:12px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400; filter:alpha(opacity:'30');}
			
			.box04 .albumWrap .thumb2 { margin-bottom:1px;}
			.box04 .albumWrap .thumb2 .inBox { display:none;}
			.box04 .albumWrap .thumb2:hover .inBox{ position:absolute; top:12px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
			
			.box04 .albumWrap .thumb3 { margin-right:1px;}
			.box04 .albumWrap .thumb3 .inBox { display:none;}
			.box04 .albumWrap .thumb3:hover .inBox{ position:absolute; top:106px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
			
			.box04 .albumWrap .thumb4 { margin:0;}
			.box04 .albumWrap .thumb4 .inBox { display:none;}
			.box04 .albumWrap .thumb4:hover .inBox{ position:absolute; top:106px; width:108px; height:63px; padding:15px; background:url(../images/_main/over_bg.png) repeat; display:block; text-align:left; font-family:'NanumBarunGothic' !important; font-size:14px; color:#fff; font-weight:400;}
	
	
.body02 { position:relative; float:left; width:100%; background-color:#fff;} 
.bodyWrap02 { position:relative; width:1200px; height:228px; margin:20px auto; }
	.icon1 { position:relative; float:left; width:224px; height:228px; background:url(../images/_main/icon1_220802.jpg) center top no-repeat; text-align:center; margin-right:20px;}
	.icon2 { position:relative; float:left; width:224px; height:228px; background:url(../images/_main/icon2.jpg) center top no-repeat; text-align:center; margin-right:20px;}
	.icon3 { position:relative; float:left; width:224px; height:228px; background:url(../images/_main/icon3.jpg) center top no-repeat; text-align:center; margin-right:20px;}
	.icon4 { position:relative; float:left; width:224px; height:228px; background:url(../images/_main/icon4.jpg) center top no-repeat; text-align:center; margin-right:20px;}
	.icon5 { position:relative; float:left; width:224px; height:228px; background:url(../images/_main/icon5.jpg) center top no-repeat; text-align:center;}
	
		.iconImg { position:relative; margin:55px auto;}
		.iconTit { position:relative; width:174px; margin:0 auto;}
		.iconTit .hTit1 { position:relative; float:left; width:174px; font-family:'NanumBarunGothic' !important; font-size:22px; font-weight:400; color:#fff; text-align:left; letter-spacing:-.3pt;}
		.iconTit .hTit1 .more { float:right;}
		.iconTit .hTit2 { position:relative; float:left; font-family:'NanumBarunGothic' !important; font-size:14px; font-weight:400; color:#fff; margin-top:5px;}
	.iconBox { display:none;}

/*footer*/
.footer { position:relative; float:left; width:100%;}
.addWrap { position:relative; width:100%; background-color:#eee; }
	.addWrap .addBg { position:relative; width:1200px; height:70px; margin:0 auto; padding:40px 0;}
	.addWrap .fLogo { position:relative; float:left; width:300px; height:50px; }
	.addWrap .add { position:relative; float:left; color:#757575; font-family:'Verdana' !important; font-size:14px; line-height:24px;}
		.addWrap .add .engTxt { color:#969696;}
	.addWrap .app { position:relative; float:right; width:103px; height:48px;} 
	
.copyBox { position:relative; float:left; width:100%;  background-color:#3d3d3d;}
.copyWrap { position:relative; width:1200px; height:54px; margin:0 auto;}
	.copyWrap .copy { position:relative; float:left; color:#b5b5b5; margin-top:20px; font-family:'Verdana' !important; text-transform:uppercase; font-size:13px;}
		.copyWrap .copy a { font-family:'NanumBarunGothic' !important; color:#b5b5b5; font-size:13px;}
	.copyWrap .personal { position:relative; width:247px; float:right; margin-top:13px;}
		.copyWrap .personal a { color:#b5b5b5;}
		.copyWrap .personal p { float:left; padding:5px 10px; text-align:center; border:1px solid #b5b5b5; font-family:'NanumBarunGothic' !important; font-size:13px;}
	

.quickMenu {position:fixed; top:129px; right:-1px; width:89px; height:316px; text-align:center; z-index:3; font-family:'NanumBarunGothic' !important; font-size:12px;}
	.quickMenu .qMenu { background-color:#fff; border:1px solid #696969; margin-bottom:20px;}
		.quickMenu .qMenu a:hover { color:#e9704f;}
		.quickMenu .qMenu .qMenu1 { width:89px; height:70px; border-bottom:1px solid #eaeaea;}			
			.quickMenu .qMenu .qMenu1 img { margin:13px 0 5px 0;}
		.quickMenu .qMenu .qMenu2 { width:89px; height:70px; border-bottom:1px solid #eaeaea;}
			.quickMenu .qMenu .qMenu2 img { margin:13px 0 5px 0;}
		.quickMenu .qMenu .qMenu3 { width:89px; height:70px; border-bottom:1px solid #eaeaea;}
			.quickMenu .qMenu .qMenu3 img { margin:13px 0 5px 0;}
		.quickMenu .qMenu .qMenu4 { width:89px; height:70px; border-bottom:1px solid #eaeaea;}
			.quickMenu .qMenu .qMenu4 img { margin:13px 0 5px 0;}
		.quickMenu .qMenu .qMenu5 { width:89px; height:70px; }
			.quickMenu .qMenu .qMenu5 img { margin:13px 0 5px 0;}


/*------------------------------------------------------------------------sub style----------------------------------------------------------------*/
.subNavi_m { display:none;}

.subVis { position:relative; float:left; width:1200px; }

.subBody { position:relative; float:left; width:100%; } 
.subBodyWrap { position:relative; width:1200px; margin:0 auto; }
	
	.subNavibox { position:relative; width:1198px; height:45px;  margin:10px 0 50px 0; z-index:2; border:1px solid #d2d2d2; }
		.subNavibox .goHome { position:relative; float:left; width:49px; height:45px; text-align:center; border-right:1px solid #d2d2d2;}
			.subNavibox .goHome img { margin-top:15px;}
			.subNavibox .subNavi { position:relative; float:left; width:250px; border-right:1px solid #d2d2d2; font-family:'NanumBarunGothic' !important; font-size:15px; color:#727272;}
			.nowNenu { color:#272727;}
				.subNavibox .subNavi .nowPage { position:relative; float:left; width:250px; height:45px; }
					.subNavibox .subNavi .nowPage .menuName { position:relative; float:left; margin-left:20px; margin-top:13px; }
					.subNavibox .subNavi .nowPage .arrow { position:absolute; top:17px; right:20px;}
				.subNavibox .subNavi .dropDown { display:none;}
				.subNavibox .subNavi:hover .dropDown { position:absolute; top:45px; left:-1px; width:210px; display:block; line-height:26px; border:1px solid #d2d2d2; background-color:#fff; padding:20px;}
				
	.subTit { position:relative; float:left; width:100%; text-align:center; font-family:'NanumBarunGothic' !important; font-size:40px; font-weight:400; color:#333; margin-bottom:50px;}
	.subTit .subEng { font-size:13px; color:#a7a7a7; margin-top:10px; font-family:'NanumBarunGothic' !important;}
			
	.contents { position:relative; float:left; width:1200px; margin-bottom:50px; font-family:'NanumBarunGothic' !important;  font-size:15px; min-height:500px;}



/*------------------------------------------------------------------------contents style----------------------------------------------------------------*/
.conTxt { position:relative; margin:0 auto; width:1100px; font-size:16px;}		
.txtBox { width:100%; background-color:#f2f2f2;}
.pcCon { position:relative; margin:0 auto; width:800px; font-size:16px;}		
.pcCon2 { position:relative;  width:800px; font-size:16px;}		
.pcCon3 { position:relative;  margin:0 auto; width:600px; font-size:16px; text-align:center;}	


/*담임목사*/
.imgLine2_l { width:48%; margin-right:2%; position:relative; float:left; font-family: 'NanumBarunGothic' !important; color:#666; font-size:1.000em; font-weight:400; line-height:28px; word-break: keep-all; letter-spacing:-.3pt;}
.imgLine2_R { width:48%; margin-left:2%; position:relative; float:left; font-family: 'NanumBarunGothic' !important; color:#666; font-size:1.000em; font-weight:400; line-height:28px; word-break: keep-all; letter-spacing:-.3pt;}
.imgLine2_R div { positon:relative; widht:100%; margin-top:10px;}
.imgLine2_R .edu { height:230px; border:3px solid #e14c4c;}
.imgLine2_R .exp { height:230px; border:3px solid #e14c4c; margin-top:10px;}

.line_nopc { display:none;}

/*tableSetting*/

.leftBox { float:left; width:530px;}
.rightBox { float:right; width:530px;}
	.rightBox img { width:100%;}

/*등록안내*/
.imgLine4 { width:24%; height:280px; position:relative; float:left; margin-right:1%;}
	.imgLine4 img { width:100%;}

/*교육부*/
.pcBlock { display:none;}


/*속회*/
.line2_l { position:relative; float:left; width:48%; margin-right:2%; font-family: 'NanumBarunGothic' !important; color:#666; font-size:1.000em; font-weight:400; line-height:28px; word-break: keep-all; letter-spacing:-.3pt;}
.line2_R { position:relative; float:left; width:48%; margin-left:2%; font-family: 'NanumBarunGothic' !important; color:#666; font-size:1.000em; font-weight:400; line-height:28px; word-break: keep-all; letter-spacing:-.3pt;}
.line2_R_2 { position:relative; float:left; width:23%; margin-left:2%; font-family: 'NanumBarunGothic' !important; color:#666; font-size:1.000em; font-weight:400; line-height:28px; word-break: keep-all; letter-spacing:-.3pt;}

/*섬기는 이들*/
.sPeopleWrap{position:relative; float:left; width:100%; max-width:1100px; margin-left: 50px; }
.speopleCate{position:relative;  width:100%; height:40px; line-height:40px; vertical-align:middle; margin-left: 10px;}	  
.speopleCate .bTit01{ background: #cac255; font-size:24px;color:#ffffff; padding: 7px; }
.peopleWrap{position:relative; float:left; width:25%; margin-bottom:20px;}

.peopleBox{position:relative; float:left; width:100%; min-height:170px; padding:10px;}
.peoplePhoto{position:relative; float:left; width:100%; min-width:252px; height:272px;}
.peoplePhoto img{width:252px; height:252px;}
.peopleInfo{position:relative; float:left; width:90%; padding:0 5%;}
.sName{position:relative; float:left; width:100%; margin-top:8px; font-size:20px; color:#444444; text-align: center}
.sTit01{position:relative; float:left; width:100%; margin-top:8px; color:#909090; font-size:15px;text-align: center}
.sMail{position:relative; float:left; width:100%; margin-top:5px; font-size:15px; color:#909090;text-align: center}
.sMail a { color:#909090;}