@import url( "https://fonts.googleapis.com/css?family=Chonburi" );
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Gamja+Flower');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');

body{
position:relative;
width:100%;
height:100%;
font-family: "Noto Sans KR", sans-serif;
font-size:0.75em; 
color:#999;}

a {
text-decoration:none;}




/* ---------------------------------  header.php
-------------------------------------------------------------------------------*/	
	#header
	{
		width				: 100%;
	}

	#header .header_wrap 
	{
		background:#fff;
		position			: relative;
		height				: 100px;
		border-bottom		: 1px solid #d0d0d0;
		z-index				: 111;
		
	}

	#header .header_logo a
	{
		width				: 70px;
		height				: 70px;
		text-align			: center;
		font-size			: 25px;
		font-weight			: 700;
		color				: #ffffff;
/*		padding				: 0;*/
		position			: absolute;
		top					: 50%;
		left				: 50%;
		margin-top			: -30px;
		margin-left			: -35px;
		font-family			: 'Lusitana', serif;
	}

	#header .header_logo img
	{
		width				: 100%;
		height				: 100%;
	}

	#header .menu_wrap
	{
		position			: relative;
		z-index				: 9999;
		display				: inline-block;
		width				: 25px;
		height				: 22px;
		-webkit-transition	: .2s ease-in-out;
		transition			: .2s ease-in-out;
		-webkit-transform	: rotate(0);
		-ms-transform		: rotate(0);
		transform			: rotate(0);
		margin-top			: 38px;
		margin-left			: 20px;
	}

	#header .menu_wrap span:nth-child(1)
	{
		top					: 0;
	}

	#header .menu_wrap span:nth-child(2)
	{
		top					: 10px;
	}

	#header .menu_wrap span:nth-child(3)
	{
		top					: 20px;
	}

	#header .menu_wrap span 
	{
		position			: absolute;
		left				: 0;
		display				: block;
		width				: 100%;
		height				: 4px;
		background			: #333;
		opacity				: 1;
		-webkit-transition	: .3s ease-in-out .4s;
		transition			: .3s ease-in-out .4s;
		-webkit-transform	: rotate(0);
		-ms-transform		: rotate(0);
		transform			: rotate(0);
		border-radius		: 10px;
	}



	#menu_list
	{
		width				: 100%;
		position			: absolute;
		top					: -1000px;
		left				: 0;
/*		height				: 0;*/
/*		overflow			: hidden;*/
		z-index				: 105;
		-webkit-transition	: height 1.5s, top 1.5s; /* For Safari 3.1 to 6.0 */
		transition			: height 1.5s, top 1.5s;
	}

	#menu_list .menu_dv
	{
		background			: rgba(255, 255, 255, .9);
/*		box-shadow			: 0 0 5px 2px rgba(0, 0, 0, 0.1);*/
		padding				: 120px 30px 30px 30px;

	}

	#menu_list .menu_dv .menu_sec
	{
		margin-bottom		: 30px;
	}

	#menu_list .menu_dv .menu_sec .menu_title
	{
		font-size			: 20px;
		font-weight			: 700;
		color				: #6a747d;;
		margin-bottom		: 12px;
	}

	#menu_list .menu_dv .menu_sec .menu_sub li
	{
		margin-bottom		: 10px;
	}

	#menu_list .menu_dv .menu_sec .menu_sub li a
	{
		font-size			: 14px;
		font-weight			: 700;
		color				: #333;
	}

/

#sn_menu_background {
background:rgba(0,0,0,0.9); 
width:48vw; 
border-left:1vw solid transparent; 
border-right:1vw solid transparent; 
height:100vh;
min-width:295px; 
position:fixed; 
right:0; 
top:-100%; 
opacity:0; 
transition: top 0s 2s, opacity 0.5s 1s; 
z-index:100005;}

#sn_menu_outer {
display:block; 
font-family: "Futura Md BT"; 
color:#aaa; 
width:48vw; 
border-left:1vw solid transparent; 
border-right:1vw solid transparent; 
height:100vh; 
min-width:295px; 
opacity:0; 
position:fixed; 
right:0; 
top:-100vh; 
transition: 0.5s 0.75s;
z-index:100010; 
overflow:hidden; 
overflow-y:auto; -webkit-overflow-scrolling: touch;}
	
#sn_menu_vertical {
width:1px;
height:100vh; 
display:inline-block;
vertical-align:middle;}
	
