@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url( "https://fonts.googleapis.com/css?family=Chonburi" );
@import url( "https://fonts.googleapis.com/css?family=Cutive" );

body{
position:relative;
width:100%;
height:100%;
font-family: "Noto Sans KR", sans-serif; 
font-size:0.75em;
color:#999;}

a {
text-decoration:none;}


/* Layout
***********************/
.header{}

.header p{
text-align:center;
padding:0 30px 10px 30px;
background:#383838;}

.header p img{
max-width:100%; 
height:120px;}

.header div a{
position:absolute; 
top:40px;
right:20px; 
color:#fff;
font-size:10px;}

.header ul{
overflow:hidden; 
border-top:1px solid #ccc; 
border-bottom:1px solid #ccc;}

.header ul.gnb2{
overflow:hidden; 
border-top:none;  
border-bottom:1px solid #ccc;}

.header ul li{
float:left; 
width:25%;
text-align:center; 
background:#383838;}

.header ul li a{
display:block; 
line-height:30px; 
text-decoration:none;
color:#fff;
border-right:1px solid #ccc;}

.header ul li img{
max-width:100%;}

.header ul li.last{
border-right:none;}

.header ul li.last a{
border-right:none;}

.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%;}



.room_list{
margin-bottom:30px;}

.room_list ul{
overflow:hidden;}

.room_list li{
float:left;
width:32%; 
margin-right:2%; 
margin-bottom:3%;}

.room_list li.last{
margin-right:0;}

.room_list li img{
width:100%;}

.room_list li a{
text-decoration:none;}

.room_list li p{
font-size:11px; 
padding:5px; 
background-color:#b2b2b2; 
color:#ffffff;}



.footer{
overflow:hidden;
border-top:1px solid #ccc;}

.footer .top_btn{
background:#383838; 
border-bottom:1px solid #ccc; 
border-top:1px solid #ccc;}

.footer .top_btn ul{
overflow:hidden;}

.footer .top_btn ul li{
float:left; 
width:49.7%;
border-right:1px solid #ccc;
text-align:center; 
padding:15px 0 15px 0;}

.footer .top_btn ul li.last{
border-right:none;}

.footer .top_btn ul li img{
max-width:50%;}

.footer .top_btn ul li a{
color:#fff; 
font-size:15px;}

.footer .address{
background:#fff; 
color:#383838; 
font-size:12px;
text-align:center;
line-height:20px; 
padding:15px 0 15px 0; 
border-top:1px solid #ddd;}

.footer .copyright{
background:#383838; 
font-size:11px;
text-align:center; 
padding:10px;}

.footer .copyright span{
color:#aaa; 
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 p span{
color:#383838;}

.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:30px 3% 0 3%; line-height:25px; margin:0 auto; }




.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;}



.tour {overflow:hidden; margin-bottom:30px; max-width:600px; padding:3% 3% 0 3%; margin:0 auto; }
.tour ul{overflow:hidden;}
.tour ul li{float:left; width:49%; margin-right:2%; margin-bottom:5%;}
.tour ul li.last{margin-right:0}
.tour ul li img{max-width:100%;}
.tour ul li p{padding:10px; text-align:center; font-size:13px; color:#333333;}



.notice {overflow:hidden; margin-bottom:30px;   margin:0 auto; margin-left:-25px}



.traffic {overflow:hidden; margin-bottom:30px; max-width:600px; padding:3% 3% 0 3%; margin:0 auto;}
.traffic .contents{overflow:hidden; margin-bottom:5%;}
.traffic .contents h1{padding:10px 0 20px 0; font-size:15px; color:#343434; font-weight:bold;}
.traffic .contents h1 span{color:#4c191d;}
.traffic .contents .t_con {}
.traffic .contents .t_con .title{font-size:14px; color:#666666; padding:0 10px 10px 10px;}
.traffic .contents .t_con .title span {color:#54accc; 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_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;}


.bgb{ background:#f2f2f2; overflow:hidden; padding:20px 0;}
.m_special_point{overflow:hidden; margin:0 20px;}
.m_special_point .title{font-family: 'Chonburi', cursive; text-align:center; color:#333; padding:20px 0; font-size:20px}
.m_special_point .title img{width:111px; height:42px; margin-bottom:20px}
.m_special_point .box{width:50%; float:left; overflow:hidden;}
.m_special_point .box .in{overflow:hidden; background:#fff; margin-right:1px; margin-bottom:1px}
.m_special_point .box .img{width:100%; height:150px;}
.m_special_point .box .txt{padding:10px; font-family: 'Chonburi', cursive;font-size:15px; color:#333}
.m_special_point .box .txt p{font-family: "Noto Sans KR", sans-serif; font-size:12px; padding-top:8px}


.room_list_ms{
overflow:hidden;
padding:20px;}

.room_list_ms .title{
font-family: 'Chonburi', cursive; 
text-align:center; 
color:#333; 
padding-bottom:20px; 
font-size:20px;}

.room_list_ms .title img{
width:111px; 
height:42px; 
margin-bottom:10px;}

.room_list_ms .box{
width:33%; 
float:left; 
overflow:hidden;}

.room_list_ms .box .in{
overflow:hidden; 
background:#fff; 
margin-right:1px; 
margin-bottom:20px;}

.room_list_ms .box .img{
width:100%; 
height:100px;}

.room_list_ms .box .txt{}

.room_list_ms .box .txt p{
font-family: "Noto Sans KR", sans-serif; 
font-size:12px; 
padding-top:8px;
text-align:center; 
color:#333;}