@charset "utf-8";


#wrap{width:100%; height:100%}



/* header */
#header{position:absolute; left:0; top:0; width:100%; z-index:20000}
#header h1{position:absolute; left:40px; top:40px}
#header ul.nav{position:absolute; left:181px; top:69px; width:100%}
#header ul.nav:after{content:''; display:block; clear:both}
#header ul.nav > li{position:relative; float:left}
#header ul.nav > li > a{position:relative; display:block; font-size:16px; line-height:51px; height:51px; color:#fff; padding:0 15px; font-weight:bold; background:url(/images/common/bg_ffffff_0.png)}
#header ul.nav > li > a:hover{text-decoration:none}
#header ul.nav > li.on > a .point{position:absolute; left:50%; margin-left:-6px; bottom:5px; width:13px; height:7px; background:url(/images/common/point.png) no-repeat}
#header ul.nav > li.on > a{color:#79ac12}
#header ul.nav > li > ul.sub{display:none; position:absolute; left:0; top:51px; width:120px; border-top:2px solid #000}
#header ul.nav > li > ul.sub > li{width:100%}
#header ul.nav > li > ul.sub > li a{display:block; width:105px; padding-left:15px; font-size:13px; line-height:28px; color:#f2ffd6; background:#3c3c3c}
#header ul.nav > li > ul.sub > li a.on{background:#79ac12}
#header ul.nav > li > ul.sub > li a:hover{background:#79ac12}
#header ul.nav > li.nav1 > ul.sub{left:-17px}
#header ul.nav > li.nav2 > ul.sub{left:-8px}

#header ul.etc{position:absolute; right:30px; top:30px; background:#12161f; padding:0 2px}
#header ul.etc li{float:left}
#header ul.etc li a{display:block; font-size:12px; line-height:20px; color:#fff; font-weight:bold; padding-left:23px; padding-right:8px}
#header ul.etc li.home a{background:url(/images/common/etc_home.png) no-repeat 8px 0}
#header ul.etc li.sound a{background:url(/images/common/etc_sound_on.gif) no-repeat 8px 0}
#header ul.etc li.close a{background:url(/images/common/etc_close.png) no-repeat 8px 0}



/* container */
#container{position:relative; width:100%; height:100%; z-index:1000}


/* main */
#container .main{width:100%; height:100%}
#container .main .content{position:absolute; left:50%; margin-left:-354px; top:50%; margin-top:-125px; width:708px; text-align:center; z-index:9999999999}
#container .main .content .text{position:absolute; left:0; top:0; width:100%; text-align:center}
#container .main .content .text1{position:absolute; left:0; top:0; width:100%; text-align:center}
#container .main .content .text2{position:absolute; left:0; top:72px; width:100%; text-align:center}
#container .main .content .text3{position:absolute; left:0; top:162px; width:100%; text-align:center}
#container .main .gallery{width:100%; height:100%; background:#111}
#container .main .gallery ul.bxslider{width:100%; height:100%}
#container .main .gallery ul.bxslider li{position:absolute; left:0; top:0; width:100%; height:100%}
#container .main .btns{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:3000}
#container .main .btns a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(../img/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .main .btns a.bx-prev:hover{background:url(../img/btn_prev_on.png) no-repeat}
#container .main .btns a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(../img/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .main .btns a.bx-next:hover{background:url(../img/btn_next_on.png) no-repeat}
#container .main ul.etc{position:absolute; right:30px; bottom:145px; background:rgba(0,0,0,0.2); z-index:2000}
#container .main ul.etc li{float:left; }
#container .main ul.etc li.etc1 a{ display:block; width:80px; font-size:12px; line-height:20px; padding-top:55px; padding-bottom:10px; color:#fff; text-align:center; background:url(../img/icon01.png) center 10px no-repeat}
#container .main ul.etc li.etc2 a{display:block; width:80px; font-size:12px; line-height:20px; padding-top:55px; padding-bottom:10px; color:#fff; text-align:center; background:url(../img/icon02.png) center 10px no-repeat}
#container .main ul.etc li.etc3 a{display:block; width:80px; font-size:12px; line-height:20px; padding-top:55px; padding-bottom:10px; color:#fff; text-align:center; background:url(/images/main/etc3.png) no-repeat}
#container .main ul.etc li.etc4 a{display:block; width:80px; font-size:12px; line-height:20px; padding-top:55px; padding-bottom:10px; color:#fff; text-align:center; background:url(/images/main/etc4.png) no-repeat}
#container .main ul.etc li.etc5{width:129px; height:85px; background:#ff8400;}
#container .main ul.etc li.etc5 .title{font-size:14px; line-height:18px; color:#fff; padding-top:12px; padding-right:14px; padding-bottom:5px; text-align:right}
#container .main ul.etc li.etc5 .count{font-size:36px; line-height:40px; color:#fff; text-align:center}


