@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:81px; height:69px; margin-right:-11px; background:url(../images/reser/tab_bg.png); z-index:10; }
.tab_nav li a { display:block; width:100%; text-align:center;  font-size:13px; line-height:16px; padding:32px 0 6px; }
.tab_nav li.ui-tabs-active { background-position:-81px 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:fixed; width:24.9%; min-width:370px; height:100%; right:81px; top:0; background:#fff; }
.about01 #contents_layer > div { position:absolute; height:640px; top:50%; margin-top:-320px;}
.about01 .subTitle { margin-left:-132px;}
.about01 .subTitle img { width:100%; max-width:300px; vertical-align:top; }
.greeting { margin:38px 0 0 38px;}
.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:18%; right:60px; bottom:48px; text-align:right; }
.about02 .subTitle img { width:100%; max-width:302px;}

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

/* room */
.room #slider_layer { position:relative; margin-right:81px; background:#fff;}
.room .subTitle {position:absolute; width:20%; right:150px; bottom:60px; text-align:right; z-index:10;}
.room .subTitle img { width:100%; max-width:303px; }
.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:fixed; width:700px; height:100%; background:url(../images/room/roomCon_bg.png); right:-700px; top:0; z-index:11; }
.room_con h2 { position:absolute; right:50px; bottom:60px;}
.room_con .room_text { position:absolute; width:540px; height:430px; text-align:center; left:80px; bottom:50%; margin-bottom:-150px; color:#444; }
.room_text div { font-size:13px; color:#000; line-height:22px; margin-bottom:30px;}
.room_con h3 { font-size:24px; color:#000; line-height:36px; margin-bottom:20px;}
.room_title { text-align:left; font-size:15px; line-height:20px; margin-bottom:20px; 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:8px 5px; color:#000;}
.chargeTable td { padding:8px 5px; text-align:center; border-top:1px solid #333; color:#000;}
.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:50px 0 0 !important;}
.room_price_02 .link_reser { display:inline-block; background:#000;}
.room_price_02 .link_reser img { vertical-align:top;}

.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; }
.room00 .subTitle { position:absolute; width:25%; right:60px; bottom:48px; text-align:right; }
.room00 .subTitle img { width:100%; max-width:448px;}
.preview_list { position:absolute; width:820px; height:560px; left:50%; top:50%; margin:-320px 0 0 -300px; z-index:10;}
.preview_list02 { position:absolute; width:820px; height:560px; left:50%; top:50%; margin:-320px 0 0 -300px; z-index:9;}
.preview_list li { position:absolute;}
.preview_list li.room01, .preview_list02 .room01 { left:680px; top:470px;} 
.preview_list li.room02, .preview_list02 .room02 { left:650px; top:310px;}
.preview_list li.room03, .preview_list02 .room03 { left:630px; top:180px;}
.preview_list li.room04, .preview_list02 .room04 { left:360px; top:490px;} 
.preview_list li.room05, .preview_list02 .room05 { left:360px; top:390px;}
.preview_list li.room06, .preview_list02 .room06 { left:370px; top:300px;}
.preview_list li.room07, .preview_list02 .room07 { left:225px; top:510px;} 
.preview_list li.room08, .preview_list02 .room08 { left:225px; top:430px;}
.preview_list li.room09, .preview_list02 .room09 { left:235px; top:360px;}

.preview_list li .dot { display:block; width:20px; height:20px; background:url(../images/room/preview_arrow01.png) right bottom no-repeat;}
.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:fixed; right:190px; top:230px; z-index:3;}
.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:fixed; width:451px; height:100%; right:-600px; top:0; background:#e9a318;opacity:0; filter: alpha(opacity=0;); z-index:5;}
.special_con { position:absolute; width:100%; top:50%; margin-top:-280px; }
.special_con h3 { text-align:right; margin:0 30px 24px 0;}
.sp_nav { 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:112px; height:96px; margin-left:1px;}
.sp_nav li:first-child { margin:0;}
.sp_nav li a { display:block; width:100%; height:100%; }
.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 { width:350px; margin:50px auto 0;}
.special_con dl dt { margin-bottom: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:12px; text-transform:uppercase;}
.special_con dl dd { color:#fff; font-size:14px; line-height:22px;}
.special_con dl dd div { font-size:13px; line-height:18px; letter-spacing:-0.5px;}

/* facility */
.facility_line {position:fixed; width:416px; height:100%; right:518px; top:0; background:url(../images/about/typo02_03.png) right -5px no-repeat; z-index:3;}
.facility .subTitle { z-index:2;}
.facilityTitle { position:fixed; width:319px; height:312px; background:url(../images/facility/facilityTitle_bg.png) center center no-repeat; right:285px; bottom:31.9%; font-weight:normal; z-index:3}
.facilityTitle span { display:block; text-align:center; color:#fff; padding-top:150px; font-size:14px; line-height:20px; text-shadow:2px 2px rgba(0,0,0,0.2);
	-moz-text-shadow:2px 2px rgba(0,0,0,0.2);
	-webkit-text-shadow:2px 2px rgba(0,0,0,0.2); }
.facilityTitle span strong { font-size:24px; line-height:36px; }
.facility .btn_info { position:fixed; right:270px; bottom:31.9%; margin-bottom:134px; z-index:6}
.facility_con { position:fixed; width:588px; height:100%; background:url(../images/facility/facilityCon_bg.png) left bottom no-repeat; right:-400px; top:0; z-index:5; }
.facility_con .facility_text { position:absolute; width:360px; height:560px; text-align:center; left:110px; top:50%; margin-top:-280px; color:#446660;font-size:13px; line-height:20px;   }
.facility_text h3 { font-size:15px; padding-bottom:20px; background:url(../images/sub/subTitle_line.gif) center bottom no-repeat; margin-bottom:20px; }
.facility_text a { color:#446660; text-decoration:underline;}
.facility_img { margin-bottom:60px; }
.facility05 .facility_img { margin-bottom:30px;}

/* tour */
.tour#wrap { background:#404040;}
.tour #contents_layer { position:absolute; width:349px; height:100%; right:0; top:0;background:#404040;  }
.tour #contents_layer > div { position:absolute; width:100%; height:700px; left:0; top:50%; margin-top:-350px;}
.tour .subTitle {z-index:2; margin-left:-125px;}
.tour_nav { margin:20px 0 20px 25px;  }
.tour_nav li a { font-size:14px; line-height:20px; color:#fff; padding-left:16px;}
.tour_nav li.this a {color:#ff8a00; font-weight:700; background:url(../images/tour/tour_nav_bullet.gif) left 6px 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:12px; line-height:16px; 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:66px; bottom:55px; text-align:right; }
.reser .subTitle img { width:100%; max-width:368px; vertical-align:top; }
.reser_acc { position:absolute; right:0; top:28px; }
.reser #contents_layer { margin-left:410px; }
.reser_con { position:relative; margin:0 170px; top:50px; font-size:13px; line-height:18px;}
.reser_con dl {}
.reser_con dl dt { margin-bottom:15px;}
.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:6px 5px; background:#efefef; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.room_charge02 td { padding:6px 5px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:url(../images/bg/white_50.png);}
.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:8px 5px; background:#f5f5f5; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.cancelTable td { padding:8px 5px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.cancelTable th.first, .cancelTable td:first-child { border-left:none;}



/* map */
.map .subTitle { position:relative; left:-105px; top:70px; margin-bottom:40px; }
.map .subTitle h2 { }
.map .subTitle h2 img { max-width:271px; vertical-align:top;}
.map .subTitle div { margin:20px 0 20px 140px; font-size:13px; } 
#map { position:fixed; width:61.2%; height:100%; overflow:hidden;}
.map_frame { position:absolute; width:160%; height:165%; left:50%; top:-25%; margin:-79px 0 0 -70%;}
.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:absolute; width:38.8%; min-width:520px;  height:100%; right:0; top:0; background:#fff;}
.map_con { position:relative; width:90%; left:35px; top:70px;  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 */
.board #contents { margin-left:750px; overflow:hidden; }
.board .subTitle { position:relative; text-align:right; top:80px; margin:0 80px 0 0; }
.board .subTitle h2 { width:40%; margin-left:60%;}
.board .subTitle h2 img { width:100%; max-width:280px; vertical-align:top;}
.layer_board { position:relative; top:100px;}
.guest_board { margin:0 80px;  }
.board_frame { width:100%; padding:10px 0;}


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



@media  (max-width: 1680px){

.room00 .subTitle { width:23%; right:40px; bottom:30px;}
.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;}

.reser .subTitle { right:44px; bottom:33px; }
.reser_con { margin:0 50px; top:50px;}

}

@media  (max-width: 1420px){

.room .subTitle {right:130px; bottom:30px;}
.room_con .room_text {margin-bottom:-215px; }
.room_con h2 {right:10px; bottom:10px;}
.room_con h2 img {width:180px; }

.board #contents { margin-left:35%; background:#fff; }
.board .subTitle { top:60px; margin:0 50px 0 0; }
.layer_board { top:80px;}
.guest_board { margin:0 50px;  }

}

@media  (max-width: 1280px){

.room00 .subTitle { width:20%; right:20px; bottom:15px;}

.reser .subTitle { right:22px; bottom:22px; }
.reser_con { margin:0 30px; top:30px;}
.room_charge02 th, .room_charge02 td { font-size:12px; padding:6px 3px; }

}


@media  (max-width: 1024px){

.board #contents { margin-left:390px; background:#fff; }
.board .subTitle { top:60px; margin:0 20px 0 0; }
.layer_board { top:80px;}
.guest_board { margin:0 20px;  }
}


@media  (max-width: 768px){

}


@media  (max-width: 560px){


}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}