#sn_menu_outer #sn_menu li {
position:relative;}


#sn_menu_outer #sn_menu li label {
display:block; 
line-height:39px; 
text-transform:uppercase; 
margin-left:-15px;}

#sn_menu_outer #sn_menu li label:hover {
color:#fff;}

#sn_menu_outer #sn_menu li label:last-child {
display:none; 
position:absolute; 
left:0; 
top:0; 
width:100%; 
height:40px; 
background:rgba(0,0,0,0);}

#sn_menu_outer #sn_menu li label span {
display:inline-block;
width:0; 
height:0; 
border:5px solid transparent; 
border-top-color:#aaa;
margin:0 4px 0 0;}

#sn_menu_outer #sn_menu li a {
color:#aaa; 
text-decoration:none;
font-family: "Futura Md BT"; 
font-size:18px; 
line-height:38px; 
display:block;}

#sn_menu_outer #sn_menu li a:hover {
color:#fff;}

#sn_menu_outer #sn_menu ul li {
height:0; 
overflow:hidden; 
opacity:0; 
transition:0.75s;}

#sn_menu_ip input[id*="sn_menu"] {
display:none;}

#sn_menu_outer ul {
padding:0; 
margin:0;
list-style:none;}

#sn_menu_outer #sn_menu {
width:90%; 
display:inline-block; 
vertical-align:middle; 
overflow:hidden}

#sn_menu_outer #sn_menu {
width:90%; 
max-width:400px; 
margin:0 auto; 
overflow:hidden; 
overflow-y:auto;}

#sn_menu_outer #sn_menu > li {
text-indent:15px;
border-bottom:1px solid rgba(255,255,255,0.05);}

#sn_menu_outer #sn_menu ul li {
text-indent:30px;}

#sn_menu_outer #sn_menu ul ul li {
text-indent:45px;}

#sn_menu_outer #sn_menu ul ul ul li {
text-indent:60px;}
	
#sn_menu_toggle {
padding:0; 
margin:0; 
position:fixed; 
right:10px; 
top:36px; 
height:50px; 
width:50px; 
text-align:center; 
color:#fff;
z-index:100020; 
background:#000;
transition: background 0.5s 0.5s; 
box-shadow:10px 10px 10px rgba(0,0,0,0.2);
cursor:pointer;}

#sn_menu_toggle label {
display:block; 
width:50px; 
height:50px; 
position:absolute; 
left:0; 
top:0;}

#sn_menu_toggle label:nth-of-type(1) span {
display:block;  
position:absolute;
top:20px;
left:8px;}

#sn_menu_toggle label:nth-of-type(1) span::after {
content:""; 
display:block; 
width:19px; 
position:absolute; 
top:6px; 
left:0;}

#sn_menu_toggle label:nth-of-type(2) {
display:none;}

#sn_menu_toggle label:nth-of-type(2) span {
display:block; 
width:50px; 
height:50px; 
position:absolute;}

#sn_menu_toggle label:nth-of-type(2) span::before {
content:""; 
display:block; 
width:30px; 
height:4px; 
position:absolute;
top:22px; 
left:10px; 
background:#fff; 
transform:rotate(45deg); 
transform-origin:center center;}

#sn_menu_toggle label:nth-of-type(2) span::after {
content:"";
display:block; 
width:30px;
height:4px; 
position:absolute; 
top:22px;
left:10px; 
background:#fff; 
transform:rotate(-45deg); 
transform-origin:center center;}
	
#sn_menu_ip input[class*="00"]:checked ~ #sn_menu_background {
top:0; 
opacity:1; 
transition: opacity 0.5s, top 0s;}

#sn_menu_ip input[class*="00"]:checked ~ #sn_menu_outer {
top:0; 
opacity:1; 
transition: 0.5s 0.5s;}

#sn_menu_ip input[class*="00"]:checked ~ #sn_menu_toggle {
background:transparent; 
transition: 0.5s;}

#sn_menu_ip input[class*="00"]:checked ~ #sn_menu_toggle label {
display:none;}

#sn_menu_ip input[class*="00"]:checked ~ #sn_menu_toggle label:last-child {
display:block;}

