@charset "utf-8";
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


.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:#cad6e6;}
.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:9vw 0 0 5vw;}
.aboutCon02 .aboutImg { float:right; width:50%; margin-right:-50%; }
.aboutCon02 .aboutText { float:left; width:50%; padding:9vw 0 0 12vw;}
.aboutCon03 .aboutImg { float:left; width:69.8%; margin-left:-70%;}
.aboutCon03 .aboutText { float:right; width:30.2%; padding:9vw 0 0 5vw;}
.aboutCon04 .aboutImg { float:right; width:69.8%; margin-right:-70%;}
.aboutCon04 .aboutText { float:left; width:30.2%; padding:9vw 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:9vw 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.7em; 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.7em; 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:8%;}
.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(/web/img/sp/sp_bg.jpg) center bottom no-repeat; background-size:cover;}
.room00 .bx-wrapper { margin-bottom:0;}
.roomPre { }
.roomPre li { }
.roomPre_nav:after {content:"";display:block;clear:both;}
.roomPre_nav li { position:relative; float:left; width:11.11%; background:#798ba7; 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 {font-family: 'Nanum Square'; position:absolute; width:100%; left:0; top:50%; font-size:1.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; right:38%; top:-50px; 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:#8193ab;}
.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%; color:#fff; font-family: 'Nanum Square';}
.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%; max-width:1280px; 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% 5%;}
.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%; max-width:800px; z-index:6;}
.reser_frame iframe { width:100%; height:880px; 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){
	

}