/* about */
#container .about{width:100%; height:100%}
#container .about .bg{width:100%; height:100%}
#container .about .content{position:absolute; left:0; bottom:0; width:100%; height:620px; z-index:2000}
#container .about .content .title{width:100%; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#fff; text-align:center}
#container .about .content .title .l{position:absolute; left:0; margin-left:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .about .content .title .r{position:absolute; right:0; margin-right:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .about .content .text{width:100%; text-align:center}
#container .about .content .text .t1{font-size:60px; line-height:60px; color:#fff; font-weight:bold; margin-top:30px}
#container .about .content .text .t2{font-size:14px; line-height:25px; color:#fff; margin-top:45px}
#container .about .content .text a{display:inline-block; width:120px; height:120px; background:url(/images/main/btn.png) no-repeat; margin-top:30px}
#container .about .content .text a span{display:block; font-size:14px; line-height:22px; color:#fff; padding-top:30px}
#container .about .content .text a:hover{color:#fff}


/* about2 */
#container .about2{width:100%; height:100%}
#container .about2 .content{position:absolute; left:0; bottom:0; width:100%; height:320px; z-index:2000}
#container .about2 .content .title{width:100%; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#fff; text-align:center}
#container .about2 .content .title .l{position:absolute; left:0; margin-left:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .about2 .content .title .r{position:absolute; right:0; margin-right:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .about2 .content .text{width:100%; text-align:center}
#container .about2 .content .text .t1{font-size:60px; line-height:60px; color:#fff; font-weight:bold; margin-top:30px}
#container .about2 .content .text a{position:absolute; left:50%; margin-left:275px; top:70px; width:120px; height:120px; background:url(/images/main/btn.png) no-repeat}
#container .about2 .content .text a span{display:block; font-size:14px; line-height:22px; color:#fff; padding-top:30px}
#container .about2 .content .text a:hover{color:#fff}
#container .about2 .gallery{width:100%; height:100%}
#container .about2 .gallery .bx-wrapper{width:100%; height:100%}
#container .about2 .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .about2 .gallery .bx-wrapper .bx-viewport ul.bxslider{width:100%; height:100%}
#container .about2 .gallery .bx-wrapper .bx-viewport ul.bxslider li{width:100%; height:100%}
#container .about2 .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .about2 .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .about2 .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .about2 .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .about2 .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}


/* room */
#container > .room{width:100%; height:100%}
#container > .room .aside{position:absolute; right:0; top:0; width:320px; height:100%; background:#fff; z-index:2000}
#container > .room .aside .title{position:relative; width:220px; margin:230px auto 0; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#000; text-align:center}
#container > .room .aside .title .l{position:absolute; left:0; margin-left:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container > .room .aside .title .r{position:absolute; right:0; margin-right:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container > .room .aside .name{font-size:60px; line-height:62px; color:#000; font-weight:bold; text-align:center; margin-top:30px}
#container > .room .aside .list{position:relative; width:260px; margin:40px auto 0}
#container > .room .aside .list ul.item{width:100%; z-index:2000}
#container > .room .aside .list ul.item li{width:100%}
#container > .room .aside .list ul.item li a{position:relative; display:block; width:100%; font-size:25px; line-height:45px; color:#6a6a6a; text-align:center}
#container > .room .aside .list ul.item li a:hover{color:#000; font-weight:bold; text-decoration:none}
#container > .room .aside .list ul.item li a span{display:inline-block; line-height:40px; background:#fff; padding-right:15px}
#container > .room .aside .btns{width:100%; text-align:center; margin-top:30px}
#container > .room .aside .btns a{display:inline-block; width:80px; height:80px; text-align:center; font-size:14px; line-height:18px; color:#fff}
#container > .room .aside .btns a span{display:block; padding-top:16px}
#container > .room .aside .btns a{width:80px; height:80px; background:url(/images/common/circle_green.png) no-repeat}


