@charset "utf-8";

.list01 {}
.list01 li { font-size:1.07em; line-height:1.6em; margin-bottom:3px; padding-left:1em;}
.list01 li i { display:inline-block; width:1em; text-align:center; font-style:normal; margin-left:-1em;}
.list02 {}
.list02 li { margin-bottom:1.5em; padding-left:1em;}
.list02 li i { display:inline-block; width:1em; text-align:center; font-style:normal; margin-left:-1em;}
.list02 li strong { display:block;}
@media  (max-width: 1024px){

.list01 li { font-size:0.9em; letter-spacing:-0.05em;}
}

.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 { }
.con_dl dt { font-size:1.2em; font-weight:600; margin-bottom:0.2em; }
.con_dl dd { line-height:1.6em; margin-bottom:1em;}

.active.con_dl dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.5s}
.active.con_dl dd {opacity:1; filter: alpha(opacity=100;); margin:2em 0 6em; transition: all 0.5s ease 1s}


/* about01 */
.aboutCon01 { position:relative; z-index:3;}
.about01_01 { position:absolute; width:34.6%; padding:0 4%; left:0; bottom:15%; text-align:right; color:#333; z-index:2;}
.about01_0101 {}
.about01_0101 p { font-size:1.07em; line-height:1.6em; margin-bottom:1.5em;}
.about01_0102 {font-family: 'Great Vibes', cursive; font-size:4.15em; line-height:1.5em; letter-spacing:-0.03em; margin-top:10%; opacity:.4; filter: alpha(opacity=40;); }
.about01_02 { position:relative; width:65.4%; margin-left:34.6%; z-index:1;}
.aboutCon02 { position:relative; z-index:1;}
.about02_01 { width:54.7%; margin:-3% 0 0 2.2%; vertical-align:top;}
.about02_02 { position:relative; width:72.9%; margin:6% 0 6% 27.1%; padding-left:1%;}
.about02_02 dt {font-family: 'Cagliostro', sans-serif; font-size:2em; color:#333; line-height:1.5em; margin-bottom:2%;}
.about02_02 dd {font-size:1.07em; line-height:1.8em; color:#5d5d5d;}
.about02_03 { position:relative; width:72.9%; margin-left:27.1%; vertical-align:top; z-index:3;}
.about02_04 { position:absolute; right:72.5%; bottom:0; font-family: 'Abhaya Libre', serif; font-size:5.4em; line-height:0.45em; color:#6d6d6d; opacity:.4; filter: alpha(opacity=40;); z-index:2; }
.about02_04 span { font-family:"Open Sans", Arial; font-size:13px; letter-spacing:0.5em; vertical-align:middle;}



.mapCon { width:65%; margin-left:18%; margin-top:-3%;}
.map_text { font-size:1em; line-height:1.6em; margin-top:3.5em; padding-right:2%; text-align:center;}
.map_text .map_p { margin-bottom:3px;}
.map_text dd div strong { display:block; font-size:1.05em; font-weight:500; color:#000; }

@media  (max-width: 1480px){
.about01_0101 p { font-size:0.95em; line-height:1.5em; margin-bottom:1.2em;}
.about01_0102 { font-size:3.8vw; line-height:1.5em; margin-top:5%;}
.about02_04 { font-size:4.5vw;}
.about02_04 span { display:block; text-align:center; font-size:11px; line-height:3em; letter-spacing:0.7em; padding-left:0.6em; }
/*.about02_04 span { font-size:11px; letter-spacing:0.3em; }*/

.mapFrame { width:100%;}
}

@media  (max-width: 1660px){
.mapCon { width:65%; margin-left:11%; margin-top:-3%;}
}

@media  (max-width: 1440px){
.mapCon { width:65%; margin-left:7%; margin-top:-3%;}
}


@media  (max-width: 1360px){
.mapCon { width:65%; margin-left:5%; margin-top:-3%;}
}




@media  (max-width: 1280px){

.about02_02 dt { font-size:1.6em;  line-height:1em; margin-bottom:1.5%;}
.about02_02 dd {font-size:0.9em; line-height:1.6em;}


}

@media  (max-width: 1024px){
.about01_01 { position:relative; width:auto; max-width:60%; padding:3% 3% 0; bottom:0; margin-bottom:-20%; background:url(../images/bg/white_50.png);}
.about02_01 { width:60%;  margin:-3% 0 0 2.2%;}

.about02_02 dt { font-size:3.6vw;}
.about02_02 dd {font-size:0.8em; line-height:1.4em;}

.map_add { font-size:1em; line-height:1.6em;}

.mapCon { width:100%; margin-left:0;}
.mapFrame { height:50vw;}
.map_text { line-height:1.5em; padding:0 3%; width:100%;}
.map_text dd div { margin-bottom:1.2em;}

}

@media  (max-width: 640px){
.aboutCon01 { padding-bottom:8%;}
.about01_01 { width:auto; padding:0 3%; bottom:0; background:url(../images/bg/white_50.png);}
.about01_0101 p { font-size:0.75em; line-height:1.3em; margin-bottom:0.6em; letter-spacing:-0.03em;}
.about01_0102 { font-size:5.5vw; line-height:1.5em;}

/*.about02_04 { right:72%; font-size:11.5vw;}
.about02_04 span { display:block; text-align:center; font-size:11px; line-height:3em; letter-spacing:0.7em; padding-left:0.6em; }*/

.mapFrame { height:80vw;}


}

/* about02 - landscape */
.land01 { width:75%; max-width:1800px; margin:0 auto 5%;}
.land01 img {margin: 0 auto; display: block;}
 
@media  (max-width: 1024px){

}

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


/* room */
.roomCon { position:relative; }
.roomCon01 { margin-top:5%;  text-align: center;}
.room_reser { position:absolute; display:inline-block; left:0; top:0; -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; z-index:2;}
.room_reser:hover { left:10px;}
.room01_01 { position:relative; width:96%; max-width:1327px; vertical-align:top; z-index:1;}


.roomCon02 { margin:0; text-align:center;}
.room02_01 { margin:6% 0;}
.room02_01 img { width:70%; max-width:500px; vertical-align:top;}
.room02_03 { margin:6% 0; font-family: 'Courgette', cursive; font-size:1.38em;line-height:2em; color:#919191; }

.roomCon03 { padding-top:8%; margin-bottom:8%;}
.room03_01 { position:absolute; width:100%; height:45%; left:0; top:0; background:#fff; opacity:0.3; filter: alpha(opacity=30;); z-index:1; }
.room03_02 { position:relative; width:92%; max-width:1440px; margin:0 auto; z-index:2}
.room03_03 { position:relative; font-family: 'Barlow', sans-serif; font-size:3.2em; font-weight:600; line-height:0.8em; color:#000; text-transform:uppercase; letter-spacing:0.2em; padding-left:0.2em; margin-top:-0.44em; margin-bottom:1em; text-align:center; z-index:2;}

@media  (max-width: 1720px){
.room02_03 { font-size:1.6vw; line-height:1.5em; }
.room03_03 { font-size:4.5vw; }
}

@media  (max-width: 1024px){
.roomFa {font-size:0.9em; line-height:1.5em;}

.room_reser img { width:150px;}
.room02_03 { font-size:2.4vw;}
.room03_03 { font-size:6vw; }
}

/* roomPre */
.roomPre_01 { width:90%; max-width:1600px; margin:0 auto 5%; padding:3% 10%; background:url(../images/room/img01.jpg) right center no-repeat; background-size: cover !important;}
.roomPre_01 p { font-size:1.25em; line-height:1.5em; color:#000; margin-bottom:0.5em;}
.roomPre_01 .btn_scroll { display:inline-block; font-size:14px; line-height:1em; color:#fff; padding:8px; background:#898989; -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;}
.roomPre_01 .btn_scroll:hover { padding:8px 16px;}
.roomPre { position:relative; }
.roomPre_list { position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}
.roomPre_list a { position:absolute; display:block; width:7%; height:16%; margin:-4% 0 0 -3.5%; opacity:0; filter: alpha(opacity=0;); background:#000; color:#fff; overflow:hidden;}

.roomNav01 { left: 10.3%; top: 27.9%;}
.roomNav02 { left: 27.9%; top: 36.9%;}
.roomNav03 { left: 47.1%; top: 50.8%;}
.roomNav04 { left: 56.5%; top: 51.8%;}
.roomNav05 { left: 68.8%; top: 54.4%;}
.roomNav06 { left: 81.3%; top: 65.9%;}
.roomNav07 { left: 90.2%; top: 67%;}


@media  (max-width: 1024px){
.roomPre_warp { position:relative;  overflow-x:auto; }
.roomPre_app { text-align:right; padding:0 1em 0.5em 0;}
.roomPre_app i { vertical-align:middle;}
::-webkit-scrollbar { width:5px; height:3px;}
::-webkit-scrollbar-thumb {background: #a9a9a9;}
::-webkit-scrollbar-track-piece { background:#f1f1f1;}
.roomPre_warp .roomPre { min-width:720px; }

.roomPre_01 { width:96%; max-width:1600px; margin:0 auto 5%; padding:3%; /*background:url(../images/room/m/img01.jpg) right center no-repeat;*/ background-size: cover !important;}
.roomPre_01 p { font-size:0.9em; line-height:1.3em; text-shadow:1px 1px rgba(255, 255, 255, 0.5); }
.roomPre_01 .btn_scroll { font-size:12px;}

.roomPre_list{width:100%; left:0;}
.roomPre_list a {width:9%; height:18%; margin:-4.5% 0 0 -4.5%;}
}

/* special */
.spCon { position:relative; margin-bottom:10%;}
.spCon:after {content:"";display:block;clear:both;}
.spCon01, .spCon02 { margin-bottom:0;}
.sp01_01, .sp01_02 { float:left; width:100%;}
.sp01_02 { margin-top:4%;}
}




.spCon03 dt { float:left; width:45%; text-align:right;}
.spCon03 dt .title { display:inline-block; font-family: 'Lato', sans-serif; font-size:3.4em; line-height:1.35em; color:#495c66; font-weight:700; text-transform:uppercase; text-align:left;}
.spCon03 dt .title_special {display:block; font-size:12px; line-height:1em; font-weight:400; letter-spacing:1.2em;}
.spCon03 dd { font-size:1.07em; line-height:1.8em; color:#000; }
.spCon03 dd:before {content:"";display:block; height:45px; width:1px; background:#a4a4a4; margin:1.1em 0 1.7em;}
.spCon03 dd div { font-size:1.25em; margin-bottom:2em;}


.sp02_01 { position:relative; display:block; width:36.8%; vertical-align:top; margin:0 auto; z-index:1; }
.sp02_02 { position:absolute; width:100%; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center; font-family: 'Barlow', sans-serif; font-size:6.9em; font-size:4.8vw; font-weight:600; line-height:1em; text-transform:uppercase; color:#000; letter-spacing:0.2em; padding-left:0.2em; opacity:0.7; filter: alpha(opacity=70;); z-index:2;}



.spWrap { padding-top:1px;}
.spCon { position:relative; margin-top:3%;}
.spCon:after {content:"";display:block;clear:both;}
.spCon .spImg img { width:100%; vertical-align:top;}
.spCon .spImg img{ -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; filter: alpha(opacity=50;); }
.spCon .spImg img:hover{
    transform: scale(1.05);
    opacity: 0.9;
}
.spCon .spText { width:100%; text-align:center; }
.spText dt { margin-bottom:1%; margin-top:1%;}
.spText dt .title_02 { display:inline-block; font-size:1.5em; line-height:1.8em; letter-spacing:-0.02em; border-bottom:1px solid #686666; color:#686666;}
.spText dd { font-size:1.05em; line-height:1.8em;}
.spText dd div { margin-bottom:2em;}

@media  (max-width: 1366px){


    .spCon .spCon02 img {margin-left: -10%;}


}



@media  (max-width: 1024px){

.sp_text { width:94%; margin:0 auto 10%;}
.sp_text > dt { font-size:2.4em;}
.sp_text > dt:before {height:30px;}
.sp_text > dt:after { width:14px; margin:0.2em 0 0.5em;}
.sp_text > dd { font-size:1em;}
.sp_text > dd > p { font-size:1.45em; margin-bottom:1em;}
.sp02_02 { font-size:6vw;}



}

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


/* tour */
 .tourWrap { padding-top:1px;}
.tourCon { position:relative; }
.tourCon:after {content:"";display:block;clear:both;}

.tourCon .tourImg { float:left; width:55%;}
.tourCon .tourImg img { width:100%; vertical-align:top;}
.tourCon .tourText { position:absolute; width:42%; left:58%; top:50%; padding:0%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.tourText dt { margin-bottom:3%;}
.tourText dt .title_02 { display:inline-block; font-size:2.38em; line-height:1.8em; letter-spacing:-0.02em; border-bottom:1px solid #333; font-family:'Jeju Gothic', sans-serif;}
.tourText dd { font-size:1.05em; line-height:1.8em;}
.tourText dd div { margin-bottom:2em;}

.tourCon02 .tourImg { float:right;}
.tourCon02 .tourText { left:0; text-align:right;}


@media  (max-width: 1480px){

.tourText dt .title_01 { font-size:1.5em;}
.tourText dt .title_02 { font-size:1.25em;}
.tourText dd { font-size:1em; line-height:1.7em;}

}

@media  (max-width: 1280px){

.tourText dd { font-size:0.95em; line-height:1.85em;}

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

.tourCon .tourImg { float:none; width:100%; padding:0;}
.tourCon .tourText { position:relative; float:none; width:100%; margin:0; left:auto; top:0; padding:0 2% 5%; transform:none; -ms-transform:none; -webkit-transform:none;}
.tourText dt{  margin-top:-2.8em; color:#fff; text-shadow:1px 1px rgba(0, 0, 0 ,0.5);}
.tourText dt .title_01 { display:none;}
.tourText dt .title_02 { font-size:1.35em; line-height:2em; font-weight:500; border-bottom:none;}
.tourText dd { font-size:1em; line-height:1.6em;}
.tourCon02 .tourText { text-align:left;}
*/

/* reser */
.reserCon01 { margin:0 auto 3%; border-bottom:1px solid #dedede; text-align:center;}
.reserCon01:last-child { margin-bottom:0; border:none;}
.reser01_01 { float:left; width:30.7%; margin-bottom:6%;}
.reser_dl {width:100%; margin: 0 auto;}
.reser_dl dt { font-size:2em; line-height:1.5em; margin-bottom:1em;}
.reser_dl dt.line { border-bottom:1px solid #999; padding-bottom:0.2em;}
.reser_dl dd { margin-bottom:3%; font-size:1.03em; overflow:hidden;}
.reser_dl dd > p {font-size:1.1em; line-height:1.8em; margin-bottom:0.5em;}
.reser_info { font-size:1.07em; line-height:1.8em;}

.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #999;}
.reser .reserTable { position:relative; margin-bottom:5%;}
.roomReser { margin-bottom:1%;}
.room .reserTable { float:left; width:100%;}
.reserTable th, .reserTable td { padding:12px 2px; font-size:1em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.reserTable th { background:#f5f5f5e5;}
.reserTable thead { border-bottom:2px solid #999;}
.reserTable td.type { text-align:left; padding-left:5%;}
.reser .reserTable tbody tr { overflow:hidden;}
.reser .reserTable .roomName { position:relative;}
.roomLink { position:absolute; width:2000%; height:100%; left:0; top:0; opacity:0;  filter: alpha(opacity=0;); z-index:5;}
.roomLink a { display:block; width:100%; height:100%;}
.reser .reserTable tbody tr:hover td, .reser .reserTable tbody tr:hover th {  -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; background:#999; color:#fff; cursor:pointer;}

.cancelTable { width:100%; border-collapse:collapse; border-top:1px solid #999; margin-top:5%;}
.cancelTable th, .cancelTable td { padding:12px 3px; font-size:1.07em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.cancelTable thead { border-bottom:2px solid #333;}

.reser_frame {position:relative;  z-index:3; }
.reser_frame iframe { display:block; width:100%; height:1700px; border:0; overflow-y:auto; margin:0 auto; padding:2% 0; background:#fff;}

.active .reser01_0301 {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 1.3s;}


@media  (max-width: 1024px){
.reser_name { font-size:0.95em; margin-bottom:5px;}
.reser_name strong { font-size:1.15em;}
.reser01_01 { float:none; width:100%; margin-bottom:0; }
.reserCon01 { width:100%; }
.reser_dl { float:none; width:100%; margin-left:0; }
.reser_dl dt {  font-size:1.5em; line-height:1.5em; margin:-1.5em 0 0.5em; padding-left:0.5em; color:#fff; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
.reser_dl dd { font-size:0.95em; line-height:1.6em; margin-bottom:5%;}
.reser_dl dd > p {font-size:1em; line-height:1.8em; margin-bottom:0.5em;}
.reser_dl dd.reser_info { font-size:1em; line-height:1.6em;}
.room .reserTable { width:100%; margin-bottom:-1px;}
.reser .reserTable thead { border-bottom:2px solid #555;}
.reserTable th, .reserTable td, .cancelTable th, .cancelTable td { padding:10px 1px; font-size:0.85em; letter-spacing:-0.05em; line-height:1.5em;}
}


/*  commnuity */
.boardCon { position:relative; width:80%; max-width:1440px; margin:0 auto;}
.boardImg {  width:100%; margin:5% auto;  z-index:1;}
.borderCon { position:relative; width:56%; height:calc(100vh - 180px); left:41.5%; top:130px; background:url(../images/bg/white_70.png); z-index:3;}
.board_frame { display:block; width:100%; margin:0 auto; padding:2em; }


@media  (max-width: 1280px){

.boardCon { width:92%;}

}

@media  (max-width: 1024px){
.boardCon { width:94%;}
}


@media  (max-width: 768px){


}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){


}