@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant');

/* subLayout */

#contents {position:relative; width:100%; zoom:1;  z-index:5;}
#contents:after, #contents_layer:after {content: "";display: block;clear: both;}
#contents_layer {position:relative;  opacity:0; filter: alpha(opacity=0;); z-index:5; }
.subArea { overflow:hidden;}
.subLine { position:fixed; width:1px; height:100%; top:0; background:#fff; opacity:0.17; filter: alpha(opacity=17;); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:10;}
.subLine_01 {left:20%;}
.subLine_02 {left:40%;}
.subLine_03 {left:60%;}
.subLine_04 {left:80%;}
.roomNav { position:fixed; width:100%; height:55px; left:0; bottom:40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:10;}
.roomNav:after {content:"";display:block;clear:both;}
.roomNav > li { position:relative; float:left; width:20%; height:55px;}
.roomNav > li > a { position:absolute; display:block; width:100%; left:0; bottom:0; text-align:center; padding:15px 0 0; font-family: 'Cormorant Garamond', serif; color:#fff; font-size:2em; line-height:1.5em; opacity:0.5; filter: alpha(opacity=50;); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); text-shadow:2px 2px rgba(0, 0, 0, 0.2);}
.roomNav > li > a:hover, .roomNav > li > a:focus, .roomNav > li:hover > a {opacity:1; filter: alpha(opacity=100;); padding:0 0 15px; }
.roomNav > li > a.on {opacity:1; filter: alpha(opacity=1;); padding:0 0 15px; }
.roomNav > li > a span { position:absolute; width:1px; height:5px; background:#fff; left:50%; bottom:0; opacity:0; filter: alpha(opacity=0;); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.roomNav > li > a:hover span, .roomNav > li > a:focus span, .roomNav > li > a.on span, .roomNav > li:hover > a span { height:15px; opacity:1; filter: alpha(opacity=100;);}
.roomNav_sub { position:relative; margin:-50px auto 0; padding-bottom:20px; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0; filter: alpha(opacity=0;); visibility:hidden;}
.roomNav_sub ul { display:inline-block; }
.roomNav > li > a:hover + .roomNav_sub, .roomNav > li > a:focus  +.roomNav_sub, .roomNav > li > a.on + .roomNav_sub, .roomNav > li:hover > a + .roomNav_sub
{ margin-top:-40px; opacity:1; filter: alpha(opacity=100;); visibility: visible;}
.roomNav_sub li { float:left; margin:0 10px;}
.roomNav_sub li a {display:block; text-align:center; font-family: 'Cormorant Garamond', serif; color:#fff; font-size:1.8em; line-height:1.5em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); text-shadow:2px 2px rgba(0, 0, 0, 0.2);}
.roomNav_sub li a:hover, .roomNav_sub li a:focus { text-decoration:underline; -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3);}

.subNav { position:fixed; width:100%; height:40px; left:0; bottom:0; background:url(../images/bg/white_50.png); z-index:15; }
.subNav > div {position:relative;}
.subNav ul  { position:absolute; right:10px; top:10px; }
.subNav ul li { float:left; margin:0 10px;}
.subNav ul li a { font-size:1.1em; line-height:1.5em; color:#021e2f; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.subNav ul li a:hover, .subNav ul li a:focus { border-bottom:1px solid #021e2f;}
.subNav ul li.this a { color:#000; border-bottom:1px solid #000;}

.topArea { position:relative; overflow:hidden; background:#eee; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  z-index:2;}
.topArea .lSSlideOuter { position:relative; z-index:1;}
.topArea .lSAction { position:absolute; width:20px; height:200px; right:20%; top:50%; margin:-100px -11px 0 0; z-index:10; }
.topArea .lSAction a { display:block; width:20px; height:74px; margin:0; cursor:pointer; opacity:1; filter: alpha(opacity=1;); background:url(../images/common/slider_arrow.png);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.topArea .lSAction a:hover, .lSAction a:focus {}
.topArea .lSAction a.lSNext { top:0; left:0; background-position:0 0;}
.topArea .lSAction a.lSPrev { top:auto; left:0; right:auto; bottom:0; background-position:-20px 0;}
.scroll { position:absolute; width:83px; left:50%; bottom:6%; margin-left:-41px; /*background:url(../images/common/scroll_line.gif) 41px bottom no-repeat;*/ z-index:2; }
.topArea .lSAction a.lSPrev:hover, .topArea .lSAction a.lSPrev:focus { bottom:-10px;}
.topArea .lSAction a.lSNext:hover, .topArea .lSAction a.lSNext:focus { top:-10px;}
.topArea .count { position:absolute; width:100px; right:20%; top:50%; margin:-20px -50px 0 0; text-align:right; font-family: 'Cormorant Garamond', serif;font-size:2em; line-height:1.5em; color:#fff; font-style:italic; font-weight:500; z-index:9;}

.subTitle { position:absolute; width:40%; left:37%; top:50%; margin-top:-100px; color:#fff; z-index:11}
.subTitle dt {font-family: 'Cormorant Garamond', serif; font-size:11.5em; line-height:0.8em;}
.subTitle dd { padding-left:0.5em; font-family: 'Noto Sans KR', 'NanumBarunGothic', 'Dotum'; font-size:1.15em; line-height:1.5em; font-weight:200;}
.subTitle dd span { margin:0 0.5em; font-size:0.8em; opacity:0.5; filter: alpha(opacity=50;); vertical-align:top;  }
.icon_roomType { margin-left:1em; vertical-align:middle;}
.subTitle dd p {margin:1.5em 0 1em; font-family: 'Cormorant Garamond', serif; }
.facility .subTitle, .special .subTitle { width:50%; left:29%;}

.subTitle02 {  z-index:5;}

.scroll img { vertical-align:top;}

#subCon {position:relative; min-height:600px; padding:0 0 80px;}

.check_con { position:relative; padding:5% 0;}
.check_con dl { position:relative; width:66%; margin:0 auto; z-index:2;}
.check_con dl dt { margin:-0.5em 0 0.8em;  }
.check_con dl dt .title02 {padding-left:5%;}
.check_con dl dd { padding-left:5%; font-size:1.1em; line-height:1.8em;}
.check_con p { position:relative; width:100%; font-family: 'Cormorant Garamond', serif; font-size:10vw; color:#fff; text-transform:uppercase; text-align:center; opacity:0.1; filter: alpha(opacity=10;);  z-index:1; }


/* BOARD */

.board iframe{
    width: 100%;
    min-height: 90vh;
}

.boardCon{
    background-color: #c5c6c9;
}


/* FAQ */

.faq_list_wrapper{
    max-width: 80%;
    margin: 0 auto;
}

.faq_item{
    border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
}

.faq_item h3{
    font-size: 16px;
    padding: 12px 0;
}

.faq_item span{
    margin-right: 20px;
}

.qusetion{
    display: block;
}

.faq_tit{
    display: flex;
}

.faq_content{
    display: flex;
    padding: 20px;
    height: auto !important;
    font-size: 16px;
}

.answer{
    font-size: 16px;
    color: red;
    font-weight: 700;
}


@media  (max-width: 1024px){
#subCon { padding:0 0 30px;}
.check_con dl { width:90%; }
.check_con p { font-size:13.2vw; color:#fff; text-transform:uppercase; text-align:center; opacity:0.1; filter: alpha(opacity=10;);  z-index:1; }
}

/* sub contents title */
.dtitle { display:inline-block;  font-weight:400;}
.dtitle .title01 {display:block; font-family:'Cormorant Garamond',serif; font-size:5.4em; color:#021e2f; line-height:0.6em; letter-spacing:-0.05em; margin-bottom:0.2em; }
.dtitle .title02 { display:block; font-family:'Cormorant Garamond',serif; font-size:0.8em; color:#021e2f;  line-height:1.5em; letter-spacing:0.15em; opacity:0.5; filter: alpha(opacity=50;);}
.dtitle .title_e {display:block; font-family: 'Josefin Sans', sans-serif; font-size:1.5em; line-height:1.5em; color:#000; text-transform:uppercase;}
.dtitle .title_k {display:block; font-size:1.3em; line-height:1.8em; color:#021e2f;}
.dtitle .title_r {display:block; font-family:'Cormorant Garamond',serif; font-size:5.4em; color:#021e2f; line-height:0.6em; letter-spacing:-0.05em; margin-bottom:0.2em;}

.dtitle_01 .title01 { }
.dtitle_01 .title02 { padding-left:15%;}

.dtitle_02 { position:relative; display:inline-block; font-weight:400; }
.dtitle_02 .title01 { font-size:3.6em; line-height:0.9em;}
.dtitle_02 .title02 { padding-left:4.5%; }

.dtitle_03 .title01 { font-size:3.8em; }
.dtitle_03 .title_e { font-size:5.4em; color:#021e2f; line-height:0.6em; letter-spacing:-0.05em; margin-bottom:0.2em; }
.dtitle_03 .title02 { padding-left:1%; margin-top:2em;}
/* .dtitle_03 .title02 { padding-left:18%; margin-top:-4em;} */

.dtitle_04 .title01 { font-size:7.5em; margin:0.3em 0 0.1em; }
.dtitle_04 .title02 { }


.dtitle05 { display:block; padding:5% 0 0; text-align:center; font-size:13px;}
.dtitle05 .title_k01 {display:block; font-size:2.5em; line-height:1.2em; color:#343434; font-weight:300; margin:1.5em 0 0.3em;}
.dtitle05 .title_k02 {display:block; font-size:1.23em; line-height:1.5em; color:#898989; margin-top:1.5em;}

.btn_reser02 {display:inline-block; font-family: 'Josefin Sans', sans-serif; font-size:25px; line-height:2em; color:#021e2f; letter-spacing:0.1em; font-weight:600; text-decoration:underline; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn_reser02:hover, .btn_reser02:focus { margin-left:15px;}

@media  (max-width: 1024px){

.dtitle .title01 { font-size:8.2vw; line-height:0.6em; letter-spacing:-0.05em; margin-bottom:0.2em; }
.dtitle .title02 { display:none; font-size:0.5em;}
.dtitle .title_e { font-size:3.2vw; line-height:1.5em;}
.dtitle .title_k { font-size:1.15em; line-height:1.8em; }
.dtitle .title_r { font-size:5.4em; line-height:0.6em; letter-spacing:-0.05em; margin-bottom:0.2em;}
.dtitle05 { display:block; padding:8% 0 0; text-align:center; font-size:13px;}
.dtitle05 .title_k01 { font-size:5.2vw;margin:0.2em 0 0em;}
.dtitle05 .title_k02 { font-size:3.6vw; margin-top:1.1em; margin-top:0.3em;}

.btn_reser02 { font-size:3.6vw;}
.btn_reser02:hover, .btn_reser02:focus { margin-left:0;}
}

.bg_typo {position:absolute; width:100%; left:0; font-family: 'Cormorant Garamond', serif; font-size:10vw; color:#fff; text-transform:uppercase; text-align:center; opacity:0.1; filter: alpha(opacity=10;);  z-index:2;}

@media  (max-width: 1480px){

.subNav { height:auto; padding:10px 0; }
.subNav ul { position:relative; right:auto;top:0; text-align:center; }
.subNav ul:after {content:""; display:block;clear:both;}
.subNav ul li { float:none; display:inline; margin:0 8px;}
.subNav ul li a { display:inline-block; font-size:1.1em; line-height:1.8em; letter-spacing:-0.05em; border-bottom:1px solid rgba(0, 0, 0, 0) }

.subTitle { width:60%; left:25%; margin-top:-50px;}
.subTitle dt { font-size:8em; font-size:10.15vw; line-height:0.8em;}
.subTitle dd {  font-size:1em;}
.icon_roomType { width:40px;}

.facility .subTitle, .special .subTitle { width:60%; left:20%;}
}

@media  (max-width: 1024px){

.subLine { opacity:0.08; filter: alpha(opacity=8;); }
.roomNav { bottom:46px;}
.roomNav > li > a { padding:10px 0 0; font-size:1.5em; line-height:1.5em; opacity:0.5; filter: alpha(opacity=50;);-webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.3); text-shadow:1px 1px rgba(0, 0, 0, 0.3);}
.roomNav > li > a:hover, .roomNav > li > a:focus, .roomNav > li:hover > a, .roomNav > li > a.on {padding:0 0 10px; }
.roomNav > li > a span { height:0; }
.roomNav > li > a:hover span, .roomNav > li > a:focus span, .roomNav > li > a.on span, .roomNav > li:hover > a span { height:10px;}
.roomNav_sub { margin:-30px auto 0; padding-bottom:10px;}
.roomNav > li > a:hover + .roomNav_sub, .roomNav > li > a:focus  +.roomNav_sub, .roomNav > li > a.on + .roomNav_sub, .roomNav > li:hover > a + .roomNav_sub
{ margin-top:-10px;}
.roomNav_sub li { margin:0 5px;}
.roomNav_sub li a {font-size:1.2em; line-height:0.8em; -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.3); text-shadow:1px 1px rgba(0, 0, 0, 0.3);;}
.roomNav_sub li a:hover, .roomNav_sub li a:focus {text-decoration:none;}

.topArea .lSAction { height:120px; right:30px; margin:-60px 0 0 0; }
.topArea .lSAction a {height:34px;}
.topArea .lSAction a.lSNext { }
.topArea .lSAction a.lSPrev { background-position:-20px -40px;}
.topArea .lSAction a.lSPrev:hover, .topArea .lSAction a.lSPrev:focus { bottom:-10px; }
.topArea .lSAction a.lSNext:hover, .topArea .lSAction a.lSNext:focus {top:-10px;}
.topArea .count {width:60px; right:10px; margin:-20px 0 0 0; font-size:1.5em; line-height:1.5em;}


}


@media  (max-width: 770px){

.subNav { position:relative; height:auto; padding:10px 0; }
.subTitle { width:60%; left:25%; margin-top:-50px;}
.subTitle dt { font-size:8em; font-size:10.15vw; line-height:0.8em;}
.subTitle dd { font-size:0.9em; line-height:1.2em;}
.subTitle dd p {margin:1.2em 0 0.8em; font-size:0.6em; line-height:1.2em; }

.roomNav { bottom:0;}
.subNav ul li { margin:0 5px; }
.subNav ul li a {  font-size:1em; line-height:1.8em; letter-spacing:-0.05em; }
}


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

@media  (max-width: 480px){

.topArea .lSAction {height:90px; right:10px; margin-top:-45px;}
.topArea .lSAction a {height:24px;}
.topArea .lSAction a.lSNext { }
.topArea .lSAction a.lSPrev { background-position:-20px -50px;}
.topArea .count { width:20px;}
.topArea .count .count_line, .topArea .count .total { display:none;}

.subTitle{ width:81%; left:12%; margin-top:-35px;}
.subTitle dt { font-size:8em; font-size:10.15vw; line-height:0.8em;}
.subTitle dd { font-size:0.9em;  line-height:1.2em;}
.subTitle dd p {margin:1.2em 0 0.8em; }
.icon_roomType { margin-left:0.5em;}

}



@media  (max-width: 380px){

}