@charset "utf-8";

/*about*/
.aboutCon01 { margin-bottom:5%;}
.about01_01 {position:relative; display:block; width:21.3%; margin-left:25.6%; z-index:3;}
.about01_02 { position:relative; width:46.9%; margin-top:-12%; z-index:1;}
.about01_03 { position:absolute; display:block; width:42.7%; left:46.9%; top:0; }
.about01_0301 { position:relative;}
.about01_0301 p { position:absolute; left:12.6%; top:50%; margin-top:-1.6em; font-size:1.35em; line-height:1.6em; font-weight:300; z-index:2; }
.about01_0302 { width:100%; margin:12.6% 0 0 12.6%; font-size:1.2em; line-height:1.8em; }
.about01_04 { display:none;}
.aboutCon02 { margin-bottom:5%;}
.aboutCon03 { width:96%; max-width:1520px; margin:0 auto 5%; padding-bottom:5%;}
.about03_01 { position:relative; width:53.1%; z-index:1;}
.about03_02 { position:absolute; width:53.1%; right:0; bottom:0; z-index:2;}


@media  (max-width: 1620px){
.about01_0302 {width:103%; margin:4% 0 0 10%; font-size:1vw; line-height:1.8em; }
.aboutCon03{display:inline-block}

}

@media  (max-width: 1280px){

.about01_03 { width:53.1%; left:46.9%; top:0; }
}

@media  (max-width: 1024px){

.about01_02 { position:relative; width:46.9%; margin-top:-20%; z-index:1;}
.about01_03 { top:5%; }
.about01_0301 p { margin-top:-3.6em;}
.about01_0302 { display:none;}
.about01_04 { display:block; padding:5%; font-size:0.9em; line-height:1.5em; }
.about01_04 p { margin-bottom:1.5em;}
}
@media  (max-width: 768px){
.about01_0301 p { margin-top:-2.6em; font-size:2.6vw; line-height:1.3em;}
.about01_04 { top:5% 2%; }
}

@media  (max-width: 560px){
.about01_0301 p { margin-top:-2.6em; font-size:2.6vw; line-height:1.3em;}
.about01_04 br { display:none;}
}

