/*gnb*/
.gnb_all{position: absolute; width: 100%; height: 115px; background: rgba(255,255,255,.8); border-bottom: 1px solid #e3e3e3; z-index: 10;}
.gnb_wrap{width: 100%; max-width: 1280px; margin: 0 auto;}
.gnb_wrap h1.logo{position: absolute; top: 0; left: 42%; text-indent: -9999px; z-index: 20;}
.gnb_wrap h1.logo a{display: block; width: 363px; height: 115px; background: url(/sctea/common/img/common/logo_on.png) no-repeat center 10px;}
.gnb{width: 100%; max-width: 1280px; font-family: 'NanumSquare', sans-serif; z-index: 15;}
.gnb .depth_all li.depth1{float: left; width: 12%; text-align: left;}
.gnb .depth_all li.depth1:nth-child(3){width: 26%;}
.gnb .depth_all li.depth1:nth-child(4){width: 26%; text-align: right;}
.gnb .depth_all li.depth1:nth-child(5), .gnb .depth_all li.depth1:nth-child(6){text-align: right;}
.gnb .depth_all li.depth1 a{display: block; width: 100%; height: 114px; line-height: 114px; color: #1f1f1f; font-weight: 500;}
.gnb .depth_all li.depth1 a span{font-size: 22px;}
.gnb .depth_all li.depth1:hover .depthBox{display: block; z-index: 30; background: rgba(255,255,255,1);}
.gnb .depth_all li.depth1.on .depthBox{display: block;}
.gnb .depth_all li.depth1.on a{color: #455adb;}

.gnb .depth_all li.depth1.d3 .depthBox ul{padding-left: 210px;}
.gnb .depth_all li.depth1.d4 .depthBox ul{padding-left: 770px;}
.gnb .depth_all li.depth1.d5 .depthBox ul{padding-left: 1020px;}
.gnb .depth_all li.depth1.d6 .depthBox ul{padding-left: 880px;}
.gnb .depth_all li.depth1 .depthBox{display: none; position: absolute; top: 114px; left: 0; width: 100%; background: rgba(255,255,255,.7); border-top: 1px solid rgba(0,0,0,.25);}
.gnb .depth_all li.depth1 .depthBox ul{width: 100%; max-width: 1280px; margin: 0 auto;}
.gnb .depth_all li.depth1 .depthBox li{float: left; padding: 0 10px;}
.gnb .depth_all li.depth1 .depthBox li a{font-size: 18px; padding: 0 5px; height: 50px; line-height: 50px; color: #1f1f1f;}
/*.gnb_all:hover .gnb .depthBox{display: block; background: #f6f6f6; transition: 1.7s ease; -webkit-transition: 1.7s ease;}*/
.btn_menu{display: none; position: absolute; top: 48px; right: 0; text-indent: -9999px;}
.btn_menu a{display: block; width: 21px; height: 17px; background: url(/sctea/common/img/common/menuopen_off.png) no-repeat; text-indent: -9999px;}

.gnb_all:hover .gnb .depth_all li.depth1 a:hover{color: #455adb;}


/* 공통 */
.img100p img{width: 100%; max-width: 1280px;}
.content h4{position: relative; font-size: 30px; color: #000; font-weight: 500; text-align: left!important; font-family: 'NanumSquare', sans-serif;}
.content h4::after{content: ''; width: 51px; height: 1px; background: #727cef; position: absolute; left: 0;   top: -11px;}
.content h5{font-size: 19px; padding-left: 24px; font-weight: 400; font-family: 'NanumSquare', sans-serif; background: url(/sctea/common/img/common/icon_d2.png) no-repeat left 7px; line-height: 28px; text-align: left!important;}
.content ul.d3{line-height: 30px; text-align: left!important;}
.content ul.d3 li{padding-left: 20px; background: url(/sctea/common/img/common/icon_d3.gif) no-repeat left 10px;}


/* 인사말 */
.greeting_text{margin: 50px; line-height: 36px; font-size: 17px;}
.greeting_text span{display: block; width: 100%; margin-top: 50px; background: url(/sctea/common/img/contents/greeting_sign.gif) no-repeat bottom right; text-indent: -9999px;}
.greeting_pc{display: block;}
.greeting_mo{display: none;}

/* 소개 */
.intro_wrap{text-align: center; line-height: 40px;}
.intro_wrap .textL{font-size: 40px; font-family:'NanumSquare', sans-serif; line-height: 56px; font-weight: 300; margin-bottom: 20px;}
span.purple{color: #41478f;}
.intro_wrap .textL span.strong{font-weight: 500;}
.intro_wrap img{margin: 56px 0;}

/* 이야기 */
.story_tea{padding: 65px 63px; color: #323232; font-size: 18px; font-family: 'NanumSquare', sans-serif; background-image: url(/sctea/common/img/contents/story_img01.jpg); background-repeat: no-repeat; background-position: right bottom; line-height: 30px;}
.story_tea .tit{font-size: 40px; font-weight: bold; line-height: 40px;}
.story_tea .con{margin: 36px 5px 0; padding-right: 30%;}
.story_sctea{margin-top: 60px; color: #323232; font-size: 18px; font-family: 'NanumSquare', sans-serif; line-height: 30px;}
.story_sctea .sctea01{padding: 30px 16px 30px 63px; background: #f6f6f6; overflow: hidden;}
.story_sctea .sctea01 .tit{float: left; margin-top: 30px; font-size: 40px; font-weight: bold; line-height: 40px;}
.story_sctea .sctea01 .txt{float: right;}
.story_sctea .sctea02{padding: 27px 68px; }
.story_sctea .sctea03{color: #fff; padding: 27px 68px 190px; background-image: url(/sctea/common/img/contents/story_img03.jpg); background-repeat: no-repeat; background-position: center bottom;}
.story_sctea .sctea04{padding: 40px 68px;}

/* 찾아오시는길 */
.map div:first-child{z-index: 0;}
.map_address{padding: 20px; font-size: 20px; font-weight: 500; border: 1px solid #f1f1f1; font-family:'NanumSquare', sans-serif;}
.map_textbox{padding: 30px 0 50px; overflow: hidden;}
.map_textbox dl{float: left; width: 50%; min-height: 140px; padding: 18px 14px 16px; line-height: 25px;}
.map_textbox dl:nth-child(1){background: #fbfbfd;}
.map_textbox dl:nth-child(2){background: #f2f2f7;}
.map_textbox dl:nth-child(3){background: #f2f2f7;}
.map_textbox dl:nth-child(4){background: #fbfbfd;}
.map_textbox dl dt{padding-left: 18px; background: url(/sctea/common/img/common/icon_d3.gif) no-repeat left 7px; font-weight: bold;}
.map_textbox dl dd{padding-left: 10px; margin-left: 20px; background: url(/sctea/common/img/common/icon_d5.gif) no-repeat left 12px;}
.content h4 span{font-size: 17px; font-weight: 400;}

/* 시설소개 - 숙박시설 */
.img_change_wrap{position:relative; width: 100%; max-width: 994px; margin: 10px auto 0; overflow: hidden; background: #f1f1f1;}
.img_change_wrap p.bigimg{float:left; width: 100%; height:auto; text-align: center;}
.img_change_wrap p.bigimg img{width: 100%; max-height: 663px;}
.img_change_wrap ul.smallimg{float:left; margin:0; width:100%; background: #fff;}
.img_change_wrap ul.smallimg li{position:relative;background:none;padding:0;float:left;margin: 5px 5px 5px 0; width:106px; height:70px;}
.img_change_wrap ul.smallimg li:last-child{margin: 5px 0;}
.img_change_wrap ul.smallimg li a{float:left;width:106px; height:70px;}
.img_change_wrap ul.smallimg li a img{width:106px; height:70px;}
.img_change_wrap ul.smallimg li a p.blackbg{width:105px; height:70px;position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.img_change_wrap ul.smallimg li.on a p.blackbg, div.eco_info ul.smallimg li:hover a p.blackbg{display:none;}

.room_wrap{position:relative; width: 100%; max-width: 994px; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.room_wrap .room_btn{display: inline-block; position: absolute; right: 0;}
.room_wrap .room_btn .btn{float: left; margin: 0 0 10px 5px;}


/* 부대시설 */
.etcroom{padding: 30px 0; border-bottom: 1px solid #ddd; overflow: hidden;}
.etcroom .img{float: left; padding-right: 5%;}
.etcroom h4, .etcroom .er_txt{width: 60%;}
.etcroom .btn_vr{float: right;}

/* 시설배치도 */
.sisul_pc{width: 980px; margin: 0 auto;}
.sisul_mo{display: none;}
.sisul_wrap{display: none; position: absolute; top: 133px; left: 150px; padding: 50px; background: #999;}
.sisul_wrap .img{max-width: 880px; text-align: center;}
.sisul_wrap .img img{width: 100%; max-width: 880px;}
.sisul_wrap .close{position: absolute; top: 10px; right: 10px;}

/* 이용안내 */
.guide_wrap h5{margin: 30px 0 0 0;}
.guide_wrap ul{margin-left: 25px;}
.guide_top_img{padding-left: 50%; background: #f7f6f5 url(/sctea/common/img/contents/guide_img01.jpg) no-repeat left top;}
.guide_top_img h5{margin: 0; padding: 30px; background: #f7f6f5;}


/* 체험안내 */
.experience_wrap{text-align: center; line-height: 40px;}
.experience_wrap img{margin: 56px 0;}
.experience_area{width: 100%; overflow: hidden;}
.experience_area .img_wrap{float: left; width: 50%;}
.experience_area .img_wrap img{width: 100%;}
.experience_area .txt_wrap{float: left; width: 50%; padding: 0 0 0 50px;}
.experience_area .txt_wrap .more h5{font-size: 17px; background-position: left 6px;}
.experience_area .txt_wrap .con{margin-top: 30px; padding: 20px; font-size: 16px; background: #f1f1f1; line-height: 28px;}
.experience_area .btn_wrap{float: right; margin-top: 30px; text-align: center;}



/* 통합예약 */
.reservation_info{float: left; width: 50%; min-height: 110px;}

/* 주변관광지 */
.tour_wrap{width: 100%; margin-bottom: 30px; overflow: hidden;}
.tour_wrap .tour_box{position: relative; float: left; width: 30%; height: 316px; margin: 0 1.5% 50px; padding: 0;}
.tour_wrap .tour_box a{display: inline-block;}
.tour_wrap .tour_box dl{border-top: 1px solid #242424; overflow: hidden;}
.tour_wrap .tour_box dl dt{position: relative; top: 0; left: 0; float: left; width: 114px; height: 47px; background: #000; color: #fff; font-family: 'NanumSquare', sans-serif; font-size: 18px; font-weight: 500; text-align: center; line-height: 45px; margin-bottom: 22px;}
.tour_wrap .tour_box dl dd{float: left; margin: 8px 0 0 10px; font-size: 15px; line-height: 25px; letter-spacing: -1px;}
.tour_wrap .tour_box figure{width: 100%; height: 246px;	margin: 0; padding: 0; background: #fff; overflow: hidden;}
.tour_wrap .tour_box figure img{width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.tour_wrap .tour_box figure:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.orderLocation .h3_tit{position: relative; font-size: 30px; color: #000; font-weight: 500; text-align: left!important; font-family: 'NanumSquare', sans-serif;}
.orderLocation .h3_tit::after{content: ''; width: 51px; height: 1px; background: #727cef; position: absolute; left: 0;   top: -11px;}
.roomInfoBox05 .mapWrap {
	width: 100%;
	height: 478px;
	border-top: 2px solid #252525;
	margin: 30px 0 0 0;
	padding: 30px 0 0 0
}

.roomInfoBox05 .mapWrap .tabBox01 {
	width: 50%;
	display: inline-block;
	float: left
}

.roomInfoBox05 .mapWrap .tabBox01 ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 47px;
	width: 100%;
	box-sizing: border-box;
	display: table;
}

.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li {
	/*font-size: 16px;*/
	display: table-cell;
	text-align: center;
	cursor: pointer;
	width: 33.4%;
	height: 47px;
	line-height: 44px;
	color: #444;
	border: 1px solid #b5b5b5;
	float: none;
	background: #efefef;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.food.active {
	background: #f77604 url('/stay/common/imgs/cont/bg_tab_on.png') center
		bottom no-repeat;
}

.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.stay.active {
	background: #265c00 url('/stay/common/imgs/cont/bg_tab_on.png') center
		bottom no-repeat;
}

.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.tour.active {
	background: #00293c url('/stay/common/imgs/cont/bg_tab_on.png') center
		bottom no-repeat;
}

.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li+li {
	width: 33.3%;
	border-left: none;
	/* font-weight: 200; */
}

.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.active {
	height: 47px;
	line-height: 46px;
	color: #fff;
	background: #027512
}

.roomInfoBox05 .mapWrap .tabBox02 {
	width: 50%;
	display: inline-block;
	float: left
}

.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 47px;
	width: 100%;
	box-sizing: border-box;
	display: table;
	border-left:0px;
}

.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li {
	/*font-size: 16px;*/
	display: table-cell;
	float: none;
	text-align: center;
	cursor: pointer;
	width: 33.4%;
	height: 47px;
	line-height: 44px;
	color: #444;
	border: 1px solid #b5b5b5;
	background: #efefef;
	overflow: hidden;
	position: relative;
	box-sizing: border-box
}

.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li+li {
	width: 33.3%;
	border-left: none;
	font-weight: 200;
}

.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li.end1 {
	border-left: none
}

.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li.active {
	height: 47px;
	line-height: 46px;
	color: #fff;
	font-weight: 300;
	background: #34675c url('/stay/common/imgs/cont/bg_tab_on.png') center
		bottom no-repeat;
}

@media all and (min-width:767px) and (max-width:1150px) {
	.roomInfoBox05 .mapWrap .tabBox01 {
		width: 100%;
		display: block
	}
	.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li {
		width: 33.3%;
		height: 47px;
		line-height: 44px;
		border-bottom: 0px;
		box-sizing: border-box
	}
	.roomInfoBox05 .mapWrap .tabBox02 {
		width: 100%;
		display: block
	}
	.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li {
		width: 33.3%;
		height: 47px;
		line-height: 44px;
		box-sizing: border-box
	}
	.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 {
	  border-left:1px solid #b5b5b5;}
	
	
}

@media all and (max-width:767px) {
	.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 {
	  border-left:1px solid #b5b5b5;}
	
	.roomInfoBox05 .mapWrap .tabBox01 {
		width: 100%;
		display: block
	}
	.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li {
		width: 33.3%;
		height: 47px;
		line-height: 44px;
		border-bottom: 0px;
		box-sizing: border-box
	}
	.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.end3 {
		border-right: 1px solid #b5b5b5
	}
	.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.active {
		width: 33.3%
	}
	.roomInfoBox05 .mapWrap .tabBox02 {
		width: 100%;
		display: block
	}
	.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li {
		width: 33.3%;
		height: 47px;
		line-height: 44px;
		box-sizing: border-box
	}
	.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li.active {
		width: 33.3%
	}
}
/* 박스 리스트 s */
#post-list {
	width: 100%;
	margin: 10px 0 0 0;
	display: block;
	float: left
}

#post-list .post-module {
	display: block;
	float: left;
	position: relative;
	margin: 0 1.3% 2% 1.3%;
	width: 32.2%;
	height: 322px;
	border: 1px solid #b5b5b5;
	text-align: left
}

#post-list .post-module a {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	transition: all 0.3s linear 0s
}

#post-list .post-module a .thumbnailBox {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden
}

#post-list .post-module a .thumbnailBox .postAdd {
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 40px;
	right: 15px;
	background: url('/stay/common/imgs/map_list_bookMark.png') no-repeat;
	z-index: 70
}

#post-list .post-module a .thumbnailBox .thumbnail {
	background-image: url('/stay/common/imgs/no_img_room.jpg');
	height: 270px !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	background-position: center top !important;
	height: 320px !important;
	display: block;
	width: 100%;
	transition: all 0.3s linear 0s
}

#post-list .post-module .post-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 20px;
	transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
	box-sizing: border-box;
	text-align: left
}

#post-list .post-module .post-content .title {
	display: block;
	margin: 0;
	padding: 0 0 10px;
	color: #333;
	font-size: 21px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: -0.05em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
}
#post-list .post-module .post-content strong{
	font-size: 18px;
    font-weight: 300;
    letter-spacing: -.075em;
}
    
#post-list .post-module .post-content .local_a {
	display: block;
	padding: 1px 5px 0 20px;
	background: url('/stay/common/imgs/map_list_pin.jpg') no-repeat 3px 7px;
	font-size: 15px;
	line-height: 160%;
	font-weight: 200;
}

#post-list .post-module .post-content .local_b {
	display: block;
	padding: 1px 5px 0 20px;
	background: url('/stay/common/imgs/map_list_pin.jpg') no-repeat 3px 7px;
	font-size: 15px;
	line-height: 160%;
	font-weight: 200;
}

#post-list .post-module .post-content .local_c {
	display: block;
	padding: 1px 5px 0 20px;
	background: url('/stay/common/imgs/map_list_pin.jpg') no-repeat 3px 7px;
	font-size: 15px;
	line-height: 160%;
	font-weight: 200;
}

#post-list .post-module .post-content .description {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	color: #3d3d3d;
	font-size: 15px;
	line-height: 1.6em;
	border-top: 1px solid #d8d8d8;
	padding-top: 0;
	margin-top: 0;
	height: 0;
	opacity: 0;
	font-weight: 200;
	transition: all cubic-bezier(0.78, 0.08, 0.18, 1.01) .5s
}

#post-list .post-module a:hover .post-content .description {
	margin-top: 15px;
	padding-top: 15px;
	height: 35px;
	opacity: 1;
	max-height: 100px;
}

#post-list .post-moduleLeft {
	margin: 0 0 2% 0 !important
}

#post-list .post-moduleRight {
	margin: 0 0 2% 0 !important;
	float: right !important
}

.btn_more {
	width: 100% !important;
	height: 45px !important;
	font-weight: 400 !important;
	color: #222 !important;
	background: #ececec !important;
	border: 1px solid #9f9f9f !important;
	text-align: center !important;
	letter-spacing: -0.08em;
	font-size: 18px;
}

@media all and (min-width:767px) and (max-width:1150px) {
	#post-list {
		padding-top: 15px;
	}
	#post-list .post-module {
		display: block;
		float: left;
		position: relative;
		margin: 0 0.2% 2%;
		width: 49%;
		height: 320px;
	}
	#post-list .post-module .post-content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		padding: 20px;
		transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
		box-sizing: border-box
	}
	#post-list .post-module .post-content a.title {
		display: block;
		margin: 0;
		padding: 0 0 10px;
		color: #333;
		font-size: 21px;
		line-height: 1;
		font-weight: bold;
		letter-spacing: -1px
	}
	#post-list .post-module .post-content .local {
		display: block;
		padding-left: 18px;
		padding-right: 5px;
		background: url('/stay/common/imgs/cont/icon_loca_2.png') no-repeat 0 3px;
		color: #575757;
		font-size: 13px;
		line-height: 160%
	}
	#post-list .post-module .post-content .description {
		overflow: hidden;
		color: #3d3d3d;
		font-size: 13px;
		line-height: 2em;
		border-top: 1px solid #b7b7b7;
	}
	#post-list .post-moduleLeft {
		margin: 0 0.2% 2% !important
	}
	#post-list .post-moduleRight {
		margin: 0 0.2% 2% !important;
		float: right !important
	}
	#post-list .post-moduleLeftTB {
		margin: 0 0 2% 0 !important;
		float: left !important
	}
	#post-list .post-moduleRightTB {
		margin: 0 0 2% 0 !important;
		float: right !important
	}
	#post-list #marker-list>div:nth-child(2n) {
		margin: 0 0 2% 0 !important;
		float: right !important
	}
	#post-list #marker-list>div:nth-child(2n-1) {
		margin: 0 0 2% 0 !important;
		float: left !important
	}
}

@media all and (max-width:767px) {
	#post-list {
		padding-top: 10px;
	}
	#post-list .post-module {
		display: block;
		float: left;
		position: relative;
		margin: 0 0.2% 2%;
		width: 49%;
		height: 320px;
		border: 1px solid #858585
	}
	#post-list .post-module .post-content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		padding: 20px;
		transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
		box-sizing: border-box
	}
	#post-list .post-module .post-content a.title {
		display: block;
		margin: 0;
		padding: 0 0 10px;
		color: #333;
		font-size: 21px;
		line-height: 1;
		font-weight: bold;
		letter-spacing: -1px
	}
	#post-list .post-module .post-content .local {
		display: block;
		padding-left: 18px;
		padding-right: 5px;
		background: url('/stay/common/imgs/cont/icon_loca_2.png') no-repeat 0 3px;
		color: #575757;
		font-size: 13px;
		line-height: 160%
	}
	#post-list .post-module .post-content .description {
		overflow: hidden;
		color: #3d3d3d;
		font-size: 13px;
		line-height: 2em;
		border-top: 1px solid #b7b7b7;
	}
	#post-list .post-moduleLeft {
		margin: 0 0.2% 2% !important
	}
	#post-list .post-moduleRight {
		margin: 0 0.2% 2% !important;
		float: right !important
	}
	#post-list .post-moduleLeftTB {
		margin: 0 0 2% 0 !important;
		float: left !important
	}
	#post-list .post-moduleRightTB {
		margin: 0 0 2% 0 !important;
		float: right !important
	}
	
	#post-list .post-moduleLeftTB.classNum3 {
		margin: 0 0 2% 1% !important;
		float: right !important
	}
	
	#post-list #marker-list>div:nth-child(2n) {
		margin: 0 0 2% 0 !important;
		float: right !important
	}
	#post-list #marker-list>div:nth-child(2n-1) {
		margin: 0 0 2% 0 !important;
		float: left !important
	}

	
	
}



