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

.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_01 { position:relative; }
.about_01, .about_03 { margin-bottom:5%;}
.aboutCon_text { position:absolute; left:27.3%; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.at_01 { top:50%; margin-top:-190px;}
.at_02 { bottom:0; padding:10% 5% 3% 0; background:url(../images/bg/white_90.png);}
.at_03 { top:50%; margin-top:-190px;}
.at_04 { top:50%; margin-top:-230px;}
.aboutCon_text dt { margin-bottom:3em; }
.aboutCon_text dt .title01 { display:block; font-size:1.65em; line-height:2em; color:#000; margin-bottom:0.5em;}
.aboutCon_text dt .title02 { display:block; font-size:1.2em; line-height:1.5em; color:#626262;}
.aboutCon_text dd {  font-size:1.05em; line-height:1.8em; color:#3a3a3a; }
.aboutCon_01 img { position:relative; width:50%; vertical-align:top; margin-left:50%; margin-top:-20%; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.about_03 .aboutCon_text dt {font-family: 'Crimson Text', serif; font-size:2em; line-height:1.5em; margin-bottom:0.5em; }
.about_03 .aboutCon_text dd { font-family: 'Arvo', serif; color:#999; margin-bottom:5em;}

.about_05 {  margin:8% 0; background:url(../images/about/img01_05.jpg); }
.about_05 .about_05_text { position:absolute; width:60%; left:20%; top:50%; margin-top:-80px; text-align:center; font-weight:600; font-size:1.1em; line-height:1.5em; color:#cfa57d; z-index:2; }
.about_05_text p { font-family: 'PT Serif', serif; font-size:3.6em; line-height:1.1em; color:#fff; font-style:italic; font-weight:400; margin-bottom:0.5em;  }
.about_05 > img, .about_link li > img { position:relative; width:100%; vertical-align:top; z-index:1;}
.about_link li {position:relative; float:left; width:50%; margin-top:-10%; opacity:0; filter: alpha(opacity=0;);}
.about_link li a {position:absolute; display:block; width:270px; height:230px; left:50%; top:50%; margin:-115px 0 0 -135px; 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; z-index:2}
.about_link li a:hover, .about_link li a:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.about_link li.day a {background:url(../images/bg/white_80.png); color:#000;}
.about_link li.night a {background:url(../images/bg/brown_80.png); color:#fff;}
.about_link li a .title01 { display:block; padding:1em 0 0; font-family: 'Crimson Text', serif; font-size:2.4em; line-height:1.5em; letter-spacing:0.2em;}
.about_link li a .title02 { display:block; font-size:1.05em;}
.about_link li a .arrow { position:absolute; display:block; width:95px; left:50%; bottom:20px; -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;}
.about_link li a .arrow img { vertical-align:top;}
.about_link li.day a .arrow { margin-left:-48px; padding-left:10px; }
.about_link li.day a:hover .arrow, .about_link li.day a:focus .arrow { padding:0 10px 0 0;}
.about_link li.night a .arrow {margin-left:-38px; padding-right:10px; }
.about_link li.night a:hover .arrow, .about_link li.night a:focus .arrow { padding:0 0 0 10px;}

.aboutCon_01.active img {opacity:1; filter: alpha(opacity=100;);  margin-top:0; transition: all 0.4s ease-in-out 0.1s; }
.active .aboutCon_text {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.5s; }
.about_link.active li.day {opacity:1; filter: alpha(opacity=100;);  margin-top:0; transition: all 0.4s ease-in-out 0.1s;}
.about_link.active li.night {opacity:1; filter: alpha(opacity=100;);  margin-top:0; transition: all 0.4s ease-in-out 0.3s;}


@media  (max-width: 1480px){
.aboutCon_text { width:50%; left:15%; }
.at_01 { top:50%; margin-top:-155px;}
.at_02 { bottom:0; padding:5% 5% 3% 0;}
.at_03 { top:50%; margin-top:-190px;}
.at_04 { top:50%; margin-top:-230px;}
.aboutCon_text dt { margin-bottom:2em; }
.aboutCon_text dt .title01 { font-size:1.35em; line-height:2em; margin-bottom:0.5em;}
.aboutCon_text dt .title02 { font-size:1.1em; line-height:1.4em;}
.aboutCon_text dd { font-size:1em; line-height:1.6em;  }

.about_link li a { width:50%; height:60%; left:25%; top:20%; margin:0;}
.about_link li a .title01 { padding:1em 0 0; font-size:2em; font-size:2.2vw; line-height:1.5em; letter-spacing:0.2em;}
.about_link li a .title02 {  font-size:0.95em;  font-size:1.1vw;}
}

@media  (max-width: 1280px){ 

}

/* about02 */
.about02 .subArea, .about03 .subArea { padding-bottom:0;}
.scape_01_text { position:absolute; width:70%; right:0; top:40%; color:#fff; z-index:2;}
.scape_01_text p {font-family: 'Crimson Text', serif;text-transform:uppercase;}
.scape_01_text .title { font-size:4em; font-size:2.7vw; line-height:1.5em; font-style:italic; letter-spacing:0.03em; }
.scape_01_text .line { width:83.5%; height:1px; background:#fff; margin:0.2% 0 0 16.5%;}
.scape_01_text .text { margin-top:1.8em; font-size:1.4em; font-size:1.2vw; line-height:1.5em; font-style:italic; }
.scape_bg {background:#fff; padding-bottom:120px;}
.scape_02 { width:65%; margin:0 auto; opacity:0; filter: alpha(opacity=0;);}
.scape_02 dt { font-size:1.8em; line-height:1.5em; margin-bottom:1em;}
.scape_02 dd { font-size:1.15em; line-height:1.8em; color:#585858;}
.scape_02 dd span {font-family: 'Arvo', serif; font-size:0.8em; color:#444; border-bottom:1px solid #bfbfbf;}
.scape_03 { margin-bottom:8%;}
.scape_03_con { position:relative;}
.scape_03_con:after {content:"";display:block;clear:both;}
.scape_03_con img { display:block; width:50%; vertical-align:top; opacity:0; filter: alpha(opacity=0;);}
.scape_03_con dl { position:absolute; left:65%; top:30%; opacity:0; filter: alpha(opacity=0;); }
.scape_03_con02 img { margin-left:50%;}
.scape_03_con02 dl { left:10%;}
.scape_03_con dt { font-size:1.8em; line-height:1.5em; margin-bottom:1em;}
.scape_03_con dd { font-size:1.15em; line-height:1.8em; color:#585858;}
.scape_03_con dd a {font-family: 'Arvo', serif; font-size:0.8em; color:#444; border-bottom:1px solid #bfbfbf;}
.scape_03_con03 { background:#f5f5f2; padding:4% 0; opacity:0; filter: alpha(opacity=0;);}
.scape_03_con03 dl { width:50%; max-width:430px; margin:0 auto;}
.scape_03_con03 dt {font-family: 'Crimson Text', serif; font-size:2.1em; line-height:1.5em; color:#000; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:1em;}
.scape_03_con03 dd { line-height:2em; color:#000; font-weight:600;}
.scape_04 { position:relative; padding-bottom:7%; margin-bottom:8%; }
.scape_04_01 { position:relative; width:76.7%; margin-left:23.3%; margin-top:-10%; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.scape_04_text { position:absolute; max-width:584px; width:80%; right:4%; top:9%;  border-top:1px solid #fff; z-index:2;}
.scape_04_text li {height:100px; border-bottom:1px solid #fff; padding:5% 3%; color:#fff;}
.scape_04_text li:after {content:"";display:block;clear:both;}
.scape_04_text01 { float:left; font-family: 'Montserrat', sans-serif; font-size:3.6em; line-height:1.2em; }
.scape_04_text02 { float:left;}
.scape_04_text02 .text01 {font-family: 'Playfair Display', serif;  font-size:2em; line-height:1.3em; font-style:italic;}
.scape_04_text02 .text02 { font-size:0.95em; font-weight:700; text-transform:uppercase;}
.scape_04_text03 { font-size:1.2em; line-height:2.8em; }
.scape_04_02 { position:absolute; width:88%; height:66%; background:#e2c4a2; left:0; bottom:0; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.about03 .scape_04_02 {background:#384b6d;}
.scape_05 { width:50%; margin:0 0 8% 40%;}
.scape_05 dt { padding-left:5%; font-size:1.8em; line-height:0em; margin-bottom:1em;  opacity:0; filter: alpha(opacity=0;);}
.scape_05 dd { padding-left:5%; border-left:1px solid #bfbfbf; font-size:1.25em; line-height:2em; padding-bottom:5em;  opacity:0; filter: alpha(opacity=0;);}
.scape_06 { max-width:1260px; width:90%; margin:0 auto 8%;}
.scape_06 li { float:left; width:26.73%; margin:0 3.3% 6.6%; opacity:0; filter: alpha(opacity=0;); }
.scape_06 li img { width:100%; vertical-align:top;}
.scape_06:after {content:"";display:block;clear:both;}

.scape_02.active {opacity:1; filter: alpha(opacity=100;); margin:0 auto 5%; padding-top:2%; transition: all 0.4s ease-in-out 0.1s;}
.scape_03_con.active img {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s; }
.scape_03_con.active dl {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.5s; }
.scape_03_con03.active {opacity:1; filter: alpha(opacity=100;); padding:8% 0; transition: all 0.4s ease-in-out 0.5s; }
.active .scape_04_01 {opacity:1; filter: alpha(opacity=100;); margin-top:0%; transition: all 0.8s ease-in-out 0.3s;}
.active .scape_04_02 {opacity:1; filter: alpha(opacity=100;); transition: all 1s ease-in-out 0.8s;}
.scape_05.active dt { line-height:2.2em; opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.5s;}
.scape_05.active dd { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 1.5s;}
.scape_06.active .li01 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s;}
.scape_06.active .li02 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.4s;}
.scape_06.active .li03 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.7s;}
.scape_06.active .li04 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.0s;}
.scape_06.active .li05 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.4s;}
.scape_06.active .li06 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.6s;}
.scape_06.active .li07 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.8s;}
.scape_06.active .li08 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.9s;}
.scape_06.active .li09 { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 2.0s;}

.scape_fix { position:fixed; width:100%; height:100%; left:0; top:0; z-index:1;}

@media  (max-width: 1280px){ 

.scape_fix { position:absolute; height:60vw; top:60vw;}

}

/* room */
.roomTop { position:absolute; width:100%; height:90%; height:calc(100% - 100px); left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.room01 .roomTop {background:url(../images/room/roomImg_01.jpg);}
.room02 .roomTop {background:url(../images/room/roomImg_02.jpg);}
.room03 .roomTop {background:url(../images/room/roomImg_03.jpg);}
.room04 .roomTop {background:url(../images/room/roomImg_04.jpg);}
.room05 .roomTop {background:url(../images/room/roomImg_05.jpg);}
.room06 .roomTop {background:url(../images/room/roomImg_06.jpg);}
.room07 .roomTop {background:url(../images/room/roomImg_07.jpg);}
.room08 .roomTop {background:url(../images/room/roomImg_08.jpg);}
.room09 .roomTop {background:url(../images/room/roomImg_09.jpg);}
.roomTop_bg { position:absolute; width:100%; vertical-align:top; left:0; bottom:-1px; z-index:1;}
.room .subTitle { opacity:0; filter: alpha(opacity=0;);}
.room00 .subTitle { opacity:1; filter: alpha(opacity=100;);}
.roomTitle { position:absolute; width:80%; left:10%; bottom:20%; text-align:center; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.roomTitle dt { margin-bottom:1.5em;}
.roomTitle dt .title01 {display:block; font-family: 'PT Serif', serif; font-size:4em; line-height:0.9em; color:#333; font-style:italic; opacity:0.4; filter: alpha(opacity=40;);}
.roomTitle dt .title02 {display:block; font-family: 'Montserrat', sans-serif; font-size:11.5em; line-height:1em; text-transform:uppercase; font-weight:600;}
.roomTitle dd { color:#3a3a3a;}
.roomTitle dd p { font-size:1.3em; line-height:1.5em; margin-bottom:0.5em;}

.room01 .roomTitle dt .title02, .room01 .roomTitle dd p { color:#e4c6d5;}	.room01 .roomBottom_02 {background:#ecd7e2;}
.room02 .roomTitle dt .title02, .room02 .roomTitle dd p { color:#9dc2e4;}	.room02 .roomBottom_02 {background:#b4d0ea;}
.room03 .roomTitle dt .title02, .room03 .roomTitle dd p { color:#f7ca41;}	.room03 .roomBottom_02 {background:#ffe392;}
.room04 .roomTitle dt .title02, .room04 .roomTitle dd p { color:#7fa06c;}	.room04 .roomBottom_02 {background:#cfddc5;}	
.room05 .roomTitle dt .title02, .room05 .roomTitle dd p { color:#3e4e68;}	.room05 .roomBottom_02 {background:#afb7c8;}
.room06 .roomTitle dt .title02, .room06 .roomTitle dd p { color:#e73552;}	.room06 .roomBottom_02 {background:#f4c7cf;}
.room07 .roomTitle dt .title02, .room07 .roomTitle dd p { color:#b7ae9c;}	.room07 .roomBottom_02 {background:#ddd9d5;}
.room08 .roomTitle dt .title02, .room08 .roomTitle dd p { color:#c5b286;}	.room08 .roomBottom_02 {background:#e3dcd0;}
.room09 .roomTitle dt .title02, .room09 .roomTitle dd p { color:#b3bebd;}	.room09 .roomBottom_02 {background:#dadee1;}

.roomTop.active {opacity:1; filter: alpha(opacity=100;);  transition: all 0.5s ease-in-out 0.1s;}
.room .subTitle.active {opacity:1; filter: alpha(opacity=100;);  transition: all 0.3s ease-in-out 0.5s;}
.roomTop.active .roomTitle {opacity:1; filter: alpha(opacity=100;); bottom:0;  transition: all 0.5s ease-in-out 0.8s;}

.roomGallery { z-index:3;}

.roomInfo01  { position:relative; margin:-10% 0 10%; z-index:1;}
.roomInfo01_01 { position:absolute; left:15%; top:42%; opacity:0; filter: alpha(opacity=0;); z-index:2; }
.roomInfo01_01 dt { font-family: 'Crimson Text', 'Jeju Myeongjo', serif; font-size:3em; line-height:1.5em; color:#434459; font-style:italic; margin-bottom:1em;}
.roomInfo01_01 dt .line { display:inline-block; width:30px; height:1px; background:#434459; vertical-align:baseline; }
.roomInfo01_01 dt .title02 { font-size:.5em; line-height:3em; vertical-align:middle;}
.roomInfo01_01 dd { padding-left:35px; font-size:1.1em; line-height:1.7em; color:#434459; }
.roomInfo01_01 dd .casa {} /*bjs modify 20201221*/
.roomPrice { width:400px; border-collapse:collapse; margin-top:2em;}
.roomPrice th, .roomPrice td { text-align:left; font-weight:400; font-size: 0.9em;}
.roomInfo01_02 { position:relative; width:55%; margin-left:45%; margin-top:-25%; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.roomInfo01_02 p { margin-top:1em; font-family: 'Montserrat', sans-serif; font-size:0.95em; color:#353535;}
.roomInfo02 { position:relative; width:85%; margin-left:15%;}
.roomInfo02:after, .fixture:after {content:"";display:block;clear:both;}
.roomInfo02_01 { float:left; width:50%; vertical-align:top; opacity:0; filter: alpha(opacity=0;); }
.roomInfo02_02 { position:relative; float:left; width:50%; opacity:0; filter: alpha(opacity=0;); margin-top:-40%; }
.roomInfo02_02 dl { width:80%; margin-left:20%;}
.roomInfo02_02 dt { font-size:1.25em; line-height:2em; color:#434459; margin-bottom:1.5em;}
.roomInfo02_02 dt span { border-bottom:1px solid #a1a1ac; }
.roomInfo02_02 dd { font-size:1.05em; line-height:1.8em; color:#434459;;}
.fixture { margin-top:4.5em;}
.fixture li { margin-bottom:10px;}
.fixture li span { display:inline-block; width:45px; height:50px; margin-right:10px; vertical-align:middle; background:url(../images/room/fixture.png);}
.fixture li span.fixture01 {}
.fixture li span.fixture02 { background-position:0 -50px;}
.fixture li span.fixture03 { background-position:0 -100px;}
.fixture li span.fixture04 { background-position:0 -150px;}
.fixture li span.fixture05 { background-position:0 -200px;}
.fixture li span.fixture06 { background-position:0 -250px;}
.fixture li span.fixture07 { background-position:0 -300px;}
.fixture li span.fixture08 { background-position:0 -350px;}
.fixture li span.fixture09 { background-position:0 -400px;}
.roomInfo02 p { position:absolute; left:53%; bottom:3%; font-family: 'Montserrat', sans-serif; font-size:0.95em; color:#8e8e8e;}

.roomBottom { position:relative; padding-bottom:30%;}
.roomBottom_01 { position:relative; width:85%; margin-left:0; vertical-align:top;opacity:0; filter: alpha(opacity=0;); z-index:3;}
.roomBottom_02 { position:absolute; width:40%; height:100%; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.roomBottom_03 { position:absolute; width:38%; height:47%; left:15%; top:53%; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.roomBottom_03 dt { font-family: 'Montserrat', sans-serif; color:#353535; font-weight:500; margin-bottom:1.6em;}
.roomBottom_03 dd { font-size:1.1em; color:#434459; line-height:1.8em;}
.room .btn_reser01 { position:absolute; right:20%; top:50%; opacity:0; filter: alpha(opacity=0;);}

.active .roomInfo01_01 {opacity:1; filter: alpha(opacity=100;); transition: all 0.7s ease-in-out 0.6s;}
.active .roomInfo01_02 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.4s ease-in-out 0.1s;}
.active .roomInfo02_01 {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 0.2s;}
.active .roomInfo02_02 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.3s ease-in-out 0.7s;}
.active .roomBottom_01 {opacity:1; filter: alpha(opacity=100;); margin-left:15%; transition: all 0.3s ease-in-out 0.5s;}
.active .roomBottom_02 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.5s ease-in-out 0.9s;}
.active .roomBottom_03 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.3s ease-in-out 1.3s;}
.room .active .btn_reser01 {opacity:1; filter: alpha(opacity=100;); right:0; transition: all 0.3s ease-in-out 1.6s;}


@media  (max-width: 1480px){ 
.roomInfo02 { width:96%; margin-left:4%;}
.roomInfo02_02 dl { width:90%; margin-left:10%;}
.fixture li { float:left; width:40%; margin-bottom:10px;}
}

/* special */

.special_01 { position:relative; opacity:0; filter: alpha(opacity=0;);  z-index:3;}
.special_01_01 { position:absolute; width:35%; left:0; top:20%; text-align:center; opacity:0; filter: alpha(opacity=0;);}
.special_01_01 dt {font-family: 'Alice', serif; font-size:5em; line-height:1em; color:#000; margin-bottom:0.5em;}
.special_01_01 dd { font-size:1.25em; color:#3a3a3a; line-height:1.8em;}
.special_01_02 {display:block; width:61.2%; margin-left:38.8%; vertical-align:top; }
.special_01_line { position:absolute; width:40%; max-width:480px; height:3px; left:0; top:0; background:#283650; }
.special_02 { position:relative; margin:-20% 0 10%; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.special_02_01{ position:absolute; width:60%; padding-left:0; left:0; bottom:0; opacity:0; filter: alpha(opacity=0;); }
.special_02_01 dt { display:inline-block; font-size:3.6em; line-height:1.1em; color:#000; font-weight:100; border-bottom:1px solid #3f3f3f; margin-bottom:1em;}
.special_02_01 dt span{ display:inline-block; font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:500; text-transform:uppercase; vertical-align:baseline;} 
.special_02_01 dd { font-size:1.15em; line-height:2em; color:#434343;}
.special_02_01 dd p { font-size:1.2em; line-height:1.7em; font-weight:500; margin-bottom:1.5em;}
.special_02_01 dd .special_02_text { display:inline-block; padding:0 4em; font-size:1.3em; line-height:2.4em; color:#3e3e3e; font-weight:700; letter-spacing:0.1em; border:3px solid #3f3f3f; }
.special_02_02 {display:block; width:39.1%; vertical-align:top; margin-left:60.9%;}
.special_03 { position:relative;width:40%; left:45%; padding:4% 0; text-align:center; color:#fff; background:#283650; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.special_03 dl {}
.special_03 dt {font-family: 'PT Serif', serif; font-size:2.3em; line-height:1.2em; font-style:italic;}
.special_03 dd {font-family: 'Fjalla One', sans-serif;font-size:4.5em; line-height:1.2em; }
.special_04 { margin-top:-5%; background:#ccc; opacity:0; filter: alpha(opacity=0;); }
.special_04 div { position:absolute; left:15%; top:30%; font-family: 'PT Serif', serif; font-size:1.54em; line-height:1.8em; color:#fff; }
.special_04 div p {font-family: 'Alice', serif; font-size:5em; line-height:1em; }
.special01 .special_04 {background:url(../images/special/img01_03.jpg);}
.special02 .special_04 {background:url(../images/special/img02_03.jpg);}
.special03 .special_04 {background:url(../images/special/img03_03.jpg);}
.special04 .special_04 {background:url(../images/special/img04_03.jpg);}
.special05 .special_04 {background:url(../images/special/img05_03.jpg);}
.special06 .special_04 {background:url(../images/special/img06_03.jpg);}
.special07 .special_04 {background:url(../images/special/img07_03.jpg);}

.special_01.active{opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s;}
.active .special_01_01 {opacity:1; filter: alpha(opacity=100;); top:35%; transition: all 0.3s ease-in-out 0.5s;}
.special_02.active {opacity:1; filter: alpha(opacity=100;); margin-top:-8%; transition: all 0.4s ease-in-out 1.0s;}
.active .special_02_01 {opacity:1; filter: alpha(opacity=100;); padding-left:20%; transition: all 0.5s ease-in-out 1.5s;}
.special_03.active {width:50%; left:40%; transition: all 0.4s ease-in-out 0.2s;}
.special_03.active {opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease-in-out 0.2s;}
.special_04.active {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.2s;}


@media  (max-width: 1620px){
.special_01_01 dt {  font-size:4em;font-size:3.2vw; }
.special_01_01 dd { font-size:1.15em; font-size:1.1vw; line-height:1.8em;}
}

@media  (max-width: 1480px){ 

.special_02_01{ width:50%; padding:0 1% 0 8%; }
.special_02 { margin-top:-5%;}
.special_02_01 dt { font-size:2.4em; line-height:1.1em;  margin-bottom:1em;}
.special_02_01 dt span{ font-size:14px;} 
.special_02_01 dd { font-size:1em; line-height:1.6em; letter-spacing:-0.05em;}
.special_02_01 dd .special_02_text { padding:0 3.5em; font-size:1.1em; line-height:2.4em; }

.special_02_02 {width:50%; margin-left:50%; }

}

@media  (max-width: 1280px){ 
.special .topArea { margin-bottom:5%;}
.special_03 dt {font-size:2em; font-size:2vw; line-height:1.2em;}
.special_03 dd {font-size:4em; font-size:4vw; line-height:1.2em; }
.special_04 div { top:50%; font-size:1.2em; line-height:1.8em; }
.special_04 div p { font-size:5em; font-size:6.2vw; line-height:1em; }
}


/* tour */
.tourTop {position:relative; margin-bottom:15%; z-index:1; }
.tourTop_img {position:relative; width:100%; vertical-align:top; z-index:1;}

.tour_text { position:relative; width:55%; margin-left:45%; z-index:2;}
.tour_text01 { margin-top:-6.5em;}
.tour_text02 { margin-top:-4.25em;}
.tour_text dt { font-size:3.85em; line-height:1.15em; color:#404040; font-weight:100; margin-bottom:1.3em;}
.tour_text dt strong { font-weight:500;}
.tour_text dd {font-family: 'PT Serif',"Noto Sans KR", serif; font-size:1.15em; line-height:1.8em; color:#404040;}
.tour_text dd p { margin-left:-10%; font-family: 'PT Serif',"Noto Sans KR", serif;  font-size:2.33em; line-height:1.5em;}

.tour_text02 dt { opacity:0; filter: alpha(opacity=0;);}
.tour_text02 dd { opacity:0; filter: alpha(opacity=0;);}
.tour_text02 dd p {opacity:0; filter: alpha(opacity=0;); margin-left:-20%;}
.tourCon02 .tour_text02 dd p { margin-left:0;}

.tourCon { position:relative; margin-bottom:12%;}
.tourCon img {vertical-align:top;}
.tour_img01 { position:relative; width:67.9%; opacity:0; filter: alpha(opacity=0;);z-index:1; }
.tour_img02 { position:absolute; width:32.1%; top:-5%; right:0; opacity:0; filter: alpha(opacity=0;); z-index:1; }
.tourCon02 .tour_img01 { margin-left:32.1%;}
.tourCon02 .tour_img02 { left:0;}

.active .tour_img01 {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s; }
.active .tour_img02 {opacity:1; filter: alpha(opacity=100;); top:5%; transition: all 0.5s ease-in-out 0.3s; }
.active .tour_text02 dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.4s; }
.active .tour_text02 dd {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.6s; }
.active .tour_text02 dd p {opacity:1; filter: alpha(opacity=100;); margin-left:-10%; transition: all 0.4s ease-in-out 0.8s; }


@media  (max-width: 1480px){
.tour_text02 { width:60%; margin-left:40%; }
} 

@media  (max-width: 1280px){

.tour_text01 { margin-top:-4em;}
.tour_text02 { margin-top:-2.75em;}
.tour_text dt { font-size:2.4em; line-height:1.15em; margin-bottom:1em;}
.tour_text dd {font-size:1em; line-height:1.6em; }
.tour_text dd p { font-size:2.33em; line-height:1.5em;}
}

/* reser */
.reserCon {position:relative; margin-bottom:5%;  }
.reserCon .reserImg { width:42.1%; vertical-align:top; opacity:0; filter: alpha(opacity=0;); }
.reserCon .reserText { position:absolute; width:57.9%; height:100%; right:0; top:-10%; padding-top:6em; opacity:0; filter: alpha(opacity=0;);}
.reserText dt { text-align:center; margin-bottom:5em;}
.reserText dt .title01 {display:block; width:165px; height:165px; margin:0 auto 3em; padding:3.5em 0; background:#fff; border:1px solid #3c3c3c; border-radius:50%;}
.reserText dt .title01_01 {display:inline-block; padding:0 0.5em; font-size:1.8em; line-height:1.8em; color:#000; border-bottom:1px solid #000;}
.reserText dt .title01_02 {display:block; font-family: 'Montserrat', sans-serif;  font-size:1.8em; line-height:1.8em; color:#000; font-weight:500;}
.reserText dt .title02 {display:block; font-family: 'Lora', serif; font-size:2.8em; line-height:1.5em; color:#404040; opacity:0.8; filter: alpha(opacity=80;); }
.reserText dt .title03 {display:block; font-family: 'Lora', serif; font-size:1.25em; line-height:1em; color:#404040; opacity:0.8; filter: alpha(opacity=80;);}
.reserText dd { font-size:1.08em; line-height:2em; color:#595959;}
.reserText dd p { margin-top:2em; font-size:1.05em; color:#343434; }
.reserCon01 dd, .reserCon04 dd { width:80%; margin-left:20%;}
.reserCon03 dd { width:90%; margin-left:10%;}
.reserCon01 .reserText { background:#f2eaf2;}
.reserCon03 .reserText { background:#f2ecea;}
.reserCon03 .reserImg { margin-left:57.9%;}
.reserCon03 .reserText { left:0; right:auto;}
.reserCon04 .reserText { background:#e9eef2;}

.reserCon02 { position:relative; }
.reserCon02_bg { position:absolute; width:180px; height:100%; background:#283650; right:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:1; }
.reserCon02 dl { position:relative; z-index:2;}
.reserCon02 dt { position:absolute; right:180px; top:50%; margin:-82px -82px 0 0;  opacity:0; filter: alpha(opacity=0;);z-index:3;}
.reserCon02  .reserText > dd { width:80%; padding:5% 3%; opacity:0; filter: alpha(opacity=0;);}

.priceApp { text-align:right; margin-bottom:5px;}
.priceWrapper {position:relative; height:auto; padding-left:12%;overflow:hidden; margin-bottom:3%;}
.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:20px; 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; 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;}
.priceTable th { font-weight:400;background:#f8f8f8;}
.priceTable th[scope=row] {background:none; border-left:0;}
.priceTable th.first, .priceTable td.first, .priceTable td:first-child { border-left:0;}
.priceTable th[scope=col].first { line-height:41px; padding:20px 0;}
.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;}
.priceTable tbody tr:hover th[scope=row] {cursor:pointer; background:#806b56; color:#fff; }
.reserTypo { margin-bottom:5%; font-family: 'PT Serif', serif; font-size:1.25em; line-height:1em; color:#9c9c9c; text-align:center; opacity:0; filter: alpha(opacity=0;);}
.reserTypo p { font-family: 'PT Serif', serif;font-size:2.24em; line-height:1.5em; }

.reserCon.active .reserImg  { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s; }
.reserCon.active .reserText { opacity:1; filter: alpha(opacity=100;); top:0; transition: all 0.4s ease-in-out 0.5s;}
.reserCon02.active dt, .reserCon02.active .reserCon02_bg { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s;}
.reserCon02.active  .reserText > dd {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.5s;}
.reserTypo.active { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s; }

.reserTable { width:calc(100% - 350px);}
.reser_frame { display:block; width:100%; height:1200px;}
.reserNav { position:fixed; width:160px; height:calc(100% - 190px); right:180px; top:130px; padding:5% 2%; background:#333;}
.reserNav li { margin-bottom:1.5em;}
.reserNav li a { position:relative; display:block; padding-left:3px; font-family: 'Crimson Text', serif; font-size:1.5em; line-height:1.6em; color:#fff; font-style:italic; overflow:hidden; text-transform:uppercase; -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;}
.reserNav li a:hover, .reserNav li a:focus { font-size:1.65em;}
.reserNav li a .reserNav_arrow { position:absolute; right:20px; bottom:0; vertical-align:top;  opacity:0; filter: alpha(opacity=0;); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.reserNav li a:hover .reserNav_arrow, .reserNav li a:focus .reserNav_arrow { right:0;  opacity:1; filter: alpha(opacity=100;);}

@media  (max-width: 1760px){

.reserCon .reserText { padding-top:6em;}
.reserText dt { margin-bottom:3em;}
.reserText dt .title01 {width:115px; height:115px; margin:0 auto 1.5em; padding:2.5em 0;}
.reserText dt .title01_01 { font-size:1.2em;}
.reserText dt .title01_02 {font-size:1.5em;}
.reserText dt .title02 { font-size:2.2em;  }
.reserText dt .title03 { font-size:1em;}
.reserText dd { font-size:1em; line-height:1.8em;}
.reserText dd p { font-size:1.05em;}
.reserCon01 dd, .reserCon04 dd { width:85%; margin-left:15%;}
.reserCon03 dd { width:95%; margin-left:5%;}

}

@media  (max-width: 1280px){
.reserCon02_bg { width:150px; }
.reserCon02 dt { right:150px; margin:-57px -57px 0 0;}
.reserCon02  .reserText > dd { width:80%; padding:5% 3%;}

.priceWrapper { padding-left:15%;}
.priceName { width:15%; }
}
@media  (max-width: 768px){
.icon_touch { width:20px; }
.priceWrapper {padding-left:150px;overflow:hidden;}
.priceName { width:150px; }
.priceScroll { overflow-x:scroll;}
.priceScroll_left { position:absolute; width:10px; height:100%; background:#fff; left:150px; 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;}
.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_0203, .reser_0204, .reser_0403 { display:none;}

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

.priceTable th {padding:7px 3px; letter-spacing:-0.01em;}
.priceTable th[scope=row], .priceTable td { padding:10px 3px; letter-spacing:-0.01em;}
.priceTable th[scope=col].first { padding:14px 3px;}
.priceName_line { }
}
@media  (max-width: 640px){
.priceWrapper {padding-left:130px;}
.priceName { width:130px; }
.priceScroll_left { left:130px;}
}

/* map */
.mapTop {height:calc(100vh - 260px);  overflow:hidden;  }
.map_frame { position:absolute;  width:200%; height:200%; left:-50%; top:-50%; z-index:1; }
.map_frame_m { position:absolute; width:200%; height:200%; left:-50%; top:-80%; z-index:1; }
.mapLink { position:absolute; right:20px; bottom:20px; z-index:2;}
.mapLink li { float:left; margin-left:10px;}
.mapLink li a { display:block; width:70px; height:70px; padding-top:0.8em; border-radius:50%; text-align:center;font-family:'Montserrat', sans-serif; color:#fff; 
opacity:0.9; filter: alpha(opacity=90;); -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;}
.mapLink li a:hover, .mapLink li a:focus { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg);}
.mapLink li a .text01 { display:block; font-size:2em; line-height:1.2em; font-weight:500;}
.mapLink li a .text02 { display:block;font-size:0.9em; }
.mapLink li.l_01 a { background:#6492fb;}
.mapLink li.l_02 a { background:#00bd39;}
.mapLink li.l_03 a { background:#4282f1;}

.mapArea { padding-top:0;}
.mapArea > dt { text-align:center; margin-bottom:10em; padding-right:180px; opacity:0; filter: alpha(opacity=0;); }
.mapArea > dt .title01 {display:block; width:165px; height:165px; margin:0 auto 3em; padding:3.5em 0; background:#fff; border:1px solid #3c3c3c; border-radius:50%;}
.mapArea > dt .title01_01 {display:inline-block;font-family:'Montserrat', sans-serif; padding:0 0.5em; font-size:1.8em; line-height:1.8em; color:#000; border-bottom:1px solid #000; font-weight:500;}
.mapArea > dt .title01_02 {display:block; font-family:'Montserrat', sans-serif;  font-size:1.8em; line-height:1.8em; color:#000; font-weight:500;}
.mapArea > dt .title02 {display:block; font-family:'Lora', serif; font-size:2.8em; line-height:1.5em; color:#404040; opacity:0.8; filter: alpha(opacity=80;); }
.mapArea > dt .title03 {display:block; font-family:'Lora', serif; font-size:1.25em; line-height:1em; color:#404040; opacity:0.8; filter: alpha(opacity=80;);}
.mapArea > dd { font-size:1.08em; line-height:2em; color:#595959;}
.mapArea > dd p { margin-top:2em; font-size:1.05em; color:#343434; }
.mapCon { position:relative; width:83%; margin-left:7%; margin-bottom:5%;}
.mapCon02 { margin-left:17%;}
.mapCon:after {content:"";display:block;clear:both;}
.mapCon_img { position:relative; width:47.5%; vertical-align:top; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.mapCon dl { position:absolute; width:48%; left:30%; top:50%; margin-top:-60px; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.mapCon01 dl { left:52%; margin-top:-200px;}
.mapCon dl dt { font-size:1.5em; line-height:1.5em; color:#000; font-weight:500; margin-bottom:0.5em;}
.mapCon dl dd { font-size:1.05em; line-height:2.1em; color:#666; margin-bottom:2em; letter-spacing:-0.02em;}

.map_fix { margin-top:15%; background:url(../images/map/img04.jpg);}

.mapArea > dt.active {opacity:1; filter: alpha(opacity=100;); padding-top:3em; transition: all 0.4s ease-in-out 0.1s; }
.mapCon01.active .mapCon_img {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s;}
.mapCon01.active dl {opacity:1; filter: alpha(opacity=100;); margin-top:-130px; transition: all 0.4s ease-in-out 0.4s;}
.mapCon02.active .mapCon_img {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.2s;}
.mapCon02.active dl {opacity:1; filter: alpha(opacity=100;); left:52%; transition: all 0.4s ease-in-out 0.5s;}
.mapCon03.active .mapCon_img {opacity:1; filter: alpha(opacity=100;); transition: all 0.3s ease-in-out 0.3s;}
.mapCon03.active dl {opacity:1; filter: alpha(opacity=100;); left:52%; transition: all 0.3s ease-in-out 0.7s;}

@media  (max-width: 1480px){
.map .topArea {  margin-bottom:8%;}
.mapTop { height:60vw - 220px;}
.mapArea > dt { margin-bottom:3em;}
.mapArea > dt .title01 {width:115px; height:115px; margin:0 auto 1.5em; padding:2.5em 0;}
.mapArea > dt .title01_01 { font-size:1.2em;}
.mapArea > dt .title01_02 {font-size:1.5em;}
.mapArea > dt .title02 { font-size:2.2em;  }
.mapArea > dt .title03 { font-size:1em;}
.mapArea > dd { font-size:1em; line-height:1.8em;}
.mapArea > dd p { font-size:1.05em;}
}

@media  (max-width: 1280px){
.mapArea > dt {padding-right:150px;}
	
}

@media  (max-width: 1200px){
.mapArea > dt {padding-right:20px;}
	
}

/*  commnuity */

.boardTop { height:90%; height:calc(100% - 260px); background-repeat:no-repeat !important; background-position:center top !important; background-size:cover !important; z-index:1;}
.board01 .boardTop {background:url(../images/board/topImg01.jpg);}
.board02 .boardTop {background:url(../images/board/topImg02.jpg);}
.board03 .boardTop {background:url(../images/board/topImg03.jpg);}
.board04 .boardTop {background:url(../images/board/topImg04.jpg);}
.boardTop_bg { position:absolute; width:100%; vertical-align:top; left:0; bottom:-1px; z-index:1;}

.boardTitle { position:absolute; width:80%; left:10%; bottom:2%; text-align:center; font-weight:400; z-index:2;}
.boardTitle .title01 {display:block; width:165px; height:165px; margin:0 auto 5em; padding:3.5em 0; background:url(../images/bg/white_60.png); border:1px solid #3c3c3c; border:1px solid rgba(77, 77 77, 0.6); border-radius:50%;}
.boardTitle .title01_01 {display:inline-block;font-family:'Montserrat', sans-serif; padding:0 0.5em; font-size:1.8em; line-height:1.4em; color:#000; border-bottom:1px solid #000; font-weight:500; text-transform:uppercase;}
.boardTitle .title01_02 {display:block; font-family:'Montserrat', sans-serif;  font-size:1.8em; line-height:1.8em; color:#000; font-weight:500;}
.boardTitle .title02 {display:block; font-family:'Lora', serif; font-size:2.25em; line-height:1.5em; color:#404040; opacity:0.8; filter: alpha(opacity=80;); }
.boardTitle .title03 {display:block; font-family:'Lora', serif; font-size:1.05em; line-height:1em; color:#404040; opacity:0.8; filter: alpha(opacity=80;);}

.board_frame { display:block; width:98%; max-width:1200px; min-height:500px; margin:5% auto;}

.boardBottom { padding-top:0; opacity:0; filter: alpha(opacity=0;);}
.boardBottom_text { position:relative; text-align:right; margin-right:3%; color:#404040;  z-index:2;}
.boardBottom_text dt {font-family: 'Lora', serif; font-size:2.7em; line-height:1.5em; }
.boardBottom_text dd {font-family: 'Lora', serif; font-size:1.05em; line-height:1.5em}
.boardBottom_bg { position:relative; height:25vw; margin-top:-3%; overflow: hidden; padding: 0; background-attachment:inherit !important; background-repeat:no-repeat !important;background-size:cover !important; background:url(../images/board/board_bottom.jpg); z-index:1;}

.boardBottom.active  {opacity:1; filter: alpha(opacity=100;); padding-top:5%; transition: all 0.5s ease-in-out 0.3s; }

@media  (max-width: 1280px){
.boardBottom_bg { height:30vw; margin-top:-8%; }
	
}