/* ex - land */
.exCon01 { margin-bottom:10%;}
.ex01_01 { position:relative; width:51.7%; margin-left:10.4%;}
.ex01_02 { position:relative; width:80%; margin:-6% 0 0 17.9%;}
.ex01_02 dt { width:59.65%;}
.ex01_02 dd { padding:3% 0 0 5%; font-size:1.25em; line-height:1.6em; font-weight:300;}
.ex01_02 dd p { font-size:0.4em; line-height:1.2em; font-weight:200; color:#a7a7a7; margin-bottom:2em; opacity:0.8; }
.ex01_03 { position:relative; width:40.2%; margin:-7% 0 0 59.8%;}
.ex01_0301 { width:74.1%;}
.ex01_0302 { font-size:1.15em; margin:3% 0 2.5%; font-weight:300;}
.ex01_0303 {font-family: 'Playfair Display', serif; font-size:0.9em; color:#a1a1a1; font-style:italic;} 
.ex01_04 { position:relative; display:block; width:39.8%; margin:-20% 0 0 10.4%;}
.ex01_05 { position:absolute; width:100%; left:0; top:0; z-index:-1;}

.exCon02 { width:100%; max-width:1520px; margin:0 auto 10%;}
.ex02_01 {font-family: 'Playfair Display', serif; font-size:3em; line-height:2em; color:#616161; font-style:italic; text-align:center;}
.ex02_02 { width:83.1%; margin-left:16.9%;}

@media  (max-width: 768px){
.ex01_01 { margin-left:5%;}
.ex01_02 { margin:-8% 0 0 6%;}
.ex01_02 dd { padding:2% 0 0 3%; font-size:0.8em; line-height:1.5em;}
.ex01_02 dd p { font-size:0.4em; line-height:1.2em; font-weight:200; color:#a7a7a7; margin-bottom:2em; opacity:0.8; }
.ex01_03 {margin:-20% 0 0 62%;}
.ex01_0302 { font-size:0.8em;line-height:1em;}
.ex01_0303 {font-size:0.3em; line-height:1.2em;} 
.ex01_04 { width:39.8%; margin:-25% 0 0 10.4%;}
.ex02_01 {font-size:5vw;}
.ex02_02 { width:90%; margin-left:10%;}

}

/* map */
.manCon {width:100%; max-width:1520px; margin:0 auto 5%; }
.map01_01 { text-align:center; font-size:1.2em; line-height:1.8em; color:#404040; font-weight:300; margin-bottom:3%;}
.map01_02 { position:relative; height:40vw; overflow:hidden;}
.map01_02 iframe { position:absolute; width:200%; height:200%; left:-50%; top:-50%;}

@media  (max-width: 1024px){
.map01_01 { font-size:1em; line-height:1.6em; margin-bottom:5%;}
.map01_02 { height:70vw;}
}

/* preview */
.roomPreCon  { position:relative; }
.room_typo01 { position:relative; display:block; width:49.3%; margin:-4.54% auto 0; z-index:2;}


@media  (max-width: 1024px){
.room_typo01 { width:70%; margin:-6% auto 0; z-index:2;}
}

 
/* room */
.roomTitle { position:absolute; width:80%; left:10%; top:45%; text-align:center; color:#fff; font-size:1em; font-weight:400; z-index:2;}
.roomTitle .title01 {display:block; font-family: 'La Belle Aurore', cursive; font-size:5.8em; line-height:0.6em;}
.roomTitle .title02 {display:block; font-size:1.15em; font-weight:200;}
.roomCon { position:relative; width:96%; max-width:1520px; margin:0 auto 8%;}
.room01_01 { position:absolute; width:55%; max-width:700px; left:0; top:0; z-index:2;}
.room01_02 { position:relative; width:59.1%; margin-left:40.9%; z-index:1;}
.room02_01 { float:left; position:relative; display:block; width:59%; z-index:1; }
.room02_02 { float:left; position:relative; width:41%; padding:6% 0 0 6%; z-index:2;} 
.room02_02 dt { font-family: 'Playfair Display', serif; font-size:3em; line-height:1.6em; color:#292929; font-style:italic; margin-bottom:0.5em;}
.room02_02 dt .line { position:absolute; width:30%; height:1px; background:#292929; right:90%; margin-top:0.9em;}
.room02_02 dd { font-size:1.2em; line-height:1.5em;}
.room03_01 { float:left; width:54.6%; margin-top:5%;}
.room03_02 { float:right; width:38.6%;}
.room03_02 p {font-family: 'Playfair Display', serif; font-size:0.9em; color:#a1a1a1; margin-top:3em; font-style:italic;}
.room04_01 { width:78.8%; margin-left:9.6%;}


@media  (max-width: 1024px){
.roomTitle .title01 { font-size:8.2vw; line-height:0.55em;}
.roomTitle .title02 { font-size:0.95em; font-weight:400;}
.room02_02 dt { font-size:3vw; line-height:1.2em;}
.room02_02 dt .line { margin-top:0.6em;}
.room02_02 dd { font-size:0.95em; line-height:1.5em;}

}

@media  (max-width: 640px){
.room02_02 dt { font-size:3.2vw; line-height:1.2em;}
.room02_02 dd { font-size:0.7em; line-height:1.3em;}
}

/* special */
.special_con { position:relative; width:96%; max-width:1520px; margin:0 auto 8%;}
.special01_01 { float:left; position:relative; width:56.3%; z-index:1; }
.special01_02 { float:left; position:relative; width:45%; margin:5% 0 0 -2%; z-index:2;}
.special01_02 dt {font-family: 'Playfair Display', serif; margin-bottom:2em; font-style:italic; font-size:2.5em; color:#101010; letter-spacing:-0.02em;}
.special01_02 dt .num { font-size:3.5em;}
.special01_02 dd { padding-left:10%; font-size:1.2em; line-height:1.8em; color:#4c4c4c;}
.special01_02 dd .line {display:block; width:66px; height:1px; background:#4c4c4c;}
.special01_02 dd p {margin:0.35em 0 2em; font-size:1.35em;}
.special02_01 { position:absolute; width:24.5%; left:0; top:40%; font-family:'Playfair Display', serif; font-style:italic; font-size:4.3em; font-size:3.4vw; line-height:1em; letter-spacing:-0.02em; color:#101010; text-align:center; z-index:2; }
.special02_02 { position:relative; width:75.5%; margin-left:24.5%; z-index:1;}
.special03_01 { text-align:center; font-size:1.15em;}

@media  (max-width: 1024px){
.special01_01 { float:none; width:100%; }
.special01_02 { float:none; width:100%; margin:5% 0 10% 0; z-index:2;}
.special01_02 dt { margin-bottom:1em; font-size:2.2em;}
.special01_02 dt .num { font-size:2.5em;}
.special01_02 dd { font-size:1.1em; line-height:1.7em;}
.special01_02 dd .line {width:44px;}
.special01_02 dd p {margin:0.35em 0 1em; font-size:1.35em;}
.special02_01 { width:34.5%; top:36%; font-size:6.4vw; }
.special03_01 {font-size:0.95em;}

}

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


/* reser */
.roomType { float:left; font-size:1.15em; line-height:1.5em; margin-bottom:1em;}
.roomType span { display:inline-block; width:5px; height:3px; background:#fff; vertical-align:middle; margin-right:5px;}
.priceApp { position:relative; margin-top:-1em; display:block; text-align:right; margin-bottom:5px;}
.room .priceApp {display:none;}
.priceWrapper {position:relative; height:auto; padding-left:12%;overflow:hidden; margin-bottom:2em;}
.room .priceWrapper { padding-left:0 !important; margin-bottom:10px;}
.priceWrapper:after {content:"";display:block;clear:both;}
.priceName { position:absolute;width:12%; left:0; top:0; overflow:hidden; z-index:2;}
.priceName_line { position:absolute; width:1px; height:calc(100% - 4px); right:0px; top:2px; background:#ccc; z-index:3; }
.roomName { display:block; width:80%; height:40px; line-height:40px; margin:0 auto; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space: nowrap; word-wrap: normal !important;}
.priceScroll {position:relative; } 
.priceTable { width:100%;border-collapse:collapse; background:#fff; border-top:2px solid #000; border-bottom:2px solid #000; }
.priceTable th, .priceTable td { padding:10px 0; font-weight:400; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:13px; line-height:20px; color:#716857;}
.priceTable th { font-weight:400;background:rgba(0,0,0,0.02);}
.priceTable th[scope=row] {background:none; border-left:0;}
.priceTable th.first, .priceTable th:first-child[scope=col], .priceTable td.first, .priceTable td:first-child { border-left:0;}
.priceTable th.first[scope=col] { line-height:41px; padding:20px 0; border-bottom:1px solid #ccc !important; }
.priceTable tbody tr:hover td, .priceTable tbody tr:hover th[scope=row] {  -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:#eee;}
.reser .priceTable tbody tr:hover th[scope=row] {cursor:pointer; background:#587aa3; color:#fff; }
.price_01 {color:#ccc; text-decoration:line-through;}

.reser_frame { display:block; width:100%; height:1800px;}
.reser_frame02 {display:block; width:100%; height:120px; }
.block1024 .reser_frame02 { height:950px; }
.reser_top { position:relative; max-width:1280px; padding-top:4%; margin:5% auto;}
.reser_mid { position:relative; max-width:1280px; margin:0 auto;}
.reser_bot { position:relative; max-width:1280px; margin:5% auto;}
.reser_top:after, .reser_mid:after, .reser_bot:after {content:"";display:block;clear:both;}
.reser_top01, .reser_mid01, .reser_bot02 { position:relative; float:left; width:50%; z-index:2;}
.reser_top02 { position:relative; float:none; width:100%; z-index:2;}
.reser_top_dd_wrap { position:relative; float:left; width:50%;}
.reser_mid01, .reser_bot02 { padding-top:6%;}
.reser_mid01 dd { text-align:right !important;}
.reser_mid_img { float:left; width:45%; margin-left:5%;  padding-top:10%;}
.reser_bot_img { float:left; width:45%; margin-right:5%;  padding-top:6%;}
.reser_top01 { text-align:center;}
.reser_top01 img { width:90%; max-width:529px;}
.online_reser { border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:1% 0; font-family: 'Playfair Display', serif; font-style:italic; font-size:1.3em; }
.reserve_div { margin-bottom:1em; font-size:1.1em; line-height:1.6em;}


/*reser_01*/
.reser_dl{ width: 96%; max-width: 1520px;  margin: 0 auto 5%; font-size:1em;}
.reser_dl > dt{ font-size:2.5em; line-height:1em; margin-bottom:0.5em; }
.reser_dl > dt span{ font-family: 'Playfair Display', serif; font-size:0.7em; font-weight:700; }
.reser_dl > dd{ margin-bottom:3.5%; }

.reser_dl dl { font-size:1em; margin-top:1%; }
.reser_dl dl dt{ font-size:1.2em; font-weight:600; margin-top:3%; margin-bottom:0.5%;}
.reser_dl dl dd { margin-bottom:1%;}

.reser_li li { font-size:1.05em; line-height:1.5em; margin-bottom:3px; padding-left:1em;}
.reser_li li i { display:inline-block; width:1em; margin-left:-1em; font-style:normal; text-align:center; }

.cancleApp {  width:100%; max-width:1200px; text-align:right;}
.cancleTable { width:100%; max-width:1200px; border-collapse:collapse; margin:5px 0 10px; border-top:2px solid #000;  border-right:1px solid #ccc; }
.cancleTable th { padding:8px 0; font-weight:400; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f8f8f8; font-size:12px; line-height:1.2em; color:#716857; }
.cancleTable td { padding:8px; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#fff;  font-size:12px; line-height:1.2em; color:#716857;}

.reser_img { width:100%; margin:6.5% 0; position:relative; }
.reser_img dl { position:absolute; width:80%; left:10%; top:50%; margin-top:-65px; text-align:center; color:#fff; z-index:2; }
.reser_img dt {display:inline-block; font-family:'Jeju Myeongjo', serif; font-size:2.2em; line-height:1.1em; font-weight:300; margin-bottom:1.5em; border-bottom:1px solid #fff; }
.reser_img dd {font-family:'Jeju Myeongjo', serif; font-size:1.3em; line-height:1.5em;}
.reserTypo {position:relative; display:block; width:41.1%; margin:-4.5% auto 0; z-index:3;}

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

@media  (max-width: 1200px){
.priceApp { margin-top:-1em;}
.room .priceApp { display:block; margin-top:0;}
.icon_touch { width:20px; }
.priceWrapper {padding-left:120px;overflow:hidden;}
.priceName { width:120px; }
.priceScroll { overflow-x:scroll;}
.priceScroll_left { position:absolute; width:10px; height:100%; background:#fff; left:120px; top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
z-index:5;}
.room .priceScroll_left { left:0 !important; opacity:0.6;}
.priceScroll_right { position:absolute; width:20px; height:100%; background:#fff; right:0; top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
z-index:5;}
.info_mobile { display:block;}
.reser_top03, .reser_top04, .reser_mid03 { display:none;}

::-webkit-scrollbar { width:5px; height:3px;}
::-webkit-scrollbar-thumb {background: #a9a9a9;}
::-webkit-scrollbar-track-piece { background:#f1f1f1;}
.priceScroll .priceTable {min-width:700px;}
.room .priceScroll .priceTable {min-width:600px;}
}

@media  (max-width: 1024px){
.priceTable th.first[scope=col] { padding:30px 0; !important; }

.reser_img dl { margin-top:-35px;}
.reser_img dt { font-size:1.2em; margin-bottom:1em; }
.reser_img dd { font-size:0.8em; line-height:1.5em;}
}

@media  (max-width: 768px){

.reser_dl > dt{ font-size:2em; line-height:1em; }
.reser_dl > dd{ font-size:1em; line-height:1.6em;  margin-bottom:3.5%; }

.room .priceApp { display:block; margin-top:0;}
.icon_touch { width:20px; }

.info_mobile { display:block;}
.reser_top03, .reser_top04, .reser_mid03 { display:none;}

.priceWrapper {padding-left:100px;}
.priceName { width:100px; }
.priceScroll_left { left:100px;}
.priceTable th, .priceTable td { padding:8px 0; font-size:11px; line-height:16px; letter-spacing:-0.05em;}
.priceTable th.first[scope=col] { line-height:41px; padding:20px 0; border-bottom:1px solid #ccc !important; }
.priceTable th[scope=row], .priceTable td { padding:8px 3px;}
.priceTable th[scope=col].first { padding:12px 3px;}
.roomName { height:32px; line-height:32px;}
.priceScroll .priceTable {min-width:700px;}

.reser_dl > dt { font-size:1.9em; margin:9% 0 3%;}
.reser_dl dl dt { margin-top:7%; font-size:1.1em; }
.cancleTable th, .cancleTable td { padding:8px 0; font-size:11px;}

.reser_li li { font-size:1em; }

}

@media  (max-width: 640px){
.priceWrapper {padding-left:80px;}
.priceName { width:80px; }
.priceScroll_left { left:80px;}
}

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


/* board */

.borderCon { width:98%; max-width:1280px; margin:0 auto 5%;}
.bo_list table tbody tr td img{width:20px;}
@media  (max-width: 1480px){

}

@media  (max-width: 1280px){

}


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

@media  (max-width: 768px){

}

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

@media  (max-width: 480px){

}


@media  (max-width: 420px){

}


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

.yachtCon {width:96%; max-width:1520px; margin:0 auto 8%;}
.yacht01_01 { float:left; width:50.1%;}
.yacht01_02 { float:left; width:49.9%; padding:5% 0 0 5%;}
.yacht01_02 img { width:95%; max-width:546px;}
.yacht02_01{ position:relative; width:52%; left:10%; top:10%; z-index:2;}
.yacht02_01 dt { margin-bottom:5%; }
.yacht02_01 dt .title01 { display:inline-block; font-size:1.8em; line-height:1.5em; color:#c20000; font-weight:300; padding-right:0.8em; background:#fff;}
.yacht02_01 dt .line { position:absolute; width:100%; height:1px; background:#c20000; left:0; top:17px; z-index:-1; }
.yacht02_01 dt .title02 {display:block; font-size:0.8em; color:#b8b8b8; line-height:1.2em; margin-top:0.5em;}
.yacht02_01 dd {width:84%;}
.yacht02_01 dd li { font-size:1.1em; line-height:1.7em;}
.yacht02_01 dd li i {text-align:left;}
.yacht02_02{ float:right; width:45%;}

@media  (max-width: 768px){
.yacht01_01 { float:left; width:70%;}
.yacht01_02 { position:relative; float:right; width:90%; padding:0; margin:-25% 0 8%; z-index:2}
.yacht01_02 img { width:95%; max-width:546px;}
.yacht02_01 { position:relative; width:100%; left:0; top:0;}
.yacht02_01 dt .title01 { font-size:1.4em;}
.yacht02_01 dt .line { width:70%; top:14px; }
.yacht02_01 dt .title02 { font-size:0.7em;}
.yacht02_01 dd li { font-size:0.95em; line-height:1.5em;}

}