@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script|Italianno&subset=latin,latin-ext);


/*index*/
.outside img {width: 100%;}

.about {width:100%;height: 100%;box-sizing:border-box;text-align:right;}
.about_txt {float:right; width:100%;background-size:100%;}
.about h2 { position:absolute; bottom:10%; left:20%; margin-top:25px; width:40px; height:20px;}
.about p { position:absolute; bottom:3%; left:15.5%;margin-top:1.5%;font-size:15px;padding-right:3%;text-shadow: 1px 1px 1px #000;color:#fff;margin-bottom:10px;font-family: 'NanumSquare', sans-serif; letter-spacing:2px;}
.about strong {font-size: 13px;font-weight: bold;}
.about img { width:100%;}

.main_layout img {width: 100%;height: 100%;margin-top: 3%;}

.preview {text-align: center;}
.preview img {width: 100%;margin-top: 1.5%;}
.preview p {font-size: 14px;margin-bottom: 15px; font-family: 'NanumSquare', sans-serif;}

.special_btn li {width:100%;float: left;text-align: center;margin-bottom:7%;}
.special_btn li img {width:100%;margin: auto;}
.special_btn li span {display: block;color:#000;font-weight: bold;padding-top: 5px; font-size:13px; font-family: 'NanumSquare', sans-serif;}


/*landscape*/
.out {}
.out h2 {text-align: center;font-weight: bold;}
.out img {width: 100%;}

/*rooms*/
.room_preview {}
.room_preview h2 {text-align: center;font-weight: bold;padding: 5px 0;} 
.room_preview>ul {margin-top: 5%;}
.room_preview>ul>li {float: left;width: 46%;margin-right:2%;box-sizing:border-box; margin-left:7px;}
.room_preview ul li img {width: 100%;}
.room_preview>ul>li>a>ul>li {text-align: center;}
.room_preview>ul>li>a>ul>li>h3 {font-size: 16px; font-style:italic;padding: 5px 0;font-weight:100; margin-top:3px; font-family: 'NanumSquare', sans-serif;}
.room_preview>ul>li>a>ul>li:last-child {font-size: 0.8em;font-weight: bold;color:#375b91;padding:5px 0;}

/*room.......bb*/

.rooms_nav {width: 100%;}
.rooms_nav h3 {font-size:0.85em;width:30%;background:#000;padding:3px 0;text-align: center;}
.rooms_nav h3 a {color:#fff;font-weight: bold;}
.rooms_nav ul {width: 100%;margin-top:5%;}
.rooms_nav ul li {width: 32%;height: 25%;font-size:18px; padding-top:7px; padding-bottom:3px;float: left;box-sizing:border-box;border: 1px solid #ccc; margin-right: 1%;margin-bottom: 1%;line-height:1.8; text-align:center;}
.rooms_nav ul li a {display: block;font-size: 0.7em;color:#494949;font-weight: bold;letter-spacing: -1px;width: 90%;float: left; font-family: 'NanumSquare', sans-serif;}
.rooms_nav ul li.on {background:#237bb7;color:#fff}
.rooms_nav ul li.on a {color:#fff}


.rooms_nav1 {width: 98%; margin:0 auto; text-align:center;}
.rooms_nav1 h3 {font-size:0.85em;width:30%;background:#000;padding:3px 0;text-align: center;}
.rooms_nav1 h3 a {color:#fff;font-weight: bold;}
.rooms_nav1 ul {width: 100%;margin-top:5%;}
.rooms_nav1 ul li {width: 19%;height: 25%;font-size:20px; padding-top:10px; padding-bottom:10px;float: left;box-sizing:border-box;border: 1px solid #ccc; margin-right: 1%;margin-bottom: 1%;line-height:1.8; text-align:center;}
.rooms_nav1 ul li a {display: block;font-size: 0.7em;color:#494949;font-weight: bold;letter-spacing: -1px;width: 90%;float: left; font-family: 'NanumSquare', sans-serif;}
.rooms_nav1 ul li.on {background:#237bb7;color:#fff}
.rooms_nav1 ul li.on a {color:#fff}

.rooms {}
.rooms img {width: 100%;}
.rooms_title {border: 1px solid #ccc;text-align: center;padding:10px 0 15px;margin-bottom: 10px;}
.rooms_title h3 {color:#990000;font-weight: bold;font-size: 2em;font-family: 'Italianno', cursive;}
.rooms_title p {font-size:0.8em;}
.rooms_title p span {display: block;padding:15px 0;}


.rooms_info h3 {text-align: center;background:#055b78;margin-top: 2%;color:#fff;}
.rooms_info p {border-bottom: 1px dashed #ccc;padding:10px;text-align: center;font-size: 0.8em;font-weight: bold; font-family: 'NanumSquare', sans-serif;color:#595959}
.rooms_info table {margin-top:5%;border-collapse:collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center; font-size:15px;  font-family: 'NanumSquare', sans-serif;}
.rooms_info table thead {background:#ebebeb;}
.rooms_info table thead th {font-size: 0.8em;padding:3px 0;}
.rooms_info table tbody td {font-size: 0.8em;padding:3px 0;}
.rooms_info table .border_table {border-right: 1px solid #ccc;}
.rooms_info ul {margin-top: 3%; font-size:15px; text-align:center;}
.rooms_info ul li {font-size: 0.7em;padding-top: 3px;}

.rooms_layout {}
.rooms_layout>img {}
.rooms_layout ul {margin-top:2%;position: relative;}
.rooms_layout>ul>li {float: left;width:100%;margin-right:2%;}
.rooms_layout>ul>li:last-child {width:100%;margin-right: 0;}

.detail {margin-top:3%}

.detail1 ul li {width: 100%;}
.detail1 li.detail_margin {margin-right: 0;}

.rooms button {width:40%;margin: auto;display: block;margin-top:5%;border: none;background: #000;padding:7px 0;color:#fff}
.rooms button a {color:#fff;font-weight: bold;font-size:0.9em}




/*special*/
.special_nav h2 {text-align: center;font-weight: bold;padding: 5px 0;} 
.special_nav ul {margin-top: 3%;}
.special_nav ul li {float: left;width: 49%;margin-right:1%;margin-bottom: 1%;border: 1px solid #ccc;box-sizing:border-box;padding:5px 0;}
.special_nav ul li a {font-size: 0.85em;float: left;width:80%;padding-left: 5px;color:#333; text-align: center;}
.special_nav ul li.on {background:#584d49;color:#fff;font-weight: bold;}
.special_nav ul li.on a {color:#fff}
.special {}
.special h3 {text-align: center;margin: 7% 0 3% 0;font-weight: bold;}
.special img {width: 100%;}
.special p {text-align: center;font-size: 0.8em;margin-top:3%;margin-bottom:1%;}
.special ul li {width:49%;float: left;}
.special ul li:last-child {margin-left: 1%;}

/*tour*/
.tour_nav {padding-bottom: 10px;}
.tour_nav h2 {text-align: center;font-weight: bold;padding: 5px 0;} 
.tour_nav ul {margin-top: 3%;}
.tour_nav ul li {float: left;width:19.5%;height:40px;margin-right:0.5%;border: 1px solid #ccc;box-sizing:border-box;padding-top: 10px;text-align:center;}
.tour_nav ul li a {font-size:0.80em;float: left;width:100%;color:#333;}
.tour_nav ul .navi-last{padding-top: 3px;}


.tour_ {height:100%;border-top: 1px dashed #ccc;padding-top:20px;position: relative}
.tour_ .btn_top {width: 16px;height: 16px;display: block;position: absolute;bottom:15px;right:0;margin-top: 5%;}
.tour_ img {width: 100%;}
.tour_title {}
.tour_title h3 {color:#003366;font-weight: bold;font-size:1.2em;padding:10px 0;text-align: center;border-bottom: 3px solid #ccc;}
.tour_title ul {padding: 30px 0;}
.tour_title ul li {font-size:0.85em;text-align: center;line-height: 2;}
#tour10 {padding-bottom: 20px;}

/*trafic*/
 #traf {width:100%;height:200px}
.trf_title address {font-size: 0.8em;font-weight: bold;padding:5px 0;text-align: center;}
.trf_title p {font-size: 1em;text-align: center;color:#6d1932;}
.trf_title ul{font-size: 0.8em; padding: 7px 0 5px;background-color:#f6f6f6;text-align:center;}
.trf_title ul span{font-weight:bold;color:#333;}
.trf_title ul li{padding-bottom:5px;line-height:13px; }

/*rev
.rev {}
.rev h2 {text-align: center;font-weight: bold;padding: 5px 0;} 
.rev h3, .rev h3 a { text-align:center;font-size: 0.9em;font-weight: bold;color:#5ba8d4;border-bottom: 3px solid #ccc;padding:10px 0;border-top: 1px dashed #ccc;}
.rev h3 a {border: none;}
.rev h3 span {color:#333;font-size: 1.5em;padding-right: 5px;}
.rev ul {margin:5% 0; text-align:center;}
.rev ul li {padding-bottom:5px;font-size: 0.9em;}
.rev ul li span {color:red}

/*****************************************************************************

.rev1 h3 {border-bottom: none;padding-bottom:10px;}
.rev2 table {margin-top:5%; border-bottom: 2px solid #ccc;text-align: center; font-size:15px;}
.rev2 table thead {background:#ebebeb;}
.rev2 table thead th {font-size:0.9em;padding: 5px 0;border: 1px solid #fff;vertical-align:middle}
.rev2 table tbody td {font-size: 0.8em;border-bottom: 1px dashed #ccc;padding: 5px 0px;vertical-align:middle}
.rev2 table tbody td a {color:#333;font-weight: bold;}

.rev2 ul {padding-left: 10px; font-size:15px;}
.rev2 ul li span {font-weight: bold;color:#000}
.rev2 ul li span {font-weight: bold;color:#000}
.rev3 ul li {line-height:1.5;}
.rev3 ul li strong {font-weight: bold;display: block;text-align: center;padding:10px 0 5px;}
.rev4 ul li {line-height:1.5;}
.rev5 table {border-top: 3px solid #ccc;border-bottom: 3px solid #ccc;text-align: center;}
.rev5 table tr.tb_title {background:#ebebeb;}
.rev5 table tr td {padding:10px 0;font-size: 0.8em;}*/