@charset "utf-8";
/* main.css */
article,section{
	width:100%;
}
.gallery01 ul li img{	
	width:100%;
}
/*sub 객실보기*/
.s_nav_wrap .s_nav{
	width:100%;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
}
.s_nav_wrap .w_4 li{
	width:25%;
}
.s_nav_wrap .w_2 li{
	width:50%;
}
.s_nav_wrap .w_5 li{
	width:20%;
}

.s_nav_wrap .s_nav li{	
	padding:1px 2px 3px 2px;
	float:left;
}
.s_nav_wrap .s_nav a{
	display:block;
	padding:7px 3px;
	text-align:center;
	background:#fff;
	font-size:0.85em;
	letter-spacing:-1px;
	border:1px solid #878787;	
}
.s_nav_wrap .s_nav a:hover{
	background:#E31834;
	color:#fff;
}
.s_nav_wrap .s_nav a.on{
	background:#E31834;
	color:#fff;
}
.sub_tit{
	background:#464646;
}
.sub_tit h3{
	max-width:310px;
	margin:0px auto;
	text-align:center;
	padding:10px 0;
	color:#fff;
	font-size:1.25em;
	font-weight:700;
}
.btn_tel02{
	text-align:center;
	width:100%;
	padding:15px 0;
}

.sub_nav ul li {
	float:left;
	width:20%;
	border:1px solid #b9001a;
	background:#E31834;
	color:#FFFFFF;
	text-align:center;
	padding: 20px 0;
	font-size:0.75em;
}

.sub_nav ul li img {
	max-width:50px;
}

.sub_nav ul li p{
	padding:5px;
}