/* room_view */
#container .room_view{width:100%; height:100%}
#container .room_view ul.btns{position:absolute; right:50px; top:100px; z-index:4000}
#container .room_view ul.btns li{float:left; margin-left:10px}
#container .room_view ul.btns li a{display:block; width:80px; height:80px; text-align:center; font-size:14px; line-height:18px; color:#fff}
#container .room_view ul.btns li a span{display:block; padding-top:16px}
#container .room_view ul.btns li.view{width:80px; height:80px; background:url(/images/common/circle_black.png) no-repeat}
#container .room_view ul.btns li.all{width:80px; height:80px; background:url(/images/common/circle_gray.png) no-repeat}
#container .room_view ul.btns li.video{display:block; width:80px; height:80px; background:url(/images/common/circle_green.png) no-repeat}
#container .room_view ul.btns li.reservation{width:80px; height:80px; background:url(/images/common/circle_green.png) no-repeat}
#container .room_view .detail{position:absolute; right:-594px; top:0; width:594px; height:100%; z-index:3000; background:#fff}
#container .room_view .detail .info{width:494px; margin:0 auto}
#container .room_view .detail .info .title{position:relative; width:100%; margin:230px auto 0; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#000; text-align:center}
#container .room_view .detail .info .title .l{position:absolute; left:0; margin-left:0; top:37px; width:209px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container .room_view .detail .info .title .r{position:absolute; right:0; margin-right:0; top:37px; width:209px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container .room_view .detail .info .name{font-size:60px; line-height:62px; color:#000; font-weight:bold; text-align:center; margin-top:30px}
#container .room_view .detail .info .person{font-size:13px; line-height:18px; color:#000; text-align:center; margin-top:10px}
#container .room_view .detail .info table{width:100%; border-top:1px solid #d8d8d8; margin-top:25px}
#container .room_view .detail .info table th,
#container .room_view .detail .info table td{font-size:13px; line-height:34px; color:#6a6a6a; text-align:center; font-weight:normal; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8}
#container .room_view .detail .info table th:first-child,
#container .room_view .detail .info table td:first-child{border-left:0}
#container .room_view .detail .info .etc{font-size:13px; line-height:25px; color:#6a6a6a}
#container .room_view .detail .info .etc p{margin-top:25px}
#container .room_view .detail .info .etc p span{color:#000}
#container .room_view .content{position:absolute; right:0; top:0; width:360px; height:100%; z-index:2000}
#container .room_view .content .title{position:relative; width:260px; margin:230px auto 0; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#fff; text-align:center}
#container .room_view .content .title .l{position:absolute; left:0; margin-left:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .room_view .content .title .r{position:absolute; right:0; margin-right:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .room_view .content .name{font-size:60px; line-height:62px; color:#fff; font-weight:bold; text-align:center; margin-top:30px}
#container .room_view .gallery{width:100%; height:100%; background:#111}
#container .room_view .gallery ul.bxslider{width:100%; height:100%}
#container .room_view .gallery ul.bxslider li{position:absolute; left:0; top:0; width:100%; height:100%}
#container .room_view .gallery_btn{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .room_view .gallery_btn a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .room_view .gallery_btn a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .room_view .gallery_btn a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .room_view .gallery_btn a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}



/* campingzone_view */
#container .campingzone_view{width:100%; height:100%}
#container .campingzone_view ul.btns{position:absolute; right:50px; top:100px; z-index:4000}
#container .campingzone_view ul.btns li{float:left; margin-left:10px}
#container .campingzone_view ul.btns li a{display:block; width:80px; height:80px; text-align:center; font-size:14px; line-height:18px; color:#fff}
#container .campingzone_view ul.btns li a span{display:block; padding-top:16px}
#container .campingzone_view ul.btns li.view{width:80px; height:80px; background:url(/images/common/circle_black.png) no-repeat}
#container .campingzone_view ul.btns li.all{width:80px; height:80px; background:url(/images/common/circle_gray.png) no-repeat}
#container .campingzone_view ul.btns li.video{display:block; width:80px; height:80px; background:url(/images/common/circle_green.png) no-repeat}
#container .campingzone_view ul.btns li.reservation{width:80px; height:80px; background:url(/images/common/circle_green.png) no-repeat}
#container .campingzone_view .detail{position:absolute; right:-594px; top:0; width:594px; height:100%; z-index:3000; background:#fff}
#container .campingzone_view .detail .info{width:494px; margin:0 auto}
#container .campingzone_view .detail .info .title{position:relative; width:100%; margin:230px auto 0; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#000; text-align:center}
#container .campingzone_view .detail .info .title .l{position:absolute; left:0; margin-left:0; top:37px; width:209px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container .campingzone_view .detail .info .title .r{position:absolute; right:0; margin-right:0; top:37px; width:209px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container .campingzone_view .detail .info .name{font-size:60px; line-height:62px; color:#000; font-weight:bold; text-align:center; margin-top:30px}
#container .campingzone_view .detail .info .person{font-size:13px; line-height:18px; color:#000; text-align:center; margin-top:10px}
#container .campingzone_view .detail .info .price_t{font-size:15px; line-height:18px; color:#000; margin:20px 0 5px}
#container .campingzone_view .detail .info table{width:100%; border-top:1px solid #d8d8d8; margin-top:0}
#container .campingzone_view .detail .info table th,
#container .campingzone_view .detail .info table td{font-size:13px; line-height:34px; color:#6a6a6a; text-align:center; font-weight:normal; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8}
#container .campingzone_view .detail .info table th:first-child,
#container .campingzone_view .detail .info table td:first-child{border-left:0}
#container .campingzone_view .detail .info .etc{font-size:13px; line-height:25px; color:#6a6a6a}
#container .campingzone_view .detail .info .etc p{margin-top:25px}
#container .campingzone_view .detail .info .etc p span{color:#000}
#container .campingzone_view .content{position:absolute; right:0; top:0; width:360px; height:100%; z-index:2000}
#container .campingzone_view .content .title{position:relative; width:260px; margin:230px auto 0; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#fff; text-align:center}
#container .campingzone_view .content .title .l{position:absolute; left:0; margin-left:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .campingzone_view .content .title .r{position:absolute; right:0; margin-right:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .campingzone_view .content .name{font-size:60px; line-height:62px; color:#fff; font-weight:bold; text-align:center; margin-top:30px}
#container .campingzone_view .gallery{width:100%; height:100%; background:#111}
#container .campingzone_view .gallery ul.bxslider{width:100%; height:100%}
#container .campingzone_view .gallery ul.bxslider li{position:absolute; left:0; top:0; width:100%; height:100%}
#container .campingzone_view .gallery_btn{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .campingzone_view .gallery_btn a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .campingzone_view .gallery_btn a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .campingzone_view .gallery_btn a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .campingzone_view .gallery_btn a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}


