@charset "utf-8";

.list01 {}
.list01 li { margin-bottom:15px;}
.list02 {}
.list02 li { background:url(../images/sub/list_bullet01.png) left 0.85em no-repeat; font-size:1.23em; line-height:2.2em; padding-left:16px; color:#000; margin-bottom:0.1em;}
.list03 {}
.list03 li { background:url(../images/sub/list_bullet01.png) left 0.65em no-repeat; font-size:1.23em; line-height:1.6em; padding-left:16px; color:#000; margin-bottom:0.5em;}

.list03 li div { color:#898989; }
.list_num {}
.list_num li { margin-bottom:15px; list-style:}
.list_num li .num { display:inline-block; width:1.5em; margin-left:-1.7em; margin-right:0.2em;}
@media  (max-width: 1024px){
.list01 li { margin-bottom:5px;}
.list02 li { background:url(../images/sub/list_bullet01.png) left 0.65em no-repeat; background-size:3px 3px; font-size:1em; line-height:1.6em; padding-left:10px;  margin-bottom:0.3em;}
.list03 li { background:url(../images/sub/list_bullet01.png) left 0.65em no-repeat; background-size:3px 3px; font-size:1em; line-height:1.5em; padding-left:10px; margin-bottom:0.2em;}
}

.tab_nav {} 
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin:0; }
.tab_nav li a { }
.tab_nav li.ui-tabs-active a {color:#6d83ac; font-weight:700;}

.con_dl { margin:6% auto; text-align:center;}
.con_dl dt { font-size:15px; line-height:20px; color:#3b3a3a; margin-bottom:20px; text-transform:uppercase;}
.con_dl dd { font-size:13px; line-height:20px; color:#757575;}

.con_dl01 {}
.con_dl01 dt { font-size:16px; line-height:28px; color:#6a696e; text-transform:uppercase; margin-bottom:50px; padding-bottom:10px; border-bottom:1px solid #6a696e;}
.con_dl01 dt span { letter-spacing:0.1em;}
.con_dl01 dd { font-size:15px; line-height:26px; color:#a0a0a0; }

/* about01 */
.aboutCon { position:relative;}
.aboutCon div img { position:relative; margin-top:-80%;opacity:0; filter: alpha(opacity=0;); }
.about_01 { z-index:1}
.about_01_01 { position:absolute; left:0; top:26%; opacity:0; filter: alpha(opacity=0;);z-index:2;}
.about_01_01 dt { margin-bottom:5em; }
.about_01_01 dd {}
.about_01_01 dd p {font-size:3em; line-height:1.1em; color:#021e2f; }
.about_01_01 dd span { display:inline-block; padding:0 1em; font-size:1.15em; line-height:0.2em; color:#000; font-weight:700; border-bottom:12px solid #adb5bd;}
.about_01_02 { position:relative; width:70.4%; margin-left:29.6%; height:100%; overflow:hidden; z-index:1;}
.about_01_02 img { position:relative; left:0; margin-top:-30%; }
.about_02 { margin-top:-3%; padding-bottom:10%; z-index:2}
.about_02_01 { position:relative; width:44.9%; margin-left:15%; height:100%; overflow:hidden; }
.about_02_02 { position:absolute; left:0; top:47%; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.about_02_03 { position:relative; width:42.8%; margin:6em 0 0 50%; height:100%; overflow:hidden; z-index:2;}
.about_02_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; filter: alpha(opacity=0;);  z-index:1;}
.about_03 {}
.about_03_01 { position:relative; width:44.9%; margin-left:5%; height:100%; overflow:hidden;z-index:2;}
.about_03_02 { position:absolute; left:55%; bottom:80%; opacity:0; filter: alpha(opacity=0;);z-index:2;}
.about_04_01 { position:relative; width:58.12%; margin-left:41.88%;height:100%; overflow:hidden;z-index:1;}
.about_04_02 { position:absolute; width:37%; left:0; top:35%; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.about_05_01 { position:relative; width:44.9%; margin-left:5%; height:100%; overflow:hidden;z-index:2;}
.about_05_02 { position:absolute; width:37%; left:55%; top:25%; opacity:0; filter: alpha(opacity=0;); z-index:2;}

.aboutCon01 dt { font-size:3em; line-height:1.05em; color:#000; font-weight:300; margin-bottom:1em;}
.aboutCon01 dd { font-size:1.2em; line-height:1.8em; color:#898989;}

.active .about_01_01 { opacity:1; filter: alpha(opacity=100;); left:16.6%;  transition: all 0.4s ease 1.0s;} 
.active .about_01_02 img { opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.3s;}
.active .about_02_01 img { opacity:1; filter: alpha(opacity=100;); margin-top:0;  transition: all 0.6s ease-in-out 1.2s;} 
.active .about_02_02 { opacity:1; filter: alpha(opacity=100;); left:18%;  transition: all 0.4s ease-in-out 2.6s;} 
.active .about_02_03 img { opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 1.8s;} 
.active .about_02_typo { opacity:0.1; filter: alpha(opacity=10;); transition: all 0.4s ease-in-out 1.2s;} 
.active .about_03_01 img { opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.4s;} 
.active .about_03_02 { opacity:1; filter: alpha(opacity=100;); bottom:20%; transition: all 0.5s ease-in-out 1.2s;} 
.active .about_04_01 img { opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.4s;} 
.active .about_04_02 { opacity:1; filter: alpha(opacity=100;); left:20%; transition: all 0.5s ease-in-out 1.0s;} 
.active .about_05_01 img { opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.4s;} 
.active .about_05_02 { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 1.0s;} 

@media  (max-width: 1024px){
.about_01_01 { left:-10%; top:16%; }
.about_01_01 dt { margin-bottom:1.5em; }
.aboutCon01 dt { font-size:3.6vw; line-height:1.05em; }
.aboutCon01 dd { font-size:1.6vw; line-height:1.5em; display:none; }
.about_02_01 { width:60%;}
.about_02_02 { top:60%;}
.about_02_03 {  width:46%;}
.about_03_01 { width:60%; margin-left:3%; }
.about_03_02 { left:65%; bottom:80%;}
.about_04_01 { width:58.12%; margin-left:41.88%;}
.about_04_02 { width:37%; left:0; top:35%; }
.about_05_01 { width:66%; margin-left:5%; }
.about_05_02 { left:65%;}
.active .about_02_03 { margin-top:3em;} 
.active .about_01_01 { left:5%;} 
.active .about_02_02 { left:5%; } 
.active .about_04_02 { left:5%;}
}

/* about02 */
.landCon { position:relative;}
.landCon .lSSlideOuter { position:relative; height:100%; background:none; z-index:1;}
.landCon .lSSlideWrapper {position:relative; margin-top:-50%;opacity:0; filter: alpha(opacity=0;);}
.landSlider li img { width:100%; vertical-align:top;}
.landCon dl {  z-index:3;}
.landCon dt { margin-bottom:1em;}
.landCon dd p { font-size:3em; line-height:1.1em; color:#021e2f; font-weight:300; margin-bottom:0.5em; }
.land01 {}
.land01 .lSSlideOuter { width:80%; margin-left:20%;}
.land01 dl {position:absolute; left:-12%; top:20%; opacity:0; filter: alpha(opacity=0;);}
.land02 { padding-bottom:2%;}
.land02 .lSSlideOuter { width:80%; margin-top:5%; z-index:2; }
.land02 dl {position:relative; left:100%; margin-top:-3.5%; opacity:0; filter: alpha(opacity=0;);}
.land03 { padding-bottom:2%;}
.land03 dl {position:relative; left:-20%; margin-top:-6.5%;opacity:0; filter: alpha(opacity=0;);}
.land04 { }
.land04 dl {position:absolute; left:40%; bottom:20%; opacity:0; filter: alpha(opacity=0;); }
.land04 dl dt .title01, .land04 dl dt .title02 { color:#fff;}
.land04 dl dd { font-size:2em; line-height:1.5em;color:#fff;}
.land04 .bg_typo { bottom:33%; opacity:0; filter: alpha(opacity=0;);}

.active .landCon .lSSlideOuter { background:#fff; transition: all 0.6s ease-in-out 1.5s; }
.active.land01 .lSSlideWrapper {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.4s;}
.active.land01 dl { opacity:1; filter: alpha(opacity=100;); left:12%; transition: all 0.4s ease-in-out 1.0s;}
.land02 .lSSlideOuter { margin-top:-2.5%; transition: all 0.4s ease-in-out 1.0s;}
.active.land02 .lSSlideWrapper {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.8s;}
.active.land02 dl { opacity:1; filter: alpha(opacity=100;); left:60%; transition: all 0.4s ease-in-out 1.5s;}
.active.land03 .lSSlideWrapper {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.4s;}
.active.land03 dl { opacity:1; filter: alpha(opacity=100;); left:20%; transition: all 0.4s ease-in-out 1.0s;}
.active.land04 .lSSlideWrapper {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.8s;}
.active.land04 .bg_typo { opacity:0.1; filter: alpha(opacity=10;); transition: all 0.4s ease-in-out 1.4s;}
.active.land04 dl { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.8s;}

@media  (max-width: 1024px){
.landCon dd p { font-size:3vw; line-height:1.1em;}
.land01 dl { top:15%;}
.land02 .lSSlideOuter { width:90%; margin-top:-2.5%; z-index:2; }
.land02 dl {margin-top:-5.5%; margin-bottom:3%; }
.land04 dl dd { font-size:3vw;}

.active.land01 dl {left:5%;}
.active.land02 dl {left:40%;}

}

/* map */
.map_01 dt, .map_01 dd, .map_02 dt, .map_02 dd, .map_03 dt, .map_03 dd { opacity:0; filter: alpha(opacity=0;); }
.map_01 { position:relative; width:100%; z-index:1; }
.map_01_01 { position:absolute; width:40%; height:115%; right:0; top:0; overflow:hidden; z-index:1;}
.map_01_01 img { position:absolute; right:-100%;}
.map_01 dl { position:relative; width:100%; padding:7% 10% 12% 16%;z-index:2;}
.map_01 .title01 { line-height:1em;}
.map_01 dd p {font-size:3em; line-height:1.1em; color:#021e2f; font-weight:300; margin:0.5em 0 1.2em; }
.map_01 .btn_reser02 { margin-left:16px;}
.map_01 .btn_reser02:hover, .map_01 .btn_reser02:focus { margin-left:30px;}
.map_02 { position:relative; z-index:2;}
.map_02 dt { position:absolute; left:60%; top:40%; z-index:2;}
.map_02 dt span { color:#fff !important;}
.map_frame { position:relative; width:80%; height:42vw; overflow:hidden; z-index:1;}
.map_frame iframe { position:absolute; width:200%; height:200%; left:-50%; top:-50%;}
.map_03 { width:60%; padding:7% 0 0; margin-left:40%;  }
.map_03 dt { margin-bottom:3em;}
.map_03 .title01 { line-height:1em;}
.map_03 .title02 {padding-left:0;}
.map_03 dd p {font-size:3em; line-height:1.1em; color:#021e2f; font-weight:300; margin:0.5em 0 1.2em; }

.active .map_01_01 img { opacity:1; filter: alpha(opacity=100;); right:0; transition: all 0.6s ease-in-out 0.3s;}
.active.map_01 dt, .active.map_02 dt, .active.map_03 dt { opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 1.0s; }
.active.map_01 dd, .active.map_02 dd, .active.map_03 dd { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 1.5s;}
@media  (max-width: 1024px){
.map_01_01 { width:40%; height:50%; right:0; top:0;}
.map_01 dl {  padding:10% 5% 12% 5%; z-index:2;}
.map_01 dd p {font-size:6vw; line-height:1.1em; margin:0.5em 0 1.5em; }
.map_02 dt { left:auto; right:5%; top:0;}
.map_frame { width:100%; height:80vw;}
.map_frame iframe { left:-70%; top:-40%;}
.map_03 { width:90%; padding:7% 0 0; margin-left:5%;  }
.map_03 .title01 {font-size:7.4vw;}
}


/* room */
.roomCon {position:relative;}
.roomCon dt { opacity:0; filter: alpha(opacity=0;);}
.roomCon dd { margin-top:-5%; opacity:0; filter: alpha(opacity=0;);}
.roomCon img {display:block; vertical-align:top;}
.room_01 { z-index:1;}
.room_01_01 { position:relative; width:40%; min-height:10vw; height:100%; left:60%; overflow:hidden;}
.room_01_01 img { margin-top:-50%; opacity:0; filter: alpha(opacity=0;);}
.room_01_02 { position:absolute; width:50%; left:18.2%; top:-4%; z-index:2;}
.room_01_02 dd { padding-left:5%;}
.room_text01 { font-size:3.08em; line-height:1.05em; color:#021e2f; font-weight:300; margin:1.5em 0 0.5em;}
.room_text02 { font-size:1.15em; line-height:1.7em; color:#898989; margin-bottom:1em;}
.room_text03 { display:inline-block; font-size:1.2em; line-height:2em; color:#021e2f; border-bottom:1px solid #021e2f; margin-bottom:1em;}

.room_02 { margin-top:20%; z-index:3;}
.room_02_01 {position:relative; width:33.4%; left:51%; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.room_02_02 {position:relative; width:35.1%; left:65%; margin-top:-20%; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.room_02_02 p { position:absolute; width:100%; left:0; bottom:10%; text-align:center; font-size:0.85em; color:#fff; font-weight:500; letter-spacing:1em; z-index:2;}
.room_02_03 {position:relative; width:32.4%; left:51%; margin-top:-20%; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.room_02_04 { position:absolute; width:50%; left:18.2%; top:0; z-index:4;}
.room_02_04 dt { margin-bottom:3em;}
.room_02_04 dd { padding-left:5%; margin-top:5em;}
.room_02_04 dd .list02 { margin-left:-16px;}
.room_02_04 dd p {font-size:1.15em; line-height:1.7em; color:#666; margin:2em 0 3em; }
.room_fixture { max-width:700px; margin-left:-2%; margin-bottom:5em;}
.room_fixture:after {content:"";display:block;clear:both;}
.room_fixture li { float:left; width:14.2%; text-align:center; font-size:0.92em; letter-spacing:-0.05em; margin-bottom:1em;}
.room_fixture li span { display:block; width:100%; max-width:80px;  /*background:url(../images/room/room_fixture.png);*/ margin:0 auto;}
.room_fixture li span img { width:100%; vertical-align:top;}
.room_03 { padding:10% 0; margin-top:-10%; background:#021e2f; opacity:0; filter: alpha(opacity=0;); z-index:1; }
.room_service { position:relative; width:80%; left:20%;z-index:1;}
.room_service .lSSlideOuter { position:relative; width:33%;z-index:1;}
.room_service .lSPager { position:relative; right:0; text-align:right !important; margin-top:0.3em !important;}
.room_service .lSPager li:before { display:inline-block; content:"/"; vertical-align:top; margin-right:8px;}
.room_service .lSPager li:first-child:before { content:"";}
.room_service .lSPager li a { background:none !important; width:auto !important; height:auto !important; text-indent:0 !important; font-family: 'Noto Sans KR', "Open Sans"; color:#fff; font-weight:200; 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;}
.room_service .lSPager li.active a { opacity:1; filter: alpha(opacity=100;);}
.room_03_01 { position:absolute; width:50%; left:30%; bottom:24px; color:#fff !important; z-index:2;}
.room_03_01 dt {  margin-bottom:3em;}
.room_03_01 dd { padding-left:75px; }
.room_03_01 dd li { font-size:1.1em; line-height:1.5em; margin-top:0.3em;}
.room_03_01 .title01, .room_03_01 .title02 { color:#fff !important;}

.active .room_01_01 img {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.7s ease-in-out 0.4s;}
.active.roomCon dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 1.0s;}
.active.roomCon dd {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.5s ease-in-out 1.5s;}
.active.room_02 { margin-top:0%; transition: all 0.6s ease-in-out 0.4s;}
.active .room_02_01 {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 0.3s;}
.active .room_02_02 {opacity:1; filter: alpha(opacity=100;); margin-top:-2%; transition: all 0.5s ease-in-out 0.6s;}
.active .room_02_03 {opacity:1; filter: alpha(opacity=100;); margin-top:-2%; transition: all 0.4s ease-in-out 1.0s;}
.active.room_03 { opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease-in-out 0.4s;}

@media  (max-width: 1024px){
.room_01_01 { width:60%; left:40%;}
.room_01_02 { position:relative; width:90%; left:5%; top:15px; margin-top:-17em; padding-top: 180px;}
.room_01_02 .title01{ font-size:6.2vw; line-height:0.8em;}
.room_01_02 dd { padding-left:0;}
.room_text01 { font-size:6vw; margin:1.8em 0 0.8em;}
.room_text02 { font-size:3.6vw; line-height:1.5em; margin-bottom:1em;}
.room_text03 { font-size:3.8vw; margin-bottom:1em; border-bottom:0; text-decoration:underline;}

.room_02 { margin-top:3%; padding-top:20%; z-index:3;}
.room_02_img { position:absolute; width:100%; left:0; top:0; z-index:1;}
.room_02_01 {width:50%; left:48%; z-index:3;}
.room_02_02 {width:32%; left:68%;}
.room_02_02 p { font-size:0.45em;letter-spacing:0.5em;}
.room_02_03 {width:36%; left:51%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.room_02_04 { position:relative; width:95%; left:3%; }
.room_02_04 dd { padding-left:3%;}
.room_02_04 dd .list02 { margin-left:-10px;}
.room_02_04 dd p {font-size:1em; line-height:1.6em; color:#666; margin:2em 0 1.5em; }
.room_fixture li { font-size:0.6em; letter-spacing:-0.1em; line-height:1.25em; }

.room_service { width:90%; left:5%;z-index:1;}
.room_service .lSSlideOuter { width:70%;z-index:1;}
.room_03_01 { position:absolute; width:40%; left:65%; bottom:24px; color:#fff !important; z-index:2;}
.room_03_01 dt {  margin-bottom:1em;}
.room_03_01 dt .title02 { display:none;}
.room_03_01 dd { padding-left:30px; }
.room_03_01 dd li { font-size:0.8em; line-height:1.5em; margin-top:0.3em;}
.room_03_01 .title01, .room_03_01 .title02 { color:#fff !important;}

.active .room_02_02 {opacity:0.6; filter: alpha(opacity=60;); margin-top:-5%; transition: all 0.6s ease-in-out 0.8s;}
.active .room_02_03 {opacity:0.2; filter: alpha(opacity=20;); margin-top:-6%; transition: all 0.6s ease-in-out 1.2s;}
.active.roomCon .room_02_04 dd { margin-top:1.5em;}
}

/* roomPre */
.room00#wrap {background:#c5c6c9;}
.roomPre { position:relative; opacity:0; filter: alpha(opacity=0;);}
.active.roomPre { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease 1.0s;}
.roomPre_title { position:absolute; width:66%; left:17%; top:5%; }
.roomPre > div { position:absolute; width:100%; height:100%; left:0; top:0;opacity:0; filter: alpha(opacity=0;); visibility:hidden; -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:3; }
.roomPre > div.on {opacity:1; filter: alpha(opacity=100;); visibility: visible;}
.roomFloor { position:relative; z-index:3;}
.roomPre01 > .preNav { position:absolute; width:20%; height:55.4%; left:39.5%; top:28.4%; z-index:5;}
.roomPre01 > .preNav a { position:absolute; display:block; width:50%; 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; }
.roomPre01 .preNav a:hover, .roomPre01 .preNav a:focus , .roomPre01 .preNav a.on {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); background:url(../images/bg/white_50.png);}
.roomPre01 .preNav .prePre_11 { width:100%; height:21%; left:0; bottom:6%; }
.roomPre01 .preNav .prePre_12 { height:21%; left:50%; bottom:32%; }
.roomPre01 .preNav .prePre_13 { height:21%; left:0; bottom:32%; }
.roomPre01 .preNav .prePre_14 { height:18%; left:50%; bottom:55%; }
.roomPre01 .preNav .prePre_15 { height:18%; left:0; bottom:55%; }
.roomPre01 .preNav .prePre_16 { height:16%; left:50%; bottom:74%; }
.roomPre01 .preNav .prePre_17 { height:16%; left:0; bottom:74%; }
.roomPre01 .preNav .prePre_18 { width:100%; height:10%; left:0; top:0%; }
.preNav .spot { position:absolute; width:10px; height:10px; background:#021e2f; border-radius:50%; left:50%; top:30%; margin:-5px 0 0 -5px; }
.preNav .text { position:absolute; width:100%; left:0; bottom:10%; text-align:center;  font-family: 'Cormorant Garamond', serif; font-size:2.3em; color:#021e2f; }
.roomPre01 .preNav .prePre_18 .spot {top:auto; bottom:30%;}
.roomPre01 .preNav .prePre_18 .text { bottom:auto; top:-10%;}

.roomPre02 .preNav { position:absolute; width:21%; height:53.4%; left:15.5%; top:30.4%; z-index:5;}
.roomPre02 .preNav a { position:absolute; display:block; width:40%; 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; }
.roomPre02 .preNav .prePre_21 { height:21%; left:44%; bottom:3%; }
.roomPre02 .preNav .prePre_22 { height:21%; left:0; bottom:3%; }
.roomPre02 .preNav .prePre_23 { height:21%; left:45%; bottom:31%; }
.roomPre02 .preNav .prePre_24 { height:21%; left:0; bottom:31%; }
.roomPre02 .preNav .prePre_25 { height:18%; left:50%; bottom:53%; }
.roomPre02 .preNav .prePre_26 { height:18%; left:5%; bottom:53%; }
.roomPre02 .preNav .prePre_27 { height:16%; left:60%; bottom:73%; }
.roomPre02 .preNav .prePre_28 { height:16%; left:18%; bottom:73%; }
.roomPre02 .preNav .prePre_29 { width:90%; height:22%; left:116.8%; bottom:6.2%; }
.roomPre02 .preNav .prePre_20 { width:84%; height:10.5%; left:120%; top:-3.69%; }
.roomPre02 .preNav .prePre_20 .spot {top:auto; bottom:30%;}
.roomPre02 .preNav .prePre_20 .text { bottom:auto; top:-10%;}

.pre_info {position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}
.pre_info > div { opacity:0; filter: alpha(opacity=0;); visibility:hidden; -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; }
.pre_info > div.on {opacity:1; filter: alpha(opacity=100;); visibility: visible;}
.pre_info_01 { position:absolute; width:31.7%; left:16.9%; top:19.7%; }
.pre_info_02 { position:absolute; width:39%; left:55.6%; top:25.8%; }
.pre_info_02 dl { position:relative; width:60%; left:30%; z-index:3;}
.pre_info_02 dt {font-family: 'Cormorant Garamond', serif; font-size:7.6em; color:#021e2f; line-height:0.8em; text-transform:uppercase; margin:-0.5em 0 0.1em; }
.pre_info_02 dd { font-size:1.2em; line-height:1.5em; }
.floor_list { position:absolute; width:31%; height:52%; left:10%; top:30%;  opacity:0.4; filter: alpha(opacity=40;); z-index:5;}
.floor_list li { position:relative; height:20%; font-family: 'Cormorant Garamond', serif; font-size:2.3em; line-height:1.2em; color:#021e2f; }
.floor_list li span { position:absolute; display:block; width:94%; height:1px; right:0; top:0.6em; background:#021e2f; }
.floor_list li:first-child span { width:82%; }

.floor_nav { position:relative; width:60%; margin:-5% auto 3%; z-index:6;}
.floor_nav li { position:relative; float:left; width:33.33%;}
.floor_nav li a { display:block; opacity:0.3; filter: alpha(opacity=30;);-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;  }
.floor_nav li a.on {opacity:1; filter: alpha(opacity=100;);}
.floor_nav li a .line { position:absolute; width:20px; height:1px; background:#021e2f; left:-30px; top:18px; }
.floor_nav li a .text01 {display:inline-block;font-family: 'Josefin Sans', sans-serif; font-size:2em; line-height:1.5em; color:#000; font-weight:600; border-bottom:1px solid #000; }
.floor_nav li a .text02 {display:block; font-family:"NanumBarunGothic"; font-size:2.3em; line-height:1.5em; color:#333;}
.floor_nav:after, .reser_nav:after {content:"";display:block;clear:both;}
.floor_nav li p { margin:0.5em 0 1em;}
.reser_nav { width:60%; margin:3% auto;}
.reser_nav li { position:relative; float:left; width:30%; margin-right:3.33%;  }
.reser_nav li a { display:block; opacity:0.3; filter: alpha(opacity=30;);-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;  }
.reser_nav li a.on {opacity:1; filter: alpha(opacity=100;);}
.reser_nav li a img { width:100%; max-width:256px; vertical-align:top;}
.reser_nav li a span { display: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; }
.reser_nav li a:hover span, .reser_nav li a:focus span { margin-left:15px;}

.roomPre_m .roomPre_title { position:absolute; width:66%; left:5%; top:3%; }
.roomPre_m > div {opacity:1; filter: alpha(opacity=100;); visibility: visible;}
.roomPre_m .preNav {width:30%; height:70.4%; left:33.5%; top:23.4%;}
.roomPre_m .preNav .prePre_12 { height:21%; left:50%; bottom:32%; }
.roomPre_m .preNav .prePre_13 { height:21%; left:0; bottom:32%; }
.roomPre_m .preNav .prePre_14 { height:18%; left:50%; bottom:55%; }
.roomPre_m .preNav .prePre_15 { height:18%; left:0; bottom:55%; }
.roomPre_m .preNav .prePre_16 { height:16%; left:50%; bottom:74%; }
.roomPre_m .preNav .prePre_17 { height:16%; left:0; bottom:74%; }

.room00 .check_con { opacity:0; filter: alpha(opacity=0;);}
.room00 .active.check_con { opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease 0.4s;} 

@media  (max-width: 1024px){
.room_03 { margin-top:3%;}
.roomPre_m .roomPre_title .title_e { font-size:3.2vw;}
.roomPre_m .roomPre_title .title01 {font-size:7.2vw;}
.roomPre_m .roomFloor_01 { width:40%; left:26.7%}
.roomPre_m .roomFloor_02 { width:38%; left:0;}
.roomPre_m .roomFloor_03 { width:42%; right:0;}
.preNav .spot { width:5px; height:5px; margin:-2.5px 0 0 -2.5px; display:none; }
.preNav .text { font-size:2.8vw; line-height:1.1em; -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.8); -moz-text-shadow: 1px 1px rgba(255, 255, 255, 0.8); text-shadow:1px 1px rgba(255, 255, 255, 0.8); }

.floor_nav {  width:90%; margin:0 auto 3%; }
.floor_nav li a .line { display:none;}
.floor_nav li a .text01 { font-size:3.2vw; line-height:1.5em; }
.floor_nav li a .text02 { font-size:5.2vw; line-height:1.5em; margin-top:0.2em;}
.reser_nav { width:90%; margin:3% auto;}
.reser_nav li a span {  font-size:3vw; line-height:2em; }
.reser_nav li a:hover span, .reser_nav li a:focus span { margin-left:0;}


}

@media  (max-width: 768px){
.roomPre_m .preNav {width:40%;left:28.5%;}
.preNav .text { font-size:4.2vw; line-height:1.1em;}
.floor_nav li p { font-size:0.9em; letter-spacing:-0.05em;}
}

/* facility */
.faCOn { position:relative;}
.faCOn img { vertical-align:top;}
.faCOn dl {opacity:0; filter: alpha(opacity=0;);}
.fa01 { z-index:1;}
.fa01_01 { position:relative; width:60%; margin-left:40%; overflow:hidden;}
.fa01_01 img { position:relative; right:-100%; }
.fa01_02 { position:absolute; left:20%; top:50%; margin-top:-200px; z-index:2;}
.fa01_02 dt .title01 {font-size:8.2em; margin:0.3em 0 0.1em;}
.fa01_02 dd { font-size:1.23em; line-height:1.7em; color:#898989; margin-top:3em;}
.fa01_02 dd span { display:inline-block; border-bottom:1px solid #898989;}
.fa02 { margin-top:-1%; z-index:2;}
.fa02_01 { position:relative; width:46.9%; margin-left:7.3%; overflow:hidden;}
.fa02_01 img { position:relative; left:-100%;}
.fa02_02 { position:absolute; left:60%; top:-15%; z-index:2;}
.fa02_02 dt { font-size:3em; line-height:1.05em; color:#021e2f; font-weight:300; margin-bottom:1.2em;}
.fa_btn { margin:3em 0 0.5em; text-align:center; opacity:0; filter: alpha(opacity=0;); }
.fa03 { z-index:1;}
.fa03_01 { position:relative; width:46.9%; margin-left:51.5%; overflow:hidden; }
.fa03_01 img { position:relative; margin-top:-50%; opacity:0; filter: alpha(opacity=0;); }
.fa03_02 { position:relative; width:58%; text-align:right; margin-bottom:3em; z-index:2;}
.fa03_02 dt { font-family: 'Cormorant Garamond', serif; font-size:5.3em; line-height:1em; letter-spacing:-0.01em; color:#021e2f; margin:-3.1em 0 0.5em;}
.fa03_02 dd {font-family: 'Cormorant Garamond', serif; font-size:1.5em; line-height:1em; letter-spacing:-0.01em; color:#021e2f;}
.fa04 { z-index:1;}
.fa04_01 { position:relative; width:59%; margin-left:7.2%; margin-top:-5%; opacity:0; filter: alpha(opacity=0;);}

.active .fa01_01 img { right:0; transition: all 0.7s ease 0.5s;}
.active .fa01_02 {opacity:1; filter: alpha(opacity=100;); transition: all 0.55s ease 1.3s;}
.active .fa02_01 img { left:0; transition: all 0.6s ease 0.7s;}
.active .fa02_02 {opacity:1; filter: alpha(opacity=100;); top:15%; transition: all 0.55s ease 1.3s;}
.active .fa03_01 img {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease 0.5s;}
.active .fa03_02 {opacity:1; filter: alpha(opacity=100;); transition: all 0.55s ease 1.3s;}
.active .fa04_01 {opacity:1; filter: alpha(opacity=100;); margin-top:1%; transition: all 0.55s ease 0.8s;}

@media  (max-width: 1024px){
.fa01_02 { position:relative; left:5%; top:0; margin-top:-15%; z-index:2;}
.fa01_02 dt .title01 {font-size:5.2vw; margin:0.3em 0 0.1em;}
.fa01_02 dd { font-size:0.9em; line-height:1.3em; color:#898989; margin:1em 0 2em; }
.fa02_01 { width:88%; margin-left:2%;}
.fa02_02 { position:relative; width:96%; left:3%; top:0; margin-top:2em; }
.fa02_02 dt { font-size:1.6em; line-height:1.05em;  margin-bottom:1.2em; font-weight:400;}
.fa03_01 { width:66%; margin-left:33%;}
.fa03_02 { width:60%; text-align:right; margin-bottom:3em; }
.fa03_02 dt {font-size:5.5vw; }
.fa03_02 dd { font-size:1.8vw; }
.fa04 { z-index:1;}
.fa04_01 {width:76%; margin-left:4.2%;}

.fa_btn { margin:3em 0 0.5em; text-align:center;}

}

/* special */
.special .topArea { background:#000;} 
.special .topArea .lightslider { opacity:0.9; filter: alpha(opacity=90;);}
.speCon {position:relative;}
.speCon dt {opacity:0; filter: alpha(opacity=0;); }
.speCon dd { margin-top:-10%; opacity:0; filter: alpha(opacity=0;);}
.special_slider { position:relative; height:100%; overflow:hidden; z-index:1;}
.special_slider .lSSlideOuter { position:relative;}
.spe_text { position:absolute; width:50%; z-index:2;}
.spe_text dt { margin-bottom:2em; }
.spe_text dd {}
.spe_text dd p {font-size:1.23em; line-height:1.7em; color:#898989;}
.spe_icon { margin-left:-10px; margin-bottom:10px;}
.spe_icon:after {content:"";display:block;clear:both;}
.spe_icon li { float:left; max-width:100px;  width:18%;}
.spe_icon li img { width:100%; max-width:80px; vertical-align:top;}
.special_01 { z-index:3;}
.special_01_01 { width:40%; left:60%;}
.special_01_01 .lSSlideOuter { right:-100%;}
.special_01_02 { left:20%; top:20%; }
.special_02 { margin-top:-3%; z-index:1;}
.special_02_01 { width:64.6%; left:5.9%;}
.special_02_01 .lSSlideOuter { left:-100%;}
.special_02_bg { position:absolute; right:-2px; top:0; height:100%; width:auto; z-index:5;}
.special_02_02 { width:30%; left:66%; top:20%; }
.special_03 { margin-top:-2%; z-index:2;}
.special_03 img { position:relative; right:-100%;}
.special_03_01 { width:46.9%; left:53.1%;}
.special_03_02 { left:20%; top:15%; }
.special_04 { margin-top:3.5%; z-index:2;}
.special_04_01 { width:21.7%; left:30.5%; z-index:2;}
.special_04_01 .lSSlideOuter { margin-top:-150%;}
.special_04_02 { left:53.5%; top:35%; z-index:3;}
.special_04_02 .title01 { margin-left:-10.5%;}
.special_04 .bg_typo { top:34%; z-index:1;}

.spe_title01 { font-size:3em; line-height:1.1em; color:#021e2f; font-weight:300; margin-bottom:1em;}
.special_05 { z-index:3;}
.special_05_01 { width:60%; left:40%;}
.special_05_01 .lSSlideOuter { right:-100%;}
.special_05_bg { position:absolute; left:-2px; top:0; height:100%; width:auto; z-index:5;}
.special_05_02 { left:20%; top:10%; }
.special_05_02 ul { margin-left:-5px; margin-bottom:2em;}
.special_06 { margin-top:3%; z-index:1;}
.special_06_01 { width:46.9%; left:5.9%;}
.special_06_01 .lSSlideOuter { left:-100%;}
.special_06_bg { position:absolute; right:-2px; top:0; height:100%; width:auto; z-index:5;}
.special_06_02 { width:30%; left:60%; top:20%; }
.special_07 { margin-top:-3%; z-index:2;}
.special_07 .lSSlideOuter { position:relative; right:-100%;}
.special_07_01 { width:46.9%; left:51.1%;}
.special_07_02 { left:20%; top:15%; }
.special_08 { margin-top:8.5%; z-index:2;}
.special_08_01 { width:50.2%; left:5.9%; z-index:2;}
.special_08_01 img { margin-top:-150%;}
.special_08_02 { left:60%; top:15%; z-index:3;}
.special_08_02 .title01 { margin-left:-10.5%;}
.special_08 .bg_typo { top:34%; z-index:1;}

.active .special_01_01 .lSSlideOuter {right:0; transition: all 0.7s ease 0.4s;}
.active .special_02_01 .lSSlideOuter {left:0; transition: all 0.9s ease 0.4s;}
.active .special_03_01 img {right:0; transition: all 0.7s ease 0.6s;}
.active .special_04_01 .lSSlideOuter {margin-top:0; transition: all 0.8s ease 0.4s;}

.active .special_05_01 .lSSlideOuter {right:0; transition: all 0.7s ease 0.4s;}
.active .special_06_01 .lSSlideOuter {left:0; transition: all 0.9s ease 0.4s;}
.active .special_07_01 .lSSlideOuter {right:0; transition: all 0.7s ease 0.6s;}
.active .special_08_01 img {margin-top:0; transition: all 0.8s ease 0.4s;}

.active.speCon dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease 1.1s; }
.active.speCon dd { margin-top:0; opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease 1.7s; }

@media  (max-width: 1024px){
.spe_text { position:relative; width:90%; margin-bottom:3em; z-index:2;}
.spe_text dt { margin-bottom:2em; }
.spe_text dd {}
.spe_text dd p {font-size:1em; line-height:1.5em;  margin:0 0 1em;}
.spe_icon { max-width:300px; margin-left:-10px; margin-bottom:10px;}
.special_01 { z-index:3;}
.special_01_01 { width:48%; left:52%;}
.special_01_02 { left:5%; top:0; margin-top:-9em; }
.special_01_02.spe_text dt { width:60%; }
.special_02 { margin-top:1%; z-index:1;}
.special_02_01 { width:70%; left:2.9%;}
.special_02_02 { width:80%; left:15%; top:0; margin-top:-1.5em; }
.special_03 { margin-top:-2%; z-index:2;}
.special_03_01 { width:80%; left:20%;}
.special_03_02 { left:5%; top:0; margin-top:1em; }
.special_03_02 dt { width:100%; text-align:right;}
.special_04_01 { width:52%; left:0%;}
.special_04_02 { position:absolute; width:45%; left:53.5%; top:auto; bottom:-3em;}
.special_04_02 .title01 { margin-left:-10.5%;}
.special_04 .bg_typo { font-size:15vw;}

.spe_title01 { font-size:1.35em; line-height:1.1em; color:#021e2f; font-weight:300; margin-bottom:1em !important;}
.special_05 { z-index:3;}
.special_05_01 { width:60%; left:40%;}
.special_05_02 { left:5%; top:0; margin-top:-9em; }
.special_05_02.spe_text dt { width:60%; }
.special_06 { margin-top:1%; z-index:1;}
.special_06_01 { width:70%; left:2.9%;}
.special_06_02 { width:90%; left:2.9%; top:0; margin-top:1em; }
.special_07 { margin-top:-2%; z-index:2;}
.special_07_01 { width:80%; left:20%;}
.special_07_02 { left:5%; top:0; margin-top:-5em; }
.special_07_02 dt { width:100%; }
.special_08_01 { width:100%; left:0%;}
.special_08_02 { position:relative; width:90%; left:2.9%; top:1em;}
.special_08_02 .title01 { margin-left:-10.5%;}
.special_08 .bg_typo { font-size:15vw;}
}

/* tour */
.tour .dtitle05 { opacity:0; filter: alpha(opacity=0;);  -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); }
.tour .active.dtitle05 {opacity:1; filter: alpha(opacity=100;);  -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);  transition: all 0.6s ease 0.5s; }

.title_tour { position:relative; font-size:13px; margin:0; opacity:0; filter: alpha(opacity=0;);}
.title_tour .title01 {position:absolute; display:block; width:100%; left:0; bottom:10px; text-align:center; font-size:1.7em; line-height:1em; color:#000; font-weight:200; z-index:2; }
.title_tour .title02 {position:relative; display:block; font-family: 'Cormorant Garamond', serif; font-size:11.5vw; line-height:0.65em; color:#fff; text-transform:uppercase; text-align:center; opacity:0.1; filter: alpha(opacity=10;); z-index:1; }
.active.title_tour { margin:8em 0 1em; opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease 1.0s;}


.tourCon {position:relative; }
.tourCon .timg { overflow:hidden; margin-bottom:30%;}
.tourCon .timg img { position:relative; display:block; vertical-align:top; margin-top:-100%; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.tourCon dl { position:absolute; left:0%; top:50%; margin-top:-120px; opacity:0; filter: alpha(opacity=0;);z-index:2;}
.tourCon dt { margin-bottom:2em;}
.tourCon dt .title01 { margin:0.5em 0 0.2em;}
.tourCon dd { font-size:1.15em; line-height:1.66em; color:#767676;}
.tourCon dd p { margin-top:2em;}
.tour_01 { z-index:1;}
.tour_01 .timg { width:60%; margin-left:40%;}
.tour_01 dl {}
.tour_02 { margin-top:-2%; z-index:2;}
.tour_02 .timg { width:49.9%; margin-left:50.1%; margin-bottom:30%;}
.tour_02 dl { }
.tour_03 { z-index:1;}
.tour_03 .timg { width:45.4%; margin-left:40%;}
.tour_03 dl {margin-top:-150px;}
.tour_04 { margin-top:-2%; z-index:2;}
.tour_04 .timg { width:40%; margin-left:60%; margin-bottom:30%;}
.tour_04 dl {}
.tour_05 {}
.tour_05 .timg { width:60%;}
.tour_05 dl { left:100%; }


.active.tourCon dl { opacity:1; filter: alpha(opacity=100;); left:20%; transition: all 0.5s ease 1.3s; }
.active.tourCon.tour_04 dl { left:38%;}
.active.tourCon.tour_05 dl { left:65%;}
.active.tourCon .timg { margin-bottom:0; transition: all 0.6s ease 0.5s;}
.active.tourCon .timg img { margin-top:0; opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease 0.5s;}

@media  (max-width: 1024px){
.title_tour { position:relative; font-size:12px; margin:3em 0 1em;}
.title_tour .title01 {position:absolute; display:block; width:100%; left:0; bottom:10px; text-align:center; font-size:1.7em; line-height:1em; color:#000; font-weight:200; z-index:2; }
.title_tour .title02 {position:relative; display:block; font-family: 'Cormorant Garamond', serif; font-size:11.5vw; line-height:0.65em; color:#fff; text-transform:uppercase; text-align:center; opacity:0.1; filter: alpha(opacity=10;); z-index:1; }


.tourCon dl { position:absolute; top:auto; bottom:0; margin-top:0;  z-index:2;}
.tourCon dt { margin-bottom:0.8em;}
.tourCon dt .title01 { margin:0.2em 0 0.1em;}
.tourCon dd { font-size:1.05em; line-height:1.5em; }
.tourCon dd p { margin-top:0;}
.tour_01 { z-index:1;}
.tour_01 .timg { width:70%; margin-left:30%;}
.tour_02 { margin-top:0; }
.tour_02 .timg { width:65%; margin-left:35%;}
.tour_03 { margin-top:10%; z-index:1;}
.tour_03 .timg { width:60%; margin-left:30%;}
.tour_04 { margin-top:0;}
.tour_04 .timg { width:60%; margin-left:40%;}
.tour_05 .timg { width:70%; margin:5% 0;}
.tour_05 dl { width:40%; }

.active.tourCon dl { opacity:1; filter: alpha(opacity=100;); left:5%; transition: all 0.5s ease 1.3s; }
.active.tourCon.tour_04 dl { left:5%;}
.active.tourCon.tour_05 dl { left:65%;}
.active.tourCon .timg { margin-bottom:0; transition: all 0.6s ease 0.5s;}
.active.tourCon .timg img { margin-top:0; opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease 0.5s;}

}

/* reser */
.reser01 .topArea { background:url(../images/reser/topImg01.jpg);}
.reser02 .topArea { background:url(../images/reser/topImg02.jpg);}

.reser .dtitle p { margin-top:2em;}
.reser .dtitle span, .reser .dtitle p { position:relative; z-index:2;} 
.reser .dtitle span.title_num { position:absolute; left:-30%; bottom:-20%; font-family: 'Cormorant Infant', serif; font-size:30em; line-height:0.8em; text-transform:uppercase; color:#c0c1c3; z-index:1;}

.reserCon { position:relative;}
.reserCon > dl > dt { opacity:0; filter: alpha(opacity=0;);}
.reserCon > dl > dd { opacity:0; filter: alpha(opacity=0;);}
.active.reserCon > dl > dt { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 0.3s}
.active.reserCon > dl > dd { opacity:1; filter: alpha(opacity=100;); transition: all 0.7s ease-in-out 0.9s}
.reser_01_01 { position:absolute; left:17%; top:10%; z-index:2;}
.reser_01_02 { position:relative; width:67.8%; left:32.2%; padding:5% 2% 3% 8%; background:#bdbec1;}
.roomRate { margin-bottom:8em; }
.roomRate li { position:relative; margin-bottom:0.8em; }
.roomRate li > span { position:absolute; width:20px; height:1px; background:#989ea4; left:-40px; top:1em; }
.roomRate li a {display:inline-block; font-size:1.2em; line-height:1.8em; color:#021e2f; border-bottom:2px solid #bdbec1; 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;}
.roomRate li a:hover, .roomRate li a:focus { opacity:1; filter: alpha(opacity=100;); border-bottom:2px solid #021e2f; }

/*요금막아놓음*/
.reser_2, .reser_4, .reser_6 { display:none;}

.reser_dl { float:left; width:34.5%; }
.reser_dl dt { position:relative; font-size:1.5em; line-height:1.5em; color:#000; margin-bottom:0.8em;}
.reser_dl dt span { position:absolute; width:20px; height:1px; background:#989ea4; left:-40px; top:1em; }
.reser_dl dd { font-size:1.23em; line-height:1.7em; color:3898989;}

.reser_02 {padding-top:15%; opacity:0; filter: alpha(opacity=0;);z-index:3;}
.active.reser_02 {opacity:1; filter: alpha(opacity=100;); padding-top:0; transition: all 0.6s ease 0.5s;}
.reser_02_img { position:relative; display:block; width:100%; max-width:1080px; margin:0 auto; vertical-align:top;}
.reser .reser_02 .floor_nav { margin:-13% auto 0;}
.room00 .reser_02_img { display:none;}

.reser_03 { width:80%; background:#bdbec1; padding:8% 0 4% 18%; margin-top:-7.5%; z-index:2;}
.reser_03 dl dd { margin-left:86px; margin-top:1.5em;}

.reser_04 { margin:5% 0 0;  }
.reser_04_01 { position:relative; width:83%; text-align:right;}
.reser_04 .dtitle span.title_num { left:auto; right:-8%; bottom:-0.4em;}
.reser_04_02 { position:relative; padding-left:20%; font-size:1.23em; line-height:1.7em; color:#898989;}
/* .reser_04_02 p { margin:1.7em 0; color:#000;}
.reser_04_02 p.underline { margin:1.7em 0 1em;} */
.reser_04_03 { position:relative; width:22.7%; left:57.3%; margin-top:-10%; }

.reser_05 { margin-top:-10%; }
.reser_05_01 { position:relative; left:20%;}
.reser_05_02 {position:relative; width:60%; left:41.4%; margin:2em 0; font-size:1.23em; line-height:1.7em; color:#898989;}
.reser_05_02 dl { margin-left:-27px; margin-top:3%;}
.reser_05_02 dl dt { display:inline-block; color:#000; margin-bottom:1.5em; border-bottom:1px solid #000;}
.reser_05_03 { width:80%; margin:2em auto; padding:3% 5%; background:#bdbec1;}
.refund { width:100%;border-collapse:collapse;  border-top:1px solid #fff; background:url(../images/bg/white_50.png);  }
.refund th, .refund td { padding:12px 3px; text-align:center; font-size:1.1em; line-height:1.6em; border-bottom:1px solid #fff; border-left:1px solid #fff; font-weight:400 }
.refund th { background:url(../images/bg/black_10.png);}
.refund th:first-child, .refund td:first-child { border-left:none;}
.reser_05_04 {position:relative; width:60%; left:40%;  font-size:1.23em; line-height:1.7em; color:#898989; }

.reser_frame { position:relative; padding:0; width:74%; margin:-15em auto 0; z-index:6;}
.reser_frame iframe { width:100%; height:1100px; padding:2% 0; background:#fff; }

@media  (max-width: 1024px){
.reser01 .topArea { background:url(../images/reser/m/topImg01.jpg);}
.reser02 .topArea { background:url(../images/reser/m/topImg02.jpg);}

.reser .dtitle p { margin-top:2em;}
.reser .dtitle span.title_num { left:-20%; bottom:-10%; font-size:50vw; line-height:0.8em; }

.reser_01_01 { position:relative; left:5%; top:0; padding-top:5%; z-index:2;}
.reser_01_02 { position:relative; width:100%; left:0; padding:5% 2% 3% 8%; background:#bdbec1;}

.roomRate { margin-bottom:3em; }
.roomRate li { position:relative; margin-bottom:0.8em; }
.roomRate li > span { position:absolute; width:6px; height:1px; background:#989ea4; left:-15px; top:1em; }
.roomRate li a {display:inline; font-size:1em; line-height:1.6em; color:#021e2f; border-bottom:none; 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;}
.roomRate li a:hover, .roomRate li a:focus { border-bottom:none; text-decoration:underline; }
.reser_dl { float:none; width:90%; }
.reser_dl dt { font-size:1.2em; margin-bottom:0.4em;}
.reser_dl dt span { position:absolute; width:6px; height:1px; background:#989ea4; left:-15px; top:0.7em; }
.reser_dl dd { font-size:1em; line-height:1.5em; margin-bottom:1.5em;}

.reser_03 { width:96%; padding:10% 3% 5% 10%; margin-top:-5.5%; }
.reser_03 dl dd { margin-left:0; margin-top:1.5em;}

.reser_04 { margin:8% 0 0;  }
.reser_04_01 { position:relative; width:92%; text-align:right; margin-bottom:0.1em;}
.reser_04 .dtitle span.title_num { left:auto; right:-8%; bottom:-0.1em;}
.reser_04_02 {  padding-left:5%; font-size:1em; line-height:1.5em;}
.reser_04_02 p { margin:1.7em 0; color:#000;}
.reser_04_02 p.underline { margin:1.7em 0 1em;}
.reser_04_03 { position:relative; width:36%; left:57.3%; margin-top:-25%; }

.reser_05 { margin-top:-10%; }
.reser_05_01 { position:relative; left:10%;}
.reser_05_02 {position:relative; width:90%; left:10%; margin:1em 0; font-size:1em; line-height:1.5em;}
.reser_05_02 dl { margin-left:-27px; margin-top:3%;}
.reser_05_02 dl dt { color:#000; margin-bottom:1.5em; border-bottom:1px solid #000;}
.reser_05_03 { width:100%; padding:3% 2%;}
.refund th, .refund td { padding:6px 1px; font-size:0.8em; line-height:1.3em; letter-spacing:-0.05em;}
.refund th { background:url(../images/bg/black_10.png);}
.refund th:first-child, .refund td:first-child { border-left:none;}
.reser_05_04 { width:90%; left:3%;  font-size:1em; line-height:1.5em;}

.reser_frame { padding:5% 0; width:96%; max-width:1280px; margin:0 auto;}
.reser_frame iframe { width:100%; height:2000px; padding:2% 0; background:#fff; }
}

/*네이버예약버튼 추가*/
#btn_container {
	}

a.nav_btn {
	display:inline-block;
	padding:12px;
	border:1px solid #fafafa;
	border-radius: 20px;
	background-color:#666666;
	color:#fff;
	font-size:15px;
	font-weight:700;
	text-decoration:none;
	text-align:center;
	vertical-align:middle
	transition: background-color 0.7s ease-out;}

a.nav_btn:hover{
	background-color:#8dbf6c;}





/*  commnuity */
.board01 .topArea { background:url(../images/board/topImg01.jpg);}
.board02 .topArea { background:url(../images/board/topImg02.jpg);}
.board03 .topArea { background:url(../images/board/topImg03.jpg);}
.board04 .topArea { background:url(../images/board/topImg04.jpg);}

.subTitle03 { position:relative; width:74%; margin:5em auto 8em; font-weight:400; padding-top:2em; opacity:0; filter: alpha(opacity=0;);  z-index:5; }
.subTitle03 p { position:relative; width:100%; font-family: 'Cormorant Garamond', serif; font-size:12vw; line-height:1em; color:#fff; text-transform:uppercase; opacity:0.1; filter: alpha(opacity=10;);  z-index:1;}
.subTitle03 h3 { position:relative; width:88%; margin:0 auto; z-index:2;}
.subTitle03 h3 .title01 { margin-top:-2.5em; }
.subTitle03 h3 .title02 { display:block !important;}

.active.subTitle03 {  margin:5em auto 0; opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.6s ease-in-out 0.4s; }

.boardCon { position:relative; width:74%; margin:0 auto 0; padding-bottom:0; z-index:6;}

@media  (max-width: 1024px){
.board01 .topArea { background:url(../images/board/m/topImg01.jpg);}
.board02 .topArea { background:url(../images/board/m/topImg02.jpg);}
.board03 .topArea { background:url(../images/board/m/topImg03.jpg);}
.board04 .topArea { background:url(../images/board/m/topImg04.jpg);}

.subTitle03 { width:90%; margin:2em auto 4em; padding-top:2em; }
.subTitle03 p { font-size:20vw; line-height:1em;}
.subTitle03 h3 { width:100%; }

.boardCon { width:96%; margin:0 auto 0; padding-bottom:5%;}



}



@media \0screen { /* IE8 웹폰트 설정*/
}

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

@media  (max-width: 1480px){


}

@media  (max-width: 1420px){


}

@media  (max-width: 1280px){

}


@media  (max-width: 1024px){


}


@media  (max-width: 768px){

}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}