@charset "utf-8";

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}


/* ******************** 공용 ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

table.typeA {width:100%; margin:0 auto;}
table.typeA * {font-size:14.5px; font-weight:400; line-height:1.4;}
table.typeA th {padding:15px 10px; color:#000; text-align:center; font-weight:400;	border:1px solid #666; border-right:0; background:#f9f9f9;}
table.typeA th:first-child {border-left:0;}
table.typeA td {padding:15px 10px; border:1px solid #ddd; border-top:0; border-right:0;}
table.typeA td:first-child {border-left:0; color:#000; text-align:center;}

.contents  h4 {margin-bottom:10px; font-size:18px; font-weight:400; color:#000; line-height:1; letter-spacing:-1px;}
.pad0 {padding:0;}

/* tab */
.tabA {margin:0 auto; font-size:0; line-height:0; text-align:center;}
.tabA a {display:inline-block; padding:15px; font-size:14px; font-weight:400; line-height:1; letter-spacing:-1px; border:1px solid #ddd; border-left:0;}
.tabA a:first-child {border-left:1px solid #ddd; border-radius:5px 0 0 5px}
.tabA a:last-child {border-radius:0 5px 5px 0;}
.tabA a.on {color:#fff; background-color:#4591e0; border-color:transparent;}
.tabA a:hover {box-shadow:inset 0 0 5px rgba(0,0,0,.2);}


/* 격자형 구조 - 테이블 스타일 */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

/* 강조색 */
.c_acc {color:#4591e0 !important;} /* 파랑 */
.c_sub1 {color:#85c957 !important;} /* 초록 */
.c_sub2 {color:#faa90e !important;} /* 오렌지 */
.c_sub3 {color:#9b8bcd !important;} /* 자주 */
.c_gray {color:#d7d7d7 !important;} /* 회색 */
.c_black {color:#000 !important;} /* 블랙 */


/* ************************ PC 이상 (992~) ************************ */
@media screen and (min-width: 991px), print {
	/* 공용 */
	.acc {font-size:30px; line-height:1.4; letter-spacing:-2px; font-weight:300; color:#000;} /* 강조구문 */

	/* ************* 재단소개 ************* */
	/* 재단개요 */
	.intro_intro .txt {padding:0 35% 70px 0; background:url(../images/intro/intro_img2.jpg) no-repeat 95% bottom; word-break:keep-all; border-bottom:1px solid #eee;}
	.intro_intro .txt .acc {margin:50px 0;}
	.intro_intro .card .acc {margin-top:70px;}
	.intro_intro .card .acc span {margin-left:10px; font-size:16px; color:#888; letter-spacing:0;}
	.intro_intro .card ul {overflow:hidden;}
	.intro_intro .card li {padding:10px;}
	.intro_intro .card a {display:block; padding:20px 10px; text-align:center; border:1px solid #ddd;}
	
	.intro_intro .corp h4 {
		font-size:38px; font-weight:400; color:#000; letter-spacing:-3px; line-height:1; margin-top:70px;
	}
	.intro_intro .corp .card {margin-top:50px;}
	.intro_intro .corp .card .acc {margin-top:0;}
	

	/* 이사장 인사말 */
	.intro_greeting .face div {display:inline-block;}
	.intro_greeting .face p {margin-top:10px; font-size:14px; font-weight:400; text-align:center; line-height:1.3; color:#000;}
	.intro_greeting .face img {border-radius:10px;}
	.intro_greeting .acc {margin-bottom:40px;}
	.intro_greeting .titlename {font-size:18px; font-weight:400; color:#000; padding-bottom:20px;}

	/* 비전&미션 */
	.intro_vision .slogan {text-align:center; color:#000;}
	.intro_vision .slogan p {margin-bottom:10px; font-size:70px; font-weight:600; letter-spacing:-3px;}
	.intro_vision .item>div {width:70%; margin:70px auto 0 auto; text-align:center;}
	.intro_vision .item article {display:inline-block;}
	.intro_vision .item p {margin-top:10px; line-height:1.3;}
	.intro_vision .bg {margin:100px 0; text-align:center;  border-bottom:1px solid #ddd;}
	.intro_vision .bg img {max-width:90%;}

	.intro_vision .vm {padding:0;}
	.intro_vision .vm>* {float:left;}
	.intro_vision .vm dl {width:60%;}
	.intro_vision .vm .img {width:40%;}
	.intro_vision .vm dt p {margin-top:-19px; font-size:48px; font-weight:600; letter-spacing:-3px;}
	.intro_vision .vm dt span {font-size:24px; font-weight:400; color:#000;}
	.intro_vision .vm dt i {display:block; margin:40px 0 10px 0; width:20px; height:2px; background:#ddd;}
	.intro_vision .vm dd {word-break:keep-all;}
	.intro_vision .vm dd p {line-height:1.3; margin-bottom:10px;}

	.intro_vision .vision {text-align:right;}
	.intro_vision .vision dt>* {display:block;}
	.intro_vision .vision dt i {display:inline-block;}
	
	/* 비전&미션 ver2 :: 22-09-30 추가*/
	.intro_vision.ver2 .item>div {width:100%; margin:150px auto 0 auto;}
	.intro_vision.ver2 .item>div.bottom {margin-top:0;}
	
	.intro_vision.ver2 .wrap .item {margin-bottom:-100px !important;}
	.intro_vision.ver2 .wrap .item div ul {display:flex; justify-content: space-between;}
	.intro_vision.ver2 .wrap .item div h3 {font-size:38px; color:#7cc54a; font-weight:bold; letter-spacing: -2px; padding-bottom:40px;}
	.intro_vision.ver2 .wrap .item div h4 {font-size:34px; color:#257fcf; font-weight:bold; letter-spacing: -2px; padding-bottom:40px;}
	.intro_vision.ver2 .wrap .item div span {font-size:30px; font-weight:300; color:#000; letter-spacing:-2px;}
	
	.intro_vision.ver2 .wrap .item .strategy ul {gap:0 20px;}
	.intro_vision.ver2 .wrap .item .strategy ul li {padding:65px; border:1px solid #ddd; border-radius:2px;}
	.intro_vision.ver2 .wrap .item .strategy ul li p {position:relative; padding-top:60px;}
	.intro_vision.ver2 .wrap .item .strategy ul li p:before {display:inline-block; position:absolute; top:20px; left:50%; transform:translateY(-50%); content:""; width:20px; height:2px; background:#ddd;}
	
	.intro_vision.ver2 .wrap .item .values ul {justify-content: center;}
	.intro_vision.ver2 .wrap .item .values ul li {width:254px; height:254px; line-height:254px; font-size:18px; font-weight:400; color:#000;}
	.intro_vision.ver2 .wrap .item .values ul .circle_b {margin-right: -20px; background:url(../images/intro/circle_b.png) no-repeat;}
	.intro_vision.ver2 .wrap .item .values ul .circle_lb {background:url(../images/intro/circle_lb.png) no-repeat;}
	.intro_vision.ver2 .wrap .item .values ul .circle_g {margin-left: -20px;background:url(../images/intro/circle_g.png) no-repeat;}



	/* 연혁 */
	.intro_history .list {margin-top:50px;}
	.intro_history .list>div {margin-top:100px; overflow:hidden;}
	.intro_history .list>div.on {margin:0;}
	.intro_history .list>div:first-child {margin-top:0;}
	.intro_history .list .year {float:left; width:20%; margin-top:-8px; line-height:1; font-size:48px; font-weight:300;}
	.intro_history .list dl {float:left; width:80%;}
	.intro_history .list dt {padding:30px 20px 0 20px; font-size:18px; font-weight:400; color:#000; border-top:1px solid #ddd;}
	.intro_history .list dt:first-child {border-color:#4591e0;}
	.intro_history .list dd {padding:0 20px 25px 20px;}
	.intro_history .list dd p {color:#333; margin-bottom:5px; padding-left:15px; line-height:1.4; background:url(../images/common/icon_dot.png) no-repeat 5px 10px;}
	.intro_history .list dd p span {font-size:14px; color:#888;}

	/* 조직도 */
	.intro_org {}
	.intro_org>.wrap {}
	.intro_org .acc {margin-bottom:10px;}
	.intro_org .txt img {margin-top:70px;}
	.intro_org .member {margin-top:70px;}
	.intro_org .imgM {display:none;}

	/* 오시는 길 */
	#googleMap {height:600px;}
	.intro_location .txt {margin-bottom:40px;}
	.intro_location .map {border:1px solid #ddd;}
	.intro_location .info {margin-top:50px; text-align:center;}
	.intro_location .info [class^="icon"] {
		display:inline-block; width:120px; height:120px; border:1px solid #ddd; border-radius:50%;
		background-repeat:no-repeat;
		background-position:50%;
		background-size:50px;
		background-color:#f9f9f9;
	}
	.intro_location .info .icon1 {background-image:url(../images/intro/map_icon1.png);}
	.intro_location .info .icon2 {background-image:url(../images/intro/map_icon2.png);}
	.intro_location .info .icon3 {background-image:url(../images/intro/map_icon3.png);}
	.intro_location .info .icon4 {background-image:url(../images/intro/map_icon4.png);}
	.intro_location .info p {font-weight:400; color:#000;}
	.intro_location .info p span {display:block; font-weight:300; color:#000;}


	/* ************* 사업소개 ************* */
	.contents.business>.wrap {}
	.contents.business .quick {font-size:0; text-align:center;}
	.contents.business .quick>a {
		display:inline-block; width:60px; height:60px; border:1px solid #ddd; margin:5px; border-radius:10px;
		background-repeat:no-repeat; background-position:center;
	}
	.contents.business .quick a.on {opacity:1; border:2px solid #85c957;}
	.contents.business .quick a:hover {box-shadow:2px 2px 5px rgba(0,0,0,.2) !important;}
	.contents.business .quick a:nth-child(1) {background-image:url(../images/business/quick_icon1.png);}
	.contents.business .quick a:nth-child(2) {background-image:url(../images/business/quick_icon2.png);}
	.contents.business .quick a:nth-child(3) {background-image:url(../images/business/quick_icon3.png);}
	.contents.business .quick a:nth-child(4) {background-image:url(../images/business/quick_icon4.png);}
	.contents.business .quick a:nth-child(5) {background-image:url(../images/business/quick_icon5.png);}
	.contents.business .quick p {margin-top:20px; font-size:20px; letter-spacing:-1px; color:#000;}
	.contents.business .quick img {opacity:.1;}
	
	.contents.business .tabWrap {text-align:center; font-size:0;}
	.contents.business .tabWrap ul {padding-top:20px; overflow:hidden;}
	.contents.business .tabWrap ul li {display:inline-block; padding:0 5px;}
	.contents.business .tabWrap ul li a {display:block; font-size:16px; padding:10px 20px; border:1px solid #e5e5e5; border-radius:5px;}
	.contents.business .tabWrap ul li a:hover {background:#f5f5f5;}
	.contents.business .tabWrap ul li.on a {background:#4591e0; color:#fff;}
	.contents.business .tabWrap img {opacity:.1;}
	/* .contents.business .tabInner li {display:none;} */
	/* .contents.business .tabInner li.on {display:block;} */

	.contents.business article {position:relative; overflow:hidden; padding:60px; margin-bottom:30px; border:5px solid #f0f0f0; border-radius:10px;}
	.contents.business article:last-child {margin:0;}
	.contents.business article:hover {border:5px solid #85b5e6;}
	.contents.business article img {max-width:100%; height:auto; border-radius:10px;}
	.contents.business article * {padding:0;}
	.contents.business article>div {padding-left:40px;}
	.contents.business article h4 {font-size:24px; font-weight:300; color:#4591e0; letter-spacing:-1px; line-height:1.2; position:relative; padding-right:80px;}
	.contents.business article h4 span {display:inline-block; vertical-align:middle;}
	.contents.business article h4 span:first-child {
		padding:10px; margin-right:10px; border:2px solid #85b5e6; border-radius:7px;
		font-size:14px; font-weight:400; color:#85b5e6; letter-spacing:-1px; line-height:1;
	}
	.contents.business article:hover h4 span:first-child {color:#fff; background-color:#85b5e6;}
	.contents.business article span.end {z-index:9; position:absolute; left:60px; top:60px; font-size:14px; padding:0 20px; color:#fff; background:#85b5e6; border-radius:5px; letter-spacing:-1px; line-height:38px;}
	.contents.business article dl {margin-top:20px;}
	.contents.business article dt {margin:30px 0 5px 0; font-weight:400; color:#000;}
	.contents.business article dd p { padding-left:15px; line-height:1.4; background:url(../images/common/icon_dot.png) no-repeat 5px 10px;}
	/**/
	.contents.business article dd a.link {
		display:block; width:120px; height:30px; font-size:14px; line-height:27px; 
		text-align:center; margin-top:5px; border-radius:5px; border:1px solid #85b5e6;
	}
	.contents.business article dd a.link:hover {background-color:#85b5e6; color:#fff;}
	/**/
	.contents.business article dd .link.more {width:220px;}
	.contents.business article.empty {text-align:center;}


	/* ************* 나눔광장 ************* */
	/* 기부하기 */
	.contents.share > .wrap {}
	.share_donation .img {text-align:center; background:url(../images/share/donation_img2.jpg) no-repeat; background-size:cover; border-radius:10px;}
	.share_donation .img div {margin-bottom:30px; font-size:60px; font-weight:600; letter-spacing:-4px;}
	.share_donation .img div span {position:relative; display:inline-block;}
	.share_donation .img div span img {margin-top:-70px;}
	.share_donation .img>p {padding-bottom:70px;}
	.share_donation .info {margin-top:10px;}
	.share_donation .info>ul>li {overflow:hidden; padding:40px 0 !important; border-top:1px solid #eee;}
	.share_donation .info>ul>li:first-child {border:0;}
	.share_donation .info>ul>li div:first-child {text-align:center; height:1px;}
	.share_donation .info>ul>li span {font-size:14px;}
	.share_donation .info h4 {margin-bottom:10px; font-weight:400;}
	.share_donation .info dl {overflow:hidden; min-height:40px;}
	.share_donation .info dt {font-weight:400; color:#000;}
	.share_donation .info dd {margin-bottom:10px;}
	.share_donation .info dd:last-child {margin-bottom:0;}
	.share_donation .info [class^="icon"] {
		display:inline-block; margin-top:-15px; width:100px; height:100px; border:1px solid #ddd; border-radius:50%;
		background-repeat:no-repeat;
		background-position:50%;
		background-size:50px;
		background-color:#f9f9f9;
	}
	.share_donation .info .icon1 {background-image:url(../images/share/donation_icon1.png);}
	.share_donation .info .icon2 {background-image:url(../images/share/donation_icon2.png);}
	.share_donation .info .icon3 {background-image:url(../images/share/donation_icon3.png);}
	
	
	/* ************* 게시판 ************* */
	.board_ebi.skin1 form * {font-size:14px;}
	.board_ebi.skin1 .p_wrap {font-size:16px;}
	.board_ebi.skin1 .view_normal_head p.title {font-size:24px; font-weight:400; letter-spacing:-1px;}
	
	/* 언론보도 리스트 */
	.board_ebi.skin1 .list_gallery_list {}
	.board_ebi.skin1 .list_gallery_list li a {padding:20px 0;}
	.board_ebi.skin1 .list_gallery_list .still img {margin:0 !important; border-radius:7px;}
	.board_ebi.skin1 .list_gallery_list .subject {font-size:24px !important; font-weight:300;}
	.board_ebi.skin1 .list_gallery_list .info p {font-size:16px; color:#666;}
	
	/* 공지사항 리스트(일반형) */
	.board_ebi.skin1 .list_normal {}
	.board_ebi.skin1 .list_normal * {font-size:16px !important;}
	.board_ebi.skin1 .list_normal tr:hover {background-color:#f9f9f9 !important; font-weight:300;}
	
	
	.otherStyle dl {margin-top:0 !important;}
	.otherStyle dt {margin:10px 0 5px 0 !important;}
	.otherStyle .div_tit {color:cornflowerblue; font-size:18px; margin-top:20px; font-weight:500; }
}



/* ************************ 태블릿 이하(0~991) ************************ */
@media screen and (max-width: 991px) {
	/* 공용 */
	.acc {font-size:18px; line-height:1.4; letter-spacing:-1px; color:#000;} /* 강조구문 */

	/* tab */
	.contents .tab a {padding:12px 15px; font-size:14px;}

	/* ************* 재단소개 ************* */
	/* 재단개요 */
	.intro_intro .txt {padding:0 35% 70px 20px; background:url(../images/intro/intro_img2.jpg) no-repeat 95% bottom; background-size:30%; word-break:keep-all; border-bottom:1px solid #eee;}
	.intro_intro .txt .acc {margin:50px 0;}	
	
	.intro_intro .card .acc {margin-top:30px;}
	.intro_intro .card .acc span {margin-left:10px; font-size:13px; color:#888; letter-spacing:0;}
	.intro_intro .card ul {overflow:hidden;}
	.intro_intro .card li {padding:2px;}
	.intro_intro .card a {display:block; padding:10px; height:50px; text-align:center; border:1px solid #eee;}
	.intro_intro .card a img {max-width:80%; max-height:100%;}
	
	.intro_intro .corp h4 {
		font-size:24px; font-weight:400; color:#000; letter-spacing:-3px; line-height:1; margin-top:70px;
	}
	.intro_intro .corp .card {margin-top:30px;}
	.intro_intro .corp .card .acc {margin-top:0;}

	/* 이사장 인사말 */
	.intro_greeting .face div {display:block; text-align:center;}
	.intro_greeting .face p {margin-top:10px; font-size:14px; font-weight:400; text-align:center; line-height:1.3; color:#000;}
	.intro_greeting .face img {max-width:150px; border-radius:10px;}
	.intro_greeting .acc {margin:40px 0 30px;}

	/* 비전&미션 */
	.intro_vision {}
	.intro_vision .slogan {text-align:center; color:#000;}
	.intro_vision .slogan p {margin-bottom:10px; font-size:40px; font-weight:600; letter-spacing:-3px; word-break:keep-all;}
	.intro_vision .item>div {margin:30px auto 0 auto; text-align:center;}
	.intro_vision .item article {display:inline-block; padding:0 5px;}
	.intro_vision .item p {margin-top:10px; font-size:14px;}
	.intro_vision .bg {margin:50px 0; text-align:center;  border-bottom:1px solid #ddd;}
	.intro_vision .bg img {max-width:90%;}

	.intro_vision .vmWrap {padding:0 20px;}
	.intro_vision .vm {padding:0;}
	.intro_vision .vm>* {float:left;}
	.intro_vision .vm dl {width:60%;}
	.intro_vision .vm .img {width:40%;}
	.intro_vision .vm .img img {max-width:90%;}
	.intro_vision .vm dt {line-height:1.4;}
	.intro_vision .vm dt p {margin-top:-19px; font-size:48px; font-weight:600; letter-spacing:-3px;}
	.intro_vision .vm dt span {font-size:24px; font-weight:400; color:#000;}
	.intro_vision .vm dt i {display:block; margin:40px 0 10px 0; width:20px; height:2px; background:#ddd;}
	.intro_vision .vm dd {word-break:keep-all; line-height:1.4;}
	.intro_vision .vm dd p {margin-bottom:10px;}

	.intro_vision .vision {text-align:right;}
	.intro_vision .vision dt>* {display:block;}
	.intro_vision .vision dt i {display:inline-block;}


	/* 비전&미션 ver2 :: 22-09-30 추가*/ 
	.intro_vision.ver2 .item>div {margin:60px auto 0 auto;}
	.intro_vision.ver2 .item>div.bottom {width:100%; height:250px; margin-top:20px; background:url(../images/intro/vision_bg_ta.jpg) no-repeat center bottom; background-size:100%; margin-bottom:-50px;}
	.intro_vision.ver2 .item>div.bottom img {display:none;}
	.intro_vision.ver2 .wrap .item div h3 {font-size: 30px; color: #7cc54a; font-weight: bold; letter-spacing: -2px; padding-bottom: 20px;}
	.intro_vision.ver2 .wrap .item div span {font-size:18px; color:#000;}
	.intro_vision.ver2 .wrap .item div h4 {font-size: 30px; color: #257fcf; font-weight: bold; letter-spacing: -2px; padding-bottom: 20px;}
	
	.intro_vision.ver2 .wrap .item .strategy ul li {padding: 65px; border: 1px solid #ddd; border-radius: 2px; margin-bottom:20px;}
	.intro_vision.ver2 .wrap .item .strategy ul li p {position: relative; padding-top: 60px;}
	.intro_vision.ver2 .wrap .item .strategy ul li p:before {display: inline-block; position: absolute; top: 20px; left: 50%; transform: translateY(-50%); content: ""; width: 20px; height: 2px; background: #ddd;}
	
	.intro_vision.ver2 .wrap .item .values ul {display:flex; width:100%; flex-wrap: wrap;}
	.intro_vision.ver2 .wrap .item .values ul li {width:100%; height:100%; line-height:254px; font-size:18px; font-weight:400; color:#000;}
	.intro_vision.ver2 .wrap .item .values ul .circle_b {background:url(../images/intro/circle_b.png) no-repeat center;}
	.intro_vision.ver2 .wrap .item .values ul .circle_lb {margin-top:-20px; background:url(../images/intro/circle_lb.png) no-repeat center;}
	.intro_vision.ver2 .wrap .item .values ul .circle_g {margin-top:-20px; background:url(../images/intro/circle_g.png) no-repeat center;}
	


	/* 연혁 */
	.intro_history .list {margin-top:50px;}
	.intro_history .list>div {margin-top:50px; overflow:hidden;}
	.intro_history .list>div:first-child {margin-top:0;}
	.intro_history .list .year {margin-bottom:10px; line-height:1; font-size:18px; font-weight:500;}
	.intro_history .list dt {padding:10px 10px 0 10px; font-weight:500; color:#000; border-top:1px solid #eee;}
	.intro_history .list dt:first-child {border-color:#4591e0;}
	.intro_history .list dd {padding:0 10px 10px 10px;}
	.intro_history .list dd p {color:#333; margin-bottom:5px; padding-left:15px; line-height:1.4; background:url(../images/common/icon_dot.png) no-repeat 5px 10px;}
	.intro_history .list dd p>span {font-size:14px; color:#888;}

	/* 조직도 */
	.intro_org {}
	.intro_org>.wrap {word-break:keep-all;}
	.intro_org .acc {margin-bottom:10px;}
	.intro_org .txt img {margin-top:30px;}
	.intro_org .member {margin-top:50px; padding:0 20px;}
	.intro_org .imgM {display:none;}

	/* 오시는 길 */
	#googleMap {height:600px; border:1px solid #ddd;}
	.intro_location .txt {margin-bottom:40px;}
	.intro_location .info {margin-top:50px; text-align:center;}
	.intro_location .info [class^="icon"] {
		display:inline-block; width:120px; height:120px; border:1px solid #ddd; border-radius:50%;
		background-repeat:no-repeat;
		background-position:50%;
		background-size:50px;
		background-color:#f9f9f9;
	}
	.intro_location .info .icon1 {background-image:url(../images/intro/map_icon1.png);}
	.intro_location .info .icon2 {background-image:url(../images/intro/map_icon2.png);}
	.intro_location .info .icon3 {background-image:url(../images/intro/map_icon3.png);}
	.intro_location .info .icon4 {background-image:url(../images/intro/map_icon4.png);}
	.intro_location .info p {font-weight:400; color:#000;}
	.intro_location .info p span {display:block; font-weight:300; color:#000; line-height:1.3;}


	/* ************* 사업소개 ************* */
	.contents.business > .wrap {padding:30px 20px 50px 20px !important;}
	.contents.business .quick {font-size:0; text-align:center;}
	.contents.business .quick a {
		display:inline-block; width:60px; height:60px; opacity:.5; border:1px solid #ccc; margin:5px; border-radius:10px;
		background-repeat:no-repeat; background-position:center;
	}
	.contents.business .quick a.on {opacity:1; border:2px solid #85c957;}
	.contents.business .quick a:nth-child(1) {background-image:url(../images/business/quick_icon1.png);}
	.contents.business .quick a:nth-child(2) {background-image:url(../images/business/quick_icon2.png);}
	.contents.business .quick a:nth-child(3) {background-image:url(../images/business/quick_icon3.png);}
	.contents.business .quick a:nth-child(4) {background-image:url(../images/business/quick_icon4.png);}
	.contents.business .quick a:nth-child(5) {background-image:url(../images/business/quick_icon5.png);}
	.contents.business .quick p {margin-top:20px; font-size:20px; font-weight:300; letter-spacing:-1px; color:#000;}
	.contents.business .quick img {opacity:.1;}
		
	.contents.business .tabWrap {text-align:center; font-size:0;}
	.contents.business .tabWrap ul {padding-top:20px; overflow:hidden;}
	.contents.business .tabWrap ul li {display:inline-block; padding:0 5px;}
	.contents.business .tabWrap ul li a {display:block; font-size:16px; padding:10px 20px; border:1px solid #e5e5e5; border-radius:5px;}
	.contents.business .tabWrap ul li a:hover {background:#f5f5f5;}
	.contents.business .tabWrap ul li.on a {background:#4591e0; color:#fff;}
	.contents.business .tabWrap img {opacity:.1;}
	/* .contents.business .tabInner li {display:none;} */
	/* .contents.business .tabInner li.on {display:block;} */
	
	.contents.business article {position:relative; overflow:hidden; padding:30px; margin-bottom:10px; border:2px solid #f0f0f0; border-radius:10px;}
	.contents.business article:last-child {margin:0;}
	.contents.business article img {max-width:100%; height:auto; border-radius:10px;}
	.contents.business article * {padding:0;}
	.contents.business article>div {padding-left:40px;}
	.contents.business article h4 {font-size:20px; font-weight:300; color:#4591e0; letter-spacing:-1px; line-height:1.2; position:relative; padding-right:70px;}
	.contents.business article h4 span {display:inline-block; vertical-align:middle;}
	.contents.business article h4 span:first-child {display:none;}
	.contents.business article span.end {z-index:9; position:absolute; left:30px; top:30px; font-size:14px; padding:0 20px; color:#fff; background:#85b5e6; border-radius:5px; letter-spacing:-1px; line-height:38px;}
	.contents.business article dl {margin-top:20px;}
	.contents.business article dt {margin:30px 0 5px 0; font-weight:400; color:#000;}
	.contents.business article dd p { padding-left:15px; line-height:1.4; background:url(../images/common/icon_dot.png) no-repeat 5px 10px;}
	
	/**/
	.contents.business article dd a.link {
		display:block; width:120px; height:30px; font-size:14px; line-height:27px; 
		text-align:center; margin-top:5px; border-radius:5px; border:1px solid #85b5e6;
	}
	.contents.business article dd a.link:hover {background-color:#85b5e6; color:#fff;}
	/**/
	.contents.business article dd .link.more {width:220px;}
	.contents.business article.empty {text-align:center;}	


	/* ************* 언론보도 ************* */
	.contents.community > .wrap {padding:30px 20px 50px 20px !important;}

	/* ************* 나눔광장 ************* */
	/* 기부하기 */
	.contents.share > .wrap {padding:30px 20px 50px 20px !important;}
	.share_donation .img {margin:0 20px; text-align:center; background:url(../images/share/donation_img2.jpg) no-repeat center; background-size:cover; border-radius:10px;}
	.share_donation .img>img {max-width:70%;}
	.share_donation .img div {margin-bottom:30px; font-size:36px; font-weight:600; letter-spacing:-2px; line-height:1.2;}
	.share_donation .img div span {position:relative; display:inline-block;}
	.share_donation .img div span img {display:none;}
	.share_donation .img>p {padding-bottom:50px; font-size:14px;  word-break:keep-all;}
	.share_donation .img>p br {display:none;}
	.share_donation .info {margin-top:10px;}
	.share_donation .info>ul>li {overflow:hidden; padding:40px 0 !important; border-top:1px solid #f5f5f5;}
	.share_donation .info>ul>li:first-child {border:0;}
	.share_donation .info>ul>li>div {padding:0;}
	.share_donation .info>ul>li div:first-child {text-align:center; height:1px;}
	.share_donation .info>ul>li span {display:block; margin-top:10px; font-size:14px; line-height:1.3; color:#999;}
	.share_donation .info h4 {margin-bottom:10px; font-weight:400;}
	.share_donation .info dt {font-weight:400; color:#000;}
	.share_donation .info dd {margin-bottom:10px;}
	.share_donation .info dd:last-child {margin-bottom:0;}
	.share_donation .info [class^="icon"] {
		display:inline-block; margin-top:-15px; width:50px; height:50px; border:1px solid #ddd; border-radius:50%;
		background-repeat:no-repeat;
		background-position:50%;
		background-size:50%;
		background-color:#fff;
	}
	.share_donation .info .icon1 {background-image:url(../images/share/donation_icon1_m.png);}
	.share_donation .info .icon2 {background-image:url(../images/share/donation_icon2_m.png);}
	.share_donation .info .icon3 {background-image:url(../images/share/donation_icon3_m.png);}
	
	
	/* ************* 게시판 ************* */
	.board_ebi.skin1 form * {font-size:14px;}
	.board_ebi.skin1 .p_wrap {font-size:16px;}
	
	/* 언론보도 리스트 */
	.board_ebi.skin1 {padding:0;}
	.board_ebi.skin1 .list_gallery_list {}
	.board_ebi.skin1 .list_gallery_list li a {padding:20px 0;}
	.board_ebi.skin1 .list_gallery_list .still img {margin:0 !important; border-radius:7px;}
	.board_ebi.skin1 .list_gallery_list .still .h10 {display:none;}
	.board_ebi.skin1 .list_gallery_list .subject {font-size:16px !important; font-weight:300; padding-bottom:0; line-height:1.4; letter-spacing:-.5px !important;}
	.board_ebi.skin1 .list_gallery_list .info p {font-size:13px; color:#666;}

	.otherStyle dl {margin-top:0 !important;}
	.otherStyle dt {margin:10px 0 5px 0 !important;}
	.otherStyle .div_tit {color:cornflowerblue; font-size:16px; margin-top:30px; font-weight:500; }
}



/* ************************ 모바일(0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* 재단개요 */
	.intro_intro .txt {padding:0 20px 150px 20px; background:url(../images/intro/intro_img2.jpg) no-repeat center bottom; background-size:120px; border-bottom:1px solid #eee;}
	.intro_intro .txt .acc {margin:20px 0;}
	
	/* 비전&미션 */
	.intro_vision .vm dl {width:70%;}
	.intro_vision .vm .img {width:30%; vertical-align:top;}
	.intro_vision .vm dt p {margin-top:-10px; font-size:30px; letter-spacing:-1px;}
	.intro_vision .vm dt span {font-size:18px;}
	.intro_vision .vm dt i {margin:10px 0 20px 0;}
	.intro_vision .vm dd {word-break:break-all;}
	.intro_vision .vision>* {float:right; text-align:left;}
	.intro_vision .mission {margin-top:50px;}

	/* 연혁 */
	.intro_history .tabA {display: grid; grid-template-columns: repeat(4, 1fr);}
	.intro_history .tabA a {margin-top:-1px; margin-left:-1px; border: 1px solid #ddd;}
	.intro_history .tabA a:last-child, .intro_history .tabA a:first-child {border-radius:0;}

	/* 조직도 */
	.intro_org .imgP {display:none;}
	.intro_org .imgM {display:block;}

	/* 오시는 길 */
	#googleMap {height:250px; border:1px solid #ddd;}
	.intro_location .txt {margin-bottom:10px; word-break:keep-all;}
	.intro_location .map {padding:0 20px;}
	.intro_location .info {margin-top:0; text-align:left;}
	.intro_location .info [class^="icon"] {
		display:inline-block; width:40px; height:40px; border:1px solid #ddd; border-radius:50%; margin-right:10px;
		background-repeat:no-repeat;
		background-position:50%;
		background-size:20px;
		background-color:#fff;
	}
	.intro_location .info .icon1 {background-image:url(../images/intro/map_icon1_m.png);}
	.intro_location .info .icon2 {background-image:url(../images/intro/map_icon2_m.png);}
	.intro_location .info .icon3 {background-image:url(../images/intro/map_icon3_m.png);}
	.intro_location .info .icon4 {background-image:url(../images/intro/map_icon4_m.png);}
	.intro_location .info li {margin-bottom:0; padding:15px 0; border-top:1px solid #eee;}
	.intro_location .info li:first-child {border:0;}
	.intro_location .info li * {display:inline-block; vertical-align:middle;}
	.intro_location .info p {font-weight:500; color:#000;}
	.intro_location .info p span {display:block; font-weight:400; color:#666;}

	/* ************* 사업소개 ************* */
	.contents.business > .wrap {padding:30px 20px 50px 20px !important;}
	.contents.business .quick {font-size:0; text-align:center;}
	.contents.business .quick a {display:none;}
	.contents.business .quick p {font-size:16px; font-weight:400; line-height:1.4;}
	
	.contents.business .tabWrap {}
	.contents.business .tabWrap ul {text-align:left;}
	.contents.business .tabWrap ul li {padding:5px;}
	
	.contents.business article {overflow:hidden; padding:15px; margin-bottom:10px; border:2px solid #f0f0f0; border-radius:10px;}
	.contents.business article:last-child {margin:0;}
	.contents.business article img {width:100%; height:auto; border-radius:8px;}
	.contents.business article * {padding:0;}
	.contents.business article>div {padding:0; margin-top:30px;}
	.contents.business article h4 {font-size:20px; font-weight:400; color:#4591e0; letter-spacing:-1.5px;}
	.contents.business article h4 span {display:block; /* text-align:center; */ word-break:keep-all; vertical-align:middle; line-height:1.2 !important;}
	.contents.business article h4 span:first-child {display:none;}
	.contents.business article span.end {left:15px; top:15px;}
	.contents.business article dl {margin-top:10px;}
	.contents.business article dt {margin:10px 0 5px 0; padding-top:10px; font-weight:500; color:#000; border-top:1px solid #f5f5f5;}
	.contents.business article dt:first-child {border:0;}
	.contents.business article dd {color:#888;}
	.contents.business article dd p { padding-left:15px; line-height:1.4; background:url(../images/common/icon_dot.png) no-repeat 5px 10px;}
	
	.contents.business article.empty {text-align:center;}
	
	/* 비전&미션 ver2 :: 22-09-30 추가*/ 
	.intro_vision.ver2 .item>div.bottom {
    height:160px; margin-top: 0px; background: url(../images/intro/vision_bg_mo.jpg) no-repeat center bottom;
    background-size: 100%;}
	
	
	/* ************* 게시판 ************* */
	/* 언론보도 리스트 */
	.board_ebi.skin1 {padding:0;}
	.board_ebi.skin1 .list_gallery_list {}
	.board_ebi.skin1 .list_gallery_list li {border:0;}
	.board_ebi.skin1 .list_gallery_list li div {padding:0;}
	.board_ebi.skin1 .list_gallery_list li a {padding:20px 0;}
	.board_ebi.skin1 .list_gallery_list li a:hover {background-color:#fff;}
	.board_ebi.skin1 .list_gallery_list .still img {margin:0 !important; border-radius:7px;}
	.board_ebi.skin1 .list_gallery_list .still .h10 {display:block;}
	.board_ebi.skin1 .list_gallery_list .subject {font-size:16px !important; font-weight:400; margin-bottom:0; padding-bottom:0; line-height:1.4; letter-spacing:-.5px !important;}
	.board_ebi.skin1 .list_gallery_list .info p {font-size:13px; color:#999;}
}