/*
#container .room_view .gallery{position:relative; width:100%; height:100%}
#container .room_view .gallery .bx-wrapper{width:100%; height:100%}
#container .room_view .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .room_view .gallery ul.bxslider{width:100%; height:100%}
#container .room_view .gallery ul.bxslider li{width:100%; height:100%}
#container .room_view .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .room_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .room_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .room_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .room_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}
*/

/* facilities */
#container .facilities{width:100%; height:100%}
#container .facilities .content{position:absolute; left:0; bottom:265px; width:100%; height:0; z-index:2000}
#container .facilities .content .title{width:100%; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#fff; text-align:center}
#container .facilities .content .title .l{position:absolute; left:0; margin-left:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .facilities .content .title .r{position:absolute; right:0; margin-right:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .facilities .content .text{width:100%; text-align:center}
#container .facilities .content .text .t1{font-size:60px; line-height:60px; color:#fff; font-weight:bold; margin-top:30px}
#container .facilities .content .text a{position:absolute; left:50%; margin-left:275px; top:70px; width:120px; height:120px; background:url(/images/main/btn.png) no-repeat}
#container .facilities .content .text a span{display:block; font-size:14px; line-height:22px; color:#fff; padding-top:30px}
#container .facilities .content .text a:hover{color:#fff}
#container .facilities ul.item{width:100%; height:100%; background:#333}
#container .facilities ul.item li{position:relative; float:left; width:20%; height:50%; text-align:center}
#container .facilities ul.item li a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:1000}
#container .facilities ul.item li a .blind{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/common/bg_000000_60.png)}
#container .facilities ul.item li a .text{position:absolute; left:0; width:100%; text-align:center; z-index:2000}
#container .facilities ul.item li.line1 a .text{bottom:0; margin-bottom:30px}
#container .facilities ul.item li.line2 a .text{top:0; margin-top:30px}
#container .facilities ul.item li a .text .txt1{font-size:18px; line-height:20px; color:#fff}
#container .facilities ul.item li a .text .txt2{font-size:36px; line-height:38px; color:#79ac12; margin-top:10px; margin-bottom:20px}
#container .facilities ul.item li .img{width:100%; height:100%}


