/*공통 스타일*/
#wraper { width:100%;  min-width:320px; }
#wraper,#container, .inner:after,.header_Area:after { content:""; display:block; clear:both; }

.inner{/* width:1200px; */clear:both;/* margin:0 auto; */}


/*해더영역 스타일*/
.main_header {
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	z-index: 9999;
}

.top_line{width:100%;height:5px;background-color: #a76a46;}

#top_space{}

#logo {
	width: 240px;
	float:left;
	padding-left:35px;
}
.gnb{position:absolute; right:50%; margin-right:-700px;}

.gnb ul li{display:inline-block;height: 80px;}

.rollover {
	position:relative;
	cursor:pointer;
}

.rollover img {
	
	left:0px;
	top:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.rollover img.out:hover {
	opacity:0;
}



.navi{float:left;margin-left: 43px;margin-top: 31px;}

.main_bn_txt{position:absolute; z-index:999999;top:10px;left:10px;}
.bbs_wrap{}
.bbs_layer{
    position: absolute;
    top: -105px;
    z-index: 999;
    left: 10%;
}
.bbs_layer01{
    position: absolute;
    top: -105px;
    z-index: 999;
    left: 28.2%;
}


/*섹션타이틀 공통*/
section p{text-align:center;/* width: 38%; */margin: 0 auto; }
section p.title {font-size: 42px;color: #b36d3a;font-family: 'Nanum Brush Script';border-bottom: 1px solid #dcdcdc;letter-spacing: 8px;line-height: 64px;width: 60%;font-weight: 200;}
section p.title span {display: inline-block;margin-right: 5px;color: #482c1b;/*text-transform: uppercase;*/font-family: 'Nanum Brush Script';letter-spacing: 4px;}
section p.title_txt{font-size: 18px;color: #555;padding-bottom: 35px;padding-top: 15px;letter-spacing: -0.5px;}
section .st_title{margin-bottom:15px;}


/*jssor_slide */
.jssor_slide_wrap{position: relative;z-index:900;margin: 0 auto;top: 0px;left: 0px;width: 1640px;height: 820px;overflow: hidden;visibility: hidden;}
.jssor_slide_cont{cursor: default;position: relative;top: 0px;left: 0px;width: 1640px;height: 820px;overflow: hidden;}

/*jssor_slide */
.jssor_slide_wrap{position: relative;z-index:900;margin: 0 auto;top: 0px;left: 0px;overflow: hidden;visibility: hidden;}
.jssor_slide_cont{cursor: default;position: relative;top: 0px;left: 0px;overflow: hidden;}



/*객실미리보기1*/
#section01 {min-height: 100%;background: #fff;position: relative;}
#section01 .rooms{padding-top: 30px;padding-bottom: 30px;}
#section01 .rooms img{margin:0 auto;}
#section01 .rooms .room_row ul{text-align:center;}
#section01 .rooms .room_row li{display:inline-block;/* margin: 0px 0px; */padding-bottom: 8px;/* width: 380px; */
padding-left: 4px;padding-right: 4px;}
#section01 .rooms .room_row li:first-child{margin-left: 0px;}
#section01 .rooms .room_row li:last-child{margin-right: -1px;}
#section01 .rooms .room_row .box{position:relative;background-color:#000;width: 100%;overflow: hidden;}
#section01 .rooms .room_row .over{border: 0px solid #75f712;opacity: 0;filter:alpha(opacity=0);
width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;
-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: 
opacity 0.4s,border-width 0.4s;}
#section01 .rooms .room_row .overText{color:#fff;font-size: 44px;padding-top: 33%;line-height: 37px;font-family: 'Nanum Brush Script';}
#section01 .rooms .room_row .overText span{color:#fff;font-size: 32px;}
#section01 .rooms .room_row .over:hover{opacity:1;filter:alpha(opacity=100);border-width: 8px;}
#section01 .rooms .room_row .box img{width: 100%;opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;
overflow: hidden;transition: all 0.5s;}

#section01 .rooms .room_row .box:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);}
#section01 .rooms .room_row .box:hover img{opacity:0.5;filter: blur(2px);

	-webkit-filter: blur(2px); 
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	transform:scale(1.2,1.2);}


	/*객실미리보기2*/

