@charset "euc-kr";

.sub_arrow {position:fixed; width:65px; height:65px; left:50%; bottom:200px; margin-left:-132px; z-index:10; }

.subTitle { position:fixed; width:500px; text-align:center; left:50%; bottom:60px; margin-left:-350px; 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 { border-bottom:2px solid #6f8c8c; margin-bottom:5px; zoom:1;}
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin-right:2px; border:1px solid #ddd; border-bottom:0;  border-radius:6px 6px 0 0;behavior: url(../css/PIE.htc);}
.tab_nav li a { display:inline-block; background:#f5f5f5; font-size:13px; line-height:22px; padding:5px 30px; border:1px solid #fff; border-radius:6px 6px 0 0; behavior: url(../css/PIE.htc);}
.tab_nav li.ui-tabs-active {border:1px solid #9db2b2; border-bottom:0;}
.tab_nav li.ui-tabs-active a { background:#6f8c8c; color:#fff; font-weight:700; border:1px solid #9db2b2; border-bottom:1px solid #9db2b2; }

.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 { margin-right:200px; padding-bottom:40px;}
.about01 .subText { position:absolute; left:138px; top:0;}
.about_con { position:relative; zoom:1;}
.about_con:after {content:""; display:block; clear:both;}
.about_con img {  width:100%; vertical-align:top;}
.about_con > div {float:left; display:inline; width:50%;}
/*.about_con01, .about_con01_1, .about_con05_1, .about_con09 { position:relative; float:left; display:inline; width:50%;}
.about_con03, .about_con04 { float:left; display:inline; width:50%;}
.about_con05_1 div {  float:left; display:inline; width:50%;}*/

.about01 .sub_arrow {bottom:200px;}

/* about02 */
.about_line { position:fixed; width:416px; height:100%; right:324px; top:0; background:url(../images/about/typo02_03.png) right -5px no-repeat; z-index:5;  }
.about02 .subText { position:absolute; left:0; top:50%; margin-top:-100px;}
.about .conTitle { bottom:32.2%;}


/* room_preview */



/* room */

.roomInfo { position:fixed; width:800px; height:100%; right:300px; top:0; background-image:url(../images/bg/white_70.png); opacity:1; filter: alpha(opacity=100;); z-index:6;}
.room .btn_info { position:fixed; right:382px; bottom:17.7%; margin-bottom:132px; z-index:9; }
.room_con { position:fixed; width:710px; height:100%; background:url(../images/facility/facilityCon_bg.png) left bottom no-repeat; right:-680px; top:0; z-index:8; }
.room_con .room_text { position:absolute; width:550px; text-align:center; left:120px; top:17.7%; color:#446660; }
.room_text h3 { font-size:15px; padding-bottom:20px; background:url(../images/sub/subTitle_line.gif) center bottom no-repeat; margin-bottom:20px; }
.chargeTable { width:100%; border-collapse: collapse; border-top:1px solid #ccc; margin:10px 0 20px; }
.chargeTable th { padding:8px 5px; background-image:url(../images/bg/black_05.png); border-bottom:1px solid #ccc; border-left:1px solid #ccc; color:#666;}
.chargeTable td { padding:8px 5px; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;color:#666;}
.chargeTable th.first, .chargeTable td.first { border-left:none;}

.room_nav { position:fixed; width:310px; height:120px; right:102px; bottom:17.7%; margin-bottom:200px; z-index:8;}
.room_nav li { position:absolute; opacity:0; filter: alpha(opacity=0;); }
.room_nav li.room01 {left:8px;top:52px;}
.room_nav li.room02 {left:52px;top:18px;}
.room_nav li.room03 {left:104px;top:0px;}
.room_nav li.room04 {left:160px;top:5px;}
/* .room_nav li.room05 {left:212px;top:26px;} */
.room_nav li.room05 {left:8px;top:52px;}
.room_nav li.room06 {left:55px;top:14px;}
.room_nav li.room08 {right:142px;top:-5px;}
/* .room_nav li.room07 {right:0;top:180px;} */
.room_nav li.room07 {right:8;top:52px;}


.room_nav li a { display:block; width:50px; height:50px; background:url(../images/room/room_nav.png); font-size:13px; color:#fff; line-height:50px; text-align:center;  }
.room_nav li a:hover { text-decoration:underline;}
.room_nav li.room02 a { background-position:-50px 0;}
.room_nav li.room03 a { background-position:-100px 0;}
.room_nav li.room04 a { background-position:-150px 0; color:#446660;}
.room_nav li.room05 a { background-position:-200px 0;}
.room_nav li.room06 a { background-position:-250px 0; background: #cc00ff; border-radius: 100%}
.room_nav li.room07 a { background-position:-300px 0;}

.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_preview */
.preview_title { position:absolute; width:480px; left:50%; top:340px; margin-left:-106px;opacity:0; filter: alpha(opacity=0;);}
.preview_title01 { font-size:25px; line-height:1.25em; color:#000; margin-bottom:30px; margin-left:130px; }
.preview_title p {margin-left:130px;}
.preview_title02 { margin-top:10px; opacity:0; filter: alpha(opacity=0;);}

.preview_list { position:fixed; width:191vh; height:100vh; left:0; top:0; z-index:2; }
.preview_list li { position:absolute; width:62px; margin:-31px 0 0 -31px; }
.preview_list li span {font-size:13px; color:#fff;}
.preview_list li.room01 { left:42.5%; top:31%;}
.preview_list li.room02 { left:37%; top:31%;}
.preview_list li.room03 { left:32%; top:31%;}
.preview_list li.room04 { left:27%; top:31%;}
.preview_list li.room05 { left:26%; top:45%;}
.preview_list li.room06 { left:43%; top:45%;}
.preview_list li.room07 { left:56%; top:33%;}
.preview_list li.room08 { left:56%; top:46%;}
.preview_list li .title { position:relative; display:block; width:62px; height:62px; background:url(../images/room/roomPreview_bg.png);) font-size:13px; line-height:62px; text-align:center; color:#446660; margin-top:-70px;  z-index:3; opacity:0; filter: alpha(opacity=0;);}
.preview_list li .dot { position:relative; display:block; width:21px; height:21px; margin:0 auto; background:url(../images/room/roomPreview_nav.png);  z-index:4;}
.preview_list li.room02 .dot { background-position:-21px 0;}
.preview_list li.room03 .dot { background-position:-42px 0;}
.preview_list li.room04 .dot { background-position:-63px 0;}
.preview_list li.room05 .dot { background-position:-84px 0;}
.preview_list li.room06 .dot { background-position:-105px 0;}
.preview_list li.room07 .dot { background-position:-126px 0;}
.preview_list li.room08 .dot { background-position:-147px 0;}
.preview_list li.sliderkit-selected .title {opacity:1; filter: alpha(opacity=100;);}

.preview_list li.room01 a:hover .dot, .preview_list li.room01 a:focus .dot {background-position:0 -21px;}
.preview_list li.room02 a:hover .dot, .preview_list li.room02 a:focus .dot {background-position:-21px -21px;}
.preview_list li.room03 a:hover .dot, .preview_list li.room03 a:focus .dot {background-position:-42px -21px;}
.preview_list li.room04 a:hover .dot, .preview_list li.room04 a:focus .dot {background-position:-63px -21px;}
.preview_list li.room05 a:hover .dot, .preview_list li.room05 a:focus .dot {background-position:-84px -21px;}
.preview_list li.room06 a:hover .dot, .preview_list li.room06 a:focus .dot {background-position:-105px -21px;}
.preview_list li.room07 a:hover .dot, .preview_list li.room07 a:focus .dot {background-position:-126px -21px;}
.preview_list li.room08 a:hover .dot, .preview_list li.room08 a:focus .dot {background-position:-147px -21px;}

.preview_img {position:fixed; width:202px; height:202px; right:375px; bottom:18.5%; margin-bottom:250px; ; z-index:3; background:url(../images/room/preview_img_01.png) no-repeat;}
.preview_img li { position:absolute;left:0; top:0; display:none;}
.sliderkit-panel { z-index:3;}
.sliderkit-panel-old { z-index:4;}
.sliderkit-panel-active { z-index:5;}


/* service */
.service .subTitle { bottom:110px; }
.serviceTitle { position:fixed; width:319px; height:312px; background:url(../images/service/serviceTitle_bg.png) center bottom no-repeat; right:214px; bottom:16%; font-weight:normal;}
.serviceTitle 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);  }
.serviceTitle span strong { font-size:24px; line-height:36px; }
.service .btn_info { position:fixed; right:338px; bottom:16%; margin-bottom:263px; }
.service_con { display:none; position:fixed; width:470px; height:390px; background:url(../images/service/serviceCon_bg.png) left bottom no-repeat; right:350px; bottom:16%; margin-bottom:100px; opacity:0; filter: alpha(opacity=0;);}
.service_con .service_text { width:300px; text-align:center; margin:124px 0 0 20px; color:#446660; font-size:13px; line-height:18px;  }
.service_text h3 { font-size:15px; padding-bottom:20px; background:url(../images/sub/subTitle_line.gif) center bottom no-repeat; margin-bottom:20px; }
.service_text a { color:#446660; text-decoration:underline;}
.service_img { position:absolute; right:101px; top:101px; width:0; opacity:0; filter: alpha(opacity=0;);}
.service_line { position:fixed; width:100%; height:378px; left:0; top:36.6%; background:url(../images/service/service_line.png) right top no-repeat; z-index:3;}

/* 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; }
.facility04 .facility_img, .facility05 .facility_img { margin-bottom:30px;}

.facility04 .facility_text { margin-top:-400px; line-height:18px;}

/* tour */
.tour .subTitle {z-index:2;}
.tour .conTitle {right:368px; top:auto; bottom:10%; margin-bottom:250px; background:url(../images/tour/tourTitle_bg.png) no-repeat; z-index:5;}
.tour_nav { position:fixed; width:260px; height:100%; right:176px; top:0; z-index:11;}
.tour_nav ul { position:absolute; width:100%; height:100%; right:0; top:0; z-index:6;}
.tour_nav ul li { width:68%; height:10.65%;}
.tour_nav ul li.t02 { margin-left:3.2%;}
.tour_nav ul li.t03 { margin-left:6.4%;}
.tour_nav ul li.t04 { margin-left:9.6%;}
.tour_nav ul li.t05 { margin-left:12.8%;}
.tour_nav ul li.t06 { margin-left:16%;}
.tour_nav ul li.t07 { margin-left:19.2%;}
.tour_nav ul li.t08 { margin-left:22.4%;}
.tour_nav ul li.t09 { margin-left:25.6%;}
.tour_nav ul li a {display:block; width:100%; height:100%; }
.tour_nav ul li a span {display:none; width:100%; text-align:center; padding:32% 0 0; color:#fff; font-size:15px;
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);}
.tour_nav ul li.this a span { display:block;}
.tour_nav ul li a span.line { padding:23% 0 0;}
.tour_nav_img {position:absolute; height:100%; right:0; top:0; text-align:left; z-index:10;}
.tour_nav_img img {position:relative; width:auto; height:100%; z-index:5;}
.tour .btn_info { position:fixed; right:399px; bottom:10%; margin-bottom:280px; }
.tour_con { position:fixed; width:342px; height:342px; background:url(../images/service/serviceCon_bg.png) left bottom no-repeat; right:428px; bottom:10%; z-index:3; }
.tour_con .tour_text { width:340px; text-align:center; margin:60px 0 0 5px; color:#446660; letter-spacing:-0.3px; }
.tour_text h3 { font-size:16px; padding-bottom:20px; background:url(../images/sub/subTitle_line.gif) center bottom no-repeat; margin-bottom:20px; }
.tour_con .tour_text a {color:#446660; text-decoration:underline;}

/* reser */
.reser #contents { position:relative; width:1140px; left:100px; top:120px;}
.reser .subTitle { position:relative; text-align:left; left:0; top:0;margin:0 0 10px 0; }
.reser .reser_con { margin-top:20px; font-size:13px; line-height:26px;}
.reser .subTitle div { font-size:13px; line-height:18px; margin:10px 0 35px 54px; color:#446660;  }
.reser .subTitle div strong { display:block; margin-top:10px; font-size:16px; line-height:22px;}
.reser #contents_layer { margin-left:54px; }
.reser table td { background:url(../images/bg/white_50.png);}
.room_charge02 { width:100%; border-collapse: collapse; border-top:1px solid #ddd;  margin-bottom:20px;}
.room_charge02 th { padding:8px 5px; background:#efefef; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.room_charge02 td { padding:8px 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:#6f8c8c; 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; width:316px; text-align:left; left:100px; top:120px; margin:0 0 10px 0; }
.map .subTitle div { font-size:13px; line-height:18px; margin:10px 0 35px 54px; color:#446660;  }
.map .subTitle div strong { display:block; margin-top:10px; font-size:16px; line-height:22px;}
#map { position:relative; width:80%; height:100%; overflow:hidden;}
#map img {margin:-80px 0 0 -30px;}
.map_frame { position:absolute; width:160%; height:165%; left:50%; top:-25%; margin:-79px 0 0 -115%;}
.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_con { position:fixed; width:560px; height:100%; background:url(../images/facility/facilityCon_bg.png) left center no-repeat; right:200px; top:0; z-index:5; }
.map_con .tab_map { position:absolute; height:420px; padding:0 40px 0 120px; text-align:center; left:0; top:50%; margin-top:-210px; color:#446660; }
.tab_map h3 { font-size:15px; padding:0 0 20px; background:url(../images/sub/subTitle_line.gif) center bottom no-repeat; margin-bottom:20px; }
.map_img { margin-bottom:60px; }
.map .list01 li { background:none; margin-bottom:20px;}

.tab_nav02 { position:absolute; left:0; top:50%; margin-top:-100px;}
.tab_nav02 li { width:100px; height:100px; background:url(../images/sub/tab_bg.png); margin-bottom:15px;}
.tab_nav02 li.tab02 { margin-left:10px;}
.tab_nav02 li.ui-tabs-active { background-position:-100px 0;}
.tab_nav02 li a { display:block; width:100px; height:40px; padding:30px 0; font-size:14px; line-height:20px; color:#446660; }
.tab_nav02 li.ui-tabs-active a { color:#fff;}
#map02 { display:none;}


/* board */
.board_nav { position:fixed; width:550px; left:550px; top:240px; z-index:10; opacity:0; filter: alpha(opacity=0;);}
.board_nav li { float:left; display:inline; margin-left:5px;}
.board_nav li a { display:block; width:80px; height:80px; background-image:url(../images/sub/tab_bg.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/sub/tab_bg.png',sizingMethod='scale'); background-size:160px 80px; font-size:13px; line-height:80px; text-align:center; color:#446660;  }
.board_nav li.this a { background-position:-80px 0; color:#fff; font-weight:700;}
.board_nav li a.on {  background-position:-80px 0; color:#fff; }
.board #contents {position:relative; padding:120px 0 0 100px; }
.board .subTitle { position:relative; text-align:left; left:0; top:0; margin:0 0 10px 0; }
.board .subTitle div { font-size:13px; line-height:18px; margin:10px 0 35px 54px; color:#446660;  }
.board .subTitle div strong { display:block; margin-top:10px; font-size:16px; line-height:22px;}
.guest_board { margin-left:60px;width:100%; max-width:900px; background:url(../images/bg/white_80.png);}
.board_frame { width:100%; padding:10px 0;}


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



@media  (max-width: 1680px){

.facility04 .facility_text, .facility05 .facility_text  { top:6px; margin-top:0; font-size:12px; line-height:15px;}
.facility04 .facility_img, .facility05 .facility_img { margin-bottom:12px;}

.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;}

.map .list01 li { line-height:19px; margin-bottom:15px; }

}

@media  (max-width: 1480px){

.reser #contents { position:relative; width:70%; max-width:940px; left:50px; top:50px;}
.board #contents { position:relative; padding:50px 0 0 50px; }
.layer_board {width:70%; max-width:940px;  }
.board_nav { left:40%; top:170px;}

.tour_nav ul li a span { padding:25% 0;font-size:13px;}

.map .subTitle {text-align:left; left:50px; top:50px; margin:0 0 10px 0; }
#map img {margin:-180px 0 0 -80px;}


}

@media  (max-width: 1280px){

.board_nav { left:auto; right:21%; top:190px;}
.board_nav li a { width:60px; height:60px; background-size:120px 60px; font-size:12px; line-height:60px;}
.board_nav li.this a, .board_nav li a.on { background-position:-60px 0;}

}


@media  (max-width: 1024px){

.about_con > div {float:none; display:block; width:100%;}
}


@media  (max-width: 768px){

}


@media  (max-width: 560px){


}

@media  (max-width: 480px){


}


@media  (max-width: 380px){
	

}