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


/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	/*.main {max-width:100%; min-height:100vh;}*/
	.main {max-width:100%;}
	.main .slider {max-width:100%; min-height:100vh;}
	.main .slider .sliderTit {width:1200px; margin:0 auto; z-index:99; position:relative; margin-top:310px;}
	.main .slider .sliderTit h2 {
		color:#acfffc; letter-spacing:-1px; font-size:120px; line-height:120px;
		font-family:'YanoljaYacheR'; text-shadow:5px 5px 5px rgba(0,0,0,.1); font-weight:normal;
	}
	.main .slider .sliderTit h2 span {color:#acffb2; display:block; padding-left:75px;}
	.main .slider .sliderTit p {font-size:18px; color:#fff; letter-spacing:-1px; line-height:1.2; padding-top:30px;}
	/* 알림마당 */
	.main .noticeWrap {max-width:1200px; margin:0 auto; padding:90px 0;}
	.main .noticeWrap>div {overflow:hidden; width:100%; position:relative;}
	.main .noticeWrap>div>div {overflow:hidden;}
	.main .noticeWrap>div>div.noticeIcon {position:absolute; top:0; right:0;}
	.main .noticeWrap>div>div h3 {font-size:40px; font-weight:700; color:#000; line-height:1; letter-spacing:-2px;}
	.main .noticeWrap>div>div p {font-size:18px; line-height:1; letter-spacing:-1px; padding-top:10px;}
	.main .noticeWrap>div>div a {
		float:left; width:165px; border-radius:50px; font-size:18px;
		padding:20px 20px 20px 63px; line-height:1; color:#fff;
	}
	.main .noticeWrap>div>div a+a {margin-left:10px;}
	.main .noticeWrap>div>div a:nth-child(1) {background:#ffd55b url(../images/main/star_fff.png)27px center /30px no-repeat;}
	.main .noticeWrap>div>div a:nth-child(2) {background:#7cce82 url(../images/main/clover_fff.png)27px center /30px no-repeat;}
	.main .noticeWrap>div>div a:nth-child(3) {background:#64d4ca url(../images/main/flower_fff.png)27px center /30px no-repeat;}
	.main .noticeWrap ul {padding-top:35px;}
	.main .noticeWrap ul li {position:relative; padding:35px 100px 35px 60px; border-top:1px solid #eaeaea; line-height:1;}
	.main .noticeWrap ul li:before {
		content:''; display:block; width:20px; height:2px; background:#000;
		position:absolute; left:20px; top:47px;
	}
	.main .noticeWrap ul li:last-child {padding-bottom:0;}
	.main .noticeWrap ul li a {
		font-size:24px; color:#000; font-weight:300; line-height:1; border-bottom:1px solid #fff;
		text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
	}
	.main .noticeWrap ul li a:hover {border-color:#000;}
	/*
	.main .noticeWrap ul li:hover span {text-decoration:underline;}
	*/
	.main .noticeWrap ul li span {font-size:16px; color:#999; display:block; line-height:1; padding-top:15px; font-weight:300;}
	.main .noticeWrap ul li.noticeList {background:url(../images/main/star.png)calc(100% - 40px) center no-repeat;}
	.main .noticeWrap ul li.homeList {background:url(../images/main/clover.png)calc(100% - 40px) center no-repeat;}
	.main .noticeWrap ul li.foodList {background:url(../images/main/flower.png)calc(100% - 40px) center no-repeat;}
	
	/* 포토앨범 */
	.main .photoWrap {background:url(../images/main/photo_bg.jpg)center /cover no-repeat; padding:90px 0 100px;}
	.main .photoWrap h3 {font-size:40px; font-weight:700; color:#fff; line-height:1; letter-spacing:-2px; text-align:center;}
	.main .photoWrap p {font-size:18px; line-height:1; letter-spacing:-1px; padding:10px 0 38px; color:#000; opacity:.5; text-align:center;}
	.main .photoWrap div {display:table; width:1200px; margin:0 auto; max-width:100%;}
	.main .photoWrap div a {display:table-cell; width:33.3333%; padding:0 10px;}
	.main .photoWrap div a dl {box-shadow:5px 5px 5px rgba(0,0,0,.1);}
	.main .photoWrap div a dl dt {width:100%; min-height:380px; transition:all .3s;}
	.main .photoWrap div a dl dd {
		background:#fff; font-size:18px; color:#000; line-height:1; padding:30px;
		text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
	}
	.main .photoWrap div a dl dd span {display:block; color:#999; font-size:14px; padding-top:10px;}
	.main .photoWrap div a:hover dl dd {text-decoration:underline;}
	
	/* 퀵메뉴 */
	.main .quickMenu {max-width:1200px; margin:0 auto; padding:100px 0;}
	.main .quickMenu ul {overflow:hidden; width:100%;}
	.main .quickMenu ul li {float:left; width:25%; text-align:center;}
	.main .quickMenu ul li span {display:block; width:192px; height:190px; margin:0 auto;}
	.main .quickMenu ul li h4 {font-size:30px; font-weight:500; color:#000; line-height:1; padding-top:27px;}
	.main .quickMenu ul li p {color:#999; line-height:1; padding-top:15px; padding-bottom:23px;}
	.main .quickMenu ul li a {
		display:inline-block; font-size:14px; color:#999; letter-spacing:-1px; line-height:1;
		border-radius:50px; padding:15px 40px; border:1px solid #e5e5e5;
	}
	.main .quickMenu ul li a:hover {border-color:#000; background:#000; color:#fff;}
	
	.main .quickMenu ul li:nth-child(1) span {background:url(../images/main/quick_01.png)center no-repeat;}
	.main .quickMenu ul li:nth-child(2) span {background:url(../images/main/quick_02.png)center no-repeat;}
	.main .quickMenu ul li:nth-child(3) span {background:url(../images/main/quick_03.png)center no-repeat;}
	.main .quickMenu ul li:nth-child(4) span {background:url(../images/main/quick_04.png)center no-repeat;}
	
	/* 지도 */
	.main .mapWrap {position:relative;}
	.main .mapWrap .hide {display:none !important;}
	.main .mapWrap>div {width:100% !important;}
	.main .mapWrap .mapTit {
		z-index:99; position:absolute; top:0; left:50%; width:400px !important; 
		background:#fff; border-radius:0 0 25px 25px; padding:40px 50px; margin-left:-200px;
	}
	.main .mapWrap .mapTit h4 {position:relative; font-size:30px; font-weight:400; color:#000; line-height:40px; padding-bottom:20px;}
	.main .mapWrap .mapTit h4 span {
		display:inline-block; width:40px; height:40px;
		position:absolute; right:0; top:0; background:url(../images/main/location.png)right center no-repeat;
	}
	.main .mapWrap .mapTit h4::after {
		content:''; display:block; width:20px; height:2px; background:#ffba00;
		position:absolute; left:0; bottom:0;
	}
	.main .mapWrap .mapTit p {padding-top:22px; line-height:1.8;}	
	
	
	
}


/* ********************************* 모바일 ********************************* */
@media screen and (max-width:991px){
	/*.main {max-width:100%; min-height:100vh;}*/
	.main {max-width:100%; margin-top:-61px;}
	.main .slider {max-width:100%; min-height:460px;}
	.main .slider .sliderTit {width:100%; z-index:99; position:relative; margin-top:110px; padding:0 20px;}
	.main .slider .sliderTit h2 {
		color:#acfffc; letter-spacing:-1px; font-size:60px; line-height:60px;
		font-family:'YanoljaYacheR'; text-shadow:5px 5px 5px rgba(0,0,0,.1); font-weight:normal;
	}
	.main .slider .sliderTit h2 span {color:#acffb2; display:block; padding-left:40px;}
	.main .slider .sliderTit p {font-size:16px; color:#fff; letter-spacing:-1px; line-height:1.2; padding-top:20px;}
	.slider .pageType1 {bottom:20px !important;}
	.slider .pageType1>div>a {width:15px; height:15px;}
	
	/* 알림마당 */
	.main .noticeWrap {max-width:100%; padding:50px 20px;}
	.main .noticeWrap>div {overflow:hidden; width:100%; position:relative;}
	.main .noticeWrap>div>div {width:100%; overflow:hidden;}
	.main .noticeWrap>div>div.noticeTit {padding-bottom:10px;}
	.main .noticeWrap>div>div h3 {font-size:27px; font-weight:500; color:#000; line-height:1; letter-spacing:-2px;}
	.main .noticeWrap>div>div p {font-size:15px; line-height:1.2; letter-spacing:-1px; padding-top:10px;}
	.main .noticeWrap>div>div a {
		float:left; width:calc((100% - 10px)/3); border-radius:5px; font-size:16px; margin-top:5px; margin-right:5px;
		padding:15px; line-height:1; color:#fff; font-weight:400; text-align:center; white-space:nowrap;
	}
	.main .noticeWrap>div>div a:nth-child(1) {background:#ffd55b;}
	.main .noticeWrap>div>div a:nth-child(2) {background:#7cce82;}
	.main .noticeWrap>div>div a:nth-child(3) {background:#64d4ca; margin-right:0 !important;}
	.main .noticeWrap ul {padding-top:30px;}
	.main .noticeWrap ul li {position:relative; padding:25px 60px 25px 40px; border-top:1px solid #eaeaea; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.main .noticeWrap ul li:before {
		content:''; display:block; width:20px; height:1px; background:#000;
		position:absolute; left:0; top:32px;
	}
	.main .noticeWrap ul li:last-child {padding-bottom:0;}
	.main .noticeWrap ul li a {font-size:18px; color:#000; font-weight:300; line-height:1;}

	.main .noticeWrap ul li span {font-size:15px; color:#999; display:block; line-height:1; padding-top:15px; font-weight:300;}
	.main .noticeWrap ul li.noticeList {background:url(../images/main/star.png)calc(100% - 20px) center /25px no-repeat;}
	.main .noticeWrap ul li.homeList {background:url(../images/main/clover.png)calc(100% - 20px) center /25px no-repeat;}
	.main .noticeWrap ul li.foodList {background:url(../images/main/flower.png)calc(100% - 20px) center /25px no-repeat;}
	
	/* 포토앨범 */
	.main .photoWrap {background:url(../images/main/photo_bg.jpg)center /cover no-repeat; padding:40px 20px 50px;}
	.main .photoWrap h3 {font-size:27px; font-weight:500; color:#fff; line-height:1; letter-spacing:-2px; text-align:center;}
	.main .photoWrap p {font-size:15px; line-height:1; letter-spacing:-1px; padding:10px 0 20px; color:#000; opacity:.5; text-align:center;}
	.main .photoWrap div {width:100%;}
	.main .photoWrap div a {display:inline-block; width:100%; vertical-align:middle;}
	.main .photoWrap div a+a {padding-top:20px;}
	.main .photoWrap div a dl {box-shadow:5px 5px 5px rgba(0,0,0,.1);}
	.main .photoWrap div a dl dt {width:100%; min-height:380px;}
	.main .photoWrap div a dl dd {
		background:#fff; font-size:18px; color:#000; line-height:1; padding:30px;
		text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:300;
	}
	.main .photoWrap div a dl dd span {display:block; color:#999; font-size:14px; padding-top:10px;}
	.main .photoWrap div a:hover dl dd {text-decoration:underline;}
	
	/* 퀵메뉴 */
	.main .quickMenu {max-width:1200px; margin:0 auto; padding:50px 20px;}
	.main .quickMenu ul {overflow:hidden; width:100%;}
	.main .quickMenu ul li {float:left; width:50%; text-align:center; padding:0 10px;}
	.main .quickMenu ul li span {display:block; width:100px; height:100px; margin:0 auto;}
	.main .quickMenu ul li h4 {font-size:21px; font-weight:500; color:#000; line-height:1; padding-top:15px;}
	.main .quickMenu ul li p {color:#999; line-height:1; padding-top:10px; line-height:1.2; height:60px;}
	.main .quickMenu ul li a {
		display:inline-block; font-size:14px; color:#999; letter-spacing:-1px; line-height:1;
		border-radius:50px; padding:10px 30px; border:1px solid #e5e5e5;
	}
	.main .quickMenu ul li a:hover {border-color:#000; background:#000; color:#fff;}
	
	.main .quickMenu ul li:nth-child(1),
	.main .quickMenu ul li:nth-child(2) {padding-bottom:20px;}
	.main .quickMenu ul li:nth-child(1) span {background:url(../images/main/quick_01.png)center /100px no-repeat;}
	.main .quickMenu ul li:nth-child(2) span {background:url(../images/main/quick_02.png)center /100px no-repeat;}
	.main .quickMenu ul li:nth-child(3) span {background:url(../images/main/quick_03.png)center /100px no-repeat;}
	.main .quickMenu ul li:nth-child(4) span {background:url(../images/main/quick_04.png)center /100px no-repeat;}
	
	/* 지도 */
	.main .mapWrap {position:relative; border:1px solid #e5e5e5;}
	.main .mapWrap .hide {display:none !important;}
	.main .mapWrap>div {width:100% !important; height:400px !important;}
	.main .mapWrap .mapTit {
		z-index:99; position:relative; width:100%; height:auto !important;
		background:#fff; border-radius:0 0 25px 25px; padding:40px 20px;
	}
	.main .mapWrap .mapTit h4 {position:relative; font-size:27px; font-weight:400; color:#000; line-height:40px; padding-bottom:20px;}
	.main .mapWrap .mapTit h4 span {
		display:inline-block; width:40px; height:40px;
		position:absolute; right:0; top:0; background:url(../images/main/location.png)right center no-repeat;
	}
	.main .mapWrap .mapTit h4::after {
		content:''; display:block; width:20px; height:2px; background:#ffba00;
		position:absolute; left:0; bottom:0;
	}
	.main .mapWrap .mapTit p {padding-top:22px; line-height:1.8; font-weight:300;}
	.main .mapWrap .mapTit p a {color:#666 !important;}
	
	
}