/*main_img*/
.main_img{display:block; clear:both; position:relative; height:860px; background-size:cover; word-break:keep-all; overflow:hidden}
.main_img .main_text{position:absolute; top:45%; font-size:2.5em; font-weight:200; letter-spacing:-.08em; text-align:center; width:100%; left:50%; transform:translate(-50%, -45%); line-height:1.3em;   
color: #fff;
  text-shadow: 0 0 10px rgba(31,80,17, 0.6),
               0 0 20px rgba(31,80,17, 0.5),
               0 0 30px rgba(31,80,17, 0.2);
			   animation: slideUp 2s forwards;
			   z-index:9
			   }
.main_img .main_text b{font-weight:900; display:block; font-size:110%; letter-spacing:-.02em;animation-delay: 0s;}
.main_img .main_text span{ animation-delay: 10s;}


        @keyframes slideUp {
            0% {
                opacity: 0;
                transform: translate(-50%, 0%); /* 시작 시 아래로 */
            }
            100% {
                opacity: 1;
                transform: translate(-50%, -50%); /* 끝에선 원위치 */
            }
        }

.main_img .mv1{background:url(/img/mainvisual_img_01.jpg) no-repeat top center; width:100%; height:860px; }
.main_img .mv2{background:url(/img/mainvisual_img_02.jpg) no-repeat top center; width:100%; height:860px; }

.main_room{clear:both; display:block; width:100%; max-width:1300px; margin:5em auto auto auto }
.main_room .room_in{position:relative;  padding:0 0 11em 0;}
.main_room .room_in .room_tit {width:250px}
.main_room .room_in .room_tit h2{font-size:2em; padding-top:1em}
.main_room .room_in .room_tit p{max-width:250px; font-size:105%; letter-spacing:-1px; padding:1.5em 0; opacity:.8; word-break:keep-all}
.main_room .room_in .room_tit .tit_btn{padding-top:1em}
.main_room .room_in .room_tit img{border-radius:20px; margin-bottom:.7em; cursor:pointer}

.main_room .room_in .room_list{position:absolute; left:270px; top:0; width:80%; display:inline-block; vertical-align:top;  }
.main_room .room_in .room_list p{width:90%;  max-width:290px; margin:auto}
.main_room .room_in .room_list p strong{display:block;  font-size:125%; font-weight:700; opacity:.8; margin:1em 0}
.main_room .room_in .room_list p span{width:90%;  max-width:300px;opacity:.5; font-size:95%;}