#sn_menu_ip input[class*="01"]:checked ~ #sn_menu_outer #sn_menu .sn_menu01 + ul > li,
#sn_menu_ip input[class*="02"]:checked ~ #sn_menu_outer #sn_menu .sn_menu02 + ul > li,
#sn_menu_ip input[class*="03"]:checked ~ #sn_menu_outer #sn_menu .sn_menu03 + ul > li,
#sn_menu_ip input[class*="04"]:checked ~ #sn_menu_outer #sn_menu .sn_menu04 + ul > li,
#sn_menu_ip input[class*="05"]:checked ~ #sn_menu_outer #sn_menu .sn_menu05 + ul > li,
#sn_menu_ip input[class*="06"]:checked ~ #sn_menu_outer #sn_menu .sn_menu06 + ul > li,
#sn_menu_ip input[class*="07"]:checked ~ #sn_menu_outer #sn_menu .sn_menu07 + ul > li,
#sn_menu_ip input[class*="08"]:checked ~ #sn_menu_outer #sn_menu .sn_menu08 + ul > li,
#sn_menu_ip input[class*="09"]:checked ~ #sn_menu_outer #sn_menu .sn_menu09 + ul > li,
#sn_menu_ip input[class*="10"]:checked ~ #sn_menu_outer #sn_menu .sn_menu10 + ul > li,
#sn_menu_ip input[class*="11"]:checked ~ #sn_menu_outer #sn_menu .sn_menu11 + ul > li {
height:40px; 
opacity:1; 
border-bottom:1px solid rgba(255,255,255,0.05);}
	
#sn_menu_ip #sn_menu01:checked ~ #sn_menu_outer #sn_menu .sn_menu01 > label:last-child,
#sn_menu_ip #sn_menu02:checked ~ #sn_menu_outer #sn_menu .sn_menu02 > label:last-child,
#sn_menu_ip #sn_menu03:checked ~ #sn_menu_outer #sn_menu .sn_menu03 > label:last-child,
#sn_menu_ip #sn_menu04:checked ~ #sn_menu_outer #sn_menu .sn_menu04 > label:last-child,
#sn_menu_ip #sn_menu05:checked ~ #sn_menu_outer #sn_menu .sn_menu05 > label:last-child,
#sn_menu_ip #sn_menu06:checked ~ #sn_menu_outer #sn_menu .sn_menu06 > label:last-child,
#sn_menu_ip #sn_menu07:checked ~ #sn_menu_outer #sn_menu .sn_menu07 > label:last-child,
#sn_menu_ip #sn_menu08:checked ~ #sn_menu_outer #sn_menu .sn_menu08 > label:last-child,
#sn_menu_ip #sn_menu09:checked ~ #sn_menu_outer #sn_menu .sn_menu09 > label:last-child,
#sn_menu_ip #sn_menu10:checked ~ #sn_menu_outer #sn_menu .sn_menu10 > label:last-child,
#sn_menu_ip #sn_menu11:checked ~ #sn_menu_outer #sn_menu .sn_menu11 > label:last-child {
display:block;}
	
#sn_menu_ip input[class*="01"]:checked ~ #sn_menu_outer #sn_menu .sn_menu01 > label,
#sn_menu_ip input[class*="02"]:checked ~ #sn_menu_outer #sn_menu .sn_menu02 > label,
#sn_menu_ip input[class*="03"]:checked ~ #sn_menu_outer #sn_menu .sn_menu03 > label,
#sn_menu_ip input[class*="04"]:checked ~ #sn_menu_outer #sn_menu .sn_menu04 > label,
#sn_menu_ip input[class*="05"]:checked ~ #sn_menu_outer #sn_menu .sn_menu05 > label,
#sn_menu_ip input[class*="06"]:checked ~ #sn_menu_outer #sn_menu .sn_menu06 > label,
#sn_menu_ip input[class*="07"]:checked ~ #sn_menu_outer #sn_menu .sn_menu07 > label,
#sn_menu_ip input[class*="08"]:checked ~ #sn_menu_outer #sn_menu .sn_menu08 > label,
#sn_menu_ip input[class*="09"]:checked ~ #sn_menu_outer #sn_menu .sn_menu09 > label,
#sn_menu_ip input[class*="10"]:checked ~ #sn_menu_outer #sn_menu .sn_menu10 > label,
#sn_menu_ip input[class*="11"]:checked ~ #sn_menu_outer #sn_menu .sn_menu11 > label {
color:#fff;}
#sn_menu_ip input[class*="01"]:checked ~ #sn_menu_outer #sn_menu .sn_menu01 > label span,
#sn_menu_ip input[class*="02"]:checked ~ #sn_menu_outer #sn_menu .sn_menu02 > label span,
#sn_menu_ip input[class*="03"]:checked ~ #sn_menu_outer #sn_menu .sn_menu03 > label span,
#sn_menu_ip input[class*="04"]:checked ~ #sn_menu_outer #sn_menu .sn_menu04 > label span,
#sn_menu_ip input[class*="05"]:checked ~ #sn_menu_outer #sn_menu .sn_menu05 > label span,
#sn_menu_ip input[class*="06"]:checked ~ #sn_menu_outer #sn_menu .sn_menu06 > label span,
#sn_menu_ip input[class*="07"]:checked ~ #sn_menu_outer #sn_menu .sn_menu07 > label span,
#sn_menu_ip input[class*="08"]:checked ~ #sn_menu_outer #sn_menu .sn_menu08 > label span,
#sn_menu_ip input[class*="09"]:checked ~ #sn_menu_outer #sn_menu .sn_menu09 > label span,
#sn_menu_ip input[class*="10"]:checked ~ #sn_menu_outer #sn_menu .sn_menu10 > label span,
#sn_menu_ip input[class*="11"]:checked ~ #sn_menu_outer #sn_menu .sn_menu11 > label span {
border-top-color:#0f0;}

