@charset "utf-8";

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

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

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

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

/* about_pre */
.aboutPre { position:absolute; width:100%; height:100%;}
.aboutPre li { position:absolute; height:50%; background:#000; }
.aboutPre li a { display:block;}
.aboutPre .title { position:absolute; width:70%; width:calc(100% - 20em); left:10em;  -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;}
.aboutPre .title > span { display:block; 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;}
.aboutPre .aboutPre_01 .title, .aboutPre .aboutPre_03 .title { text-align:right;}
.aboutPre .aboutPre_01 .title, .aboutPre .aboutPre_02 .title { bottom:25%;}
.aboutPre .aboutPre_01 .on .title, .aboutPre .aboutPre_02 .on .title { bottom:23%;}
.aboutPre .aboutPre_03 .title, .aboutPre .aboutPre_04 .title { top:25%;}

.aboutPre .title01 {font-family: 'Josefin Sans', sans-serif; font-size:3.4em; font-weight: 700; letter-spacing:0.12em; line-height:1em;}
.aboutPre .title01 .arrow { display:inline-block; width:0; vertical-align:text-top; font-weight: 400; /*padding:0 0.2em;*/ overflow:hidden;}
.aboutPre .title02 {font-size:1.1em; line-height:1.6em; letter-spacing:0.01em; font-weight:200;}
.aboutPre .title02 span { font-family: 'Droid Serif', serif; color:#e4cc98; font-style:italic;}

.aboutPre .aboutPre_01 { width:58.8%; left:0; top:0;}
.aboutPre .aboutPre_02 { width:41.2%; right:0; top:0;}
.aboutPre .aboutPre_03 { width:41.2%; left:0; top:50%;}
.aboutPre .aboutPre_04 { width:58.8%; right:0; top:50%;}

.aboutPre .bg01, .aboutPre .bg02 { position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.aboutPre .bg01 { z-index:1;}
.aboutPre .bg02 {opacity:0; filter: alpha(opacity=0;); z-index:2;}
.aboutPre .aboutPre_01 .bg01 { background:url(../images/about/preImg01.jpg);}
.aboutPre .aboutPre_02 .bg01 { background:url(../images/about/preImg02.jpg);}
.aboutPre .aboutPre_03 .bg01 { background:url(../images/about/preImg03.jpg);}
.aboutPre .aboutPre_04 .bg01 { background:url(../images/about/preImg04.jpg);}
.aboutPre .aboutPre_01 .bg02 { background:url(../images/about/preImg01_gray.jpg);}
.aboutPre .aboutPre_02 .bg02 { background:url(../images/about/preImg02_gray.jpg);}
.aboutPre .aboutPre_03 .bg02 { background:url(../images/about/preImg03_gray.jpg);}
.aboutPre .aboutPre_04 .bg02 { background:url(../images/about/preImg04_gray.jpg);}

.aboutPre a.on .title01 { font-size:4.2em;}
.aboutPre a.on .title01 .arrow { width:auto; padding:0 0.3em;}
.aboutPre a.on .bg01 {/*-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);*/}
.aboutPre a.off .bg02 { opacity:1; filter: alpha(opacity=100;); }


/* about01 */
.aboutImg { vertical-align:top;}
.aboutCon { position:relative; overflow:hidden;}
.aboutCon_bg {background:#fff;}
.aboutCon:after {content:"";display:block;clear:both;}
.aboutCon img { position:relative; z-index:2;}
.aboutCon01 .aboutImg { float:left; width:50%; margin-left:-50%;}
.aboutCon01 .aboutText { float:right; width:50%; padding:5vw 0 0 5vw;}
.aboutCon02 .aboutImg { float:right; width:50%; margin-right:-50%; }
.aboutCon02 .aboutText { float:left; width:50%; padding:5vw 0 0 12vw;}
.aboutCon03 .aboutImg { float:left; width:69.8%; margin-left:-70%;}
.aboutCon03 .aboutText { float:right; width:30.2%; padding:5vw 0 0 5vw;}
.aboutCon04 .aboutImg { float:right; width:69.8%; margin-right:-70%;}
.aboutCon04 .aboutText { float:left; width:30.2%; padding:5vw 0 0 5vw;}
.aboutCon05 .aboutImg { float:right; width:50%;margin-right:-50%; }
.aboutCon05 .aboutImg_01 { position:absolute; width:17.8%; left:0; top:0; opacity:0; filter: alpha(opacity=0;);}
.aboutCon05 .aboutText { float:left; width:32.2%; margin-left:17.8%; padding:5vw 0 0 5vw;}

.about_dl {}
.about_dl dt { font-size:0.5em; line-height:1.25em; color:#3a3a3a; font-weight:300; opacity:0; filter: alpha(opacity=0;);}
.about_dl dd { font-size:1.15em; line-height:1.6em; color:#3a3a3a; font-weight:300; margin-top:-1em; opacity:0; filter: alpha(opacity=0;);}
.color01 {color:#da8430;}
.about_link { position:absolute; bottom:5vw; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.about_link span { display:block; font-family:'Noto Sans KR', "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움"; font-size:1.25em; line-height:1.6em; letter-spacing:0.1em;font-weight:100; color:#666; margin-top:1em;}

.active.aboutCon01 .aboutImg { margin-left:0; transition: all 0.5s ease 0.1s; }
.active.aboutCon02 .aboutImg, .active.aboutCon05 .aboutImg { margin-right:0; transition: all 0.5s ease 0.1s; }
.active.aboutCon03 .aboutImg { margin-left:0; transition: all 0.62s ease 0.1s; }
.active.aboutCon04 .aboutImg { margin-right:0; transition: all 0.62s ease 0.1s; }
.active.aboutCon05 .aboutImg_01 { opacity:1; filter: alpha(opacity=100;);  transition: all 0.3s ease 0.5s; }
.active .about_dl dt {opacity:1; filter: alpha(opacity=100;); font-size:2.3em; transition: all 0.4s ease 0.7s;}
.active .about_dl dd {opacity:1; filter: alpha(opacity=100;); margin-top:2em; transition: all 0.4s ease 1.3s;}
.active .about_link {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease 1.7s;}

@media  (max-width: 1520px){

.aboutCon01 .aboutText, .aboutCon02 .aboutText, .aboutCon03 .aboutText, .aboutCon04 .aboutText, .aboutCon05 .aboutText { padding:3vw 0 0 3vw;}
.about_link {bottom:3vw;}
.about_link span { font-size:1em;}
.about_dl dt { font-size:2.1vw; margin-bottom:0.8em;}
.about_dl dd { font-size:1.05em; }

.active .about_dl dt { font-size:2.1em;}

}

@media  (max-width: 1280px){


}


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


/* room */
.roomCon { background:#fff;}
.room_01, .room_02, .room_03, .room_04 { position:relative; overflow:hidden;}
.room_01:after, .room_02:after, .room_03:after, .room_04:after {content:"";display:block;clear:both;}
.room_01_01 { position:relative; float:left; width:70%; margin-left:-70%;}
.roomNav { position:absolute; width:70%; height:100%; right:0; top:0; z-index:2;}
.roomNav li { position:absolute; }
.roomNav01 { left:62%; top:7.9%;}
.roomNav02 { left:71.8%; top:33.7%;}
.roomNav03 { left:80%; top:60.9%;}
.roomNav04 { left:33.3%; top:49.1%;}
.roomNav05 { left:42.4%; top:80.7%;}
.roomNav li a { display:inline-block; font-size:1.15em; line-height:1.6em; color:#fff; padding:1px 0.5em; -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;}
.roomNav li a.this { border-bottom:1px solid #fff;}
.roomNav li a:hover, .roomNav li a:focus {background:#fff; color:#000; font-weight:700; border-radius:4px;}
.roomNav li span { color:#fff; margin:0 0.02em;}
.room_01_02 { float:right; width:22%; margin-right:4%; border-top:1px solid #3a3a3a; padding:8.6% 0;z-index:2;}
.room_02 { position:relative; margin-top:10em; overflow:hidden;}
.room_02_01 {position:absolute; width:61%; height:100%; left:-61%; top:0; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important;}
.room01 .room_02_01 { background:url(../images/room01/img01.jpg);}
.room02 .room_02_01 { background:url(../images/room02/img01.jpg);}
.room03 .room_02_01 { background:url(../images/room03/img01.jpg);}
.room04 .room_02_01 { background:url(../images/room04/img01.jpg);}
.room05 .room_02_01 { background:url(../images/room05/img01.jpg);}
.room06 .room_02_01 { background:url(../images/room06/img01.jpg);}
.room07 .room_02_01 { background:url(../images/room07/img01.jpg);}
.room08 .room_02_01 { background:url(../images/room08/img01.jpg);}
.room09 .room_02_01 { background:url(../images/room09/img01.jpg);}
.room10 .room_02_01 { background:url(../images/room10/img01.jpg);}
.room_02_02 { float:right; width:30%; margin-right:4%; border-top:1px solid #000; padding:7.6% 0; color:#000; z-index:2;}

.room_03_01 { float:left; width:61%;}
.room_03_01:after {content:"";display:block;clear:both;}
.room_03_01 dl { float:left; width:50%; padding-top:5vh;}
.room_03_01 dl.room_03_0101 { padding-left:5%; padding-right:3%; }
.roomCon dl { }
.roomCon dt { font-size:0.5em; line-height:1.3em; font-weight:300; color:#3a3a3a; opacity:0; filter: alpha(opacity=0;); }
.roomCon dt span { font-size:0.5em;}
.roomCon dd { font-size:1.1em; line-height:1.8em; color:#3a3a3a; margin-top:-1em; opacity:0; filter: alpha(opacity=0;); }
.roomCon dd p {  margin-bottom:2em;}
.roomCon dd p span {display:inline-block;  border-bottom:1px solid #999; }
.room_03_02 { float:right; width:39%; margin-right:-39%;}
.room_03_02 li { position:relative; float:left; width:calc(20% - 1px); margin:0 0 1px 1px;}
.room_03_02 li img { width:100%; vertical-align:top;}
.room_03_02 li span { position:absolute; width:100%; left:0; top:70%; text-align:center; color:#fff; font-weight:200; z-index:2;}

.active .room_01_01 { margin-left:0; transition: all 0.35s ease 0.1s;}
.active .room_02_01 { left:0; transition: all 0.32s ease 0.3s;}
.active .room_03_02 { margin-right:0; transition: all 0.32s ease 0.8s;}
.roomCon .active dt { opacity:1; filter: alpha(opacity=100;); font-size:2.3em; transition: all 0.4s ease 0.7s; }
.roomCon .active dd { opacity:1; filter: alpha(opacity=100;); margin-top:2em; transition: all 0.45s ease 1.1s; }

.room_04 {margin-top:10em; overflow:hidden;}
.room_04 img { width:100%; vertical-align:top; }
.room_04_01 { position:relative; float:left; width:40%;}
.room_04_01:after {content:"";display:block;clear:both;}
.room_04_01 li { float:left; width:50%;  opacity:0; filter: alpha(opacity=0;);}
/*.room_04_0101 { position:absolute; left:0; top:0;}*/
.room01 .room_04_0101, .room02 .room_04_0101 { background:#c4712c;}
.room03 .room_04_0101, .room04 .room_04_0101 { background:#454c6d;}
.room05 .room_04_0101, .room06 .room_04_0101 { background:#835f55;}
.room07 .room_04_0101, .room08 .room_04_0101 { background:#2164a8;}
.room09 .room_04_0101, .room10 .room_04_0101 { background:#cc4865;}

.room_04_02 { float:right; width:60%; margin-right:-60%;}
.room_04_03:after {content:"";display:block;clear:both;}
.room_04_03 li { position:relative; float:left; width:33.33333%; }
.room_04_0301 { opacity:0; filter: alpha(opacity=0;);  z-index:3;}
.room_04_0302 { margin-left:-66.66666%;z-index:2;}
.room_04_0303 { margin-left:-66.66666%;z-index:1;}

.active .room_04_0101 {opacity:1; filter: alpha(opacity=100;);  transition: all 0.35s ease 0.1s;}
.active .room_04_0102 {opacity:1; filter: alpha(opacity=100;);  transition: all 0.35s ease 0.3s;}
.active .room_04_0103 {opacity:1; filter: alpha(opacity=100;);  transition: all 0.35s ease 0.5s;}
.active .room_04_0104 {opacity:1; filter: alpha(opacity=100;);  transition: all 0.35s ease 0.7s;}
.active .room_04_02 { margin-right:0; transition: all 0.5s ease 0.9s;}
.active .room_04_0301 { opacity:1; filter: alpha(opacity=100;);  transition: all 0.35s ease 1.2s;}
.active .room_04_0302 { margin-left:0;  transition: all 0.35s ease 1.2s;}
.active .room_04_0303 { margin-left:0;  transition: all 0.35s ease 1.4s;}

@media  (max-width: 1280px){
.roomNav {width:100%; }
.roomNav li a { font-size:1em;}
.room_01_02 {padding:2.5em 0; }
.roomCon dt { font-size:2em;}
.roomCon dd { font-size:1em; line-height:1.6em; }

.roomCon .active dt { font-size:2em;}
.roomCon .active dd { margin-top:1em;}

.room_03_02 li span {font-size:0.8em; letter-spacing:-0.05em}

}

@media  (max-width: 1024px){

}

/* roomPre */

.roomPre_top { position:relative; height:calc(100vh - 15.625vw - 40px); background:url(../images/room/topImg.jpg) center bottom no-repeat; background-size:cover;}
.room00 .bx-wrapper {-webkit-box-shadow: 0 -15px 15px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 -15px 15px 0px rgba(0, 0, 0, 0.5); box-shadow:0 -15px 15px 0px rgba(0, 0, 0, 0.5); margin-bottom:0;}
.roomPre { }
.roomPre li { }
.roomPre_nav:after {content:"";display:block;clear:both;}
.roomPre_nav li { position:relative; float:left; width:20%; background:#30353e; overflow:hidden; }
.roomPre_nav li a { display:block;}
.roomPre_nav li img { width:100%; vertical-align:top; -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;}
.roomPre_nav li .img01 { position:relative; opacity:0.3; filter: alpha(opacity=30;); z-index:1;}
.roomPre_nav li .img02 { position:absolute; left:0; top:0;  opacity:0; filter: alpha(opacity=0;); z-index:2;}
.roomPre_nav li .title { position:absolute; width:100%; left:0; top:40%; font-size:5em; line-height:1em; color:#fff; text-align:center; font-weight:600;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:3; }
.roomPre_nav li .title span { position:absolute; font-size:0.3em; left:50%; top:0; margin:-0.8em 0 0 1em; font-weight:400; }
.roomPre_nav li .btn_arrow { position:absolute; width:100%; left:0; top:40%; color:#fff; text-align:center; font-size:5em; line-height:1em; 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;z-index:4; }
.roomPre_nav li a:hover .img01, .roomPre_nav li a:focus .img01 {}
.roomPre_nav li a:hover .img02, .roomPre_nav li a:focus .img02 { opacity:1; filter: alpha(opacity=100;); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.roomPre_nav li a:hover .title, .roomPre_nav li a:focus .title { opacity:0; filter: alpha(opacity=0;);}
.roomPre_nav li a:hover .btn_arrow, .roomPre_nav li a:focus .btn_arrow { opacity:1; filter: alpha(opacity=100;);}


@media  (max-width: 1024px){


}

@media  (max-width: 768px){
.roomPre_m .preNav {width:40%;left:28.5%;}
}

/* facility - special */
/* pre */
.specialPre { position:absolute; width:100%; height:100%; background:#000; }
.specialPre li { position:absolute; width:33.33333%; height:100%; overflow:hidden;}
.specialPre li a { display:block;}
.specialPre .title { position:absolute; width:100%; left:0; top:50%; text-align:center; margin-top:-2.4em; -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 .title > span { display:block; 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;}

.specialPre .specialPre_01 {}
.specialPre .specialPre_02 { left:33.333333%;}
.specialPre .specialPre_03 { left:66.666666%;}
.specialPre .title01 {font-family: 'Josefin Sans', sans-serif; font-size:3.4em; font-weight: 700; letter-spacing:0.12em; line-height:1em;}
.specialPre .title02 {font-size:1.1em; line-height:1.6em; letter-spacing:0.01em; font-weight:200;}
.specialPre .title02 span { font-family: 'Droid Serif', serif; color:#e4cc98; font-style:italic;}

.specialPre .bg01, .specialPre .bg02 { position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.specialPre .bg01 { z-index:1;}
.specialPre .bg02 {opacity:0; filter: alpha(opacity=0;); z-index:2;}
.specialPre .specialPre_01 .bg01 { background:url(../images/special/preImg01.jpg);}
.specialPre .specialPre_02 .bg01 { background:url(../images/special/preImg02.jpg);}
.specialPre .specialPre_03 .bg01 { background:url(../images/special/preImg03.jpg);}
.specialPre .specialPre_01 .bg02 { background:url(../images/special/preImg01_gray.jpg);}
.specialPre .specialPre_02 .bg02 { background:url(../images/special/preImg02_gray.jpg);}
.specialPre .specialPre_03 .bg02 { background:url(../images/special/preImg03_gray.jpg);}

.specialPre a.off .title { opacity:0.5; filter: alpha(opacity=50;); }
.specialPre a.on .title01 { font-size:4.2em;}
.specialPre a.on .title01 .arrow { width:auto; padding:0 0.3em;}
.specialPre a.on .bg01 {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.specialPre a.off .bg02 { opacity:1; filter: alpha(opacity=100;); }

/* special */
.specialCon { position:relative; background:#fff;}
.special_01, .special_02 { position:relative; overflow:hidden;}
.special_01:after, .special_02:after {content:"";display:block;clear:both;}
.special_01_01 { position:absolute; width:70%; height:100%; top:-100%; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; opacity:0; filter: alpha(opacity=0;); }
.special01 .special_01_01 { background:url(../images/special/img01_01.jpg);}
.special02 .special_01_01 { background:url(../images/special/img02_01.jpg);}
.special03 .special_01_01 { background:url(../images/special/img03_01.jpg);}
.special_01_02 { position:relative; float:right; width:22%; height:392px; margin-right:4%; border-top:1px solid #fff; padding:6% 0 0; color:#3a3a3a; font-weight:300; z-index:2;}
.special_01_02 dt { font-size:0.5em; line-height:1.3em; opacity:0; filter: alpha(opacity=0;);}
.special_01_02 dd { font-size:1.1em; line-height:1.8em; margin-top:-1em; opacity:0; filter: alpha(opacity=0;); }

.active .special_01_01 { opacity:1; filter: alpha(opacity=100;); top:0; transition: all 0.5s ease 0.1s; }
.active .special_01_02 { border-top:1px solid #3a3a3a;  transition: all 0.4s ease 0.7s; }
.active .special_01_02 dt { opacity:1; filter: alpha(opacity=100;); font-size:2.3em; transition: all 0.4s ease 0.7s;}
.active .special_01_02 dd { opacity:1; filter: alpha(opacity=100;); margin-top:2em; transition: all 0.45s ease 1.1s; }

.special_02 { margin-top:10em; overflow:hidden;}
.special_02 img { width:100%; vertical-align:top;}
.special_02 > div {opacity:0; filter: alpha(opacity=0;);}
.special_02_01 { position:relative; width:19.53%; left:-19.6%;}
.special_02_02 { position:absolute; width:20.47%; left:19.54%; top:0;}
.special_02_03 { position:absolute; width:60%; left:40%; top:0;}
.special_02_04 { position:relative; width:40%; z-index:2;}
.special_02_05 { position:absolute; width:19.53%; left:0; bottom:0;}
.special_02_06 { position:absolute; width:40.47%; right:0; bottom:0;}
.special_02_07 { position:absolute; width:19.53%; height:24.4%; left:0; top:-30%; z-index:2;}
.special_02_07 dl { position:absolute; width:80%; height:60%; left:10%; top:20%; color:#fff;}
.special_02_07 dt { font-family: 'Josefin Sans', sans-serif; font-size:2.3em; font-size:1.5vw; text-transform:uppercase; font-weight:300; line-height:1.1em;}
.special_02_07 dt span {display:block; font-size:2em; font-weight:700; line-height:1.1em; }
.special_02_07 dd { position:absolute; bottom:0; font-family: 'Droid Serif', serif; font-size:1.05em; line-height:1.6em; letter-spacing:0.05em; font-style:italic; opacity:0.8; filter: alpha(opacity=80;);}
.special01 .special_02_07 { background:#308ec0;}
.special02 .special_02_07 { background:#c08b30;}
.special03 .special_02_07 { background:#8e622e;}

.active .special_02_01 { opacity:1; filter: alpha(opacity=100;); left:0; transition: all 0.5s ease 0.3s; }
.active .special_02_02 { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.8s; }
.active .special_02_03 { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 1.1s; }
.active .special_02_04 { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 1.5s; }
.active .special_02_05 { opacity:1; filter: alpha(opacity=100;); left:40%; transition: all 0.3s ease 2.0s; }
.active .special_02_06 { opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease 2.3s; }
.active .special_02_07 { opacity:1; filter: alpha(opacity=100;); top:0; transition: all 0.3s ease 1.5s; }

@media  (max-width: 1280px){
.special_01_01 { width:60%;}
.special_01_02 { width:32%; height:320px; padding:3em 0;}
.special_01_02 dt { font-size:2em; margin-bottom:0.5em;}
.special_01_02 dd { font-size:1em; line-height:1.6em; }

.active .special_01_02 dt { font-size:2em;}
.active .special_01_02 dd { margin-top:1em; }
}

@media  (max-width: 1024px){
.special_02_07 dd { font-size:1.2vw; line-height:0.9em;}
}

/* service */
.service .topArea { background:#30353e;}
.serviceCon { position:absolute; width:50%; height:100%; right:0; top:0; z-index:2;}
.service_icon { position:absolute; width:30px; left:0; top:50%; margin:-15px 0 0 -15px; -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;); }
/*.service_icon:hover { transform: rotateY(1800deg); -ms-transform:rotateY(1800deg); -webkit-transform:rotateY(1800deg) ; }*/
.service .subTitle02 { position:absolute; left:12vw; bottom:50%; margin-bottom:4vw;}
.serviceText { position:absolute; left:12vw; top:50%; margin-top:4vw; color:#fff;}
.serviceText dt { font-size:0.5em; line-height:1.6em; font-weight:100; opacity:0; filter: alpha(opacity=0;);}
.serviceText dd { font-size:1.15em; line-height:1.8em; margin-top:-1em; font-weight:100; opacity:0; filter: alpha(opacity=0;);}

.service .bx-wrapper { position:relative; width:50%; z-index:1;}
.service .bxslider { z-index:1;}
.bxslider li {background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important;}
.service .bx-controls-direction { position:absolute; height:100px !important; left:30px; top:50%; margin-top:-50px !important; z-index:5;}
.service .bx-wrapper .bx-controls-direction a { display:inline-block; width:40px; height:40px; top:0; margin:0; text-indent:0 !important; font-size:3em; line-height:40px; color:#fff; text-align:center; opacity:1; -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;}
.service .bx-prev { position:absolute; left:0 !important; top:0 !important; right:auto !important; }
.service .bx-next { position:absolute; left:0 !important; top:auto !important; bottom:0; right:auto !important;}
.service .bx-prev:hover { top:-10px !important;}
.service .bx-next:hover { bottom:-10px !important;}
.service .bx-wrapper .bx-pager { position:absolute; width:100%; left:0; bottom:20px; z-index:5;}

.active .service_icon {opacity:1; filter: alpha(opacity=100;); width:222px; margin:-111px 0 0 -111px;  transition: all 0.35s ease 0.8s;}
.active .serviceText dt { opacity:1; filter: alpha(opacity=100;); font-size:2.3em; transition: all 0.4s ease 0.7s;}
.active .serviceText dd { opacity:1; filter: alpha(opacity=100;); margin-top:2em; transition: all 0.45s ease 1.1s;}

@media  (max-width: 1280px){

.active .service_icon { width:180px; margin:-90px 0 0 -90px;}
.active .serviceText dt { font-size:2em;}
.active .serviceText dd { margin-top:1em;}

}

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

/* tour */
.tourArea { position:relative; float:left; width:50%; height:calc(100vh - 40px); overflow-y:auto;}
.tourTop { position:relative; height:calc(100vh - 40px); background-position:center center !important; background-repeat:no-repeat; background-size:cover !important;}
.tourTop01 { background:url(../images/tour/topImg01.jpg);}
.tourTop02 { background:url(../images/tour/topImg02.jpg);}
.tourCon { position:relative; overflow:hidden;}
.tourCon02 { background:#fff;}
.tourText { min-height:300px; padding:3% 1% 0 6%;}
.tourText dt {font-size:2.3em; line-height:1.8em; color:#515151; font-weight:100; margin-bottom:1em;}
.tourText dd { font-size:1.15em; line-height:1.8em; color:#3a3a3a; font-weight:100;}

@media  (max-width: 1480px){
.tourTop { height:60vw; }
}

@media  (max-width: 1280px){
.tourText { min-height:300px; padding:5% 1% 0 10%;}
.tourText dt {font-size:2em; line-height:1.6em; margin-bottom:0.5em;}
.tourText dd { font-size:1em; line-height:1.6em;}

}

/* reser */
.topArea_reserve { position:relative;}
.topArea_reserve .line { position:absolute; width:80%; max-width:1280px; height:100%; right:0; top:0; border-left:1px solid #ccc;  opacity:0.5; filter: alpha(opacity=50;);  z-index:2; }
.reserCon { position:relative;}
.reserCon:after {content:"";display:block;clear:both; }
.reserCon .sticky-wrapper { z-index:1; }
.reserNav { display:inline-block; width:auto !important; margin:7em 0 0 3.5%; padding-top:1em;  border-top:1px solid #fff; opacity:0; alpha(opacity=0;); }
.is-sticky .reserNav { border-top:1px solid #ccc; }
.reserNav li {}
.reserNav li a {display:inline-block; font-family: 'Droid Serif', serif; font-size:1.1em; color:#000; line-height:2em; letter-spacing:0.05em; font-style:italic; padding:0 0.7em; border-radius:4px; -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;}
.reserNav li a span { display:inline-block;  width:0; overflow:hidden; font-style:none; vertical-align:middle; -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;}
.reserNav li a:hover, .reserNav li a:focus { color:#fff; background:#000;}
.reserNav li a:hover span, .reserNav li a:focus span { width:1.5em;}
.reser_info { position:relative; float:right; width:80%; border-left:1px solid #ccc; padding:5.6% 0 0 0; z-index:2;}
.reser_dl {  padding-left:5%;}
.reserve02 .reser_dl { padding:0 0 5% 20px;}
.reser_dl dt {font-size:2.3em; line-height:1em; font-weight:100; color:#3a3a3a; margin-bottom:1.5em;}
.reserve02 .reser_dl dt { margin:0;}
.reser_dl dd {font-size:1.1em; line-height:1.8em; font-weight:300; margin-bottom:7%;}
.reserve02 .reser_dl dd { margin-bottom:0;}
.reser_dl dd p { font-size:1.1em; font-weight:500; margin-bottom:1.5em;}
.reser_dl li { margin-bottom:3px;}
.reser_dl dd p span, .reser_dl li span {display:inline-block; width:1em;}

.active.reserNav {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease 0.7s;}

.reser_frame { position:relative; padding:0; width:100%; z-index:6; overflow: auto;}
.reser_frame iframe { width:1210px; height:1000px; padding:0 0 2%; background:#fff; }

.reserImg { position:relative; overflow:hidden; opacity:0; filter: alpha(opacity=0;);}
.reserImg img { width:100%; vertical-align:top; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.reserImg01 { position:relative; z-index:1;}
.reserImg02 { position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.reserImg:hover .reserImg02 {opacity:1; filter: alpha(opacity=100;); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.active.reserImg {opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease 0.3s;}

@media  (max-width: 1024px){

.reser_dl dt {font-size:2em;}
.reser_dl dd {font-size:1em; line-height:1.6em;}

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

/* map */
.map .topArea { background:#30353e; min-height:calc(100vh - 40px); }
.mapFrame { position:absolute; width:50%; height:100%; left:0; top:0; opacity:0.8; filter: alpha(opacity=80;); overflow:hidden; z-index:1;}
.mapFrame iframe { position:absolute; width:200%; height:200%; left:-50%; top:-50%;}
.mapCon { position:relative; float:right; width:50%; padding:100px 2% 0 12vw; z-index:2;}
.map_icon { position:absolute; width:30px; left:50%; top:50%; margin:-15px 0 0 -15px; -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:3;}
.map .subTitle02 {  position:relative; margin-bottom:5%; margin-bottom:2vw;}
.mapText { height:calc(100vh - 260px); color:#fff;}
.mapText dd > ul > li { padding-left:1em; margin-bottom:1em;}
.mapText li i { display:inline-block; width:1em; margin-left:-1em; text-align:center;}
.mapText li strong { display:block; font-weight:400;}
.mapText li li {  font-size:0.9em; line-height:1.5em; margin-bottom:2px;}
.mapText li li i { display:inline-block; width:1em; margin-left:-1em; text-align:center;}
.mapText dt { font-size:0.5em; line-height:1.6em; margin-bottom:0.5em; font-weight:100; opacity:0; filter: alpha(opacity=0;);}
.mapText dd { font-size:1.15em; line-height:1.6em; font-weight:100; margin-top:-3em; margin-bottom:5%; opacity:0; filter: alpha(opacity=0;);}

.active .map_icon {opacity:1; filter: alpha(opacity=100;); width:222px; margin:-111px 0 0 -111px;  transition: all 0.35s ease 0.8s;}
.active dt.mapText01 {opacity:1; filter: alpha(opacity=100;); font-size:2em; transition: all 0.5s ease 0.6s;}
.active dd.mapText01 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.4s ease 1.1s;}
.active dt.mapText02 {opacity:1; filter: alpha(opacity=100;); font-size:2em; transition: all 0.5s ease 1.8s;}
.active dd.mapText02 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.4s ease 2.3s;}

@media  (max-width: 1480px){
.map .topArea { min-height:80vw; }
.active .map_icon { width:180px; margin:-90px 0 0 -90px;}

}

/*  commnuity */
.boardBg01 { position:absolute; width:50%; height:100%; right:0; top:0; background:#036ca6; opacity:0.3; filter: alpha(opacity=30;); z-index:2;}
.boardBg02 { position:absolute; width:50%; height:100%; right:0; top:0; background:#79aecc; opacity:0.3; filter: alpha(opacity=30;); z-index:2;}
.borderCon { position:relative; padding:10em 0; z-index:3;}
.board_frame { display:block; width:96%; max-width:1280px; margin:0 auto; padding:2em; background:#fff; }
@media  (max-width: 1024px){

}



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

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

@media  (max-width: 1480px){


}

@media  (max-width: 1420px){


}

@media  (max-width: 1280px){

}


@media  (max-width: 1024px){


}


@media  (max-width: 768px){

}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){


}

/*2017.12.11수정*/
.hei_50p{height: 50%;}
.hei_100p{height: 100%;}
.aboutCon.aboutCon01 .wrapper{
    display: inline-block;
    width: 100%;
    height: 50%;
}

.aboutCon.aboutCon01 .wrapper .img_wrap{
    width: 50%;
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
}

.aboutCon.aboutCon01 .wrapper .aboutText{
    height: 100%;
    position: relative;
}

.aboutCon.aboutCon01 .wrapper .img_wrap img{
    max-width: 100%;
    width: auto;
}

.aboutCon.aboutCon01 .wrapper.no2 .aboutText,
.aboutCon.aboutCon01 .wrapper.no2 .img_wrap{
    float: left;
    width: 50%;
}

.aboutCon.aboutCon01 .wrapper.no1 .img_wrap{
    background: url('../images/about/img01_01.jpg') no-repeat center;
    background-size: cover;
}

.aboutCon.aboutCon01 .wrapper.no2 .img_wrap{
    background: url('../images/about/img01_02.jpg') no-repeat center;
    background-size: cover;
}

.aboutCon.aboutCon01 .about_link{
	position: static;
	margin-top: 30px;
}

.aboutCon.aboutCon01 .wrapper.no2 .aboutText{
    text-align: right;
    padding: 5vw 5vw 0 0;
}

.aboutCon.aboutCon01 .wrapper.no2 .about_link{
    right: 5vw;
}

.aboutCon.aboutCon03 .img_wrap{
    background: url('../images/about/img01_03.jpg') no-repeat center;
    background-size: cover;
	position: relative;
}

.aboutCon03 .aboutText{
    text-align: center;
	width: 100%;
    padding: 60px 30px 0 30px;
	
}

.aboutCon03 .aboutText .about_link{
	position: inherit;
	margin-top: 40px;
}

.about_dl dt{
	opacity: 1;
	font-size: 2.3em;
}

.about_link{
    opacity: 1;
}

.main_typo { position:absolute; width:40%; left:30%; top:50%; text-align:center; color:#fff; z-index:2; }
.main_typo dt {}
.main_typo dt a {font-family: 'Josefin Sans', sans-serif; font-size:1vw; font-weight:700; line-height:0.78em; margin:-0.7em 0 0.15em; opacity:0; filter: alpha(opacity=0;); display:inline-block; color:#fff; -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;}
.main_typo dt a:hover, .main_typo dt a:focus { transform: rotateY(360deg); -ms-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}
.main_typo dd {opacity:0; filter: alpha(opacity=0;);}
.main_typo dd p {font-family: 'Josefin Sans', sans-serif; font-size:3.4em; font-weight: 700; letter-spacing:0.12em; line-height:1em; margin-bottom:0.3em;}
.main_typo dd div {font-family: 'Droid Serif', serif; font-size:1.1em; letter-spacing:0.02em; line-height:1.6em;  font-style:italic; }
.active .main_typo dt a {opacity:1; filter: alpha(opacity=100;); font-size:16vw; transition: all 0.5s ease 0.6s;}
.active .main_typo dd {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.6s;}

.nu_style .nu_type1{
	background-size: cover;
}

.nu_style .nu_type1 .wrapper{
	position: relative;
	height: 50%;
}

.nu_style .nu_type1 .aboutText{
	height: 50%;
	padding-top: 80px;
}

.nu_style .nu_type1 .img_wrap{
	height: 100%;
}

.nu_style .nu_type1 .about_link{
	position: absolute;
	bottom: 60px;
	width: 100%;
	text-align: center;
	left: 0;
}

.nu_style .nu_type2 .wrapper{
	width: 100%;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	height: 50%;
}

.nu_style .nu_type2 .img_wrap{
	background-size: cover;
	width: 50%;
	overflow: hidden;
	height: 100%;
}

.nu_style .nu_type2 .rt{
	background: #fff;
}

.nu_style .nu_type2 .rt .aboutText{
	float: left;
	/*text-align: right;*/
	/*padding:  5vw 5vw 0 0;*/
	padding-left: 8vw;
}

.nu_style .nu_type2 .rt .about_link{
	/*right: 5vw;*/
}

.nu_style .nu_type2 .lf>*{
	float: left;
}

.nu_style .nu_type3 .img_wrap{
	height: 100%;
}

.nu_style .nu_type4{
	background: #fff;
}

.nu_style .nu_type4>div{
	height: 50%;
}

.nu_style .nu_type4 .wrapper{
	display: inline-block;
	width: 100%;
}

.nu_style .nu_type4 .wrapper>*{
	float: left;
}

.nu_style .nu_type4 .wrapper .img_wrap{
	width: 60%;
	height: 100%;
}

.nu_style .nu_type4 .wrapper .txt_wrap{
	width: 30%;
	margin-left: 5%;
	margin-right: 5%;
	border-top: 1px solid #333;
	padding: 5vh 20px 20px 0;
}

.nu_style .nu_type4 .wrapper .txt_wrap dt{
	font-family: "Noto Sans KR";
	font-size: 30px;
	color: #000;
	margin-bottom: 4vh;
	font-weight: 100;
}

.nu_style .nu_type4 .wrapper .txt_wrap dd{
	font-size: 15px;
	line-height: 1.8;
}

.nu_style .nu_type5 .top{
	height: 35%;
	position: relative;
}

.nu_style .nu_type5 .btm{
	height: 65%;
	display: inline-block;
	width: 100%;
}

.nu_style .nu_type5 .btm .item{
	float: left;
	height: 100%;
	width: 50%;
}

.nu_style .nu_type5 .top .txt_wrap{
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	padding-left: 230px;
	padding-top: 5vh;
	line-height: 1;
}

.nu_style .nu_type5 .top .txt_wrap .tit1{
	font-size: 40px;
	font-weight: 100;
}

.nu_style .nu_type5 .top .txt_wrap .tit2{
	font-size: 50px;
    font-weight: 600;
}


.nu_style .nu_type5 .top .txt_wrap .subtxt{
	font-family: 'Droid Serif', sans-serif;
	font-size: 16px;
    font-weight: 600;
	margin-top: 50px;
	font-style: italic;
}

.nu_style .nu_type5 .top .img_wrap{
	height: 100%;

}











#wrap.about02 .nu_type1 .img_wrap{
	background: url("../images/about/img02_01.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about02 .nu_type2 .lf .img_wrap{
	background: url("../images/about/img02_02.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about02 .nu_type2 .rt .img_wrap{
	background: url("../images/about/img02_03.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about03 .nu_type2 .lf .img_wrap{
	background: url("../images/about/img03_01.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about03 .nu_type2 .rt .img_wrap{
	background: url("../images/about/img03_02.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about03 .nu_style .nu_type3 .img_wrap{
	background: url("../images/about/img03_03.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about04 .nu_type2 .lf .img_wrap{
	background: url("../images/about/img04_01.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about04 .nu_type2 .rt .img_wrap{
	background: url("../images/about/img04_02.jpg") no-repeat center;
	background-size: cover;
}

#wrap.about04 .nu_style .nu_type3 .img_wrap{
	background: url("../images/about/img04_03.jpg") no-repeat center;
	background-size: cover;
}

#wrap.special01 .nu_style .nu_type4 .fix_con{
	color: #73cce9;
}

#wrap.special02 .nu_style .nu_type4 .fix_con{
	color: #bda483;
}

#wrap.special03 .nu_style .nu_type4 .fix_con{
	color: #86af73;
}

#wrap.special01 .nu_style .nu_type4 .fix_con dd{
	color: #a3a3a3;
}

#wrap.room00 .roomPre_top{
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#wrap.room00 .roomPre_top .pins li{
    position: absolute;
    background: #2b2b36;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#wrap.room00 .roomPre_top .pins li.a{
    top: 62%;
    right: 28%;
}

#wrap.room00 .roomPre_top .pins li.b{
    top: 61%;
    right: 18%;
}

#wrap.room00 .roomPre_top .pins li.c{
    top: 65%;
    right: 7%;
}

#wrap.room00 .roomPre_top .pins li.d{
    top: 64%;
    right: 40%;
}

#wrap.room00 .roomPre_top .pins li.e{
    top: 70%;
    right: 32%;
}


#wrap.room00 .roomPre_top:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #30353e;
    opacity: 0;
    transition: 1.5s ease;
    -webkit-transition: 1.5s ease;
}

#wrap.room00 .roomPre_top.on:after{
    opacity: 0.7;
}

#wrap.room00 .rommlist{
    max-width: 1150px;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 100;
    padding-top: 20%;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    margin-bottom: 200px;

}

#wrap.room00 .rommlist ul{
    display: table;
    width: 100%;
    opacity: 0;
    transition: 1.5s ease;
    -webkit-transition: 1.5s ease;
    margin-top: 200px;
    position: relative;

}

#wrap.room00 .rommlist ul.on{
    opacity: 1;
    margin: 0;
    z-index: 100;
}

#wrap.room00 .rommlist .room{
    background: #fff;
    display: table-row;
    width: 100%;
    vertical-align: bottom;
    position: relative;
}

#wrap.room00 .rommlist .room>div{
    width: 50%;
    display: table-cell;
}

#wrap.room00 .rommlist .room .img_wrap{
    background: #323232;
}

#wrap.room00 .rommlist .room .aboutText{
    position: relative;
    padding: 60px 70px;
    color: #6c6c6c;
}

#wrap.room00 .rommlist .room .aboutText h1{
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #4a4a4a;
}

#wrap.room00 .rommlist .room .aboutText dt{
    font-size: 18px;
}

#wrap.room00 .rommlist .room .aboutText dd{
    font-size: 12px;
}

#wrap.room00 .rommlist .room .aboutText .about_link{
    position: static ;
    margin-top: 60px;
}

#wrap.room00 .rommlist .room .aboutText .about_link span{
    font-size: 12px;
}

#wrap.room00 .subTitle02{
    position: static ;
    width: 100%;
    margin-bottom: 30px;
}
 #wrap.room.detail .nu_type6>div{
     height: 50%;
     overflow: hidden;
 }

#wrap.room.detail #subCon{
    background: #fff;
}

 #wrap.room.detail .room_03{
     max-width: 1400px;
     margin: auto;
     border-top: 1px solid #000;
     background: #fff;
 }

 #wrap.room.detail .room_03_02 li span{
     top: 82%;
     color: #6a6a6a;
 }

 #wrap.room.detail .fix_con dt{
     color: #bda483;
 }

 #wrap.room.detail .fix_con dd{
     color: #6a6a6a;
 }

 #wrap.room.detail .fix_con .str{
     color: #c4712c;
 }

#wrap.room.detail .nu_type7 .no1 .img_wrap{
    position: relative;
}

 #wrap.room.detail .title_wrap,
 #wrap.room.detail .txt_wrap{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
 }

 #wrap.room.detail .title_wrap{
     left: 150px;
     color: #fff;
     font-family: 'Josefin Sans', sans-serif;

 }

 #wrap.room.detail .title_wrap .tit1{
     font-size: 30px;
     font-weight: 100;
     margin-bottom: 5px;
 }

 #wrap.room.detail .title_wrap .tit2{
     font-size: 55px;
     font-weight: 600;
     margin-bottom: 40px;
 }

 #wrap.room.detail .title_wrap .sub{
     font-family: 'Droid Serif', sans-serif;
     font-style: italic;
     font-size: 16px;
 }

 #wrap.room.detail .txt_wrap{
     right: 90px;
     color: #000;
 }

 #wrap.room.detail .txt_wrap .tit{
     font-size: 30px;
     margin-bottom: 40px;
     font-weight: 300;
 }

 #wrap.room.detail .txt_wrap .txt{
     font-size: 15px;
     font-weight: 100;
     line-height: 1.5;
 }

 #wrap.room .reserv_btn.nu{
     margin-top: 45px;
 }

 #wrap .reserv_btn.nu a{
     display: inline-block;
     background: #14202c;
     color: #fff;
     font-size: 16px;
     font-weight: bold;
     padding: 10px 40px;
 }

 #wrap .reserv_btn.nu img{
     display: inline-block;
     vertical-align: middle;
     margin-right: 10px;
 }

 #wrap.room .nu_type7 .wrapper{
    height: 33.333%;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
 }

 #wrap.room .nu_type7 .wrapper .item{
     height: 100%;
 }

 #wrap.room .nu_type7 .wrapper.no2 .item,
 #wrap.room .nu_type7 .wrapper.no3 .item{
     float: left;
 }

 #wrap.room .nu_type7 .wrapper.no2 .item{
     width: 25%;
 }

 #wrap.room .nu_type7 .wrapper.no3 .item{
     width: 33.333%;
 }

 /*2017.12.13 수정*/
 .active .main_typo dt a{
     font-size: 9vw;
 }

 .main_typo dd p{
     font-size: 2.8em;
     font-weight: 500;
     left: 1.8em;
 }

 #wrap.room00 .room.a01 .img_wrap{
     background: url('../images/room/preImg01.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.a02 .img_wrap{
     background: url('../images/room/preImg02.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.b01 .img_wrap{
     background: url('../images/room/preImg03.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.b02 .img_wrap{
     background: url('../images/room/preImg04.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.c01 .img_wrap{
     background: url('../images/room/preImg05.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.c02 .img_wrap{
     background: url('../images/room/preImg06.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.d01 .img_wrap{
     background: url('../images/room/preImg07.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.d02 .img_wrap{
     background: url('../images/room/preImg08.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.e01 .img_wrap{
     background: url('../images/room/preImg09.jpg') no-repeat center;
     background-size: cover;
 }

 #wrap.room00 .room.e02 .img_wrap{
     background: url('../images/room/preImg10.jpg') no-repeat center;
     background-size: cover;
 }

#wrap.map .topArea{
    height: auto !important;
}

#wrap.map .mapFrame {
    position: static;
    width: 100%;
    height: 50vh;
    left: auto;
    top: auto;
}

#wrap.map .mapFrame iframe{
    position: static;
    width: 100%;
    height: 100%;
    left: auto;
    top: auto;
}

#wrap.map .mapCon{
    float: none;
    width: 100%;
    padding: 100px 2% 0 12vw;
    position: relative;
}

#wrap.map .mapCon .map_icon{
    top: 0;
}

.mCustomScrollBox{
    overflow: auto;
}

.boardBg01,
.boardBg02{
    display: none;
}

#wrap.room00 .main_scroll{
    position: fixed;
    left: 50%;
    bottom: 80px;
    margin-left: -55px;
    cursor: pointer;
    z-index: 10;
}

.mg-btm30{
    margin-bottom: 30px;
}