@charset "utf-8";


/* ----------------------------------------------------------------- */
/* sub_common */
/* ----------------------------------------------------------------- */

.sub_visual {overflow:hidden; position:relative; margin:0 auto; width:100%; height:500px; background:#000;}
.sub_visual_img:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .15);}

.sub_visual  .slogan {height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.sub_visual  .slogan h2 {margin-top:70px; font-size:7rem; color:#fff; font-family:"Hi Melody", serif; line-height:1.1; letter-spacing:-0.05em; font-weight:normal; text-transform:uppercase;  }
.sub_visual  .slogan .h_desc {font-size:1.6rem; color:rgba(255,255,255,0.8); font-family:"Josefin Sans", serif; font-weight:normal; letter-spacing: 0.3em; text-transform:uppercase; }

/* sub_visual 효과 */
.sub_visual  .slogan h2,
.sub_visual  .slogan .h_desc {opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-30px); -o-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.sub_visual.active .slogan h2,
.sub_visual.active .slogan .h_desc {opacity:1; filter:Alpha(opacity=100);
	-ms-transform: translateY(0px);	-o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);	transform: translateY(0px);}

.sub_visual_img {
	position:absolute; top:0px; left:0px; width:100%; height:100%; background-size:cover !important;
	-webkit-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	-moz-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	-ms-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	-o-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;	
    transform: scale(1.2) rotate(0.003deg);
    opacity: 0.4;height:500px;	

}
.sub_visual.active .sub_visual_img {
	-ms-transform: scale(1) rotate(0.003deg);
	-o-transform: scale(1) rotate(0.003deg);
	-moz-transform: scale(1) rotate(0.003deg);
	-webkit-transform: scale(1) rotate(0.003deg);
	transform: scale(1) rotate(0.003deg);
    opacity: 1;
}

.sub_visual_img:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .15);}

.bg_01 {background:url("../images/common/bg_about.jpg") no-repeat 50% 0%;}
.bg_02 {background:url("../images/common/bg_rooms.jpg") no-repeat 50% 0%;}
.bg_03 {background:url("../images/common/bg_special.jpg") no-repeat 50% 0%;}
.bg_04 {background:url("../images/common/bg_travel.jpg") no-repeat 50% 0%;}
.bg_05 {background:url("../images/common/bg_reservation.jpg") no-repeat 50% 0%;}
.bg_06 {background:url("../images/common/bg_community.jpg") no-repeat 50% 0%;}



/* sub :: 레이아웃 */
.sub_wrap {position:relative;}


/* lnb  */
.aside {margin-top:-50px}
.aside:after {clear:both; display:block; content:""}