@media all and (max-width:475px) {
	#post-list {
		position: relative;
		width: 100%;
		margin-top:20px;
	}
	#post-list .post-module {
		display: block;
		float: left;
		position: relative;
		margin: 0 0 2% 0 !important;
		width: 100%;
		height: 320px;
		border: 1px solid #858585
	}
	#post-list .post-module .post-content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		padding: 20px;
		transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
		box-sizing: border-box
	}
	#post-list .post-module .post-content .title {
		display: block;
		margin: 0;
		padding: 0 0 10px;
		color: #333;
		font-size: 21px;
		line-height: 1;
		font-weight: 400;
		letter-spacing: -0.04em;
	}
	#post-list .post-module .post-content .local {
		display: block;
		padding-left: 18px;
		padding-right: 5px;
		background: url('/stay/common/imgs/cont/icon_loca_2.png') no-repeat 0 3px;
		color: #575757;
		font-size: 13px;
		line-height: 160%
	}
	#post-list .post-module .post-content .description {
		overflow: hidden;
		color: #3d3d3d;
		font-size: 13px;
		line-height: 2em;
		border-top: 1px solid #b7b7b7;
	}
	#post-list .post-moduleLeft {
		margin: 0 0 2% 0 !important
	}
	#post-list .post-moduleRight {
		margin: 0 0 2% 0 !important;
		float: none !important
	}
	#post-list .post-moduleLeftTB {
		margin: 0 0 2% 0 !important;
		float: none !important
	}
	#post-list .post-moduleRightTB {
		margin: 0 0 2% 0 !important;
		float: none !important
	}
	#post-list .post-moduleLeftTB.classNum3 {
		margin: 0 0 2% 0% !important;
		float: none !important
	}
}

