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


/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	
	/*공통::*/
	section.main {max-width:100%;}
	.main div[class*="-wrap"] {width:1200px; max-width:100%; margin:0 auto;}
	.main .slider div[class*="-wrap"] { z-index:99; position:relative;}
	
	
	/*개별::슬라이더*/
	.main .slider {max-width:100%; min-height:100vh; text-align:center; height:1000px; position:relative;}
	.main .slider:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:54px; background:url(../images/common/bg-wave.png)no-repeat center;}
	
	.main .slider .txt-wrap {padding-top:330px;}
	.main .slider .txt-wrap h2 {
		color:#fff; letter-spacing:-.2vw; font-size:120px; line-height:120px;
		font-family:'YanoljaYacheR'; text-shadow:5px 5px 5px rgba(0,0,0,.1); font-weight:normal;
	}
	.main .slider .txt-wrap h2>span {padding:0 50px;}
	.main .slider .txt-wrap p {font-size:18px; color:#fff; letter-spacing:-.05vw; line-height:1.6; padding-top:40px;}
	
	
	/*개별::퀵메뉴*/
	.main .quick-wrap {text-align:center; padding-top:80px; margin-bottom:180px; overflow:hidden;}
	.main .quick-wrap ul {overflow:hidden; width:100%;}
	.main .quick-wrap ul li {float:left; width:25%; padding-top:20px;}
	.main .quick-wrap ul li a {color:#fff;}
	.main .quick-wrap ul li a>span {display:inline-block; width:140px; height:140px; background-size:140px !important; transition-duration:.3s !important;}
	.main .quick-wrap ul li a:hover>span {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);	
		-o-transform:scale(1.1);	
		transform:scale(1.1);
	}
	.main .quick-wrap ul li:nth-child(1) a>span {background:url(../images/main/i-quick-1.png)no-repeat top center;}
	.main .quick-wrap ul li:nth-child(2) a>span {background:url(../images/main/i-quick-2.png)no-repeat top center;}
	.main .quick-wrap ul li:nth-child(3) a>span {background:url(../images/main/i-quick-3.png)no-repeat top center;}
	.main .quick-wrap ul li:nth-child(4) a>span {background:url(../images/main/i-quick-4.png)no-repeat top center;}
	.main .quick-wrap ul li a h3 {font-size:24px; font-weight:400; margin-top:15px;}

	
	/*공통::*/
	.main h3.tit {font-size:40px; font-weight:700; line-height:1; letter-spacing:-2px; color:#000;}
	.main p.tit-next {font-size:18px; line-height:1; letter-spacing:-1px; color:#000;}
	
	
	/* 알림마당 */
	.main .notice-wrap {padding:100px 0 40px;}
	.main .notice-wrap>div {overflow:hidden; display:table; width:100%; position:relative;}
	.main .notice-wrap>div>* {display:table-cell;}
	.main .notice-wrap>div>.tit h3.tit {color:#000;}
	.main .notice-wrap>div>.tit p.tit-next {padding-top:10px;}
	
	.main .notice-wrap>div>article {position:absolute; top:0; right:0;}
	.main .notice-wrap>div>article a {
		float:left; width:165px; 
		padding:20px 0 20px 70px; border-radius:50px; line-height:1;
		color:#fff; font-size:18px; font-weight:400; letter-spacing:-.05vw;
		background-repeat:no-repeat; background-position:30px center;
	}
	.main .notice-wrap>div>article a+a {margin-left:10px;}
	.main .notice-wrap>div>article a.i-notice {background-color:#ffd55b; background-image:url(../images/main/i-notice-on.png);}
	.main .notice-wrap>div>article a.i-paper {background-color:#9ae49f; background-image:url(../images/main/i-paper-on.png);}
	.main .notice-wrap>div>article a.i-food {background-color:#7ce3da; background-image:url(../images/main/i-food-on.png);}
	
	.main .notice-wrap ul {padding-top:40px;}
	.main .notice-wrap ul li {position:relative; line-height:1;}
	.main .notice-wrap ul li:before {
		content:''; display:block;
		position:absolute; left:40px; top:45px;
		width:20px; height:2px; background:#000;
	}
	.main .notice-wrap ul li a {
		display:inline-block; padding:35px 120px 35px 80px; width:100%; border-top:1px solid #eaeaea;
		background-repeat:no-repeat; background-position:calc(100% - 40px) center;
	}
	.main .notice-wrap ul li a>* {line-height:1; font-weight:300;}
	.main .notice-wrap ul li a p {font-size:24px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.main .notice-wrap ul li a span {font-size:16px; color:#999; display:block; padding-top:15px;}
	
	.main .notice-wrap ul li a.i-notice {background-image:url(../images/main/i-notice.png);}
	.main .notice-wrap ul li a.i-paper {background-image:url(../images/main/i-paper.png);}
	.main .notice-wrap ul li a.i-food {background-image:url(../images/main/i-food.png);}
	.main .notice-wrap ul li a:hover {background-color:#f9f9f9;}
	.main .notice-wrap ul li:last-child a {border-bottom:1px solid transparent;}
	.main .notice-wrap ul li:last-child a:hover {border-bottom:1px solid #eaeaea;}
	
	
	/* 포토앨범 */
	.main .photo-part {background:url(../images/main/bg-photo.jpg)center /cover no-repeat; padding:100px 0 90px; position:relative;}
	.main .photo-part:after {content:""; position:absolute; left:0; top:0; width:100%; height:54px; background:url(../images/common/bg-wave-reverse.png)no-repeat center;}
	.main .photo-part h3.tit {text-align:center;}
	.main .photo-part p.tit-next {padding-top:10px; opacity:.5; text-align:center;}
	.main .photo-part div {width:1200px; margin:0 auto; max-width:100%; overflow:hidden; padding-top:50px;}
	.main .photo-part div a {float:left; display:inline-block; width:33.3333%; padding:10px;}
	.main .photo-part div a:hover {margin-top:-20px;}
	.main .photo-part div a dl {box-shadow:5px 5px 5px rgba(0,0,0,.1); overflow:hidden; position:relative;}
	.main .photo-part div a dl:before {position:absolute; top:0; left:0; content:""; display:block; width:100%; height:100%; border:10px solid #fff;}
	.main .photo-part div a dl dt {width:100%; min-height:380px; overflow:hidden;}
	.main .photo-part div a dl dd {
		background:#fff; font-size:18px; color:#000; line-height:1; padding:30px 20px;
		display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;
	}
	.main .photo-part div a dl dd span {display:block; color:#999; font-size:14px; padding-top:10px;}
	

	/* 지도 */
	.main .map-part {position:relative;}
	.main .map-part .hide {display:none !important;}
	.main .map-part>* {width:100% !important;}
	.main .map-part .map-explain {z-index:99; position:absolute; top:100px; left:0; background:transparent;}
	.main .map-part .map-explain>div {width:1200px; margin:0 auto; background:transparent;}
	.main .map-part .map-explain>div>div {width:400px; padding:40px 50px; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.main .map-part .map-explain h3 {position:relative; font-size:30px; font-weight:400; color:#000; line-height:1; padding-bottom:20px;}
	.main .map-part .map-explain h3 span {
		display:inline-block; width:34px; height:40px;
		position:absolute; right:0; top:0; background:url(../images/main/location.png)no-repeat right center; background-size:cover !important;
	}
	.main .map-part .map-explain h3:after {
		content:''; display:block; width:20px; height:2px; background:#ffba00;
		position:absolute; left:0; bottom:0;
	}
	.main .map-part .map-explain p {margin-top:20px; line-height:1.8;}
	
	.roughmap_maker_label:after,
	.os_mac .roughmap_maker_label .roughmap_lebel_text {display:none !important;}
	
	
}


/* ********************************* 모바일 ********************************* */
@media screen and (max-width:991px){
	
	body {overflow-x:hidden;}
	
	/*공통::*/
	section.main {max-width:100%; margin-top:-60px;}
	/* section.main .mobile.h60 {height:60px;} */
	.main div[class*="-wrap"] {width:100%; max-width:100%; margin:0 auto;}
	.main .slider div[class*="-wrap"] {z-index:99; position:relative;}
	
	
	/*개별::슬라이더*/
	.main .slider {max-width:100%; text-align:center; position:relative;}
	.main .slider:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:54px; background:url(../images/common/bg-wave.png)no-repeat bottom center; background-size:contain;}
	
	.main .slider .txt-wrap {margin-top:140px;}
	.main .slider .txt-wrap h2 {
		color:#fff; letter-spacing:-.2vw; font-size:72px; line-height:1.2;
		font-family:'YanoljaYacheR'; text-shadow:5px 5px 5px rgba(0,0,0,.1); font-weight:normal;
		word-break:keep-all;
	}
	.main .slider .txt-wrap h2>span {display:block;}
	.main .slider .txt-wrap p {font-size:15px; color:#fff; letter-spacing:-.05vw; line-height:1.6; padding-top:2vh;}
	
	
	/*개별::퀵메뉴*/
	.main .quick-wrap {text-align:center; padding-top:5vh; padding-bottom:5vh; overflow:hidden;}
	.main .quick-wrap ul {overflow:hidden; width:100%;}
	.main .quick-wrap ul li {float:left; width:50%; padding:10px;}
	.main .quick-wrap ul li:nth-child(2)~li {padding-top:30px;}
	.main .quick-wrap ul li a {color:#fff;}
	.main .quick-wrap ul li a>span {display:inline-block; width:100px; height:100px; background-size:100px !important; transition-duration:.3s !important;}
	.main .quick-wrap ul li a:hover>span {
		-webkit-transform:scale(1.05);
		-moz-transform:scale(1.05);
		-ms-transform:scale(1.05);	
		-o-transform:scale(1.05);	
		transform:scale(1.05);
	}
	.main .quick-wrap ul li:nth-child(1) a>span {background:url(../images/main/i-quick-1.png)no-repeat top center;}
	.main .quick-wrap ul li:nth-child(2) a>span {background:url(../images/main/i-quick-2.png)no-repeat top center;}
	.main .quick-wrap ul li:nth-child(3) a>span {background:url(../images/main/i-quick-3.png)no-repeat top center;}
	.main .quick-wrap ul li:nth-child(4) a>span {background:url(../images/main/i-quick-4.png)no-repeat top center;}
	.main .quick-wrap ul li a h3 {font-size:18px; font-weight:400; margin-top:1vh;}

	
	/*공통::*/
	.main h3.tit {font-size:28px; font-weight:500; line-height:1; letter-spacing:-1.5px; color:#000;}
	.main p.tit-next {font-size:15px; line-height:1; letter-spacing:-.5px; color:#000;}
	
	
	/* 알림마당 */
	.main .notice-wrap {padding:30px 20px;}
	.main .notice-wrap>div {overflow:hidden; display:block; position:relative;}
	.main .notice-wrap>div>* {float:left; display:inline-block; width:100%;}
	.main .notice-wrap>div>.tit h3.tit {color:#000;}
	.main .notice-wrap>div>.tit p.tit-next {padding:20px 0;}
	
	/* .main .notice-wrap>div>article {position:absolute; top:0; right:0;} */
	.main .notice-wrap>div>article a {
		float:left;
		padding:10px 10px 10px 30px; border-radius:30px; line-height:1;
		color:#fff; font-size:14px; font-weight:400; letter-spacing:-.05vw;
		background-repeat:no-repeat; background-position:10px center; background-size:15px;
	}
	.main .notice-wrap>div>article a+a {margin-left:5px;}
	.main .notice-wrap>div>article a.i-notice {background-color:#ffd55b; background-image:url(../images/main/i-notice-on.png);}
	.main .notice-wrap>div>article a.i-paper {background-color:#9ae49f; background-image:url(../images/main/i-paper-on.png);}
	.main .notice-wrap>div>article a.i-food {background-color:#7ce3da; background-image:url(../images/main/i-food-on.png);}
	
	.main .notice-wrap ul {padding-top:40px;}
	.main .notice-wrap ul li {position:relative; line-height:1;}
	.main .notice-wrap ul li:before {
		content:''; display:block;
		position:absolute; left:10px; top:28px;
		width:10px; height:1px; background:#000;
	}
	.main .notice-wrap ul li a {
		display:inline-block; padding:20px 80px 20px 30px; width:100%; border-top:1px solid #eaeaea;
		background-repeat:no-repeat; background-position:calc(100% - 20px) center;
	}
	.main .notice-wrap ul li a>* {line-height:1; font-weight:300;}
	.main .notice-wrap ul li a p {font-size:18px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.main .notice-wrap ul li a span {font-size:14px; color:#999; display:block; padding-top:15px;}
	
	.main .notice-wrap ul li a.i-notice {background-image:url(../images/main/i-notice.png);}
	.main .notice-wrap ul li a.i-paper {background-image:url(../images/main/i-paper.png);}
	.main .notice-wrap ul li a.i-food {background-image:url(../images/main/i-food.png);}
	.main .notice-wrap ul li a:hover {background-color:#f9f9f9;}
	.main .notice-wrap ul li:last-child a {border-bottom:1px solid transparent;}
	.main .notice-wrap ul li:last-child a:hover {border-bottom:1px solid #eaeaea;}
	
	
	/* 포토앨범 */
	.main .photo-part {background:url(../images/main/bg-photo.jpg)center /cover no-repeat; padding:50px 20px 30px; position:relative;}
	.main .photo-part:after {content:""; position:absolute; left:0; top:0; width:100%; height:54px; background:url(../images/common/bg-wave-reverse.png)no-repeat top center; background-size:contain;}
	.main .photo-part h3.tit {text-align:center;}
	.main .photo-part p.tit-next {padding-top:10px; opacity:.5; text-align:center;}
	.main .photo-part div {width:100%; margin:0 auto; max-width:100%; overflow:hidden; padding-top:20px;}
	.main .photo-part div a {float:left; display:inline-block; width:100%; padding:0;}
	.main .photo-part div a+a {margin-top:10px;}
	.main .photo-part div a dl {box-shadow:5px 5px 5px rgba(0,0,0,.1); overflow:hidden; position:relative;}
	.main .photo-part div a dl:before {position:absolute; top:0; left:0; content:""; display:block; width:100%; height:100%; border:10px solid #fff;}
	.main .photo-part div a dl dt {width:100%; height:300px !important; overflow:hidden;}
	.main .photo-part div a dl dd {
		background:#fff; font-size:17px; color:#000; line-height:1; padding:25px 20px;
		display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;
	}
	.main .photo-part div a dl dd span {display:block; color:#999; font-size:14px; padding-top:10px;}
	

	/* 지도 */
	.main .map-part {position:relative;}
	.main .map-part .hide {display:none !important;}
	.main .map-part>* {width:100% !important;}
	.main .map-part .map-explain {z-index:99; position:absolute; top:30px; left:0; background:transparent;}
	.main .map-part .map-explain>div {width:100%; margin:0 auto; background:transparent;}
	.main .map-part .map-explain>div>div {width:300px; padding:30px; background:#fff; margin:0 auto; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
	.main .map-part .map-explain h3 {position:relative; font-size:24px; font-weight:400; color:#000; line-height:1; padding-bottom:20px;}
	.main .map-part .map-explain h3 span {
		display:inline-block; width:26px; height:30px;
		position:absolute; right:0; top:0; background:url(../images/main/location.png)no-repeat right center; background-size:cover !important;
	}
	.main .map-part .map-explain h3:after {
		content:''; display:block; width:20px; height:2px; background:#ffba00;
		position:absolute; left:0; bottom:0;
	}
	.main .map-part .map-explain p {margin-top:10px; line-height:2 !important; font-size:14px;}
	
	.roughmap_maker_label:after,
	.os_mac .roughmap_maker_label .roughmap_lebel_text {display:none !important;}
	#daumRoughmapContainer1585035950160 {height:500px;}
	
	
}