@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
/***********************************
 * @pension backhyang
 * @Auther Hyeyeon Jin
 * @Since 2015-12-31.
 **********************************/
html, body {width: 100%;overflow-y:scroll;overflow-x:hidden;}

#header {position: absolute;top: 0;z-index:2;width:100%;height:90px;background:#000;}
#header h1 a img {height:60px;position: absolute;top:15px;}

#footerwrap {position: fixed;bottom: 0;z-index:2;width: 100%;height: 100px}
#footerwrap ul {width: 189px;height: 35px;margin: auto;}
#footerwrap ul li {float: left;width:40px;height:40px;background: #000;border-radius:100%;margin-right:0.5em;}
#footerwrap ul li:last-child {margin: 0;}
#footerwrap ul li i {display: block;color: #fff;font-size: 1.35em;text-align: center;padding-top: 10px;}
#footer {position: absolute;bottom: 0;width: 100%;height:45px;background: #000;}
#footer address {font-size: 0.6em;color:#fff;text-align: center;margin-top:2px;}


/*인사말*/

#about {width: 100vw;height:100%;background:url(../images/greeting_bg.jpg) 50% 50% no-repeat;}
.about {width: 95%;height: 100vh;color:#f8f8f6;margin: auto;padding:80px 0px}
.about p {color:#f8f8f6;line-height: 1.5;text-align: center;font-size: 0.9em;font-family: 'Jeju Gothic', sans-serif;margin-bottom: 1em;}
.about p:first-child {padding-top: 50px;}
.about p strong {font-size: 1.3em;font-weight: bold;}
.about p span {font-family: 'Jeju Gothic', sans-serif;font-size: 1.3em;}
.about a {display: block;width:80%;margin:30px auto;text-align: center;color:#fff;font-family: 'Jeju Gothic', sans-serif;background:#cc3300;padding:5px 0px;}


/*룸*/
#room {width:100%;height: 100%;margin-top:90px;position: relative;}
#room ul {width: 100%;}
#room li {width: 50%;float: left;text-align: center;padding-top: 13px;padding-bottom: 10px;background:#E7E7DE;margin-bottom: 1.5em;box-shadow:1px 1px 3px #ccc}
#room .on a{color:#B82F21}
#room li a {font-size: 24px;font-family:'Jeju Gothic', sans-serif;color:#585252;;}
#room .swiper-container {width: 100%;height:300px;box-shadow:1px 1px 3px #333}
#room .swiper-container img {width: 100%;height:300px;}
.info {width: 100%;height:700px;}
.info h2 {text-align: center;font-size: 1em;padding:15px 0px 5px 0px;font-weight: bold;font-family:'Jeju Gothic', sans-serif;color:#585252;}
.info p {font-size: 0.9em;font-family:'Jeju Gothic', sans-serif;text-align: center;padding:5px 0px;color:#bebebe}
.info table {border-top: 2px solid #ccc;border-bottom: 1px solid #ccc;width:100%;height:50px;margin-bottom:0.5em;}
.info table tr td {font-size: 0.8em;font-family:'Jeju Gothic', sans-serif}
.info ul {width: 90%;margin: auto;}
.info ul li {font-size: 0.8em;line-height:1.5;font-family:'Jeju Gothic', sans-serif;text-align: center;}
.info ul li:last-child {font-size: 1em;padding: 5px;color:#B82F21}
.info a {display: block;color:#fff;background:#B82F21;width: 80%;margin: auto;text-align: center;font-family:'Jeju Gothic', sans-serif;padding:5px 0px 4px 0px;margin-top: 0.9em;}


/*스페셜*/

#special {width:100%;height:100%;margin-top: 90px;background:#000;padding-bottom: 100px;}
#special h2 {width: 30%;border-bottom: 3px solid #cc3300;margin: auto;text-align: center;color:#fff;padding-top: 50px;font-family: 'Jeju Gothic', sans-serif;font-size:1.5em;}
#special ul {width: 100%;padding-top:30px;}
#special ul li {float: left;width:48%;margin-right:9px;padding-bottom: 5px;}
#special ul li:nth-child(odd) {margin-left: 2px;}
#special ul li:nth-child(even){margin: 0;}
#special ul li img {width: 100%;height: 100%;}
#special>a {display: block;width:80%;margin:auto;margin-top: 50px;text-align: center;color:#fff;font-family: 'Jeju Gothic', sans-serif;background:#cc3300;padding:5px 0px;}


/*주변관광지*/

#tour {width:100%;height:100%;margin-top:90px}

#tour>h2 {padding-top:13px;padding-bottom:10px;font-size:24px;text-align: center;font-family: 'Jeju Gothic', sans-serif;background:#E7E7DE;color:#B82F21;box-shadow:1px 1px 3px #ccc}
#tour .swiper-container {width: 100%;height:300px;}
#tour .swiper-container h2 {padding:0.5em 0em 0.3em 0em;text-align: center;}
#tour .swiper-container h2 span {font-size: 18px;font-family: 'Jeju Gothic', sans-serif;border-bottom:2px solid #333;}
#tour .swiper-container img {width: 100%;height:300px;}
 .title {background:#E7E7DE}
 .title p {width: 90%;margin: auto;padding:1em;font-family: 'Jeju Gothic', sans-serif;color:#636363}

#tour .last {padding-bottom:80px;}

/*예약안내*/

#reservation {width:100%;height: 100%;margin-top:90px;}
#reservation .table {width: 100%;padding-top:1.1em;}
#reservation .table h2 {text-align: center;font-size:1.3em;font-weight: bold;padding-bottom: 1em;font-family: 'Jeju Gothic', sans-serif;}
#reservation .table table {border-top: 2px solid #ccc;border-bottom: 1px solid #ccc;width:100%;height:50px;margin-bottom:0.5em;font-size: 0.8em;}
#reservation .table .title {background:#ccc;color:#fff}
#reservation .table p {font-size: 0.8em;text-align: center;color:#6b6b6b;font-family: 'Jeju Gothic', sans-serif;}
#reservation  td{padding:7px;}

#reservation .matter {width:95%;margin-top:0.5em;margin: auto;}
#reservation .matter ul li {font-size: 0.8em;text-align: center;font-family: 'Jeju Gothic', sans-serif;}
#reservation .matter ul li a {display: block;width:38%;padding:10px 0px;font-size:1.2em;color:#fff;background: #cc3300;margin:1em auto;}
#reservation .matter ul li h2 {font-family: 'Jeju Gothic', sans-serif;border-bottom: 2px solid #ccc;width:28%;margin: auto;margin-bottom: 0.5em;font-size: 1em;}
#reservation .matter ul li:last-child {font-size: 1em;color:#cc3300;margin-top: 0.8em;}

#google_map {margin-top: 1em;margin-bottom:50px;}











/*비디오*/

#video {width: 100%;margin-top:130px;}
.m_video {width: 100%;height:300px;}
.m_video video {width: 100%;border: 1px solid red;}
#video p {color:#fff;text-align: center;padding-top: 10px;}