/* facilities_view */
#container .facilities_view{width:100%; height:100%}
#container .facilities_view ul.btns{position:absolute; left:40px; bottom:210px; z-index:4000}
#container .facilities_view ul.btns li{float:left; margin-right:10px}
#container .facilities_view ul.btns li a{display:block; width:80px; height:80px; text-align:center; font-size:14px; line-height:18px; color:#fff}
#container .facilities_view ul.btns li a span{display:block; padding-top:16px}
#container .facilities_view ul.btns li.view{width:80px; height:80px; background:url(/images/common/circle_black.png) no-repeat}
#container .facilities_view ul.btns li.all{width:80px; height:80px; background:url(/images/common/circle_gray.png) no-repeat}
#container .facilities_view .title{position:absolute; left:50px; bottom:125px; z-index:4000}
#container .facilities_view .title .txt1{font-size:18px; line-height:20px; color:#fff}
#container .facilities_view .title .txt2{font-size:40px; line-height:42px; color:#fff; margin-top:10px}
#container .facilities_view .detail{position:absolute; left:0px; bottom:-250px; width:100%; height:250px; z-index:3000; background:#fff}
#container .facilities_view .detail .info{position:absolute; left:350px; top:57px; border-left:1px solid #999; padding-left:20px; font-size:13px; line-height:25px; color:#6a6a6a}
#container .facilities_view .detail .info span{color:#000}
#container .facilities_view .gallery{position:relative; width:100%; height:100%}
#container .facilities_view .gallery .bx-wrapper{width:100%; height:100%}
#container .facilities_view .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .facilities_view .gallery ul.bxslider{width:100%; height:100%}
#container .facilities_view .gallery ul.bxslider li{width:100%; height:100%}
#container .facilities_view .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .facilities_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .facilities_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .facilities_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .facilities_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}


/* service */
#container .service{position:relative; width:100%; height:100%}
#container .service .content{position:absolute; left:0; top:180px; width:100%; height:0; z-index:2000}
#container .service .content .title{width:100%; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#fff; text-align:center}
#container .service .content .title .l{position:absolute; left:0; margin-left:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .service .content .title .r{position:absolute; right:0; margin-right:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .service .content .text{width:100%; text-align:center}
#container .service .content .text .t1{font-size:60px; line-height:60px; color:#fff; font-weight:bold; margin-top:30px}
#container .service .content .text a{position:absolute; left:50%; margin-left:275px; top:70px; width:120px; height:120px; background:url(/images/main/btn.png) no-repeat}
#container .service .content .text a span{display:block; font-size:14px; line-height:22px; color:#fff; padding-top:30px}
#container .service .content .text a:hover{color:#fff}
#container .service ul.item{position:absolute; left:0; bottom:0; width:2176px; height:726px; background:#333; z-index:1000}
#container .service ul.item li{position:relative; float:left; width:272px; height:726px; text-align:center}
#container .service ul.item li a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:1000}
#container .service ul.item li a .blind{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/common/bg_000000_60.png)}
#container .service ul.item li a .text{position:absolute; left:0; top:0; width:100%; text-align:center; margin-top:40px; z-index:2000}
#container .service ul.item li a .text .txt1{font-size:18px; line-height:20px; color:#fff}
#container .service ul.item li a .text .txt2{font-size:36px; line-height:38px; color:#79ac12; margin-top:10px; margin-bottom:20px}
#container .service ul.item li .img{width:100%; height:100%}
#container .service .bg{position:absolute; left:0; top:0; width:100%; height:100%}


/* service_view */
#container .service_view{width:100%; height:100%}
#container .service_view ul.btns{position:absolute; left:40px; bottom:210px; z-index:4000}
#container .service_view ul.btns li{float:left; margin-right:10px}
#container .service_view ul.btns li a{display:block; width:80px; height:80px; text-align:center; font-size:14px; line-height:18px; color:#fff}
#container .service_view ul.btns li a span{display:block; padding-top:16px}
#container .service_view ul.btns li.view{width:80px; height:80px; background:url(/images/common/circle_black.png) no-repeat}
#container .service_view ul.btns li.all{width:80px; height:80px; background:url(/images/common/circle_gray.png) no-repeat}
#container .service_view .title{position:absolute; left:50px; bottom:125px; z-index:4000}
#container .service_view .title .txt1{font-size:18px; line-height:20px; color:#fff}
#container .service_view .title .txt2{font-size:40px; line-height:42px; color:#fff; margin-top:10px}
#container .service_view .detail{position:absolute; left:0px; bottom:-250px; width:100%; height:250px; z-index:3000; background:#fff}
#container .service_view .detail .info{position:absolute; left:350px; top:57px; border-left:1px solid #999; padding-left:20px; font-size:13px; line-height:25px; color:#6a6a6a}
#container .service_view .detail .info span{color:#000}
#container .service_view .gallery{position:relative; width:100%; height:100%}
#container .service_view .gallery .bx-wrapper{width:100%; height:100%}
#container .service_view .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .service_view .gallery ul.bxslider{width:100%; height:100%}
#container .service_view .gallery ul.bxslider li{width:100%; height:100%}
#container .service_view .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .service_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .service_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .service_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .service_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}


