@charset "utf-8";
/* CSS Document */

.contentArea {
	width: 100%;
	display: block;
	position: relative;
	float: left;
	padding-bottom:120px;
}
img {
	max-width: 100%
}
/* title */
h1.svH {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.5em;
	font-weight: 400;
	letter-spacing: -0.025em;
	text-align:center;
	/*margin-top: 55px;*/
	padding-top:60px;
} /* 페이지 타이틀 */

.room_rast{line-height:27px !important;}



 @media all and (max-width:767px) {
h1.svH {
	font-size: 1.500em;
} /* 페이지 타이틀 */
}
h3.m_h3_tit {
	font-size: 22px;
	font-weight: 500;
	color: #1e1e1e;
	background: url('../imgs/cont/icon_h3_tit.png') left 50% no-repeat;
	padding: 0 0 0 30px;
	line-height: 22px
}
h3.m_h3_tit02 {
	font-size: 18px;
	font-weight: 500;
	color: #1e1e1e;
	background: url('../imgs/cont/icon_h3_tit.png') left 50% no-repeat;
	padding: 0 0 0 30px;
	line-height: 22px;
	margin-top:50px;
	
}
p.m_txt01 {
	font-size: 17px;
	font-weight: 200;
	letter-spacing: -0.075em;
	color: #3e3e3e;
	line-height: 25px
}
ul.m_txtListBox01 {
	padding:10px 0;
	width: 100%;
	display: block;

	position: relative
}
ul.m_txtListBox01 li {
	font-size: 17px;
	font-weight: 200;
	color: #444;
	letter-spacing: -0.075em;
	box-sizing: border-box;
	padding: 0 0 0 10px;
	line-height: 25px;
	background: url('../imgs/cont/icon_txtList01.png') left 11px no-repeat
}
 @media all and (max-width:767px) {
p.m_txt01 {
	font-size: 13px
}
ul.m_txtListBox01 li {
	font-size: 12px
}

}




.introTitBox {
	width: 100%;
	height: 155px;
	border-bottom: 2px solid #414141;
	display: block;
	text-align: center
}
.introTitBox h2.introTit01 {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	color: #000;
	font-size: 38px;
	letter-spacing: -0.075em;
	font-weight: 400;
	text-align: center
}
.introTitBox .introBar {
	width: 25px;
	height: 3px;
	background: #0e6c1a;
	margin: 0 auto;
	margin-top: 15px
}
.introTitBox .introTxt01 {
	font-size: 17px;
	font-weight: 200;
	letter-spacing: -0.075em;
	color: #3e3d3d;
	margin: 15px 0 0 0
}
 @media all and (max-width:767px) {
.introTitBox {
	height: 130px
}
.introTitBox h2.introTit01 {
	font-size: 30px
}
.introTitBox .introBar {
	width: 25px;
	height: 2px;
	margin-top: 10px
}
.introTitBox .introTxt01 {
	font-size: 14px;
	margin: 10px 0 0 0
}
}
/* 전체콘텐츠 */

