@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Rokkitt');


body { overflow:hidden;}
#wrap { }
.subCategory { display:none;}
#contents {position:relative; margin:0 auto;}
#contents:after {clear:both;content:"";display:block;}
.mainNav { position:absolute; left:25px; top:30%; margin-top:100px }
.mainNav li a {display:block; padding:7px 5px;}

.section { position:relative; height:100vh !important; padding-top:20vh; z-index:1}
.section#section2 { padding-top:18vh !important;}
.section .fp-scroller { position:relative;}
.mainTitle { position:absolute; right:0; padding-right:40px; margin-top:-40px; text-align:right; background:url(../images/sub/subTitle_bg.png) right bottom no-repeat; z-index:5;}
.mainTitle dt { display:inline-block; padding:0 10px; font-family: 'Raleway', sans-serif;font-size:50px; color:#333; line-height:1.5em; letter-spacing:0.2em; font-weight:500;text-transform:uppercase; margin-bottom:0.3em; border-top:1px solid #888; border-bottom:1px solid #888; opacity:0.7; filter: alpha(opacity=70;);}
.mainTitle dd { padding-right:10px; font-family: /*'Rokkitt',*/ 'Jeju Myeongjo', serif; font-size:24px; line-height:1.4em; color:#686868; }
.mainSlider {position:relative; z-index:1;}
#section0 .lightSlider li {height:80vh;}
#section1 .lightSlider li {height:56vh;}
.main03 {}
.main03:after {content:"";display:block;clear:both;}
.main0301 { position:relative; float:left; width:49%; margin-top:155px;}
.main0301 .lightSlider li { position:relative; padding-bottom:50px; }
.main0301 .mainTitle {position:relative; top:20px;right:0; margin-top:0; padding-right:0;}
.main0302 { position:relative; float:right; width:49%;}
.main0302 .lightSlider li { background:#fff; height:38vw !important;}
#section2 > .mainTitle  { position:relative; top:-4vh; margin-bottom:-20px;}
.main0302 .mainTitle { position:relative; top:5px; right:0; margin-top:0;  margin-bottom:10px; padding-right:40px;  }
#section2 .mainTitle dd { font-size:15px; line-height:1.8em; opacity:0.8; filter: alpha(opacity=80;);}
#section3 .mainTitle { position:relative; top:-4vh; }

.roomList { position:absolute; right:100px; bottom:30px; padding:60px 0 30px; z-index:5; }
.roomList div { margin-bottom:30px;}
.roomList a { display:block; color:#fff; -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.2);}
.roomList a span { display:block; padding:0 5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.roomList .rl01 {font-family: 'Roboto Condensed', sans-serif; font-size:24px; line-height:1.4em; color:#fff; text-transform:uppercase;}
.roomList .rl02 {font-family: 'Raleway', sans-serif; font-size:13px; line-height:2em; border-bottom:1px solid #fff; margin-bottom:5px; }
.roomList .rl03 {}
.roomList a:hover .rl03, .roomList a:focus .rl03 { padding-left:15px;}
.bx-controls-direction a { position:absolute; display:block; width:55px; height:28px; background:url(../images/common/slider_arrow01.png) no-repeat; left:50%; margin-left:-28px; font-size:0; line-height:0;}
.bx-controls-direction a.bx-prev { top:0;}
.bx-controls-direction a.bx-next { bottom:0; background-position:0 -28px;}

.mainTypo02 { margin-top:3em; text-align:center; font-family: 'Jeju Myeongjo', serif; color:#686868;  font-size:15px; line-height:1.7em; }

.subNav { display:none;}

@media  (max-width: 1720px){

}

@media  (max-width: 1480px){

.mainTitle dt { font-size:38px; font-size:2.8vw; line-height:1.5em; }
.mainTitle dd { font-size:18px; line-height:1.4em; }
#section2 .mainTitle dd { font-size:13px; line-height:1.8em; opacity:0.8; filter: alpha(opacity=80;);}

}

@media  (max-width: 1280px){

.section { padding-top:140px;}
.mainTitle { margin-top:-5px;}
#section0 {height:62vw !important;}
#section1 {height:66vw !important;}
#section2 {height:60vw !important;}
#section3 {height:74vw !important;}
#section0 .lightSlider li {height:46vw;}
#section1 .lightSlider li {height:36vw;}
.mainTitle { top:120px;}
.section#section2 { padding-top:50px !important;}
}

@media  (max-width: 1024px){


}


@media  (max-width: 768px){
	
}

@media  (max-width: 559px){


}