@charset "utf-8";
/* 메인페이지 스타일만 정의 */


/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	
	/* ***** 공통 ***** */
	.main {}
	body > section {max-width:100%;}
	
	/* ***** 배너 ***** */
	.main>.slider {height:660px;}
	.main>.slider:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:#80a964; opacity:.2;}
	.main>.slider .subBg {width:100%; z-index:9; position:absolute; bottom:32%; left:50%; transform:translateX(-50%);}
	.main>.slider .subBg p {text-align:center; font-size:80px; color:#fff; letter-spacing:15px; font-weight:100;}
	
	/* ***** 알림마당 ***** */
	.noticeWrap {
		z-index:99; position:relative; width:1200px; max-width:100%; margin:0 auto; border-radius:50px; 
		background:#92d287; border:10px solid #fff; padding:25px 60px; margin-top:-47px;
	}
	.noticeWrap h3 {position:relative; padding-left:50px; font-size:24px; color:#fff; letter-spacing:-1px; font-weight:300;}
	.noticeWrap h3:before {
		content:''; display:block; width:32px; height:30px; background:url(../images/main/star.png)center no-repeat;
		position:absolute; left:0; top:50%; transform:translateY(-50%);
	}
	.noticeWrap .slider {position:absolute; left:270px; top:21px; width:730px; height:30px;}
	.noticeWrap .slider li a {
		color:#fff; cursor:pointer; font-size:18px; position:relative; padding-left:15px; font-weight:100;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	}
	.noticeWrap .slider li a:before {
		content:''; display:block; width:7px; height:2px; background:#fff;
		position:absolute; left:0; top:50%; margin-top:-1px;
	}
	.noticeWrap .slider li a:hover {text-decoration:underline !important; text-underline-position:under;}
	.noticeWrap a.plusBtn {
		position:absolute; top:50%; right:20px; transform:translateY(-50%);
		display:block; width:50px; height:50px; border-radius:50%;
		background:#fff url(../images/main/plus.png)center no-repeat;
	}
	.noticeWrap a.plusBtn:hover {background-color:#ffe258;}
	
	/* ***** 포토앨범 ***** */
	.photoWrap {padding:20px 0 80px; margin-top:-18px;}
	.photoWrap ul {max-width:1200px; margin:0 auto; overflow:hidden; width:100%;}
	.photoWrap ul li {float:left; width:50%; padding:0 20px;}
	.photoWrap ul li>span {display:block; width:100%; transform:translateY(18px);}
	.photoWrap ul li>span>img {display:block !important; margin:0 auto;}
	.photoWrap ul li a {position:relative; z-index:9; display:block; width:100%;}
	.photoWrap ul li a div {overflow:hidden; border:5px solid #f5f5f5; border-radius:25px; box-shadow:10px 15px 10px rgba(0,0,0,.1);}
	.photoWrap ul li a span {display:block; width:100%; transition:all .3s; background-position:center center;}
	.photoWrap ul li a:hover span {transform:scale(1.1);}
	.photoWrap ul li a dl {text-align:center; padding-top:30px; font-weight:300; line-height:1;}
	.photoWrap ul li a dl dt {font-size:18px; font-weight:300; color:#000;}
	.photoWrap ul li a dl dd {font-size:14px; color:#999; padding-top:18px;}
	
	/* ***** 타이틀 ***** */
	.titWrap {
		max-width:1200px; margin:0 auto; background:url(../images/main/bg_flower.png)center bottom no-repeat;
		text-align:center;
	}
	.titWrap h2 {font-size:80px; font-weight:300; color:#62d5df; line-height:1.1; letter-spacing:-6px;}
	.titWrap p {font-size:18px; font-weight:300; padding:10px 0 70px; letter-spacing:-1px;}
	
	/* ***** 퀵메뉴 ***** */
	.quickMenu {padding:75px 0 120px; max-width:1200px; margin:0 auto;}
	.quickMenu ul {width:100%; overflow:hidden; padding-top:25px; margin-top:-25px;}
	.quickMenu ul li {
		float:left; width:25%; padding:0 20px; padding-top:150px; margin-top:-20px;
		background-position:center 20px; background-repeat:no-repeat; transition:all .3s;
	}
	.quickMenu ul li a {
		display:block; width:100%; height:100px; border-radius:100px; position:relative; border:3px solid #fff;
		background-position:center center; background-repeat:no-repeat; background-size:cover;
	}
	.quickMenu ul li:nth-child(1) {background-image:url(../images/main/animal_01.png); background-position:40% 40px;}
	.quickMenu ul li:nth-child(2) {background-image:url(../images/main/animal_02.png);}
	.quickMenu ul li:nth-child(3) {background-image:url(../images/main/animal_03.png); background-position:center 35px;}
	.quickMenu ul li:nth-child(4) {background-image:url(../images/main/animal_04.png);}
	
	.quickMenu ul li:nth-child(1) a {background-image:url(../images/main/quick_01.jpg)}
	.quickMenu ul li:nth-child(2) a {background-image:url(../images/main/quick_02.jpg)}
	.quickMenu ul li:nth-child(3) a {background-image:url(../images/main/quick_03.jpg)}
	.quickMenu ul li:nth-child(4) a {background-image:url(../images/main/quick_04.jpg)}
	.quickMenu ul li a span.arrow {
		display:block; width:50px; height:50px; border-radius:50%; background:#fff url(../images/main/arrow.png) center no-repeat;
		position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all .3s;
	}
	.quickMenu ul li:hover {background-position:center top;}
	.quickMenu ul li:nth-child(1):hover {background-position:40% top;}
	.quickMenu ul li a:hover span.arrow {transform:translateY(-50%) scale(1.3);}
	.quickMenu ul li dl {text-align:center; background:#fff;}
	.quickMenu ul li dl dt {font-size:24px; font-weight:400; padding:20px 0; line-height:1;}
	.quickMenu ul li dl dd {font-size:14px; font-weight:300; color:#000; opacity:.6;}

	
	
}


/* ********************************* 모바일 ********************************* */
@media screen and (max-width:991px){
	
	/* ***** 공통 ***** */
	.main {}
	body > section {}
	
	/* ***** 배너 ***** */
	.main>.slider {height:300px;}
	.main>.slider:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:#80a964; opacity:.2;}
	.main>.slider .subBg {width:100%; z-index:9; position:absolute; top:50%; left:0; transform:translateY(-50%);}
	.main>.slider .subBg p {width:100%; padding:0 20px; text-align:center; font-size:48px; letter-spacing:10px; color:#fff; font-weight:100;}
	.main>.slider .subBg p b {display:none !important;}
	
	/* ***** 알림마당 ***** */
	.noticeWrap {z-index:99; position:relative; width:100%; background:#92d287; padding:20px;}
	.noticeWrap h3 {position:relative; padding-left:25px; font-size:21px; color:#fff; letter-spacing:-1px; font-weight:300;}
	.noticeWrap h3:before {
		content:''; display:block; width:20px; height:20px; background:url(../images/main/star.png)left center /100% no-repeat;
		position:absolute; left:0; top:50%; transform:translateY(-50%);
	}
	.noticeWrap .slider {position:absolute; left:140px; top:16px; width:100%; height:30px;}
	.noticeWrap .slider li a {
		color:#fff; cursor:pointer; font-size:16px; position:relative; padding-left:15px; font-weight:300;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:220px;
	}
	.noticeWrap .slider li a:before {
		content:''; display:block; width:7px; height:2px; background:#fff;
		position:absolute; left:0; top:50%; margin-top:-1px;
	}
	.noticeWrap .slider li a:hover {text-decoration:underline !important; text-underline-position:under;}
	.noticeWrap a.plusBtn {
		position:absolute; top:50%; right:20px; transform:translateY(-50%);
		display:block; width:30px; height:30px; border-radius:50%;
		background:#fff url(../images/main/plus.png)center no-repeat;
	}
	.noticeWrap a.plusBtn:hover {background-color:#ffe258;}
	
	/* ***** 포토앨범 ***** */
	.photoWrap {padding:20px 0 40px; margin-top:-18px;}
	.photoWrap ul {max-width:1200px; margin:0 auto; overflow:hidden; width:100%;}
	.photoWrap ul li {float:left; width:50%; padding:0 20px;}
	.photoWrap ul li>span {display:block; width:100%; transform:translateY(18px);}
	.photoWrap ul li>span>img {width:60%; display:block !important; margin:0 auto;}
	.photoWrap ul li a {position:relative; z-index:9; display:block; width:100%;}
	.photoWrap ul li a div {overflow:hidden; border:5px solid #f5f5f5; border-radius:25px; box-shadow:10px 15px 10px rgba(0,0,0,.1);}
	.photoWrap ul li a span {display:block; width:100%; transition:all .3s; background-position:center center;}
	.photoWrap ul li a dl {text-align:center; padding-top:30px; font-weight:300; line-height:1;}
	.photoWrap ul li a dl dt {font-size:18px; font-weight:300; color:#000;}
	.photoWrap ul li a dl dd {font-size:14px; color:#999; padding-top:18px;}
	
	/* ***** 타이틀 ***** */
	.titWrap {width:100%; text-align:center; word-break:keep-all; padding:0 20px;}
	.titWrap h2 {font-size:62px; font-weight:300; color:#62d5df; line-height:1.1; letter-spacing:-6px;}
	.titWrap p {font-size:18px; font-weight:300; padding-top:10px; letter-spacing:-1px;}
	
	/* ***** 퀵메뉴 ***** */
	.quickMenu {padding:30px 0; max-width:1200px; margin:0 auto;}
	.quickMenu ul {width:100%; overflow:hidden; padding:0 10px;}
	.quickMenu ul li {float:left; width:50%; padding:10px;}
	.quickMenu ul li a {
		display:block; width:100%; height:100px; border-radius:100px; position:relative;
		background-position:center center; background-repeat:no-repeat; background-size:cover;
	}
	.quickMenu ul li:nth-child(1) a {background-image:url(../images/main/quick_01.jpg)}
	.quickMenu ul li:nth-child(2) a {background-image:url(../images/main/quick_02.jpg)}
	.quickMenu ul li:nth-child(3) a {background-image:url(../images/main/quick_03.jpg)}
	.quickMenu ul li:nth-child(4) a {background-image:url(../images/main/quick_04.jpg)}
	.quickMenu ul li a span.arrow {
		display:block; width:50px; height:50px; border-radius:50%; background:#fff url(../images/main/arrow.png) center no-repeat;
		position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all .3s;
	}
	.quickMenu ul li dl {text-align:center;}
	.quickMenu ul li dl dt {font-size:24px; font-weight:400; padding:10px 0; line-height:1;}
	.quickMenu ul li dl dd {display:none;}

	
	
}


/* ********************************* 767이하 ********************************* */
@media screen and (max-width:767px){
	
	/* ***** 공통 ***** */
	.main {}
	body > section {}
	
	/* ***** 배너 ***** */
	.main>.slider {height:200px;}
	.main>.slider .subBg {width:100%;}
	.main>.slider .subBg p {letter-spacing:0; line-height:1.2;}
	
	/* ***** 포토앨범 ***** */
	.photoWrap {margin:0; padding-top:40px;}
	.photoWrap .line {display:none;}
	.photoWrap ul li>span {display:none;}
	.photoWrap ul li {width:100%;}
	.photoWrap ul li+li {padding-top:20px;}
	.photoWrap ul li a dl {padding-top:25px;}
	.photoWrap ul li a dl dt {}
	.photoWrap ul li a dl dd {padding-top:10px;}
	
	/* ***** 알림마당 ***** */
	.noticeWrap .slider li a:before {height:1px;}
	
	/* ***** 타이틀 ***** */
	.titWrap {}
	.titWrap h2 {font-size:48px;}
	.titWrap p {font-size:16px;}
	
	/* ***** 퀵메뉴 ***** */
	.quickMenu ul li a {height:80px;}
	.quickMenu ul li a span.arrow {width:40px; height:40px; right:20px;}
	.quickMenu ul li dl dt {font-size:21px;}
	
	
}