#content {width: 100%; }


/* 2017-10-16 웹접근성 수정(슬라이드 변경) : S */
/*slide*/
.slideWrap { height: 500px; position: relative; overflow: hidden;}
.slideWrap .mainSlide {position: relative; height: 500px;}
.slideWrap .mainSlide .bxslider-item{height:100%;}

.slideWrap .mainSlide .slick-track {overflow: hidden;}
.slideWrap .mainSlide .bxslider-item{background-position: center;width: 100%; height: 500px;float: left;position: relative; background-repeat: no-repeat;background-size: initial;}
/*.slideWrap .mainSlide .slick-list .slide01 {background-image:url('../../images/sc/main_v_01.jpg');}
.slideWrap .mainSlide .slick-list .slide02 {background-image:url('../../images/sc/main_v_02.jpg');}
.slideWrap .mainSlide .slick-list .slide03 {background-image:url('../../images/sc/main_v_03.jpg');}
.slideWrap .mainSlide .slick-list .slide04 {background-image:url('http://www.ehyundai.com/images/sc/main_v_04.jpg');}*/

.slideWrap .mainSlide .bxslider-item .text {width: 1120px; margin: 0 auto; position: absolute; top:50%; left:50%; margin-top: -70px; margin-left:-560px;}
.slideWrap .mainSlide .bxslider-item .text h2{font-size:54px; color:#fff;font-weight:200; margin-bottom: 20px;line-height: 1.2em;letter-spacing:-0.08em; ; }
.slideWrap .mainSlide .bxslider-item .text h2 strong{ font-weight:700; }
.slideWrap .mainSlide .bxslider-item .text p {color:#fff; font-size:18px; font-weight:200; line-height: 1.4em; margin-bottom: 10px;}

/* main-visual direction */
.slideWrap .bx-wrapper .bx-controls .bx-controls-direction{}
.slideWrap .bx-wrapper .bx-controls .bx-controls-direction a{display:block;position:absolute;top:50%;margin-top:-30px;z-index:100;width:30px;height:60px;text-indent:-999em;}
.slideWrap .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left:0;background:url('../../images/sc/slidePrev.png') left center no-repeat;background-size:30px;}
.slideWrap .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right:0;background:url('../../images/sc/slideNext.png') right center no-repeat;background-size:30px;}

