@charset "utf-8";

/* 공통 */

/* ************************* 공통 ************************* */
/* 탭 */
.tabWrap {padding-bottom:30px;}
.tabWrap ul {font-size:0; text-align:center;}
.tabWrap ul li {font-size:18px; display:inline-block; border:1px solid #e5e5e5; width:200px; line-height:50px;}
.tabWrap ul li+li {border-left:0;}
.tabWrap ul li a {display:block; color:#999;}
.tabWrap ul li:hover a {background:#f1f1f1; color:#666;}
.tabWrap ul li.on a {background:#3b55a3; color:#fff;}
.tabWrap ul.length-1 li {width:calc(100%/1);}
.tabWrap ul.length-2 li {width:calc(100%/2);}
.tabWrap ul.length-3 li {width:calc(100%/3);}
.tabWrap ul.length-4 li {width:calc(100%/4);}
.tabWrap ul.length-5 li {width:calc(100%/5);}
.tabWrap ul.length-6 li {width:calc(100%/6);}

/* ***** 테이블 ***** */
.tableWrap {text-align:center;}
.tableWrap tr>* {padding:10px 20px;}
.tableWrap tr>*.left {text-align:left;}
.tableWrap th {background:#f1f1f1; color:#000; font-weight:400;}
/* 테이블-type1 */
.tableWrap.type1 {border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; text-align:center;}
.tableWrap.type1 tr {}
.tableWrap.type1 tr>* {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.tableWrap.type1 th {}
.tableWrap.type1 td {}
/* 테이블-type2 */
.tableWrap.type2 {border-top:1px solid #e5e5e5; text-align:center;}
.tableWrap.type2 tr {}
.tableWrap.type2 tr>* {border-bottom:1px solid #e5e5e5;}
.tableWrap.type2 tr>*+* {border-left:1px solid #e5e5e5;}
.tableWrap.type2 th {}
.tableWrap.type2 td {}

.sub-inner-title {font-size:21px; color:#000; letter-spacing:-1px; line-height:30px; font-weight:400;}
.sub-inner-title {padding-left:45px; margin-bottom:20px; background:url(../images/common/i-heading.png)left 0 no-repeat;}



/* ************************* 재단소개 ************************* */
/* ***** 인사말 ***** */
.greet {position:relative;}
.greet h3 {position:relative; line-height:1.3; padding-bottom:40px; color:#000; font-size:36px; font-weight:400; font-family:'NanumSquare';}
.greet h3:after {content:''; display:block; width:50px; height:5px; position:absolute; left:0; bottom:20px; background:#00a651;}
.greet h3 span {font-weight:700;}
.greet p {line-height:1.9; padding-right:400px; padding-top:20px; font-size:18px;}
.greet img {position:absolute; right:0; top:50px; width:360px;}

/* ***** 설립목적 및 연혁 ***** */
.history {}
.history .buildWrap {overflow:hidden; padding:30px 50px; border-top:1px solid; border-bottom:1px solid; border-color:#00a651;}
.history .buildWrap>div {float:left; }
.history .build-title {width:180px; text-align:center;}
.history .build-title span {display:inline-block; width:80px; height:80px; border:2px solid #00a651; border-radius:50%;}
.history .build-title span {background:url(../images/intro/i-build.svg) center /40px no-repeat}
.history .build-title h4 {padding-top:5px; color:#00a651; font-weight:700; font-size:24px; font-family:'NanumSquare';}
.history .build-text {width:calc(100% - 180px);}
.history .build-text p {font-size:18px;}
.history .build-text p+p {padding-top:20px;}

.history .historyWrap {padding-top:50px; overflow:hidden;}
.history .historyWrap>* {float:left;  overflow:hidden;}
.history .history-list {width:60%;}
.history .history-list h4 {font-size:24px; color:#3b55a3; font-weight:700; font-family:'NanumSquare';}
.history .history-list dl {position:relative; margin-left:20px; margin-top:20px;}
.history .history-list dl:before {content:''; display:block; width:1px; height:100%; background:#3b55a3; position:absolute; left:0; top:13px;}
.history .history-list dt {position:relative; margin:25px 0 5px; padding-left:25px; font-size:18px; color:#000;}
.history .history-list dt:before {content:''; display:block; width:11px; height:11px; background:#fff; border:2px solid #3b55a3; position:absolute; left:-5px; top:7px; border-radius:50%;}
.history .history-list dt:first-child {margin-top:0;}
.history .history-list dd {position:relative; padding-left:60px; font-weight:300;}
.history .history-list dd:before {content:''; display:block; width:4px; height:4px; background:#666; position:absolute; left:50px; top:10px; border-radius:50%;}
.history .history-list dd+dd {}
/* .history .history-list dt+dd {margin-bottom:0;} */
/* .history .history-list dd:last-child {margin-bottom:0;} */
.history .history-img {width:40%; padding-left:40px;}
.history .history-img span {width:100%;}
.history .history-img span+span {margin-top:70px;}


/* ***** 함께하는 사람들 ***** */
.people {}
.people .peopleWrap {overflow:hidden;}
.people .peopleWrap>div {float:left;}
.people .people-title {width:250px; padding-right:50px;}
.people .people-title h4 {position:relative; padding-bottom:20px; margin-bottom:20px; font-size:27px; font-weight:500; color:#000; letter-spacing:-1px;}
.people .people-title h4:after {content:''; display:block; width:30px; height:3px; background:#3b55a3; position:absolute; left:0; bottom:0;}
.people .people-title span {color:#000; text-transform:uppercase; line-height:1;}

.people .people-inner {width:calc(100% - 250px);}
.people .people-inner>div+div {margin-top:20px;}
.people .people-inner-top {overflow:hidden;}
.people .people-inner-top-item {padding:50px; float:left; width:calc((100% - 20px)/2); border:1px solid #e5e5e5; border-radius:5px;}
.people .people-inner-top-item+div{margin-left:20px;}
.people .people-inner-top-item-title {overflow:hidden; padding-bottom:30px;}
.people .people-inner-top-item-title>* {float:left;}
.people .people-inner-top-item-title span.img {width:120px; height:150px; border-radius:5px; background-position:center top !important;}
.people .people-inner-top-item-title h5 {height:150px; margin-left:30px; width:calc(100% - 150px); position:relative; font-size:27px; color:#000; font-weight:500; letter-spacing:-1px; background:url(../images/intro/people_bg.jpg)right bottom no-repeat;}
.people .people-inner-top-item-title h5:after {content:''; display:block; width:30px; height:3px; background:#3b55a3; position:absolute; left:0; bottom:0;}
.people .people-inner-top-item-title h5 span {display:block;font-size:14px; font-weight:300; padding-bottom:20px; line-height:1;}
.people .people-inner-top-item ul {}
.people .people-inner-top-item ul li {position:relative; padding-left:10px; word-break:break-all;}
.people .people-inner-top-item ul li:before {content:''; display:block; width:4px; height:4px; background:#666; position:absolute; left:0; top:11px; border-radius:50%;}
.people .people-inner-top-item ul li+li {margin-top:10px;}
.people .people-inner-top-item ul .ws {letter-spacing:-0.2px;}

.people .people-inner-item {padding:50px; border:1px solid #e5e5e5; border-radius:5px;}
.people .people-inner-item h5 {padding-bottom:50px; font-size:24px; font-weight:500; letter-spacing:-1px; color:#000; position:relative;}
.people .people-inner-item h5:after {content:''; display:inline-block; width:20px; height:2px; background:#3b55a3; position:relative; left:20px; top:-9px;}
.people .people-inner-item ul {overflow:hidden;}
.people .people-inner-item ul li {float:left; width:calc((100% - 20px)/2); padding-left:70px; padding-bottom:20px; position:relative;}
.people .people-inner-item ul li:nth-child(2n) {margin-left:20px;}
.people .people-inner-item ul li:last-child {padding-bottom:0;}
.people .people-inner-item ul li span {margin-right:20px; font-size:18px; color:#000; letter-spacing:-1px;}
.people .people-inner-item ul li span {position:absolute; left:0; top:0;}



.people .peopleWrap.group {margin-top:100px;}
.people .peopleWrap.group .people-title {}
.people .peopleWrap.group .people-title h4:after {background:#00a651;}

.people .peopleWrap.group .people-inner {text-align:center;}
.people .peopleWrap.group .people-inner p {text-align:right; padding-bottom:20px;}
.people .peopleWrap.group .people-inner img {max-width:100%;}




/* ***** 오시는 길 ***** */
.location {overflow:hidden;}
.location>div {float:left; width:50%;}
.location .root_daum_roughmap  {border-radius:10px; overflow:hidden;}
.location .root_daum_roughmap .wrap_controllers {display:none;}
.location .textWrap {padding-left:20px;}
.location .textWrap ul {}
.location .textWrap li {position:relative; padding:20px; border:1px solid #00a651; border-radius:10px;}
.location .textWrap li+li {margin-top:20px;}
.location .textWrap li h4 {position:relative; margin-bottom:12px; padding-bottom:15px; font-size:18px; color:#000; font-weight:700; letter-spacing:-1px;}
.location .textWrap li h4:before {content:''; display:block; width:20px; height:2px; background:#00a651; position:absolute; left:0; bottom:0;}
.location .textWrap li p {}
.location .textWrap li p span {display:block;}
.location .textWrap li p a {}
.location .textWrap li .icon {position:absolute; top:20px; right:20px;}
.location .textWrap li .icon img {max-width:35px; max-height:30px;}





/* ************************* 주요사업 ************************* */
/* ***** 레이아웃 ***** */
.business {}
.business .businessWrap {}
.business .businessWrap>ul {}
.business .business-title {font-size:21px; color:#000; letter-spacing:-1px; line-height:30px; font-weight:400;}
.business .business-title {padding-left:45px; margin-bottom:20px; background:url(../images/common/i-heading.png)left center no-repeat;}
.business .business-inner {padding:40px 50px; border:1px solid #e5e5e5; background:#f9f9f9;}
.business .business-inner+h4 {margin-top:40px;}
.business .business-list>li {}
.business .business-list>li+li {padding-top:40px;}
.business .business-list>li h5 {padding-bottom:15px; color:#00a651; font-size:18px; font-weight:400; letter-spacing:-1px; }
.business .business-list.grievance>li h5 {padding-bottom:15px; color:#000; font-size:18px; font-weight:700; letter-spacing:-1px; }
.business .business-list>li p {position:relative; padding-left:10px;}
.business .business-list>li p:before {content:''; display:block; width:4px; height:4px; background:#666; position:absolute; left:0; top:10px; border-radius:50%;}
.business .business-list>li ul+p,
.business .business-list>li p+p {margin-top:7px;}
.business .business-list>li>div {padding-left:10px;}
.business .business-list>li>div+div {margin-top:7px;}
.business .business-list>li>a.btn {display:inline-block; padding:20px 40px; color:#00a651; border:1px solid #00a651; line-height:1;}
.business .business-list>li>a.btn:hover {background:#00a651; color:#fff;}
.business .business-list>li.define p:before { display : none; }
.business .business-list>li.define p:first-child:before { content:''; display:block; width:4px; height:4px; background:#666; position:absolute; left:0; top:10px; border-radius:50%; }
.business .business-list>li.define li { margin-bottom : 15px; padding-left : 10px; }
.business .business-list>li.define li p span { font-weight : 700; color : #00a651; }
.business .business-list>li>div>a.btn {display:inline-block; padding:20px 40px; color:#fff; font-weight : 500; background : #00a651;  line-height:1; margin : 15px 0 0 10px; border : 1px solid #00a651;}
.business .business-list>li>div>a.btn i { padding-left : 10px;}
.business .business-list>li>div>a.btn:hover {background:#fff; color:#00a651; border : 1px solid #00a651;}

.business .business-inner img {margin-top:40px; max-width:100%;}
.business .business-inner img+img {margin-top:20px;}
.business .business-inner-img {overflow:hidden; margin-top:40px;}
.business .business-inner-img span {float:left; width:calc((100% - 80px)/3);}
.business .business-inner-img span+span { margin-left:40px;}

.business ul.ulType1 {padding-left:10px;}
.business ul.ulType1>li {position:relative; padding-left:10px;}
.business ul.ulType1>li+li {margin-top:7px;}
.business ul.ulType1>li:before {content:''; display:block; width:4px; height:4px; background:#666; position:absolute; left:0; top:10px; border-radius:50%;}
.business ul.ulType2 {padding-left:10px;}
.business ul.ulType2>li {}
.business ul.ulType2>li {position:relative; padding-left:10px;}
.business ul.ulType2>li+li {margin-top:2px;}
.business ul.ulType2>li:before {content:''; display:block; width:4px; height:1px; background:#666; position:absolute; left:0; top:12px;}
.business ol {padding-left:10px;}
.business ol li {position:relative; counter-increment:list-number; padding-left:20px;}
.business ol li:before {content:counter(list-number)")"; position:absolute; left:0; top:0;}
/* .business ol.olType1 li:before {content:counter(list-number)")"; position:absolute; left:0; top:0;} */
/* .business ol.olType2 li:before {content:counter(list-number)"."; position:absolute; left:0; top:0;} */
.business .business-list>li>div.tableWrap {padding-left:0; overflow:auto; max-height:500px;}
.business .business-list>li>div.tableWrap table {max-height:300px;}
.business .business-list>li>div.tableWrap table tr>* {white-space:nowrap;}
.business .business-list>li>div.tableWrap.white_space_wrap table tr>* {white-space:wrap; padding:10px 15px;}
.business .business-list>li>div.tableWrap table tr .text-left { text-align : left;}
.business .business-list-table tr {}
.business .business-list-table tr>* {}
.business .business-list-table th {}
/* .business .business-list-table td:last-child {text-align:left;} */
.business .tableWrap td span {display:block;}



/* ***** 인재양성 ***** */


/* ***** 창의적체험활동 ***** */


/* ***** 글로벌 리더십 강화활동 ***** */


/* ***** 진학진로활동 ***** */


/* ***** 아산늘푸름수련원 ***** */



/* ************************* 알림마당 ************************* */
/* ***** 자료실 ***** */


/* 서식 */

/* 뉴스레터 */

/* 소식지 */

/* 간행물 */






/* ************************* 소통마당 ************************* */
/* ***** 자주하는질문 ***** */

.faq {}
.faq .listLeng {padding:30px 0 20px; line-height:1; letter-spacing:-.5px;}
.faq .listLeng span {color:#000; font-weight:400;}
.faq-search {}
.faq-searchBox {overflow:hidden;}
.faq-searchBox .inputWrap {float:left; position:relative;}
.faq-searchBox .inputWrap select,
.faq-searchBox .inputWrap input {width:100%; padding:0 20px; border:1px solid #ddd; height:60px; line-height:58px; border-radius:10px;}
.faq-searchBox .inputWrap.selectBox {width:170px; margin-right:15px;}
.faq-searchBox .inputWrap.selectBox select {width:100%; padding:0 40px 0 20px; background-position:calc(100% - 20px) 50%;}
.faq-searchBox .inputWrap.textBox {width:calc(100% - 185px);}
.faq-searchBox .inputWrap.textBox input {padding:0 60px 0 20px;}
.faq-searchBox .inputWrap.textBox button {width:60px; height:60px; position:absolute; right:0; top:0; background:url(../images/common/i-searchBtn.png)center no-repeat;}
.faq-inner {}
.faq-inner-list {}
.faq-inner-list li {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.faq-inner-list li+li {margin-top:10px;}
.faq-inner-list li h3 {padding:20px 20px 20px 50px; color:#000; font-size:18px; font-weight:400; letter-spacing:-.5px; background:#fff url(../images//.png)20px center no-repeat; cursor:pointer; position:relative; line-height:1.4;}
.faq-inner-list li h3 span {position:absolute; left:20px;}
.faq-inner-list li>div {padding:40px 65px; background:url(../images/community/i-faq-list.png)25px 37px no-repeat;}
.faq-inner-list li>div .faq_content {color:#000; letter-spacing:-.5px; line-height:1.8;}

.faq-inner-list li.on {box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.faq-inner-list li.on h3 {color:#00a651; background:#f9f9f9 url(../images//.png)left center no-repeat;}

.faq-inner-list .faq_content img {max-width:100% !important; height:auto !important;}
.faq-inner-list .faq_content iframe {max-width:100% !important;}


/* ***** Withus 생생정보나눔 ***** */
.withus .withus-intro {border-left:3px solid #00a651; padding-left:30px; margin-bottom:50px;}
.withus .withus-intro h4 {font-size:36px; font-weight:500; padding-bottom:20px;}
.withus .withus-intro p {font-size:18px; line-height:1.8; font-weight:300; padding-bottom:20px;}
.withus .withus-intro p+p {padding-bottom:0;}
.withus .withus-intro p {}
.withus .withus-intro a.mail {
	display:inline-block; padding:0 30px 0 70px; font-size:18px; color:#000; height:50px; line-height:48px;
	background:url(../images/community/i-mail.svg)30px center /33px no-repeat; text-align:center;
	border-radius:5px; border:1px solid #e5e5e5;
}
.withus .withus-intro a.mail:hover {background-color:#f1f1f1;}


/* ***** 늘푸름지 ***** */
.aeyc .aeycWrap {}
.aeyc .aeyc-intro {border-left:3px solid #00a651; padding-left:30px; margin-bottom:50px;}
.aeyc .aeyc-intro h4 {font-size:36px; font-weight:500; padding-bottom:20px;}
.aeyc .aeyc-intro p {font-size:18px; line-height:1.8; font-weight:300; padding-bottom:20px;}
.aeyc.consulting .aeyc-intro p {font-size:18px; line-height:1.8; font-weight:300; padding :20px 0;}
.aeyc .aeyc-intro ul {}
.aeyc .aeyc-intro ul li {font-weight:300; position:relative; height:40px; padding:10px 0 10px 120px;}
.aeyc .aeyc-intro ul li span {position:absolute; left:0; top:0; line-height:40px; display:block; width:100px; font-weight:400; background:#f1f1f1; border-radius:5px; text-align:center;}
.aeyc .aeyc-intro ul li+li {margin-top:10px;}

.aeyc .aeyc-list {}
.aeyc .aeyc-list .tableWrap {border-top:1px solid #000;}
.aeyc .aeyc-list .tableWrap table tr>* {border-bottom:1px solid #e5e5e5;}
.aeyc .aeyc-list .tableWrap table tr>*+* {border-left:1px solid #e5e5e5;}

/* ***** 뉴스레터 구독 접수창구 ***** */
.letter_sub { border : 1px solid #e5e5e5; padding : 30px; margin-top : 30px; text-align : center; }
.letter_sub h2 { color : #000; margin-bottom : 15px; }
.letter_sub p { margin-bottom : 15px; }
.letter_sub label { display : none; }
.letter_sub input { width : 40%; border : 1px solid #e5e5e5!important; border-radius : 0px!important;}
.letter_sub .btn.subscribe { padding : 0; border : none; transform : translateY(2px); margin-left : 10px; }
.letter_sub .btn.subscribe a { color : #fff; background : #00a651; width : 100%; height : 100%; padding: 10px 25px; }

/* ************************* 기부후원 ************************* */
/* ***** 기부안내 ***** */
.donation .info>div+div {border-top:1px solid #e5e5e5;}
.donation .donation-info {}
.donation .donation-info-top {padding:50px 0; border-radius:10px; overflow:hidden;}
.donation .donation-info-top {background:url(../images/donation/donation_bg.jpg)center /cover no-repeat;}
.donation .donation-info-top p {padding:20px 0; float:left; width:50%; text-align:center; font-size:36px; font-weight:700; color:#fff; line-height:1.8;}
.donation .donation-info-top p+p {border-left:1px dotted #fff; font-size:18px; font-weight:400;}

.donation .donation-info-use {padding:20px 0 0; text-align:center;}
.donation .donation-info-use p {color:#000; font-size:32px; display:block;}
/* .donation .donation-info-use span {font-size:36px; display:block;} */

.donation .donation-info-find {padding:50px 0; overflow:hidden; text-align:center;}
.donation .donation-info-find>div {float:left; width:50%; padding:40px 0;}
.donation .donation-info-find>div h5 {background:url(../images/donation/i-person.svg)center top /auto 70px no-repeat;}
.donation .donation-info-find>div h5 {font-size:24px; font-weight:700; padding:90px 0 20px;}
.donation .donation-info-find>div p {line-height:1.8;}
.donation .donation-info-find-person {}
.donation .donation-info-find-person h5 {}
.donation .donation-info-find-corporate {border-left:1px dotted #999;}
.donation .donation-info-find-corporate h5 {background-image:url(../images/donation/i-corporate.svg) !important;}

.donation h4 {font-size:36px; font-weight:500; color:#000;}
.donation .donation-find {text-align:center; padding:50px 0;}
.donation .donation-find h4 {}
.donation .donation-find-list {padding:30px 0; overflow:hidden;}
.donation .donation-find-list li {padding:20px 0; float:left; width:33.3333%;}
.donation .donation-find-list li+li {border-left:1px dotted #999;}
.donation .donation-find-list li span {display:inline-block; width:80px; height:80px; border:2px solid #00a651; border-radius:50%;}
.donation .donation-find-list li span {background:url(../images/donation/i-normal.png)center no-repeat;}
.donation .donation-find-list li.designation span {background-image:url(../images/donation/i-designation.png)}
.donation .donation-find-list li.group span {background-image:url(../images/donation/i-group.png);}
.donation .donation-find-list li h5 {position:relative; padding:20px 0 12px; font-size:18px; color:#000;}
.donation .donation-find-list li h5:after {content:''; display:block; width:20px; height:2px; background:#3b55a3; position:absolute; left:calc(50% - 10px); bottom:0;}
.donation .donation-find-list li p {padding-top:20px;}

.donation .donation-contact {padding:40px 0; background:linear-gradient(to right, #00a651, #3b55a3); border-radius:10px;}
.donation .donation-contact p {color:#fff; font-size:21px; padding-bottom:20px;}
.donation .donation-contact div {width:800px; margin:0 auto; overflow:hidden;}
.donation .donation-contact div a {width:50%; float:left; color:#fff; font-size:24px; font-weight:700;}
.donation .donation-contact div a+a {border-left:1px dotted #fff;}
.donation .donation-contact div a span {display:inline-block; margin-right:15px; background:url(../images/donation/i-tel.png)center no-repeat; width:50px; height:50px; border:2px solid #fff; border-radius:50%; vertical-align:middle;}
.donation .donation-contact div a span.mail {background-image:url(../images/donation/i-mail.png);}

.donation .donation-use {overflow:hidden; padding-top:50px;}
.donation .donation-use>div {float:left;}
.donation .donation-use-text {width:calc(100% - 700px);}
.donation .donation-use-text h4 {font-size:36px; color:#000; font-weight:500; padding-bottom:100px;}
.donation .donation-use-text p {position:relative; font-size:21px; color:#000; padding-top:30px;}
.donation .donation-use-text p:before {content:''; display:block; width:100px; height:5px; background:#00a651; position:absolute; left:0; top:0;}
.donation .donation-use-text p span {display:block;}
.donation .donation-use-text p span.num {font-size:60px; color:#00a651; font-weight:700; line-height:72px;}
.donation .donation-use-img {width:700px; height:338px; background:url(../images/donation/donation_img.jpg)center /cover no-repeat;}

.donation .donation-guide {display:grid; grid-template-columns:repeat(2,1fr); padding:40px 0; background:linear-gradient(to right, #00a651, #3b55a3); border-radius:10px;}
.donation .donation-guide>div {overflow:hidden;}
.donation .donation-guide p {color:#fff; font-size:21px; padding-bottom:45px;}
.donation .donation-guide .guide {text-align:center; border-right:1px dotted #fff; padding:0 10px;}
.donation .donation-guide div h5 {font-size:21px; font-weight:400; color:#fff; padding-bottom:20px;}
.donation .donation-guide div ul li {color:#fff;}
.donation .donation-guide div ul .receipt {display:block; color:#fff; margin-top:5px; font-size:15px; letter-spacing:-0.02em;}
.donation .donation-guide div a {display:inline-block; color:#fff; font-size:21px; font-weight:700;}
.donation .donation-guide div a.format {font-size:14px; color:#00a651; padding:8px 25px; background:#f9f9f9; margin-top:10px; transition:0.2s; font-weight:500;}
.donation .donation-guide div a.format:hover {color:#fff; background:#3b55a3;}
.donation .donation-guide div:nth-child(2) a:nth-of-type(1) {margin-right:20px;}
.donation .donation-guide div span {display:inline-block; margin-right:15px; background:url(../images/donation/i-tel.png)center no-repeat; width:50px; height:50px; border:2px solid #fff; border-radius:50%; vertical-align:middle;}
.donation .donation-guide div a span.mail {background-image:url(../images/donation/i-mail.png);}
.donation .donation-guide div span.bank {background-image:url(../images/donation/i-bank.png);}

/* ***** 기부프로젝트 ***** */
.project {}
.project .project-title {padding:50px; margin-bottom:50px; text-align:center; border:1px solid #e5e5e5;}
.project .project-title .logoWrap {padding:20px 0 50px;}
.project .project-title .logoWrap img {margin:0 30px;}
.project .project-title h4 {font-size:24px; font-weight:500; line-height:1.7;}
.project .project-title h4 span {font-size:36px; font-weight:700;}
.project .project-title p {}

.project .project-list {}
.project .project-list-img {padding:10px 0 50px;}
.project .project-list-img ul {text-align:center; font-size:0;}
.project .project-list-img ul:first-child {margin-top:-20px;}
.project .project-list-img ul li {display:inline-block; width:188px; margin:20px 10px 0;}
.project .project-list-img ul li a {display: block;}
.project .project-list-img ul li a img {width:100%;}
.project .project-list-table {}
.project .project-list-table p {}
.project .project-list-table .tableWrap {margin: 10px 0;}
.project .project-list-table .tableWrap table {}
.project .project-list-table .tableWrap table td:nth-child(1),
.project .project-list-table .tableWrap table td:nth-child(2) {text-align:left;}


/* ************************* 이용약관, 개인정보처리방침 ************************* */
.privacy {}
.privacy .pre-wrap {}
.privacy .pre-wrap>div {padding:30px; padding-right:15px; border-radius:10px; border:1px solid #ddd; background:#fff;}
.privacy .pre-wrap pre {height:500px; padding:0; padding-right:30px; overflow:auto; background:none; font-size:15px;  font-family:'NotoSansKR' !important; line-height:1.7; border:none; word-break:keep-all; color:#333}
.privacy .pre-wrap pre table {border-collapse:collapse; border:1px solid #ddd; border-top:1px solid #000; text-align:center;}
.privacy .pre-wrap pre table tr>* {padding:5px; border-right:1px solid #ddd; color:#000}
.privacy .pre-wrap pre table tr>*:last-child {border-right:none;}
.privacy .pre-wrap pre table tr {border-bottom:1px solid #ddd}
.privacy .pre-wrap pre table tr th {background:#f5f5f5; color:#000; font-weight:400}





/* ************************* 영문 ************************* */



/* 고정메뉴 */
.fixMenu {position:fixed; right:50px; top:200px; text-align:center; z-index:99;}
.fixMenu ul { border-radius:10px;  }
.fixMenu ul li {}
.fixMenu ul li a {display:flex;padding:20px 5px; position:relative; font-size:13px; line-height:1.2; align-items:center; justify-content:center; box-shadow: 1px 1px 7px 0px rgb(0 0 0 / 20%); width:60px; height:60px; border-radius:50%; background:#fff;}
.fixMenu ul li a:hover {background:#f1f1f1;}
/* .fixMenu ul li a:before {width:40px; height:40px; left:50%; top:20px; background:center /100% no-repeat; position:absolute; display:block; content:''; transform:translateX(-50%);} */
.fixMenu ul li+li {margin-top:10px;}
.fixMenu ul li+li a {border-top:1px solid #e5e5e5;}
.fixMenu ul li a div {}
.fixMenu ul li a img {width:30px;}
.fixMenu ul li a span {padding:5px 0 0; display:block;}

.fixMenu ul li:first-child,
/*.fixMenu ul li:first-child a:hover {background:#00a651;}*/
.fixMenu ul li:first-child a { color:#fff;}

/* .fixMenu ul li.fry a:before {background-image:url(../images/common/i-logo.png)} */
/* .fixMenu ul li.face a:before {background-image:url(../images/common/i-face.png)} */
/* .fixMenu ul li.insta a:before {background-image:url(../images/common/i-insta.png)} */
/* .fixMenu ul li.youtube a:before {background-image:url(../images/common/i-youtube.png)} */
/* .fixMenu ul li.zep a:before {background-image:url(../images/common/i-zep.png)} */


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	/* ************************* 공통 ************************* */
	/* 탭 */
	.tabWrap ul li {width:100% !important;}
	.tabWrap ul li {display:block; width:200px; line-height:50px;}
	.tabWrap ul li+li {border-left:1px solid #e5e5e5; border-top:0;}

	/* ***** 테이블 ***** */
	.tableWrap {}
	/* 테이블-type1 */
	.tableWrap.type1 {}
	/* 테이블-type2 */


	/* ************************* 재단소개 ************************* */
	/* ***** 인사말 ***** */
	.greet p {padding-right:0;}
	.greet img {position:static; max-width:100%; margin-top:20px;}

	/* ***** 설립목적 및 연혁 ***** */
	.history .buildWrap {}
	.history .buildWrap>div {width:100%;}
	.history .build-text p {padding-top:20px;}

	.history .historyWrap {padding-top:40px;}
	.history .historyWrap>div {width:100%;}
	.history .history-img {padding-left:0; padding-top:40px; overflow:hidden;}
	.history .history-img span {float:left; width:calc((100% - 40px)/3);}
	.history .history-img span+span {margin-top:0; margin-left:20px;}

	/* ***** 함께하는 사람들 ***** */
	.people .peopleWrap>div {width:100%;}
	.people .people-title {padding:0; padding-bottom:20px;}
	.people .people-title>* {float:left;}
	.people .people-title h4 {padding:0; margin:0;}
	.people .people-title h4 {display:inline-block; padding-right:20px;}
	.people .people-title h4:after {left:auto; bottom:auto;}
	.people .people-title h4:after {left:100%; top:0;}
	.people .people-title span {padding-top:14px; font-size:13px;}

	.people .people-inner {}
	.people .people-inner-top-item {padding:30px;}
	.people .people-inner-item {padding:30px;}
	.people .people-inner-item h5 {padding-bottom:40px;}


	.people .peopleWrap.group {margin-top:50px;}



	/* ***** 오시는 길 ***** */
	.location>div {width:100%;}
	.location .root_daum_roughmap {height:60vw;}
	.location .textWrap {padding-top:20px; padding-left:0;}
	.location .textWrap li+li {margin-top:10px;}


	/* ************************* 주요사업 ************************* */
	/* ***** 공통 ***** */
	.business .business-inner {padding:30px 40px;}
	.business .business-title {}
	.business .business-inner+h4 {margin-top:30px;}

	.business .business-list>li>div.tableWrap {max-height:400px;}
	.business .business-inner img {margin-top:30px;}
	.business .business-inner img+img {margin-top:30px;}
	.business .business-inner-img {margin-top:30px;}
	.business .business-inner-img span {width:calc((100% - 30px)/2);}
	.business .business-inner-img span+span {margin-left:30px;}



	/* ***** 인재양성 ***** */


	/* ***** 창의적체험활동 ***** */


	/* ***** 글로벌 리더십 강화활동 ***** */


	/* ***** 진학진로활동 ***** */


	/* ***** 아산늘푸름수련원 ***** */



	/* ************************* 알림마당 ************************* */
	/* ***** 자료실 ***** */

	/* 서식 */

	/* 뉴스레터 */

	/* 소식지 */

	/* 간행물 */



	/* ************************* 소통마당 ************************* */
	/* ***** 자주하는질문 ***** */
	.faq-searchBox .inputWrap select, .faq-searchBox .inputWrap input {height:50px; line-height:48px;}
	.faq-searchBox .inputWrap.textBox input {padding:0 50px 0 20px;}
	.faq-searchBox .inputWrap.textBox button {width:50px; height:50px;}
	.faq-inner-list li h3 {padding-left:45px;}
	.faq-inner-list li>div {padding:30px 40px 30px 60px; background-position:20px 27px;}

	/* ***** Withus 생생정보나눔 ***** */
	 .withus .withus-intro {margin-bottom:40px;}

	/* ***** 늘푸름지 ***** */
	.aeyc .aeyc-intro {margin-bottom:40px;}

	/* ***** 뉴스레터 구독 접수창구 ***** */
	.letter_sub { border : 1px solid #e5e5e5; padding: 30px 30px 40px 30px; margin-bottom : 30px; text-align : center; }
	.letter_sub input { width : 90%;  }
	.letter_sub .btn.subscribe { display : block; padding : 0; border : none; transform : translateY(0px); background : none; margin-top : 30px;}
	.letter_sub .btn.subscribe a { color : #fff; background : #00a651; width : 100%; height : 100%; padding: 10px 25px; }
	


	/* ************************* 기부후원 ************************* */
	/* ***** 기부안내 ***** */
	.donation .donation-info-top {padding:0;}
	.donation .donation-info-top p {float:none; width:100%; padding:30px 0;}
	.donation .donation-info-top p+p {width:600px; margin:0 auto; border-left:0; border-top:1px dotted #fff;}
	
	.donation .donation-info-find {padding:40px 0;}
	.donation .donation-info-find>div {padding:30px 20px;}
	/* .donation .donation-info-find-corporate {border-left:0; border-top:1px dotted #999;} */
	.donation .donation-info-find>div p br {display:none;}
	
	.donation .donation-find {padding:40px 0;}
	.donation .donation-find h4 {font-size:32px;}
	
	.donation .donation-find-list li {padding:0 20px;}
	.donation .donation-contact div {width:700px;}
	
	.donation .donation-guide div a {display:block; font-size:20px;}
	.donation .donation-guide div:nth-child(2) a:nth-of-type(1) {margin-right:0px;}
	.donation .donation-guide div:nth-child(2) a:nth-of-type(2) {margin-top:5px;}
	.donation .donation-guide div a.format {display:inline-block;}
	.donation .donation-guide div span {width:40px; height:40px; background-size:20px;}
	
	/* ***** 기부프로젝트 ***** */
	.project .project-title {padding:40px; margin-bottom:40px;}
	.project .project-title h4 {font-size:22px;}
	.project .project-title h4 span {font-size:34px;}
	.project .project-list-img {padding:10px 0 40px;}
	
	
	


	/* ************************* 이용약관, 개인정보처리방침 ************************* */
	.privacy {}
	.privacy .pre-wrap {padding:0;}
	.privacy .pre-wrap>div {padding:30px; padding-right:15px; border-radius:10px; border:1px solid #ddd; background:#fff; }
	.privacy .pre-wrap pre {height:300px; padding:0; padding-right:30px; overflow:auto; background:none; font-size:15px;  font-family:'NotoSansKR' !important; line-height:1.7; border:none; word-break:keep-all; color:#333}
	.privacy .pre-wrap pre table {border-collapse:collapse; border:1px solid #ddd; border-top:1px solid #000; text-align:center;}
	.privacy .pre-wrap pre table tr>* {padding:5px; border-right:1px solid #ddd; color:#000}
	.privacy .pre-wrap pre table tr>*:last-child {border-right:none;}
	.privacy .pre-wrap pre table tr {border-bottom:1px solid #ddd}
	.privacy .pre-wrap pre table tr th {background:#f5f5f5; color:#000; font-weight:400}

	
	

	/* 고정메뉴 */
	.fixMenu {right:0; top:auto; bottom:0; width:100%;}
	.fixMenu ul {display:flex; width:100%; border-radius:0; border-width:1px 0 0;}
	.fixMenu ul li {width:calc(100%/5)}
	.fixMenu ul li a img {width:30px;} 
	/*.fixMenu ul li:first-child {display:none;}*/
	.fixMenu ul li+li a {border:0; border-left:1px solid #e5e5e5;}
	.fixMenu ul li a {height:60px;}
	

}







/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	/* ************************* 공통 ************************* */
	/* 탭 */

	/* ***** 테이블 ***** */
	.tableWrap {}
	.tableWrap tr>* {padding:5px 10px;}
	/* 테이블-type1 */
	.tableWrap.type1 {}
	/* 테이블-type2 */
	.sub-inner-title {font-size:19px; padding-left:35px; margin-bottom:15px; background-size:25px; background-position:0 3px;}

	/* ************************* 재단소개 ************************* */
	/* ***** 인사말 ***** */
	.greet h3 {font-size:27px; padding-bottom:20px;}
	.greet h3 br {display:none;}
	.greet h3:after {width:40px; height:4px; bottom:0;}
	.greet p {font-size:16px; padding-top:10px;}
	.greet img {margin-top:10px;}

	/* ***** 설립목적 및 연혁 ***** */
	.history .buildWrap {padding:20px;}
	.history .build-title h4 {font-size:21px;}
	.history .build-text p {font-size:16px; padding-top:10px !important;}
	.history .history-list h4 {font-size:21px;}

	.history .historyWrap {padding-top:30px;}
	.history .history-img {padding-top:20px;}
	.history .history-img span {width:100%;}
	.history .history-img span+span {margin:0; margin-top:20px;}


	/* ***** 함께하는 사람들 ***** */
	.people .peopleWrap>div {width:100%;}
	.people .people-title {}
	.people .people-title h4 {font-size:24px;}
	.people .peopleWrap.group .people-title h4:after {height:2px; top:2px;}
	.people .people-title span {font-size:12px; padding-top:12px;}

	.people .people-inner {}
	.people .peopleWrap.group .people-inner p {text-align:left;}

	.people .people-inner-top {}
	.people .people-inner-top-item {width:100%; padding:20px; min-height:auto !important;}
	.people .people-inner-top-item+div {margin:0; margin-top:20px;}
	.people .people-inner-top-item-title {padding-bottom:20px;}
	.people .people-inner-top-item-title h5 {font-size:24px; margin-left:20px; width:calc(100% - 140px); background-size:55px;}
	.people .people-inner-top-item ul li+li {margin-top:5px;}

	.people .people-inner-item {padding:20px;}
	.people .people-inner-item h5 {font-size:21px; padding-bottom:20px;}
	.people .people-inner-item h5:after {left:15px;}
	.people .people-inner-item ul li {width:100%; padding-bottom:15px;}
	.people .people-inner-item ul li:nth-child(2n) {margin-left:0;}
	.people .people-inner-item ul li span {font-size:17px;}

	.people .peopleWrap.group {margin-top:30px;}


	/* ***** 오시는 길 ***** */
	.location .textWrap li h4 {font-size:17px; margin-bottom:7px; padding-bottom:12px;}
	.location .textWrap li p {padding-right:40px;}


	/* ************************* 주요사업 ************************* */
	/* ***** 공통 ***** */
	.business .business-title {font-size:19px; padding-left:35px; margin-bottom:15px; background-size:25px;}
	.business .business-inner+h4 {margin-top:20px;}

	.business .business-list>li>div.tableWrap {max-height:300px;}

	.business .business-list>li h5 {font-size:17px; padding-bottom:10px;}
	.business .business-list>li p:before {width:3px; height:3px; top:11px;}
	.business .business-list>li+li {padding-top:30px;}

	.business .business-inner {padding:20px;}
	.business .business-inner img {margin-top:20px;}
	.business .business-inner img+img {margin-top:20px;}
	.business .business-inner-img {margin-top:20px;}
	.business .business-inner-img span {width:100%;}
	.business .business-inner-img span+span {margin-left:0; margin-top:20px;}




	/* ***** 인재양성 ***** */


	/* ***** 창의적체험활동 ***** */


	/* ***** 글로벌 리더십 강화활동 ***** */


	/* ***** 진학진로활동 ***** */


	/* ***** 아산늘푸름수련원 ***** */



	/* ************************* 알림마당 ************************* */
	/* ***** 자료실 ***** */
	/* 탭 */
	/* .tabWrap {padding-bottom:20px;} */
	.tabWrap ul li {font-size:15px;}


	/* 서식 */

	/* 뉴스레터 */

	/* 소식지 */

	/* 간행물 */



	/* ************************* 소통마당 ************************* */
	/* ***** 자주하는질문 ***** */
	.faq .listLeng {padding:20px 0 10px;}
	.faq-searchBox .inputWrap.selectBox {width:100%; margin-bottom:5px}
	.faq-searchBox .inputWrap.textBox {width:100%;}
	.faq-searchBox .inputWrap select, .faq-searchBox .inputWrap input {height:42px; line-height:40px;}
	.faq-searchBox .inputWrap.selectBox select {}
	.faq-searchBox .inputWrap.textBox {}
	.faq-searchBox .inputWrap.textBox input {padding:0 40px 0 20px;}
	.faq-searchBox .inputWrap.textBox button {width:42px; height:42px; background-size:18px}
	
	.faq-inner-list li h3 {font-size:16px; padding-left:40px;}
	.faq-inner-list li>div {padding:20px 20px 20px 50px; background-position:18px 18px; background-size:16px;}
	
	/* ***** Withus 생생정보나눔 ***** */
	.withus .withus-intro {padding-left:20px; border-left-width:2px; margin-bottom:30px;}
	.withus .withus-intro h4 {font-size:32px; padding-bottom:15px;}
	.withus .withus-intro p {font-size:16px; padding-bottom:15px;}


	/* ***** 늘푸름지 ***** */
	.aeyc .aeyc-intro {border-left-width:2px; padding-left:20px; margin-bottom:30px;}
	.aeyc .aeyc-intro h4 {font-size:32px; padding-bottom:15px;}
	.aeyc .aeyc-intro p {font-size:17px; padding-bottom:15px;}
	.aeyc .aeyc-intro ul {}
	.aeyc .aeyc-intro ul li {padding:0; height:auto;}
	.aeyc .aeyc-intro ul li span {position:static; margin-bottom:3px; line-height:30px;}




	/* ************************* 기부후원 ************************* */
	/* ***** 기부안내 ***** */
	.donation .donation-info {margin-bottom:20px;}
	.donation .donation-info-top p {padding:20px 0; font-size:27px;}
	.donation .donation-info-top p+p {width:100%; font-size:16px;}
	.donation .donation-info-use {padding:10px 20px;}
	.donation .donation-info-use p {}
	.donation .donation-info-use p span {font-size:27px;}
	.donation .donation-info-find {padding:0 20px; background:#f5f5f5; border-radius:10px;}
	.donation .donation-info-find>div {width:100%; padding:20px 0;}
	.donation .donation-info-find>div h5 {font-size:21px; padding:60px 0 20px; background-size:auto 50px;}
	.donation .donation-info-find-corporate {border-left:0; border-top:1px dotted #999;}
	.donation .info>div+div {border-top:0;}
	.donation .donation-find {padding:0;}
	.donation .donation-find-list {padding:0; border:1px solid #e5e5e5 !important;}
	.donation .donation-find h4 {font-size:27px; padding-bottom:20px;}
	.donation .donation-find-list li {width:100%; float:none; padding:20px;}
	.donation .donation-find-list li+li {border-left:0; border-top:1px dotted #999;}
	
	.donation .donation-contact {padding:30px 0; margin-top:20px;}
	.donation .donation-contact p {font-size:19px; padding:0 20px 20px;}
	.donation .donation-contact div {width:100%;}
	.donation .donation-contact div a {display:block; margin:0 auto; font-size:21px; float:none; width:250px; max-width:100%;}
	.donation .donation-contact div a+a {border-left:0; border-top:1px dotted #fff; padding-top:20px; margin-top:20px;}
	
	.donation .donation-guide {grid-template-columns:repeat(1,1fr); padding:30px; margin-top:20px;}
	.donation .donation-guide .guide {border-right:0; border-bottom:1px dotted #fff; padding-bottom:20px;}
	.donation .donation-guide p {margin-top:20px; padding-bottom:25px;}
	.donation .donation-guide div ul li {line-height:1.8;}
	.donation .donation-guide div ul .receipt {margin-left:0px; padding-left:15px;}
	.donation .donation-guide div a {font-size:18px;}
	.donation .donation-guide div:nth-child(2) a:nth-of-type(2) {margin-top:15px;}
	.donation .donation-guide div span {width:35px; height:35px; background-size:17px;}
	
	
	/* ***** 기부프로젝트 ***** */
	.project .project-title {padding:30px; margin-bottom:30px;}
	.project .project-title h4 {font-size:19px;}
	.project .project-title h4 span {font-size:27px;}
	.project .project-title .logoWrap {padding:10px 0 30px;}
	.project .project-title .logoWrap img {margin:10px;}
	
	
	.project .project-list-img {padding:10px 0 30px;}
	.project .project-list-img ul li {width:calc((100% - 40px)/2);}
	.project .project-list-img ul li img {max-width:100%;}
	
	
	
	

	/* ************************* 이용약관, 개인정보처리방침 ************************* */
	.privacy {}
	.privacy .pre-wrap {}
	.privacy .pre-wrap>div {padding:20px;}
	
	
	/* 고정메뉴 */
	
	
	
	
	
	

}










/* ************************ 영문 ************************ */
html[lang*='en'] {}
html[lang*='en'] .history .historyWrap {padding-top:0;}


/* 태블릿 (0~991) */
@media screen and (max-width: 991px) {
	/* html[lang*='en'] .history .historyWrap {padding-top:0;} */
}

/* 모바일 (0~767) */
@media screen and (max-width: 767px) {
	
}


/* ************************ 중문 ************************ */







/* ************************ 일문 ************************ */