.sub_nav a { text-decoration:none; color:#FFF; }
.sub_nav a:link, .m_menu a:visited { text-decoration:none; }
.sub_nav a:hover, .m_menu a:active { text-decoration:none; }

.overing .roll, .overing:hover .over {
	display:inline-block;
}
.overing .over, .overing:hover .roll {
	display:none;
}
.sub_nav ul li a{
	display:block;
}
.sub_nav ul li a p{
	width:60px;
	margin:8px auto;
}
.sub_nav ul li a img{
	width:60px;
}
.sub_nav ul li:hover{
	background:#464646;
}


/*list*/

.s_con{
	padding:10px;
}
.s_con h3{
	border-left:4px solid #acacac;
	margin-bottom:10px;
	padding-left:10px;
}
.table01 table{
	width:100%;
	background:#f2f2f2;
	letter-spacing:-1px;
}
.table01 table thead th,.table01 table tbody td{
	text-align:center;
	border:1px solid #d4d4d4;
	font-size:0.9em;	
}
.table01 table thead th{
	color:#aa937c;
}
.table01 table tbody td{
	color:#444;
}
.s_con .con_txt{
	font-size:0.9em;
	letter-spacing:-1px;
}
.board01_wrap{
	position:relative;
}
.board01_wrap h3{
	font-size:1.25em;
	font-weight:700;
	padding:10px;
}
.board01_wrap .btn-writing{
	position:absolute;
	top:5px;
	right:10px;
}
.table02 table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table02 thead th{
	padding:12px 0;
	border-top:1px solid #D2E2D1;
	border-bottom:1px solid #D2E2D1;
	background:#E9EFE5;
	color:#383838;
	font-size:0.95em;
	font-weight:700;
	text-align:center;
	letter-spacing:-0.1em
}
.table02 td{
	padding:5px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	line-height:1.5em;
	word-break:break-all;
	font-size:0.8em;
}
.table02 td a{
	display:block;	
}
.table02 td:nth-of-type(2){
	text-align:center;
}
.table02 td a .cnt_coment{
	display:inline-block;
	margin-left:3px;
	font-weight:bold;
	color:#547820;
}
.pagination_wrap{
	text-align:center;
}
.pagination li a{
	color:#444;
}
.pagination li a:hover{	
	background:#E31834;
	color:#fff;
}
.btn_2{
	text-align:center;
	padding:10px 0 5px 0;
}
.btn_2 ul{
	display:inline-block;
}
.btn_2 ul li{
	float:left;
	font-size:0.8em;
	padding:2px;	
}
.btn_2 ul li:first-child select,.btn_2 ul li:nth-of-type(2) input{
	border:1px solid #ddd;	
}
.btn_2 ul li:nth-of-type(2) input{
	width:140px;
	text-align:left;
}
/*view*/

.view01{
	width:100%;
	padding:5px 0;
	border-top:2px solid #E31834;
	border-bottom:1px solid #E31834;
}
.view01_tit{
	padding:10px 5px 5px 5px;
	font-weight:700;
	font-size:1.1em
}
.view01_info{
	font-size:0.8em;
	padding:0 5px;
	border-bottom:1px solid #d4d4d4;
}
.view01_info span{
	display:inline-block;
	padding:1px 5px 1px 0px;
}
.view01_info em{
	font-weight:700;
}
.view01 .view_top_btn_wrap{
	position:relative;	
	padding:5px;
}
.view01 .view_top_btn_wrap ul{
	position:absolute;
	top:5px;
	right:5px;
}
.view01 .view_top_btn_wrap ul li{
	float:left;
	padding-right:3px;
}
.view01 .view_con{
	padding:10px 5px;
}
.coment h5{
	padding:10px 0 0  20px;
	font-weight:700;
}
.cmt01_wrap{
	padding:10px;
}
.cmt01{
	padding:7px;
	background:#e9e9e9;
	border-radius: 5px;
}
.cmt01_info{
	font-size:0.8em;
	padding:0 5px;
	border-bottom:1px dotted #444;
}
.cmt01_info em{
	font-weight:700;
}
.cmt01_con{
	padding:5px;
}

/*후기입력*/
.table03{
	width:100%;
	padding:5px;
}
.table03 table{
	width:100%;
}
.table03 table tbody tr th,.table03 table tbody tr td{
	padding:5px;
	font-size:0.9em;
}
.table03 table tbody tr th{
	border:1px solid #e0e0e0;
	border-left:0;
	background:#f3f3f3;
	padding-left:10px;
	text-align:right;
	width:20%;
}
.table03 table tbody tr th label{
	vertical-align:middle;
	margin:0;
}
.table03 table tbody tr td{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	width:80%;
}
.table03 table tbody tr td input[type="text"],.table03 table tbody tr td input[type="password"],.table03 table tbody tr td textarea,.table03 table tbody tr td input[type="file"]{
	width:100%;
}
.table03 table tbody tr td input[type="text"],.table03 table tbody tr td input[type="password"]{
	border:1px solid #a9a9a9;
}
.table03 table tbody tr td .table03_txtarea{
	height:100px;
}
.btn_wrap{
	text-align:center;
}
.btn_wrap .btn_1{
	display:inline-block;
	padding:20px 0;
}

/*펜션소개*/
.img100{
	width:100%;
}
.img100 img{
	width:100%;
}
.s_con h5{
	font-size:1.2em;
	font-weight:700;
	padding:10px 0 0 0;
	color:#858585;
}
.s_con h4{
	font-size:1.4em;
	font-weight:700;
	padding:10px 0;
}
.s_con h4 em{
	color:#E31834;
	font-weight:700;
}
.img_c{
	width:100%;
	text-align:center;
	padding:15px 0;
	background:#e1e1e1;
	border-bottom:1px solid #fff;
}
.img_c img{
	width:272px;
	display:inline-block;
}
.acc01{
	font-size:1.3em;
	font-weight:bold;
}
@media(min-width: 768px) {
	.menu_wrap ul li.menu{
	width:50%;
	float:left;
	}
}
.menu_wrap ul li{
	width:100%;	
}
.menu_wrap ul li .img img{
	width:100%;
	margin-bottom:3px;
}
.menu .pad_5{
	padding:5px;
}
.menu .menu_txt .tit{
	color:#78a514;
	font-size:1.5em;
	font-weight:700;
	background:#e4e4e4;
	padding:5px;
}
.menu .menu_txt .tit_en{
	color:#78a514;
	font-size:1.1em;
	font-weight:500;
	padding-left:5px;
}
.menu .menu_txt .txt{
	font-size:0.9em;
	font-weight:500;
	padding-left:5px;
}
.menu .menu_txt{
	min-height:125px;
	padding:5px 0px;
	letter-spacing:-0.5px;
}
.travel h3{
	font-size: 1.4em;
	font-weight: 700;
	margin: 10px 0;
}
.travel h3 span{
	color:#E31834;
}
.travel .img,.travel .txt{
	padding:5px;
	min-height:130px;
}
.travel .img,.travel .txt .con_txt{
	line-height:1.25em;
}
.travel .img img{
	width:100%;
}
@media(min-width: 768px) {
	.travel ul li{
	width:50%;
	float:left;
	}
}
.licenses{
	font-size:0.75em;
	color:#4f4f4f;
	padding:0 10px;
}


ul.photoG_wrap{
	width:100%;
	padding:5px;
}
ul.photoG_wrap:after{
	content:"";
	display:block; 
	clear:both; 
	height: 0; 
	visibility: hidden;
}
ul.photoG_wrap: {*zoom:1;}
ul.photoG_wrap li.photoG{
	width:33.333%;
	float:left;
	padding:5px;
	
}
ul.photoG_wrap li.photoG a .img{
	width:100%; 
	height:100px;
	overflow:hidden;
}
ul.photoG_wrap li.photoG a .img img{
	width:100%;
	height:auto;
}
ul.photoG_wrap li.photoG a .text{
	width:100%;
	height:50px;
}
ul.photoG_wrap li.photoG a .text .tit{
	text-overflow:ellipsis; 
	overflow: hidden; 
	white-space: nowrap; 
	display: block;
	font-size:0.9em;
}
ul.photoG_wrap li.photoG a .text .day{
	font-size:0.85em;
	color:#959595;
}