/* program */
#container .program{position:relative; width:100%; height:100%}
#container .program .content{position:absolute; left:0; top:180px; width:100%; height:0; z-index:2000}
#container .program .content .title{width:100%; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#fff; text-align:center}
#container .program .content .title .l{position:absolute; left:0; margin-left:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .program .content .title .r{position:absolute; right:0; margin-right:-40px; top:38px; width:50%; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#container .program .content .text{width:100%; text-align:center}
#container .program .content .text .t1{font-size:60px; line-height:60px; color:#fff; font-weight:bold; margin-top:30px}
#container .program .content .text a{position:absolute; left:50%; margin-left:275px; top:70px; width:120px; height:120px; background:url(/images/main/btn.png) no-repeat}
#container .program .content .text a span{display:block; font-size:14px; line-height:22px; color:#fff; padding-top:30px}
#container .program .content .text a:hover{color:#fff}
#container .program ul.item{position:absolute; left:0; bottom:0; width:2100px; height:726px; background:#333; z-index:1000}
#container .program ul.item li{position:relative; float:left; width:525px; height:726px; text-align:center}
#container .program ul.item li a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:1000}
#container .program ul.item li a .blind{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/common/bg_000000_60.png)}
#container .program ul.item li a .text{position:absolute; left:0; top:0; width:100%; text-align:center; margin-top:40px; z-index:2000}
#container .program ul.item li a .text .txt1{font-size:18px; line-height:20px; color:#fff}
#container .program ul.item li a .text .txt2{font-size:36px; line-height:38px; color:#79ac12; margin-top:10px; margin-bottom:20px}
#container .program ul.item li .img{width:100%; height:100%}
#container .program .bg{position:absolute; left:0; top:0; width:100%; height:100%}


/* program_view */
#container .program_view{width:100%; height:100%}
#container .program_view .info_area{position:absolute; left:0; top:165px; width:100%; height:187px; background:#fff; text-align:center; z-index:2000}
#container .program_view .info_area .t{font-size:40px; line-height:42px; color:#79ac12; margin-top:30px}
#container .program_view .info_area .t span{color:#000}
#container .program_view .info_area .c{font-size:13px; line-height:25px; color:#6a6a6a; margin-top:15px}
#container .program_view .info_area a.close{position:absolute; left:50%; margin-left:-40px; bottom:-40px; display:block; width:80px; height:80px; text-align:center; font-size:14px; line-height:18px; color:#fff; background:url(/images/common/circle_black.png) no-repeat}
#container .program_view .info_area a.close span{display:block; margin-top:16px}
#container .program_view .gallery{position:relative; width:100%; height:100%}
#container .program_view .gallery .bx-wrapper{width:100%; height:100%}
#container .program_view .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .program_view .gallery ul.bxslider{width:100%; height:100%}
#container .program_view .gallery ul.bxslider li{width:100%; height:100%}
#container .program_view .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .program_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .program_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .program_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .program_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}


/* travel */
#container .travel{width:100%; height:100%}
#container .travel .aside{position:absolute; right:0; top:0; width:360px; height:100%; background:#fff; z-index:2000}
#container .travel .aside .title{position:relative; width:260px; margin:230px auto 0; font-family:"FuturaMdBT-Bold"; font-size:20px; line-height:25px; color:#000; text-align:center}
#container .travel .aside .title .l{position:absolute; left:0; margin-left:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container .travel .aside .title .r{position:absolute; right:0; margin-right:0; top:37px; width:92px; height:1px; background:url(/images/common/bg_000000_40.png)}
#container .travel .aside .name{font-size:60px; line-height:62px; color:#000; font-weight:bold; text-align:center; margin-top:30px}
#container .travel .aside .list{position:relative; width:260px; margin:40px auto 0}
#container .travel .aside .list ul.item{position:absolute; left:0; top:0; width:100%; z-index:2000}
#container .travel .aside .list ul.item li{width:100%}
#container .travel .aside .list ul.item li a{position:relative; display:block; width:100%; font-size:18px; line-height:40px; color:#6a6a6a}
#container .travel .aside .list ul.item li a.on{color:#000}
#container .travel .aside .list ul.item li a span{display:inline-block; line-height:40px; background:#fff; padding-right:15px}
#container .travel .aside .list .point{position:absolute; left:0; top:-3px; width:100%; height:46px; background:url(/images/travel/list_on.gif) no-repeat}
#container .travel .gallery{position:relative; width:100%; height:100%}
#container .travel .gallery .bx-wrapper{width:100%; height:100%}
#container .travel .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .travel .gallery ul.bxslider{width:100%; height:100%}
#container .travel .gallery ul.bxslider li{width:100%; height:100%}
#container .travel .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .travel .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .travel .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .travel .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .travel .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}