#section02 {min-height: 100%;background: #fff;}
#section02 .rooms{padding-top: 30px;padding-bottom: 30px;}
#section02 .rooms img{margin:0 auto;}
#section02 .rooms .room_row ul{text-align:center;}
#section02 .rooms .room_row li{display:inline-block;/* margin: 0px 0px; */padding-bottom: 8px;/* width: 380px; */
padding-left: 4px;padding-right: 4px;}
#section02 .rooms .room_row li:first-child{margin-left: 0px;}
#section02 .rooms .room_row li:last-child{margin-right: -1px;}
#section02 .rooms .room_row .box{position:relative;background-color:#000;width: 100%;overflow: hidden;}
#section02 .rooms .room_row .over{border: 0px solid #75f712;opacity: 0;filter:alpha(opacity=0);
width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;
-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: 
opacity 0.4s,border-width 0.4s;}
#section02 .rooms .room_row .overText{color:#fff;font-size: 24px;padding-top: 33%;line-height: 28px;}
#section02 .rooms .room_row .overText span{color:#fff;font-size: 17px;}
#section02 .rooms .room_row .over:hover{opacity:1;filter:alpha(opacity=100);border-width: 8px;}
#section02 .rooms .room_row .box img{width: 100%;opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;
overflow: hidden;transition: all 0.5s;}

#section02 .rooms .room_row .box:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);}
#section02 .rooms .room_row .box:hover img{opacity:0.5;filter: blur(2px);

	-webkit-filter: blur(2px); 
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	transform:scale(1.2,1.2);}


/*스페셜영역*/
#section03 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section03 img{margin:0 auto;}
#section03 .special .sp_left{margin-right: 14px;width:633px;}
#section03 .special .sp_left .sp01{margin-bottom: 14px;}
#section03 .special .sp_right{width: 550px;}
#section03 .special .sp_right .sp03{margin-bottom: 15px;}
#section03 .sp_item{padding-right: 0px;/* width: 100px; */}
#section03 .special  li  .box_black{/* background-color:#000; */position:relative;}
#section03 .special li img{opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#section03 .special li:hover .sp_img{/* opacity:0.4; */}

#section03 .special .over{opacity: 0;filter:alpha(opacity=1);width: 100%;height: 100%;position: absolute;top: 0;text-align: center;left: 0;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: opacity 0.4s,border-width 0.4s;}
#section03 .special li .over:hover{opacity:1;filter:alpha(opacity=100);}

#section03 .special .sp01 .overText{padding-top: 24%;}
#section03 .special .sp02 .overText{padding-top: 22%;}
#section03 .special .sp03 .overText{padding-top: 27%;}
#section03 .special .sp04 .overText{padding-top: 30%;}
#section03 .special li .overText img{ margin:0 auto;}
#section03 .info .text03 span {
    font-size: 18px;
}


/*인포메이션영역*/
#section04 {background: #f7f2f1;padding: 36px 0px 30px 0px;}
#section04 .info .info_left{float:left;margin-right: 1px;width: 622px;}
#section04 .info .info_left li.st_info01{float:left;margin-right: 1px;width: 315px;}
#section04 .info .info_left li.st_info02{float:left;width: 306px;overflow: hidden;}
#section04 .info .info_right li.st_info03{float:left;width: 283px;margin-right: 1px;}
#section04 .info .info_right li.st_info04{float:left;/*width: 293px;*/}

#section04 .info .info_left .info01{}
#section04 .info .info_right{float:left;width: 577px;}
#section04 .info .info_right .info03{
    margin-bottom: 1px;
		max-width: 100%;
    /* width: 577px; */
}
#section04 .info .info_right .info04{position:relative;padding-top: 35%;padding-bottom: 32.4%;}
#section04 .info .info_right li{float:left;/* width: 283px; */}
#section04 .info  li .box_black {position:relative;/* background-color: rgba(0, 0, 0, 0.98); */}
#section04 .info  li .box_white {position:relative;/* width: 306px; */background-color:#fff;}