/* main-visual controls */
.slideWrap .bx-wrapper .bx-controls .bx-pager{position:relative;margin-top:-50px;text-align:center;z-index:100;}
.slideWrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item{display:inline-block;margin-left:10px;}
.slideWrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child{margin-left:0;}
.slideWrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item a{display:block;width:12px;height:12px;background-color:#fff;border-radius:12px;text-indent:-999px;overflow:hidden;}
.slideWrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{background-color:#f78e36;}

/* main-visual controls auto */
.slideWrap .bx-wrapper .bx-controls-auto{overflow: hidden;position:absolute;bottom:27px;left:50%;z-index:100;width:21px;height:21px;margin-left:60px;}
.slideWrap .bx-wrapper .bx-controls-auto a{display: block;width:21px;height:100%;background-image: url(../../html/main/20171013/images/bg_bxslider_controls.png); background-repeat: no-repeat; text-indent: -999em;}
.slideWrap .bx-wrapper .bx-controls-auto .bx-start{background-position: 0 -63px;}
.slideWrap .bx-wrapper .bx-controls-auto .bx-stop{background-position: 0 -41px;}
.slideWrap .bx-wrapper .bx-controls-auto .active{display: none;}

.btnBox {display: inline-block; width: 200px; border-radius:40px; height: 50px;line-height: 48px;text-align: center; background:#fff;}
.goviewBtn { padding-right:25px; font-weight: bold;color:#f88f34; background:#fff url('../../images/sc/bgArrowOrange.gif') right  center no-repeat;}
.govideoBtn {display: block;text-align: center; padding-top: 20px;/*position: absolute; top:50%; left:50%;	*/}
.govideoBtn img {margin: 0 auto;}
.videoPop { position: relative; width: 100%;padding-bottom: 56.25%;}
.videoPop iframe {position: absolute;width: 100%;height: 100%;}
/* 2017-10-16 웹접근성 수정(슬라이드 변경) : E */

/* 2017-10-10 수정 : S */
/*content*/
.contWrap {width: 1120px; margin: 0 auto; position:relative;}
.contWrap a.btnMore{position:absolute;right:0;top:50px;display: inline-block;line-height: 24px; font-size:12px; padding-right: 15px;color:#888; background:url('../../images/sc/iconMore.png') right center no-repeat;}
.accumulate {width: 100%; height: 430px; background: #fff;}
.center {width: 100%; height: auto; background: #f2efe6;}
.activities {width: 100%; height: auto; padding-bottom: 50px; background: #f2f2f2;}


/*공통 타이틀*/
.tit {width: 100%; padding-top: 50px; margin-bottom: 30px;}
.tit h2 {display: inline-block; font-size:24px; color:#333; margin-right: 20px; letter-spacing: -0.1em; font-weight: 400;}
.tit h2 span {display: inline-block; width: 100px;height: 2px; background: #333; position: relative; top:-8px;margin:0 20px; }
.tit h2 p {display: inline-block;font-size:20px; color:#444;}
.tit h3 {font-size:20px; color:#333; display: inline-block;}
.tit span {display: inline-block; width: 100px;height: 2px; background: #333; position: relative; top:-8px;}
.tit a {display: inline-block;line-height: 24px; float: right;  font-size:12px; padding-right: 15px;color:#888; background:url('../../images/sc/iconMore.png') right center no-repeat;}
/* 2017-10-10 수정 : E */

/*누적실적*/
.accumInner {width: 100%; overflow: hidden; }
.accumInner>div{width: 30.666%; height: 273px; margin-left: 4%; float: left; overflow: hidden;}
.accumInner div.time {margin-left: 0; background:#e36b07 url('../../images/sc/bgTime.png') right  bottom no-repeat;}
.accumInner div.person {background: #70645e url('../../images/sc/bgPerson.png') right bottom no-repeat;}
.accumInner div.donation  {background: #329e7c url('../../images/sc/bgPoint.png') right bottom no-repeat;}
.accumInner div .accumBox {position: relative; border:1px solid rgba(255, 255, 255,0.3); margin: 10px; width: 94%; height:253px; padding:30px 20px;}
.accumBox>span {font-size:22px; color:#fff; padding-left: 30px;}
.accumBox span.iconTime {background: url('../../images/sc/iconTime.png') left center no-repeat;}
.accumBox span.iconPerson {background: url('../../images/sc/iconPerson.png') left center no-repeat;}
.accumBox span.iconPoint {background: url('../../images/sc/iconPoint.png') left center no-repeat;}
.accumBox .numBox {margin: 15px 0 80px;}
.accumBox .numBox strong {font-size:36px;color:#fff; font-weight: 700;}
.accumBox .numBox span {font-size:24px;color:#fff;margin-left: 5px;}
.accumBox  p {color:#fff; font-size:20px; position: absolute; bottom:10%; left:20px; right:20px;}

/*봉사나눔 중개센터*/
.centerWrap {overflow: hidden;}
.centerWrap .centerCard {float: left; overflow: hidden; width: 48%; height: 220px; margin-right: 4%; margin-bottom: 4%; background:#fff; border:1px solid #fff;
--webkit-box-shadow: 0px 3px 0px 0px rgba(230,227,218,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(230,227,218,1);
box-shadow: 0px 3px 0px 0px rgba(230,227,218,1);}
.centerWrap .centerCard:nth-child(2n+0) {margin-right: 0;}
.centerWrap .centerCard.nth-child2N {margin-right: 0;}
/*IE 8*/
.centerWrap .centerCard:*:first-child + *  {margin-right: 0;}
.centerWrap .centerCard:*:first-child + * + * + *  {margin-right: 0;}

.centerWrap .centerCard .img {width: 50%; height: 100%; display: inline-block; float: left; background:url('../../images/sc/bgDashed.png') right center no-repeat;}
.centerWrap .centerCard .img div {width: 180px; height: 180px; border-radius:180px; margin: 20px auto; overflow: hidden; border:1px solid #ddd;}
.volunWrap li.volunBox .img {width: 100%; height: auto; overflow: hidden; text-align: center; border-bottom:1px solid #e4e4e4 ;  background:#f5f5f5 ;}
.centerWrap .centerCard .img div.nothum {height: 180px;background:#f5f5f5 url('../../images/sc/nothum.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum01 {height: 180px;background:#f5f5f5 url('../../images/sc/thum01.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum02 {height: 180px;background:#f5f5f5 url('../../images/sc/thum02.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum03 {height: 180px;background:#f5f5f5 url('../../images/sc/thum03.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum04 {height: 180px;background:#f5f5f5 url('../../images/sc/thum04.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum05 {height: 180px;background:#f5f5f5 url('../../images/sc/thum05.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum06 {height: 180px;background:#f5f5f5 url('../../images/sc/thum06.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum07 {height: 180px;background:#f5f5f5 url('../../images/sc/thum07.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum08 {height: 180px;background:#f5f5f5 url('../../images/sc/thum08.jpg') center 50% no-repeat;}
.centerWrap .centerCard .img div.thum09 {height: 180px;background:#f5f5f5 url('../../images/sc/thum09.jpg') center 50% no-repeat;}
/* .centerWrap .centerCard .img div img {
	position: relative;
	left:-35px;
	width : 100% !important;
	height : 100%;
} */
.centerWrap .centerCard .img div img {
	position: relative;
/*	left:-35px;
*/
	height : 100%;
}
.centerWrap .centerCard .centerTxt {width: 50%;float: left; padding: 12px 40px; text-align: center; position: relative;}
.centerTxt .category {font-size:14px; color:#f78e36; padding-bottom: 3px; border-bottom:1px solid #f78e36;}
.centerTxt .txtTit {color:#333; font-size:20px;	margin: 15px 0;}
.centerTxt .place {color:#707070; font-size:14px; margin-bottom: 15px;}
.centerTxt .joinBtnMain {display: block; margin: 0 auto;	max-width: 190px; line-height: 40px; border:1px solid #f78e36; background: #fff;color:#f78e36; font-size:16px; font-weight: 500; }
.centerTxt .joinBtnMain.end {border:1px solid #9e9e9e; background: #9e9e9e; color:#333; } /* 2019-웹접근성-001 변경 */


/*hover*/
.centerWrap .centerCard:hover {border:1px solid #f78e36;} 
.centerWrap .centerCard:hover .centerTxt .joinBtnMain {border:1px solid #f78e36; background: #f78e36; color:#fff;}
.centerWrap .centerCard:hover .centerTxt .joinBtnMain.end {border:1px solid #9e9e9e; background: #9e9e9e; color:#333; } /* 2019-웹접근성-001 변경 */


/*활동내역*/
.activiWrap  {overflow: hidden; }	
.activity {float: left; width: 64%; margin-right: 4%; position:relative;}		/* 2017-10-10 수정 : E */
.activity .activInner {overflow: hidden;}
.activity .activInner .activityCard {overflow: hidden; height: 164px;  margin-top: 6%; width: 100%; display:block; background:#fff url('../../images/sc/actBtn.png') right 20px center no-repeat;	}
.activity .activInner .activityCard:hover {background:#fff url('../../images/sc/actBtnOn.png') right 20px center no-repeat;}

.activity .activInner .activityCard:first-child {margin-top: 0;}
.activity .activInner .activityCard .volunteerImg {float: left;  height: 164px; width: 30%; overflow: hidden;	}
.activity .activInner .activityCard .volunteerImg  img {height: 100%;}


.volunteer {float: left; width: 70%; height: 164px; padding: 15px 20px; position: relative;}
.volunteer.oneHalf {width: 100%; float: none; height: auto; padding: 18px 20px;}
.volunteer p {font-size:14px; color:#333;}
.volunteer span {width: 30px; height: 1px; display:block; background: #333; margin: 10px 0;}
.volunteer .name {}
.volunteer .title {font-size:16px; color:#62ba9e; margin-bottom: 20px; overflow: hidden;  text-overflow: ellipsis; word-wrap:break-word; }
.volunteer .summ {margin-bottom: 15px; overflow: hidden;  text-overflow: ellipsis; word-wrap:break-word;}
.volunteer .date {font-size:12px; color:#9b9b9b;}
.baby {width: 33%; float: left; position:relative;}		/* 2020-웹접근성-1차-002 변경 */
.babyWrap {display: block; 	margin-top: 0px; margin-right: 10px; position: relative; background: #fff;}  /* 2019-02-26 수정 */
.babyWrap .clip {width: 60px; height: 60px; background: #6ab69d; position: absolute; top:0; left:0; text-align: center;}
.babyWrap .clip span {color:#fff; font-size:14px; display: block;}
.babyWrap .clip strong {color:#fff; font-size:30px; display: block;}
.babyWrap .img {width: 100%; height: 251px;}
.babyWrap .img img{width: 100%; height: 100%;}

/* 2017-10-10 추가 : "More" 버튼 모바일 위치 조정 : S */
@media screen and (max-width: 798px){
	.contWrap a.btnMore{right:20px;top:30px;}
	.contWrap .activity a.btnMore,
	.contWrap .baby a.btnMore{right:0;}
}
/* 2017-10-10 추가 : "More" 버튼 모바일 위치 조정 : S */