@charset "utf-8";

.list01 {}
.list01 li { 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){
}

.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 */
.aboutCon { position:relative; margin-bottom:8%; z-index:2;}
.aboutCon:after {content:"";display:block;clear:both;}
.aboutSlider { position:relative; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.aboutCon01 .aboutSlider { float:right; width:61.5%; }
.aboutCon02 .aboutSlider { float:right; width:42.1%; }
.aboutCon03 .aboutSlider { width:33.9%; margin-left:45.9%; }
.aboutCon04 .aboutSlider { width:54%; margin-left:38.5%; }
.aboutText { position:absolute; height:100%; top:0; color:#101010; padding:3% 6em 0 0; opacity:0; filter: alpha(opacity=0;);}
.aboutText dt { font-size:1.2em; line-height:1.6em; font-weight:600; margin-bottom:1.5em;text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}
.aboutText dd {}
.aboutText dd p { font-size:1.15em; line-height:1.6em;}
.aboutText .btn_detail02 { position:absolute; display:inline-block; left:0; bottom:8%; -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; }
.aboutText .btn_detail02:hover, .aboutText .btn_detail02:focus { left:10px;}

.aboutCon01 .aboutText { right:61.5%;} 
.aboutCon02 .aboutText { right:42.1%;} 
.aboutCon03 .aboutText { right:54.1%;} 
.aboutCon04 .aboutText { right:61.5%;} 

.active .aboutSlider { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 0.3s; }
.active .aboutText { opacity:1; filter: alpha(opacity=100;); padding-right:3em; transition: all 0.6s ease-in-out 0.8s; }

@media  (max-width: 1280px){

}

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

/* about02 - landscape */
.landCon { position:relative; z-index:1;}
.landCon:after {content:"";display:block;clear:both;}
.landCon01 { background:#2f2f32;}
.landCon03 { background:#37373a;}
.landCon01 dt { float:left; width:33.3%;  opacity:0; filter: alpha(opacity=0;);}
.landCon01 dt span { display:block; padding:42% 0 0 25%; font-family: 'GothamLight', sans-serif; font-size:1.23em; line-height:1.6em; opacity:0.7; filter: alpha(opacity=70;); }
.landCon01 dd { position:relative; float:left; width:66.7%; margin-top:0;  opacity:0; filter: alpha(opacity=0;);}
.land_video { display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}
.active.landCon01 dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 1.1s;}
.active.landCon01 dd {opacity:1; filter: alpha(opacity=100;); margin-top:-6%; transition: all 1.0s ease-in-out 0.5s;}

/*.about02 .sticky-wrapper { position:absolute; width:33.3%; height:100%; left:0; right:0;}*/
.land01 { position:absolute; width:33.3%; height:100%; left:0; right:0;}
.roomNav_area { position:relative; width:96%; max-width:448px; margin:65% auto 0; opacity:0; filter: alpha(opacity=0;); }
.roomNav a { position:absolute; display:block; }
.roomNav a 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;}
.roomNav_off { position:relative; z-index:1; }
.roomNav_on { position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:2; }
.roomNav_text { position:absolute; left:0; top:0; z-index:2; }
.roomNav a:hover .roomNav_on, .roomNav a:focus .roomNav_on { opacity:1; filter: alpha(opacity=100;);}
.roomNav a:hover .roomNav_off, .roomNav a:focus .roomNav_off { opacity:0; filter: alpha(opacity=0;);}
.roomNav a.roomNav_01:hover .roomNav_text, .roomNav a.roomNav_01:focus .roomNav_text,
.roomNav a.roomNav_02:hover .roomNav_text, .roomNav a.roomNav_02:focus .roomNav_text { top:15%;}
.roomNav a.roomNav_03:hover .roomNav_text, .roomNav a.roomNav_03:focus .roomNav_text,
.roomNav a.roomNav_04:hover .roomNav_text, .roomNav a.roomNav_04:focus .roomNav_text { top:-15%;}
.roomNav .roomNav_01 { width:22.3%; right:0; bottom:0; }
.roomNav .roomNav_02 { width:28.6%; right:17.4%; bottom:0; }
.roomNav .roomNav_03 { width:28.6%; left:17.4%; top:0; }
.roomNav .roomNav_04 { width:22.3%; left:0; top:0; }
.land02 {position:relative; float:right; width:66.7%; background:#ded5d0; border:40px solid #e6dfde;  opacity:0; filter: alpha(opacity=0;);}
.land02_div { padding:10% 5% 5% 10%;}
.land02_01 { float:left; width:37%; vertical-align:top; margin-right:10%; opacity:0; filter: alpha(opacity=0;); }
.land02_02 { float:left; width:53%; margin-top:5%;}
.land02_02 dt { margin-bottom:3.5em;}
.land02_03 { margin:3% 0 5%;opacity:0; filter: alpha(opacity=0;); }
.land02_03:after {content:"";display:block;clear:both;}
.land02_03 div { float:left; font-family: 'GothamLight', sans-serif; font-size:1.15em; font-weight:700; line-height:1.7em; color:#37373a; }
.land02_0301 {width:47%}
.land02_0302 {width:53%;}
.land02_04 { opacity:0; filter: alpha(opacity=0;);}
.land03 { position:relative; margin:8% 0; -webkit-text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); -moz-text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);}
.active .fix_text.land03 {opacity:0.7; filter: alpha(opacity=70;); transition: all 1.0s ease 0.8s;}
.land04 {background:#37373a}
.land04:after {content:"";display:block;clear:both;}
.land04 li { float:left; width:33.3333%; opacity:0; filter: alpha(opacity=0;);}
.land04 li.w66 { width:66.6666%; opacity:0.1; filter: alpha(opacity=10;);}
.land04 li img { width:100%; vertical-align:top;}

.active .roomNav_area {opacity:1; filter: alpha(opacity=100;); margin-top:55%; transition: all 1.0s ease-in-out 1.1s;}
.active .land02 {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 0s;}
.active .land02_01 {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.5s;}
.active .land02_03 {opacity:1; filter: alpha(opacity=100;);  margin:8% 0 0; transition: all 0.8s ease-in-out 1.2s;}
.active .land02_04 {opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease-in-out 1.6s;}
.active.land04 li.land04_01 {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.1s;}
.active.land04 li.land04_03 {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.5s;}
.active.land04 li.land04_02 {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.9s;}
.active.land04 li.land04_05 {opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 1.3s;}
.active.land04 li.land04_04 {opacity:1; filter: alpha(opacity=100;); transition: all 1.0s ease-in-out 1.7s;}

/* map */
.mapFrame { position:absolute; width:62%; height:100%; right:0; top:0; overflow:hidden; z-index:1;}
.mapFrame iframe {position:absolute; width:160%; height:160%; left:-30%; top:0; opacity:0; filter: alpha(opacity=0;);}
.about03 #contents { padding-left:150px;}
.mapCon { position:relative;}
.mapCon:after {content:"";display:block;clear:both;}
.map01 { position:absolute; width:32.75%; height:100%; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; background:url(../images/about/img03_01.jpg); }
.map02 { float:left; width:33.6%; margin-left:32.75%;}
.map03 { float:right; width:33.6%;}
/*.map03 { float:right; width:68.6%;}*/
.mapText { padding:8% 0 1% 8%;}
.mapText dt { margin-bottom:3em;text-shadow: 1px 1px rgba(0,0,0,0.2); -webkit-text-shadow: 1px 1px rgba(0,0,0,0.2); -moz-text-shadow:1px 1px rgba(0,0,0,0.2); }
.mapText dt .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:3.8em; line-height:1.1em; font-weight:600; margin-bottom:0.1em; }
.mapText dt .title02 {display:block; font-size:1.14em; font-weight:100; }
.mapText dd { font-size:1.07em; line-height:1.8em; font-weight:100; margin-bottom:10%; }

.active .mapFrame iframe { opacity:0.6; filter: alpha(opacity=60;); top:-30%; transition: all 0.5s ease 0.5s;}

@media  (max-width: 1620px){
/*.map01  { display:none;}*/
.map02, .map03 { float:right; width:50%; margin-left:0}
.map02{ margin-top:0 !important;}
}

@media  (max-width: 1366px){
.mapCon{ text-align:-webkit-right;}
.map02, .map03 { float:left; width:40%; margin-left:55%;}
.map02{ margin-top:0 !important;}
.map03{ margin-top:0 !important;}
.list02 li{ font-size:12px !important; line-height:15px !important;}
}

@media  (max-width: 1480px){
.about03 #contents {  padding-left:100px;}
}

@media  (max-width: 1024px){
.map02, .map03 { float:none; width:100%;}
.mapText { padding:8% 0 0.01% 8%;}
.mapText dt .title01 { font-size:3.2em; line-height:1.1em; font-weight:600; margin-bottom:0.1em; }
.mapText dt .title02 { font-size:1.05em; }
.mapText dd { font-size:0.95em; line-height:1.6em; margin-bottom:5%; }
}

/* room */
.introArea { position:fixed; width:100%; left:0; top:0;}
.roomIntro { position:absolute; width:calc(100% - 150px); height:72%; right:0; bottom:-72%; background-position:center center !important; background-repeat:no-repeat; background-size:cover !important; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.active .roomIntro {opacity:1; filter: alpha(opacity=100;); bottom:0; transition: all 1.8s ease-in-out 0.8s;}
.roomCon { position:relative;z-index:1;}
.roomCon:after {content:"";display:block;clear:both;}
.roomCon01 { position:relative; padding:0 0 3% 150px; background:#37373a; }
.roomCon02 { position:relative; background:#37373a; z-index:2; }
.roomSlider01 { position:relative; background:#37373a; z-index:2;}
.roomSlider01, .roomSlider01 .lightslider li { height:100vh;}

.roomInfo01 { position:relative; z-index:2;}
.roomInfo01:after, .roomInfo02:after {content:"";display:block;clear:both;}

.roomInfo01_con { float:right; width:90%; max-width:1180px; margin-top:100px; padding:3% 4%; opacity:0; filter: alpha(opacity=0;); }
.active .roomInfo01_con {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.8s ease 0.5s;}
.roomInfo01_con dt {font-family: 'Saira Semi Condensed', sans-serif; font-size:3.8em; line-height:1.1em; font-weight:600; margin-bottom:0.5em;}
.roomInfo01_con dt span { display:inline-block; width:0.3em;}
.roomInfo01_con dd {}
.roomInfo01_con dd div {line-height:1.07em; line-height:1.9em; margin-bottom:1.5em;}
.room01 .roomInfo01_con {background:#e18cae;}
.room02 .roomInfo01_con {background:#a81c22;}
.room03 .roomInfo01_con {background:#fff; color:#000;}
.room04 .roomInfo01_con {background:#000; color:#a2a2a2; }
.roomPrice { width:100%; border-collapse:collapse; border-top:1px solid rgba(255,255,255,0.3); }
.roomPrice th, .roomPrice td { padding:12px 3px; font-size:0.95em; line-height:1.5em; text-align:center; border-bottom:1px solid rgba(255,255,255,0.3); font-weight:400; border-left:1px dotted rgba(255,255,255,0.1);}
.roomPrice th:first-child, .roomPrice td:first-child { border-left:none;}
.roomPrice:hover th, .roomPrice:hover td {-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:url(../images/bg/black_10.png); }
.room03 .roomPrice {border-top:1px solid rgba(0,0,0,0.3);}
.room03 .roomPrice th, .room03 .roomPrice td {border-bottom:1px solid rgba(0,0,0,0.3); font-weight:400; border-left:1px dotted rgba(0,0,0,0.1);}
.room04 .roomPrice:hover th, .roomPrice:hover td { background:url(../images/bg/white_10.png);}

.roomInfo02 { position:relative; padding:10% 0; z-index:2;}
.roomInfo02 dl { float:left; width:25%; text-align:center; margin-top:50px; opacity:0; filter: alpha(opacity=0;);}
.roomInfo02 dl dt { }
.roomInfo02 dl dt img { width:60%; max-width:174px; vertical-align:top;}
.roomInfo02 dl dt span { display:block;font-family:"CoreGT", 'Noto Sans KR', sans-serif; font-size:1.46em; line-height:1.5em; margin:1.2em 0 2em;}
.roomInfo02 dl dd { display:inline-block; text-align:left; font-size:1.07em; line-height:2em; opacity:0.5; filter: alpha(opacity=50;); }
.active .roomInfo02_01 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.5s ease-in-out 0.5s;}
.active .roomInfo02_02 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.5s ease-in-out 0.8s;}
.active .roomInfo02_03 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.5s ease-in-out 1.1s;}
.active .roomInfo02_04 {opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.5s ease-in-out 1.4s;}


.roomVideo { position:relative; width:50%; left:50%; overflow:hidden; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.roomVideo iframe { position:absolute; width:100%; height:100%; z-index:2;}
.roomInterior { position:relative; margin-top:0; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.roomInterior img { width:48.2%; vertical-align:top;}
.active .roomVideo {opacity:1; filter: alpha(opacity=100;); transition: all 1.5s ease-in-out 0.5s;}
.active .roomInterior {opacity:1; filter: alpha(opacity=100;); margin-top:-10%; transition: all 1.2s ease-in-out 1.0s;}

.roomLine { position:absolute; width:calc(100% - 150px); height:82%; right:0; top:0; z-index:1;}
.roomLine div { position:absolute; width:1px; height:100%; background:url(../images/bg/white_10.png); top:0;}
.roomLine01 { left:25%;}
.roomLine02 { left:50%;}
.roomLine03 { left:75%;}

.roomSlider02 { position:relative; width:80%; max-width:1180px; float:right; margin:-5% 0 5%; z-index:2;}
.roomSlider02_list { position:absolute; width:320px; left:0; top:50%; margin-top:-5em; border-top:1px solid #fff; padding-top:3em; font-size:1.07em; line-height:2.4em; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.active .roomSlider02_list {opacity:0.7; filter: alpha(opacity=70;);left:-160px; transition: all 0.8s ease-in-out 0.6s;}


.roomPre {position:relative; opacity:0; filter: alpha(opacity=0;);}
.roomPre_title { position:absolute; width:100%; left:0; top:3%; text-align:center; font-family: 'GothamLight', sans-serif; font-size:1.95em; font-weight:700; z-index:2; }
.roomPre_list { position:absolute; width:62%; height:100%; left:19%; top:-10%; opacity:0; filter: alpha(opacity=0;); z-index:5;}
.roomPre_list li { position:absolute; top:47.5%; margin:-69px 0 0 -53px;  }
.roomPre_list li.roomPre_01 { left:87.6%;}
.roomPre_list li.roomPre_02 { left:62%;}
.roomPre_list li.roomPre_03 { left:38%;}
.roomPre_list li.roomPre_04 { left:13.5%;}
.roomPre_list li a { display:block; width:106px; height:137px; background:url(../images/room/btn_roomPre.png); text-align:center; font-family: 'GothamLight', sans-serif; font-size:1.07em; line-height:1.22em; font-weight:700; color:#fff; padding-top:3em; -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.3; filter: alpha(opacity=30;);}
.roomPre_list li.this a { opacity:1; filter: alpha(opacity=100;);}
.roomPre_list li a:hover, .roomPre_list li a:focus { margin-top:20px; opacity:1; filter: alpha(opacity=100;); }
.active .roomPre {opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease-in-out 0.5s;}
.active .roomPre_list {opacity:1; filter: alpha(opacity=100;); top:0; transition: all 0.8s ease-in-out 1.0s;}

.room .sticky-wrapper { position:absolute; width:100%; left:0; top:40%; z-index:1;}


@media  (max-width: 1480px){
.roomCon03 .room_dl { padding:6% 2% 0 5%;}
.roomCon03 .room_dl dd { line-height:1.8em;}
.roomCon03 .room_dl dd p { bottom:12%;}

}

@media  (max-width: 1024px){
.roomPre_title { font-size:1.5em;}
.roomPre_list {width:100%; left:0;}
.roomPre_list li { margin:-51px 0 0 -40px;}
.roomPre_list li a { width:80px; height:103px; background-size:80px 103px;  font-family: 'GothamLight', sans-serif; font-size:0.9em; line-height:1.2em; padding-top:2.5em;}
}


@media  (max-width: 1280px){


}

@media  (max-width: 1024px){

}

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

/* special */
.specialArea { position:relative; padding-left:150px; z-index:1;}
@media  (max-width: 1480px){.specialArea {padding-left:100px;} }
.specialCon { position:relative; overflow:hidden; }
.specialCon:after {content:"";display:block;clear:both;}
.s_link { margin-left:25px;}
.btn_homepage { color:#101010; font-size:0.9em;}
.btn_homepage span {display:inline-block; font-weight:700; border-bottom:1px solid #101010;}
.btn_homepage i {display:inline-block; margin-left:5px; font-size:1.3em; 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;}
.btn_homepage:hover i, .btn_homepage:focus i { margin-left:10px; }
.specialCon img { vertical-align:top;}
.spText { text-align:center; margin-top:-5%; opacity:0; filter: alpha(opacity=0;);}
.spText dl { display:inline-block; text-align:left;}
.spText dt {font-family: 'GothamLight', sans-serif; font-size:2.3em; line-height:1.5em; margin-bottom:0.5em; text-transform:uppercase;}
.spText dd { font-size:1.07em; line-height:1.8em; }
.sp01_01 { position:relative; width:45.8%; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.sp01_02 { position:absolute; width:28.1%; left:45.8%; bottom:-100%;  opacity:0; filter: alpha(opacity=0;); z-index:1;}
.sp01_03 { float:right; width:26.1%;}
.sp02_01 { position:absolute; width:45.8%; left:0; top:-100%; z-index:2;}
.sp02_02 { position:relative; width:45.8%; }
.specialCon03 { width:72.9%;}
.sp03_01 { position:relative;width:53.4%; left:-53.4%;}
.sp03_02 { position:absolute; width:46.6%; right:-46.6%; top:0;}
.sp04_01 { float:left; width:38.9%;}
.sp04_02 { position:relative; float:left; width:61.1%; opacity:0; filter: alpha(opacity=0;);}
.special_logo { position:absolute; left:50%; top:50%; margin:-26px 0 0 -280px; opacity:0; filter: alpha(opacity=0;);  z-index:2 }
.sp05_01 { position:relative; width:28.4%; margin-left:23.7%; opacity:0; filter: alpha(opacity=0;);}
.sp05_02 { position:absolute; width:47.9%; right:0; top:-100%;}
.sp06_01 {position:relative; width:52.1%; left:-52.1%;}

.active .spText { opacity:0.5; filter: alpha(opacity=50;); margin-top:5.5%; transition: all 1.2s ease-in-out 1.0s; }
.active .sp01_01 { opacity:1; filter: alpha(opacity=100;); transition: all 1.0s ease-in-out 0.5s;}
.active .sp01_02 { opacity:1; filter: alpha(opacity=100;); bottom:0; transition: all 1.0s ease-in-out 0.6s;}
.active .sp02_01 { top:0; transition: all 1.0s ease-in-out 0.6s;}
.active .sp03_01 { left:0; transition: all 0.8s ease-in-out 1.0s;}
.active .sp03_02 { right:0; transition: all 0.8s ease-in-out 1.0s;}

.active .sp04_02 { opacity:1; filter: alpha(opacity=1;); transition: all 0.7s ease-in-out 0.5s; }
.active .special_logo { opacity:1; filter: alpha(opacity=1;); margin-left:-149px; transition: all 1.2s ease-in-out 0.8s; }
.active .sp05_01 { opacity:1; filter: alpha(opacity=1;); transition: all 0.8s ease-in-out 1.2s; }
.active .sp05_02 { top:0; transition: all 0.8s ease-in-out 1.2s; }
.active .sp06_01 { left:0; transition: all 1.1s ease-in-out 1.6s; }


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

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


/* tour */
.tourImg { position:absolute; width:68%; height:100%; left:0; top:0; overflow:hidden; z-index:1;}
.tourImg > div {position:absolute; width:100%; height:100%; transform: translate3d(-100%, 0, 0); background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; transition: all 0.5s ease; z-index:2;}
.tourImg > div.active { transform: translate3d(0, 0, 0); z-index:3;}
.tourImg .tour_01 { background:url(/web/img/tour/tr_01.jpg);}
.tourImg .tour_02 { background:url(/web/img/tour/tr_02.jpg);}
.tourImg .tour_03 { background:url(/web/img/tour/tr_03.jpg);}
.tourImg .tour_04 { background:url(/web/img/tour/tr_04.jpg);}
.tourImg .tour_05 { background:url(/web/img/tour/tr_05.jpg);}
.tourImg .tour_06 { background:url(/web/img/tour/tr_06.jpg);}
.tourImg .tour_07 { background:url(/web/img/tour/tr_07.jpg);}
.tourImg .tour_08 { background:url(/web/img/tour/tr_08.jpg);}
.tourImg .tour_09 { background:url(/web/img/tour/tr_09.jpg);}
.tourImg .tour_10 { background:url(/web/img/tour/tr_010.jpg);}

.tourArea { position:relative; float:right; width:32%; height:100vh; overflow:hidden; z-index:1;}
.tourArea .swiper-slide > div { height:100vh; margin:0 8%; opacity:0.8; filter: alpha(opacity=80;); }
.tour_04 .mCSB_container { padding-top:30vh; margin-top:-100px;}

.tourCon { position:absolute; width:100%; top:45%; }
.tourCon:after {content:"";display:block;clear:both;}
.tourCon {}
.tourCon dt { margin-bottom:3em;text-shadow: 1px 1px rgba(0,0,0,0.2); -webkit-text-shadow: 1px 1px rgba(0,0,0,0.2); -moz-text-shadow:1px 1px rgba(0,0,0,0.2); }
.tourCon dt .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:3.8em; line-height:1.1em; font-weight:600; }
.tourCon dt .title02 {display:block; font-size:1.2em; font-weight:400; }
.tourCon dd { font-size:1.07em; line-height:1.8em; font-weight:100; }

.swiper-tourNav { margin-top:10px; margin-left:73%;}
.swiper-tourNav span { display:inline-block; width:auto; height:auto; margin-right:3px; -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;}
.swiper-tourNav span img { vertical-align:top; width:100%;}
.swiper-tourNav .swiper-pagination-bullet {width:9.2%;background:none;opacity:1;border:2px solid rgba(255, 255, 255, 0);border-radius:0;}
.swiper-tourNav .swiper-pagination-bullet-active { border:2px solid #fff;}

@media  (max-width: 1480px){


}

@media  (max-width: 1366px){
	
	.tourCon dt .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:2.5em !important; line-height:1.1em; font-weight:600; }
	.tourCon dt{ margin-bottom:2em !important;}
	.tourCon dd{ font-size:0.8em !important; line-height:1.5em !important;}
	.tourCon{ top:53% !important;}

}

/* reser */
.reserImg { position:absolute; width:38.54%; height:100%; left:0; top:0; overflow:hidden; z-index:1;}
.reserImg > div {position:absolute; width:100%; height:100%; transform: translate3d(-100%, 0, 0); background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; transition: all 0.5s ease; z-index:2;}
.reserImg > div.active { transform: translate3d(0, 0, 0); z-index:3;}
.reserImg .reser_01 { background:url(/web/img/rev/01.jpg);}
.reserImg .reser_02 { background:url(/web/img/rev/02.jpg);}
.reserImg .reser_03 { background:url(/web/img/rev/03.jpg);}
.reserImg .reser_04 { background:url(/web/img/rev/04.jpg);}
.reserImg .reser_05 { background:url(/web/img/rev/05.jpg); transform: translate3d(0, 0, 0) !important; opacity:0; filter: alpha(opacity=0;); z-index:1 !important; }
.active .reserImg .reser_05 {opacity:1; filter: alpha(opacity=100;); transition: all 0.3s ease 1.0s; }

.reserArea { position:relative; float:right; width:61.46%; height:100vh; overflow:hidden; z-index:1;}
.reserArea .swiper-slide > div { height:100vh; padding:49px 7em 5em 7em; opacity:1; filter: alpha(opacity=70;); }
.reser_04 .mCSB_container { padding-top:30vh; margin-top:-100px;}

.reserCon { position:relative; height:calc(100vh - 220px);}
.reserCon:after {content:"";display:block;clear:both;}
.reser_dl {}
.reser_dl dt { font-size:1.2em; line-height:1.6em;}
.reser_dl dd { margin-bottom:2em;}
.reser_dl dd:first-child { margin-bottom:0;}
.reser .list01 li i { width:auto; min-width:1em;}
.reser_line { position:relative; width:100%; height:1px; margin:3% 0; background:#fff; opacity:0.3; filter: alpha(opacity=30;); }
.reser_line02 { margin-bottom:0;}
.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #fff; margin-bottom:2%;}
.reserTable th, .reserTable td { padding:9px 3px; font-size:0.95em; line-height:1.5em; text-align:center; border-bottom:1px solid #fff; font-weight:400;}
.reserTable td {border-left:1px dotted #fff;}
.reserTable td:first-child { border-left:none;}
.reserTable tbody tr:hover td, .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:#fff; color:#101010; cursor:pointer;}

.reser02 .reserArea { }
/*.reser_frame { position:relative; margin:0 auto; padding-top:180px; background:#fff; z-index:6;}*/
.reser_frame {position:relative; width:90%; height:calc(100vh - 180px); left:5%; top:130px; background:#fff; /*opacity:0.7; filter: alpha(opacity=70;);*/ z-index:3; }
.reser_frame iframe { display:block; width:96%; height:calc(100vh - 180px); margin:0 auto; padding:0 0 2%;}

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

@media  (max-width: 1600px){
.tourCon dd{font-size:1em;}
.reser_01 { padding:20px 4em 3em 2em !important;}
.reserCon p {font-size:24px !important; margin-bottom:18px !important;}
.reserTable th, .reserTable td{padding:2px 3px; }
.reserArea .swiper-slide > div { height:100vh; padding:20px 4em 3em 2em; }
.reserCon li:first-child{font-size:20px !important; margin-bottom:18px !important;}
.list01 li{line-height:1.3;}
}


@media  (max-width: 1480px){
.reserTable th, .reserTable td{font-size:0.89em;}
.tourCon dd{font-size:0.89em;}

.reserCon iframe {height:365px !important;}
}

@media  (max-width: 1366px){
	
	.reserCon li:first-child{ font-size:16px !important; margin-bottom:10px !important;}
	.reser_line{margin:2% 0;} .list01 li{font-size:0.82em;}
	.reserTable th, .reserTable td{ font-size:0.80em;}
	.reser_dl dd{ font-size:11px !important; line-height:15px !important;}
	.reserTable{ margin-bottom:2% !important;}
	
	.reserCon iframe {height:315px !important;}

}

/*  commnuity */
.boardImg { position:absolute; width:38.54%; height:100%; left:0; top:0; background-position:center center !important; background-repeat:no-repeat; background-size:cover !important;  z-index:1;}
.board01 .boardImg { background:url(../images/board/topImg01.jpg);}
.board02 .boardImg { background:url(../images/board/topImg02.jpg);}
.board03 .boardImg { background:url(../images/board/topImg03.jpg);}
.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: 1024px){

}

/* video */
.video .topArea { padding-left:150px; min-height:100vh; height:auto !important;}
.videoTitle { position:fixed; height:100%; left:23%; top:0; z-index:5;}
.videoTitle img { height:100%; width:auto !important; vertical-align:top;}
.videoList { position:relative; width:66%; margin-left:34%; padding-top:10%; z-index:3;}
.videoCon { position:relative; margin-bottom:8%; }
.videoCon:after { content:"";display:block;clear:both;}
.videoCon dt { position:absolute; width:40%; left:0; top:50%; margin-top:-0.75em; text-align:right; font-family: 'GothamLight', sans-serif; font-weight:700; font-size:2.0em; line-height:1.5em; text-transform:uppercase; }
.videoCon dt span { display:inline-block; width:40px; height:1px; background:#fff; margin:0 1.5em; vertical-align:middle;}
.videoCon dd {float:right; width:60%;}
.videoCon .btn_video { position:relative; display:inline-block; width:80%; max-width:460px; cursor:pointer;}
.videoCon .btn_video i { position:absolute; left:50%; width:60px; text-align:center; top:50%;  font-size:60px; line-height:60px; margin:-30px 0 0 -30px; color:#fff; -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;  opacity:0.8; filter: alpha(opacity=80;); z-index:3;}
.videoCon .btn_video:hover i, .videoCon .btn_video:focus i { color:#101010;}
.videoCon .btn_video img { width:100%; vertical-align:top; -webkit-filter: grayscale(100%);  filter: grayscale(100%); -webkit-transition: -webkit-transform 0.2s ease 0s; -moz-transition: -moz-transform 0.2s ease 0s; -o-transition: -o-transform 0.2s ease 0s; transition: transform 0.2s ease 0s;}
.videoCon .btn_video:hover img, .videoCon .btn_video:focus img {-webkit-filter: none;  filter: none;}
.videoBg { position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/video/videoBg.jpg); background-position:center center !important; background-repeat:no-repeat; background-size:cover !important; z-index:1;}
.popup_video { display:none; position:fixed; width:80% !important; height:40vw !important; top:5vw !important;  /* border:3px solid 
#000;*/ z-index:50;}
.video_content { position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; z-index:1;}

.b-iframe {position:absolute; width:110%; height:114%; left:-5%; top:-7%;}
.b-close { position:absolute; display:inline-block; width:50px; height:50px; right:-50px; top:0; text-align:center; line-height:50px; color:#fff; font-family: 'Gruppo', cursive; font-size:3em; line-height:1em; letter-spacing:0.1em; transition: all 0.2s ease-in-out; cursor:pointer; z-index:1000;}
.b-close:hover, .b-close:focus {transform:rotate(180deg);-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}

/* story */
.story .topArea { display:table; padding-left:150px;}
.storyArea { position:relative; display:table-cell; vertical-align:middle;}
.storyArea > div { position:relative;}
.story_title { position:absolute; width:100%; height:30px; left:0; top:50%; margin-top:-15px; z-index:2;}
.story_title01 { position:absolute; right:60%; top:0; opacity:0; filter: alpha(opacity=0;);}
.story_title02 { position:absolute; width:0; height:30px; left:50%; top:0; background:#fff; overflow:hidden;}
.story_title02 p { font-family:'Saira Extra Condensed', sans-serif; color:#cecece; font-size:1.3em; line-height:30px; letter-spacing:0.05em; font-weight:700; padding-left:30px;}
.lightgallery { position:relative; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.lightgallery:after {content:"";display:block; clear:both;}
.lightgallery li { float:left; width:12.5%;}
.lightgallery li a { background:#000;  display: block;
              overflow: hidden;
              position: relative;
              float: left;}
.lightgallery a img { width:100%; vertical-align:top; 
			-webkit-transition: -webkit-transform 0.2s ease 0s;
              -moz-transition: -moz-transform 0.2s ease 0s;
              -o-transition: -o-transform 0.2s ease 0s;
              transition: transform 0.2s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
			  opacity:0.3; filter: alpha(opacity=30;);
			  -webkit-filter: grayscale(100%);  filter: grayscale(100%);}
.lightgallery > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
			  opacity:1; filter: alpha(opacity=100;);
			  -webkit-filter: none;  filter: none;}

.active .lightgallery {opacity:1; filter: alpha(opacity=100;); transition: all 1.2s ease 0.8s;}
.active .story_title01 {opacity:1; filter: alpha(opacity=100;); right:50%; transition: all 0.8s ease 1.8s;}
.active .story_title02 { width:50%; right:50%; transition: all 1.6s ease-in-out 2.8s;}

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

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

@media  (max-width: 1480px){
.story .topArea {padding-left:100px;}
.videoTitle { left:15%;}

}

@media  (max-width: 1280px){

.story_title { height:24px; margin-top:-12px;}
.story_title01 { width:200px;}
.story_title02 { height:24px;}
.story_title02 p { font-size:1.0em; line-height:24px;}


}

@media  (max-width: 1024px){
.lightgallery li { width:16.66666%;}
}


@media  (max-width: 768px){
.lightgallery li { width:20%;}

}


@media  (max-width: 560px){



}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}