#section04 .info  li img {opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

#section04 .info li:hover .sp_img{/* opacity:0.40; */}


#section04 .info01 .text01{position:absolute;bottom:0px;width: 100%;background:rgba(0,0,0,0.3);font-size: 1.3rem;line-height: 150%;padding: 12px 0;color:#fff;}
#section04 .info02 .text02{position:absolute;top: 36%;left:0px;width: 100%;font-size: 1.4rem;vertical-align:middle;line-height: 160%;color: #fff;}
#section04 .info02 .text02 a{text-decoration:underline;padding-top: 20px;line-height: 40px;color: #ffffff;}
#section04 .info03 .text03{position:absolute;top: 20px;left:0px;width: 100%;font-size:18px;}
#section04 .info03 .text03 p{font-size: 25px;vertical-align:middle;line-height: 160%;color:#fff;margin-top: 7.8%;}
#section04 .info03 .text03 span{font-size: 33px;}
#section04 .info04 .text04{/* position:absolute; *//* top: 15%; */left:0px;width: 100%;height: 100%;padding-top: 11%;}
#section04 .info04 .text04 p.line{width:27px;border-bottom:1px solid #fff; height:1px;}
#section04 .info04 .text04 p{font-size: 18px;vertical-align:middle;line-height: 120%;color:#fff;margin-top: 3%;}
#section04 .info04 .text04 p span{color:#d8eafe;}
#section04 .info04 .text04 p.txt01{font-size: 1rem;font-family:'open sans';letter-spacing:3px;margin-top: 15px;}

#section04 .info05 .text05{position:absolute;top: 16%;left:0px;width: 100%;z-index: 10;}
#section04 .info05 .text05 p{font-size: 1.4rem; vertical-align:middle;line-height: 130%;color:#fff;}
#section04 .info .over{opacity: 0;filter:alpha(opacity=1);width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: opacity 0.4s,border-width 0.4s;}

#section04 .info li .over:hover{opacity:1;filter:alpha(opacity=100);}
#section04 .info .info01 .overText{padding-top: 29%;}
#section04 .info li .info01 img{ margin:0 auto;}

#section04 .info .info_right .info04 .box_bg{
	position:absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height:100%;
	background-color: #440e0e;
	cursor: pointer;
	transition:
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

#section04 .info .info_right .info04 .box_bg:hover{background-color:#cb4009;}
#section04 .info .info_right .info04:hover p span{color:#ffe2d7;}

#section04 .info .info05 {
	position:relative;
	width: 100%;
	cursor:pointer;
}
#section04 .info .info_right .info05 .over01{}

#section04 .info .info05 .rollover01 img.out_img {
	opacity:1;
	position:absolute;
	top: 0px;
	left: 0px;
}

#section04 .info .info05:hover .rollover01 img.out_img {
	opacity:0;
}