/* travel_view */
#container .travel_view{width:100%; height:100%}
#container .travel_view .aside{position:absolute; right:0; top:0; width:360px; height:100%; background:#fff; z-index:2000}
#container .travel_view .aside .content{width:260px; margin:230px auto 0}
#container .travel_view .aside .content .t1{font-size:18px; line-height:20px; color:#000}
#container .travel_view .aside .content .t2{font-size:36px; line-height:42px; color:#79ac12; margin-top:5px}
#container .travel_view .aside .content .text{font-size:13px; line-height:25px; color:#6a6a6a; margin-top:20px}
#container .travel_view .aside .content .btn{text-align:center; margin-top:40px}
#container .travel_view .aside .content .btn a{display:inline-block; width:80px; height:80px; text-align:center; font-size:14px; line-height:18px; color:#fff; background:url(/images/common/circle_black.png) no-repeat}
#container .travel_view .aside .content .btn a span{display:block; padding-top:16px}
#container .travel_view .gallery{position:relative; width:100%; height:100%}
#container .travel_view .gallery .bx-wrapper{width:100%; height:100%}
#container .travel_view .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .travel_view .gallery ul.bxslider{width:100%; height:100%}
#container .travel_view .gallery ul.bxslider li{width:100%; height:100%}
#container .travel_view .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .travel_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{position:absolute; left:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_prev.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .travel_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .travel_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{position:absolute; right:50px; top:0; width:100px; height:100px; background:url(/images/common/btn_next.png) no-repeat; font-size:0; line-height:0; letter-spacing:0; overflow:hidden}
#container .travel_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}


/* reservation */
#container .reservation{width:100%; height:100%}
#container .reservation .content{position:absolute; left:0; top:300px; width:100%; height:780px; background:#fff; z-index:1000}
#container .reservation .content .inner{position:relative; width:1000px; margin:40px auto 0}
#container .reservation .content .inner .title .eng{font-size:18px; line-height:20px; color:#000}
#container .reservation .content .inner .title .kor{font-size:40px; line-height:42px; color:#79ac12; margin-top:5px}
#container .reservation .content .inner ul.btn{position:absolute; right:0; top:0;}
#container .reservation .content .inner ul.btn li{float:left; margin-left:10px}
#container .reservation .content .inner ul.btn li a{display:block; width:60px; height:60px; background:url(/images/common/circle_s_gray.png) no-repeat}
#container .reservation .content .inner ul.btn li a span{display:block; font-size:14px; color:#fff; line-height:18px; text-align:center; padding-top:12px}
#container .reservation .content .inner ul.btn li a:hover{color:#fff}
#container .reservation .content .inner ul.btn li a.on{background:url(/images/common/circle_s_black.png) no-repeat}
#container .reservation .content .inner ul.btn li a.p{background:url(/images/common/circle_s_green.png) no-repeat}
#container .reservation .bg{position:absolute; left:0; top:0; width:100%; height:100%}


/* reservation1 */
#container .reservation1 .content .inner table{width:100%; border-top:1px solid #d8d8d8; margin-top:20px}
#container .reservation1 .content .inner table tbody tr{cursor:pointer}
#container .reservation1 .content .inner table tbody tr:hover{background:#f5f5f5}
#container .reservation1 .content .inner table th,
#container .reservation1 .content .inner table td{font-size:13px; line-height:18px; color:#6a6a6a; text-align:center; font-weight:normal; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:9px 0; vertical-align:middle}
#container .reservation1 .content .inner table th.room{border-left:0}
#container .reservation1 .content .inner table td:first-child{border-left:0}
#container .reservation1 .content .inner ul.text{font-size:13px; line-height:25px; color:#6a6a6a; margin-top:15px; padding-bottom:100px}
#container .reservation1 .content .inner ul.text:after{content:''; display:block; clear:both}
#container .reservation1 .content .inner ul.text li{float:left; width:50%}

/* reservation2 */
#container .reservation2 .content .inner .text{font-size:13px; line-height:25px; color:#6a6a6a; margin-top:20px; border-top:1px solid #d8d8d8; padding-top:25px}

/* reservation3 */
#container .reservation3 .content .inner .text{font-size:13px; line-height:25px; color:#6a6a6a; margin-top:20px; border-top:1px solid #d8d8d8; padding-top:25px}

/* reservation4 */
#container .reservation4 .content .inner .text{font-size:13px; line-height:25px; color:#6a6a6a; margin-top:20px; border-top:1px solid #d8d8d8; padding-top:25px}


