@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/* Header
---------------------------------*/

.bg{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	cursor:move;
}

header{
	position: relative;
	left: 0;
	top: 0;
	height: 120px;
	width: 100%;
	background-color: #fff;
	z-index: 50;}

header.fixed{
	position: fixed;
}
header nav ul li{
	float:left;
	
}


nav > ul{
    width:88%;
    margin:0 auto;
}



nav > ul > li.nav-logo{
    float:left;
	margin-top:20px;
}

nav > ul > li.nav-right{
    float:right;
}

nav > ul > li.nav-right > ul > li{
    float:left;
    margin-left:50px;
}


nav > ul > li.nav-right > ul > li > a:hover{
    color:#333;
    border-bottom:1px solid #999;
    padding-bottom:5px;
    padding-top:-10px;
}

nav > ul > li.nav-right > ul > li > a > span{
    color:#333;
    border-bottom:1px solid #999;
    padding-bottom:5px;
    padding-top:-10px;
}

nav > ul > li.nav-right > ul > li > a{
    color:#666;
	font-size:1.6rem;
    font-weight:normal;
	line-height:120px;
    transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

/* Main
---------------------------------*/





.main-page2{
    text-align:center;
    padding-bottom:200px;
	top:160px;
}

.main-page2 h1 {
    padding:0 0 36px 0;
    font-size:2rem;
    color:#333;
    font-family:'Nanum Myeongjo', serif;
    letter-spacing:1px;
}

.main-page2 p {
    padding-bottom:90px;
    font-size:1.4rem;
    color:#999;
    font-family:'Nanum Gothic', serif; 
}

.main-imgwrap{
    width:100%;
    position:relative;
}

.main-imgwrap div{
    width:32%;
    display:inline-block;
}

.main-imgwrap div img{
    width:100%;
} 

.main-page2-img1{
    float:left;
}

.main-page2-img2 img {
    margin-bottom:20px;
}

.main-page2-img3{
    float:right;
}

.main-p3{
    background:#faf3ed;
    height:600px;
    text-align:center;
}

.main-p3 h2{
    font-size:1.5rem;
    color:#666;
    padding-top:160px;
    font-family:'Nanum Myeongjo', serif;
}

.main-p3 h1{
    font-size:2rem;
    color:#333;
    padding:20px 0 65px 0;
    font-family:'Nanum Myeongjo', serif;
    letter-spacing:1px;
}

.main-p3 p{
    font-size:1.4rem;
    color:#999;
    padding-bottom:25px;
    line-height:2.8rem;
    font-family:'Nanum Gothic', serif; 
}

.main-p4{
    height:auto;
    text-align:center;
}

.main-page4{
    background-image: url('../img/main/slider/1.jpg');
    background-attachment: fixed;
    background-size:cover;
    height:480px;
    position:relative;
}

.main-page4 > a{
    display:block;
    margin:0 auto;
    position:relative;
    top:213px;
    width:310px;
    height:54px;
    line-height:54px;
    border:2px solid black;
    font-size:2.2rem;
    letter-spacing:1px;    
}

.main-page4 > a:hover{
    font-size:2.4rem;
    transition:all 0.16s ease-in-out;
	-moz-transition:all 0.16s ease-in-out;
	-webkit-transition:all 0.16s ease-in-out;
}




.pop-layer .btn-r {
  width: 100%;
  text-align: right;
  position:relative;
  
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width:1080px;
  margin:0 auto;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}



.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  font-size: 3.5rem;
  color: #fff;
  opacity:0.5;
  transition:all 0.16s ease-in-out;
  -moz-transition:all 0.16s ease-in-out;
  -webkit-transition:all 0.16s ease-in-out;
}

a.btn-layerClose:hover {
  opacity:1;
}


.slide{text-align:center; position:relative; width:460px; margin: 0 auto; display: block;height:500px;}

.slide_ul{display: block;}
.slide_ul>li{position:absolute; top:0; left:0;z-index:10; display: block;}
.slide_ul>li img{width:460px;margin:0 auto;}
.show{display:block;}


.l_slide_btn>li{float: left;}
.l_slide_btn>li>a{display:block; width: 10px; height:10px;border-radius:10px;background-color:#fff; opacity:0.4; text-indent: -999em;margin:0 2px 0px 2px;
  transition:all 0.16s ease-in-out;
  -moz-transition:all 0.16s ease-in-out;
  -webkit-transition:all 0.16s ease-in-out;}
.l_slide_btn>li>a.active, .l_slide_btn>li>a:hover{opacity:1;}

.l_slide_btn{z-index:100; position:absolute;left:166px;bottom:-10px;}

.l_slide_btn:after{content:''; display:block; clear:both;}
.l_slide_btn{*zoom:1;}