/*푸터영역*/
.footer_box{background-color: #433030;padding: 10px 20px 20px;}


.footer_info {

}
.footer_info .address_txt p {
	font-size: 12px;
	color: #dcdcdc;
	text-align: center;
	line-height: 22px;
	padding-bottom: 5px;
}
.footer_info .address_txt {
	
	padding-top: 20px;
}
.footer_info .address_txt span {
	font-size: 11px;
	color: #b8b8b8;
	display: block;
	padding-top: 5px;
}
.footer_info .address_txt ul {
	/* width: 200px; */
	/* position: relative; */
	/* top: -23px; */
	text-align: center;
	/* left: 640px; */
	margin: 0 auto;
}
.footer_info .address_txt li {
	padding-left: 3px;
	display: inline-block;
}

@media (min-width: 992px){
    		li.mg03 {
    margin-left: 12% !important;}
li.mg02 {
    margin-left: 25% !important}

}

@media (min-width: 768px){
    .sct_20 .sct_li_1,.sct_20 .sct_li_4{width:50%;}
    .sct_20 .sct_li_1 .sct_tit_wr, .sct_20 .sct_li_4 .sct_tit_wr{width:80%;}
    .sct_20 .sct_li_1 .sct_img, .sct_20 .sct_li_4 .sct_img{width:50%;right:10px }
    .sct_20 .sct_li_1,.sct_20 .sct_li_2,.sct_20 .sct_li_3,.sct_20 .sct_li_4{height:230px;}
    .sct_20 .sct_li_2 .sct_basic,.sct_20 .sct_li_3 .sct_basic{display:none}
    .sct_20 .sct_li_2 .sct_tit,.sct_20 .sct_li_3 .sct_tit{margin:0}
	
}

@media (max-width: 768px){

	.main_header{position: relative;top:0px;left:0;background-color: #ffffff;}

	#logo{width: 50%;}
	#section01 .rooms .room_row li{padding-bottom: 15px;padding-left: 8px;padding-right: 8px;}
	

/*섹션타이틀 공통*/
section p{text-align:center;/* width: 38%; */margin: 0 auto; }
section p.title {font-size: 39px;color: #b36d3a;font-family: 'Nanum Brush Script';border-bottom: 1px solid #dcdcdc;letter-spacing: 8px;line-height: 64px;width: 70%;font-weight: 200;}
section p.title span {display: inline-block;margin-right: 5px;color: #482c1b;/*text-transform: uppercase;*/font-family: 'Nanum Brush Script';}
section p.title_txt{font-size: 18px;color: #555;padding-bottom: 35px;padding-top: 15px;letter-spacing: -0.5px;}
section .st_title{margin-bottom:15px;}






/*객실미리보기1*/
#section01 {min-height: 100%;background: #fff;position: relative;}
#section01 .rooms{padding-top: 30px;padding-bottom: 30px;}
#section01 .rooms img{margin:0 auto;}
#section01 .rooms .room_row ul{text-align:center;}
#section01 .rooms .room_row li{display:inline-block;/* margin: 0px 0px; */padding-bottom: 8px;/* width: 380px; */
padding-left: 4px;padding-right: 4px;}
#section01 .rooms .room_row li:first-child{margin-left: 0px;}
#section01 .rooms .room_row li:last-child{margin-right: -1px;}
#section01 .rooms .room_row .box{position:relative;background-color:#000;width: 100%;overflow: hidden;}
#section01 .rooms .room_row .over{border: 0px solid #75f712;opacity: 0;filter:alpha(opacity=0);
width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;
-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: 
opacity 0.4s,border-width 0.4s;}
#section01 .rooms .room_row .overText{color:#fff;font-size: 24px;padding-top: 33%;line-height: 28px;}
#section01 .rooms .room_row .overText span{color:#fff;font-size: 17px;}
#section01 .rooms .room_row .over:hover{opacity:1;filter:alpha(opacity=100);border-width: 8px;}
#section01 .rooms .room_row .box img{width: 100%;opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;
overflow: hidden;transition: all 0.5s;}

#section01 .rooms .room_row .box:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);}
#section01 .rooms .room_row .box:hover img{opacity:0.5;filter: blur(2px);

	-webkit-filter: blur(2px); 
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	transform:scale(1.2,1.2);}


	/*객실미리보기2*/

#section02 {min-height: 100%;background: #fff;}
#section02 .rooms{padding-top: 30px;padding-bottom: 30px;}
#section02 .rooms img{margin:0 auto;}
#section02 .rooms .room_row ul{text-align:center;}
#section02 .rooms .room_row li{display:inline-block;/* margin: 0px 0px; */padding-bottom: 8px;/* width: 380px; */
padding-left: 4px;padding-right: 4px;}
#section02 .rooms .room_row li:first-child{margin-left: 0px;}
#section02 .rooms .room_row li:last-child{margin-right: -1px;}
#section02 .rooms .room_row .box{position:relative;background-color:#000;width: 100%;overflow: hidden;}
#section02 .rooms .room_row .over{border: 0px solid #75f712;opacity: 0;filter:alpha(opacity=0);
width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;
-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: 
opacity 0.4s,border-width 0.4s;}
#section02 .rooms .room_row .overText{color:#fff;font-size: 24px;padding-top: 33%;line-height: 28px;}
#section02 .rooms .room_row .overText span{color:#fff;font-size: 17px;}
#section02 .rooms .room_row .over:hover{opacity:1;filter:alpha(opacity=100);border-width: 8px;}
#section02 .rooms .room_row .box img{width: 100%;opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;
overflow: hidden;transition: all 0.5s;}

