@charset "utf-8";

body{background:#000}

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

/* header */
#header{position:fixed; left:0; top:0; width:100%; height:128px; z-index:9000}
#header h1{position:absolute; left:0; top:0; z-index:100}
#header h1 .an{position:absolute; left:0; top:0;}
#header .nav_area{position:absolute; left:0; top:40px; width:100%; height:68px; background:url(/images/common/nav_bg.png) repeat-x}
#header .nav_area ul.nav{position:absolute; left:270px; top:0}
#header .nav_area ul.nav:after{content:''; display:block; clear:both}
#header .nav_area ul.nav > li{position:relative; float:left}
#header .nav_area ul.nav > li > a{position:relative; display:block; font-size:16px; line-height:62px; height:60px; color:#000; padding:0 25px; font-weight:700}
#header .nav_area ul.nav > li > a:hover{text-decoration:none}
#header .nav_area ul.nav > li > a span{display:none; position:absolute; left:50%; margin-left:-6px; bottom:7px; width:13px; height:7px; background:url(/images/common/ico_nav.png) no-repeat}
#header .nav_area ul.nav > li.on > a{color:#761a15}
#header .nav_area ul.nav > li > ul.sub{display:none; position:absolute; left:0; top:60px; width:120px; padding:7px 0; background:url(/images/common/sub_bg.jpg) repeat-y; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3)}
#header .nav_area ul.nav > li > ul.sub > li{width:100%}
#header .nav_area ul.nav > li > ul.sub > li a{display:block; width:120px; font-size:13px; line-height:25px; color:#000; padding:0 17px}
#header .nav_area ul.nav > li > ul.sub > li a.on{background:#761a15; color:#fff}
#header .nav_area ul.nav > li > ul.sub > li a:hover{background:#761a15; color:#fff; text-decoration:none}
#header .nav_area ul.nav > li.nav1 > ul.sub{left:-9px}
#header .nav_area ul.nav > li.nav2 > ul.sub{left:-11px}
#header .nav_area ul.nav > li.nav3 > ul.sub{left:-10px}
#header .nav_area ul.nav > li.nav4 > ul.sub{left:-8px}
#header .nav_area ul.nav > li.nav5 > ul.sub{left:16px}
#header .nav_area ul.nav > li.nav6 > ul.sub{left:-4px}
#header .nav_area ul.nav > li.nav7 > ul.sub{left:13px}
#header .nav_area a.reservation{position:absolute; right:0; top:0;}
#header ul.etc{position:absolute; right:20px; top:10px}
#header ul.etc li{float:left}
#header ul.etc li a{display:block; font-size:11px; line-height:24px; 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:0; top:50%; margin-top:-85px; width:100%; text-align:center; z-index:9999999999}
#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:99999999999}
#container .main .btns 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 .main .btns a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .main .btns 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 .main .btns a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}
#container .main ul.etc{position:absolute; right:30px; bottom:115px; z-index:2000}
#container .main ul.etc li{float:left}
#container .main ul.etc li.etc1{position:relative; width:230px; height:85px}
#container .main ul.etc li.etc1 a{position:absolute; left:0; top:0; width:100%; height:100%; display:block; font-size:19px; line-height:27px; color:#da8700; z-index:200; padding:17px 0 0 117px}
#container .main ul.etc li.etc1 a span{font-size:14px; font-style:italic}
#container .main ul.etc li.etc1 a .ico{position:absolute; left:12px; top:-25px; z-index:100}
#container .main ul.etc li.etc1 .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.9; filter:alpha(opacity=90)}
#container .main ul.etc li.etc2{width:129px; height:85px; background:url(/images/main/count.jpg) no-repeat}
#container .main ul.etc li.etc2 .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.etc2 .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:85px; width:100%; height:360px; z-index:500}
#container .about .content .logo{position:absolute; left:50%; margin-left:-109px; top:-180px; width:218px; z-index:100}
#container .about .content .text{position:absolute; left:0; top:32px; width:100%; font-size:15px; color:#ddd; line-height:40px; z-index:100; text-align:center;}
#container .about .content .text strong{font-family:"Nanum Myeongjo"; display:block; font-size:26px; margin-bottom:10px; font-weight:700; color:#da8700}
#container .about .content .line{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:0.2; filter:alpha(opacity=20); z-index:100}
#container .about .content .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#241a13; opacity:0.8; filter:alpha(opacity=80)}
#container .about2{width:100%; height:100%}
#container .about2 .content{position:absolute; left:0; bottom:0; width:100%; height:280px; z-index:2000}
#container .about2 .content .title{width:100%; text-align:center; color:#fff}
#container .about2 .content .title .l{position:absolute; left:0; margin-left:-80px; top:12px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .about2 .content .title .r{position:absolute; right:0; margin-right:-80px; top:12px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .about2 .content .title p{font-family:'FuturaBT'; font-weight:700; font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); letter-spacing:1px}
#container .about2 .content .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:50px; margin-top:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1)}
#container .about2 .content .btns{text-align:center; margin-top:30px}
#container .about2 .content .btns a{display:inline-block; width:148px; height:23px; background:url(/images/about/btn_bg.png) no-repeat; font-size:13px; color:#fff; line-height:25px}
#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{position:relative; width:100%; height:100%}
#container .room .title{position:absolute; left:0; top:140px; width:100%; text-align:center; color:#fff; z-index:100000}
#container .room .title .l{position:absolute; left:0; margin-left:-100px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .room .title .r{position:absolute; right:0; margin-right:-100px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .room .title p{font-family:'FuturaBT'; font-weight:700; font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); letter-spacing:1px}
#container .room .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:50px; margin-top:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); margin-bottom:25px}
#container .room .preview{position:absolute; left:50%; top:0; margin-left:-960px}
#container .room .preview a:hover{background:url(/images/common/btn_red.png) no-repeat}
#container .room .preview a.r1{position:absolute; left:1250px; top:480px}
#container .room .preview a.r2{position:absolute; left:500px; top:330px}
#container .room .preview a.r3{position:absolute; left:1080px; top:670px}
#container .room .preview a.r4{position:absolute; left:1050px; top:455px}
#container .room .preview a.r5{position:absolute; left:1450px; top:380px}
#container .room .preview a.r6{position:absolute; left:1115px; top:350px}
#container .room .preview a.r7{position:absolute; left:420px; top:595px}
#container .room .preview a.r8{position:absolute; left:740px; top:370px}





/* room_view */
#container .room_view{width:100%; height:100%}
#container .room_view .content{position:absolute; left:50%; top:50%; margin-left:-101px; margin-top:-101px; width:202px; height:203px; background:url(/images/room/title_bg.png) no-repeat; z-index:100000; text-align:center; color:#fff}
#container .room_view .content strong{font-family:"Nanum Myeongjo"; font-size:35px; font-weight:700; display:block; padding-top:52px}
#container .room_view .content p{font-family:"Nanum Myeongjo"; font-size:15px; font-weight:700; padding-top:18px}
#container .room_view .content a{display:inline-block; width:71px; height:21px; line-height:23px; font-size:13px; color:#fff; background:url(/images/room/btn_bg.png) no-repeat; margin-top:20px}
#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 .btns{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:99999999999}
#container .room_view .btns 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 .btns a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .room_view .btns 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 .btns a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}
#container .room_view .info_box{position:absolute; left:0; bottom:85px; width:100%; height:0; z-index:100000; overflow:hidden}
#container .room_view .info{position:absolute; left:0; top:0; width:100%; height:270px}
#container .room_view .info .inner{position:relative; width:1200px; margin:0 auto; z-index:100}
#container .room_view .info .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#241a13; opacity:0.8; filter:alpha(opacity=80)}
#container .room_view .info .line{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:0.2; filter:alpha(opacity=20); z-index:100}
#container .room_view .info strong.ps{font-family:"Nanum Myeongjo"; font-size:24px; font-weight:700; display:block; padding:25px 0 20px; color:#fff; text-align:center}
#container .room_view .info .price{position:relative; z-index:100; display:none}
#container .room_view .info .price table{width:100%; border-top:1px solid #7e7976}
#container .room_view .info .price table th,
#container .room_view .info .price table td{font-size:13px; height:30px; color:#fff; text-align:center; font-weight:normal; border-bottom:1px solid #7e7976; border-left:1px solid #7e7976; vertical-align:middle}
#container .room_view .info .price table th:first-child{border-left:0}
#container .room_view .info .price table tr:first-child td:first-child{border-left:0}
#container .room_view .info .price table th a{position:relative; display:block; width:100%; line-height:30px; color:#fff; z-index:100}
#container .room_view .info .price table th{position:relative}
#container .room_view .info .price table th span{position:relative; z-index:100}
#container .room_view .info .price table th div{position:absolute; left:0; top:0; background:#000; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50)}
#container .room_view .info .price table td.b_l{border-left:1px solid #7e7976}
#container .room_view .info .price table th.on div{background:#b16d01}
#container .room_view .info ul.text{width:100%; margin-top:20px}
#container .room_view .info ul.text li{float:left; color:#ccc; line-height:24px; font-size:12px}
#container .room_view .info ul.text li strong{display:block; color:#da8700; font-size:13px; font-weight:700}
#container .room_view .info ul.text li:nth-child(1){width:460px}
#container .room_view .info ul.text li:nth-child(2){width:340px}
#container .room_view ul.menu{position:absolute; right:30px; bottom:125px; z-index:1000000}




/* enjoy */
#container .enjoy{width:100%; height:100%}
#container .enjoy .content{position:absolute; left:0; top:0; width:100%; height:100%}
#container .enjoy .content .title{position:absolute; left:0; top:165px; width:100%; text-align:center; color:#fff}
#container .enjoy .content .title .l{position:absolute; left:0; margin-left:-50px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .enjoy .content .title .r{position:absolute; right:0; margin-right:-50px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .enjoy .content .title p{font-family:'FuturaBT'; font-weight:700; font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); letter-spacing:1px}
#container .enjoy .content .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:50px; margin-top:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); margin-bottom:25px}
#container .enjoy ul.item{position:absolute; left:0; bottom:0; width:2176px; height:600px; background:#333; z-index:1000}
#container .enjoy ul.item li{position:relative; float:left; width:272px; height:600px; text-align:center}
#container .enjoy ul.item li a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:1000}
#container .enjoy ul.item li a .blind{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/common/bg_000000_60.png)}
#container .enjoy ul.item li a .text{position:absolute; left:0; top:0; width:100%; text-align:center; margin-top:40px; z-index:2000}
#container .enjoy ul.item li a .text .txt1{font-size:18px; line-height:20px; color:#cf7f00}
#container .enjoy ul.item li a .text .txt2{font-family:"Nanum Myeongjo"; font-size:32px; line-height:38px; color:#fff; margin-top:10px; margin-bottom:20px}
#container .enjoy ul.item li a .text p{font-size:16px; line-height:26px; color:#fff; margin-top:30px}
#container .enjoy ul.item li a .text p span{font-size:20px}
#container .enjoy ul.item li .img{width:100%; height:100%}




/* enjoy_view */
#container .enjoy_view{width:100%; height:100%}
#container .enjoy_view .gallery{width:100%; height:100%}
#container .enjoy_view .gallery .bx-wrapper{width:100%; height:100%}
#container .enjoy_view .gallery .bx-wrapper .bx-viewport{width:100%; height:100% !important}
#container .enjoy_view .gallery .bx-wrapper .bx-viewport ul.bxslider{width:100%; height:100%}
#container .enjoy_view .gallery .bx-wrapper .bx-viewport ul.bxslider li{width:100%; height:100%}
#container .enjoy_view .gallery .bx-wrapper .bx-controls{position:absolute; left:0; top:50%; margin-top:-50px; width:100%; z-index:2000}
#container .enjoy_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 .enjoy_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:hover{background:url(/images/common/btn_prev_on.png) no-repeat}
#container .enjoy_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 .enjoy_view .gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:hover{background:url(/images/common/btn_next_on.png) no-repeat}
#container .enjoy_view ul.menu{position:absolute; left:30px; bottom:210px; z-index:1000000}
#container .enjoy_view .title{position:absolute; left:50px; bottom:120px; z-index:1000000}
#container .enjoy_view .title p{font-size:18px; line-height:20px; color:#cf7f00}
#container .enjoy_view .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:40px; color:#fff; margin-top:15px}
#container .enjoy_view .info_box{position:absolute; left:0; bottom:85px; width:100%; height:0; z-index:100000; overflow:hidden}
#container .enjoy_view .info{position:absolute; left:0; top:0; width:100%; height:170px}
#container .enjoy_view .info .inner{position:relative; z-index:100; width:100%}
#container .enjoy_view .info .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#241a13; opacity:0.8; filter:alpha(opacity=80)}
#container .enjoy_view .info .line{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:0.2; filter:alpha(opacity=20); z-index:100}
#container .enjoy_view .info .inner{position:absolute; left:50px; top:55px; width:100%}
#container .enjoy_view .info .inner:after{content:''; display:block; clear:both}
#container .enjoy_view .info .inner .rr{font-size:13px; line-height:24px; color:#ddd; padding-top:36px; background:url(/images/common/view_div.png) left 40px no-repeat; padding-left:35px}
#container .enjoy_view .info .inner .rr strong{display:block; color:#cf7f00; font-weight:700; font-size:16px}






/* travel */
#container .travel{width:100%; height:100%}
#container .travel .title{position:absolute; left:0; bottom:250px; width:100%; text-align:center; color:#fff; z-index:100000}
#container .travel .title .l{position:absolute; left:0; margin-left:-50px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .travel .title .r{position:absolute; right:0; margin-right:-50px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .travel .title p{font-family:'FuturaBT'; font-weight:700; font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); letter-spacing:1px}
#container .travel .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:50px; margin-top:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); margin-bottom:25px}
#container .travel .gallery{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 .bx-wrapper .bx-viewport ul.bxslider{width:100%; height:100%}
#container .travel .gallery .bx-wrapper .bx-viewport 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}
#container .travel .menu_box{position:absolute; left:0; bottom:130px; width:100%; text-align:center; z-index:100000}
#container .travel ul.menu{display:inline-block; *display:inline; zoom:1;}
#container .travel ul.menu li a.on{background:url(/images/common/btn_red.png) no-repeat}
#container .travel ul.menu li a:hover{background:url(/images/common/btn_red.png) no-repeat}







/* reservation */
#container .reservation{width:100%; height:100%}
#container .reservation .top{position:absolute; left:0; top:0; width:100%; height:370px; background:url(/images/reservation/top.jpg) center top no-repeat; z-index:1000}
#container .reservation .top .title{position:absolute; left:0; top:115px; width:100%; text-align:center; color:#fff}
#container .reservation .top .title .l{position:absolute; left:0; margin-left:-90px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .reservation .top .title .r{position:absolute; right:0; margin-right:-90px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .reservation .top .title p{font-family:'FuturaBT'; font-weight:700; font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); letter-spacing:1px}
#container .reservation .top .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:50px; margin-top:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); margin-bottom:25px}
#container .reservation .top .menu_box{position:absolute; left:0; bottom:20px; width:100%; text-align:center}
#container .reservation .top ul.menu{display:inline-block; *display:inline; zoom:1;}
#container .reservation .content{position:relative; width:100%; height:100%}
#container .reservation .content .inner{position:absolute; left:50%; top:370px; margin-left:-600px; width:1200px}
#container .reservation .content .inner strong.tit{display:block; font-size:34px; color:#fff; font-family:"Nanum Myeongjo"; text-align:center; padding:30px 0 20px}
#container .reservation .content .inner table{width:100%; border-top:1px solid #af977b}
#container .reservation .content .inner table th,
#container .reservation .content .inner table td{font-size:13px; height:30px; color:#fff; text-align:center; font-weight:normal; border-bottom:1px solid #af977b; border-left:1px solid #af977b; vertical-align:middle}
#container .reservation .content .inner table tr:first-child th:first-child{border-left:0}
#container .reservation .content .inner table td:first-child{border-left:0}
#container .reservation .content .inner table tr:first-child td:first-child{border-left:0}
#container .reservation .content .inner table tr:hover td{background:#5e2f0d; cursor:pointer}
#container .reservation .content .inner table th a{position:relative; display:block; width:100%; line-height:30px; color:#fff; z-index:100}
#container .reservation .content .inner table th{position:relative}
#container .reservation .content .inner table th span{position:relative; z-index:100}
#container .reservation .content .inner table th div{position:absolute; left:0; top:0; background:#000; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50)}
#container .reservation .content .inner table td.b_l{border-left:1px solid #af977b}
#container .reservation .content .inner table th.on div{background:#b16d01}
#container .reservation .content .inner ul.text{width:100%; margin-top:20px}
#container .reservation .content .inner ul.text li{float:left; color:#ddd; line-height:24px; font-size:12px; margin-right:100px}
#container .reservation .content .inner ul.text li strong{display:block; color:#da8700; font-size:13px; font-weight:700}
#container .reservation .content .inner .info{font-size:13px; line-height:27px; color:#ddd; border-top:1px solid #af977b; padding-top:20px}







/* traffic */
#container .traffic{width:100%; height:100%}
#container .traffic .top{position:absolute; left:0; top:0; width:100%; height:270px; background:url(/images/traffic/top.jpg) center top no-repeat; z-index:1000}
#container .traffic .top .title{position:absolute; left:0; top:115px; width:100%; text-align:center; color:#fff}
#container .traffic .top .title .l{position:absolute; left:0; margin-left:-60px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .traffic .top .title .r{position:absolute; right:0; margin-right:-60px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .traffic .top .title p{font-family:'FuturaBT'; font-weight:700; font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); letter-spacing:1px}
#container .traffic .top .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:50px; margin-top:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); margin-bottom:25px}
#container .traffic .content{position:relative; width:100%; height:100%}
#container .traffic .content .inner{position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-150px; width:1200px}
#container .traffic .content .inner ul.list{position:absolute; right:0; top:10px; width:600px}
#container .traffic .content .inner ul.list li{line-height:24px; border-top:1px solid #80674b; padding:20px 0}
#container .traffic .content .inner ul.list li:first-child{border-top:0; padding-top:0}
#container .traffic .content .inner ul.list li strong{font-size:16px; color:#ffb742; font-weight:bold; display:block; margin-bottom:4px}
#container .traffic .content .inner ul.list li p{font-size:14px; color:#ffdfbc}
#container .traffic .content .inner ul.list li .ll{width:100%}
#container .traffic .content .inner ul.list li .ll:after{content:''; display:block; clear:both}
#container .traffic .content .inner ul.list li .ll p{float:left; margin-right:50px}
#container .traffic .content .inner ul.menu{position:absolute; left:340px; bottom:10px; z-index:1000000}






/* community */
#container .community{width:100%; height:100%}
#container .community .top{position:relative; width:100%; height:450px; background:url(/images/community/top.jpg) center top no-repeat}
#container .community .top .title{position:absolute; left:0; top:115px; width:100%; text-align:center; color:#fff}
#container .community .top .title .l{position:absolute; left:0; margin-left:-80px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .community .top .title .r{position:absolute; right:0; margin-right:-80px; top:111px; width:50%; height:1px; background:#fff; opacity:0.4; filter:alpha(opacity=40)}
#container .community .top .title p{font-family:'FuturaBT'; font-weight:700; font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); letter-spacing:1px}
#container .community .top .title strong{display:block; font-family:"Nanum Myeongjo"; font-size:50px; margin-top:25px; text-shadow:0 0 5px rgba(0, 0, 0, 1); margin-bottom:25px}
#container .community .top .menu_box{position:absolute; left:0; bottom:20px; width:100%; text-align:center}
#container .community .top ul.menu{display:inline-block; *display:inline; zoom:1;}
#container .community .content{width:1200px; margin:20px auto}
#container .community .content iframe{width:100%; height:480px}






/* footer */
#footer{position:fixed; left:0; bottom:0; width:100%; height:80px; z-index:8000}
#footer .inner{position:relative; width:100%; padding:15px 20px; z-index:100; font-size:12px; line-height:20px; color:#ddd}
#footer .inner:after{content:''; display:block; clear:both}
#footer .inner strong{font-size:14px; color:#da8700; font-weight:700}
#footer .inner span{display:inline-block; color:#555; padding:0 10px}
#footer .inner .l{position:relative; float:left; padding-left:35px}
#footer .inner .l strong{position:absolute; left:0; top:0; border-right:1px solid #da8700; padding-right:10px}
#footer .inner .r{position:relative; float:right; text-align:right; padding-right:35px}
#footer .inner .r strong{position:absolute; right:0; top:0; border-left:1px solid #da8700; padding-left:10px}
#footer .copy{position:absolute; right:20px; bottom:10px; color:#929292; z-index:100; font-size:12px}
#footer .copy a{color:#da8700}
#footer .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#241a13; opacity:0.8; filter:alpha(opacity=80)}






/* 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; font-size:12px}
.popup .bottom a{display:inline-block; *display:inline; zoom:1; line-height:25px; color:#fff; margin-left:5px; text-decoration:underline; padding:0 10px; font-size:12px}



/* button */
ul.menu li{float:left; height:99px; margin:0 3px}
.btn_yellow{display:block; width:94px; height:99px; background:url(/images/common/btn_yellow.png) no-repeat; text-align:center; color:#fff; font-family:"Nanum Myeongjo"; line-height:24px; font-weight:700; font-size:17px}
.btn_yellow div{display:table; height:99px; width:100%; padding-top:6px}
.btn_yellow div span{display:table-cell; height:99px; vertical-align:middle; width:100%}
.btn_red{display:block; width:94px; height:99px; background:url(/images/common/btn_red.png) no-repeat; text-align:center; color:#fff; font-family:"Nanum Myeongjo"; line-height:24px; font-weight:700; font-size:17px}
.btn_red div{display:table; height:99px; width:100%; padding-top:6px}
.btn_red div span{display:table-cell; height:99px; vertical-align:middle; width:100%}