@charset "utf-8";

@import 'slick.css';

/* 공통 */

button{ cursor: pointer; }
#container{ display: block; overflow: hidden; }
.container-wrap{ position: relative; }
.thumb_resize img { width: 100%; max-width: none; padding: 0; margin: 0; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.slick-slider .slick-track, 
.slick-slider .slick-list{ height: 100%; }

/* 메인비주얼 */

.mvisual{ position: relative; width: 100%; height: 805px;}
.mvisual:after{ position: absolute; bottom: 0; left:0; content:""; display: none; width: 100%; height: 150px; background:url(/fund/img/main/water_wave.png) top center no-repeat; background-size: cover; }
.mvisual-slider,
.mvisual-slider .slick-list,
.mvisual-slider .slick-track,
.mvisual-slider .slick-slide{ height: 100%; }
.mvisual-slider__cont{ position: absolute; width: 100%; height: 600px; display: flex; align-items: center; text-align: center;}
.mvisual-slider__tit{ display: block; text-align: center; margin: 0 auto; width:848px; height: 111px; font-size: 0; text-indent: -9999px; vertical-align: middle;}
.mvisual-slider__tit.title1{ background: url(/fund/img/main/mvisual_tit01.png) no-repeat; background-size: contain;}
.mvisual-slider__tit.title2{ background: url(/fund/img/main/mvisual_tit02.png) no-repeat; background-size: contain;}
.mvisual-slider__tit.title3{ background: url(/fund/img/main/mvisual_tit03.png) no-repeat; background-size: contain;}
.mvisual-slider__item{ height: 100%; }
.mvisual-slider__thumb{ width: 200%; margin-left: -50%; height: 100%; text-align: center;}
.mvisual-slider__thumb img{ display:inline-block; height: 100%; width: auto;}
.mvisual-slider > button{ position: absolute; top: 50%; z-index: 2; width: 165px; border: none; border-bottom: 6px solid #fff; background-color: transparent; color:#e7e6e1; font-size: 0.85rem; letter-spacing: 4px; padding-bottom: 15px; transition: .2s; -webkit-transition: .2s;}
.mvisual-slider > button.slick-prev{ left: 0; text-align: right;}
.mvisual-slider > button.slick-next{ right: 0; text-align: left;}
.mvisual-slider > button.slick-prev:hover,
.mvisual-slider > button.slick-prev:focus{ -webkit-transform: skewx(15deg) ; transform: skewx(15deg); border-color:#d5273c;}
.mvisual-slider > button.slick-next:hover,
.mvisual-slider > button.slick-next:focus{ -webkit-transform: skewx(-15deg) ; transform: skewx(-15deg); border-color:#d5273c;}
.mvisual-slider .slick-dots{ position: absolute; z-index: 1; bottom: 200px; width: 100%; text-align: center;}
.mvisual-slider .slick-dots li{ display: inline-block; width:10px; height: 10px; background-color:#fff; margin-left: 8px;  transition: .2s; -webkit-transition: .2s;}
.mvisual-slider .slick-dots li:first-child{ margin-left: 0;}
.mvisual-slider .slick-dots li.slick-active{ width:45px; background-color: #fac52f; }
.mvisual-slider .slick-dots li button{ display: inline-block; font-size: 0; border: none;}

.mvisual-link{ position: absolute; z-index: 1; top:400px; left: 0; width:100%; text-align: center;}
.mvisual-link__list{ overflow: hidden; display: inline-block; width:150px; height: 154px; margin: 0 0 35px 12px;  border:1px solid #cdcac8; border-radius: 50%; transition: .2s; -webkit-transition: .2s; }
.mvisual-link__list:first-child{ margin-left: 0 }
.mvisual-link__btn{ display: block; width:100%; height: 100%; vertical-align: middle; color:#fff; font-size: 0.95rem; padding: 35px 0; text-align: left; transition: .2s; -webkit-transition: .2s; }
.mvisual-link__btn .mv-icon{ display: block; background:url(/fund/img/main/mv_icon.png) no-repeat; vertical-align: middle; margin: 0 auto 10px; }
.mvisual-link__btn .mv-icon.icon0{ width: 34px; height: 37px; background-position: -200px 0; }
.mvisual-link__btn .mv-icon.icon1{ width: 45px; height: 37px; }
.mvisual-link__btn .mv-icon.icon2{ width: 35px; height: 37px; background-position: -54px 0; }
.mvisual-link__btn .mv-icon.icon3{ width: 35px; height: 37px; background-position: -101px 0; }
.mvisual-link__btn .mv-icon.icon4{ width: 42px; height: 37px; background-position: -147px 0; }
.mvisual-link__btn .mv-icon.icon5{ width: 42px; height: 37px; background-position: -240px 0; }
.mvisual-link__list:hover,
.mvisual-link__list:focus{ border-color: #d5273c;}
.mvisual-link__btn:hover,
.mvisual-link__btn:focus{ background-color:#d5273c; }
.mvisual-link__ico{ display: block; vertical-align: middle; text-align: center; line-height: 1.2;}
.mvisual-link__ico i{ float: right; padding-top: 5px; font-size: 1rem;}
.mvisual-link__slogan{ font-size: 0.9rem; color:#fff; letter-spacing: 0;}

.mvisual-illust{}
.mvisual-illust01{ position: absolute; z-index: 1; bottom: 80px; right: 50%; margin-right: -558px; display: inline-block; width: 98px; height: 145px; background: url(/fund/img/main/mvisual_illust01.png) no-repeat; vertical-align: middle; animation-name: mov1;animation-duration: 3s;animation-iteration-count: infinite;}
.mvisual-illust01:before{ position: absolute; top: 40px; left: -20px; content: ""; display: inline-block; width: 17px; height: 21px; background:url(/fund/img/main/mvisual_illust06.png) no-repeat; vertical-align: middle; animation-name: mov2;animation-duration: 2.5s;animation-iteration-count: infinite;}
.mvisual-illust01:after{ position: absolute; top: -10px; right: -30px; content: ""; display: inline-block; width: 19px; height: 27px; background:url(/fund/img/main/mvisual_illust07.png) no-repeat; vertical-align: middle; animation-name: mov3;animation-duration: 2.5s;animation-iteration-count: infinite;}
.mvisual-illust02{ position: absolute; z-index: 1; bottom: -40px; right: 50%; margin-right: -480px; display: inline-block; width: 90px; height: 177px; background: url(/fund/img/main/mvisual_illust02.png) no-repeat; vertical-align: middle;}
.mvisual-illust02:before{ position: absolute; top: -15px; left: -100px; content: ""; display: inline-block; width: 133px; height: 76px; background:url(/fund/img/main/mvisual_illust04.png) no-repeat; vertical-align: middle; animation-name: mov4;animation-duration: 2.5s;animation-iteration-count: infinite;}
.mvisual-illust03{ position: absolute; z-index: 1; bottom: -40px; right: 50%; margin-right: -640px; display: inline-block; width: 101px; height: 168px; background: url(/fund/img/main/mvisual_illust03.png) no-repeat; vertical-align: middle;}
.mvisual-illust03:before{ position: absolute; top: -20px; right: -85px; content: ""; display: inline-block; width: 124px; height: 70px; background:url(/fund/img/main/mvisual_illust05.png) no-repeat; vertical-align: middle; animation-name: mov5;animation-duration: 2.5s;animation-iteration-count: infinite;}

.canvas-cont{ position: absolute; top: -20px; left:0; height: 730px; background-color:transparent; z-index: 0;}
.canvas-cont2{ position: absolute; top: 0; left:0; height: 730px; background-color:transparent; z-index: 0;}
.waterwave-canvas,
.waterwave-canvas2{ transition: .2s; -webkit-transition: .2s; }

@media(min-width: 1900px){
	.mvisual-slider__thumb{ width: 100%; margin-left:0; overflow: hidden; }
	.mvisual-slider__thumb img{ width: 100%; height: auto; }
}

@media(max-width: 1023px){
	.mvisual{ height: 500px; }
	.mvisual:after{ display: block; }
	.mvisual-slider__cont{ height: 400px; }
	.mvisual-slider__tit{ width: 80%; }
	.mvisual-slider .slick-dots{ bottom: 80px; }
	.mvisual-link{ top: auto; bottom: 110px; }
	.mvisual-link__slogan { display: none; }
	.mvisual-link__ico i{ display: none; }
	.mvisual-link__list{ width: 60px; height: 60px; }
	.mvisual-link__btn{ display:table; padding: 0; font-size: 0.7rem; word-break: keep-all; text-align: center; line-height: 1.3;}
	.mvisual-link__btn .mv-icon{ display:none; }
	.mvisual-link__ico{ display:table-cell;}
	.mvisual-illust{ display: none; }
	.waterwave-canvas,
	.waterwave-canvas2{ display: none; }

}

@media(max-width: 767px){
	.mvisual{ height: 400px; }
	.mvisual-slider__cont{ height: 300px; }
	.mvisual-link{ bottom: 100px; }
	.mvisual-link__list { width: 55px; height: 55px; margin-left: 5px;}
	.mvisual-link__btn{ font-size: .65rem; line-height: 1.2;}
}


/* waterwave responsive */

@media(max-height: 1200px){
	.waterwave-canvas,
	.waterwave-canvas2{ min-height: 1180px; }
}

@media(max-height: 1000px){
	.waterwave-canvas,
	.waterwave-canvas2{ min-height: 1100px; }
}

@media(max-height: 900px){
	.waterwave-canvas,
	.waterwave-canvas2{ min-height: 1050px; }
}

@media(max-height: 800px){
	.waterwave-canvas,
	.waterwave-canvas2{ min-height: 1000px; }
}

/* 메인콘텐츠 공통 */

.mcont{ position: relative; }
.cont-wrap{ position: relative; width: 1280px; margin: 0 auto; }
.cont-tit{ display: block; background-color:#fff; text-align: center; }
.cont-tit:before{ position: absolute; top:25px; left: 0; z-index: 0; content: ""; display: inline-block; width: 100%; height: 1px; background-color:#ccc;}
.tit-img{ position: relative; z-index: 1; display: inline-block; width: 255px; height: 50px; margin: 0 auto 15px; padding: 0 60px; vertical-align: middle; font-size: 0; text-indent: -9999px; text-align: center; box-sizing: initial; }
.cont-tit__en{ display:block; padding: 0 60px; margin-bottom: 42px; font-family: 'Nanum Square'; font-size: 0.9rem; font-weight: 600; color:#000; opacity: 0.5; letter-spacing: 2px; text-align: center; }

@media(max-width: 1479px){
	.cont-wrap{ width: 100%; padding: 0 20px; }
	.tit-img{ height: 30px; padding: 0 30px; }
}

/* 기부이야기 */

.cont1{ padding: 80px 0 50px 0; }
.cont1-tit .tit-img{ width: 210px; background: #fff url(/fund/img/main/cont1_tit.png) no-repeat; background-size:contain; background-position: center;}

.mstory{ position: relative; width: 100%; }
.mstory-inner{ margin-bottom: 25px; border-radius: 0 30px 0 30px; overflow: hidden; }
.mstory-box{ position: relative; float: left; width:25%; height: 460px; }
.mstory-slider{ width: 50%; }
.mstory-flag{ position: absolute; z-index: 1; top: -10px; left: 20px; width: 76px; height: 83px; display: inline-block; background: url(/fund/img/main/cont1_flag.png) no-repeat; vertical-align: middle; padding: 20px 6px 0 16px; font-family: 'Nanum Square'; font-size: 0.7rem; color:#fff; text-align: center; letter-spacing: 0;}
.mstory-flag b{ display: block; font-size: 0.85rem; font-weight: 900; margin-top: 2px;}

.mstory-slider__item{ position: relative; width: 100%; height: 100%; }
.mstory-slider__item a{ display: block; width: 100%; height: 100%; }
.mstory-slider__thumb{ position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; }
.mstory-slider > button{ position: absolute; z-index: 1; top: 50%; margin-top: -22px; width: 45px; height: 45px; border: none; background-color: rgba(0,0,0,0.5); border-radius: 8px; font-size: 0; transition: .2s; -webkit-transition: .2s; }
.mstory-slider > button.slick-prev{ left: 30px; }
.mstory-slider > button.slick-prev:after{ content:"\e93b"; display: inline-block; font-family: 'xeicon'; font-size: 1rem; color:#fff; }
.mstory-slider > button.slick-next{ right: 30px; }
.mstory-slider > button.slick-next:after{ content:"\e93e"; display: inline-block; font-family: 'xeicon'; font-size: 1rem; color:#fff; }
.mstory-slider > button:focus,
.mstory-slider > button:hover{ background-color:rgba(0,0,0,0.7); }
.mstory-slider > button.slick-prev:focus:after,
.mstory-slider > button.slick-prev:hover:after{ animation-name: mov6;animation-duration: 1.8s;animation-iteration-count: infinite; }
.mstory-slider > button.slick-next:focus:after,
.mstory-slider > button.slick-next:hover:after{ animation-name: mov7;animation-duration: 1.8s;animation-iteration-count: infinite; }
.mstory-slider__cont{ position: absolute; bottom: 0; left: 0; width: 100%; height: 140px; padding: 40px 45px; background: linear-gradient(transparent, rgba(0,0,0,0.6)); text-align: left;}
.mstory-slider__tit{ display:block; margin-bottom: 5px; font-size: 1.05rem; font-weight: 400; color:#ffc835; letter-spacing: 0; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; }
.mstory-slider__txt{ display:block; font-size: 0.85rem; color:#fff; letter-spacing: 0; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; }

.mstory-bubble{}
.mstory-bubble__cont{ position: relative; display: inline-block; width:100%; height: 50%; padding: 60px 40px 0; background-color:#f8f0e6; text-align: left;}
.mstory-bubble__cont:after{ position: absolute; z-index: 1; bottom:-20px; left: 50%; margin-left: -20px; content:""; display: inline-block; width: 40px; height: 25px; background:url(/fund/img/main/cont1_arr.png) no-repeat; }
.mstory-bubble__info{ display: block; margin-bottom: 15px; font-size: 0.8rem; color:#000; opacity: 0.9;}
.mstory-bubble__tit{ display: block; height: 50px; margin-bottom: 15px; color:#000; font-size: 1rem; font-weight: 700; line-height: 1.3; word-break: keep-all; overflow: hidden; }
.mstory-bubble__date{ display: block; font-size: 0.8rem; color:#000; opacity: 0.7; }
.mstory-bubble__more{ position: absolute; top: 35px; right: 30px; display: inline-block; font-size: 1.4rem;  transition: .2s; -webkit-transition: .2s;}
.mstory-bubble__more:hover,
.mstory-bubble__more:focus{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.mstory-bubble__thumb{ position: relative; display: inline-block; width: 100%; height: 50%; overflow: hidden; }

.mstory-link__wrap{ display: block; width: 100%; height: 100%; }
.mstory-link__list{ display: block; width:100%; height: 50%; padding: 60px 40px 0; background: #1a375a url(/fund/img/main/cont1_ico02.png) right bottom no-repeat; text-align: left;}
.mstory-link__list.white{  padding: 60px 40px 0; background: #fff url(/fund/img/main/cont1_ico03.png) right bottom 40px no-repeat; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; text-align: left;}
.mstory-link__info{ display: inline-block; margin-bottom: 15px; padding-bottom: 3px; font-size: 0.8rem;  color:#e4bd8d; font-weight: 400; letter-spacing: -1px; border-bottom: 1px solid #e4bd8d; }
.mstory-link__info.white{ color: #000; opacity: 0.8; border-bottom: 1px solid #000;}
.mstory-link__tit{ display: block; margin-bottom: 25px; font-family: 'Nanum Square'; font-size: 1.35rem; font-weight: 900; color:#fff; letter-spacing: -1px;}
.mstory-link__tit.white{ color:#000; }
.mstory-link__more{ display: block; font-size: 0.75rem; font-weight: 400; color:#fff;}
.mstory-link__more.white{ color:#000; }
.mstory-link__more i{ font-size: 1rem; vertical-align: middle; transition: .2s; -webkit-transition: .2s;}
.mstory-link__more:hover i,
.mstory-link__more:focus i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.mdonate{ position: relative; width: 100%; padding: 20px 105px 0 295px; }
.mdonate-tit{ position: absolute; top: 40px; left: 0; display: inline-block; width:97px; height: 30px; background: url(/fund/img/main/cont1_subtit.png) no-repeat; vertical-align: middle; background-size: contain; font-size: 0; text-indent: -9999px;}
.mdonate-txt{ position: absolute; left: 120px; top: 20px; width: 130px; text-align: left; line-height: 1.3;}
.mdonate-more{ position: absolute; left: 0; top: 0; display: inline-block; padding: 1px 12px; border-radius: 20px; border: 1px solid #d94b59; color: #d94b59; font-size: 0.8rem; font-weight: 400; }
.mdonate-state{ display: block; margin-bottom: 5px; font-family: Nanum Square; font-size: 1.45rem; font-weight: 900; line-height: 1; letter-spacing: -1px;}
.mdonate-state:before{ content: ""; display: inline-block; width:22px; height:18px; background: url(/fund/img/main/cont1_ico01.png) no-repeat; vertical-align: middle; margin-right: 5px;}
.mdonate-state .won{ font-family: Noto Sans KR; font-size: 0.9rem; font-weight: 500; padding-left: 5px; }
.mdonate-name{ line-height: 1; font-size: 0.85rem; }
.mdonate-name .red{ max-width: 150px; overflow: hidden; display: inline-block; white-space: nowrap; word-break: break-all; vertical-align: top; text-overflow: ellipsis; color:#9c1c2a;}
.mdonate-slider{ border-left: 1px solid #ddd; text-align: center; }
.mdonate-btn button{ position: absolute; top: 25px; width: 32px; height: 32px; border-radius: 50%; background-color:#fff; border: 1px solid #ccc;}
.mdonate-btn button.slick-prev2{ right: 74px; }
.mdonate-btn button.slick-next2{ right: 38px; }
.mdonate-btn button.slick-pause,
.mdonate-btn button.slick-play{ right: 0; border-color:#6a6f75; background-color: #6a6f75; color:#fff;}
.mdonate-btn button i{ font-size: 0.7rem; }


@media(max-width: 1023px){
	.cont1-tit .tit-img{ width: 130px; }
	.mstory-inner{ border-radius: 0; }
	.mstory-box{ width: 100%; height: 250px; }
	.mstory-bubble__cont,
	.mstory-bubble__thumb,
	.mstory-link__list{ float:left; width: 50%; height: 100%; }
	.mstory-bubble__cont:after{ display: none; }
	.mstory-bubble__more{ right: auto; left: 50%; margin-left: -70px; }
	.mdonate{ padding: 20px 105px 0 110px; }
	.mdonate-txt{ display: none; }
}

@media(max-width: 767px){
	.cont1{ padding: 0; }
	.mstory-box{ height: 200px; }
	.mstory-flag{ top:-8px; width: 68px; height: 65px; padding: 14px 5px 0 5px; background-size: contain; font-size: 0.6rem; }
	.mstory-flag b{ font-size: 0.75rem; }
	.mstory-slider__cont{ height: 90px; padding: 20px; }
	.mstory-slider__tit{ font-size: 0.9rem; margin-bottom: 0;}
	.mstory-slider__txt{ font-size: 0.8rem; }
	.mstory-slider > button{ width: 30px; height: 30px; }
	.mstory-slider > button.slick-prev{ left:10px; }
	.mstory-slider > button.slick-next{ right:10px; }
	.mstory-slider > button.slick-prev:after,
	.mstory-slider > button.slick-next:after{ font-size: 0.8rem; }
	.mstory-bubble__cont{ padding:50px 20px 0; }
	.mstory-bubble__info{ font-size: 0.7rem; margin-bottom: 5px; }
	.mstory-bubble__date{ font-size: 0.7rem; }
	.mstory-bubble__more{ top: 10px; margin-left: -40px; }
	.mstory-link__list{ background-size: 70%; padding: 20px 20px 0;}
	.mstory-link__list.white{ background-size: 70%; background-position: right bottom 20px; padding: 20px 20px 0;}
	.mstory-link__tit,
	.mstory-link__tit.white{ font-size: 0.95rem; margin-bottom: 10px;}
}

@media(max-width: 479px){
	.mdonate { padding: 10px 0 0;}
	.mdonate-slider{ margin-bottom: 25px; padding-left: 100px; border:none;}
	.mdonate-tit{ top: 30px; width: 80px; height: 24px; }
	.mdonate-more{ font-size: 0.6rem; }
	.mdonate-state{ font-size: 1rem; }
	.mdonate-name{ font-size: 0.7rem; }
	.mdonate-name .red{ max-width: 100px; }
	.mdonate-btn{ display: inline-block; }
	.mdonate-btn button{ position: static; float:left; display: inline-block; margin-left: 10px;}
	.mdonate-btn button.slick-prev2{ margin-left: 0; }
}


/* 중부가족의집 */

.cont2{ z-index: 1; max-height:618px; padding-top: 145px ; background: url(/fund/img/main/cont2_bg.jpg) top center no-repeat; background-size: auto 100%; }
.cont2-tit{ background-color: transparent; }
.cont2-tit:before{ display: none; }
.cont2-tit .tit-img{ width: 257px; background: url(/fund/img/main/cont2_tit.png) no-repeat; background-size:contain; background-position: center;}

.mhouse{ margin: 0 -12px; }
.mhouse-slide{}
.mhouse-slide:after{ position: absolute; bottom: -80px; right: -250px; z-index: -1; content: ""; display: inline-block; width: 415px; height: 403px; background: url(/fund/img/main/cont2_bg_right.png) no-repeat; animation-name: mov8;animation-duration: 30s;animation-iteration-count: infinite;animation-timing-function: linear;}
.mhouse-slide__item{ position:relative; height: 400px; margin: 0 12px 10px 12px; border-radius: 30px; overflow: hidden; background-color: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);}
.mhouse-slider__thumb{ position: relative; width: 100%; height: 210px; overflow: hidden; background: #dad9d9;}
.mhouse-slider__cont{ position: relative; padding: 35px 45px 0; text-align: left;}
.mhouse-tit{ display: block; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; overflow: hidden; font-size: 1rem; font-weight: 500; color:#000; line-height: 1; margin-bottom: 20px; }
.mhouse-address{ height: 38px; margin-bottom: 12px; word-break: keep-all; line-height: 1.3; color:#5e5e5e; }
.mhouse-call{ color:#5e5e5e; }
.mhouse-more{ position: absolute; top:-28px; right:22px; z-index: 1; display: table; width: 52px; height: 52px; border-radius: 50%; background-color:#d5273c; text-align: center;}
.mhouse-more i{ display:table-cell; font-size: 1.4rem; color: #fff; vertical-align: middle; }
.mhouse-more:after { pointer-events: none; position: absolute; top: -2px; left: -2px; padding: 2px; z-index: -1; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; background: #d5273c; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s;}
.mhouse-more:hover:after { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0;}
.mhouse-slide > button{ position: absolute; z-index: 1; top: 50%; margin-top: -22px; width: 45px; height: 45px; border: none; background-color: rgba(0,0,0,0.2); border-radius: 8px; font-size: 0;}
.mhouse-slide > button.slick-prev{ left: -50px; }
.mhouse-slide > button.slick-prev:after{ content:"\e93b"; display: inline-block; font-family: 'xeicon'; font-size: 1rem; color:#fff; }
.mhouse-slide > button.slick-next{ right: -50px; }
.mhouse-slide > button.slick-next:after{ content:"\e93e"; display: inline-block; font-family: 'xeicon'; font-size: 1rem; color:#fff; }
.mhouse-slide > button.slick-prev:focus:after,
.mhouse-slide > button.slick-prev:hover:after{ animation-name: mov6;animation-duration: 1.8s;animation-iteration-count: infinite; }
.mhouse-slide > button.slick-next:focus:after,
.mhouse-slide > button.slick-next:hover:after{ animation-name: mov7;animation-duration: 1.8s;animation-iteration-count: infinite; }

@media(max-width: 14793px){
	.cont2 .cont-wrap{ padding: 0 80px; }
	.mhouse-slider__cont{ padding: 35px 35px 0; }
}

@media(max-width: 1023px){
	.cont2-tit .tit-img{ width: 222px; }
	.mhouse-slide:after{ display: none; }
}

@media(max-width: 767px){
	.cont2{ padding-top: 100px; }
	.cont2 .cont-wrap{ padding: 0 20px; }
	.mhouse{ margin: 0 20px; }
	.mhouse-slider__thumb{ height: 150px; }
	.mhouse-slider__cont{ padding: 20px 20px 0; }
	.mhouse-tit{ font-size: 0.8rem; margin-bottom: 10px;}
	.mhouse-address{ font-size: 0.7rem; margin-bottom: 10px; }
	.mhouse-call{ font-size: 0.7rem;}
	.mhouse-slide__item{ height: 300px; }
	.mhouse-slide > button { width: 30px; height: 30px;}
	.mhouse-slide > button.slick-prev{ left: -30px; }
	.mhouse-slide > button.slick-next{ right: -30px; }
	.mhouse-slide > button.slick-prev:after, 
	.mhouse-slide > button.slick-next:after {font-size: 0.8rem;}
	.mhouse-more{ top: -15px; width: 30px; height: 30px; }
	.mhouse-more i{ font-size: 1rem; }
}

/* 기부안내 */

.cont3{ padding:140px 0 190px 0; background: url(/fund/img/main/cont3_bg.jpg) bottom center no-repeat; background-size: cover;}
.cont3:before{ position: absolute; z-index:0; bottom: 0; left:0; content: ""; display: inline-block; width: 585px; height: 429px; background:url(/fund/img/main/cont3_bg_left.png) no-repeat; background-size: contain;}
.cont3:after{ position: absolute; z-index:0; bottom: 0; right:0; content: ""; display: inline-block; width: 557px; height: 224px; background:url(/fund/img/main/cont3_bg_right.png) no-repeat; background-size: contain;}
.cont3-tit .tit-img{ width: 171px; background: #fff url(/fund/img/main/cont3_tit.png) no-repeat; background-size:contain; background-position: center;}

.mguide{ text-align: center; }
.mguide ul:first-child{ display: inline-block; margin: 0 auto 30px; text-align: left;}
.mguide-list{ font-size: 0.9rem; color:#5e5e5e; font-weight: 400; margin-bottom: 5px; }
.mguide-list b{ display: inline-block; font-weight: 500; font-size: 0.95rem; color:#000; margin-right: 10px; }
.mguide-list em{ display: inline-block; padding-left: 25px; padding-right: 5px; font-style: normal;}
.mguide ul:last-child{ display: block; }
.mguide-ico{ display: inline-block; margin-left:10px; }
.mguide-ico a{ position:relative; z-index: 1; display: inline-block; width: 200px; padding:15px 0; text-align: center; font-size: 0.9rem; font-weight: 400; color:#000;border-radius: 10px; border: 1px solid #ddd;  background-color:#fff; transition: .2s; -webkit-transition: .2s;}
.mguide-ico a:hover,
.mguide-ico a:focus{ background-color:#d5273c; border-color: #d5273c; color:#d5273c;}
.mguide-ico:first-child{ margin-left: 0; }
.mguide-ico a:before { position: absolute; color: #fff; top: 0px; left: 0px; width:100%; height: 100%; padding: 15px 0; overflow: hidden; content: attr(alt); transition: all 0.3s; transform: scale(0.8); opacity: 0;}
.mguide-ico a:hover:before { transform: scale(1); opacity: 1;}

@media(max-width: 14793px){
	.cont3:before{ width: 400px; height: 293px; }
	.cont3:after{ width: 400px; height: 161px; }
}

@media(max-width: 1023px){
	.cont3:before{ width: 300px; height: 220px; }
	.cont3:after{ width: 300px; height: 121px; }
	.cont3-tit .tit-img{ width: 110px; }
	.mguide ul:first-child{ text-align: center; }
	.mguide-list{ margin-bottom: 15px; }
	.mguide-list b{ display: block; }
}

@media(max-width: 767px){
	.cont3:before{ width: 120px; height: 88px; }
	.cont3:after{ width: 120px; height: 48px; }
	.cont3{ padding: 60px 0 80px 0;}
	.mguide-list{ font-size: 0.7rem; }
	.mguide-ico a{ width: 82px; height: 82px; padding: 20px 10px; font-size: 0.8rem;  line-height: 1.3;}
}

/* animation */

@keyframes mov1 {
  0% {transform: translateY(0); -webkit-transform: translateY(0);}
  50% {transform: translateY(-15px); -webkit-transform: translateY(-15px);}
  100% {transform: translateY(0); -webkit-transform: translateY(0);}
}

@keyframes mov2 {
  0% {transform: translateX(0); -webkit-transform: translateX(0);}
  50% {transform: translateX(-3px); -webkit-transform: translateX(-3px);}
  100% {transform: translateX(0); -webkit-transform: translateX(0);}
}

@keyframes mov3 {
  0% {transform: translateX(0); -webkit-transform: translateX(0);}
  50% {transform: translateX(3px); -webkit-transform: translateX(3px);}
  100% {transform: translateX(0); -webkit-transform: translateX(0);}
}

@keyframes mov4 {
  0% {transform: rotate(0); -webkit-transform: rotate(0);}
  50% {transform: rotate(-5deg); -webkit-transform: rotate(-5deg);}
  100% {transform: rotate(0); -webkit-transform: rotate(0);}
}

@keyframes mov5 {
  0% {transform: rotate(0); -webkit-transform: rotate(0);}
  50% {transform: rotate(5deg); -webkit-transform: rotate(5deg);}
  100% {transform: rotate(0); -webkit-transform: rotate(0);}
}

@keyframes mov6 {
  0% {transform: translateX(0); -webkit-transform: translateX(0);}
  50% {transform: translateX(-5px); -webkit-transform: translateX(-5px);}
  100% {transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes mov7 {
  0% {transform: translateX(0); -webkit-transform: translateX(0);}
  50% {transform: translateX(5px); -webkit-transform: translateX(5px);}
  100% {transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes mov8 {
  from { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
    to { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}