/* 박스 리스트 e */

#post-list .post-module .post-content .map_list_pin{display:block;padding-left:20px;background:url('/stay/common/imgs/map_list_pin.jpg') no-repeat 3px 5px;/*font-size:15px*/; line-height:160%; font-weight:200; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#post-list .post-module .post-content .map_list_tel{display:block;padding-left:20px;background:url('/stay/common/img/icon_new_bg20171206.png') no-repeat 3px 8px;/*font-size:15px;*/ line-height:160%; font-weight:200; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

#post-list .post-module .post-content .description .list-option{position:absolute;bottom:0;left:0;display:inline-block;}
#post-list .post-module .post-content .description .list-option li{float:left}
#post-list .post-module .post-content .description .list-option li+li{padding-left:3px}
#post-list .post-module .post-content .description .list-option li img{width:30px}

#post-list .post-module .postBookMark{width:30px;height:30px;position:absolute;bottom:33px;right:15px;background:url('/stay/common/imgs/map_list_bookMark_off.png') no-repeat 50% 50%;z-index:70;}
#post-list .post-module .postBookMark.active{background:url('/stay/common/imgs/map_list_bookMark.png') no-repeat 50% 50%;}

#post-list .post-module .myBookMark{width:30px;height:35px;position:absolute;top:0;right:15px;background:url('/stay/common/img/icon-bookMark.png') no-repeat 50% 50%;z-index:70;}