.room_wrap{padding:1.2em}
.main_room .slick-slide {position:relative}
.main_room .slick-slide img{width:100%;  max-width:350px; margin:auto; border-radius:20px;}
.main_room .slick-track{margin-left:0 }
.main_room .slick-current{background:#a56533; border-radius:20px; color:#fff }
.main_room .slick-current a{color:#fff; opacity:1}
.main_room .slick-current p strong, .main_room .slick-current p span{opacity:1 !important}



.main_reserv{position:relative; background:#ceecf3; padding:4em 0 2em 0;}
.main_reserv .reserv_bg{position:absolute; bottom:0; left:0; width:100%; height:25%;background: #F8F6F1;
background: -webkit-linear-gradient(365deg, rgba(248, 246, 241, 1) 24%, rgba(255, 255, 255, 1) 100%);
background: -moz-linear-gradient(365deg, rgba(248, 246, 241, 1) 24%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(365deg, rgba(248, 246, 241, 1) 24%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F8F6F1", endColorstr="#FFFFFF", GradientType=0);}
.main_reserv .reserv_tit{text-align:center; margin:auto auto 1em auto; font-size:1.6em; font-weight:800; color:#2b65a7;}
.main_reserv .reserv_tit p{font-size:65%; line-height:70px}
.main_reserv .reserv_tit img{margin-top:-30px}
.main_reserv .reserv_tit ul{display:flex; justify-content:center; align-items:center}
.main_reserv .reserv_tit ul li:last-child{text-align:left; padding-left:20px;}
	
	.reserv_list{position:relative; display:flex; justify-content:center; z-index:1}
	.reserv_list .list_tel{color:#fff; background:#2b65a7; border-radius:20px; padding:2em; flex-grow:1; margin:0 1.2em; max-width:400px;}
	.reserv_list b{color:#fff8a1; font-weight:700}
	.reserv_list .list_tel p{font-size:160%; font-weight:800; padding:.5em 0 5px 0; line-height:120%;}
	.reserv_list .list_tel span{font-size:100%;}
	.reserv_list .list_tel span b{font-size:85%; border-bottom:2px solid #fff; color:#fff; display:table; font-weight:700; margin-bottom:7px;}
	
	
	.reserv_list .list_tax{color:#fff; background:#1e75a2; border-radius:20px; padding:2em;; flex-grow:1; margin:0 1.2em; max-width:400px;}
	.reserv_list .list_tax p{padding:1em 0 2em 0}
	.reserv_list .list_tax span{}
	.reserv_list .list_tax span strong{font-size:120%}

	.reserv_list .list_facility{color:#fff; background:#1e9498; border-radius:20px; padding:2em;; flex-grow:1; margin:0 1.2em; max-width:400px;}
	.reserv_list .list_facility p{padding:1em 0 2em 0}
	.reserv_list .list_facility span{font-size:100%}
	.reserv_list .list_facility span strong{font-size:120%}

	.main_community{clear:both; display:block; position:relative;margin:5em auto 3em auto; display:flex; justify-content:space-between; max-width:1600px;}
	.main_community .title_div {position:relative; height:50px}


	.main_community .main_notice{position:relative; padding:0 2% 0 0; border-right:1px solid #e5e5e5;flex-grow: 2; }
	.main_community .main_notice .title_div{max-width:560px; margin:auto;}
	.main_community .main_notice h2{}
	.main_community .main_notice ul{}
	.main_community .main_notice ul li{}

	.main_notice_list{max-width:560px; margin:auto}
	.main_notice_list ul{}
	.main_notice_list ul li{}
	.main_notice_list ul li a{line-height:45px;display:flex; justify-content:space-between}
	.main_notice_list ul li a:hover{color:#2b4aa3}
	.main_notice_list ul li div{}
	.main_notice_list .no_tit{position:relative}
	.main_notice_list .no_tit:before{content:'●'; color:#6b6b6b; font-size:10px; padding-right:3px; vertical-align:top; }
	.main_notice_list .no_date{}

					.new_icon {display:inline-block;line-height:25px;width:25px;font-size:.8em; font-weight:600; color:#ffff00;background:#ff9c0e;text-align:center;margin-right:3px;border-radius:50%;vertical-align:baseline; margin-left:4px;}
					.more{position:absolute; width:42px; height:42px; text-align:center; right:0; top:-10px}
					.more a{color:#545454; font-size:2em; font-weight:100; font-size:18px}


	.main_community .main_faq{position:relative; border-right:1px solid #e5e5e5;flex-grow: 2; }
	.main_community .main_faq .title_div{max-width:470px; margin:auto; }
	.main_community .main_faq h2{}
											.main_faq_list{max-width:470px; margin:auto}
											.main_faq_list ul{}
											.main_faq_list ul li{display:block}
											.main_faq_list ul li a{line-height:45px;}
											.main_faq_list ul li a:hover{color:#2b4aa3}
											.main_faq_list .faq_tit{position:relative}
											.main_faq_list .faq_tit:before{content:'Q'; display:inline-block;  color:#fff; background:#ff9c0e; font-size:15px; width:25px; height:25px; vertical-align:middle; text-align:center; border-radius:50%; margin-right:5px;}


	.main_community .main_posting{position:relative;flex-grow: 1; }
	.main_community .main_posting .title_div{max-width:300px; margin:auto; }
	.main_community .main_posting h2{}

											.main_posting_list{max-width:300px; margin:auto}
											.main_posting_list ul{text-align:center}
											.main_posting_list ul li a{line-height:45px;}
											.main_posting_list ul li a:hover{color:#2b4aa3}
											.main_posting_list ul li img{display:block; margin:auto; width:100%; max-width:300px; border-radius:10px;}
											.main_posting_list .posting_tit{position:relative; padding-top:5px;}

.main_div h2{font-size:1.5em; font-weight:800}

/*gallery*/
.main_gallery{background:#f8f6f1; padding:4em 0 3em 0;}
.main_gallery h2{font-size:2em; font-weight:800}
.main_gallery .gallery_tit{text-align:center; }
.main_gallery .gallery_tit p{opacity:.45; font-size:100%; padding:1em 0 0 0}

.main_gallery .gallery_list{text-align:center; padding-top:3em; position:relative; max-width:1520px; margin:auto}
.main_gallery .gallery_list .list_img{}
.main_gallery .gallery_list .list_tit{position:absolute; display:table-cell;  color:#fff; width:100%;  height:100%; max-height:325px;left:0; top:0;  padding-top:45%; border-radius:20px; font-size:1.2em; z-index:1}
.main_gallery .gallery_list p{opacity:.5; width:90%; margin:1em auto auto auto; font-size:90%; word-break:keep-all; font-weight:500; line-height:22px;}

.main_gallery .slick-slide {position:relative; max-width:345px; margin:0 1em}
.main_gallery .slick-slide img{width:100%; max-width:345px; border-radius:20px; display:block; margin:auto;filter: brightness(70%) }
.main_gallery .slick-prev{width:40px; height:40px; background:url(/plugin/slick/btn_prev.png) no-repeat center center; border-radius:50%;}
.main_gallery .slick-next{width:40px; height:40px; background:url(/plugin/slick/btn_next.png) no-repeat center center; border-radius:50%;}
.main_gallery .slick-prev{left:-30px; z-index:99;}
.main_gallery .slick-prev:before{content:'';  }
.main_gallery .slick-next{right:-30px; z-index:99}
.main_gallery .slick-next:before{content:'';  }



@media (max-width:1024px){
 body, html{font-size:95%; line-height:140%;}
}


@media (min-width:0px) and (max-width:377px){
.main_img{height:480px; background-size:cover}
.main_img .main_text{width:80%; font-size:150%; top:50%; transform:translate(-50%, -50%); line-height:130%;}
.main_img .mv1{height:480px; background-size:cover}
.main_img .mv2{height:480px; background-size:cover}

.main_room{width:90%; margin:auto}
.main_room .room_in{padding:0 0 2em 0}
.main_room .room_in .room_tit{width:95%; margin:auto; text-align:center}
.main_room .room_in .room_tit img{display:none}
.main_room .room_in .room_tit h2{font-size:1.6em; font-weight:700}
.main_room .room_in .room_tit p{max-width:none; padding:10px 0 0 0; width:95%; margin:auto; opacity:.7}
.main_room .room_in .room_list{padding:0; position:relative; left:auto; width:100%; margin:1em auto auto auto;}
.main_room .room_in .room_tit .tit_btn{position:absolute; width:100%;top:50%; transform:translateY(-50%); z-index:1}
#prevArrow{left:-5px; position:absolute}
#nextArrow{right:12px; position:absolute}

.main_reserv{padding:3em 0 2em 0}
.main_reserv .reserv_tit{font-size:1.4em}
.main_reserv .reserv_tit p{font-size:60%}
.main_reserv .reserv_tit ul{flex-direction:column}
.main_reserv .reserv_tit ul li:first-child img{width:100%; max-width:115px;}
.main_reserv .reserv_tit ul li:last-child{padding-top:10px; line-height:25px; letter-spacing:-.04em; font-size:90%}
.main_reserv .reserv_tit ul li:last-child img{display:none}

.main_reserv .reserv_tit p{line-height:20px; font-weight:600}
				.reserv_list{flex-direction:column}
				.reserv_list div{margin:auto auto 1em auto !important; width:85%; padding:1.8em}
				.reserv_list .list_tel{padding:1em;}
				.reserv_list .list_tax{padding:1em;}
				.reserv_list .list_facility{padding:1em}
.main_reserv .reserv_bg{background:#ceecf3}


.main_gallery{padding:2em 0 3em 0}
.main_gallery h2{font-size:1.5em}
.main_gallery .gallery_tit p{width:92%; margin:auto; word-break:keep-all}
.main_gallery .gallery_list{padding-top:2em; width:90%;}
.main_gallery .slick-next{right:-4px}
.main_gallery .slick-prev{left:-10px}

.main_community{flex-direction:column; width:90%; margin:3em auto}
.main_community .no_tit{   display: inline-block;    width: 65%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}

.main_community .main_notice{border-right:0; margin-bottom:2em}
.main_notice_list ul li a{line-height:30px}
.main_notice_list .no_tit:before{font-size:5px}
.main_notice_list .no_date{letter-spacing:-1px}

.main_community .main_faq{border-right:0; margin-bottom:2em}
.main_community .main_faq .title_div{margin-bottom:1em; max-width:none}
.main_community .title_div{margin:1em auto 1em auto !important; height:36px; border-bottom:1px solid #e3e3e3; max-width:none}
.main_community .main_posting .title_div{max-width:none}
.main_faq_list ul li a{line-height:30px}
.main_faq_list .faq_tit{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; width:95%;}
.main_faq_list .faq_tit:before{width:20px; height:20px; font-size:12px;}

.more img{width:30px; height:30px}


}


@media (min-width:378px) and (max-width:768px){

.main_img{height:480px; background-size:cover}
.main_img .main_text{width:80%; font-size:170%; top:50%; transform:translate(-50%, -50%); line-height:130%;}
.main_img .mv1{height:480px; background-size:cover}
.main_img .mv2{height:480px; background-size:cover}

.main_room{width:90%; margin:auto}
.main_room .room_in{padding:0 0 2em 0}
.main_room .room_in .room_tit{width:95%; margin:auto; text-align:center}
.main_room .room_in .room_tit img{display:none}
.main_room .room_in .room_tit h2{font-size:1.6em; font-weight:700}
.main_room .room_in .room_tit p{max-width:none; padding:10px 0 0 0; width:80%; margin:auto; opacity:.7}
.main_room .room_in .room_list{padding:0; position:relative; left:auto; width:100%; margin:1em auto auto auto;}
.main_room .room_in .room_tit .tit_btn{position:absolute; width:100%;top:50%; transform:translateY(-50%); z-index:1}
#prevArrow{left:-5px; position:absolute}
#nextArrow{right:12px; position:absolute}

.main_reserv{padding:3em 0 2em 0}
.main_reserv .reserv_tit ul{flex-direction:column}
.main_reserv .reserv_tit ul li:first-child img{width:100%; max-width:115px;}
.main_reserv .reserv_tit ul li:last-child{padding-top:10px; line-height:25px; letter-spacing:-.04em; font-size:90%}
.main_reserv .reserv_tit ul li:last-child img{display:none}

.main_reserv .reserv_tit p{line-height:20px; font-weight:600}
				.reserv_list{flex-direction:column}
				.reserv_list div{margin:auto auto 1em auto !important; width:85%; padding:1.8em}


.main_gallery{padding:1em 0 3em 0}
.main_gallery h2{font-size:1.5em}
.main_gallery .gallery_tit p{width:80%; margin:auto; word-break:keep-all}
.main_gallery .gallery_list{padding-top:2em; width:90%;}
.main_gallery .slick-next{right:-4px}
.main_gallery .slick-prev{left:-10px}

.main_community{flex-direction:column; width:90%; margin:3em auto}
.main_community .no_tit{   display: inline-block;    width: 65%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}

.main_community .main_notice{border-right:0; margin-bottom:2em}
.main_notice_list ul li a{line-height:30px}
.main_notice_list .no_tit:before{font-size:5px}
.main_notice_list .no_date{letter-spacing:-1px}

.main_community .main_faq{border-right:0; margin-bottom:2em}
.main_community .main_faq .title_div{margin-bottom:1em; max-width:none}
.main_community .title_div{margin:1em auto 1em auto !important; height:36px; border-bottom:1px solid #e3e3e3; max-width:none}
.main_community .main_posting .title_div{max-width:none}
.main_faq_list ul li a{line-height:30px}
.main_faq_list .faq_tit{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; width:95%;}
.main_faq_list .faq_tit:before{width:20px; height:20px; font-size:12px;}

.more img{width:30px; height:30px}


}


@media (min-width:769px) and (max-width:1024px){
.main_img .main_text{font-size:240%; top:40%}
.main_img{height:580px}
.main_room{margin:2.5em auto;  overflow:hidden}
.main_room .room_in{padding:0 0 5em 0}
.main_room .room_in .room_tit{width:200px; padding-left:2em}
.main_room .room_in .room_list{left:200px}
.main_reserv .reserv_tit ul li:first-child img{width:120px}
.main_reserv .reserv_tit p{line-height:40px}
.reserv_list div{width:32%; padding:1.4em}

.main_gallery{padding:3em 0}
.main_gallery .gallery_list{width:90%;}
.main_community{width:94%; margin:3em auto}
.main_community .main_notice{margin-right:2em}
.main_community .main_faq{border-right:0px;  }
.more img{width:40px}
.main_posting{display:none}

}



@media (min-width:1025px) and (max-width:1280px){
.main_img .main_text{font-size:240%; top:40%}
.main_room{margin:2.5em auto;  overflow:hidden}
.main_room .room_in{padding:0 0 5em 0}
.main_room .room_in .room_tit{width:200px; padding-left:2em}
.main_room .room_in .room_list{left:240px}

.reserv_list div{width:32%}

.main_community{width:92%;  margin:3em auto}
.main_community .main_notice{padding-right:1.5em}
.main_community .main_faq{border-right:0; padding-left:1em}
.main_community .main_posting{display:none}
}