#section02 .rooms .room_row .box:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);}
#section02 .rooms .room_row .box:hover img{opacity:0.5;filter: blur(2px);

	-webkit-filter: blur(2px); 
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	transform:scale(1.2,1.2);}


/*스페셜영역*/
#section03 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#section03 img{margin:0 auto;}
#section03 .special .sp_left{margin-bottom: 3%;width:100%;}
#section03 .special .sp_left .sp01{margin-bottom: 14px;}
#section03 .special .sp_right{width: 100%;}
#section03 .special .sp_right .sp03{margin-bottom: 15px;}
#section03 .sp_item{padding-right: 0px;/* width: 100px; */}
#section03 .special  li  .box_black{ background-color:#000; position:relative;}
#section03 .special li img{opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#section03 .special li:hover .sp_img{opacity:0.4;}

#section03 .special .over{opacity: 0;filter:alpha(opacity=1);width: 100%;height: 100%;position: absolute;top: 0;text-align: center;left: 0;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: opacity 0.4s,border-width 0.4s;}
#section03 .special li .over:hover{opacity:1;filter:alpha(opacity=100);}

#section03 .special .sp01 .overText{padding-top: 24%;}
#section03 .special .sp02 .overText{padding-top: 22%;}
#section03 .special .sp03 .overText{padding-top: 27%;}
#section03 .special .sp04 .overText{padding-top: 30%;}
#section03 .special li .overText img{ margin:0 auto;}
#section03 .info .text03 span {
    font-size: 18px;
}


/*인포메이션영역*/
#section04 {background: #f7f2f1;padding: 36px 0px 30px 0px;}
#section04 .info .info_left{float:left;margin-right: 1px;width: 622px;}
#section04 .info .info_left li.st_info01{float:left;margin-right: 1px;width: 315px;}
#section04 .info .info_left li.st_info02{float:left;width: 306px;overflow: hidden;}
#section04 .info .info_right li.st_info03{float:left;width: 283px;margin-right: 1px;}
#section04 .info .info_right li.st_info04{float:left;width: 293px;}

#section04 .info .info_left .info01{}
#section04 .info .info_right{float:left;width: 577px;}
#section04 .info .info_right .info03{
    margin-bottom: 1px;
		max-width: 100%;
    /* width: 577px; */
}
#section04 .info .info_right .info04{position:relative;padding-top: 35%;padding-bottom: 32.4%;}
#section04 .info .info_right li{float:left;/* width: 283px; */}
#section04 .info  li .box_black { position:relative;  background-color:#000;}
#section04 .info  li .box_white {position:relative;/* width: 306px; */background-color:#fff;}

#section04 .info  li img {opacity: 1;transition:
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

#section04 .info li:hover .sp_img{opacity:0.40;}


