/* by.narae */

/* coomon */
#contents { width:100%; height:100%; position:relative; overflow:hidden; }
#footer { position:fixed; bottom:5%; right:3%; z-index:100; text-align:right; padding:10px;  }

/* gnb */
.navi { position:absolute; z-index:100; left:110px; top:90px; }
.navi h1 { margin-bottom:25px; }
.navi h3 { margin-bottom:50px; }

#gnb ul { width:270px; }
#gnb ul > li { position:relative; margin-bottom:15px; }
#gnb ul > li > a { font-family: 'Roboto', sans-serif; font-weight:900; font-size:22px; color:#bdb69a; letter-spacing:1px;}

#gnb:hover > ul > li.on > a { font-size:22px; }
#gnb:hover > ul > li.on > .sub_menu { display:none; }
#gnb > ul > li.on > .sub_menu,
#gnb:hover > ul > li:hover > .sub_menu { display:block; }
#gnb > ul > li.on > a,
#gnb:hover > ul > li:hover > a { font-size:30px; }

#gnb ul > li .sub_menu { width:250px; display:none; margin-top:-8px; }
#gnb ul > li .sub_menu:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
#gnb ul > li .sub_menu ul > li.on > a,
#gnb ul > li .sub_menu:hover > ul > li:hover > a { color:#333; }
#gnb ul > li .sub_menu ul li > a { color:#bdb69a; font-size:11px; letter-spacing:-0.5px; text-shadow:none; }
#gnb ul > li .sub_menu ul { border-top:1px solid #bdb69a; padding-top:5px; }
#gnb ul > li .sub_menu ul:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
#gnb ul > li .sub_menu ul li { float:right; color:#bdb69a; margin-left:10px; margin-bottom:0; }
#gnb ul > li .sub_menu ul li > a:hover { color:#333; font-size:11px; }

