@charset "euc-kr";


.subTitle {opacity:0; filter: alpha(opacity=0;); z-index:6;}
.subTitle .title {font-family:"NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"µ¸¿ò"; font-size:30px;font-weight:normal; line-height:35px; }
.subTitle div { margin-top:10px; font-size:16px; line-height:20px; }

.list01 {}
.list01 li { font-size:13px; line-height:20px; margin-bottom:3px; background:url(../images/sub/list_bullet01.gif) left 10px no-repeat; padding-left:12px;}

.tab { position:relative;}
.tab_nav {  position:relative; border-bottom:2px solid #ff8a00; margin-bottom:30px; z-index:10; zoom:1;}
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { position:relative; display:inline-block; width:58px; height:49px; margin-right:-11px; background:url(../images/reser/tab_bg.png); background-size:116px 50px; z-index:10; }
.tab_nav li a { display:block; width:100%; text-align:center;  font-size:12px; line-height:13px; padding:20px 0 6px; }
.tab_nav li.ui-tabs-active { background-position:-58px 0; z-index:11;}
.tab_nav li.ui-tabs-active a { color:#fff; font-weight:700; }

.btn_info { display:block; width:65px; height:65px; background:url(../images/sub/btn_info.png) no-repeat; z-index:10; opacity:0; filter: alpha(opacity=0;);}
.btn_info.on { background-position:-65px 0;}
.room .btn_info.on, .facility .btn_info, .tour .btn_info.on { background-position:0 -65px;}
.room .btn_info, .facility .btn_info.on, .tour .btn_info { background-position:-65px -65px;}

.conTitle { position:fixed; width:319px; height:312px; right:420px; bottom:18.5%; background:url(../images/sub/conInfo_bg.png) no-repeat; color:#fff;text-align:center; font-weight:normal;opacity:0; filter: alpha(opacity=0;); z-index:3;}
.conTitle .con_title01 {display:block; width:100%; font-family: 'Droid Serif', serif; font-size:20px; letter-spacing:1px; padding:90px 0 20px; background:url(../images/sub/subTitle_line.gif) center bottom no-repeat; margin-bottom:20px;  }
.conTitle .con_title02 { line-height:22px;}
.conTitle .con_title02 strong { font-size:16px; line-height:30px;}
.room .conTitle {right:100px; bottom:17.7%; z-index:5;}
.room00 .conTitle {right:420px; bottom:18.5%; z-index:2;}
.room01 .conTitle { background:url(../images/room/roomTitle_bg_01.png) no-repeat;}
.room02 .conTitle { background:url(../images/room/roomTitle_bg_02.png) no-repeat;}
.room03 .conTitle { background:url(../images/room/roomTitle_bg_03.png) no-repeat;}
.room04 .conTitle { background:url(../images/room/roomTitle_bg_04.png) no-repeat;}
.room05 .conTitle { background:url(../images/room/roomTitle_bg_05.png) no-repeat;}
.room06 .conTitle { background:url(../images/room/roomTitle_bg_06.png) no-repeat;}


/* about01 */
.about01 #contents_layer { position:relative; margin-top:-75px;}
.about01 #contents_layer > div {  }
.about01 .subTitle { }
.about01 .subTitle span { display:block; }
.about01_title01 { text-align:right; padding-right:10px;}
.about01_title01 img { width:100px;}
.about01_title02 { padding-left:20px; }
.about01_title02 img { width:90px;}
.greeting { margin:10px 0 40px 20px;}
.greeting strong { font-size:15px;}
.about01 .master-slider { width:70.8% !important; }
.about01 .ms-slide-container div { width:100% !important;}

/* about02 */
.about02 .subTitle { position:absolute; width:30%; right:20px; bottom:20px; text-align:right; }
.about02 .subTitle img { width:100%; max-width:150px;}

/* about03 */
.about03 .subTitle { position:absolute; width:30%; right:20px; bottom:20px; text-align:right; }
.about03 .subTitle img { width:100%; max-width:150px;}

/* room */
.room #slider_layer { position:relative; background:#fff;}
.room .subTitle {position:absolute; width:20%; right:20px; bottom:20px; text-align:right; z-index:10;}
.room .subTitle img { width:100%; max-width:150px; }
.btn_roomInfo {position:absolute; display:block; width:121px; height:121px; top:50%; right:120px; margin:-60px 0 0; background:url(../images/room/btn_info_open.png); z-index:12;}
.btn_roomInfo.on {background:url(../images/room/btn_info_close.png);}

.room_con { position:relative; width:100%; background:url(../images/room/roomCon_bg.png); top:0; z-index:11;}
.room_con h2 { position:absolute; right:20px; top:-48px; }
.room_con h2 img {width:115px;}
.room_con .room_text { text-align:center;  color:#444; padding-top:50px; }
.room_text div { font-size:12px; color:#000; line-height:20px; margin-bottom:20px;}
.room_con h3 { font-size:16px; color:#000; line-height:24px; margin-bottom:20px;}
.room_title { text-align:left; font-size:13px; line-height:18px; margin-bottom:10px; font-weight:700; color:#000; }
.chargeTable { width:100%; border-collapse: collapse; border-top:2px solid #000; border-bottom:2px solid #000; margin:10px 0 20px; }
.chargeTable th { padding:5px 2px; color:#000; font-size:11px;}
.chargeTable td { padding:5px 2px; text-align:center; border-top:1px solid #333; color:#000; font-size:11px;}
.chargeTable .leftBorder { background:url(../images/room/charge_line.gif) left center no-repeat;}
.chargeTable .bottomBorder { background:url(../images/room/charge_line2.gif) center bottom no-repeat; background-size:90% 1px;}

.room_line { position:fixed; width:100%; height:539px; left:0; bottom:29.2%; background:url(../images/room/room_line.png) right bottom no-repeat; z-index:3;}

.room_price_02 { margin:30px 0 0 !important; padding-bottom:30px;}
.room_price_02 .link_reser { display:inline-block; background:#000;}
.room_price_02 .link_reser img { width:200px; vertical-align:top;}

.nav_room { background:#ff8a00;}
.nav_room:after {content:"";display:block;clear:both;}
.nav_room li { position:relative; float:left; display:inline; width:20%; text-align:center;}
.nav_room li .img { opacity:.5; filter: alpha(opacity=50;);}
.nav_room li.this .img {opacity:1; filter: alpha(opacity=100;);}
.nav_room li .img img { width:100%; vertical-align:top; }
.nav_room li .title { position:absolute; width:100%; text-align:center; font-size:14px; line-height:20px; padding:35% 0 0; color:#fff; }

.ms-thumb-list.ms-dir-v { position:absolute;width:96px; height:100%; right:0; top:0; border-left:5px solid #ff8a00; background:#000; overflow:hidden; }
.ms-thumbs-cont { height:100% !important;}
.ms-thumb { width:100% !important;  height:auto !important; vertical-align:top; margin:0 !important; visibility:visible !important;}
.ms-thumb-list .ms-thumb-frame { opacity:.4; filter: alpha(opacity=40;);transition: opacity 300ms ease 0s;width: 96px; margin:0;cursor:pointer; overflow:hidden;}
.ms-thumb-list .ms-thumb-frame-selected {opacity:1; filter: alpha(opacity=100;);}

/* room_preview */
.room_preview { background:url(../images/room/roomPreview_img.jpg) center center no-repeat; background-size:700px 800px; min-height:450px;}
.room00 .subTitle { position:absolute; width:36%; right:20px; bottom:20px; text-align:right; }
.room00 .subTitle img { width:100%; max-width:150px;}
.preview_list { position:absolute; width:320px; height:300px; left:50%; top:50%; margin:-180px 0 0 -160px; z-index:10; }
.preview_list02 { position:absolute; width:320px; height:300px; left:50%; top:50%; margin:-180px 0 0 -160px; z-index:9;}
.preview_list li { position:absolute;}
.preview_list li.room01, .preview_list02 .room01 { left:246px; top:219px;} 
.preview_list li.room02, .preview_list02 .room02 { left:230px; top:140px;}
.preview_list li.room03, .preview_list02 .room03 { left:224px; top:70px;}
.preview_list li.room04, .preview_list02 .room04 { left:84px; top:232px;} 
.preview_list li.room05, .preview_list02 .room05 { left:84px; top:178px;}
.preview_list li.room06, .preview_list02 .room06 { left:86px; top:132px;}
.preview_list li.room07, .preview_list02 .room07 { left:16px; top:236px;} 
.preview_list li.room08, .preview_list02 .room08 { left:16px; top:196px;}
.preview_list li.room09, .preview_list02 .room09 { left:22px; top:160px;}

.preview_list li a { display:block; width:30px; height:33px; background:url(../images/room/preview_arrow02.png) left top no-repeat; background-size:30px 33px; color:#fff; font-size:11px; line-height:10px; text-align:center;}
.preview_list li a .title { display:block; padding:5px 8px 0 0;}
.preview_list02 div { display:none; position:absolute;}
.preview_list02 .title { position:absolute; display:block; width:160px; height:159px; right:0; bottom:0; background:url(../images/room/preview_arrow02.png) right bottom no-repeat;}
.preview_list02 .title span { display:block; text-align:center; font-size:20px; line-height:30px; padding:55% 0 0 10%; color:#fff;}


/* special */
.special .subTitle {position:absolute; width:36%; right:20px; bottom:10px; text-align:right; z-index:5;}
.special .subTitle img { width:100%; max-width:150px;}
.sp_bar { position:absolute; width:67px; height:100%; right:0; top:0; background:#ff8a00; z-index:3;}
.special .btn_spInfo { position:fixed; display:block; width:121px; height:121px; right:115px; top:50%; margin-top:-60px; background:url(../images/special/btn_info_open.png); z-index:12;}
.special .btn_spInfo.on {background:url(../images/special/btn_info_close.png); }

.specialCon_bg {position:relative; width:100%;  background:#e9a318; z-index:5;}
.special_con { position:relative; width:100%; }
.special_con h3 { text-align:right; margin:0 30px 24px 0;}
.sp_nav { width:100%; max-width:451px; margin:0 auto; zoom:1;}
.sp_nav:after {content:"";display:block;clear:both;}
.sp_nav li { position:relative; float:left; display:inline; width:25%;}
.sp_nav li:first-child { margin:0;}
.sp_nav li a { display:block; }
.sp_nav li .img { opacity:.4; filter: alpha(opacity=40;);}
.sp_nav li .img img { width:100%; vertical-align:top;}
.sp_nav li.this .img, .sp_nav li a:hover .img, .sp_nav li a:focus .img {opacity:1; filter: alpha(opacity=100;);}
.sp_nav li .title { position:absolute; display:block; width:100%; text-align:center; left:0; top:40px; color:#fff; font-size:15px; opacity:0; filter: alpha(opacity=0;); }
.sp_nav li.this .title, .sp_nav li a:hover .title, .sp_nav li a:focus .title {opacity:1; filter: alpha(opacity=100;);}
.special_con dl {  margin:20px auto 0;}
.special_con dl dt { margin:0 0 20px 20px; }
.special_con dl dt span { display:block; color:#fff;font-size:16px; font-weight:700; line-height:26px;}
.special_con dl dt .sp_title01 { font-family: 'Roboto Condensed', sans-serif;  letter-spacing:6px; text-transform:uppercase;}
.special_con dl dd { color:#fff; font-size:14px; line-height:22px;padding:0 0 30px 20px;}
.special_con dl dd div { font-size:13px; line-height:18px; letter-spacing:-0.5px;}

/* tour */
.tour#wrap { background:#404040;}
.tour #contents_layer { position:relative;  margin-top:-58px;}
.tour #contents_layer > div { position:relative; background:#404040; }
.tour .subTitle { position:relative; text-align:right; margin-right:20px; z-index:2; }
.tour .subTitle img { width:120px;}
.tour_nav { position:relative; margin:-20px 0 20px 20px; z-index:3;}
.tour_nav li a { font-size:16px; line-height:24px; color:#fff; padding-left:16px;}
.tour_nav li.this a {color:#ff8a00; font-weight:700; background:url(../images/tour/tour_nav_bullet.gif) left 8px no-repeat;}
.tour_nav li a:hover, .tour_nav li a:focus { text-decoration:underline;}
.tour_nav li ul { display:none;}
.tour_nav li.this ul { display:block; margin:0 30px 0 16px;}
.tour_nav li.this ul li { font-size:13px; line-height:18px; color:#aaa; padding:5px 0 15px; margin-bottom: 15px; border-bottom:1px dotted #666; }
.tour .btn_info { position:fixed; right:399px; bottom:10%; margin-bottom:280px;}
.tour_con { margin:30px 40px 0 20px; }
.tour_con .tour_text { color:#fff; letter-spacing:-0.3px; font-size:13px; line-height:18px; text-align:right; }
.tour_text h3 { font-size:16px; background:url(../images/sub/subTitle_line.gif) center bottom no-repeat; margin-bottom:20px; }
.tour_text h3 span { display:inline-block; padding-bottom:3px; border-bottom:1px solid #fff;}
.tour_con .tour_text a {color:#fff; text-decoration:underline;}

/* reser */
.reser #contents { position:relative; }
.reser .subTitle { position:absolute; width:30%; right:13px; top:69px; text-align:right; }
.reser .subTitle img { width:100%; max-width:180px; vertical-align:top; }
.reser_acc {padding:22px 0 21px; text-align:right; color:#000;}
.reser_acc a { color:#000;}
.reser #contents_layer { width:100%; margin-bottom:20px; }
.reser_con { position:relative; margin:0 15px 0 10px; font-size:13px; line-height:18px;}
.reser_con dl {}
.reser_con dl dt { margin-bottom:15px;}
.reser_con dl dt img { width:100px;}
.reser_con dl dd { margin-bottom:30px;}
.room_charge02 { width:100%; border-collapse: collapse; border-top:1px solid #ddd;  margin-bottom:20px;}
.room_charge02 th { padding:5px 2px; background:#efefef; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:11px;}
.room_charge02 td { padding:5px 2px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:10px; letter-spacing:-0.5px; }
.room_charge02 th.first, .room_charge02 td:first-child { border-left:none;}
.room_charge02 tbody tr:hover {cursor:pointer;}
.room_charge02 tbody tr:hover td { background:#ff8a00; color:#fff; border-left:1px solid #fff;}
.room_charge02 tbody tr:hover td:first-child { border-left:none;}

.cancelTable { width:100%; border-collapse: collapse; border-top:1px solid #ddd; margin-top:20px; }
.cancelTable th { padding:5px 2px; background:#f5f5f5; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:11px;}
.cancelTable td { padding:5px 2px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:11px;}
.cancelTable th.first, .cancelTable td:first-child { border-left:none;}



/* map */
.map .subTitle { position:relative; margin-bottom:35px; }
.map .subTitle h2 { position:absolute; right:20px; top:-82px; }
.map .subTitle h2 img { max-width:100px; vertical-align:top;}
.map .subTitle div { margin:20px 0 20px 140px; font-size:13px; } 
#map { position:relative; width:100%; height:220px; overflow:hidden;}
.map_frame { position:absolute; width:160%; height:200%; left:50%; top:-20%; margin:-79px 0 0 -90%;}
.map_img { position:absolute; 1200px; height:450px; left:50%; top:50px; margin:-120px 0 0 -600px;}
.map_img img { width:1200px; height:450px;}
.link_b { display:inline-block; margin:0 3px; font-size:13px; line-height:22px; font-weight:700; padding:8px 30px; background:#84ccc9; color:#fff;  border-right:1px solid #57a3a0; border-bottom:1px solid #57a3a0; border-radius:4px; behavior: url(../css/PIE.htc);}
.map #contents_layer { position:relative; background:#fff;}
.map_con { position:relative; margin:0 10px; z-index:5; }
.map_con h3 { font-size:15px; padding:0; margin-bottom:15px; }
.map .list01 { margin-bottom:20px;}
.map .list01 li { margin-bottom:10px;}



/* board */
.nav_board { position:absolute; left:0; top:129px; z-index:15;}
.nav_board li { float:left; display:inline; margin-left:1px;}
.nav_board li a { display:block; line-height:16px; padding:5px 5px; background:url(../images/bg/black_50.png); color:#fff;}
.nav_board li.this a { background:#fff; color:#ff8a00; font-weight:700;}
.board #contents { overflow:hidden; }
.board .subTitle { position:relative; height:105px; }
.board .subTitle h2 { position:absolute; width:32%; right:10px; bottom:0px; text-align:right;}
.board .subTitle h2 img { width:100%; max-width:140px; vertical-align:top;}
.layer_board { position:relative; top:10px;}
.guest_board { margin:0 10px;  }
.board_frame { width:100%; padding:10px 0 20px;}


@media \0screen { /* IE8 À¥ÆùÆ® ¼³Á¤*/
}



@media  (max-width: 1680px){

.tour_nav ul li a span { padding:30% 0;font-size:14px;}
.tour_nav ul li a span.line { padding:22% 0;font-size:14px;}

}

@media  (max-width: 1420px){


}

@media  (max-width: 1280px){


.room_charge02 th, .room_charge02 td { font-size:12px; padding:6px 3px; }

}


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


@media  (max-width: 768px){

}


@media  (max-width: 560px){


}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}