@charset "utf-8";

/* 색상 */
.c_acc {color:#ae6f49;}

/* 폰트 */
.f_mj {font-family:NanumMJ;}

/* 테이블 */
.tableNormal {overflow:auto;}
.tableNormal table {border-top:3px solid #ae6f49; border-left:1px solid #e5e5e5; font-size:15px; line-height:1.4; font-weight:400;}
.tableNormal table tr:hover {background:#f9f9f9; color:#ae6f49;}
.tableNormal table tr>* {padding:16px 25px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center;}
.tableNormal table tr th {font-weight:400; color:#000; background:#f9f9f9;}
.tableNormal table thead tr>* {border-bottom:1px solid #000;}


/* **** 법인소개 **** */
.intro {word-break:keep-all;}
.intro .greeting {}
.intro .greeting>* {float:left;}
.intro .greeting .face {max-width:30%; padding-right:4vw;}
.intro .greeting .face img {border-radius:10px; max-width:100%;}
.intro .greeting .face p {margin-top:20px;font-size:14px;}
.intro .greeting .face p span {display:block; font-family:NanumMJ; font-size:22px; color:#000; font-weight:600; margin-top:5px;}
.intro .greeting .info {max-width:calc(100% - 30%); word-break:keep-all; overflow:hidden;}
.intro .greeting .info p {font-family:NanumMJ; font-size:24px; font-weight:600; color:#000; line-height:1.4; margin-bottom:30px;}
.intro .greeting .info .sign {display:block; margin-top:70px; float:right; font-weight:400; color:#000;}
.intro .greeting .info .sign:before {content:""; display:block; clear:both;}
.intro .greeting .info .sign span {padding-left:10px;}
.intro .greeting .info .sign img {width:165px;}

/* 설립이념 */
.intro .ideology {}
.intro .ideology .head {text-align:center;}
.intro .ideology .head h4 {font-size:48px;}
.intro .ideology .head h4+p {margin:40px 0; font-size:28px; font-family:NanumMJ;}
.intro .ideology .head h4+p span {font-family:NotoSansKR; font-size:16px; font-weight:400; color:#000; display:block;}
.intro .ideology .head+img {display:block; max-width:100%; margin:50px 0;}
.intro .ideology .info dl {float:left; width:30%;}
.intro .ideology .info dl+dl {margin-left:5%;}
.intro .ideology .info dl dt {position:relative; font-family:NanumMJ; font-size:24px; color:#000; font-weight:600;}
.intro .ideology .info dl dt:after {content:""; display:block; width:20px; height:2px; background:#000; position:absolute; bottom:-7px; left:2px;}
.intro .ideology .info dl dd {margin-top:30px;}
.intro .ideology .info dl dd p {font-size:18px; font-weight:600; margin-bottom:10px;}

/* 연혁 */
.intro .history {}
.intro .history>* {float:left;}
.intro .history .head {max-width:30%; padding-right:4vw;}
.intro .history .head img {border-radius:10px; max-width:100%;}
.intro .history .head img+p {position:relative; margin-top:20px; padding-left:20px; font-size:18px;}
.intro .history .head img+p:after {content:""; display:block; width:5px; height:100%; background:#e0e0e0; position:absolute; top:0; left:0;}
.intro .history .info {max-width:calc(100% - 30%); word-break:keep-all;}
.intro .history .info dl {margin-top:-20px; line-height:1.4;}
.intro .history .info dl>* {float:left; margin-top:30px;}
.intro .history .info dt {font-family:NanumMJ; font-size:18px; color:#000; font-weight:600; width:120px;}
.intro .history .info dd+dt {clear:both;}
.intro .history .info dd {width:calc(100% - 120px);}
.intro .history .info dd p {position:relative; padding-left:10px; transition:all .2s ease !important; -webkit-transition:all .2s ease !important; -moz-transition:all .2s ease !important;}
.intro .history .info dd p+p {margin-top:5px;}
.intro .history .info dd p:after {content:""; display:block; width:3px; height:3px; position:absolute; left:00; top:10px; background:#ccc; transition:all .2s ease !important; -webkit-transition:all .2s ease !important; -moz-transition:all .2s ease !important;}
.intro .history .info dd p:hover {padding-left:20px; color:#000; cursor:default;}
.intro .history .info dd p:hover:after {width:7px; background:#000;}

/* 조직도 */
.intro .org img {max-width:100%;}

/* 오시는 길 */
.intro .location {}
.intro .location .map {}
.intro .location .map .root_daum_roughmap {width:100%;}
.intro .location .map .root_daum_roughmap .wrap_map {width:100%; height:500px;}
.intro .location .info {margin-top:30px;}
.intro .location .info dl {position:relative; padding-left:100px;}
.intro .location .info dl:before {
	content:""; position:absolute; left:0; top:0; display:block; width:70px; height:70px; border-radius:50%;
	background:#ae6f49 url(../images/intro/icon_map.png) no-repeat 50%;
}
.intro .location .info dl dt {color:#000; font-weight:400;}
.intro .location .info dl dd+dt {margin-top:15px;}
.intro .location .info dl dd {}


/* **** 이사회 **** */
.dirctror .state {}
.director .state table caption {text-align:right; padding:0 0 10px; color:#666;}
.director .state table tbody td:nth-child(5) {text-align:left;}


/* **** 산하기관 **** */
.agent .imgOpenWrap {display:none; position:absolute; top:-999999px; left:0;  padding:10vw;}
.agent .imgOpenWrap.on {z-index:9999999; position:fixed; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,.7);}
.agent .imgOpenWrap .imgzone {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:10px solid #fff; background:#fff;}
.agent .imgOpenWrap .imgzone img {display:none; max-width:100%;}
.agent .imgOpenWrap .imgzone img.on {display:block;}
.agent .imgOpenWrap button {background:#fff; font-size:14px; font-weight:400; color:#000; cursor:pointer; position:absolute; top:50%; padding:15px 30px; transform:translateY(-50%); border-radius:100px; box-shadow:0 0 10px rgba(0,0,0,.3);}
.agent .imgOpenWrap button.prev {left:7vw;}
.agent .imgOpenWrap button.next {right:7vw;}
.agent .imgOpenWrap .close {position:fixed; top:3vw; right:3vw; padding:15px 30px; background:#fff; border-radius:100px; font-weight:400; line-height:1; color:#000;}
.agent .imgOpenWrap .page {position:fixed; bottom: 20px; left:50%; transform:translateX(-50%); font-size:20px; font-weight:400; color:#fff;}

/* 유아,초중고 */
.agent .normal article {position:relative; width:45%; float:left;}
.agent .normal article:nth-child(2n) {margin-left:10%;}
.agent .normal article:nth-child(2n+1) {clear:both;}
.agent .normal article>* {float:left;}
.agent .normal article .imgArea {width:150px; border-radius:10px; overflow:hidden;}
.agent .normal article .imgArea .img {position:relative; cursor:pointer;}
.agent .normal article .imgArea .img:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/agent/icon_pic.png) no-repeat 50% rgba(0,0,0,.7); opacity:0; transition:all .2s ease !important; -webkit-transition:all .2s ease !important; -moz-transition:all .2s ease !important;}
.agent .normal article .imgArea .img.on:after {opacity:1;}
.agent .normal article .imgArea .img img {display:block;}
.agent .normal article .imgArea .more {display:none;}
.agent .normal article .info {width:calc(100% - 150px); padding-left:20px;}
.agent .normal article h4 {font-family:NanumMJ; font-size:20px; color:#ae6f49; letter-spacing:-.5px;}
.agent .normal article dl {margin:10px 0 70px;}

/* 정보 공용 */
.agent article .info dt {position:relative; padding-left:15px; font-weight:400; color:#000;}
.agent article .info dt:before {content:""; position:absolute; left:5px; top:10px; display:block; width:3px; height:3px; background:#ddd;}
.agent article .info dd {padding-left:15px; line-height:1.4;}
.agent article .info dd+dt {margin-top:10px;}

/* 대학교 */
.agent .college article {position:relative;}
.agent .college article .imgArea {position:relative; border-radius:10px; overflow:hidden; height:500px;}
.agent .college article .imgArea .img {position:relative; height:100%; width:100%;}
.agent .college article .imgArea .img:after {content:""; cursor:pointer; display:block; width:130px; height:130px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../images/agent/icon_pic.png) no-repeat 50% rgba(0,0,0,.7); opacity:0; transition:all .2s ease !important; -webkit-transition:all .2s ease !important; -moz-transition:all .2s ease !important;}
.agent .college article .imgArea .img.on:after {opacity:1;}
.agent .college article .imgArea .img img {display:block; width:100%; margin:0; padding:0;}
.agent .college article .imgArea .more {display:none;}
.agent .college article .imgArea .logo {position:absolute; top:30px; right:30px; border-radius:10px; padding:20px; overflow:hidden; background:#fff;}
.agent .college article .imgArea .logo img {height:50px;}
.agent .college article .info {margin-top:30px;}
.agent .college article .info>* {float:left; width:50%; vertical-align:top;}
.agent .college article h4 {font-family:NanumMJ; font-size:20px; color:#ae6f49; letter-spacing:-.5px;}
.agent .college article h4+p {margin-top:20px;}
.agent .college article .info dl {padding-left:50px;}

/* 의료원 */
.agent .hospital article {position:relative; width:calc((100% - 70px) / 2); float:left;}
.agent .hospital article:nth-child(2n) {margin-left:70px;}
.agent .hospital article .imgArea {position:relative; border-radius:10px; overflow:hidden; height:300px;}
.agent .hospital article .imgArea .img {position:relative; height:100%; width:100%;}
.agent .hospital article .imgArea .img:after {content:""; cursor:pointer; display:block; width:130px; height:130px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../images/agent/icon_pic.png) no-repeat 50% rgba(0,0,0,.7); opacity:0; transition:all .2s ease !important; -webkit-transition:all .2s ease !important; -moz-transition:all .2s ease !important;}
.agent .hospital article .imgArea .img.on:after {opacity:1;}
.agent .hospital article .imgArea .img img {display:block; margin:0; padding:0;}
.agent .hospital article .imgArea .more {display:none;}
.agent .hospital article .imgArea .logo {position:absolute; top:30px; right:30px; border-radius:10px; padding:20px; overflow:hidden; background:#fff;}
.agent .hospital article .imgArea .logo img {height:50px;}
.agent .hospital article .info {margin-top:30px;}
.agent .hospital article h4 {font-family:NanumMJ; font-size:20px; color:#ae6f49; letter-spacing:-.5px;}
.agent .hospital article h4+p {margin-top:20px;}
.agent .hospital article .info dl {margin-top:30px;}

/* 수익사업체 */
.agent .company article {position:relative;}
.agent .company article .mapArray {position:relative; width:100%; height:; background:#f9f9f9;}
.agent .company article .info {margin-top:30px;}
.agent .company article h4 {font-family:NanumMJ; font-size:20px; color:#ae6f49; letter-spacing:-.5px;}
.agent .company article h4+p {margin-top:20px;}
.agent .company article .info dl {margin-top:30px;}
.agent .company .root_daum_roughmap {width:100%;}
.agent .company .root_daum_roughmap .wrap_map {width:100%; height:500px;}


/* 기부하기 */
.donation {}
.donation .info .wrap {padding:100px 0 0 50%; background:url(../images/donate/info_bg.jpg) no-repeat center; background-size:cover; border-radius:50px 0 0 0;}
.donation .info .wrap>div {background:#fff; padding:70px 0 0 70px; border-radius:30px 0 0 0; border:1px solid #fff;}
.donation .info .wrap>div p {font-size:28px; color:#000; letter-spacing:-2px;}
.donation .info .wrap>div ul {margin:40px 0;}
.donation .info .wrap>div ul li {padding:15px 20px 15px 30px; border-radius:100px; font-weight:400; color:#fff; background:#ae6f49; line-height:1.3;}
.donation .info .wrap>div ul li+li {margin-top:10px;}
.donation .info .wrap>div dl {overflow:hidden;}
.donation .info .wrap>div dl>* {float:left; position:relative; padding-left:15px;}
.donation .info .wrap>div dt {font-weight:400; color:#000; width:80px;}
.donation .info .wrap>div dd {width:calc(100% - 80px); padding-left:15px;}
.donation .info .wrap>div dd:before {content:":"; display:inline-block; padding-right:5px;}
.donation .info .wrap>div dt:before {content:""; position:absolute; left:5px; top:10px; display:blcok; width:2px; height:2px; background:#000;}
.donation .info .wrap>div dd+dt {clear:both; float:left; margin-top:20px;}
.donation .info .wrap>div dd+dt+dd {margin-top:20px;}
.donation .info .wrap>div a {display:inline-block; margin-top:40px; padding:15px 30px; border:3px solid #ae6f49; border-radius:100px; color:#ae6f49; font-weight:400; font-size:18px; line-height:1;}
.donation .info .wrap>div a:hover {background:#ae6f49; color:#fff;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.intro .ideology .info dl {float:none; width:100%;}
	.intro .ideology .info dl+dl {margin-left:0; margin-top:40px;}
	.imgZoom {display:none;}
	.intro .org .msg {display:none;}
	
	/* **** 산하기관 **** */
	.agent .normal article {position:relative; width:45%; float:left;}
	.agent .normal article .imgArea {width:25%; border-radius:10px; overflow:hidden;}
	.agent .normal article .imgArea .img img {display:block; max-width:100%;}	
	.agent .imgOpenWrap .imgzone {width:90%;}
	.agent .normal article dl {margin:10px 0 40px;}
	
	/* 기부하기 */
	.donation .info .wrap {padding:100px 0 0 30%; border-radius:50px 0 0 0;}
}


/* ************************ 모바일 이하(~991) ************************ */
@media screen and (max-width: 768px) {
	/* **** 법인소개 **** */
	.intro .greeting>* {float:none;}
	.intro .greeting .face {max-width:100%; text-align:center; padding:0;}
	.intro .greeting .face img {display:inline-block; max-width:50vw;}
	.intro .greeting .info {max-width:100%; margin-top:50px;}
	.intro .greeting .info p {font-size:20px;}
	
	.intro .history .info {max-width:100%;}
	.intro .org .msg {display:block; width:100%; margin-top:30px; background:#f5f5f5; border-radius:100px; padding:10px 20px; text-align:center; font-size:14px;}
	.imgZoom {display:none;}
	.imgZoom.on {z-index:99999999; position:fixed; left:0; top:0; display:block; width:100%; height:100%; overflow:auto; padding:20px; background:#fff;}
	.imgZoom img {width:400vw;}
	.imgZoom .close {position:fixed; right:20px; top:20px; background:#000; color:#fff; padding:10px 20px; line-height:1; font-size:14px; border-radius:100px;}
	
	/* 테이블 */
	.tableNormal table * {white-space:nowrap;}
	.msg_drag {border:1px solid #e5e5e5; background:#f5f5f5; border-bottom:0; padding:10px; border-radius:10px 10px 0 0;}
	.msg_drag:after {content:"표를 좌, 우로 움직이며 볼 수 있습니다."; display:block; font-size:14px; text-align:center; font-weight:400;}
	
	
	/* **** 인사말 **** */
	.intro .greeting .info .sign {float:none;}
	
	
	/* **** 산하기관 **** */
	.agent .imgOpenWrap button {background:#fff; font-size:14px; font-weight:400; color:#000; cursor:pointer; position:absolute; top:auto; bottom:5px; padding:10px 20px; border-radius:100px; box-shadow:0 0 10px rgba(0,0,0,.3);}
	.agent .imgOpenWrap button.prev {left:7vw;}
	.agent .imgOpenWrap button.next {right:7vw;}
	.agent .imgOpenWrap .close {position:fixed; top:3vw; right:3vw; padding:10px 20px; background:#fff; border-radius:100px; font-weight:400; line-height:1; color:#000;}
	.agent .imgOpenWrap .page {position:fixed; bottom: 30px; left:50%; transform:translateX(-50%); font-size:20px; font-weight:400; color:#fff;}
	
	.agent .normal article {clear:both; position:relative; width:100%; float:none;}
	.agent .normal article .imgArea {width:20%; border-radius:10px; overflow:hidden;}
	.agent .normal article .imgArea .img img {display:block; max-width:100%;}
	.agent .normal article .info {width:80%; padding-left:20px;}
	.agent .normal article:nth-child(2n) {margin-left:0;}
	
	/* 대학교 */
	.agent .college article {position:relative;}
	.agent .college article .imgArea {position:relative; border-radius:10px; overflow:hidden; height:auto;}
	.agent .college article .imgArea .img {position:relative; height:100%; width:100%;}
	.agent .college article .imgArea .img:after {width:13vw; height:13vw; left:auto; right:10px; top:auto; bottom:10px; transform:translate(0, 0); opacity:1; background-size:7vw;}
	.agent .college article .imgArea .img img {display:block; height:auto;}
	.agent .college article .imgArea .logo {display:none;}
	.agent .college article .info {margin-top:30px;}
	.agent .college article .info>* {width:100%; vertical-align:top;}
	.agent .college article h4+p {margin-top:20px;}
	.agent .college article .info dl {padding-left:0; margin-top:10px;}
	
	/* 의료원 */
	.agent .hospital article {position:relative; width:100%; float:none;}
	.agent .hospital article+article {margin-top:50px;}
	.agent .hospital article:nth-child(2n) {margin-left:0;}
	.agent .hospital article .imgArea {position:relative; border-radius:10px; overflow:hidden; height:auto;}
	.agent .hospital article .imgArea .img {position:relative; height:100%; width:100%;}
	.agent .hospital article .imgArea .img:after {width:13vw; height:13vw; left:auto; right:10px; top:auto; bottom:10px; transform:translate(0, 0); opacity:1; background-size:7vw;}
	.agent .hospital article .imgArea .img img {display:block; width:100%; height:auto; margin:0; padding:0;}
	.agent .hospital article .info dl {margin-top:10px;}
	
	/* 기부하기 */
	.donation .info .wrap {padding:30px 30px 0 30px; border-radius:50px 50px 0 0;}
	.donation .info .wrap>div {background:#fff; padding:50px 30px 0 30px; border-radius:30px 30px 0 0;}
	.donation .info .wrap>div p {font-size:24px; color:#000; letter-spacing:-1px; text-align:center;}
	.donation .info .wrap>div li {text-align:center;}
	.donation .info .wrap>div a {display:block; text-align:center;}
	.donation .info .wrap dl > * {float:none !important; display:block; width:100% !important; margin:0 !important;}
	.donation .info .wrap dd+dt {margin-top:15px !important;}
	.donation .info .wrap dd:before {display:none !important;}
	
	
}