#section04 .info01 .text01{position:absolute;bottom:0px;width: 100%;background:rgba(0,0,0,0.3);font-size: 1.3rem;line-height: 150%;padding: 12px 0;color:#fff;}
#section04 .info02 .text02{position:absolute;top: 30%;left:0px;width: 100%;font-size: 1.4rem;vertical-align:middle;line-height: 160%;color:#111;}
#section04 .info02 .text02 a{text-decoration:underline;padding-top:20px;line-height: 60px;}
#section04 .info03 .text03{position:absolute;top: 20px;left:0px;width: 100%; font-size:18px;}
#section04 .info03 .text03 p{font-size: 18px;vertical-align:middle;line-height: 144%;color:#fff;margin-top: 2.5%;}
#section04 .info03 .text03 span{font-size: 18px;}
#section04 .info04 .text04{/* position:absolute; *//* top: 15%; */left:0px;width: 100%;height: 100%;padding-top: 11%;}
#section04 .info04 .text04 p.line{width:27px;border-bottom:1px solid #fff; height:1px;}
#section04 .info04 .text04 p{font-size: 18px;vertical-align:middle;line-height: 120%;color:#fff;margin-top: 3%;}
#section04 .info04 .text04 p span{color:#d8eafe;}
#section04 .info04 .text04 p.txt01{font-size: 1rem;font-family:'open sans';letter-spacing:3px;margin-top: 15px;}

#section04 .info05 .text05{position:absolute;top: 16%;left:0px;width: 100%;z-index: 10;}
#section04 .info05 .text05 p{font-size: 1.7rem;vertical-align:middle;line-height: 130%;color:#fff;}
#section04 .info .over{opacity: 0;filter:alpha(opacity=1);width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;z-index: 3;cursor: pointer;transition: 
-webkit-transition:opacity 0.3s,border-width 0.3s;-moz-transition: opacity 0.3s,border-width 0.3s;-ms-transition: opacity 0.3s,border-width 0.3s;-o-transition:opacity 0.3s,border-width 0.3s;transition: opacity 0.4s,border-width 0.4s;}

#section04 .info li .over:hover{opacity:1;filter:alpha(opacity=100);}
#section04 .info .info01 .overText{padding-top: 29%;}
#section04 .info li .info01 img{ margin:0 auto;}

#section04 .info .info_right .info04 .box_bg{
	position:absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height:100%;
	background-color: #440e0e;
	cursor: pointer;
	transition:
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

#section04 .info .info_right .info04 .box_bg:hover{background-color:#cb4009;}
#section04 .info .info_right .info04:hover p span{color:#ffe2d7;}

#section04 .info .info05 {
	position:relative;
	width: 100%;
	cursor:pointer;
}
#section04 .info .info_right .info05 .over01{}

#section04 .info .info05 .rollover01 img.out_img {
	opacity:1;
	position:absolute;
	top: 0px;
	left: 0px;
}

#section04 .info .info05:hover .rollover01 img.out_img {
	opacity:0;
}