.bank_info { position:absolute; padding:10px; margin-top:30px; background:url('../images/bank_background.png') repeat; }
.bank_info h4 { font-size:22px; color:#333; font-family: 'Roboto', sans-serif; font-weight:900; font-style:italic; letter-spacing:1px; margin-bottom:10px; }
.bank_info p { font-size:16px; color:#333; font-weight:bold; }

/* sub */
.sub_wrapper { margin-left:400px; height:100%; position:relative; }
.sub_wrapper:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.introduce_title { position:absolute; top:200px; left:50px;  z-index:10; }
.introduce_right_img { position:absolute; right:0; top:0; width:510px; height:100%; background:url('../images/sub/introduce/right_img.jpg') no-repeat center top; }
.exterior_txt { position:absolute; top:300px; left:50%; margin-left:-150px; z-index:100; }

/* reser_tabs */
.container { width:1000px; }
.container.reser {  height:700px; font-size:14px; padding-top:100px; padding-left:150px;  }
.container.reser > section { background:url('../images/white_background.png') repeat; }
.container.reser > section nav ul { width:100%; }
.container.reser > section nav ul:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.container.reser > section nav ul li { 	width:25%; float:left; }
.container.reser > section .content-wrap section h3 { font-size:15px; margin:10px 0; color:#dd4132; }
.container.reser > section .content-wrap section p { font-size:11px; color:#717171; line-height:22px; }

/* reservation */
.reservation_title { width:100%; height:100px; background:url('../images/sub/reservation/title.png') no-repeat right center; }
.reservation_info { width:100%; margin:20px 0; }
.reservation_info  tr { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  }
.reservation_info  th { padding:10px 0; font-size:12px; letter-spacing:1px; text-align:center; color:#333; background:#e5e5e5; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.reservation_info  th:first-child { border-left:none; }
.reservation_info  td { color:#717171; font-size:11px; padding:7px 0; line-height:20px; text-align:center; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.reservation_info  td:first-child { border-left:none; }
.reservation_info  span { font-weight:bold; }
.reservation_info p { letter-spacing:0.5px; color:#717171; font-size:14px; }
.b_red { color:red; font-weight:bold; }

/* traffic */
.traffic_info { width:95%; position:relative; padding-top:200px;}
.traffic_title { position:absolute; z-index:10; top:110px; left:650px; }
.traffic_add { padding:10px; background:#333; color:#fff; display:inline-block; margin-top:10px;}

/* roomview */
.roomview_bg { width:100%; height:100%; background:url('../images/sub/room/roomview/bg.jpg') no-repeat center center; }
.roomview_toppd { padding-top:230px; }

#contents .sub_wrapper .preview_roominfo { position:absolute; width:440px; height:100%; top:0px; left:442px; z-index:0; }
#contents .sub_wrapper .preview_roominfo_201 { background:url('../images/sub/room/roomview/201_info.png') no-repeat center 0; }

.preview_slide { padding-left:442px; position:relative; z-index:1 }
.preview_house { position:absolute; z-index:10;left:0; top:-57px; }
#contents .sub_wrapper .bx-wrapper { width:100%; height:275px;}
#contents .sub_wrapper .bx-wrapper .bx-pager { display:none; }

#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li { position:relative; width:440px!important; height:275px!important; }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a { display:block; z-index:9999; }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a > .preview_roombg { position:absolute; width:440px; height:275px; top:0; left:0; text-align:center; z-index:9999; display:none; }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a:hover > .preview_roombg { display:block; }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a > .roombg1 { background: url('../images/sub/room/roomview/201.png') no-repeat center center rgba(0,0,0,0.5); }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a > .roombg2 { background: url('../images/sub/room/roomview/202.png') no-repeat center center rgba(0,0,0,0.5); }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a > .roombg3 { background: url('../images/sub/room/roomview/203.png') no-repeat center center rgba(0,0,0,0.5); }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a > .roombg4 { background: url('../images/sub/room/roomview/205.png') no-repeat center center rgba(0,0,0,0.5); }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a > .roombg5 { background: url('../images/sub/room/roomview/annexe.png') no-repeat center center rgba(0,0,0,0.5); }
#contents .sub_wrapper .bx-wrapper .bx-viewport .slider4 li a > .roombg6 { background: url('../images/sub/room/roomview/101.png') no-repeat center center rgba(0,0,0,0.5); }


/* slider */
#contents #bx-pager ul li img { width:80px; height:42px; }
#layer_room201 #bx-pager ul li img { width:80px; height:42px; }

/* room */
#contents .btn_close { position:absolute; display:block; background:url('../images/sub/close.png') no-repeat; width:54px; height:50px; top:0; left:200px; text-indent:-9999px; z-index:9999;  }
#contents .room_info { position:absolute; width:610px; bottom:100px; left:100px; z-index:100; }
#contents .room_info_title { position:absolute; bottom:120px; z-index:100; left:100px; }
#contents .room_info_button_201 { position:absolute; bottom:120px; z-index:100; left:250px; }
#contents .room_info_button_202 { position:absolute; bottom:120px; z-index:100; left:280px; }
#contents .room_info_button_203 { position:absolute; bottom:120px; z-index:100; left:280px; }
#contents .room_info_button_205 { position:absolute; bottom:120px; z-index:100; left:280px; }
#contents .room_info_button_annexe { position:absolute; bottom:120px; z-index:100; left:550px; }
#contents .room_info_button_101 { position:absolute; bottom:120px; z-index:100; left:280px; }


/* layer pop */
.wrap_pop { position:fixed; width:100%; height:100%; top:0px; left:0px; background:url('../images/black_background.png') repeat; display:none; z-index:9999; }
.wrap_pop .pop_contents { width:1000px; margin:0 auto; position:relative; text-align:center; }
.wrap_pop .pop_contents .btn_close {position:absolute; display:block; background:url('../images/sub/room/room_close.png') no-repeat; width:59px; height:59px; top:130px; left:50%; margin-left:-30px; text-indent:-9999px; z-index:1001;}
.wrap_pop .pop_contents img { margin-top:230px; }
.wrap_pop .pop_contents p { text-align:left; letter-spacing:0.5px; color:#fff; font-size:14px; }
.wrap_pop .pop_contents .rommrate_info { width:100%; margin-top:70px; margin-bottom:20px; padding:10px; }
.wrap_pop .pop_contents .rommrate_info tr { border-top:1px solid #403a3a; border-bottom:1px solid #403a3a;  }
.wrap_pop .pop_contents .rommrate_info th { padding:10px 0; font-size:12px; letter-spacing:1px; text-align:center; color:#fff; background:#403a3a; border-left:1px solid #403a3a; border-top:1px solid #403a3a; border-bottom:1px solid #403a3a; }
.wrap_pop .pop_contents .rommrate_info th:first-child { border-left:none; }
.wrap_pop .pop_contents .rommrate_info td { color:#fff; font-size:11px; padding:7px 0; line-height:20px; text-align:center; border-left:1px solid #403a3a; border-top:1px solid #403a3a; border-bottom:1px solid #403a3a;}
.wrap_pop .pop_contents .rommrate_info td:first-child { border-left:none; }
.wrap_pop .pop_contents .rommrate_info td span { font-weight:bold; color:#ff0000; }

.wrap_pop .online_contents { width:1000px; margin:0 auto; padding-top:100px; position:relative; text-align:center; z-index:9999; }
.wrap_pop .online_close {position:absolute; display:block; background:url('../images/sub/room/room_close.png') no-repeat; width:59px; height:59px; top:5%; right:5%; margin-left:-30px; text-indent:-9999px; z-index:1001;}

.wrap_pop .story_contents { width:1000px; height:100%; margin:0 auto; padding-top:100px; position:relative; text-align:center; background:#fff; z-index:9999; }
.wrap_pop .story_contents .story_menu { width:400px; margin:0 auto; }
.wrap_pop .story_contents .story_menu ul:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.wrap_pop .story_contents .story_menu ul li { float:left; padding:10px; border:1px solid #ccc; margin-left:20px; }
.wrap_pop .story_contents .story_menu ul li a { color:#333; }
.wrap_pop .story_contents .story_menu ul li:first-child { margin-left:0; }

/* special_tabs */
.container.special { padding-top:160px; padding-left:150px;  }
.container.special > section nav ul:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.container.special > section nav ul li { float:left; margin-left:25px; }
.container.special > section nav ul li:first-child { margin-left:0; }
.container.special > section .content-wrap { padding:10px; }
.container.special > section .content-wrap section { padding:0; }
.container.special > section .content-wrap section .title_img { width:100%; height:180px; }
.container.special > section .content-wrap section .title_img01 { background:url('../images/sub/special/special01.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img02 { background:url('../images/sub/special/special02.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img03 { background:url('../images/sub/special/special03.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img04 { background:url('../images/sub/special/special04.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img05 { background:url('../images/sub/special/special05.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img06 { background:url('../images/sub/special/special06.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img07 { background:url('../images/sub/special/special07.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img08 { background:url('../images/sub/special/special08.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img09 { background:url('../images/sub/special/special09.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img10 { background:url('../images/sub/special/special10.png') no-repeat left center; }
.container.special > section .content-wrap section .title_img11 { background:url('../images/sub/special/special11.png') no-repeat left center; }
.container.special > section .content-wrap section .special_img { width:820px; height:415px; }
#contents .sub_wrapper section .content-wrap .bx-wrapper { width:820px; height:415px; } 
#contents .sub_wrapper section .content-wrap .bx-wrapper .bx-viewport { width:820px!important; height:415px!important; }

#contents .special_title { position:absolute; z-index:1000; top:330px; left:30%; }
#contents .special_title ul { margin-top:20px; }
#contents .special_title ul:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
#contents .special_title ul li { float:left; margin-left:15px; }
#contents .special_title ul li:first-child { margin-left:0; }
#contents .special_title ul li a { height:43px; display:block; }
#contents .special_title ul li a.title_img01 { width:150px; background:url('../images/sub/special/specialmenu_01.png') 0 0 no-repeat; }
#contents .special_title ul li a.title_img02 { width:190px; background:url('../images/sub/special/specialmenu_02.png') 0 0 no-repeat; }
#contents .special_title ul li a.title_img03 { width:170px; background:url('../images/sub/special/specialmenu_03.png') 0 0 no-repeat; }
#contents .special_title ul li a.title_img04 { width:172px; background:url('../images/sub/special/specialmenu_04.png') 0 0 no-repeat; }
#contents .special_title ul li a.title_img05 { width:150px; background:url('../images/sub/special/specialmenu_05.png') 0 0 no-repeat; }
#contents .special_title ul li a.title_img06 { width:170px; background:url('../images/sub/special/specialmenu_06.png') 0 0 no-repeat; }
#contents .special_title ul li a:hover { background-position:0 -46px; }
#contents .special_title ul li a.on { background-position:0 -46px; }

/* tour */
.tour_title { width:385px; height:100%; position:absolute; left:50px; top:60px; z-index:100; }
.tour_contents { width:100%; height:100%; background:url('../images/sub/tour/tour_img01.jpg') no-repeat right center; }

.tour_contents .tour_button { position:absolute; z-index:2000; left:230px; top:220px; }
.tour_contents .tour_button ul li { margin-bottom:5px; }
.tour_contents .tour_button ul li a { display:block; width:236px; height:41px;  }
.tour_contents .tour_button ul li a.tour_button1 { background:url('../images/sub/tour/tour_title01.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button2 { background:url('../images/sub/tour/tour_title02.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button3 { background:url('../images/sub/tour/tour_title03.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button4 { background:url('../images/sub/tour/tour_title04.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button5 { background:url('../images/sub/tour/tour_title05.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button6 { background:url('../images/sub/tour/tour_title06.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button7 { background:url('../images/sub/tour/tour_title07.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button8 { background:url('../images/sub/tour/tour_title08.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button9 { background:url('../images/sub/tour/tour_title09.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button10 { background:url('../images/sub/tour/tour_title10.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button11 { background:url('../images/sub/tour/tour_title11.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button12 { background:url('../images/sub/tour/tour_title12.jpg') no-repeat left center; }
.tour_contents .tour_button ul li a.tour_button13 { background:url('../images/sub/tour/tour_title13.jpg') no-repeat left center; }

.tour_contents .tour_button ul li { position:relative; }
.tour_contents .tour_button ul li > .tour_info { position:absolute; width:300px; left:250px; top:2px; padding:20px; background:url('../images/white_background.png') repeat; display:none; }
.tour_contents .tour_button ul li > .tour_info p { text-align:justify; color:#333; line-height:20px; }
.tour_contents .tour_button ul li:hover > .tour_info { display:block; }

.tour_img1 { background:url('../images/sub/tour/tour_img01.jpg') no-repeat right center; }
.tour_img2 { background:url('../images/sub/tour/tour_img02.jpg') no-repeat right center; }
.tour_img3 { background:url('../images/sub/tour/tour_img03.jpg') no-repeat right center; }
.tour_img4 { background:url('../images/sub/tour/tour_img04.jpg') no-repeat right center; }
.tour_img5 { background:url('../images/sub/tour/tour_img05.jpg') no-repeat right center; }
.tour_img6 { background:url('../images/sub/tour/tour_img06.jpg') no-repeat right center; }
.tour_img7 { background:url('../images/sub/tour/tour_img07.jpg') no-repeat right center; }
.tour_img8 { background:url('../images/sub/tour/tour_img08.jpg') no-repeat right center; }
.tour_img9 { background:url('../images/sub/tour/tour_img09.jpg') no-repeat right center; }
.tour_img10 { background:url('../images/sub/tour/tour_img10.jpg') no-repeat right center; }
.tour_img11 { background:url('../images/sub/tour/tour_img11.jpg') no-repeat right center; }
.tour_img12 { background:url('../images/sub/tour/tour_img12.jpg') no-repeat right center; }
.tour_img13 { background:url('../images/sub/tour/tour_img13.jpg') no-repeat right center; }


/* footer */
#footer:hover { background:url('../images/white_background.png') repeat; }
#footer p { margin:10px 0; }
.quick_room { background:url('../images/white_background.png') repeat; padding:15px; }
.quick_room ul {font-family: 'Roboto', sans-serif; }
.quick_room ul:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
.quick_room ul li { float:left; margin-left:20px; }
.quick_room ul li a { color:#333; }
.quick_room ul li:first-child { margin-left:0; }