/* traffic */
#container .traffic{width:100%; height:100%}
#container .traffic .content{position:absolute; left:0; top:230px; width:100%; height:850px; background:#fff; z-index:1000}
#container .traffic .content .inner{position:relative; width:1000px; margin:60px auto 0}
#container .traffic .content .inner .title .eng{font-size:18px; line-height:20px; color:#000}
#container .traffic .content .inner .title .kor{font-size:40px; line-height:42px; color:#79ac12; margin-top:5px}
#container .traffic .content .inner ul.btn{position:absolute; right:0; top:0;}
#container .traffic .content .inner ul.btn li{float:left; margin-left:10px}
#container .traffic .content .inner ul.btn li a{display:block; width:60px; height:60px}
#container .traffic .content .inner ul.btn li a.daum{background:url(/images/traffic/btn_daum.gif) no-repeat}
#container .traffic .content .inner ul.btn li a.naver{background:url(/images/traffic/btn_naver.gif) no-repeat}
#container .traffic .content .inner ul.btn li a span{display:block; font-size:13px; color:#6a6a6a; line-height:18px; text-align:center; padding-top:30px}
#container .traffic .content .inner ul.btn li a:hover{color:#6a6a6a}
#container .traffic .content .inner ul.text{width:100%; border-top:1px solid #d8d8d8; padding-top:25px; margin-top:25px}
#container .traffic .content .inner ul.text:after{content:''; display:block; clear:both}
#container .traffic .content .inner ul.text li{float:left; width:100%}
#container .traffic .content .inner ul.text li .t{font-size:13px; line-height:25px; color:#000}
#container .traffic .content .inner ul.text li .c{font-size:13px; line-height:25px; color:#6a6a6a; margin-bottom:10px}
#container .traffic .bg{position:absolute; left:0; top:0; width:100%; height:100%}


/* community */
#container .community{width:100%; height:100%}
#container .community .content{position:absolute; left:0; top:300px; width:100%; height:780px; background:#fff; z-index:1000}
#container .community .content .inner{position:relative; width:1000px; margin:60px auto 0}
#container .community .content .inner .title .eng{font-size:18px; line-height:20px; color:#000}
#container .community .content .inner .title .kor{font-size:40px; line-height:42px; color:#79ac12; margin-top:5px}
#container .community .content .inner ul.btn{position:absolute; right:0; top:0;}
#container .community .content .inner ul.btn li{float:left; margin-left:10px}
#container .community .content .inner ul.btn li a{display:block; width:60px; height:60px; background:url(/images/common/circle_s_gray.png) no-repeat}
#container .community .content .inner ul.btn li a span{display:block; font-size:14px; color:#fff; line-height:18px; text-align:center; padding-top:12px}
#container .community .content .inner ul.btn li a:hover{color:#fff}
#container .community .content .inner ul.btn li a.on{background:url(/images/common/circle_s_black.png) no-repeat}
#container .community .content .inner ul.btn li a.p{background:url(/images/common/circle_s_green.png) no-repeat}
#container .community .content .inner iframe{width:100%; height:450px; margin-top:30px}
#container .community .bg{position:absolute; left:0; top:0; width:100%; height:100%}


/* footer */
#footer{position:fixed; left:0; bottom:0; width:100%; height:52px; background:url(/images/common/bg_000000_70.png); z-index:2000}
#footer .addr{position:absolute; left:20px; top:10px; font-size:12px; line-height:18px; color:#fff}
#footer .tel{position:absolute; right:20px; top:10px; font-size:12px; line-height:18px; color:#fff}
#footer .copyright{position:absolute; right:20px; top:30px; font-size:12px; line-height:18px; color:#929292}
#footer .copyright a{color:#79ac12; text-decoration:underline}


/* intro */
#intro{width:100%; height:100%}
#intro h1{position:absolute; left:40px; top:40px; z-index:2000}
#intro .content{position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-120px; z-index:2000; text-align:center}
#intro .content .title{position:relative; width:800px; margin:0 auto; font-family:"FuturaMdBT-Bold"; font-size:80px; line-height:85px; color:#fff; text-align:center}
#intro .content .title .l{position:absolute; left:0; margin-left:0; top:130px; width:270px; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#intro .content .title .r{position:absolute; right:0; margin-right:0; top:130px; width:270px; height:1px; background:url(/images/common/bg_ffffff_40.png)}
#intro .content a{display:inline-block; margin-top:30px; border:1px solid #fff; font-size:18px; line-height:40px; color:#fff; padding:0 20px; cursor:pointer}
#intro .content a:hover{background:#fff; color:#000; text-decoration:none}
#intro .video{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000}
#intro .video video{width:100%; height:100%}



/* popup */
.popup{width:100%}
.popup .img{width:100%}
.popup .bottom{width:100%; line-height:25px; color:#fff; background:#111; text-align:right}
.popup .bottom input{cursor:pointer}
.popup .bottom label{padding-left:7px}
.popup .bottom a{display:inline-block; *display:inline; zoom:1; line-height:25px; color:#fff; margin-left:5px; text-decoration:underline; padding:0 10px}