@charset "utf-8";

.list01 {}
.list01 li { margin-bottom:15px;}
.list02 {}
.list02 li { background:url(../images/sub/list_bullet01.gif) left 10px no-repeat; font-size:14px; line-height:24px; padding-left:12px; margin-bottom:3px;}
.list_num { margin-left:1em;}
.list_num li { list-style:decimal; list-style-position: outside;}

.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;}

.btn_detail { display:inline-block; font-family: 'Georgia', serif; font-size:21px; line-height:1.5em; color:#484848; }
.btn_detail span { display:inline-block; margin:0 10px; font-size:0.75em; vertical-align:top;  transition: all 0.3s ease; }
.btn_detail:hover span, .btn_detail:focus span { margin:0 0 0 20px;}



/* about01 */
.about_text01 { position:absolute; width:60%; left:20%; top:40%; text-align:center; font-family: 'Jeju Myeongjo', serif; font-size:15px; line-height:1.8em; color:#555;  letter-spacing:-0.05em; z-index:5;}
.about_text01 strong { font-weight:400; font-size:1.33em;}
.about_text01 p { font-family: 'Lora', serif; font-size:1.1em; font-style:italic;}
.about_01 {position:relative;}
.about_01 .gallery { position:relative;}
.about_text02 {position:relative; width:100%; text-align:center; padding:8% 0; font-family: 'Jeju Myeongjo', serif; font-size:16px; line-height:1.8em; color:#555;  letter-spacing:-0.05em; z-index:5; }
.about_02 { position:relative;}
.about_02:after {content:"";display:block;clear:both;}
.about_0201 { float:left; width:44.8%;}
.about_0202 { float:right; width:51.2%;}
.about_0202 .about_text01 { position:relative; text-align:left; left:0; top:0; margin:70px 0 0 10px;}
.about_0202 .about_text01 p { margin-bottom:120px;}
.about_03 { padding-top:12%;}
.about_0301 { position:relative; margin-top:-80px; text-align:center; z-index:2;}
.about_0301 dl { margin:80px 0;}
.about_0301 dl dt {font-family: 'Raleway', sans-serif; font-size:39px; line-height:1.2em; font-weight:300; text-transform:uppercase; letter-spacing:0.2em; color:#68676a;}
.about_0301 dl dt strong { font-weight:300; color:#3067ac;}
.about_0301 dl dt span { display:block; width:80px; height:1px; background:#696969; margin:30px auto; }
.about_0301 dl dd {font-family: 'Jeju Myeongjo', serif; font-size:15px; line-height:1.8em; color:#68676a; letter-spacing:-0.05em; }

/* about02 */
.land_01 { position:relative; background-size:cover !important; }
.about02 .land_01 { background:url(../images/about/l01.jpg) center center no-repeat;}
.about03 .land_01 { background:url(../images/about/n01.jpg) center center no-repeat;}
.land_01 dl { position:absolute; width:50%; left:45.5%; top:26%; }
.land_01 dl dt {  font-family: 'Playfair Display', serif; font-size:150px; font-size:7.8vw; line-height:1em; color:#464646; font-weight:700; margin-bottom:0.15em; }
.about03 .land_01 dl dt { color:#fff;}
.land_01 dl dd { margin-left:11.5%; font-family: 'Crimson Text', serif; font-size:20px; line-height:1.5em; color:#777;}
.about03 .land_01 dl dd { color:#fff;}
.land_01 dl dd span { display:inline-block; line-height:1em; border-bottom:1px solid #a3a5a7;}
.about03 .land_01 dl dd span { border-bottom:1px solid #abb8ca;}
.land_01 .btn_view { position:absolute; width:30%; max-width:532px; left:45.6%; bottom:13%; padding:0; z-index:5;}
.land_01 .btn_scroll { position:absolute; display:block; width:62%; max-width:323px; padding:0; left:0; top:-50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:2; }
.land_01 .btn_scroll:hover, .land_01 .btn_scroll:focus { left:20px;}
.land_01 .btn_scroll img { width:100%; vertical-align:top;}
.land_02 { position:relative; width:83.2%; max-width:1597px; margin:8% 0 0 14%; z-index:2;}
.land_02 dl { position:absolute; width:65%; top:0; left:50px; z-index:2; }
.land_02 dl dt { margin-top:-0.5em; font-family: 'Playfair Display', serif; font-size:100px; font-size:5vw; line-height:1em; color:#000; margin-bottom:0.6em; }
.land_02 dl dd { font-size:14px; line-height:1.6em; color:#5d5d5d; }
.land_02 dl dd p { font-size:1.5em; line-height:1.5em; color:#000; font-weight:600; margin-bottom:1.25em;}
.land_03 { position:relative; margin-top:-9%; z-index:1;}
.land_0301 { position:relative;width:50%; vertical-align:top; z-index:2;}
.land_0302 { position:absolute; width:53%; height:50%; left:0; top:25%; background:#dce7f1; z-index:1;}
.about03 .land_0302 {background:#daafaf; }
.land_0303 { position:relative;width:50%; vertical-align:top; margin-left:50%;z-index:2;}
.land_0304 { position:absolute; left:5%; top:75%; z-index:5;}
.land_0304 dt {font-family: 'Playfair Display', serif; font-size:100px; font-size:5vw; line-height:1em; color:#000;  margin:-0.6em 0 0.3em;}
.land_0304 dd { font-size:15px; line-height:1.5em; color:#767676;}
.land_0304 dd p {font-size:1.5em; line-height:1.5em; color:#000; font-weight:600; margin-bottom:1.25em;}
.land_04 { position:relative; overflow:hidden;}
.land_0401 { position:absolute; width:100%; vertical-align:top; opacity:0;  filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.land_04:hover .land_0401 { opacity:1;  filter: alpha(opacity=100); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }


/* room */
.room .topArea {}
.room_fix {position:relative; height:1080px; height:100vh; margin: 0 auto;overflow: hidden;padding: 0; background-attachment: fixed !important; background-size:cover !important;  }
.room_con { position:absolute; width:100%; height:260px; left:0; bottom:0; background:url(../images/room/con_bg.png); padding-top:26px;}
.room_con01 { text-align:center;}
.room_con dt .title01 { display:block;  font-family: 'Jeju Myeongjo', serif; font-size:18px; color:#464646; line-height:1.2em; letter-spacing:-0.05em; }
.room_con dt .title01 span {display:inline-block; width:86px; height:1px; background:#acacac; margin-left:5px; vertical-align:middle;}
.room_con dt .title02 {display:block;font-family: 'Libre Baskerville', serif; font-size:50px; line-height:1.3em; color:#464646; letter-spacing:0.05em;}
.room_con01 dd {font-family: 'Jeju Myeongjo', serif; font-size:16px; color:#686868; line-height:1.7em; letter-spacing:-0.05em; }

.room_con02 { width:96%; max-width:820px; margin:0 auto;} 
.room_con02:after {content:"";display:block;clear:both;}
.room_con02 dl { float:left; width:45%;}
.room_con02 .reserInfo { float:left; width:55%; margin-top:-80px;}
.room_con02 .reserInfo .reserInfo_img { width:83%; max-width:370px; vertical-align:top;}
.room_con02 .reserInfo a { display:inline-block; margin-left:20px; margin-top:35%;}
.room_con02 dt .title02 { margin-bottom:0;}
.roomInfo { margin-top:0px; font-size:14px; line-height:1.7em;}
.roomInfo p { margin-bottom:5px; color:#1972a0;}

.room_con03 { width:96%; max-width:1420px; margin:0 auto;} 
.room_con03 dt { text-align:center; margin:0 auto 20px;}
.room_con03 dt .title01 { padding-right:260px;}
.room_con03 dt .title02 { text-transform:uppercase;}
.roomType {}
.roomType:after {content:"";display:block;clear:both;}
.roomType li { float: left; width:33.33%; background:url(../images/bg/black_20.png) left 50% no-repeat; background-size:1px 50%; padding-left:2%;}
.roomType li:first-child { background:none;}
.roomType li a {display:block; }
.roomType li .img { position:relative; float:left; max-width:170px; }
.roomType li .img .on { position:absolute; left:0; top:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity:0; filter: alpha(opacity=0;);  z-index:2;}
.roomType li a:hover .img .on, .roomType li a:focus .img .on { opacity:1; filter: alpha(opacity=100;); }
.roomType li .img img { width:100%; vertical-align:top;}
.roomType li .text { float:left; margin:6.5% 5%; font-family: 'Jeju Myeongjo', serif; font-size:14px; line-height:1.6em; }

.room01 #room_02 {background: url(../images/room01/bg_01.jpg) 50% 0 no-repeat;}
.room01 #room_03 {background: url(../images/room01/bg_02.jpg) 50% 0 no-repeat;}
.room01 #room_04 {background: url(../images/room01/bg_03.jpg) 50% 0 no-repeat;}
.room02 #room_02 {background: url(../images/room02/bg_01.jpg) 50% 0 no-repeat;}
.room02 #room_03 {background: url(../images/room02/bg_02.jpg) 50% 0 no-repeat;}
.room02 #room_04 {background: url(../images/room02/bg_03.jpg) 50% 0 no-repeat;}
.room03 #room_02 {background: url(../images/room03/bg_01.jpg) 50% 0 no-repeat;}
.room03 #room_03 {background: url(../images/room03/bg_02.jpg) 50% 0 no-repeat;}
.room03 #room_04 {background: url(../images/room03/bg_03.jpg) 50% 0 no-repeat;}
.room04 #room_02 {background: url(../images/room04/bg_01.jpg) 50% 0 no-repeat;}
.room04 #room_03 {background: url(../images/room04/bg_02.jpg) 50% 0 no-repeat;}
.room04 #room_04 {background: url(../images/room04/bg_03.jpg) 50% 0 no-repeat;}
.room05 #room_02 {background: url(../images/room05/bg_01.jpg) 50% 0 no-repeat;}
.room05 #room_03 {background: url(../images/room05/bg_02.jpg) 50% 0 no-repeat;}
.room05 #room_04 {background: url(../images/room05/bg_03.jpg) 50% 0 no-repeat;}
.room06 #room_02 {background: url(../images/room06/bg_01.jpg) 50% 0 no-repeat;}
.room06 #room_03 {background: url(../images/room06/bg_02.jpg) 50% 0 no-repeat;}
.room06 #room_04 {background: url(../images/room06/bg_03.jpg) 50% 0 no-repeat;}
.room07 #room_02 {background: url(../images/room07/bg_01.jpg) 50% 0 no-repeat;}
.room07 #room_03 {background: url(../images/room07/bg_02.jpg) 50% 0 no-repeat;}
.room07 #room_04 {background: url(../images/room07/bg_03.jpg) 50% 0 no-repeat;}
.room08 #room_02 {background: url(../images/room08/bg_01.jpg) 50% 0 no-repeat;}
.room08 #room_03 {background: url(../images/room08/bg_02.jpg) 50% 0 no-repeat;}
.room08 #room_04 {background: url(../images/room08/bg_03.jpg) 50% 0 no-repeat;}
.room09 #room_02 {background: url(../images/room09/bg_01.jpg) 50% 0 no-repeat;}
.room09 #room_03 {background: url(../images/room09/bg_02.jpg) 50% 0 no-repeat;}
.room09 #room_04 {background: url(../images/room09/bg_03.jpg) 50% 0 no-repeat;}
.room10 #room_02 {background: url(../images/room10/bg_01.jpg) 50% 0 no-repeat;}
.room10 #room_03 {background: url(../images/room10/bg_02.jpg) 50% 0 no-repeat;}
.room10 #room_04 {background: url(../images/room10/bg_03.jpg) 50% 0 no-repeat;}
.room11 #room_02 {background: url(../images/room11/bg_01.jpg) 50% 0 no-repeat;}
.room11 #room_03 {background: url(../images/room11/bg_02.jpg) 50% 0 no-repeat;}
.room11 #room_04 {background: url(../images/room11/bg_03.jpg) 50% 0 no-repeat;}

.room12 #room_02 {background: url(../images/room12/bg_01.jpg) 50% 0 no-repeat;}
.room12 #room_03 {background: url(../images/room12/bg_02.jpg) 50% 0 no-repeat;}
.room12 #room_04 {background: url(../images/room12/bg_03.jpg) 50% 0 no-repeat;}

.room13 #room_02 {background: url(../images/room13/bg_01.jpg) 50% 0 no-repeat;}
.room13 #room_03 {background: url(../images/room13/bg_02.jpg) 50% 0 no-repeat;}
.room13 #room_04 {background: url(../images/room13/bg_03.jpg) 50% 0 no-repeat;}

.room14 #room_02 {background: url(../images/room14/bg_01.jpg) 50% 0 no-repeat;}
.room14 #room_03 {background: url(../images/room14/bg_02.jpg) 50% 0 no-repeat;}
.room14 #room_04 {background: url(../images/room14/bg_03.jpg) 50% 0 no-repeat;}

#room_02 { }

.room_05 { padding:12% 0 3%;}

/* roomPre */
#roomPre01 {}
#roomPre01 dl { position:relative; text-align:center; z-index:2;}
#roomPre01 dl dt {width:96%; max-width:600px; margin:0 auto; text-align:center; font-family: 'Raleway', sans-serif; font-size:50px; line-height:1.7em; color:#434343; text-transform:uppercase; font-weight:400; letter-spacing:0.2em; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;}
#roomPre01 dl dd {font-family: 'Jeju Myeongjo', serif; font-size:16px; line-height:1.7em; color:#6;}
#roomPre01 dl dd p { font-weight:700; color:#434343; margin:26px 0; letter-spacing:0.02em;}

.roomPre_type { position:absolute; width:100%; left:0; bottom:0; padding-bottom:5%; z-index:1;}
.roomPre_type_list { position:relative; width:96%; max-width:1420px; margin:0 auto;  text-align:center; z-index:3;}
.roomPre_type_list:after {content:"";display:block;clear:both;}
/* .roomPre_type_list li { float:left; width:33%; } */
.roomPre_type_list li { float:left; width:50%; }
.roomPre_type_list li a { display:block; max-width:139px; margin:0 auto !important; }
.roomPre_type_list li a .title01 { display:block; width:100%;  max-width:139px; vertical-align:top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.roomPre_type_list li a .title02 { display:block; margin:20px auto 0; font-family: 'Raleway', sans-serif; font-size:12px; color:#fff; line-height:2em; text-transform:uppercase;}
.roomPre_type_list li a .btn_down02 { display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin:10px auto 15px; opacity:0; filter: alpha(opacity=0);  }
.roomPre_type_list li a:hover .title01, .roomPre_type_list li a:focus .title01 { transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.roomPre_type_list li a:hover .btn_down02, .roomPre_type_list li a:focus .btn_down02 {  margin:25px auto 0; opacity:1; filter: alpha(opacity=100);  }
.roomPre_type_img { position:absolute; width:100%; left:0; bottom:0; z-index:1;}
.roomPre_type_img .roomPre_type_div { position:absolute; width:100%; height:36.8%; left:0; top:0; background:#fff; z-index:5;}
.roomPre_type_img img {width:100%; vertical-align:top;  }
.roomPre_type_img .type_img { position:absolute; left:0; bottom:0;display:none; z-index:3;}
.roomPre_type_img .type_img.on { z-index:5;}

.roomPre_con {}
.roomPre_con > dt { position:absolute; width:100%; left:0; top:6%; text-align:center; font-family: 'Raleway', sans-serif; font-size:12px; line-height:1.2em; color:#434343; text-transform:uppercase; letter-spacing:0.1em; }
.roomPre_con > dt span { display:block; width:1px; height:80px; margin:20px auto 30px; background:#b3b3b3;}
.roomPre_con > dt strong { display:block; font-size:2em; font-weight:400; line-height:1.2em; margin-bottom:0.3em; }
.roomPre_con > dd { position:absolute; width:100%; left:0; bottom:52px;}
.preCon_01 {}
.preCon_text { position:absolute; width:33.07%; height:100%; bottom:0; background:url(../images/room/roomPre_bg.gif); text-align:center; padding:5% 0 0; }
.preCon_text dt { margin-bottom:36px;}
.preCon_text dt .title01 { display:block; font-family: 'Playfair Display', serif; font-size:22px; line-height:1.8em; color:#000; margin-bottom:5px;}
.preCon_text dt .title02 { display:block; width:300px; margin:0 auto; font-family: 'Raleway', sans-serif; font-size:20px; line-height:2em; font-weight:600; color:#464646;  text-transform:uppercase; letter-spacing:0.2em; border-top:1px solid #adadad; border-bottom:1px solid #adadad;}
.preCon_text dd { font-family: 'Jeju Myeongjo', serif; font-size:15px; line-height:2em; color:#686868;}
.preCon_text dd div { margin-bottom:4.5em;}
.preCon_gallery { width:66.93%;}
.preCon_gallery .lightSlider li img {}
.preCon_gallery .lightSlider li a { position:relative; display:block;}
.preCon_gallery .lightSlider li a span { position:absolute; width:50%; left:25%; top:50%; text-align:center; font-family: 'Libre Baskerville', 'Jeju Myeongjo', serif; font-size:32px; line-height:1.3em; color:#fff; letter-spacing:0.05em; -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);}
#roomPre02 .preCon_text { left:0;}
#roomPre02 .preCon_gallery { float:right;}
#roomPre03 .preCon_text { right:0;}
#roomPre03 .preCon_gallery { float:left;}
.room00 .btn_scroll { margin:0 25px;}
.room00 .lSSlideOuter .lSPager.lSpg { margin-top:-30px !important; height:30px;}
.room00 .lSSlideOuter .lSPager.lSpg>li a { width:26px !important; height:10px !important; border-radius:0; background:url(../images/common/slider_arrow05_on.png) center center no-repeat; }
.room00 .lSSlideOuter .lSPager.lSpg>li.active a, .room00 .lSSlideOuter .lSPager.lSpg>li:hover a {   background:url(../images/common/slider_arrow05_off.png) center center no-repeat;}
.roomPre04 { position:relative;}
.roomPre04:after {content:"";display:block;clear:both;}
.roomPre04_01 { float:left;width:33%; position:relative;}
.roomPre04_02 { position:absolute; width:34%; height:100%; left:33%; top:0;}
.roomPre04_02 .preCon_text { width:100%; height:100%; left:0; top:0; padding-top:15%; }
.roomPre04_03 { float:right;width:33%; position:relative;}
.roomPre04_01 span, .roomPre04_03 span { position:absolute; width:50%; left:25%; top:50%; text-align:center; font-family: 'Libre Baskerville', serif; font-size:32px; line-height:1.3em; color:#fff; letter-spacing:0.05em; -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); }
.roomPre04_04 { padding:3% 0; text-align:center;}


.roomPre_map { position:relative;}
.roomPre_map a { position:absolute;}
.roomPre_map .roomMap01 { left:22%; top:70%; }
.roomPre_map .roomMap02 { left:22%; top:57%; }
.roomPre_map .roomMap03 { left:22%; top:44%;}
.roomPre_map .roomMap04 { left:22%; top:30%;}

.roomPre_map .roomMap05 { left:39%; top:70%;}
.roomPre_map .roomMap06 { left:43%; top:70%;}
.roomPre_map .roomMap07 { left:50%; top:70%;}
.roomPre_map .roomMap08 { left:53%; top:70%;}
.roomPre_map .roomMap09 { left:56%; top:70%;}

.roomPre_map .roomMap10 { left:39%; top:55%;}
.roomPre_map .roomMap11 { left:43%; top:55%;}
.roomPre_map .roomMap12 { left:46%; top:55%;}
.roomPre_map .roomMap13 { left:48.8%; top:55%;}
.roomPre_map .roomMap14 { left:51.7%; top:55%;}
.roomPre_map .roomMap15 { left:54.5%; top:55%;}
.roomPre_map .roomMap16 { left:57%; top:55%;}

.roomPre_map .roomMap17 { left:66%; top:35%;}
.roomPre_map .roomMap18 { left:64%; top:53%;}
.roomPre_map .roomMap19 { left:72%; top:40%;}
.roomPre_map .roomMap20 { left:34%; top:54%;}

.roomPre_map .roomMap0012 { left:33%; top:66%;}
.roomPre_map .roomMap0013 { left:73%; top:40%;}

.roomPre_map p { font-size:2em; color:#fff; position:absolute; right:6%; bottom:5%; text-align:center;}
.roomPre_map p span { font-size:0.5em; display:block; margin-top:4%;}



/* special */
#specialCon { position:relative;}
.specialCon_01 { padding:2em 10%; font-family: 'Raleway', sans-serif; font-size:32px; color:#838383; line-height:1.5em; font-weight:100; text-transform:uppercase; letter-spacing:0.02em; }
.specialCon_02 { position:relative; width:67.4%; z-index:1; padding-bottom:50px;}
.specialCon_02 p { position:absolute; left:15%; top:15%; font-family:'NanumSquare'; font-size:14px; line-height:1.8em; color:#fff;}
.special01 .specialCon_02 { background:#b89176;}
.special02 .specialCon_02 { background:#8aaad4;}
.special03 .specialCon_02 { background:#71adb7;}
.special04 .specialCon_02 { background:#cba14d;}
.special05 .specialCon_02 { background:#a0794d;}
.special06 .specialCon_02 { background:#c5a4b1;}
.special07 .specialCon_02 { background:#abc4e2;}
.special08 .specialCon_02 { background:#acaa72;}
.special09 .specialCon_02 { background:#d57887;}
.specialCon_03 { position:relative; width:90%; margin:-6% 0 0 10%; z-index:2;}
.specialCon_04:after {content:"";display:block;clear:both;}
.specialCon_04 p { float:right; display:inline-block; margin:6em 3em 2em 0; padding:1em 0; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; text-align:right; font-family:'NanumSquare'; font-size:15px; line-height:1.8em; color:#6e6e6e; }
.specialCon_05:after {content:"";display:block;clear:both;}
.special_img01 { float:left; width:34.16%; vertical-align:top;}
.special_img02 { float:left; width:18.5416%; vertical-align:top;}
.special_img03 { float:left; width:47.2916%; vertical-align:top;}

.specialPre_title { position:relative; overflow:hidden; margin-top:-80px;}
.specialPre_title_01 { position:relative; width:100%; vertical-align:top; z-index:2; }
.specialPre_title_02 { position:absolute; width:100%; max-width:1600px; left:-20%; bottom:-10%; z-index:1;  }

.specialPre_list {}
.specialPre_list:after {content:"";display:block;clear:both;}
.specialPre_list li { position:relative; float:left; width:33.33%; overflow:hidden;}
.specialPre_list a { display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.specialPre_list .img_on, .specialPre_list .img_off { width:100%; vertical-align:top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.specialPre_list .img_on { position:absolute; left:0; top:0; opacity:0;  filter: alpha(opacity=0); z-index:2;}
.specialPre_list .img_off { position:relative; z-index:1;}
.specialPre_list a:hover, .specialPre_list a:hover  {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.specialPre_list a:hover .img_on, .specialPre_list a:hover .img_on, .specialPre_list a.on .img_on { opacity:1;  filter: alpha(opacity=100);}

.specialPre_list .title { position:absolute; width:100%;  display:block; left:0; top:45%; text-align:center; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:3;}
.specialPre_list .title span { display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.specialPre_list .title .title01 { width:250px; margin:0 auto 20px; font-family: 'Montserrat', sans-serif; font-size:15px; line-height:2.6em; text-transform:uppercase; letter-spacing:0.15em; color:#fff; border:1px solid #fff; }
.specialPre_list .title .title02 { overflow:hidden; height:0; font-family: 'Raleway', sans-serif; font-size:12px; line-height:2em; color:#fff;text-transform:uppercase; letter-spacing:0.15em; opacity:0;  filter: alpha(opacity=0); }
.specialPre_list .title .title03 {opacity:0;  filter: alpha(opacity=0); }
.specialPre_list a:hover .title, .specialPre_list a:hover .title, .specialPre_list a.on .title { top:30%;}
.specialPre_list a:hover .title .title01, .specialPre_list a:hover .title .title01, .specialPre_list a.on .title .title01 {}
.specialPre_list a:hover .title .title02, .specialPre_list a:hover .title .title02, .specialPre_list a.on .title .title02 { height:8em; opacity:1; filter: alpha(opacity=100);}
.specialPre_list a:hover .title .title03, .specialPre_list a:hover .title .title03  {opacity:1;  filter: alpha(opacity=100); margin-top:
30px;} 


.specialPre { margin-top:5%;}
.specialPre > dl { position:relative; padding:4% 0 3.5%; }
.specialPre > dl dt {  position:relative; z-index:5; }
.specialPre > dl dt:after {content:"";display:block;clear:both;}
.specialPre > dl dt span {  float:right; margin:0 40px 50px 0; display:inline-block; width:610px; font-family: 'Raleway', sans-serif; font-size:26px; line-height:2.6em; color:#555; font-weight:300; letter-spacing:0.5em; text-align:center; border-top:1px solid #686868; border-bottom:1px solid #686868; }

.specialPre > dl dt strong { font-weight:600;}
.specialPre > dl dd { position:relative; z-index:1;}
.sp_bg { position:absolute; width:79%; height:55%; top:-14.2%;z-index:1; }
.specialPre01 .sp_bg { background:#ccdfde; right:0;}
.specialPre02 .sp_bg { background:#d0e1ea; left:0;}
.specialPre03 .sp_bg { width:50%; background:#d7c9d4; left:50%;}
.special_list { position:relative; overflow:hidden; z-index:2;}
.special_list:after {content:"";display:block;clear:both;}
.special_list li { float:left; text-align:right; }
.special_list li.sl_01 { width:43.75%; }
.special_list li.sl_02 { width:28.9%; margin-left:1.56%;}
.special_list li.sl_03 { float:right; width:24.22%;}
.special_list li.sl_04 { width:24.22%; margin-left:1.56%;}
.special_list li.sl_05 { float:right; width:28.9%;}
.special_list li a { display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.special_list li a:hover, .special_list li a:focus { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.special_list li img { width:100%; vertical-align:top; margin-bottom:3%; }

.special_list li a > span { display:block; margin-right:20px;}
.special_list .text01 { height:6em; font-family: 'Jeju Myeongjo', serif; font-size:15px; line-height:1.5em;  color:#353535; letter-spacing:-0.05em; }
.special_list .title01 {font-family: 'Crimson Text', serif; font-size:28px; line-height:0.8em; font-style:italic; color:#2c6cb6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.special_list a:hover .title01, .special_list a:focus .title01 { margin-top:-20px;}
.special_list .title02 {font-size:18px; line-height:1.8em; color:#000; }
.special_list .title02 span { display:inline-block; width:80px; height:1px; background:#000; vertical-align:middle; margin-right:15px;}
.special_list .text02 { font-family: 'Jeju Myeongjo', serif; font-size:14px; line-height:1.5em; color:#999;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.special_list a:hover .text02, .special_list a:focus .text02 { margin-bottom:20px;}
.specialPre .btn_scroll { display:inline-block; padding:0 0 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.specialPre .btn_scroll:hover, .specialPre .btn_scroll:focus { padding:10px 0 0;}


/* tour */
.tour .topArea { margin-bottom:100px;}
.tour .subTitle { height:80px; top:auto; bottom:-40px;}
.tourCon { position:relative;}
.tourCon:after {content:"";display:block;clear:both;}
.tourTitle { position:absolute; z-index:5;}
.tourImg { position:relative; vertical-align:top; z-index:3;}
.tourText { }
.tourText dt { position:relative; display:inline-block; width:380px; font-size:14px; line-height:2em; color:#878787; padding:15px 0; margin-bottom:20px; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3;}
.tourText dt strong { display:block; font-size:1.5em; color:#454545;}
.tourText dd { font-size:14px; line-height:2em; color:#454545;}
.tourText p { text-align:center; margin-bottom:5.5em; font-family: 'Jeju Myeongjo', serif; font-size:16px; color:#767676; line-height:1.5em; letter-spacing:-0.05em;}

#tour01 .tourTitle { left:7%; top:-3%; }
#tour01 .tourImg { float:right; width:48.43%; margin-right:2%; }
#tour02 .tourTitle { right:7%; top:-3%; }
#tour02 .tourImg { width:48.43%; margin-left:5%; }
#tour03 { padding-bottom:280px; z-index:5;}
#tour03 .tourTitle { left:7%; top:-3%; }
#tour03 .tourImg { float:right; width:48.43%; margin-right:18%; }
#tour04 { margin:-10% 0 5%; background:url(../images/tour/tour04_bg.jpg) center bottom no-repeat; background-size:cover; }
#tour04 .tourTitle { right:7%; top:0; }
#tour04 .tourImg01 { width:48.43%; margin-left:5%; vertical-align:top; }
#tour04 .tourImg02 { width:25%; margin-left:1%; margin-top:13.5%; vertical-align:top; }
#tour04 .tourImg03 { width:25%; margin-left:32%; margin-top:1.3%; vertical-align:top; }
#tour05 .tourTitle { left:7%; bottom:-15%; }
#tour05 .tourImg { float:right; width:48.43%; margin-right:2%; }
#tour06 .tourTitle { right:7%; top:-20%; }
#tour06 .tourImg { width:48.43%; margin-left:5%; }
#tour07 .tourTitle { left:7%; top:-10%; }
#tour07 .tourImg { float:right; width:48.43%; margin-right:6%; }
#tour08 .tourTitle { left:7%; top:-3%; }
#tour08 .tourImg { float:right; width:48.43%; margin-right:2%; }
#tour09 .tourTitle { right:7%; top:-3%; }
#tour09 .tourImg { width:48.43%; margin-left:5%; }

.tourCon01 { padding-bottom:3%; margin-bottom:5%;}
.tourCon01 .tourText { position:absolute; float:left; width:48.43%; margin:3% 0 0 2%;}
.tourCon01 .tourText dl { position:absolute; right:12%; bottom:15%; }
.tourCon02 { padding-bottom:3%;}
.tourCon02 .tourText { position:absolute; width:100%; height:90%; background:#dedede; left:0; bottom:0;}
.tourCon02 .tourText dl { position:absolute; left:60%; top:20%; }
.tourCon03 { padding-bottom:3%; margin-bottom:5%;}
.tourCon03 .tourText { position:absolute; right:18%; bottom:0;}
.tourCon03 .tourText dl { }
.tourCon04 .tourText { position:absolute; left:59%; top:66%;}
.tourCon05 { margin:5% 0;}
.tourCon05 .tourText { position:absolute; right:58%; bottom:2%;}

.tourText01 { text-align:right;}
.tourText01 .tour_arrow { position:absolute; left:20px; top:-18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.tourText01:hover .tour_arrow { left:35px;}
.tourText02 { }
.tourText02 .tour_arrow { position:absolute; right:20px; top:-18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.tourText02:hover .tour_arrow { right:35px;}


/* reser */
.reserArea { position:relative; width:96%; max-width:1400px; margin:0 auto; z-index:6; }
.reserArea:after {content:"";display:block;clear:both;}
.reser_01 { float:left; width:47%;  padding-left:10%;}
.reser_0101 {}
.reser_0101 dt {font-family: 'Jeju Myeongjo', serif; font-size:16px; line-height:1.3em; letter-spacing:-0.05em; margin-bottom:0.3em;}
.reser_0101 dd { position:relative; }
.reser_0101_line { position:relative; width:150px; height:1px; left:-100px; top:0; margin:0 0 3% 0; background:#b3b3b3; }
.reser_0102 {}
.reser_0102 dt { font-size:15px; color:#1972a0; margin-bottom:10px;}
.reser_0102 dd {}
.reser_0102 .red_strong {color:#f00;}
.reser_0102 dd strong {display:block;  font-size:15px; margin-bottom:15px;}
.reser_02 { float:right; width:50%;}
#reser_03 { padding-top:100px; margin-top:-100px;}
.reser_03 { position:relative; width:80%; margin:5% auto 0; padding:0 1%; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3;}
.reser_03_line { position:absolute; width:1px; height:90%; right:25%; top:5%; background:#b3b3b3; z-index:1;  }
.reser_03 dl { position:relative; z-index:2;}
.reser_03 dl dt {  width:21.3%; margin-bottom:30px;}
.reser_03 dl dt img { width:100%; max-width:232px; vertical-align:top; }
.reser_03 dl dd { position:relative;}
.reser_03 dl dd p { font-size:14px; line-height:20px;}
.reser_0301 dt { position:absolute;  right:5.5%; top:5%;}
.reserImg01 { width:45.8%; vertical-align:top;}
.reser_0301 dd p { margin:30px 0 0 10%;}
.reser_0302 dt { position:relative; left:-3.5%; padding-top:50px;}
.reser_0302 dd p { margin-bottom:50px;}
.reserImg02 { position:absolute; right:-3.5%; top:-150px;  width:23%; vertical-align:top;}
.reser_0303 dt { position:absolute;  right:5.5%; top:5%;}
.reser_0303 dd {padding-top:100px;}

.priceTable { width:100%; max-width:700px; border-collapse:collapse;  border-top:1px solid #dedede; border-right:1px solid #dedede; }
.priceTable thead { border-bottom:2px solid #2c6cb6;}
.priceTable th { padding:3px 5px; font-weight:400; border-bottom:1px solid #dedede; border-left:1px solid #dedede; background:#f8f8f8; }
.priceTable td { padding:7px 5px; text-align:center; border-bottom:1px solid #dedede; border-left:1px solid #dedede; -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;  }
.priceTable tbody tr:hover td { background:#2c6cb6; color:#fff; cursor:pointer;} 

.cancelTable { width:90%; max-width:700px;  border-collapse:collapse; margin:10px 0;  }
.cancelTable th, .cancelTable td { color:#666; font-weight:400; padding:8px 0px; text-align:center; }
.cancelTable th { width:14.4%; background:url(../images/bg/black_50.png) center bottom no-repeat; background-size:80% 2px; }

.reser_info02 { width:600px; margin:0 auto 1em; text-align:center;}
.reser_info02 p {font-family: 'Jeju Myeongjo', serif; font-size:20px; line-height:1.5em; letter-spacing:-0.05em; margin:1.5em 0 0.5em; }
.reser_info02 div {  position:relative; width:200px; height:1px;  margin:0 0 3% 0; background:#b3b3b3;}
.reser_frame { position:relative; display:block; width:96%; max-width:1030px; height:2800px; margin:0 auto; padding-top:30px; border:0; overflow-x:hidden; overflow-y:auto;}

/* map */
.map .topArea03 { position:relative; background:url(../images/map/topImg.jpg) center center no-repeat; background-size:cover !important;}
.mapText { padding:5% 0; text-align:center; }
.mapText p { margin-bottom:1.5em; font-family: 'Jeju Myeongjo', serif; font-size:16px; color:#767676; line-height:1.5em; letter-spacing:-0.05em;}
.mapText dt {font-family: 'Libre Baskerville', serif; font-size:19px; line-height:1.5em; color:#2c6cb6;}
.mapText dd { font-size:20px; line-height:1.5em; color:#878787;}
.mapImg_01 { position:relative; z-index:1;}
.mapImg_02 { position:relative; width:41%;  margin:-7% 0 0 59%; vertical-align:top;  z-index:2;}
.mapArea { position:relative; width:96%; max-width:1620px; margin:0 auto; z-index:3;}
.mapArea:after {content:"";display:block;clear:both;clear:both;}
.map_con dt { margin-bottom:20px;}
.map_con dt span { display:block; width:1px; height:120px; background:#b3b3b3; margin:0 24px;}
.map_con dd {font-size:14px; line-height:1.8em; color:#000;}
.map_con01 { width:45%; margin:-25% 0 5% 5%;}
.map_con01 dd { }
.map_con01 dd strong, .map_con01 dd span { color:#2c6cb6;}
.bus_com { color:#666 !important;}
.map_con01 a { display:inline-block; margin-right:5px; padding:6px 15px; background:#2c6cb6; font-size:16px; line-height:1.8em; color:#fff; border-radius:4px;}
.bluelatte_map { float:left; position:relative; width:57%; height:500px; overflow:hidden;}
.bluelatte_map .map_frame { position:absolute; width:200%; height:200%; left:-50%; top:-50%;}
.map_con02 { float:left; width:38%; margin:-10% 0 0 5%; }
.map_con02 dt span { height:200px;}
.map_con02 dd li { margin-bottom:1.6em;}
.map_con02 dd li strong { display:block; color:#2c6cb6; }
.map_con02 dd li span { color:#2c6cb6;  }
.map_con02 dd > span { display:block; width:1px; height:60px; background:#b3b3b3; margin:30px 24px 0;}

.busCon { position:fixed; display:none; width:700px; left:50%; top:50%; padding:30px 20px 20px; background:#fff; border:5px solid #2c6cb6; z-index:100; }
.busCon > dt { text-align:center; font-size:30px; line-height:1.5em; color:#000; margin-bottom:20px; font-weight:700;}
.busCon dl { float:left;}
.busCon01 { width:56%; margin-right:2%;}
.busCon02 { width:42%;}
.busCon dl dt { font-size:15px; color:#333; line-height:1.5em; margin-bottom:0.5em;  }
.busCon dl dt span { font-weight:700; letter-spacing:-0.1em; margin-right:5px; color:#2c6cb6;}
.busTable {width:100%; border-collapse:collapse; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.busTable th { padding:5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-weight:400; }
.busTable th[scope=col] { background:#2c6cb6; color:#fff; }
.busTable th[scope=row] { background:#f8f8f8;}
.busTable td { padding:5px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.busCon .b-close { position:absolute; display:inline-block; width:50px; height:50px; right:-50px; top:-5px; font-family: 'Raleway', sans-serif; font-size:30px; line-height:50px;  font-weight:700; color:#fff; text-align:center; background:#2c6cb6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.busCon .b-close:hover, .busCon .b-close:focus {width:70px; right:-70px;}

/*  commnuity */
.boardBg { position:fixed; width:100%; height:60vh; left:0; top:22vh; background-position:center top; background-size:cover; z-index:2;}
.board_con { position:fixed; width:90%; max-width:1000px; min-height:65vh; margin:5% 10% 0; padding:50px 0; background:#fff; z-index:3;}
.board_con02 { position:relative; width:90%; max-width:1000px; min-height:65vh; margin:5% 10% 0; padding:50px; background:#fff; z-index:2;}
.board_con iframe { border:0; width:100%; height:45vh !important; padding:0 5%}
.board_frame { display:block; width:100%; }
.boardTypo { position:fixed; height:18vh; width:auto; vertical-align:top; right:0; bottom:0; z-index:1;}


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

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

@media  (max-width: 1580px){

.roomPre_type { padding-bottom:1%;}

.specialPre_list .title { top:35%; }
.specialPre_list a:hover .title, .specialPre_list a:hover .title, .specialPre_list a.on .title { top:20%;}
.specialPre_list a:hover .title .title02, .specialPre_list a:hover .title .title02, .specialPre_list a.on .title .title02 { height:6em;}
}

@media  (max-width: 1480px){

.room_con dt .title02 {font-size:32px; font-size: line-height:1.3em;}
.roomType li .img { width:38%;}
.roomType li .text { margin:6% 0 6% 5%;}

.special_list .text01 { font-size:14px !important;}
.specialCon_02 { width:76%; }
.specialCon_02 p {left:13%; top:18%; font-size:14px; line-height:1.6em;}
.specialCon_03 { margin:-4% 0 0 10% }
.board_con { margin:5% 5% 0; padding:30px 0;}
.board_con02 {  margin:5% 2% 0; padding:30px 0;}

.specialPre_list .title { top:25%; }
.specialPre_list a:hover .title, .specialPre_list a:hover .title, .specialPre_list a.on .title { top:10%;}

}

@media  (max-width: 1280px){

.preCon_text { padding:2% 0 0; }
.roomPre04_02 .preCon_text { padding:5% 0 0; }
.preCon_text dd {font-size:15px; line-height:1.8em; }
.preCon_text dd div { margin-bottom:2em;}

.room_fix {height:800px; height:100vh;}
.roomInfo02 dd {padding-left:20px;}
.room_facility li { width:150px;}
.roomType li .img { float:none; display:block;}
.roomType li .text { float:none; display:block; margin:3% 0 0; }


.service_list { height:auto;}
.tourCon { padding-top:10%; }
}


@media  (max-width: 1024px){

}


@media  (max-width: 768px){


}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}