/* Rooms
---------------------------------*/
.sub{
    position:relative;
    top:120px;
    width:100%;
    height:auto;
    background-attachment: fixed;
    background-size: cover;
    text-align:center;
}
.rooms{
    background-image: url('../img/rooms/title-background.jpg');
    text-align:center;
}

.c101{
    background-image: url('../img/rooms/title-background-c101.jpg');
    text-align:center;
}

/* Rooms-page1 */

.rooms-tab{
    position:relative;
    top:0;
    background-color:white;
    width:100%;
    height:100%;
    margin-bottom:200px;
}


.tab-nav{
	margin:0 0 100px 0;
	text-align:center;
}
.tab-nav > li{
	display:inline;
    margin:0 10px;
}
.tab-nav > li > a{
	display:inline-block;
	width:82px;
    height:35px;
    border:1px solid #999;
	font-size:1.8rem;
	color:#999;
    line-height:35px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.tab-nav > li > a:hover{
	border:1px solid #666;
    background:#666;
	color:#fff;
}

.tabcontainer{
	margin:0 auto;
	padding-left:15px;
    position:relative;
}

.tab-box{
	text-align:center;
	height:350px;
	width:350px;
	overflow:hidden;
	float:left;
	padding:0;
}



.tab-box h1 {
    font-size:1.8rem;
    color:#666;
    padding:15px 0 5px 0;
}

.tab-box p {
    font-size:1.4rem;
    color:#999;
}

.tab-box img{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;	
}

.tab-box img:hover {
    opacity: 0.7;
}

/* no transition on .isotope container */

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.tab-nav li a.current{
	background:#555;
	color:#fff;
    border:1px solid #333;
}

.rooms-c101 {
    width:1120px;
    margin:0 auto;
    height:400px;
    position:relative;
    font-family:'Nanum Gothic', serif;
}
.rooms-c101 > ul > li.c101-right > ul > li > h3{
    text-align:left;
    font-size:1.8rem;
    color:#666;
    padding-bottom:14px;
    font-weight:normal;
}

.rooms-c101 > ul > li.c101-right > ul > li > p{
    text-align:left;
    font-size:1.4rem;
    line-height:1.8rem;
    color:#999;
    padding-bottom:20px;    
}

.rooms-c101 > ul > li{
    float:left;
    width:540px;
    height:260px;
}

.rooms-c101 > ul > li:first-child{
    margin-right:40px;
}

.rooms-c101 h2 {
    font-size:2rem;
    color:#333;
    padding-bottom:10px;
    width:50px;
    border-bottom:1px solid #999;
    margin-bottom:15px;
    font-weight:normal;
}

.rooms-c101 table {
    border-top:2px solid #333;
    border-bottom:2px solid #333;
    width:100%;
    margin-bottom:20px;
}

.rooms-c101 table th, td{
    border:1px solid #666;
    font-size:1.2rem;
    color:#666;
    padding:7px 20px 7px 20px;

}

.rooms-c101 > ul > li.c101-right > ul > li > a {
    background-color:#333;
    display:block;
    width:150px;
    height:40px;
    font-size:1.2rem;
    color:#999;
    line-height:40px;
	transition:all 0.16s;
	-moz-transition:all 0.16s;
	-webkit-transition:all 0.16s;
}

.rooms-c101 > ul > li.c101-right > ul > li > a:hover{
    color:#fff;
} 

.rooms-c101 > ul > li.c101-right > ul > li > a > p{
    display:inline;
    padding-right:35px;
}

.c101-imgwrap{
    position:relative;
    top:80px;
    width:100%;
    height:450px;
}
.c101-imgwrap > ul > li{
    width:25%;
    float:left;
}


.c101-imgwrap > ul > li > a > img{
    width:100%;
	cursor: default;
}


/* Facilities
---------------------------------*/

.facilities {
    background-image: url('../img/facilities/title-background.jpg');
    text-align:center;
}

.fc-pd{
    padding:150px 0 150px 0;
}

.facilities-contents{
    position:relative;
    width:1120px;
    height:340px;
    margin:0 auto;
    display:block;
}

.facilities-contents > ul > li.fc-left{
    float:left;
    margin-right:60px;
}

.facilities-contents > ul > li.fc-right{
    text-align:left;
}

.facilities-contents > ul > li.fc-right > ul > li > h1{
    font-size:2rem;
    color:#333;
    padding-bottom:20px;
    font-family:'Nanum Gothic', serif;
    letter-spacing:1px;    
}

#bar-right{
    width:50px;
    height:1px;
    background-color:#666;
    position:relative;
    left:620px;
    margin-bottom:15px;
}

.facilities-contents > ul > li.fc-right > ul > li > p{
    font-size:1.4rem;
    color:#999;
    line-height:2.6rem;
    padding-bottom:25px;
    font-family:'Nanum Gothic', serif;
}

.facilities-contents > ul > li.fc-right > ul > li{
    font-size:1.2rem;
    color:#990000;
    line-height:2rem;
    font-family:'Nanum Gothic', serif;
}