.con_box{
overflow:hidden; 
width:100%;
height:130px;
margin:2px auto; 
border:1px solid #ddd;}

.con_box a{
width:100%;
height:100%;
display:block;
background:rgba(51,51,51,0.1); 
color:#fff;
padding-top:40px;}

.con_box a p{
text-align:center;
text-shadow:#000 0px 0px 5px;}

.con_box a .p01{
font-family: 'Jeju Myeongjo', serif; 
font-size:20px;
font-style:italic; 
font-weight:bold;}

.con_box a .p02{
margin-top:7px; 
font-size:14px;}


/* special,service cont_box_s*/
.cont_box_s_group{
display:flex;
}

.con_box_s{
overflow:hidden; 
width:100%;
height:170px;
margin:2px auto; 
border:1px solid #fff;
}

.con_box_s a{
width:100%;
height:100%;
display:block;
background:rgba(51,51,51,0.1); 
color:#fff;
padding-top:60px;}

.con_box_s a p{
text-align:center;
text-shadow:#000 0px 0px 5px;}

.con_box_s a .p01{
font-family: 'Jeju Myeongjo', serif; 
font-size:20px;
font-style:italic; 
font-weight:bold;}

.con_box_s a .p02{
margin-top:7px; 
font-size:14px;}



.main_room_title{
overflow:hidden;}

.main_room_title h1{
text-align:center; 
padding:35px 30px 30px 30px;}

.main_room_title h1 img{
max-width:80%;}

.m_special{
overflow:hidden;}

.m_special .ms_title{
font-family: 'Chonburi', cursive; 
text-align:center; 
color:#333;
padding:20px 0; 
font-size:18px;}

.m_special .ms_title span{
font-family: "Noto Sans KR", sans-serif; 
font-size:14px;}

.m_special .sp_box{
width:89%; 
height:100px; 
border:1px solid #ddd; 
padding:15px; 
margin:0 auto 7px; 
text-shadow:#333 0px 0px 3px;}

.m_special .sp_box a{
width:100%; 
display:block;
color:#fff;
font-size:23px;
padding-top:31px;
font-family: "Noto Sans KR", sans-serif; 
font-weight:bold;}

.m_special .sp_box a span{
display:block;
font-size:11px; 
margin-top:5px;  
font-weight:normal;
letter-spacing:2px;}

#footer{
width:100%;
text-align:center; 
overflow:hidden; 
border-top:1px solid #ddd; 
margin-top:20px;}

#footer .reser_button{
color:#333; 
text-align:center; 
padding:20px 0 30px;}

#footer .reser_button a{
background-color:#565656;
padding:5px 20px 10px;
border:1px solid #ccc; 
font-size:13px; 
margin:0 15px; 
color:#fff;}

#footer .f_logo{
background:#555;
color:#ccc;}

#footer .address{
background:#555; 
font-size:12px;
text-align:center; 
line-height:20px; 
padding:15px 10px; 
color:#ccc;}

#footer .address span{
font-weight:bold; 
color:#859cac;}

#footer .copyright{
background:#555; 
color:#999;
font-size:11px; 
text-align:center; 
padding:10px; 
border-top:1px solid #777;}

#footer .copyright span{
color:#efdac2; 
font-weight:bold;}

.sub_title {
overflow:hidden; 
margin-bottom:10px;}

.sub_title h1 {
text-align:center;}

.sub_title h1 img{
max-width:100%;}

.sub_title p{
text-align:center; 
color:#575757;
font-size:17px; 
font-weight:bold;
padding:30px 5px 5px 5px;}

.sub_title .room_s_add {text-align:center; 
color:#575757;
font-size:17px; 
font-weight:bold;
padding:30px 5px 5px 5px;}

.sub_title p span{
color:#6a747d;}

.sub_title p.sub_title{
font-size:10px;
text-align:center; 
color:#9f9f9f; 
padding:5px;
font-weight:normal;}

.prologue{
overflow:hidden; 
margin-bottom:30px;}

.prologue h1{
text-align:center;}

.prologue h1 img{
max-width:100%;}

.prologue .contents{
max-width:600px; 
font-size:13px; 
color:#737373; 
padding:0px 3% 0 3%; 
line-height:25px; 
margin:0 auto;
text-align:center;
}


.outview {
overflow:hidden; 
margin-bottom:30px; 
text-align:center;}

.outview img{
max-width:94%; 
padding:3% 3% 0 3%;}

.special {
overflow:hidden; 
margin-bottom:30px; 
text-align:center;}

.special img{
max-width:94%;
padding:3% 3% 0 3%;}

.special p{
padding:10px 0 20px 0;
font-size:15px;
color:#343434;
font-weight:bold;}

.special p span{
color:#d1aa66;}

.special div{
color:#333;}

.special_list p{
color:#888; 
border-top:1px dashed #ccc;
padding-top:20px;}

.special_list li{
display:inline-block; 
width:50px; 
height:50px; 
border:1px solid #ccc; 
border-radius:25px; 
margin:10px 5px;
}

.special_list li a{
width:100%;
height:100%; 
display:block;
}

.tour_list{
text-align:center; 
font-size:13px; 
margin-bottom:20px;}

.tour_list li{
display:inline-block; 
padding:4px 7px; 
border:1px solid #ccc;
border-radius:5px; 
margin:0 3px 5px 0; 
box-shadow:#eee 0px 0px 2px;}

.tour_list li a{
color:#777;}

.tour{
overflow:hidden;
margin-bottom:30px;
max-width:600px; 
padding:3% 3% 0 3%; 
margin:0 auto;}

.tour .tour_con{
width:100%;
margin:auto;}

.tour .tour_con .tour_img{
max-width:100%; 
height:250px;}

.tour .tour_con .tour_txt{
padding:10px; 
text-align:center; 
font-size:13px; 
color:#333333; 
margin-top:5px; 
margin-bottom:13px; 
line-height:20px;}

.tour .tour_con .tour_txt span{
font-size:14px; 
font-weight:bold;
display:block;}

.notice {
overflow:hidden;
margin-bottom:30px;  
margin:0 auto; 
margin-left:-25px;}

.traffic {
overflow:hidden; 
margin-bottom:30px; 

padding-top:3%; 
margin:0 auto;}

.traffic .contents{
overflow:hidden; 
color:#333; 
width:95%; 
margin:0 auto 5%;}

.traffic .contents p{
padding:10px 0 20px 0;
font-size:13px; 
color:#343434;}

.traffic .contents p span{
color:#4e5861;}

.traffic .contents h1{
padding:10px 0 20px 0;
font-size:15px; 
color:#343434; 
font-weight:bold;}

.traffic .contents h1 span{
color:#4e5861;}

.traffic .contents .t_con {
padding-right:10px;}

.traffic .contents .t_con .title{
font-size:13px; 
color:#4e5861; 
padding:0 10px 10px 10px;}

.traffic .contents .t_con .title span {
color:#999; 
font-weight:bold;}

.traffic .contents .t_con .txt{
padding-left:20px;
font-size:13px; 
line-height:20px;
margin-bottom:3%;}

.traffic .contents .t_con .txt span{
color:#54accc; 
font-weight:bold;}

.room_sub {
overflow:hidden; 
margin-bottom:30px; 
max-width:600px;
padding:3% 3% 0 3%; 
margin:0 auto;}

.room_sub .noti_txt{
	color:#a92a08;
	text-align:center;
	border:1px solid #fff;
	padding: 0 0 20px 0;
	font-weight:bold;
}

.room_sub2 {
overflow:hidden;
max-width:600px;
padding:0; 
margin:0 auto;}

.room_sub .room_table{
overflow:hidden; 
margin-bottom:30px;}

.room_sub .room_table .r_title{
padding-bottom:10px;
padding-top:10px; 
line-height:20px;}

.room_sub .room_table .r_title span{
background:#333333; 
padding:2px; 
color:#ffffff;
margin-right:10px; 
font-size:10px;}

.room_sub .room_table .r_title em{
padding-right:10px;}

.room_table .table table {
border-collapse:collapse; 
border-spacing:0; 
border-top: 1px solid #e6e6e6;
text-align:center;}

.room_table .table table tr {}

.room_table .table table tr td {
border-right: 1px solid #e6e6e6; 
border-bottom: 1px solid #e6e6e6; 
line-height:35px; 
width:25%;
color:#666666;}

.room_table .table table tr td.bg{
background:#e3e3e3; 
border-right: 1px solid #ffffff; 
color:#333333; 
font-weight:bold;}

.room_table .table table tr td.right{
border-right:none;}

.room_table .table table tr td.left{
border-left:none;}

.room_table .day ul{
overflow:hidden;}

.room_table .day ul li {
float:left; 
margin-right:10px; 
margin-top:10px;}

.room_table .day ul li span{
color:#666;}

.room_table .item { 
margin-top:5px; 
line-height:20px;}

.room_table .item span{
color:#666;}

.reser {
overflow:hidden; 
margin-bottom:30px; 
max-width:600px; 
padding:3% 3% 0 3%; 
margin:0 auto;}

.reser_tong_table table{}

.reser_tong_table table tr{
border-top:1px solid #CCC;}

.reser_tong_table table tr td{
text-align:center;
line-height:25px; 
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;}

.reser_tong_table table tr td span{
color:#09C; 
font-weight:bold;}

.reser_tong_table table tr td.right{
border-right:none;}

.reser_tong_table table tr.tbody td{
border-top: 1px solid #333;}

.reser_tong_table table tr.top td{
background:#ededed; 
font-size:12px; 
color:#333; 
font-weight:bold; 
border-right:1px solid #ffffff;}

.reser_tong_table table tr.top {
border-top:none;}

.reser_tong_table table tr td.tt{
color:#333;}

.reser_tong_table table tr td.one{
height:1px;
background-color:#333;}

.gray00{
background-color:#ededed;}

.bak {
text-align:center;
padding:20px;}

.bak a{
font-size:14px; 
font-weight:bold; 
color:#39F;}

.sp_title{
font-family: 'Chonburi', cursive; 
text-align:center; 
color:#333;
padding:20px 0; 
font-size:20px;}

.sp_title span{
font-family: "Noto Sans KR", sans-serif;
font-size:14px;}

.sp_title img{
width:50px; 
height:50px; 
margin-bottom:10px;}


.bgb{
overflow:hidden; 
}

.m_room{
overflow:hidden;
}

.bgb .m_room .box_all{
	width:100%;
}

.m_room .title{
font-family: 'Chonburi', cursive; 
text-align:center;
color:#333; 
padding:20px 0; 
font-size:20px;
}

.m_room .title span{
font-family: "Noto Sans KR", sans-serif; 
font-size:14px;}

.m_room .title img{
width:50px; 
height:50px; 
margin-bottom:10px;}

.m_room .box{
width:100%; 
float:left; 
overflow:hidden;}

.m_room .box{
width:100%; 
float:left; 
overflow:hidden;
margin-bottom:1px;
width:50%;}

.m_room .box .in{
overflow:hidden; 
background:#fff;
margin-right:1px; 
}

.m_room .box .img{
width:100%; 
height:140px;}

.m_room .box .txt{
padding:10px; 
font-size:15px;
font-weight:bold;
color:#333;
text-align:center;
}

.m_room .box .txt p{
font-family: "Noto Sans KR", sans-serif;
font-size:12px; 
font-weight:normal; 
padding-top:8px;
display:inline-block;}



.btn_left{
left:0;}




/*--------------------------- swiper.css ---------------------------*/

.swiper-container {
      width: 100%;
      height: 100%;
    }
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

 .swiper-slide img{
	width:100%;
	height:auto;
 }