#post-list .post-module .mapFixedBtn{width:30px;height:30px;position:absolute;bottom:33px;right:15px;background:url('/stay/common/imgs/map_list_bookMark_off.png') no-repeat 50% 50%;z-index:70;cursor:pointer}
#post-list #marker-list .post-module .mapFixedBtn{bottom:20px;display: none;}
#post-list .post-module .mapFixedBtn.active{background:url('/stay/common/imgs/map_list_bookMark.png') no-repeat 50% 50%;}
/*지도 마커 고정 멘트*/
#post-list .post-module div.mapFixedDesc{display:none;box-sizing:border-box;position:absolute;right:5px;bottom:67px;opacity:1;border:0;padding:14px 0 0;width:76px;height:74px;line-height:1.25em;background:url('/stay/common/imgs/cont/moment_bg.png') left top no-repeat;text-align:center;font-size:15px;font-weight:200;color:#fff;cursor:pointer}
#post-list .post-module div.mapFixedDesc span{font-size:10px}


@media screen and (max-width:1279px) {
/* 찾아오시는길 */
.map_textbox dl{float: none; width: 100%;}
.map_textbox dl:nth-child(3){background: #fbfbfd;}
.map_textbox dl:nth-child(4){background: #f2f2f7;}
}

@media screen and (max-width:980px) {
/* 시설소개 - 시설배치도 */
.sisul_pc{display: none;}
.sisul_mo{display: block;}
.sisul_wrap{top: 115px; left: 0;}
.sisul_wrap .img{width: 100%;}
.sisul_mo div.btn{padding: 5px 0; margin-bottom: 50px; background: #efefef;}
}

@media screen and (max-width:994px) {
/* 야생차이야기 */
.story_tea{background-position: left top;}
.story_tea .con{padding-right: 0;}
.story_sctea .sctea01 .tit{float: none; margin-top: 10px;}	
.story_sctea .sctea01 .txt{float: none; margin-top: 33px;}
.story_sctea .sctea01 .txt img{width: 100%; max-width: 606px;}
/* 시설소개 - 숙박시설 */
.img_change_wrap ul.smallimg li{width: 90px; height: 60px; margin-bottom: 0;}
.img_change_wrap ul.smallimg li a{width: 90px; height: 60px;}
.img_change_wrap ul.smallimg li a img{width: 90px; height: 60px;}
.img_change_wrap ul.smallimg li a p.blackbg{width: 90px; height: 60px;}
	
.experience_area .img_wrap{float: none; width: 100%; text-align: center;}
.experience_area .img_wrap img{max-width: 640px;}
.experience_area .txt_wrap{float: none; width: 100%; padding-right: 50px;}
.experience_area .txt_wrap .con{margin-top: 30px; padding: 20px; font-size: 18px; background: #f1f1f1; line-height: 30px;}
.experience_area .btn_wrap{float: none; text-align: center;}

}

@media screen and (max-width:767px) {
.story_tea{padding: 25px 23px;}
.story_tea .tit{font-size: 30px; line-height: 30px;}
.story_tea .con{margin-top: 18px;}
.story_sctea{margin-top: 30px;}
.story_sctea .sctea01{padding-left: 23px;}
.story_sctea .sctea01 .tit{font-size: 30px; line-height: auto;}
.story_sctea .sctea02{padding: 15px 28px; }
.story_sctea .sctea03{padding: 15px 28px; background-position: center top;}
.story_sctea .sctea04{padding: 20px 28px;}

.guide_top_img{padding-left: 0; background-color: #f7f6f5; background-image: none;}
.reservation_info{float: none; width: 100%; min-height: auto; margin-bottom: 15px;}
.tour_wrap .tour_box{width: 46%;}
}

@media screen and (max-width:660px) {
.intro_wrap{text-align: center; line-height: 28px;}
.intro_wrap .textL{font-size: 30px; line-height: 40px; }
	
.room_wrap .room_btn{position: relative; right: inherit;}
/* 
.etcroom h4, .etcroom h5{width: 92%;}*/
.experience_area .txt_wrap{padding: 20px;}
}

@media screen and (max-width: 500px) {
.greeting_pc{display: none;}
.greeting_mo{display: block;}
}

@media screen and (max-width: 400px) {
.tour_wrap .tour_box{width: 100%;}
}