.lnb { display:flex; flex-wrap:wrap; justify-content:center;}
.lnb li {}
.lnb li a {display:block; min-width:120px; line-height:50px; padding:0 60px; font-size:1.5rem; color:#333; font-family:'S-CoreDream-4Regular'; text-align:center; background-color:#f5f5f5;}
.lnb li.on a {background-color:var(--sub-color); color:#fff;}
	


/* sub :: 본문 */
.contents {overflow:hidden; position:relative;}
.sub_title {position:relative; margin:90px auto 40px; text-align:center;}
.sub_title h3 {/* font-size:4.2rem;  */ font-size:5rem; color:#333; font-family:"Hi Melody", serif; line-height:1.1; letter-spacing:-0.05em; font-weight:normal;}

.sub_cont {position:relative; font-size:1.6rem; word-break:keep-all;}
.sub_cont h4 {position:relative; display:inline-block; margin:60px 0 15px; line-height:1.3; font-size:2rem; color:#333; font-family:'S-CoreDream-4Regular';  letter-spacing:-0.04em;  font-weight:normal;}

.sub_cont h4:first-child {margin-top:0;} 
.sub_cont h4 span {display:inline-block; margin-right:5px; width:40px; padding:0 0 2px; color:#fff; font-size:1.8rem; background-color:#c59a57; text-align:center; border-radius:5px;}
.sub_cont h4 i {margin-top:-4px; margin-right:3px; font-size:2.2rem; color:#333;}

.sub_cont h4 + .table_wrap {margin-top:0;}


/*.sub_cont > h4:before {content:''; position:absolute; top:1px; left:0; content:"\f058"; color:#444; font-family:FontAwesome; font-size:22px;}*/



/* li list */
.dot_list > li, .dot {position:relative; margin:0 0 3px 1px; padding-left:13px;}
.dot_list > li::before, .dot::before {content:""; display:block; position:absolute; left:1px; top:12px; width:5px; height:5px; background:#555; border-radius:50%;}

.dashed_list > li, .dashed {position:relative; margin:0 0 3px 3px; padding:0 0 0 11px;}
.dashed_list > li::before, .dashed::before {content:""; display:block; position:absolute; top:13px; left:0; width:5px; height:1px; background:#848484;}
.dashed_list > li strong {font-weight:500;}

.default_list {margin:12px 0 0 3px;}
.default_list li {}

.dot_list > li > .dashed_list {margin:7px 0 7px 0px;}



/* 기본 테이블 */
.tList {position:relative; width:100%; border-top:2px solid var(--sub-color);}
.tList th, .tList td {padding:15px 20px; border:1px solid #dcdcdc; vertical-align:middle;}
.tList th:first-child, .tList td:first-child {border-left:none;}
.tList th:last-child, .tList td:last-child {border-right:none;} 
.tList thead th,
.tList tbody th,
.tList tfoot th {background:#f9f9f9; color:#444; font-weight:normal; word-break:keep-all; text-align:center;}
.tList tbody td,
.tList tfoot td {background:#fff; word-break:keep-all; text-align:center;}
.tList th, .tList td.tLeft {text-align:left;}
.tList tr.bg {background:#f9f9f9;}
.tList .st {font-size:90%;} /* 작은글씨 */

table col.no {width:8%;}
table col.space_01 {width:15%;} 
table col.space_02 {width:20%;}
table col.space_03 {width:25%;}
table col.space_04 {width:30%;} 
table col.space_05 {width:35%;}
table col.space_06 {width:40%;}
table col.space_07 {width:50%;}
table col.space_08 {width:10%;} 

.table_sup {margin-bottom:10px; text-align:right;}


/* 좌우 스크롤 :: 모바일 */
.scroll_drag_guide {display:none; justify-content:flex-end; margin-right:10px;}
.scroll_drag_guide .scroll_drag_inner {position:relative; width:45px; height:45px;}
.scroll_drag_guide .scroll_drag_inner:before {content:""; position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; border-radius:5px;}
.scroll_drag_guide .drag_bar {position:absolute; left:0px; top:3px; animation:moveScrollAni 3s both infinite; z-index:1;}
.scroll_drag_guide .drag_bar .bar {display:block; width:23px; height:5px; background-color:rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1;}
.scroll_drag_guide .drag_bar i {font-size:2.2rem; color:#aaa }

@keyframes moveScrollAni {
	0%, 10% {
		left: 0;
		margin-left: 0px;
	}
	50% {
		left: 100%;
		margin-left: -25px;
	}
	100% {
		left: 0;
		margin-left: 0px;
	}
}


/* 좌우 스크롤 :: 모바일 */
.limitArea {position:relative; overflow-x:auto; overflow-y:hidden; width:100%; -webkit-overflow-scrolling:touch; }	

.limitArea .w900 {min-width:900px;}
.limitArea .w800 {min-width:800px;}
.limitArea .w600 {min-width:600px;}
.limitArea .w500 {min-width:500px;}


@media (max-width:1300px){ /* 선택 */

	.sub_visual {height:460px;}
	.sub_visual  .slogan h2 {margin-top:70px; font-size:6rem;}
	.sub_visual  .slogan .h_desc {font-size:1.6rem;}


	/* sub :: 본문 */
	.sub_title {margin:80px auto 35px;}
	.sub_title h3 {font-size:4.6rem;}

	.sub_cont h4 {margin:50px 0 15px;}

}

@media (max-width:1200px){ /* 1152px 96%*/


	.sub_visual {height:420px;}
	.sub_visual  .slogan h2 {font-size:5.2rem;}
	.sub_visual  .slogan .h_desc {font-size:1.5rem;}

	
	/* sub :: 본문 */
	.sub_title {margin:70px auto 30px;}
	.sub_title h3 {font-size:4.2rem;}

	.sub_cont h4 {margin:40px 0 12px;}

}

@media (max-width:1024px){ /* tablet 980 */

	.sub_visual {height:400px;}
	.sub_visual  .slogan h2 {margin-top:65px; font-size:4.8rem;}



	/* sub :: 본문 */
	.sub_title {margin:60px auto 30px;}
	.sub_title h3 {font-size:4rem;}
	.sub_cont {font-size:1.5rem;}


	/* li list */
	.dot_list > li, .dot {padding-left:10px;}
	.dot_list > li::before, .dot::before {left:0; top:10px; width:4px; height:4px;}




}


@media (max-width:900px){ 

	/* 좌우 스크롤 :: 모바일 */
	.limitArea .w900 {margin-bottom:10px;}

}

@media (max-width:830px){ /* tablet ~ 768 */

	.sub_visual {height:380px;}
	.sub_visual  .slogan h2 {font-size:4.4rem;}
	.sub_visual  .slogan .h_desc {font-size:1.4rem; letter-spacing:0.2em;}
	

	/* sub :: 본문 */
	.sub_title {margin:50px auto 30px;}
	.sub_title h3 {font-size:3.6rem;}

	.sub_cont {font-size:1.4rem;}
	.sub_cont h4 {font-size:1.8rem;}


	/* 좌우 스크롤 :: 모바일 */
	.limitArea .w800 {margin-bottom:10px;}
	
	.scroll_drag_guide {}


}

@media (max-width:768px){ /* mobile 가로 */

	/* sub :: 본문 */	
	.sub_title h3 {font-size:3.4rem;}


	


}

@media (max-width:680px){ /* mobile 가로 640기준 */

	.sub_visual {height:340px;}
	.sub_visual  .slogan h2 {font-size:3.8rem; line-height:1.2;}
	.sub_visual  .slogan .h_desc {font-size:1.3rem; letter-spacing: 0.2em;}

	
	/* sub :: 본문 */
	.sub_title h3 {font-size:3.2rem;}



}

@media (max-width:640px){

	/* 좌우 스크롤 :: 모바일 */
	.limitArea .w600 {margin-bottom:10px;}

	

}

@media (max-width:610px){ /* mobile 세로 */

	.sub_visual {height:320px;}
	.sub_visual  .slogan h2 {font-size:3.6rem;}

	
	/* sub :: 본문 */
	.sub_title {margin:40px auto 25px;}
	.sub_title h3 {font-size:3rem;}
	
	.sub_cont h4 {margin:35px 0 10px;}



	/* li list */
	.dot_list > li, .dot {padding-left:10px;}
	.dot_list > li::before, .dot::before {left:0; top:9px; width:3px; height:3px;}

}


@media (max-width:430px){ /* mobile 세로 */


	.sub_visual {height:280px;}
	.sub_visual  .slogan h2 {font-size:3.6rem;}
	.sub_visual  .slogan .h_desc {font-size:1.2rem;}


	/* sub :: 본문 */
	.sub_cont h4 {margin:35px 0 8px; font-size:1.7rem;}


	/* li list */
	.dot_list > li, .dot {padding-left:9px;}
	.dot_list > li::before, .dot::before {left:0; top:7px; width:3px; height:3px;}




}

@media (max-width:380px){ /* mobile 세로 */



}

/* ----------------------------------------------------------------- */
/* sub */
/* ----------------------------------------------------------------- */


/* about : 펜션소개 */
.greet p {text-align:center;}
.greet p + p {margin-top:20px;}
.outside {display:flex; flex-wrap:wrap; margin-top:100px;}
.outside div {overflow:hidden; position:relative; width:50%;}
.outside div img {width:100%;}



/* about : 펜션전경 */
.landscape_slide {overflow:hidden; position:relative;}
.landscape_slide li img {width:100%;}

.slick-arrow {position:absolute; top:50%; z-index:1; font-size:0;}
.slick-arrow.slick-prev {left:25px; transform:rotate(135deg);}
.slick-arrow.slick-next {right:25px; transform:rotate(-45deg);}
.slick-arrow.slick-prev, .landscape_slide .slick-arrow.slick-next {display:block; width:20px; height:20px; margin-top:-10px; padding:3px; border:solid #fff; border-width:0 2px 2px 0;}

.slick-dots {position:absolute; bottom:20px; width:100%; text-align:center;}
.slick-dots li {display:inline-block; margin:0 7px; height:8px;}
.slick-dots li button {cursor:pointer; margin:0px; padding:0; width:8px; height:8px; background:none; font-size:0; background-color:#fff; border-radius:100%;}
.slick-dots li.slick-active button {background-color:#f37321;}



/* about : 오시는 길 */
.loc {overflow:hidden; position:relative;}
.loc .map {height:550px; background:#ccc;}
.loc .contact {display:flex; flex-wrap:wrap; flex-direction:column; text-align:center; /*  */ gap:30px; margin-top:50px; padding-bottom:50px; border-bottom:1px dashed #ddd;}
.loc .contact .address {}
.loc .contact .tel {letter-spacing:0;}
.loc .contact i {display:block; margin-bottom:15px; font-size:3rem; color:var(--main-color);}




/* rooms : 객실정보 */
.site img {width:100%;}
.room {padding-bottom:50px; border-bottom:1px dashed #ddd;}
.room_slide {overflow:hidden; position:relative;}
.room_slide li img {width:100%;}

.room_title {display:none; overflow:hidden; position:relative; margin:50px auto 0; font-size:3.6rem; color:#333; letter-spacing:-0.025em;}
.room_title.en {font-family:'Poppins';} /* 한글 명칭일 경우 삭제 */
.room_title span {border-bottom:1px solid #999;}

.room .roomInfo {display:flex; flex-wrap:wrap; gap:30px; margin:50px 0 20px; color:#444; font-size:1.8rem;}
.room .roomInfo div i {padding:0 5px 0 5px; color:#444;}



/* special : 특별함 */
.special_slide {position:relative;}
.special_slide .item {overflow:hidden; text-align:center;}
.special_slide .item img {width:100%;}


/* travel : 주변여행지 */
.travel {}
.travel .cont {overflow:hidden; position:relative; margin-bottom:70px; text-align:center;}
.travel .cont .subject {}
.travel .cont .txt {}
.travel .cont .dis {margin-top:30px; color:#cc9900;}
.travel .cont .dis i {display:block; margin-bottom:15px; font-size:3.2rem; color:#cc9900;}
.travel .imgthumb {overflow:hidden; position:relative; width:100%;}
.travel .imgthumb img {width:100%;}

.travel_slide {overflow:hidden; position:relative;}
.travel_slide li img {width:100%;}

.travel a {display:inline-block; overflow:hidden; position:relative; margin-top:20px; font-size:1.4rem; color:var(--main-color); font-family:"Lato", serif; font-weight:400; line-height:1.5;}
.travel a .line_wrap { position:absolute; bottom:0; left:0; overflow:hidden; width:300%; transition: 0.8s; transform: translateX(-66.6666%);}
.travel a .line_wrap .line {width:33.3333%; height:1px; display: block; background-color:var(--main-color); float: left;}
.travel a .line_wrap .line:nth-of-type(1){margin-right: 33.3333%;}
.travel a:hover .line_wrap {transform: translateX(0);}



/* guide : 안내 */
.guide .group {display:flex; flex-wrap:wrap; margin-top:80px}
.guide .group h4 {width:20%;}
.guide .group .tbx {width:80%;}


/* 예약안내 */
.res {display:flex; flex-wrap:wrap; justify-content:center; gap:60px;}
.res .calendarBox {}
.res .calendarGuide {flex:1 1 50%; width:100%;}
.res .box {margin-top:12px; padding:25px; border:1px solid #d9d9d9; background:#f5f5f5;}

.sub_cont  h4 + .table_wrap {margin-top:0;} 


/* 예약 */
.rNoDate {color:#ccc;} /* 선택불가 */
.rNoDate a {opacity: 0.25; filter: Alpha(opacity=25);}
.selDate {color:#f49e00;} /* 선택 */

.calendarBox {position:relative; overflow:hidden; width:100%;}
.res .calendarBox {width:410px; padding:25px 28px 25px; border:1px solid #d9d9d9;}

.calendarBox .dateNav {position:relative;}
.calendarBox .dateNav:after {content:""; display:block; clear:both;}
.calendarBox .dateNav .dateTit {padding:5px 0; font-size:2.8rem; color:#333; font-family:'verdana', sans-serif; font-weight:bold; line-height:1.1; text-align:center;}
.calendarBox .dateNav .dateTit span.calYear {color:#333;}

.calendarBox .datePrev {position:absolute; left:0; top:50%; transform:translateY(-50%); margin-left:0; }
.calendarBox .dateNext {position:absolute; right:0; top:50%; transform:translateY(-50%); margin-right:0; }
.calendarBox .datePrev .btnPrev,
.calendarBox .dateNext .btnNext {display:block; position:relative; width:30px; height:30px; background:#fff; border:1px solid #ccc; border-radius:100%; text-indent:-99999px;}
.calendarBox .datePrev .btnPrev:after {transform:rotate(135deg); margin-left:-3px;}
.calendarBox .dateNext .btnNext:after {transform:rotate(-45deg); margin-left:-5px;}
.calendarBox .datePrev .btnPrev:after,
.calendarBox .dateNext .btnNext:after {content:""; display:block; position:absolute; top:50%; left:50%; height:6px; width:6px; margin-top:-4px; border:solid #000; border-width:0 2px 2px 0; }

.calendarBox .calendarMonth {margin-top:12px;}
.calendarBox .calendarMonth table {table-layout:fixed; border-collapse:collapse; width:100%;}
.calendarBox .calendarMonth table th {width:14.28%;  padding:6px 0 3px; border:0px solid #ddd; border-top:2px solid #666; border-bottom:1px solid #999; text-align:center;}
.calendarBox .calendarMonth table th span {font-size:13px; font-family:'verdana', sans-serif; font-weight:normal; }
.calendarBox .calendarMonth table th.sun {color:#d21919;}
.calendarBox .calendarMonth table th.sat {color:#2327ad;}

.calendarBox .calendarMonth table td {width:14.28%; height:47px; border:1px solid #ddd;/* margin:-1px 0 0 -1px;*/}
.calendarBox .calendarMonth table td a {display:block; width:100%; height:100%; color:#666;}
.calendarBox .calendarMonth table td.sun, .calendarBox .calendarMonth table td.sat {border-left:0; border-right:0;}
.calendarBox .calendarMonth table td.sun span, .calendarBox .calendarMonth table td.holiday span {color:#d21919;}
.calendarBox .calendarMonth table td.sat span {color:#2327ad;}
.calendarBox .calendarMonth table td span {display:block; position:relative; width:100%; line-height:20px; padding-top:2px; padding-left:8px; 
font-family:'verdana', sans-serif; font-size:13px; zoom:1; }
.calendarBox .calendarMonth table td p.cog {width:100%; padding:0 5px; font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* 사유 */
.calendarBox .calendarMonth table td.rDate {} /* 선택가능 */
.calendarBox .calendarMonth table td.rNoDate {color:#ccc;} /* 선택불가 */
.calendarBox .calendarMonth table td.rNoDate a {opacity: 0.25; filter: Alpha(opacity=25);}
.calendarBox .calendarMonth table td.selDate {background:#f49e00; color:#fff;} /* 선택 */
.calendarBox .calendarMonth table td.selDate span, .calendarBox .calendarMonth table td.selDate p.cog {color:#fff;}
.calendarBox .calendarMonth table td.off {background:#fafafa;}
.calendarBox .calendarMonth table td:first-child {border-left:0;}
.calendarBox .calendarMonth table td:last-child {border-right:0;}
.calendarBox .calendarMonth table td.season {background:#fffaf6;}
.calendarBox .calendarMonth table td.middle {background:#f6faff;}



/* 예약현황 */
.schedule .calendarBox .dateNav .dateTit {font-size:3.8rem;}

.schedule .calendarBox .datePrev {left:50%; margin-left:-160px;}
.schedule .calendarBox .dateNext {right:50%; margin-right:-160px; }
.schedule .calendarBox .datePrev .btnPrev,
.schedule .calendarBox .dateNext .btnNext {width:36px; height:36px; background:#fff; border:1px solid #ccc;}
.schedule .calendarBox .datePrev .btnPrev:after {margin-left:-3px; }
.schedule .calendarBox .dateNext .btnNext:after {margin-left:-5px; }

.schedule .calendarBox .datePrev .btnPrev:after, 
.schedule .calendarBox .dateNext .btnNext:after {height:6px; width:6px; margin-top:-4px; border:solid #000; border-width:0 2px 2px 0;}

.schedule .calendarBox .calendarMonth {margin-top:15px; font-family:'S-CoreDream-4Regular';}
.schedule .calendarBox .calendarMonth table th {padding:0; margin:0; border:1px solid #ddd; border-top:2px solid #666;/*margin:-1px 0 0 -1px; */background:#f5f5f5;}
.schedule .calendarBox .calendarMonth table th span {height:40px; line-height:40px; font-size:1.5rem; }

.schedule .calendarBox .calendarMonth table td {margin:0; height:150px;}

.schedule .calendarBox .calendarMonth table td.sun,
.schedule .calendarBox .calendarMonth table td.sat {border:1px solid #ddd;}
.schedule .calendarBox .calendarMonth table td.today {border:2px solid #000 !important;} /* 오늘 */
.schedule .calendarBox .calendarMonth table td:first-child {border-left:1px solid #ddd;}
.schedule .calendarBox .calendarMonth table td:last-child {border-right:1px solid #ddd;}

.schedule .calendarBox .calendarMonth table td .date {background:#f2f2f2;}
.schedule .calendarBox .calendarMonth table td.sun .date {background:#ffe8e8;}
.schedule .calendarBox .calendarMonth table td.sat .date {background:#d9efff;}
.schedule .calendarBox .calendarMonth table td .info {height:30px; padding:0 5px; line-height:30px; font-size:1.3rem; border-bottom:1px solid #ddd; text-align:center;}
.schedule .calendarBox .calendarMonth table td .info span {display:inline-block; width:auto; height:auto; line-height:auto; font-size:1.3rem; padding-left:0;}
.schedule .calendarBox .calendarMonth table td ul {margin:10px;}
.schedule .calendarBox .calendarMonth table td ul li {padding:2px 0; font-size:1.3rem;}
.schedule .calendarBox .calendarMonth table td ul li span {display:inline-block; margin-right:5px; width:30px; height:20px; line-height:19px; padding:0; font-size:1.1rem;  text-align:center; color:#fff;}
.schedule .calendarBox .calendarMonth table td ul li a:hover {text-decoration:underline;}
.schedule .calendarBox .calendarMonth table td .info span.sun, .schedule .calendarBox .calendarMonth table td .info em.sun {color:#d21919 !important;}
.schedule .calendarBox .calendarMonth table td .info span.sat, .schedule .calendarBox .calendarMonth table td .info em.sat {color:#2327ad !important;}
 
.schedule .calendarBox .calendarMonth table td .season {background:#fffaf6;} /* 성수기 */
.schedule .calendarBox .calendarMonth table td .middle {background:#f6faff;} /* 준성수기 */


.calendarState {display:flex; gap:2rem; margin-top:30px; font-size:1.3rem; font-family:'S-CoreDream-4Regular'; }
.calendarState span {display:inline-block; width:32px; height:20px; margin-right:3px; padding:0; line-height:19px; font-family:'S-CoreDream-4Regular'; font-size:1.1rem; text-align:center;}
.state_pink {background:#f96362; color:white; padding:2px}/*예약가능*/
.state_blue {background:#014cbb; color:white; padding:2px}/*예약대기*/
.state_green {background:#5eb917; color:white; padding:2px}/*예약완료*/
.state_gray {background:#888; color:white; padding:2px}/*전화문의*/


/*
.res.btn_list a,
.res.btn_list button, 
.res.btn_list input {height:42px; line-height:40px; margin:0 5px; padding:0 40px; border-radius:0px; font-size:15px;}*/



@media (max-width:1300px){ /* 선택 */


	/* about : 펜션소개 */
	.outside {margin-top:90px;}

	/* travel : 주변여행지 */
	.travel .cont {margin-bottom:50px;} 



	/* guide : 안내 */
	.guide .group {margin-top:50px;}
	.guide .group h4 {width:100%;}
	.guide .group .tbx {width:100%;}



}

@media (max-width:1200px){ /* 1152px 96%*/

	/* about : 펜션소개 */
	.outside {margin-top:80px;}


	/* about : 오시는 길 */
	.loc .map {height:500px;}
	.loc .contact {gap:20px;}

	
	/* guide : 안내 */
	.guide .group {margin-top:40px;}


	/* 예약현황 */
	.schedule .calendarBox .dateNav .dateTit {font-size:3.4rem;}
	.schedule .calendarBox .datePrev {margin-left:-160px;}
	.schedule .calendarBox .dateNext {margin-right:-160px; }
	.schedule .calendarBox .datePrev .btnPrev,
	.schedule .calendarBox .dateNext .btnNext {width:34px; height:34px;}
	.schedule .calendarBox .datePrev .btnPrev:after {margin-left:-3px;}
	.schedule .calendarBox .dateNext .btnNext:after {margin-left:-5px;}


	.schedule .calendarBox .datePrev .btnPrev:after, 
	.schedule .calendarBox .dateNext .btnNext:after {height:6px; width:6px; margin-top:-4px;}


	/* 실시간예약 */
	.res {gap:50px;}


	
}

@media (max-width:1024px){ /* tablet 980 */


	/* about : 펜션소개 */
	.outside {margin-top:70px;}

	/* about : 펜션전경 */
	.slick-dots {bottom:15px;}
	.slick-dots li {margin:0 6px;}


	/* about : 오시는 길 */
	.loc .map {height:450px;}
	.loc .contact {margin-top:40px; padding-bottom:40px;}
	.loc .contact i {font-size:2.8rem;}


	/* rooms : 객실정보 */
	.room {padding-bottom:40px;}
	.room .roomInfo {gap:20px; margin:40px 0 15px; font-size:1.7rem;}


	/* travel : 주변여행지 */
	.travel .cont {margin-bottom:40px;}
	.travel .cont .dis i {font-size:2.8rem;}


	/* 예약현황 */
	.schedule .calendarBox .dateNav .dateTit {font-size:3rem;}
	.schedule .calendarBox .datePrev {margin-left:-140px;}
	.schedule .calendarBox .dateNext {margin-right:-140px;}


	/* 실시간예약 */
	.res {gap:40px;}
	.res .calendarBox {width:400px;}
	.calendarBox .calendarMonth table td {height:45px;}



}


@media (max-width:830px){ /* tablet ~ 768 */
	
	/* about : 펜션소개 */
	.outside {margin-top:50px;}


	/* about : 오시는 길 */
	.loc .map {height:400px;}
	.loc .contact i {font-size:2.6rem;}


	/* rooms : 객실정보 */	
	.room .roomInfo {font-size:1.6rem;}
	

	/* travel : 주변여행지 */	
	.travel .cont {margin-bottom:30px;}
	.travel .cont .dis i {font-size:2.6rem; }
	.travel a {margin-top:20px;}


	/* 예약현황 */
	.schedule .calendarBox .dateNav .dateTit {font-size:2.8rem;}	
	
	.calendarState {margin-top:25px;}
	.schedule .calendarBox .calendarMonth {margin-top:12px;}


	/* 실시간예약 */
	.res {gap:30px;}
	.calendarBox .dateNav .dateTit {font-size:2.8rem;}

}


@media (max-width:768px){ /* mobile 가로 */


}

@media (max-width:680px){ /* mobile 가로 640기준 */

	/* 예약현황 */
	.schedule .calendarBox .dateNav .dateTit {font-size:2.6rem;}
	.schedule .calendarBox .datePrev {margin-left:-130px;}
	.schedule .calendarBox .dateNext {margin-right:-130px;}
	.schedule .calendarBox .datePrev .btnPrev,
	.schedule .calendarBox .dateNext .btnNext {width:32px; height:32px;}

	.schedule .calendarBox .calendarMonth table td .info {font-size:1.2rem;}
	.schedule .calendarBox .calendarMonth table td .info span {font-size:1.2rem;}
	.schedule .calendarBox .calendarMonth table td ul li {padding:3px 0; font-size:1.2rem;}
	.schedule .calendarBox .calendarMonth table td ul li span {margin-right:3px; width:28px; height:18px; line-height:18px; font-size:1.1rem;}


	/* 실시간예약 */
	.res .box {margin-top:10px; padding:20px 20px;} 
	.calendarBox .dateNav .dateTit {font-size:2.6rem;}



}

@media (max-width:610px){ /* mobile 세로 */


	/* guide : 안내 */
	.guide .group {margin-top:35px;}

	/* rooms : 객실정보 */
	.room .roomInfo {gap:5px; margin:30px 0 15px; font-size:1.5rem;}
	.room .roomInfo div {width:100%;}


}

@media (max-width:430px){ /* mobile 세로 */

	/* about : 펜션소개 */
	.outside {margin-top:40px;}


	/* about : 펜션전경 */
	.slick-dots {bottom:10px;}
	.slick-dots li {margin:0 5px;}


	/* about : 오시는 길 */
	.loc .map {height:360px;}
	.loc .contact {margin-top:30px; padding-bottom:30px;}
	.loc .contact i {font-size:2.4rem;}


	/* rooms : 객실정보 */
	.room {padding-bottom:30px;}	


	/* travel : 주변여행지 */
	.travel .cont .dis i {font-size:2.4rem }


	/* 예약현황 */
	.schedule .calendarBox .dateNav .dateTit {font-size:2.4rem;}
	.schedule .calendarBox .datePrev {margin-left:-100px;}
	.schedule .calendarBox .dateNext {margin-right:-100px;}
	.schedule .calendarBox .datePrev .btnPrev,
	.schedule .calendarBox .dateNext .btnNext {width:30px; height:30px;}

	
	/* 실시간예약 */
	.res .calendarBox {width:100%; padding:20px 20px 25px;}
	.res .box {padding:20px 15px;} 

	.calendarBox .dateNav .dateTit {font-size:2.4rem;}


}

@media (max-width:380px){ /* mobile 세로 */

}