@charset "utf-8"; 

.subContent {width: 1120px; margin: 0 auto; background: #fff; padding: 90px 0;}

.subTitle {margin: 50px auto; color:#333; text-align: center;}
.subTitle h2{font-size:48px; font-weight:400;}
.subTitle span{ display: inline-block; width: 40px; height: 2px; background: #333; margin:20px 0 15px;}
.subTitle p {font-size:18px; font-weight:200;}
.m-subTab {display: none;}
.subTab {width: 100%;overflow: hidden; margin-bottom: 50px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
/* 2022-09-30 웹 접근성 [S] */
.subTab li {width: calc((100% - 1px) / 2);  background: #f5f5f5; text-align: center; height: 50px; display: flex; flex-direction: row; justify-content: center; align-items: center;} 
.subTab li:first-child {border-left: 0;}
.subTab li a {display: block; width: 98%; margin: 0 auto; height: 90%; line-height: 50px; color:#626262;} 
.subTab li.on {background: #f27816; border-left: 0;}
.subTab li.on a{color:#333;}
.subTab.alrm li {width: calc((100% - 2px) / 3);  background: #f5f5f5; text-align: center;  border-left: 1px solid #fff;} 
.subTab.alrm li a {color:#626262; } 
/* 2022-09-30 웹 접근성 [E] */
.subTab.alrm li:first-child {border-left: 0;}
.subTab.alrm li.on {background: #f27816; border-left: 0;}
.subTab.alrm li.on a{color:#333;}

.subTab.usagePage {width: 100%;overflow: hidden; margin-bottom: 50px;}
/* 2022-09-30 웹 접근성 [S] */
/* .subTab.usagePage li {width: 20%; float: left; background: #f5f5f5; text-align: center; border-left: 1px solid #fff; } */
.subTab.usagePage li {width: calc((100% - 4px) / 5); background: #f5f5f5; text-align: center;  } 
.subTab.usagePage li:first-child {border-left: 0;}
/* .subTab.usagePage li a {display: block; width: 100%;height: 100%; color:#626262; line-height: 55px;} */ 
.subTab.usagePage li a { color: #626262;}
/* 2022-09-30 웹 접근성 [E] */
.subTab.usagePage li.on {background: #f27816; border-left: 0;} 
.subTab.usagePage li.on a{color:#333;}
.subTab.usagePage.usagePageOrigin li {width: 25%;} /*기존 25% 유지를 위함*/

.pageTitle {margin-bottom: 30px; position: relative;}
.pageTitle h3 {font-size:30px; font-weight: normal;}
.pageTitle .location  {width:auto; overflow: hidden; position: absolute; right:0; top:5px; text-align: right;}
.pageTitle .location li {display: inline-block;float: left; margin-right: 20px;font-size:14px; color:#888; position: relative;}
.pageTitle .location li.iconHome {width: 16px; height: 20px; background:url('../../images/sc/iconLnbHome.png') left center no-repeat;}
.pageTitle .location li:after {content:""; width: 10px; height: 18px; background:url('../../images/sc/lnbArrow.png') left center no-repeat; position: absolute; right:-18px; top:3px; opacity:0.6;}
.pageTitle .location li:last-child {margin-right: 0; color:#333;}
.pageTitle .location li:last-child:after {content: "";width: 0;}

/*재단소개*/
.introduceWrap {overflow: hidden;}
.introduceWrap .introduceImg {float: left; width: 50%;}
.introduceWrap .introduceImg img {width: 100%;}
.introduceWrap .intorduceTxt {float: left; width: 50%; padding: 50px;}
.introduceTit {font-size:28px; line-height: 1.3em; font-weight:300; letter-spacing: -0.03em; color:#333;}
.introduceTit span {color:#016052;font-weight:500;}
.introduceWrap .intorduceTxt .introduceSumm {font-size:16px; color:#949494;margin-top: 40px; line-height: 1.6em;}

.subContent.history {padding: 90px 0 0;}
.content2 {width: 100%; background:#f5f5f5;}
.schemaContent { width: 1120px; margin: 0 auto; padding: 50px 0;}
.schemaWrap {overflow: hidden;}
.schemaWrap dl.foundInfo {float: left; width: 40%; text-align: left;}
.schemaWrap dl.schem {float: left; width: 60%; text-align: left;}
.schemaWrap dl dt {font-size:26px; margin-bottom: 20px;}
.schemaWrap dl dd {font-size:15px; color:#555;line-height: 1.6em;}
.schemaWrap dl dd.dot {padding-left: 15px;   background: url('../../images/sc/bgMenuList.png')left center no-repeat; background-size:3px;}

/*재단조직*/
.organiImg {height: 200px; line-height: 220px; background:url('../../images/sc/bgOrgani.png')left top no-repeat ; text-align: center;}
.organiImg p {display: inline-block; width: 65%; font-size:24px; color:#fff;}
.organMapWrap {margin-top: 50px; overflow: hidden;}
.organMapTit {font-size:23px; letter-spacing:-0.05em; margin-bottom: 30px;}
.organMap {width: 100%; padding: 60px; text-align: center; border:1px solid #e4e4e4;}
.organMap .pc-Organization {display:inline-block; max-width: 100%;}
.organMap .m-Organization {display: none;	max-width: 100%;}
.directorBox {float: left; width: 50%; }
.directorList { padding: 40px; height: 462px; border:1px solid #e4e4e4; padding-right: 0; border-right: 0;}
.directorList dl dt {margin-bottom:20px;}
.directorList dl:nth-child(2){margin-top: 40px;}
.directorList .directorBadge {display:block; color:#70645e; font-size:18px; font-weight: 500; text-align: center; width:100px; line-height: 36px; border-radius:40px; border:2px solid #70645e; font-weight: bold;}
.directorList .directorBadge.sky {border:2px solid #006041; color:#006041}
.directorList dl dd {display: inline-block; width: 48%; font-size:16px; font-weight: 400; color:#333; margin-bottom: 2%;padding-left: 10px;    background: url(http://www.ehyundai.com/css/images/bgMenuList.png)left  center no-repeat; background-size:3px; font-weight: bold;}
.directorList dl dd.audit {width: 100%;}
.directorList dl dd span {font-size:15px; color:#939393; letter-spacing: -0.1em; font-weight: normal;} /* 2021-07-15 수정 */

.mapBox {float: left; width: 50%;}
.mapBox .mapImg {text-align: center; padding:40px; border:1px solid #e4e4e4;}
.mapBox .mapImg img {max-width:100%;}


/*연혁*/
.historyImg {height: 200px; line-height: 230px; margin-top: 50px; background:url('../../images/sc/bgHistoryImg.png') left top no-repeat;  text-align: center;}
.historyImg p {display: inline-block; width: 65%; color:#fff; font-size:24px;}
.historyWrap {width: 100%;  overflow: hidden; margin-top: 50px; background:url('http://www.ehyundai.com/css/images/bgHistory.png')right bottom no-repeat;}
.historyWrap div {float: left; width: 33.3333%; height: 330px; margin-bottom: 4%; padding-top: 110px;}
/* 2018-09-11 : [S] */
.historyWrap .history2012 {width:383px;background:url('../../images/sc/bgYear2012.png')left top no-repeat;}
.historyWrap .history2013 {width:383px;background:url('../../images/sc/bgYear2013.png')left top no-repeat;}
.historyWrap .history2014 {width:353px;background:url('../../images/sc/bgYear2014.png')left top no-repeat;}
.historyWrap .history2015 {clear:left;width:383px;background:url('../../images/sc/bgYear2015.png')left top no-repeat;}
.historyWrap .history2016 {width:383px;background:url('../../images/sc/bgYear2016.png')left top no-repeat;}
.historyWrap .history2017 {width:353px;background:url('../../images/sc/bgYear2017.png')left top no-repeat;}
.historyWrap .history2018 {clear:left;width:383px;background:url('../../images/sc/bgYear2018.png')left top no-repeat;} /* 2020-06-22 �߰� */
.historyWrap .history2019 {width:383px;background:url('../../images/sc/bgYear2019.png')left top no-repeat;} /* 2020-06-22 �߰� */
/* 2018-09-11 : [E] */
.historyWrap .history2020 {width:353px;background:url('../../images/sc/bgYear2020.png')left top no-repeat;}/* 2021-07-14 추가 */
.historyWrap div dl {overflow: hidden;}
.historyWrap div dl dt {float: left; width: 13%;font-size:14px; padding-left: 10px;  position: relative; margin-bottom: 2%; font-weight: bold;}
.historyWrap div dl.list2019 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#4aaa6c; position: absolute; top:10px; left: 0;} /* 2020-06-22 �߰� */
.historyWrap div dl.list2018 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#e1863d; position: absolute; top:10px; left: 0;} /* 2020-06-22 �߰� */
.historyWrap div dl.list2017 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#e1c43d; position: absolute; top:10px; left: 0;} /* 2020-06-22 �߰� */
.historyWrap div dl.list2016 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#904200; position: absolute; top:10px; left: 0;}
.historyWrap div dl.list2015 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#70645e; position: absolute; top:10px; left:0;}
.historyWrap div dl.list2014 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#2fa27d; position: absolute; top:10px; left:0;}
.historyWrap div dl.list2013 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#5883c3; position: absolute; top:10px; left:0;}
.historyWrap div dl.list2012 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#55565d; position: absolute; top:10px; left:0;}
.historyWrap  div dl.list2020 dt{color:#585dc3;} /* 2021-07-14 추가 */
.historyWrap  div dl.list2019 dt{color:#3b9159;} /* 2020-06-22 추가 */
.historyWrap  div dl.list2018 dt{color:#be6824;} /* 2020-06-22 추가*/
.historyWrap  div dl.list2017 dt{color:#8c7300;} /* 2018-09-11 */
.historyWrap  div dl.list2016 dt{color:#904200;}
.historyWrap  div dl.list2015 dt{color:#70645e;}
.historyWrap  div dl.list2014 dt{color:#2fa27d;}
.historyWrap  div dl.list2013 dt{color:#5883c3;}
.historyWrap  div dl.list2012 dt{color:#55565d;}

/* 2022-03-18 추가 : S */
.historyWrap .history2021 {clear:both; width:383px;background:url('http://www.ehyundai.com/images/sc/bgYear2021.png')left top no-repeat;}
.historyWrap  div dl.list2021 dt{color:#e85679;}
.historyWrap div dl.list2021 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#e85679; position: absolute; top:10px; left: 0;} 
.historyWrap div dl.list2020 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#5458b9; position: absolute; top:10px; left: 0;} 
/* 2022-03-18 추가 : E */

/* 2023-01-31 추가 [S] */
.historyWrap .history2022 { width:383px;background:url('http://www.ehyundai.com/images/sc/bgYear2022.png')left top no-repeat;}
.historyWrap  div dl.list2022 dt{color:#8679a7;}
.historyWrap div dl.list2022 dt:before{content:""; width: 3px; height: 3px; border-radius:3px; background:#8679a7; position: absolute; top:10px; left: 0;} 
/* 2023-01-31 추가 [E] */


.historyWrap div dl dd {float: left; margin-left: 1%; width:75%; font-size:14px; color:#555; position: relative; top:0px;  margin-bottom: 2%;}
.historyWrap div dl dd + dd {margin-left:14%} /* 2020-06-22 �߰� */
.historyWrap div dl dd:before {content:"-"; color:#333; position: absolute; left:-10px;}


/*사업소개*/
.businessTab{overflow: hidden;}
.businessTab li {float: left; text-align: center;width: 50%; border:1px solid #e4e4e4; border-bottom:1px solid #2fa27d;}
.businessTab li a {display: block; width: 100%; /* height: 100%; */color:#333; line-height: 55px;}  /* 2023-01-31 수정 */
.businessTab li.on { border-top:3px solid #2fa27d; border-right:1px solid #2fa27d;border-left:1px solid #2fa27d; border-bottom: 0;}
.businessTab li.on  a {color:#006052;}
.businessWrap {width: 100%;}

/* 2023-04-19 수정 [S] */
.mainBusinessImg {height: 200px; line-height: 210px; margin-top: 50px; background:url('../../images/sc/bgBusiness01.png') left top no-repeat;  text-align: center; display: flex; align-items: center; justify-content: center;}
.mainBusinessImg p {display: inline-block; width: 65%; color:#fff; font-size:24px;}

.mainBusinessBox {overflow: hidden; margin: 50px 0 0; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; box-sizing: border-box; position: relative;}
.mainBusinessBox * {box-sizing: border-box;}
.mainBusinessBox h5 {font-size:22px; color:#333; font-weight: 500; margin-bottom: 19px; letter-spacing: -0.05em;}
.mainBusinessBox .sub-title {font-size:15px; color:#939393; padding-bottom: 60px; letter-spacing: -0.05em;}
.mainBusinessBox .style {padding: 80px 11% 40px; border-top:1px solid #e4e4e4; position: relative;}
.mainBusinessBox .list {display: flex; justify-content: space-between; gap: 7.6%; flex-wrap: wrap;}
.mainBusinessBox .list .item {width: calc(100% / 2 - 3.8%); padding-bottom: 40px;}
.mainBusinessBox .list .item .img-box {width: 100%;}
.mainBusinessBox .list .item .img-box img {width: 100%;}
.mainBusinessBox .list .item .text-box {padding-top: 19px;}
.mainBusinessBox .list .item .text-box .title {font-size: 15px; font-weight: 700; color: #333333; letter-spacing: -0.05em; padding-bottom: 7px;}
.mainBusinessBox .list .item .text-box .sub-text {font-size: 15px; font-weight: 400; color: #333333; opacity: 0.7; letter-spacing: -0.05em; line-height: 22px;}
.mainBusinessBox .list .item .contents-text {padding-top: 19px;}
.mainBusinessBox .list .item .contents-text .title {font-size: 15px; font-weight: 700; color: #333333; letter-spacing: -0.05em; padding-bottom: 7px;}
.mainBusinessBox .list .item .contents-text .sub-text {font-size: 15px; font-weight: 400; color: #333333; opacity: 0.7; letter-spacing: -0.05em;}
.mainBusinessBox .style.style-2 .list .item {padding-bottom: 0;}
.mainBusinessBox .style.style-2 .list .item:last-child {width: 100%; padding-bottom: 40px;}

.mainBusinessBox .style::before {content: "";  width: 56px; height: 52px; position: absolute; top: 83px; left: 40px; background-size: cover; }
.mainBusinessBox .cart::before { background:url('../../images/sc/iconCart.png') center center no-repeat;}
.mainBusinessBox .man::before {background:url('../../images/sc/iconMan.png') center center no-repeat;}
.mainBusinessBox .castle::before {background:url('../../images/sc/IconCastle.png') center center no-repeat;}
.mainBusinessBox .flower::before {background:url('../../images/sc/iconFlower.png') center center no-repeat;}
.mainBusinessBox .book::before {background:url('../../images/sc/iconBook.png') center center no-repeat;}
/* 2023-04-19 수정 [E] */


/*운영실적*/
.operation {margin: 50px 0 0;}
.operationImg {height: 200px; line-height: 250px; background:url('../../images/sc/operationImg.png')left top no-repeat;text-align: center;}
.operationImg p {display: inline-block;  width: 70%; color:#fff; font-size:23px;}

.graphWrap {margin-top: 50px;}
.graphWrap .year {position: relative; margin-bottom: 30px;}
.graphWrap .year h4 {font-size:23px;}
.graphWrap .year span {margin-right: 5px;}
.graphWrap .year .graphUnit {display: inline-block; position: absolute; top:0; right:0; font-size:13px; color:#939393;}
.graphWrap .year .graphUnit .badgeTotal {display: inline-block; text-align: center;width: 60px; line-height: 24px; border-radius:30px; border:1px solid #333; color:#333;}
.graphWrap .year .graphUnit strong {color:#333;}

.graphContent {text-align: center;}
.graphContent .pcGraph {display: block; max-width: 100%; }
.graphContent .mGraph {display: none; max-width: 100%; }



/*검색 분류*/
.subSelects {width: 100%; height: 40px; margin-top: 30px; position: relative;}
.subSelects .select {float: left; margin-right: 20px; }
.subSelects .totalNum {line-height: 50px; padding-left: 25px; background:url('../../images/sc/iconTotal.png') left center no-repeat;	}
.subSelects .totalNum span {color:#f78e36;}
.m-searchOpen {display: none;}
.m-searchClose {display: none;}


/*봉사나눔*/
.centerAbout {width: 100%; height: 250px; margin-top: 20px; background-image: url('../../images/sc/bgcneterAbout03.png'),url('../../images/sc/bgcneterAbout02.png'),url('../../images/sc/bgcneterAbout01.png');
background-position:right center,center top 45px,left top;
background-repeat: no-repeat,no-repeat,no-repeat;
}
.centerAbout p {text-align: center; font-size:16px; font-weight: 300;}
.centerAbout h4 + p {padding-top: 116px; margin-bottom: 20px;} /* 2019-웹접근성-001 변경 */

/*봉사나눔 리스트*/
.volunWrap {margin-top: 30px; overflow: hidden;}
.volunWrap li.volunBox {float: left; width: 22%; height: 430px;  margin-right: 4%; margin-bottom: 4%; border:1px solid #e4e4e4;color:#333;}
.volunWrap li.volunBox.last {margin-bottom: 0;	}
.volunWrap li.volunBox:nth-child(4n+0) {margin-right: 0; }
/* .volunWrap li.volunBox .img {width: 100%; height: auto; overflow: hidden; text-align: center; border-bottom:1px solid #e4e4e4 ;  background:#f5f5f5 ;} */
.volunWrap li.volunBox .img {width: 100%; height: 173px;  line-height:165px; overflow: hidden; text-align: center; border-bottom:1px solid #e4e4e4 ;  background:#f5f5f5 ;}
.volunWrap li.volunBox .img.nothum {height: 173px;background:#f5f5f5 url('../../images/sc/nothum.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum01 {height: 173px;background:#f5f5f5 url('../../images/sc/thum01.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum02 {height: 173px;background:#f5f5f5 url('../../images/sc/thum02.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum03 {height: 173px;background:#f5f5f5 url('../../images/sc/thum03.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum04 {height: 173px;background:#f5f5f5 url('../../images/sc/thum04.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum05 {height: 173px;background:#f5f5f5 url('../../images/sc/thum05.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum06 {height: 173px;background:#f5f5f5 url('../../images/sc/thum06.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum07 {height: 173px;background:#f5f5f5 url('../../images/sc/thum07.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum08 {height: 173px;background:#f5f5f5 url('../../images/sc/thum08.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img.thum09 {height: 173px;background:#f5f5f5 url('../../images/sc/thum09.jpg') center 50% no-repeat;}
.volunWrap li.volunBox .img img {width: 100%;}
.volunWrap li.volunBox .volunTxt {width: 100%; height: 250px; padding: 20px;letter-spacing:-0.04em; position: relative;}
.volunWrap li.volunBox .volunTxt .txtTit {font-size:20px; font-weight:500; 	margin-top: 15px; margin-bottom: 10px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; }
.volunWrap li.volunBox .volunTxt .place {font-size:14px; opacity: 0.7;margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; }
.volunWrap li.volunBox .volunTxt .date {font-size:13px; height: 15px;opacity: 0.7; background:url('../../images/sc/iconClock.png') left center no-repeat; padding-left: 20px; margin-bottom: 10px;}
.volunWrap li.volunBox .volunTxt .joinBtnWrap {width: 205px;position: absolute; left:20px; bottom:20px; }
/*hover*/
.volunWrap li.volunBox:hover {border:1px solid #f78e36;}
.volunWrap li.volunBox:hover .volunTxt .joinBtn {border:1px solid #f78e36; background: #f78e36; color:#fff;}
.volunWrap li.volunBox:hover .volunTxt .joinBtn.end {border:1px solid #9e9e9e; background: #9e9e9e; color:#333; } /* 2019-웹접근성-001 변경 */
.volunWrap li.volunBox:hover {border:1px solid #f78e36;}
.btnJoinCancle:hover  {border:1px solid #f78e36; background: #f78e36; color:#fff;}

/*활동내역 txt*/
.volunWrap li.volunBox.myVolunList {height: 330px;}
.volunWrap li.volunBox.myVolunList a {display:block;	}
.volunWrap li.volunBox.myVolunList a .volunTxt  {height: 100%;}
/* 2021-11-24 웹접근성 수정 : S */
.volunWrap li.volunBox.myVolunList a .volunTxt .myVolun {font-size:14px; color:#329e7c; font-weight:500;}
.volunWrap li.volunBox.myVolunList a .volunTxt .txtTit {margin-top: 10px; margin-bottom: 5px; color:#333;}
.volunWrap li.volunBox.myVolunList a .volunTxt .myVolunSumm {font-size:14px; color:#333; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;	 margin-bottom: 20px;}
.volunWrap li.volunBox.myVolunList a .volunTxt .date {color:#333;}
.volunWrap li.volunBox.myVolunList:hover {border:1px solid #329e7c;}
/* 2021-11-24 웹접근성 수정 : E */

/*봉사나눔 뷰페이지*/
.bViewTit {height: auto; border-top:1px solid #333; padding:25px 0;}
.bViewTit .category {display: block; color:#ea6300; font-size:14px; margin-bottom:15px;} /* 2022-09-30 웹 접근성 */
.bViewTit .category.blue {color:#0a9882;}
.bViewTit h3 {font-size:23px; margin-bottom: 20px;}
.bViewTit h3 .joinIcon {font-size:12px; padding: 3px 10px; color:#0a9882; border:1px solid #0a9882; position: relative; top:-3px; margin-right: 10px; }
.bViewTit h3 .joinIcon.end { color:#e4e4e4; border:1px solid #e4e4e4;}
.bViewTit .date {color:#767676; margin-bottom: 10px; font-size:14px;     background: url(../../images/sc/bgMenuList.png) left 5px top 8px no-repeat; background-size:3px; padding-left: 15px; line-height: 20px;} /* 2022-09-30 웹 접근성 */
.bViewTit .date span {color:#333; display: inline-block;padding:0 10px; position: relative;}
.bViewTit .date span:first-child {padding-left: 0;}
.bViewTit .date span:first-child:after {content:""; width:1px; height: 15px; background: #333; position: absolute; right:0; top:3px; }
.bViewTit .date span.day:first-child:after  {content:""; width: 0;}
.bViewTit .date a{display:inline-block;color:#ea6300; font-size:14px; position: relative;} /* 2022-09-30 웹 접근성 */
.bViewTit .date a:after {content:">"; position: absolute; right:-8px; top:0px; letter-spacing: -5px; }
.bViewCon {width: 100%; height: auto; padding: 30px; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.bViewCon p {color:#333;}
.bViewCon p a {font-size:12px;}
.bViewCon img {width: 100%; }
.bViewCon p img {width: 100%; }

.bViewTit .date .uploadFile {display:inline-block;  color:#9d9d9d; background: url(../../images/sc/iconFile.png)left center no-repeat; padding-left: 15px; margin-right:10px; line-height: 1.5;}
.bViewTit .date .uploadFile:hover {color:#0a9882; background: url(../../images/sc/iconFileOn.png)left center no-repeat; background-size: 12px;}
.bViewTit .date .uploadFile:after {content:"";width: 0;}

/*이전글 다음글*/
.viewList {width: 100%; table-layout:fixed;border-collapse: collapse; border-top: 1px solid #e5e5e5;}
.colView01 {width: 12%;}
.colView02 {width: 73%;}
.colView03 {width: 15%;}
.viewList tbody th {border-bottom:1px solid #e5e5e5;font-size: 14px;  padding: 15px 0;  }
.viewList tbody th.prev {background:url('../../images/sc/prevList.png') left 13% center no-repeat;}
.viewList tbody th.next {background:url('../../images/sc/nextList.png') left 13% center no-repeat;}
.viewList tbody td {border-bottom:1px solid #e5e5e5; padding: 15px 5px; text-align: left;  font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.viewList tbody td a {color:#333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.viewList tbody td a span {}
.viewList tbody td.no {color:#7f7f7f;}
.viewList tbody td.date {color:#7f7f7f;  font-size: 14px; padding-left: 10px;}

/*봉사나눔 신청페이지*/ 
.applyTit {border-top: 1px solid #333; border-bottom: 1px solid #e5e5e5; padding: 30px 0;overflow: hidden;}
.applyTit .subject {font-size:23px;  display: inline-block;}
.applyTit .subject span {width: 115px; line-height: 30px; text-align: center; color:#fff; font-size:14px; margin-right: 10px;}
.applyTit .volunDate {float: right; color:#7f7f7f; letter-spacing:-0.08em;  font-size: 14px; line-height: 30px;}
.applyTit .volunDate span { color:#333; padding-left: 20px; position: relative;}
.applyTit .volunDate span:first-child {padding-left: 0;}
.applyTit .volunDate span:first-child:after {content:""; width:1px; height: 15px; background: #333; position: absolute; right:-10px; top:3px; }


/*정보동의*/
.applyAgree {width: 100%; overflow: hidden; padding-top: 30px;}
.applyAgree .agreeBox {width: 48%; height:auto; margin-left: 4%; float: left; }
.applyAgree .agreeBox:first-child {margin-left: 0;}
.applyAgree .agreeBox .agreeNotice {width: 100%; height:190px; padding:30px 30px 15px 30px;  background: #f6f4ed;}
.applyAgree .agreeBox .agreeNotice dl dt.title {font-size:18px;padding-bottom: 20px; border-bottom:1px solid #dddbd5;}
.applyAgree .agreeBox .agreeNotice dl dd {padding-left:10px; background:url('../../images/sc/bgMenuList.png')left top 10px no-repeat; background-size:3px; font-size:14px; color:#888;} /* 2019-웹접근성-001 변경 */
.applyAgree .agreeBox .agreeNotice dl dd:nth-child(2){margin-top: 20px;}
.agreeChk {padding:15px 30px; height: 50px; background: #999185; color:#fff; font-size:16px;} /* 2019-웹접근성-001 변경 */
.agreeChk input {margin-right: 10px;}
.noticeSumm {font-size:14px; color:#f78e36; padding-top: 30px;}

/*table*/
.applyTableWrap {width: 100%; margin-top: 45px;}
.colApply01 {width: 18%;}
.colApply02 {width: 82%;}
.tableTit { margin-bottom: 30px; position: relative;}
.tableTit .applyPerson {font-size:23px;}
.tableTit .editInfo {padding-left: 25px; background:url('../../images/sc/iconInfo2.png') left center no-repeat; position: absolute; right:0; top:5px; font-size: 14px;}

.applyFrom {width: 100%; table-layout:fixed; border-top: 1px solid #e5e5e5;font-size:16px; }
.applyFrom th {padding: 18px 0; background:#f5f5f5; color:#333; border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-weight: normal; }
.applyFrom tbody td {border-bottom: 1px solid #e5e5e5; padding: 10px; box-sizing: border-box;}
.applyFrom tbody td .coment {font-size:14px; color:#f78e36; margin-left: 10px;}
.applyFrom tbody td>input[type=text] {height: 40px; border:1px solid #e5e5e5;}
.applyFrom tbody td>input[type=password] {height: 40px; border:1px solid #e5e5e5;}
.applyFrom tbody td label {color:#7d7d7d; margin-left: 10px;}
.applyFrom tbody td .small {width: 20%;}
.applyFrom tbody td .medium {width: 51%;}
.applyFrom tbody td textarea {display: inline-block; width: 100%; height:100%; border:1px solid #e5e5e5; resize: none;}


/*공지사항*/
.col01 {width: 7%;}
.col02 {width: 86%;}
.col03 {width: 7%;}
table.bList {width: 100%; border-top: 1px solid #333; margin-top: 30px; color: #afadad;}
table.bList thead {display: none;}
table.bList tbody {}
table.bList tbody td {padding: 20px 0; border-bottom: 1px solid #e4e4e4;text-align: center;}
table.bList tbody td.subject { text-align: left;padding-left: 20px;}
table.bList tbody td.subject dl {overflow: hidden;	}
table.bList tbody td.subject dl dt { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
table.bList tbody td.subject dl dt a {display: block; color:#333; font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 1px;} /* 2022-09-30 웹 접근성 */
table.bList tbody td.subject dl dd {float: left; padding:0 20px; font-size:13px; position: relative; }
/* 2019-웹접근성-2차-001 변경 : [S] */
table.bList tbody td.subject dl dd:after {content:""; width: 1px; height: 15px; background:#888; position: absolute; right:8px; top:5px;}
table.bList tbody td.subject dl dd.day {color:#888; padding-left: 20px; background:url('../../images/sc/iconClock.png') left center no-repeat;	}
table.bList tbody td.subject dl dd.view {color:#888; padding-left: 20px; background:url('../../images/sc/iconView.png') left center no-repeat;	}
/* 2019-웹접근성-2차-001 변경 : [E] */
table.bList tbody td.subject dl dd:last-child {border-right:0; padding-right:0;}
table.bList tbody td.subject dl dd:last-child:after {content:""; width: 0;}
table.bList tbody td.nodata {text-align: center; border-bottom: 0;}
table.bList tbody td.nodata span {padding-left: 20px; background:url('../../images/sc/iconBan.png')left center no-repeat;}

/*fAQ*/
.faqList {border-top: 1px solid #e5e5e5; margin-top: 30px; overflow: hidden;}
.faqList dt	{width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; background:url('../../images/sc/bgFaq.png') right 20px center no-repeat;}
.faqList dt .quest {float: left; width:7%; text-align: center; padding:20px;}
.faqList dt .subj {float: left; width: 93%; text-align: left;  padding:22px 0;}
.faqList dt .subj  a {display: block;  color:#3e3e3e; font-size:16px;}

.faqList dt.act {background:url('../../images/sc/bgFaqOn.png') right 20px center no-repeat;}
.faqList dt.act .subj a{color:#ea6300;} /* 2022-09-30 웹 접근성 */

.faqList dd {display: none;width: 100%; height: auto; overflow: hidden;  background: #fafafa; border-bottom: 1px solid #e5e5e5; }
.faqList dd .answer  {float: left; width:7%; text-align: center; padding:30px 20px;}
.faqList dd .content {float: left; width: 93%; text-align: left; padding:33px 0; color:#7b7b7b;}

/*siteMap*/
.siteMapWrap {width: 100%; overflow: hidden; text-align: center;}
.siteMapWrap .siteMapBox {float: left; width: 23.5%; height: 325px; margin-right: 2%; padding:30px 0;background:url('../../images/sc/bgSitemap.png')left top no-repeat; border:1px solid #e4e4e4; border-top:2px solid #f78e36; }
.siteMapWrap .siteMapBox .num {display: inline-block; padding-bottom: 5px; color:#f78e36; border-bottom:1px solid #f78e36; font-size:14px;}
.siteMapBox .siteTit {font-size:20px; color:#333; margin-top: 10px;}
.siteMapBox .colLine {display: inline-block;width: 1px; height: 30px; background:#e4e4e4;  margin: 15px 0;}
.siteMapBox ul li {line-height: 1.8em;}
.siteMapBox ul li a {color:#949494;}
.siteMapBox ul li:hover a {color:#f78e36;}
.siteMapWrap .siteMapBox2 {float: left;  width: 23.5%; height: 325px;  margin-right: 2%;  padding:30px 0; background:url('../../images/sc/bgSitemap2.png')left top no-repeat; border:1px solid #e4e4e4; border-top:2px solid #62ba9e;}
.siteMapWrap .siteMapBox2 .num {display: inline-block; padding-bottom: 5px; color:#62ba9e; border-bottom:1px solid #62ba9e; font-size:14px;}
.siteMapBox2 .siteTit {font-size:20px; color:#333; margin-top: 10px;}
.siteMapBox2 .colLine {display: inline-block;width: 1px; height: 30px; background:#e4e4e4;  margin: 15px 0;}
.siteMapBox2 ul li {line-height: 1.8em;}
.siteMapBox2 ul li a {color:#949494;}
.siteMapBox2 ul li:hover a {color:#62ba9e;}
.siteMapWrap>div:nth-child(4n+0) {margin-right: 0;}