/*푸터영역*/
.footer_box{background-color: #433030;padding: 10px 20px 20px;}


.footer_info {

}
.footer_info .address_txt p {
	font-size: 12px;
	color: #dcdcdc;
	text-align: center;
	line-height: 22px;
	padding-bottom: 5px;
}
.footer_info .address_txt {
	
	padding-top: 20px;
}
.footer_info .address_txt span {
	font-size: 11px;
	color: #b8b8b8;
	display: block;
	padding-top: 5px;
}
.footer_info .address_txt ul {
	/* width: 200px; */
	/* position: relative; */
	/* top: -23px; */
	text-align: center;
	/* left: 640px; */
	margin: 0 auto;
}
.footer_info .address_txt li {
	padding-left: 3px;
	display: inline-block;
}

@media (min-width: 992px){
    		li.mg03 {
    margin-left: 12% !important;}
li.mg02 {
    margin-left: 25% !important}

}

@media (min-width: 768px){
    .sct_20 .sct_li_1,.sct_20 .sct_li_4{width:50%;}
    .sct_20 .sct_li_1 .sct_tit_wr, .sct_20 .sct_li_4 .sct_tit_wr{width:80%;}
    .sct_20 .sct_li_1 .sct_img, .sct_20 .sct_li_4 .sct_img{width:50%;right:10px }
    .sct_20 .sct_li_1,.sct_20 .sct_li_2,.sct_20 .sct_li_3,.sct_20 .sct_li_4{height:230px;}
    .sct_20 .sct_li_2 .sct_basic,.sct_20 .sct_li_3 .sct_basic{display:none}
    .sct_20 .sct_li_2 .sct_tit,.sct_20 .sct_li_3 .sct_tit{margin:0}
	
}

@media (max-width: 768px){

	.main_header{position: relative;top:0px;left:0;background-color: #ffffff;}

	#logo{width: 165px;padding-left: 20px;}
	#section01 .rooms .room_row li{padding-bottom: 15px;padding-left: 8px;padding-right: 8px;}
	

	/*섹션타이틀 공통*/
section p{text-align:center;/* width: 38%; */margin: 0 auto; font-size:16px;}
section p.title,
section p.title span{font-size: 18px;line-height: 34px;}
section p.title_txt{font-size: 11px;color: #555;padding-bottom: 35px;padding-top: 15px;letter-spacing: -0.5px;}
section .st_title{margin-bottom:15px;}

#section01 .rooms{padding-top: 15px;padding-bottom: 20px;}
#section01 .rooms .room_row .overText{font-size: 27px;padding-top: 25%;}
#section01 .rooms .room_row .overText span{color:#fff;font-size: 22px;}	
#section02 .special .sp_left{
		width:100%;margin-bottom:3%;
	}
#section02 .special .sp_right{width:100%;}
#section03 .info .text02{font-size: 1.2rem;}

.room_row{}
#section03 .info .text01{font-size: 0.9rem;}
#section03 .info .info_right .info04{padding-top: 35%;padding-bottom:30.4%;}	
#section03 .info .info_left,
#section03 .info .info_right,
#section03 .info .info_right .info03{max-width: 100%;}
#section03 .info .info_left li.st_info01,	
#section03 .info .info_left li.st_info02,
#section03 .info .info_right li.st_info03,
#section03 .info .info_right li.st_info04{
	width:49.8%;
	
}
#section03 .info .info_left li.st_info02{/* height: 249px; */margin-bottom: 1px;overflow: hidden;}
#section03 .info .text05{top:12%;}
#section03 .info .text04 p{font-size: 12px;line-height: 140%;margin-top: 1.6%;}
#section03 .info .text04 p.txt01{font-size: 0.8rem;margin-top: 8px;}
#section03 .info .text03 p{font-size: 12px;line-height: 140%;margin-top: 1%;}
#section03 .info .text03 span{font-size: 12px;}
#section03 .info .text05 p{font-size: 12px;line-height: 140%;}

#section04 .info .text02{font-size: 1.2rem;}
.room_row{}
#section04 .info .text01{font-size: 0.9rem;}
#section04 .info .info_right .info04{padding-top: 35%;padding-bottom:30.4%;}	
#section04 .info .info_left,
#section04 .info .info_right,
#section04 .info .info_right .info03{max-width: 100%;}
#section04 .info .info_left li.st_info01,	
#section04 .info .info_left li.st_info02,
#section04 .info .info_right li.st_info03,
#section04 .info .info_right li.st_info04{
	width:49.8%;
	
}
#section04 .info .info_left li.st_info02{/* height: 249px; */margin-bottom: 1px;overflow: hidden;}
#section04 .info .text05{top:12%;}
#section04 .info .text04 p{font-size: 14px;line-height: 140%;margin-top: 1.6%;}
#section04 .info .text04 p.txt01{font-size: 0.8rem;margin-top: 8px;}
#section04 .info .text03 p{font-size: 18px;line-height: 140%;margin-top: 9.5%;}
#section04 .info .text03 span{font-size: 18px;}
#section04 .info .text05 p{font-size: 15px;line-height: 140%;}
}


@media (max-width: 467px){
.bbs_layer{
    position: relative;
    top: 0px;
    z-index: 999;
    left: 0%;
}

.bbs_layer01{
    position: relative;
    top: 0px;
    z-index: 999;
    left: 0%;
}
}