/* Reservation
---------------------------------*/

.reservation{
    background-image: url('../img/reservation/title-background.jpg');
    text-align:center;
    font-family:'Nanum Gothic', serif;
}

.reservation-nav{
    margin-bottom:100px;
}

.reservation-nav ul li{
    display:inline;
    margin:0 10px;
}

.reservation-nav a{
	display:inline-block;
	width:120px;
    height:35px;
    border:1px solid #999;
	font-size:1.8rem;
	color:#999;
    line-height:35px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.reservation-nav a.current{
	background:#555;
	color:#fff;
    border:1px solid #333;    
}

.reservation-nav li a:hover{
	border:1px solid #666;
    background:#666;
	color:#fff;
}

#half-left{
    width:660px;
    height:480px;
    float:left;
}
#half-right{
    width:660px;
    height:480px;
    float:right;
}

.reservation-container{
    width:1400px;
    margin:0 auto;
}

.reservation-container h1{
    font-size:1.8rem;
    color:#333;
    line-height:96px;
    border-top:1px solid #333;
    border-bottom:1px dotted #999;
    margin-bottom:60px;
}

.reservation-container p{
    font-size:1.4rem;
    color:#999;
    line-height:2.8rem;
    text-align:left;
    width:500px;
    margin:0 auto;
}

.reservation-container span{
    color:#990000;
}

.reservation-container strong{
    color:#666;
}

#full {
    clear:both;
    margin-bottom:100px;
}

#full > p{
    width:100%;
    padding:0 0 40px 80px;
}

/* Map
---------------------------------*/

.map{
    position:relative;
    top:100px;
    font-family:'Nanum Gothic', serif;
	text-align:center;
}

.map h1{
	clear: both;
}
.google-map{
    width:980px;
    margin:0 auto;
}

.google-map h1{
    color:#333;
    font-size:1.8rem;
    margin:55px auto;
}

.google-map p{
    color:#999;
    font-size:1.4rem;
    line-height:2.8rem;
    padding-bottom:15px;
}

.google-map span{
    color:#990000;
    font-size:1.2rem;
    line-height:6rem;
}
/* Footer
---------------------------------*/

footer {
    position:relative;
    width:100%;
    height:660px;
}

.go {
    position:relative;
    top:90px;
    border-bottom:1px solid #666;
    clear:both;
    width:100%;
    height:250px;
    background-color:#fff;
}


.go > ul {
    width:1120px;
    margin:0 auto;
}

.go > ul > li {
    width:25%;
    float:left;
}

.go > ul > li > a {
    display:block;
}

.go > ul > li > a > h2 {
    font-size:1.8rem;
    padding-bottom:25px;
    text-align:left;
    font-family:'Nanum Myeongjo', serif;
}

.go > ul > li > a > p {
    font-size:1.4rem;
    line-height:2.8rem;
    text-align:left;
    font-family:'Nanum Gothic', serif; 
}

.go > ul > li > a > p > span {font-weight:bold;}

.copyright {position:relative;
            top:170px;
            width:100%;
            height:230px;
            text-align:center;}

.copyright > img {width:160px;
                  height:60px;
                  padding-bottom:10px;}

.copyright p {font-size:1.4rem;
              line-height:2.5rem;}

/* Etc
---------------------------------*/
section{
    position:relative;
    width:100%;
    height:auto;
}
.tbg{
    width:100%;
    height:500px;
    position:relative;
    top:0;
}

.tbg > h1 {
    padding:200px 0 40px 0;
    font-size:3.6rem;
    font-weight: normal;
    letter-spacing:1rem;
    color:#333;
}

.tbg > a {
    display:block;
    width:115px;
    margin:0 auto;
    height:30px;
    border:1px solid black;
    line-height:30px;
    font-size:1.1rem;
    pointer-events:none;
}

.title{
    position:relative;
    top:0;
    background-color:white;
    width:100%;
    height:100%;
    margin-bottom:200px;   
}

.title > ul > h1{
    font-size:2rem;
    color:#333;
    padding:100px 0 25px 0;
    font-family:'Nanum Myeongjo', serif;
    letter-spacing:1px;    
}

.title > ul > p{
    font-size:1.4rem;
    color:#999;
    padding-bottom:100px;
    font-family:'Nanum Gothic', serif; 
}
@media all and (min-width:1024px) and (max-width:1600px){
    html {
        font-size:8px;
    }
    .main-page2{
        width:70%;
        margin:0 auto;
        position:relative;
        height:100%;
    }
}

@media all and (min-width:1600px) and (max-width:1920px){
    html {
        font-size:10px;
    }
    .main-page2{
        width:1120px;
        margin:0 auto;
        position:relative;
        height:900px;
    }
}

@media all and (min-width:1920px) {

}