.no_web {
	display: none
}
.contWrap .introBox01 {
	width: 100%;
	height: auto;
	margin: 20px 0 80px 0;
	position: relative;
	display: block;
	clear: both;
	box-sizing: border-box;
	float: left
}
/* 인트로 페이지 S */
.grid {
	width: 386px;
	height: 310px;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 20px 20px 0;
	position: relative;
	overflow: hidden;
	box-sizing: border-box
}
.grid.webR {
	margin: 0 0 20px 0 !important
}
.grid.sizeB {
	width: 793px
}
.grid a {
	width: 100%;
	height: 100%;
	display: block
}
.grid figure {
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	cursor: pointer
}
.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
figure.effect-julia {
	width: 100%;
	position: relative;
	background: url('../imgs/cont/bg_hover01.png') repeat;
	box-sizing: border-box
}
figure.effect-julia .introListTit0101 {
	right: 30px;
	bottom: 10px;
	text-align: right;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.075em;
	text-shadow: #000 1px 1px;
	position: absolute;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 70;
}
figure.effect-julia .introListTitBg {
	width: 100%;
	height: 44px;
	right: 0;
	bottom: 0;
	position: absolute;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #000;
	opacity: 0.7
}
figure.effect-julia img {
	width: 100%;
	height: 310px;
	right: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
figure.effect-julia:hover img {
	opacity: .1
}
figure.effect-julia:hover .introListTit0101 {
	opacity: 0
}
figure.effect-julia figcaption {
	text-align: center !important;
	margin: 0 auto
}
figure.effect-julia .introTit_over01 {
	width: 100%;
	font-size: 25px;
	font-weight: 400;
	color: #fff;
	opacity: 0;
	text-align: center;
	margin: 70px 0 0 0
}
figure.effect-julia .detailBar01 {
	width: 90%;
	height: 2px;
	background: #fff;
	opacity: 0;
	margin: 0 auto;
	margin-top: 25px;
	opacity: 0
}
figure.effect-julia p.introAd_over01 {
	font-size: 18px;
	font-weight: 400;
	color: #b8b8b8;
	text-align: center;
	opacity: 0;
	margin: 15px 0 0 0
}
figure.effect-julia .btn_detail01 {
	width: 126px;
	height: 29px;
	background: url('../imgs/cont/icon_detail01.png') 85% 50% no-repeat;
	border: 2px solid #fff;
	opacity: 0;
	margin: 45px 0 0 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding: 0 0 0 18px;
	line-height: 15px;
	cursor: pointer
}
figure.effect-julia:hover .introTit_over01 {
	opacity: 1;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
figure.effect-julia:hover p.introAd_over01 {
	opacity: 1;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
figure.effect-julia:hover .btn_detail01 {
	opacity: 1;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
figure.effect-julia:hover .detailBar01 {
	opacity: 0.4;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
figure.effect-julia:hover .introListTitBg {
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
 @media all and (min-width:767px) and (max-width:1150px) {
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 {padding:30px !important;}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 span{padding-top:7px !important;}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03 span.temp04 {line-height:2px  !important;}
	
.grid {
	display: none
}
.no_web {
	display: block
}
.contWrap .introBox01 {
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	position: relative;
	display: block;
	clear: both;
	box-sizing: border-box;
	float: left
}
.contWrap .introBox01 .introList {
	width: 49%;
	height: 240px;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 0 15px 0;
	position: relative;
	overflow: hidden
}
.contWrap .introBox01 .introList.webR {
	margin: 0 0 15px 0;
	float: right
}
.contWrap .introBox01 .introList.sizeB {
	width: 100%
}
.contWrap .introBox01 .introList .introListTxt0101 {
	position: absolute;
	right: 30px;
	top: 199px;
	text-align: right;
	z-index: 10;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.075em;
	text-shadow: #000 1px 1px
}
.contWrap .introBox01 .introList .introListTitBg {
	width: 100%;
	height: 44px;
	right: 0;
	top: 196px;
	position: absolute;
	background: #000;
	opacity: 0.7
}
.contWrap .introBox01 .introList a {
	width: 100%;
	display: block;
	position: relative
}
/* 관광지별숙박 s */
.contWrap .introBox01 .introList .intro0101 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample01.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0102 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample02.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0103 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample03.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0104 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample04.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0105 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample05.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0106 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample06.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0107 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample07.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0108 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample08.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0109 {
	width: 120%;
	height: 300px;
	background-image: url('../imgs/cont/introSample09.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0110 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample10.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0111 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample11.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0112 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample12.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 관광지별숙박 e */

/* 유형별 숙박 s */
.contWrap .introBox01 .introList .intro0901 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample91.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0902 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample92.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0903 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample93.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 관광지별숙박 e */


/* 유형별 숙박 s */
.contWrap .introBox01 .introList .intro0201 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample31.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0202 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample32.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0203 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample33.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0204 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample34.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0205 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample35.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0206 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample36.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 유형별 숙박 e */


/* 유형별 코스 */
.contWrap .introBox01 .introList .intro1001 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample101.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1002 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample102.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1003 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample103.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1004 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample104.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1005 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample105.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

/* 유형별 코스 e */









/* 계절별추천 s */
.contWrap .introBox01 .introList .intro0801 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample81.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

.contWrap .introBox01 .introList .intro0802 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample82.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

.contWrap .introBox01 .introList .intro0803 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample83.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

.contWrap .introBox01 .introList .intro0804 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample84.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 계절별 추천 e */



/* 테마별 숙박 s */
.contWrap .introBox01 .introList .intro0301 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample17.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0302 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample18.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0303 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample19.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0304 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample20.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0305 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample21.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}


/* 테마별 숙박 e */

/* 추천관광지 s */
.contWrap .introBox01 .introList .intro0601 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample61.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0601 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample61.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0602 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample62.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0603 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample63.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0604 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample64.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0605 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample65.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0606 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample66.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0607 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample67.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0608 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample68.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0609 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample69.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0610 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample70.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0611 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample71.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0612 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample72.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0613 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample73.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0614 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample74.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0615 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample75.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0616 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample76.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0617 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample77.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0618 {
	width: 120%;
	height: 240px;
	background-image: url('../imgs/cont/introSample78.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 추천관광지 e */


}
 @media all and (max-width:767px) {
.grid {
	display: none
}
.no_web {
	display: block
}
.contWrap .introBox01 {
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	position: relative;
	display: block;
	clear: both;
	box-sizing: border-box;
	float: left
}
.contWrap .introBox01 .introList {
	width: 49%;
	height: 170px;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	position: relative;
	overflow: hidden
}
.contWrap .introBox01 .introList.webR {
	margin: 0 0 10px 0;
	float: right
}
.contWrap .introBox01 .introList.sizeB {
	width: 100%
}
.contWrap .introBox01 .introList .introListTxt0101 {
	position: absolute;
	right: 10px;
	top: 146px;
	text-align: right;
	z-index: 10;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.075em;
	text-shadow: #000 1px 1px
}
.contWrap .introBox01 .introList .introListTitBg {
	width: 100%;
	height: 24px;
	right: 0;
	top: 146px;
	position: absolute;
	background: #000;
	opacity: 0.7
}
.contWrap .introBox01 .introList a {
	width: 100%;
	display: block;
	position: relative
}
/* 관광지별숙박 s */
.contWrap .introBox01 .introList .intro0101 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample01.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0102 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample02.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0103 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample03.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0104 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample04.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0105 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample05.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0106 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample06.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0107 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample07.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0108 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample08.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0109 {
	width: 120%;
	height: 230px;
	background-image: url('../imgs/cont/introSample09.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0110 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample10.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0111 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample11.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0112 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample12.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 관광지별숙박 e */

/* 유형별 코스 */
.contWrap .introBox01 .introList .intro1001 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample101.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1002 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample102.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1003 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample103.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1004 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample104.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro1005 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample105.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

/* 유형별 코스 e */
/* 계절별추천 s */
.contWrap .introBox01 .introList .intro0801 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample81.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

.contWrap .introBox01 .introList .intro0802 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample82.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

.contWrap .introBox01 .introList .intro0803 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample83.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

.contWrap .introBox01 .introList .intro0804 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample84.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 계절별 추천 e */
/* 일정별추천 s */
.contWrap .introBox01 .introList .intro0901 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample91.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

.contWrap .introBox01 .introList .intro0902 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample92.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0903 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample93.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}

/* 추천관광지 s */
.contWrap .introBox01 .introList .intro0601 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample61.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0601 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample61.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0602 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample62.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0603 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample63.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0604 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample64.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0605 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample65.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0606 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample66.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0607 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample67.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0608 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample68.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0609 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample69.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0610 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample70.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0611 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample71.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0612 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample72.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0613 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample73.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0614 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample74.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0615 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample75.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0616 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample76.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0617 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample77.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0618 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample78.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 추천관광지 e */


/* 유형별 숙박 s */
.contWrap .introBox01 .introList .intro0201 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample31.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0202 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample32.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0203 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample33.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0204 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample34.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0205 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample35.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0206 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample36.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 유형별 숙박 e */

/* 테마별 숙박 s */
.contWrap .introBox01 .introList .intro0301 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample17.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0302 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample18.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0303 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample19.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0304 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample20.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
.contWrap .introBox01 .introList .intro0305 {
	width: 120%;
	height: 170px;
	background-image: url('../imgs/cont/introSample21.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important
}
/* 테마별 숙박 e */
}
/* 인트로 페이지 E */






/* 날씨정보 s */
.contWrap .m_weatherWrap {
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	position: relative;
	display: block;
	clear: both;
	box-sizing: border-box;
	float: left
}
.contWrap .m_weatherWrap .m_weatherBox01 {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	float: left
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 {
	width: 33.33%;
	height: 100%;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	padding: 45px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 {
	background: url('../imgs/cont/bg_weather0101.png') repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTit {
	color: #fff !important
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherDate {
	color: #fff !important
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox01 {
	border-bottom: 2px solid #fff !important
}


.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox01 .m_weatherTempIcon .ons_01 {
	background: url('../imgs/cont/icon_on_weather0201.png') left top no-repeat
}


.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0101 span.temp {
	font-size: 24px;
	color:#999;
	margin-left:5px;
	
}


.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0101 {
	color: #fff !important
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0101 span {
	color: #fff !important
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0102 {
	color: #fff !important
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox02 {
	border-bottom: 1px solid #8ac4ed
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox02 .m_weatherTempDate02 {
	color: #fff
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox02 .m_weatherTempDate02 span.temp03 {
	background: url('../imgs/cont/bg_weatherGap.png') right 55% no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03 {
	color: #fff !important;
	font-weight:300;
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0301 {
	background:  url('../imgs/cont/icon_weather010101.png') left 50% no-repeat;
	float: left;
	padding-right:20px;
	
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302 {
	background:  url('../imgs/cont/icon_weather010102.png') 30% 50% no-repeat;
	padding-right:15px;
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0303 {
	background:   url('../imgs/cont/icon_weather010103.png') 50% 50% no-repeat;
	float: right
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0102 {
	background: #f2f2f2
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0103 {
	background: #fff
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTit {
	height:25px; 
	line-height:25px;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -0.075em;
	color: #464646;
	display: inline-block;
	float: left;
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherDate {
	height:25px;
	line-height:15px;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: -0.075em;
	color: #464646;
	display: inline-block;
	float: right
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 {
	width: 100%;
	height: 170px;
	float: left;
	border-bottom: 2px solid #bbb;
	box-sizing: border-box;
	padding: 30px 0 0 0
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon {
	width: 50%;
	height: 140px;
	display: inline-block;
	float: left;
	box-sizing: border-box
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .on_01 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_on_weather0201.png') left top no-repeat
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .on_02 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_on_weather0202.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .on_03 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_on_weather0203.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .on_04 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_on_weather0204.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .on_05 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_on_weather0205.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .on_06 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_on_weather0206.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .on_07 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_on_weather0207.png') left top no-repeat
}



.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .ons_01 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_off_weather0201.png') left top no-repeat
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .ons_02 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_off_weather0202.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .ons_03 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_off_weather0203.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .ons_04 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_off_weather0204.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .ons_05 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_off_weather0205.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .ons_06 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_off_weather0206.png') left top no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .ons_07 {
	width: 130px;
	height: 101px;
	display: inline-block;
	float: lef;
	background: url('../imgs/cont/icon_off_weather0207.png') left top no-repeat
}


.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempDate01 {
	width: 50%;
	height: 140px;
	display: inline-block;
	float: right;
	box-sizing: border-box
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0101 {
	display: block;
	float: right;
	text-align: right;
	font-size: 65px;
	font-weight: 500;
	letter-spacing: -0.075em;
	color: #464646;
	line-height: 60px
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0102 {
	width: 100%;
	display: block;
	float: right;
	text-align: right;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.075em;
	color: #464646;
	line-height: 20px;
	
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 {
	width: 100%;
	height: 115px;
	float: left;
	border-bottom: 1px solid #a0a0a0;
	box-sizing: border-box;
	padding: 30px 0 30px 0
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.075em;
	color: #464646;
	display: block;
	line-height: 20px;
	margin: 0 0 15px 0
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 span.temp02 {
	width: 70px;
	display: inline-block
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 span.temp03 {
	letter-spacing:-0.01em;
	font-size: 18px;
	font-weight: 400;
	background: url('../imgs/cont/bg_weatherGap02.png') right 55% no-repeat;
	padding: 0 10px;
	margin: 0 5px 0 0
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 {
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin: 40px 0 0 0
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03 {
	width: 33.33%;
	height: 50px;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.075em;
	color: #464646;
	box-sizing: border-box;
	text-align: right;
	padding: 0 0 0 0;
	margin: 0 auto !important
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03 {
	display: inline-block;

	font-weight:300;
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03 span.temp04 {
	display: block;
	line-height:13px;
	
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0301 {
	background:url('../imgs/cont/icon_weather020101.png') left 50% no-repeat;
	float: left;
	font-weight:300;
	padding-right:20px;
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .pd0{ padding-right:0px !important;}


.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302 {
	background:url('../imgs/cont/icon_weather020102.png') 30% 50% no-repeat;
	padding-right:15px;
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0303 {
	background:url('../imgs/cont/icon_weather020103.png') 50% 50% no-repeat;
	float: right
}

.contWrap .m_weatherWrap02 {
	width: 100%;
	height: auto;
	margin: 80px 0 0 0;
	position: relative;
	display: block;
	clear: both;
	box-sizing: border-box;
	float: left;
	letter-spacing: -0.075em
}
.contWrap .m_weatherWrap02 h3.m_h3_tit {
	font-size: 22px;
	font-weight: 400;
	color: #3e3d3d;
	background: url('../imgs/cont/icon_h3_tit.png') left 50% no-repeat;
	padding: 0 0 0 30px;
	line-height: 22px
}
.contWrap .m_weatherWrap02 .m_weatherBox01 {
	width: 100%;
	box-sizing: border-box;
	margin: 30px 0 100px 0
}

.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0 70px 0 50px;
	background: #f7f7f7
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02.m_weather0202 {
	background: #fff
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date01 {
	width: 25%;
	font-size: 40px;
	font-weight: 400;
	color: #464646;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	text-align: left;
	line-height: 27px;
	margin: 35px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date01 span.temp05 {
	font-size: 16px;
	font-weight: 400
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 {
	width: 25%;
	font-size: 22px;
	font-weight: 400;
	color: #000;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	text-align: center;
	margin: 32px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon01 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW001.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon02 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW002.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon03 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW003.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon04 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW004.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon05 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW005.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon06 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW006.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon07 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW007.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon08 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW008.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon09 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW009.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon10 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW010.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon11 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW011.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon12 {
	width: 44px;
	height: 44px;
	background: url('../imgs/cont/bg_weatherW012.png') left 50% no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 50px 0 0
}

.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date03 {
	width: 25%;
	font-size: 30px;
	font-weight: 400;
	color: #0740b4;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	text-align: right;
	margin: 26px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date03 span.m_weather02_icon0301 {
	width: 23px;
	height: 23px;
	background: url('../imgs/cont/bg_weatherW0201.png') left 50% no-repeat;
	display: inline-block;
	margin: 0 10px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date03 span.temp06 {
	font-size: 24px;
	color: #2e2e2e;
	font-weight: 400
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date04 {
	width: 25%;
	font-size: 30px;
	font-weight: 400;
	color: #ff2a00;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	text-align: right;
	margin: 26px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date04 span.m_weather02_icon0302 {
	width: 23px;
	height: 23px;
	background: url('../imgs/cont/bg_weatherW0301.png') left 50% no-repeat;
	display: inline-block;
	margin: 0 10px 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date04 span.temp07 {
	font-size: 24px;
	color: #2e2e2e;
	font-weight: 400
}




 @media all and (min-width:910px) and (max-width:1150px) {
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0101 {
	font-size: 50px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0102 {
	font-size: 15px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 {
	font-size: 15px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 span.temp02 {
	width: 60px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 span.temp03 {
	font-size: 18px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03 {
	font-size: 13px
}
}
 @media all and (max-width:909px) {
   .contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0301 {
	background: url('../imgs/cont/icon_weather010101.png')left  50% no-repeat;
	text-align:left;
	
}


.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempDate01 .m_tempDate0101 {font-size:50px;}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03 {padding-right:0px;}


.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 {
	width: 100%
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 {
	font-size: 15px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 span.temp02 {
	width: 60px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox02 .m_weatherTempDate02 span.temp03 {
	font-size: 18px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03 {
	font-size: 13px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0301 {
	height: 38px;
	float: left;
	text-align: left;
	padding-left: 35px
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302 {
	height: 38px;
	float: left;
	text-align: left;
	padding-left: 35px;
	background: url('../imgs/cont/icon_weather020102.png') 30% 50% no-repeat;
	text-align:center;
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0303 {
	height: 38px;
	float: left;
	text-align: left;
	padding-left: 35px;
	background: url('../imgs/cont/icon_weather020103.png') 80% 50% no-repeat;
	text-align:right;
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302 {
	background: url('../imgs/cont/icon_weather010102.png') 35% 50% no-repeat
}
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0303 {
	background: url('../imgs/cont/icon_weather010103.png') 80% 50% no-repeat
}
}

@media all and (max-width:440px) {
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 {padding:25px;}
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03{background:none !important; }
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0301 {padding:0px !important;  background:none;}
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302 {padding:0px !important; background:none;}
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302{padding-left:0px;}
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0303 {background:none;}
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox01 .m_weatherTempIcon .m_tempIcon { background-size:85%;}
	.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01 .m_weatherTempBox01 .m_weatherTempIcon .m_tempIcon { background-size:85%;}
	
}



 @media all and (min-width:767px) and (max-width:1150px) {
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 {
	height: 80px;
	box-sizing: border-box;
	padding: 0 30px 0 30px
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date01 {
	width: 22%;
	font-size: 36px;
	margin: 25px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 {
	width: 34%;
	font-size: 18px;
	margin: 20px 0 0 0;
	line-height: 42px
}

.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon01 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW001.png') left top no-repeat;
}

.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon02 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW002.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon03 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW003.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon04 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW004.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon05 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW005.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon06 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW006.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon07 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW007.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon08 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW008.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon09 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW009.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon10 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW010.png') left top no-repeat;
}.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon11 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW011.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon12 {
    margin: 0 30px 0 0
	background: url('../imgs/cont/bg_weatherW012.png') left top no-repeat;
}


.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date03 {
	width: 22%;
	font-size: 26px;
	margin: 18px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date04 {
	width: 22%;
	font-size: 26px;
	margin: 18px 0 0 0
}
}
 @media all and (max-width:767px) {
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 {
	height: 80px;
	box-sizing: border-box;
	padding: 0 20px 0 20px
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date01 {
	width: 25%;
	font-size: 26px;
	margin: 25px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 {
	width: 25%px;
	font-size: 18px;
	margin: 20px 0 0 0;
	line-height: 42px
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.temp08 {
	display: none
}

.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon01 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW001.png') left top no-repeat;
}

.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon02 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW002.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon03 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW003.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon04 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW004.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon05 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW005.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon06 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW006.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon07 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW007.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon08 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW008.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon09 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW009.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon10 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW010.png') left top no-repeat;
}.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon11 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW011.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date02 span.m_weather02_icon12 {
    margin: 0 0px 0 0
	background: url('../imgs/cont/bg_weatherW012.png') left top no-repeat;
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date03 {
	width: 25%;
	font-size: 20px;
	margin: 18px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date03 span.m_weather02_icon0301 {
	background: none;
	width: 0;
	height: 0;
	margin: 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date04 {
	width: 25%;
	font-size: 20px;
	margin: 18px 0 0 0
}
.contWrap .m_weatherWrap02 .m_weatherBox01 .m_weather02 .m_weather02_date04 span.m_weather02_icon0302 {
	background: none;
	width: 0;
	height: 0;
	margin: 0
}
}
/* 날씨정보 e */







/* 내부사진 */
.roomImgWrap {
	width: 100%;
	display: block;
	position: relative;
	/* text-align: center; */
	clear: both
}
.roomImgWrap .sub_bg {
	background-image: url('../imgs/room_no_img.jpg');
}
.roomImgWrap .sub_bg {
	height: 368px !important;
}
.roomImgWrap .sub_bg {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important;
	height: 320px !important
}

.roomImgWrap .sub_bg_no {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important;
	height: 320px !important;
	background-image:url('/stay/common/imgs/room_no_img.jpg')
}

/* 객실 더 보기 */
.roomImgWrap .viewPortBox {
	width: 185px;
	height: 45px;
	position: absolute;
	left: 15px;
	bottom: 15px
}
.roomImgWrap .viewPortBox .viewPortB {
	width: 179px;
	height: 39px;
	background: #000;
	opacity: 0.9;
	margin: 3px 0 0 3px
}
.roomImgWrap .viewPortBox .viewPortTxt {
	width: 185px;
	height: 45px;
	position: absolute;
	background: url('../imgs/sub/icon_viewPort.png') no-repeat 20% 50%;
	border: 3px solid #fff;
	margin: 0;
	color: #fff;
	font-weight: bold;
	padding-left: 27px;
	letter-spacing:-0.07em;
	left: 0;
	top: 0;
	cursor: pointer
}
 @media all and (max-width:767px) {
/* 객실 더 보기 */
.roomImgWrap .viewPortBox {
	width: 105px;
	height: 45px;
	position: absolute;
	left: 15px;
	bottom: 15px
}
.roomImgWrap .viewPortBox .viewPortB {
	width: 99px;
	height: 39px;
	background: #000;
	opacity: 0.9;
	margin: 3px 0 0 3px
}
.roomImgWrap .viewPortBox .viewPortTxt {
	width: 105px;
	height: 45px;
	position: absolute;
	background: none;
	border: 3px solid #fff;
	margin: 0;
	color: #fff;
	font-weight: bold;
	padding-left: 0px;
	left: 0;
	top: 0
}
}


/* 내부사진 */
.moreImgWrap {
	width: 100%;
	display: block;
	position: relative;
	/* text-align: center; */
	clear: both
}
.moreImgWrap .sub_bg {
	background-image: url('../imgs/room_no_img.jpg');
}
.moreImgWrap .sub_bg {
	height: 368px !important;
}
.moreImgWrap .sub_bg {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important;
	height: 320px !important
}

.moreImgWrap .sub_bg_no {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important;
	height: 320px !important;
	background-image:url('/stay/common/imgs/room_no_img.jpg')
}

/* 객실 더 보기 */
.moreImgWrap .viewPortBox {
	width: 185px;
	height: 45px;
	position: absolute;
	left: 15px;
	bottom: 15px
}
.moreImgWrap .viewPortBox .viewPortB {
	width: 179px;
	height: 39px;
	background: #000;
	opacity: 0.9;
	margin: 3px 0 0 3px
}
.moreImgWrap .viewPortBox .viewPortTxt {
	width: 185px;
	height: 45px;
	position: absolute;
	background: url('../imgs/sub/icon_viewPort.png') no-repeat 20% 50%;
	border: 3px solid #fff;
	margin: 0;
	color: #fff;
	font-weight: bold;
	padding-left: 27px;
	letter-spacing:-0.07em;
	left: 0;
	top: 0;
	cursor: pointer
}
 @media all and (max-width:767px) {
/* 객실 더 보기 */
.moreImgWrap .viewPortBox {
	width: 105px;
	height: 45px;
	position: absolute;
	left: 15px;
	bottom: 15px
}
.moreImgWrap .viewPortBox .viewPortB {
	width: 99px;
	height: 39px;
	background: #000;
	opacity: 0.9;
	margin: 3px 0 0 3px
}
.moreImgWrap .viewPortBox .viewPortTxt {
	width: 105px;
	height: 45px;
	position: absolute;
	background: none;
	border: 3px solid #fff;
	margin: 0;
	color: #fff;
	font-weight: bold;
	padding-left: 0px;
	left: 0;
	top: 0
}
}
/* 우측 네비 s */
.rgt_navWrap {
	position: relative;
	width: 358px;
	background: #fff;
	z-index: 100;
	box-sizing: border-box;
	float: right
}
.rgt_navWrap.pixd {
	position: fixed;
	width: 358px;
	background: #fff;
	left: 50%;
	margin-left: 242px;
	top: 100px;
	z-index:90;
	box-sizing: border-box
}
.rgt_navWrap .rgt_nav01 {
	width: 358px;
	border: 1px solid #b5b5b5;
	border-top: none;
	box-sizing: border-box
}
.rgt_navWrap .rgt_nav01 .priceBox {
	width: 100%;
	height: 59px;
	border-bottom: 3px solid #2d2d2d;
	background: #008a13 url('../imgs/cont/bg_navBtn01.png') left top repeat;
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	padding: 25px 0 0 0;
	display: block
}
.rgt_navWrap .rgt_nav01 .priceBox .price {
	background: url('../imgs/cont/navGap01.png') left 50% no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px
}
.rgt_navWrap .rgt_nav01 .navContBox {
	width: 100%;
	padding: 30px 30px;
	display: block;
	clear: both;
	box-sizing: border-box
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 {
	width: 100%;
	display: block
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 {
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li {
	font-size: 18px;
	font-weight: 300;
	color: #000;
	padding: 0 0 0 30px;
	line-height: 40px;
	text-align: left;
	display: block
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0101 {
	background: url('../imgs/cont/icon_navAd.png') left 50% no-repeat
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0102 {
	background: url('../imgs/cont/icon_navCall.png') left 50% no-repeat
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0103 {
	background: url(../imgs/cont/icon_navBus.png) left 80% no-repeat;
	height: 30px;
    line-height: 30px;
    padding-top: 10px;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0104 {
	background: url(../imgs/cont/icon_man.png) left 80% no-repeat;
    line-height: 30px;
    padding-top: 10px;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 {
	width: 100%;
	display: block;
	clear: both;
	margin: 35px 0 0 0
}
/*
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navUpBox {width:100%;height:40px;background:#ff4e00 url('../imgs/cont/bg_navBtn02.png') left top repeat;border-radius:3px;text-align:center}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navUpBox .btn_navUp {width:100px;height:40px;background:url('../imgs/cont/icon_navBtnUp.png') 0% 50% no-repeat;font-size:17px;font-weight:500;color:#fff;border:none;text-align:left;padding-left:30px}
*/


/* .rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navUpBox {
	width: 100%;
	height: auto;
	background: #ff4e00 url('../imgs/cont/bg_navBtn02.png') left top repeat;
	border-radius: 3px;
	text-align: center
} */
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navUpBox .cap_btn {
	width: 100%;
	height: 40px;
	/*background: url('../imgs/cont/icon_navBtnUp.png') 32% 50% no-repeat;*/
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	border: none;
	display: block;
	line-height: 38px;
	text-align: center;
	padding-right: 30px;
	margin: 0 auto
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02  img{ vertical-align:middle; margin-right:10px;}



.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox {
	width: 100%;
	background: #fff;
	border: 1px solid #ededed;
	border-top: none;
	box-sizing: border-box;
	margin-top: -1px
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont {
	padding: 20px 32px;
	background: #f0f0f0;
	
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont .navUpListContTit {
	text-align: left;
	width: 100%;
	display: block;
	font-size: 24px;
	color: #232323;
	margin: 0 0 5px 0;
	letter-spacing:-0.01em;
}

.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList li {
	width: 100%;
	font-size: 17px;
	font-weight: 200;
	line-height: 44px
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList li a {
	width: 100%;
	display: block;
	text-align:left;
	color: #353535;
	font-weight:200;
	letter-spacing:-0.01em;
	font-size:23px;
	background: url(/stay/common/imgs/cont/icon_like.png) no-repeat left center;
    text-indent: 40px;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList li a.np.on{
	background: url(/stay/common/imgs/cont/icon_like_over.png) no-repeat left center;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList li a .navUpSite {
	float: left;
	display: inline-block
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList li a .navUpSite img {
	vertical-align: middle
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navUpBox,
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navAddBox {
	width: 100%;
	height: 40px;
	background: #898989 url('../imgs/cont/bg_navBtn02.png') left top repeat;
	border-radius: 3px;
	margin: 10px 0 0 0;
	text-align: center
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navUpBox.active,
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navAddBox.active{
	background-color: #ff4e00;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_navAddBox .btn_navAdd {
	width: 100%;
	height: 40px;
	/*background: url('../imgs/cont/icon_navBtnAdd.png') 35% 50% no-repeat;*/
	font-size: 17px;
	font-weight:400;
	display:block;
	line-height:40px;
	color: #fff;
	border: none;
	text-align: center;
	padding-left: 0px;
	letter-spacing:-0.1em;
	cursor: pointer;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .m_btn_navHpBox {
	width: 100%;
	height: 40px;
	background: #027512 url('../imgs/cont/bg_navBtn03.png') left top repeat;
	border: none;
	border-radius: 3px;
	margin: 10px 0 0 0;
	
}

.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .m_btn_navHpBox a, .rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .m_btn_navMenuBox a{
	text-align: center;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	display:block;
	line-height:40px;
	}
	


.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .m_btn_navMenuBox {
	width: 100%;
	height: 40px;
	background: #003d37 url('../imgs/cont/bg_navBtn03.png') left top repeat;
	border: none;
	border-radius: 3px;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
	color: #fff
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_reservationBox {
	width: 100%;
	height: auto;
	background: #027512 url('../imgs/cont/bg_navBtn03.png') left top repeat;
	border-radius: 3px;
	text-align: center;
	margin: 10px 0 0 0
}

.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_reservationBox .cap_btn {
	width:100%;
	height: 40px;
	/*background: url('../imgs/cont/bg_btnArw01.png') center 50% no-repeat;*/
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	border: none;
	display: block;
	line-height: 38px;
	text-align: center;
	padding-right: 30px;
	margin: 0 auto
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .btn_reservationBox .cap_btn.on {
	background: url('../imgs/cont/bg_btnArw0102.png') right 50% no-repeat;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .reservationSiteBox {
	width: 100%;
	background: #f0f0f0;
	border: 1px solid #ededed;
	border-top: none;
	box-sizing: border-box;
	margin-top: -1px;
	padding: 0
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .reservationSiteBox .reservationSiteCont {
	padding: 20px
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .reservationSiteBox .reservationSiteCont ul.reservationSiteList {
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .reservationSiteBox .reservationSiteCont ul.reservationSiteList li {
	width: 100%;
	font-size: 13px;
	font-weight: 400;
	color: #000;
	line-height: 40px
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .reservationSiteBox .reservationSiteCont ul.reservationSiteList li a {
	width: 100%;
	display: block;
	text-align: right;
	color: #252525;
	font-weight:200;
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .reservationSiteBox .reservationSiteCont ul.reservationSiteList li a .reservationSite {
	float: left;
	display: inline-block
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .reservationSiteBox .reservationSiteCont ul.reservationSiteList li a .reservationSite img {
	vertical-align: middle
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 p.reservationTip {
	width: 100%;
	display: block;
	font-size: 15px;
	font-weight: 200;
	color: #565656;
	margin: 15px 0 0 0;
	line-height: 22px
}
.rgt_navWrap .rgt_nav02 {
	width: 358px;
	border: 1px solid #b5b5b5;
	margin: 40px 0 0 0
}
.rgt_navWrap .rgt_nav02 .navContBox02 {
	width: 298px;
	padding: 30px 30px;
	display: block;
	clear: both
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox01 {
	width: 100%;
	height: 40px;
	display: block;
	background: #898989 url('../imgs/cont/bg_navBtn03.png') left top repeat;
	border-radius: 3px
}

.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox01 a{
	width: 100%;
	height: 40px;
	display: block;
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox01 .btn_hp01 {
	width: 100%;
	height: 40px;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
	display:block;
	letter-spacing:-0.1em;
	color: #fff;
	border: none;
	background: none
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox02 {
	width: 100%;
	height: 40px;
	display: block;
	background: #898989 url('../imgs/cont/bg_navBtn03.png') left top repeat;
	border-radius: 3px;
	margin: 10px 0 0 0
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox02 .btn_hp02 {
	width: 100%;
	height: 40px;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
	display:block;
	letter-spacing:-0.1em;
	color: #fff;
	border: none;
	background: none
}
.rgt_navWrap .rgt_nav02 .navContBox02 p.hpTip {
	width: 100%;
	display: block;
	font-size: 15px;
	font-weight: 200;
	color: #565656;
	margin: 15px 0 0 0;
	line-height: 22px;
	text-align: center
}
/* 우측 네비 e */

@media all and (min-width:767px) and (max-width:1150px) {
.rgt_navWrap {
	position: relative;
	width: 100%;
	background: #fff;
	left: auto;
	margin-left: 0;
	bottom: 0;
	z-index: 100
}
.rgt_navWrap.pixd {
	position: relative;
	width: 100%;
	left: 0;
	margin-left: 0;
	top: 0;
	z-index: 90;
	box-sizing: border-box
}
.rgt_navWrap .rgt_nav01 {
	width: 100%
}
.rgt_navWrap .rgt_nav01 .priceBox {
	height: 49px;
	font-size: 21px;
	padding: 15px 0 0 0;
	display: block
}

.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0103 {
	background: url(../imgs/cont/icon_navBus.png) left 70% no-repeat;
    line-height: 30px;
    padding-top: 10px;
}

.rgt_navWrap .rgt_nav01 .navContBox {
	width: 100%;
	display: inline-block
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 {
	width: 49%;
	display: inline-block;
	float: left
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 {
	width: 49%;
	display: inline-block;
	float: right;
	margin: 0 0 0 0;
	clear: none
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList {
	padding: 0 0
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList li {
	width: 150px;
	
}
.rgt_navWrap .rgt_nav02 {
	width: 100%;
	box-sizing: border-box
}
.rgt_navWrap .rgt_nav02 .navContBox02 {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 30px 20px 30px
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox01 {
	width: 49.5%;
	display: inline-block;
	float: left
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox02 {
	width: 49.5%;
	display: inline-block;
	float: right;
	margin: 0 0 0 0
}
.rgt_navWrap .rgt_nav02 .navContBox02 p.hpTip {
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 0 0 0
}

.rslides_container .btn_close01 {
    top: -60px !important;
    right: 30px !important;
}


}
 @media all and (max-width:767px) {

.rslides_container .btn_close01 {
    top: -60px !important;
    right: 30px !important;
}

.rgt_navWrap {
	position: relative;
	width: 100%;
	background: #fff;
	left: auto;
	margin-top: 15px;
	margin-left: 0;
	bottom: 0;
	z-index: 90;
}
.rgt_navWrap.pixd {
	position: relative;
	width: 100%;
	left: 0;
	margin-left: 0;
	top: 0;
	z-index: 90;
	box-sizing: border-box
}
.rgt_navWrap .rgt_nav01 {
	width: 100%
}
.rgt_navWrap .rgt_nav01 .priceBox {
	height: 49px;
	font-size: 21px;
	padding: 15px 0 0 0;
	display: block
}
.rgt_navWrap .rgt_nav01 .navContBox {
	width: 100%;
	display: inline-block
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 {
	width: 100%;
	display: block;
	float: none
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 {
	width: 100%;
	display: block;
	float: none;
	margin: 30px 0 0 0;
	clear: both
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList {
	padding: 0 0
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont ul.navUpList li {
	width: 150px;
	text-align:left;
}
.rgt_navWrap .rgt_nav02 {
	width: 100%;
	box-sizing: border-box
}
.rgt_navWrap .rgt_nav02 .navContBox02 {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 10px 20px
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox01 {
	width: 100%;
	display: inline-block;
	float: left
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox01 .btn_hp01 {
	font-size: 15px
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox02 {
	width: 100%;
	display: inline-block;
	float: right;
	margin: 5px 0 0 0
}
.rgt_navWrap .rgt_nav02 .navContBox02 .btn_hpBox02 .btn_hp02 {
	font-size: 15px
}
.rgt_navWrap .rgt_nav02 .navContBox02 p.hpTip {
	font-size: 15px;
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 0 0 0
}
}
/* 좌측콘텐츠 */
.contLeftWrap {
	margin-bottom: 100px;
	position: relative;
	width: 68%;
	height: 100%;
	float: left
}
 @media all and (min-width:767px) and (max-width:1150px) {
.contLeftWrap {
	width: 100%;
	margin-top: 30px;
	display: inline-block
}
}
 @media all and (max-width:767px) {
.contLeftWrap {
	width: 100%;
	margin-top: 30px;
	display: inline-block
}
}
.moreTitBox {
	width: 68%;
	height: 84px;
	background: #fff;
	border-bottom: 3px solid #9b9b9b;
	display: block;
	float: left
}
.moreTitBox h2.h2_tit {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	color: #161616;
	font-size: 1.750em;
	letter-spacing: -0.075em;
	font-weight: 400;
	margin: 20px 0 0 0;
	text-align: left
}
.moreTitBox .upBox {
	min-width: 111px;
	height: 30px;
	display: inline-block;
	float: right;
	margin: 30px 0 0 0;
	line-height: 31px
}
.moreTitBox .upBox .upTit {
	width: 65px;
	height: 30px;
	display: inline-block;
	float: left;
	font-size: 1.25em;
	font-weight: 300;
	color: #454545;
	background: url('../imgs/cont/icon_up.png') left top no-repeat;
	padding: 0 0 0 37px
}
.moreTitBox .upBox .upData {
	display: inline-block;
	float: right;
	font-size: 1.3em;
	font-weight: 300;
	color: #454545;
	text-align: right;
	margin: 0 0 0 10px
}
.moreTitBoxM {
	display: none
}
 @media all and (min-width:767px) and (max-width:1150px) {
.roomTitBox {
	width: 100%;
	margin-bottom: 30px
}
.roomTitBoxM {
	display: none
}
}
 @media all and (max-width:767px) {
.roomTitBox {
	width: 100%;
	height: 100px;
	margin-bottom: 15px;
	display: none
}
.roomTitBox h2.h2_tit {
	display: block;
	font-size: 1.5em;
	margin: 16px 0 0 0;
	color: #1e1e1e;
	font-weight: 600
}
.roomTitBox .upBox {
	min-width: 30px;
	display: block;
	float: left;
	margin: 10px 0 0 0
}
.roomTitBox .upBox .upTit {
	width: 0;
	text-indent: -9999px
}
.roomTitBoxM {
	width: 100%;
	height: 84px;
	margin-bottom: 0;
	background: #fff;
	border-bottom: 3px solid #9b9b9b;
	display: block;
	box-sizing: border-box;
	padding-left: 15px;
}
.roomTitBoxM h2.h2_titM {
	display: block;
	font-size: 1.5em;
	margin: 16px 0 0 0;
	color: #1e1e1e;
	font-weight: 400;
	position: relative;
	padding: 0;
	letter-spacing: -0.075em;
	text-align: left
}
.roomTitBoxM .upBoxM {
	min-width: 30px;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	height: 30px;
	line-height: 31px
}
.roomTitBoxM .upBoxM .upTitM {
	width: 0;
	text-indent: -9999px;
	height: 30px;
	display: inline-block;
	float: left;
	font-size: 1.25em;
	font-weight: 500;
	color: #454545;
	background: url('../imgs/cont/icon_up.png') left top no-repeat;
	padding: 0 0 0 37px
}
.roomTitBoxM .upBoxM .upDataM {
	display: inline-block;
	float: right;
	font-size: 1.3em;
	font-weight: 600;
	color: #454545;
	text-align: right;
	margin: 0 0 0 10px
}
}
/* 숙박업소 정보1 */
.roomInfoBox01 {
	width: 100%;
	height: 157px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	float: left
}
.roomInfoBox01 ul li {
	width: 12.5%;
	height: 20px;
	display: inline-block;
	float: left;
	margin: 34px 0 0 0;
	font-size: 15px;
	font-weight: 200;
	color:#c3c3c3;
	text-align: center;
	padding: 80px 0 0 0
}
.roomInfoBox01 ul li.info01 {
	background: url('../imgs/cont/icon_info01_off.png') center top no-repeat;
	color:#c3c3c3;
}
.roomInfoBox01 ul li.info02 {
	background: url('../imgs/cont/icon_info02_off.png') center top no-repeat;
	color:#c3c3c3;
}
.roomInfoBox01 ul li.info03 {
	background: url('../imgs/cont/icon_info03_off.png') center top no-repeat;
	color:#c3c3c3;
}
.roomInfoBox01 ul li.info04 {
	background: url('../imgs/cont/icon_info04_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info05 {
	background: url('../imgs/cont/icon_info05_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info06 {
	background: url('../imgs/cont/icon_info06_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info07 {
	background: url('../imgs/cont/icon_info07_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info08 {
	background: url('../imgs/cont/icon_info08_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info09 {
	background: url('../imgs/cont/icon_info09_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info10 {
	background: url('../imgs/cont/icon_info10_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info11 {
	background: url('../imgs/cont/icon_info11_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info12 {
	background: url('../imgs/cont/icon_info12_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info13 {
	background: url('../imgs/cont/icon_info13_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info14 {
	background: url('../imgs/cont/icon_info14_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info15 {
	background: url('../imgs/cont/icon_info15_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info16 {
	background: url('../imgs/cont/icon_info16_off.png') center top no-repeat
}
.roomInfoBox01 ul li.info17 {
	background: url('../imgs/cont/icon_info17_off.png') center top no-repeat
}

.roomInfoBox01 ul li.info01_on {
	background: url('../imgs/cont/icon_info01.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info02_on {
	background: url('../imgs/cont/icon_info02.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info03_on {
	background: url('../imgs/cont/icon_info03.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info04_on {
	background: url('../imgs/cont/icon_info04.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info05_on {
	background: url('../imgs/cont/icon_info05.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info06_on {
	background: url('../imgs/cont/icon_info06.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info07_on {
	background: url('../imgs/cont/icon_info07.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info08_on {
	background: url('../imgs/cont/icon_info08.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info09_on {
	background: url('../imgs/cont/icon_info09.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info10_on {
	background: url('../imgs/cont/icon_info10.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info11_on {
	background: url('../imgs/cont/icon_info11.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info12_on {
	background: url('../imgs/cont/icon_info12.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info13_on {
	background: url('../imgs/cont/icon_info13.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info14_on {
	background: url('../imgs/cont/icon_info14.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info15_on {
	background: url('../imgs/cont/icon_info15.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info16_on {
	background: url('../imgs/cont/icon_info16.png') center top no-repeat;
	color:#565656;
}
.roomInfoBox01 ul li.info17_on {
	background: url('../imgs/cont/icon_info17.png') center top no-repeat;
	color:#565656;
}



 @media all and (max-width:767px) {
.roomInfoBox01 {
	width: 100%;
	height: 290px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}
.roomInfoBox01 ul li {
	width: 25%;
	font-size: 15px
}
.roomInfoBox01 ul li.info05 {
	clear: both
}
.roomInfoBox01 ul li.info13 {
	clear: both
}
}
/* 상세설명 */
.roomInfoBox02 {
	width: 100%;
	height: auto;
	background: #fff;
	margin: 50px 0 0 0;
	display: block;
	float: left
}
.roomInfoBox02 h3.h3_tit {
	display: block;
	font-size: 1.4em;
	color: #1e1e1e;
	font-weight: 300;
	text-align: left
}
.roomInfoBox02 .InfoTxt01 {
	font-size: 17px;
	font-weight: 200;
	color: #565656;
	line-height: 28px;
	margin: 20px 0 0 0;
	text-align: left
}
.m_recomBox {
	width: 100%;
	margin: 30px 0 0 0;
	display: block;
	float: left
}
.m_recomBox .m_recom {
	display: block;
	float: left;
	position: relative;
	margin: 0 1.3% 2% 1.3%;
	width: 32.2%;
	height: 320px;
	border: 1px solid #b5b5b5;
	text-align: left
}
.m_recomBox .m_recom a {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	transition: all 0.3s linear 0s
}
.m_recomBox .m_recom a .m_thumbnailBox {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden
}
.m_recomBox .m_recom a .m_thumbnailBox .m_thumbnail {
	background-image: url('../imgs/no_img_room.jpg');
	height: 270px !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important;
	height: 320px !important;
	display: block;
	width: 120%;
	height: 100%;
	transition: all 0.3s linear 0s
}
.m_recomBox .m_recom .m_recomCont {
	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
}
.m_recomBox .m_recom .m_recomCont .m_recomLabel {
	width: 60px;
	height: 25px;
	display: inline-block;
	float: left;
	background: #ff5629;
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.075em;
	color: #fff;
	border-radius: 3px;

}
.m_recomBox .m_recom .m_recomCont .title {
	display: inline-block;
	float: left;
	margin: 5px 0 0 10px;
	color: #000;
	font-size: 17px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: -0.05em
}
.m_recomBox .m_recomLeft {
	/* margin: 0 0 2% 0 !important */
}
.m_recomBox .m_recomRight {
	margin: 0 0 2% 0 !important;
	float: right !important
}
 @media all and (min-width:767px) and (max-width:1150px) {
.m_recomBox .m_recom {
	display: block;
	float: left;
	position: relative;
	margin: 0 0.2% 2%;
	width: 49%;
	height: 320px;
	border: 1px solid #858585
}
.m_recomBox .m_recomLeft {
	margin: 0 0.2% 2% !important
}
.m_recomBox .m_recomRight {
	margin: 0 0.2% 2% !important;
	float: right !important
}
.m_recomBox .m_recomLeftTB {
	margin: 0 0 2% 0 !important;
	float: left !important
}
.m_recomBox .m_recomRightTB {
	margin: 0 0 2% 0 !important;
	float: right !important
}
}
 @media all and (max-width:767px) {
.m_recomBox {
	position: relative;
	width: 100%
}
.m_recomBox .m_recom {
	display: block;
	float: left;
	position: relative;
	margin: 0 0 2% 0 !important;
	width: 100%;
	height: 320px;
	border: 1px solid #858585
}
.m_recomBox .m_recomLeft {
	margin: 0 0 2% 0 !important
}
.m_recomBox .m_recomRight {
	margin: 0 0 2% 0 !important;
	float: none !important
}
.m_recomBox .m_recomLeftTB {
	margin: 0 0 2% 0 !important;
	float: none !important
}
.m_recomBox .m_recomRightTB {
	margin: 0 0 2% 0 !important;
	float: none !important
}
}
/* 이용안내 */
.roomInfoBox04 {
	width: 100%;
	height: auto;
	background: #fff;
	margin: 70px 0 0 0;
	display: block;
	float: left
}
.roomInfoBox04 h3.h3_tit {
	display: block;
	font-size: 1.4em;
	color: #1e1e1e;
	font-weight: 400;
	text-align: left
}
.roomInfoBox04 .guideBox01 {
	width: 100%;
	min-height: 336px;
	height: auto;
	background: #fff;
	margin: 30px 0 0 0;
	display: block;
	float: left
}
.roomInfoBox04 .guideBox01 .guide01 {
	width: 49%;
	min-height: 263px;
	display: inline-block;
	float: left;
	border-top: 2px solid #232323;
	border-bottom: 1px solid #e2e2e2;
	padding: 50px 0
}
.roomInfoBox04 .guideBox01 .guide01 h4.h4_tit {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 300;
	color: #5e5e5e
}
.roomInfoBox04 .guideBox01 .guide01 ul.guideList {
	width: 100%;
	margin: 20px 0 0 0
}
.roomInfoBox04 .guideBox01 .guide01 ul.guideList li {
	font-size: 17px;
	font-weight: 200;
	color: #313131;
	background: url('../imgs/cont/icon_list01.png') left 50% no-repeat;
	padding: 0 0 0 10px;
	line-height: 35px;
	text-align: left
}
.roomInfoBox04 .guideBox01 .guide02 {
	width: 49%;
	min-height: 263px;
	display: inline-block;
	float: right;
	border-top: 2px solid #232323;
	border-bottom: 1px solid #e2e2e2;
	padding: 50px 0
}
.roomInfoBox04 .guideBox01 .guide02 h4.h4_tit {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 300;
	color: #5e5e5e
}
.roomInfoBox04 .guideBox01 .guide02 ul.guideList {
	width: 100%;
	margin: 20px 0 0 0
}
.roomInfoBox04 .guideBox01 .guide02 ul.guideList li {
	font-size: 17px;
	font-weight: 200;
	color: #313131;
	background: url('../imgs/cont/icon_list01.png') left 50% no-repeat;
	padding: 0 0 0 10px;
	line-height: 35px;
	text-align: left
}
.roomInfoBox04 .guideBox01 .guide02 ul.guideList li.bg2 {
	background: url('../imgs/cont/icon_list01.png') left 25% no-repeat
}
 @media all and (min-width:767px) and (max-width:1150px) {
.roomInfoBox04 .guideBox01 .guide01 ul.guideList li {
	font-size: 16px;
	line-height: 30px
}
.roomInfoBox04 .guideBox01 .guide02 ul.guideList li {
	font-size: 16px;
	line-height: 30px
}
}
 @media all and (max-width:767px) {
.roomInfoBox04 .guideBox01 .guide01 {
	width: 100%;
	min-height: auto;
	padding: 20px 0
}
.roomInfoBox04 .guideBox01 .guide01 ul.guideList {
	width: 100%;
	margin: 10px 0 0 0
}
.roomInfoBox04 .guideBox01 .guide01 ul.guideList li {
	font-size: 14px;
	line-height: 25px
}
.roomInfoBox04 .guideBox01 .guide02 {
	width: 100%;
	min-height: auto;
	padding: 20px 0
}
.roomInfoBox04 .guideBox01 .guide02 ul.guideList {
	width: 100%;
	margin: 10px 0 0 0
}
.roomInfoBox04 .guideBox01 .guide02 ul.guideList li {
	font-size: 14px;
	line-height: 25px
}
}
/* 주변정보 */
.roomInfoBox05 {
	width: 100%;
	height: auto;
	background: #fff;
	margin: 70px 0 0 0;
	display: block;
	float: left
}
.roomInfoBox05 h3.h3_tit {
	display: block;
	font-size: 1.4em;
	color: #1e1e1e;
	font-weight: 400;
	text-align: left
}
.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
}
.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li {
	font-size: 16px;
	float: left;
	text-align: center;
	cursor: pointer;
	width: 33.4%;
	height: 47px;
	line-height: 44px;
	color: #444;
	border: 1px solid #a5a5a5;
	border-bottom: 3px solid #027512;
	background: #fff;
	overflow: hidden;
	position: relative;
	box-sizing: border-box
}
.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
}
.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li {
	font-size: 16px;
	float: left;
	text-align: center;
	cursor: pointer;
	width: 33.4%;
	height: 47px;
	line-height: 44px;
	color: #444;
	border: 1px solid #a5a5a5;
	border-bottom: 3px solid #027512;
	background: #fff;
	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;
	background: #ff5b00 url('../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: 3px solid #027512;
	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;
	border-bottom: 3px solid #027512;
	box-sizing: border-box
}
}
 @media all and (max-width:767px) {
.roomInfoBox05 .mapWrap .tabBox01 {
	width: 100%;
	display: block
}
.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li {
	width: 33.3%;
	height: 47px;
	line-height: 44px;
	border-bottom: 3px solid #027512;
	box-sizing: border-box
}
.roomInfoBox05 .mapWrap .tabBox01 ul.tabs li.end3 {
	border-right: 1px solid #a5a5a5
}
.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;
	border-bottom: 3px solid #027512;
	box-sizing: border-box
}
.roomInfoBox05 .mapWrap .tabBox02 ul.tabs02 li.active {
	width: 33.3%
}
}
.mapBox {
	width: 99.7%;
	height: 426px;
	border: 1px solid #abaaaa;
	border-top: none;
	display: block;
	float: left;
	position: relative
}
.mapBox .pointA {
	position: absolute;
	width: 38px;
	height: 48px;
	top: 50%;
	left: 50%
}
.mapBox .pointInfo {
	position: absolute;
	width: 192px;
	height: 132px;
	background: #fff;
	top: 19%;
	left: 10%;
	box-sizing: border-box;
	border: 4px solid #fb2d1f
}
.mapBox .pointInfo .pointInfo_img {
	width: 184px;
	height: 70px;
	display: block;
	background: url('../imgs/cont/introSample09.jpg') no-repeat
}
.mapBox .pointInfo ul.pointList {
	width: 100%;
	box-sizing: border-box;
	margin-top: 5px
}
.mapBox .pointInfo ul.pointList li {
	font-size: 11px;
	font-weight: 400;
	color: #1e1e1e;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background: url('../imgs/cont/icon_list01.png') 4% 50% no-repeat;
	padding: 0 0 0 13px;
	box-sizing: border-box;
	line-height: 15px
}
/* 박스 리스트 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: 320px;
	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('../imgs/map_list_bookMark.png') no-repeat;
	z-index:70
}
#post-list .post-module a .thumbnailBox .thumbnail {
	background-image: url('../imgs/no_img_room.jpg');
	height: 270px !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 60% !important;
	height: 320px !important;
	display: block;
	width: 120%;
	height: 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
}
#post-list .post-module .post-content .local_a {
 display: block;
    padding: 1px 5px 0 20px;
    background: url('../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('../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('../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 {
	overflow: hidden;
	color: #3d3d3d;
	font-size: 15px;
	line-height: 1.6em;
	border-top: 1px solid #b7b7b7;
	padding-top: 10px;
	margin-top: 10px;
	font-weight:200;
}
#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: 58px !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 .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('../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;
	padding-top: 10px;
	margin-top: 10px
}
#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
}
}
 @media all and (max-width:767px) {
#post-list {
	position: relative;
	width: 100%
}
#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('../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;
	padding-top: 10px;
	margin-top: 10px
}
#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
}
}
/* 박스 리스트 e */




/* 개인정보처리방침 */
.m_textContWrap {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	clear: both;
	box-sizing: border-box;
	
}
/* Table S */

.table_guide {
	display: block;
	position: relative;
	margin: 70px 0 0 0;
	padding: 0
}
.table_guide h3.h3_tit {
	display: block;
	font-size: 1.4em;
	color: #1e1e1e;
	font-weight: 400;
	text-align: left
}
.table_guide table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: solid #252525 2px;
	border-bottom: solid #252525 1px;
	margin-top: 30px
}
.table_guide th {
	height: 30px;
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: solid #9f9f9f 1px;
}
.table_guide td {
	height: 24px;
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: solid #d7d7d7 1px;
}
.table_guide td.left {
	text-align: left;
	font-weight:200;
	font-size:17px;
}
.table_guide td .table-date {
	width: 365px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.table_guide tbody th, .table_guide tbody td {
	height: 20px;
	padding: 10px 10px;
	color:#565656;
	font-weight:200;
}
/*.table_guide th + th, .table_guide td + td, .table_guide th + td {border-left:solid #ccc 1px;}*/
.table_guide .unfirst {
	border-left: solid #ccc 1px;
}
.table_guide .unline {
	border-bottom: none;
}
.table_guide thead th {
	font-weight: 300;
	color: #000
}
.table_guide tfoot th, .table_guide tfoot td {
	background-color: #fff;
	color: #0d0d0d;
	font-weight: normal;
}
.table_guide tbody th, .table_guide tbody td.all {
	color: #0d0d0d;
	font-weight: normal;
}
.table_guide tbody td+ th, .table_guide tfoot td+ th {
	border-left: solid #ccc 1px
}
.table_guide.taL th, .table_guide.taL td, .table_guide th.taL, .table_guide td.taL {
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
}
.table_guide.taR th, .table_guide.taR td, .table_guide th.taR, .table_guide td.taR {
	text-align: right;
	padding-left: 30px;
	padding-right: 30px;
}
.table_guide tbody td.no_data {
	color: #666;
	font-size: 1.375em;
	line-height: 148px;
	text-align: center;
}
.table_guide td a.underline {
	color: #0079bf;
	text-decoration: underline;
}
.table_guide td.reBox01 {
	text-align: left;
	padding: 0 0 30px 0;
	font-weight:200;
	font-size:17px;
}
.table_guide td .reBox0101 {
	padding: 25px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-top: none;
	font-size: 0.9em;
	color: #000
}
table tbody td .reBox0101.box{
    border-top: 1px solid #d7d7d7;
    width: 100%;
}
table tbody td .answerText{
    text-indent:10px;
    color:#158778;
    font-weight:500;
}
table tbody td .answerDiv{
    border:1px solid #158778 !important;
}
.btnArea {
	width: 100%;
	/* height: 50px; */
	text-align: right;
	box-sizing: border-box;
	clear: both;
	display: block;
	position: relative;
	padding-bottom:10px;
}
.btnArea.btnAreaL {
	text-align: left
}
.btnArea.btnAreaC {
	text-align: center
}
.btnArea .btnEdit01 {
	width: 140px;
	height: 45px;
	background: #655d48;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	border: none;
	letter-spacing: -0.075em;
	box-sizing: border-box;
	line-height:45px;
	border-radius:3px
}
.btnArea .btnCancel01 {
	width: 140px;
	height: 45px;
	background: #fff;
	font-size: 17px;
	font-weight: 400;
	color: #655d48;
	border: 2px solid #655d48;
	letter-spacing: -0.075em;
	box-sizing: border-box;
	line-height:45px;
	border-radius:3px2
}
.btnArea .btn_del {
	width: 140px;
	height: 45px;
	background: #565656;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	border: 2px solid #565656;
	letter-spacing: -0.075em;
	box-sizing: border-box
}
.btnArea .btninquiry01 {
	width: 140px;
	height: 45px;
	background: #655d48;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	border: none;
	letter-spacing: -0.075em;
	box-sizing: border-box;
	line-height:45px;
	border-radius:3px
}
.btnArea a.btninquiry01 {
	width: 100px;
	height: 40px;
	background: #655d48;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	border: none;
	letter-spacing: -0.075em;
	box-sizing: border-box;
display:inline-block;
line-height:40px;
border-radius:3px
}
 @media all and (min-width:768px) and (max-width:1150px) {
.table_guide td .table-date {
	width: 500px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
}
@media all and (max-width:925px) {
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0103 {
    background: url(../imgs/cont/icon_navBus.png) left 80% no-repeat;
  
}
}
 @media all and (max-width:767px) {
.table_guide {
	overflow: hidden;
	overflow-x: auto;
	padding-top: 30px;
}
.table_guide.full_size {
	padding-top: 0;
}
.table_guide.full_size table {
	width: 100%;
}
.table_guide table {
	width: 700px;
}
.table_guide th, .table_guide td {
	height: 20px;
	padding: 7px;
}
.table_guide:before {
	content: '좌우로 스크롤해주세요!';
	display: block;
	position: absolute;
	width: 29px;
	height: 23px;
	right: 10px;
	top: 0px;
	z-index: 9;
	background: url("../imgs/main/table_scroll_point.png") no-repeat left top;
	background-size: cover;
	text-indent: -9999px;
}
.table_guide.full_size:before {
	display: none;
}
.table_guide.taL th, .table_guide.taL td, .table_guide th.taL, .table_guide td.taL, .table_guide.taR th, .table_guide.taR td, .table_guide th.taR, .table_guide td.taR {
	padding-left: 15px;
	padding-right: 15px;
}
.table_guide td .table-date {
	width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0103 {
    background: url(../imgs/cont/icon_navBus.png) left 70% no-repeat;
  
}
}
/* Table S */



/* 페이지넘버 */
.paginate_wrap {
	position: relative;
	z-index: 0;
	width: 100%;
	line-height: 18px;
	text-align: center
}
.paginate {
	display: inline-block;
	margin: 20px 0;
	text-align: center;
	background: #fff;
}
.paginate a, .paginate strong, .paginate span {
	float: left;
	display: inline-block;
	width: 41px;
	height: 41px;
	margin: 0 0 0 -1px;
	line-height: 40px;
	border: 1px solid #ccc;
	font-weight: bold;
	font-family: Tahoma, Helvetica, AppleGothic, Sans-serif;
	color: #5a5a5a;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: top;
}
.paginate strong {
	color: #288200;
	text-decoration: underline;
}
.paginate a:hover {
	color: #288200;
}
.paginate .first {
	background: url('../imgs/sub/btn_pg.gif') no-repeat -100px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate .last {
	background: url('../imgs/sub/btn_pg.gif') no-repeat -136px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate .prev {
	background: url('../imgs/sub/btn_pg.gif') no-repeat 6px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate .next {
	background: url('../imgs/sub/btn_pg.gif') no-repeat -28px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate span.pre {
	background: url('../imgs/sub/btn_pg.gif') no-repeat 6px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate span.next {
	background: url('../imgs/sub/btn_pg.gif') no-repeat -28px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate .pre_end {
	background: url('../imgs/sub/btn_pg.gif') no-repeat -100px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate .next_end {
	background: url('../imgs/sub/btn_pg.gif') no-repeat -136px -28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
}
.paginate a span, .paginate .first span, .paginate .last span, .paginate .pre span, .paginate .prev span, .paginate .next span, .paginate .pre_end span, .paginate .next_end span {
	border: none;
}
.mapArea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e0e0e0
}
.mapArea .map {
	position: relative;
	width: 100%;
	height: 390px;
	background: #ebebeb url('../imgs/cont/map_sample.jpg') no-repeat 50% 50%;
	overflow: hidden
}
.mapArea .map .mark_pin {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 30px;
	background: url('../imgs/cont/map_mark_pin.png') no-repeat 50% 50%;
	background-size: contain;
	cursor: pointer
}
.mapArea .map .mark_pin .description {
	display: none;
	position: absolute;
	left: -60px;
	bottom: 30px;
	box-sizing: border-box;
	border: 1px solid #a1a1a1;
	border-radius: 5px;
	padding: 5px 15px;
	width: 150px;
	background: #fff;
	font-size: 12px;
	font-weight: 200;
	letter-spacing: -.05em;
	text-align: center
}
.mapArea .map .mark_pin .description p {
	text-align: left
}
.mapArea .map .mark_pin .description span {
	float: right
}
.mapArea .map .mark_pin.list01 {
}
.mapArea .map .mark_pin.list02 {
	top: 100px;
	left: 50px
}
.mapArea .map .mark_pin  .mapArea .map .mark_pin:hover,  .mapArea .map .mark_pin.active {
	background: url('../imgs/cont/map_mark_pin_active.png') no-repeat 50% 50%;
	background-size: contain
}
.mapArea .map .mark_pin:hover .description,  .mapArea .map .mark_pin.active .description {
	display: block
}
.mapArea .map .map_magnification_control {
	position: absolute;
	top: 10px;
	right: 10px;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	width: 30px;
	height: 61px;
	background: #fff url('../imgs/cont/map_magnification_bar.jpg') no-repeat 50% 50%;
	text-indent: -9999px;
	font-size: 0
}
.mapArea .map .map_magnification_control label {
	display: block;
	width: 100%;
	height: 50%
}
.mapArea .map .map_magnification_control label:active {
}
.mapArea .map .map_magnification_control .map_magnify {
	background: url('../imgs/cont/map_magnification_btn.png') no-repeat 50% 7px;
	background-size: 50%
}
.mapArea .map .map_magnification_control .map_reduce {
	background: url('../imgs/cont/map_magnification_btn.png') no-repeat 50% -40px;
	background-size: 50%
}
.mapArea .map .map_magnification_control .map_magnify input,  .mapArea .map .map_magnification_control .map_reduce input {
	display: none
}
.mapArea .map .view_larger {
	position: absolute;
	bottom: 10px;
	right: 20px;
	width: 110px;
	height: 30px;
	background: url('../imgs/cont/map_view_larger_btn.png') no-repeat 50% 50%;
	background-size: contain;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: 200;
	line-height: 30px
}
.mapArea .map .view_larger input {
	display: none
}
.mapArea .mapSearchBox {
	box-sizing: border-box;
	border-top: 1px solid #e0e0e0;
	padding: 20px
}
.mapArea .mapSearchBox input {
	float: left;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	width: 85%;
	height: 40px
}
.mapArea .mapSearchBox label[for="mapSearchBtn"] {
	clear: both;
	display: inline-block;
	vertical-align: middle;
	width: 15%;
	height: 40px;
	background: #1f6e07 url('../imgs/cont/search_btn.png') no-repeat 50% 50%;
	text-indent: -9999px;
	font-size: 0
}
.mapArea .mapSearchBox label[for="mapSearchBtn"] input {
	display: none
}
@media all and (max-width:630px) {
.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0301 {
    background: url(../imgs/cont/icon_weather010101.png) 0% 50% no-repeat;
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302 {
    background: url(../imgs/cont/icon_weather010102.png) 30% 50% no-repeat;
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0303 {
    background: url(../imgs/cont/icon_weather010103.png) 70% 50% no-repeat;
}
@media all and (max-width:505px) {
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox01 ul.navInfoList01 li.navInfo0103 {
    background: url(../imgs/cont/icon_navBus.png) left 80% no-repeat;
  
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0301 {
    background: url(../imgs/cont/icon_weather010101.png) 0% 50% no-repeat;
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0302 {
    background: url(../imgs/cont/icon_weather010102.png) 25% 50% no-repeat;
}

.contWrap .m_weatherWrap .m_weatherBox01 .m_weather01.m_weather0101 .m_weatherTempBox03 .m_weatherTempDate03.m_tempDate0303 {
    background: url(../imgs/cont/icon_weather010103.png) 65% 50% no-repeat;
}


}

 @media all and (max-width:400px) {
.rgt_navWrap .rgt_nav01 .navContBox .navInfoBox02 .navUpListBox .navUpListCont {
    padding: 30px 15px;}
 }
 @media all and (max-width:767px) {
.roomInfoBox01 {
	width: 100%;
	height: 290px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}
.roomInfoBox01 ul li {
	
	font-size: 13px;
	letter-spacing:-0.08em;
}

 }