@charset 'utf-8';
            /*구글웹폰트 지정함*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

* {margin:0;padding:0;list-style-type:none;-webkit-text-size-adjust:none;}
html {height:100%;}
body {margin:0;padding:0;color: #666;font-size:13px;font-family: "Nanum Gothic", sans-serif; width:100%;min-height:100%;word-wrap:break-word; word-break:break-all; line-height:22px}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0;}

ul, ol {list-style:none;}
em, var {font-style:normal;}
img, fieldset {border:none;}
div, p, span, li, table td {}
table{ border-collapse:collapse;}
hr {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
caption, legend {visibility:hidden;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
textarea {resize:none;padding:9px;color:#666;box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #e0e0e0;}
a, a:link, a:visited {text-decoration:none; line-height:22px; font-size:13px; color:#666;}
a:hover{ color:#1d7bab;text-decoration: underline; }


/* 공통 */

/*메인페이지*/
#top_wrap{width:100%; border-top:2px solid #ea9918; border-bottom:1px solid #dbdbdb}
#top{ width:1000px; margin:0 auto; position:relative; padding-bottom:20px}
#top a.logo{display:block;background: url(/skyPages/images/main/logo.png) no-repeat; height:44px; text-indent:-9999px; width:306px; height:82px ; position:absolute; top:20px; left:0}
#sns{ text-align:right; padding:12px 0 0 0 }
#sns a.bookmark{ background:url(/skyPages/images/main/bookmark_ico.png) no-repeat 0 0; padding:5px 0 3px 25px}
#sns a.car{display:inline-block; background:url(/skyPages/images/main/car.jpg) no-repeat 0 center; width:245px;text-indent:9999px; padding:11px 0; margin:0 10px 0 0 }



/*상단메뉴*/
#menu_wrap{ background:#ea9918; width:650px; height:34px; margin:29px 0 0 350px; border-radius:50px; -moz-border-radius:50px;-o-border-radius:50px;}
#menu_wrap .navi {padding:5px 10px }
#menu_wrap .navi ul li{ display:block; float:left; width:126px; position:relative;  text-align:center;}
#menu_wrap .navi ul li:first-child { margin-left: 0px;}
#menu_wrap .navi ul li:hover{ color:#591903 }
#menu_wrap .navi ul li.last span.bar{ display:none}
#menu_wrap .navi ul li span.bar{ background:url(/skyPages/images/main/menu_bar.png)  no-repeat; width:1px; height:15px; display:none; position:absolute; right:0; top:15px}
#menu_wrap .navi ul li a{color:#fff;font-size:15px; text-align: center; font-weight:bold; text-decoration:none}
#menu_wrap .navi ul li.on > a{ color:#fff}
#menu_wrap .navi ul li ul{display:block;position:absolute;height:0px;overflow:hidden;top: 30px; z-index:100; }


#menu_wrap .navi ul li ul li:hover {background-color: rgba(0,0,0,0.5); }
#menu_wrap .navi ul li ul li{display:block; position:relative; text-align:left;  margin-left: 0px; padding: 0px 0px 0px 0px; background: rgba(0,0,0,0.5);  }
#menu_wrap .navi ul li ul li a{display:block;font-size:13px; font-weight:normal; color:#fff; text-align: left; line-height: 30px; padding-left: 13px; }
#menu_wrap .navi ul li ul li a:hover{color:#eab474; text-decoration:underline; }
#menu_wrap .navi ul li ul li.bg{ background:url(/skyPages/images/main/menu_bg.png) no-repeat center top; height:7px;}



/*메인비쥬얼*/
#main_visual{ width:100%; height:924px; position:relative; overflow:hidden}
#main_visual span.text{ display:block; position:absolute; left:50%; top:120px; margin-left:70px; z-index:150}
.slider{}
.slider .jquery-reslider .slider-block { width: 100%; height:924px; z-index: 97; background-position: 50% 50%;  opacity: 0; position:absolute}
.slider .jquery-reslider .slider-direction { width: 19px; height: 32px; position: absolute; top:400px; z-index:99; cursor: pointer;}
.slider .jquery-reslider .slider-direction.slider-direction-prev { left:50%;margin-left:-530px; background:url(/skyPages/images/main/left_btn.png) no-repeat;}
.slider .jquery-reslider .slider-direction.slider-direction-next { right: 50%; margin-right:-530px; background: url(/skyPages/images/main/right_btn.png) no-repeat;}
.slider .jquery-reslider .slider-dots {  position: absolute;width: 100%;text-align: center; top:700px}
.slider .jquery-reslider .slider-dots li {  width: 10px;  height: 10px;  border-radius: 100px;  display: inline-block;  margin: 10px;  border: 1px solid #ffffff;  cursor: pointer;}
.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; }

@media screen and (max-width: 768px) {
.slider .jquery-reslider .slider-direction { zoom: .8; }
.slider .jquery-reslider .slider-dots { position: absolute; }
}


#main_contens{background:rgba(0,0,0,0.7); position:absolute; top:908px; z-index:100; width:100%}
#main_con{ width:1000px; margin:0 auto; padding:20px 0 0 0;}

/*메인공지사항*/
#notice{ position:relative; float:left; width:230px; min-height:116px; float:left; padding:0 0 0 20px }
#notice h3{ font-size:20px; color:#ea9918 }
#notice ul{ padding-top:10px}
#notice ul li{ position:relative; padding:3px 0 3px 7px; background: url(/skyPages/images/main/spot_01.png) no-repeat 0 12px; }
#notice ul li a{color:#CCC}
#notice ul li span.new{ display:inline-block; background:url( /skyPages/images/main/new-icon.jpg) no-repeat 0 3px; width:26px; height:13px; text-indent:-9999px; }
#notice a.more{ display:block;width:10px; height:10px; position:absolute; top:10px; right:0px; background: url(/skyPages/images/main/more.png) no-repeat;text-indent:-9999px}



/*객실둘러보기*/
#main_room{ width:330px; position:relative; float:left; margin:0 0 0 74px}
#main_room h3{ background:url(/skyPages/images/main/room_bg.png) no-repeat 0 0;width:138px; height:23px;text-align:center; position:absolute; top:-43px; left:100px; display:block; color:#fff; font-size:13px; padding:7px 0 0 0 }
  #imgList2 { position:absolute; width:2000px; top:0px;left:0px; overflow:hidden;}
  #viewArea {position:relative;}
#main_room div.imgbox{ width:300px; height:85px;overflow:hidden; margin:0 auto}
#main_room ul li{ float:left; padding:0 5px}
#main_room span.left{display:block; position:absolute; width:8px; height:14px; cursor:pointer; background:url(/skyPages/images/main/b_left_btn.png); left:0px; top:30px; text-indent:-9999px }
#main_room span.right{display:block; position:absolute; width:8px; height:14px; cursor:pointer; background:url(/skyPages/images/main/b_right_btn.png);right:0px; top:30px; text-indent:-9999px } 
 
 /*메인바로가기 아이콘*/
#main_icon{ float:left; margin-left:50px}
#main_icon a{ display:inline-block; color:#fff; }
#main_icon a.icon_01{ background:url(/skyPages/images/main/reservation_ico.png) no-repeat center top;padding:60px 20px 0 20px }
#main_icon a.icon_02{ background: url(/skyPages/images/main/qna.png) no-repeat 10px top;padding:60px 20px 0 15px }
#main_icon a.icon_03{ background: url(/skyPages/images/main/location.png) no-repeat center top; padding:60px 20px 0 20px }
/* footer */
#bottom_wrap { width: 100%; border-top: 1px solid #dbdbdb; padding:15px 0}
#copy {width:670px;margin:0 auto;background:url(/skyPages/images/main/copy_logo.png) no-repeat 0px 15px; padding:25px 0 20px 330px; font-size:12px; line-height:20px }
#copy p { font-size:13px; color:#666666; margin:0 0 10px 10px }
#copy p a{ display:inline-block; padding:0 20px 0 10px; background:url(/skyPages/images/main/down_btn.png) no-repeat 110px center #999;  font-size:10px; color:#fff; line-height:16px  }
#copy span { color: #ea9918; font-weight:bold }


/*sub*/
#sub_container{ width:1000px; margin:0 auto; overflow:hidden; position:relative}
#location{ text-align:right; margin:30px 0px 0px 0px; }
#location span{ font-size:12px; color:#999; background:url(/skyPages/images/sub/home_ico.jpg) no-repeat ; padding: 5px 0px 5px 30px;}
#location strong{ color:#ea9918; font-weight:normal;}
#sub_contents_wrap{ padding:0 0 0 0px; }
#sub_contents_wrap .title_bar{ font-size:24px; margin-top:20px; font-weight:bold }
#sub_contents_wrap .sub_con{ margin:20px 0 40px 0; min-height:500px}

/*사이드메뉴*/
#sub_navi{ width:175px; position:absolute; top:0px; bottom:0px; z-index:3 ; border-right:1px solid #dbdbdb;padding:0 24px 0 0 ;}
#sub_navi h3{ padding:80px 0px 0px 0px; font-size:22px;  text-align: center; color:#36b3d2;font-weight:bold; display:block;  }
#sub_navi ul{ margin-top:24px;}

#sub_navi ul li{border-bottom:1px solid #e8e8e8; }
#sub_navi ul li:hover{}
#sub_navi ul li.on{ }

#sub_navi ul li a{ display:block; text-decoration:none; padding:6px 38px 6px 0; background:url(/skyPages/images/sub/smenu_off.jpg) no-repeat  145px center ; text-align:right  }
#sub_navi ul li a:hover{ color:#fff;background:url(/skyPages/images/sub/smenu_on.jpg) no-repeat 145px center #70c8dd; }
#sub_navi ul li.on a{ color:#fff;background:url(/skyPages/images/sub/smenu_on.jpg) no-repeat  145px center #70c8dd; }


#sub_navi #sideLink{ margin-top:0px}
#sideLink li.printing{ background:url(/skyPages/images/sub/printing_ico.png) no-repeat 20px 21px #f7f7f7; padding:19px 0  10px  75px;}
#sideLink li.gift{ background:url(/skyPages/images/sub/gift_ico.png) no-repeat 20px 21px #f7f7f7; padding:19px 0  10px  75px;}
#sideLink li:hover.printing{ background:url(/skyPages/images/sub/printing_ico.png) no-repeat 20px 21px #f7f7f7; padding:19px 0  10px  75px;}
#sideLink li:hover.gift{ background:url(/skyPages/images/sub/gift_ico.png) no-repeat 20px 21px #f7f7f7; padding:19px 0  10px  75px;}
#sub_navi #sideLink li a{background:none; text-align:left; padding:0}
#sideLink li a strong{ color:#36b3d2; font-size:18px; display:block }
#sideLink li a span{ color:#999; font-size:11px;display:block}


/*인사말*/
#sub_greetings dl{ overflow:hidden; margin:30px 0 0 0}
#sub_greetings dl dt{ float: left; width:300px; text-align:center }
#sub_greetings dl dt span{ display:block}
#sub_greetings dl dd{float: left; width:700px; }
#sub_greetings dl dd strong{ color:#333; font-size:24px; line-height:40px; display:block; padding-bottom:20px }


/*sub_sitemap*/
#sub_sitemap {margin: 20px 0px 0px;}
#sub_sitemap  ul li{float:left; display:block; width:132px; margin-left:21px; font-weight:bold; font-size:15px;  text-align:center;  background:#1d7bab;}
#sub_sitemap  ul li:first-child { margin-left:0px; }

#sub_sitemap ul li a{ display:block; color:#fff; margin:5px}
#sub_sitemap ul li > ul li{ border-bottom:1px #dbdbdb  solid;text-align:left; font-weight:normal; margin:0px; background:#fff}
#sub_sitemap ul li > ul li a{ background:none;padding:8px 0 8px 10px; color:#666; margin:0}
#sub_sitemap ul li > ul li a:hover{ color:#1d7bab}




/* sub_join */
.orangeStar { color: #ff5a00; }
#joinformTable { width: 100%; border-top: 2px solid #70c8dd; margin: 0px 0px 30px 0px; }
#joinformTable th {width: 25%;  padding: 10px 30px 10px 10px; text-align: right; border-bottom: 1px solid #dbdbdb;}
#joinformTable td { padding: 10px 20px 10px 20px; border-bottom: 1px solid #dbdbdb;}
#joinformTable input { background: #fafafa;padding: 3px 5px;border: 1px solid #dbdbdb;}
#joinformTable select { width: 60px;padding: 3px;margin-right: 3px; text-align: center;}
#joinformTable select.birthDate  { width: 40px; }
#joinformTable select.userEmail3  { width: 100px; text-align: left;}

/* sub_login */
#login-box { background-color: #f3f3f3; padding: 20px; margin: 0px 0px 30px 0px; text-align: center; }
#login-box input { background: #fff;padding: 4px 5px;border: 1px solid #dbdbdb; margin-left: 10px; }
#login-box .loginBtn { background-color: #585858;font-size: 13px;color: #ffffff;padding: 5px 25px; font-weight:bold }
#sub-articles .article h5 { background: url(/skyPages/images/sub/dot-img-circle.jpg) no-repeat left center; font-size: 13px; font-weight: 400; padding: 0px 0px 0px 15px; margin: 0px 0px 15px 0px;}
#sub-articles .article h5 span { background-color: #ffbe0f;padding: 5px 20px;font-size: 12px;color: #8f3d0b;float: right; width: 110px;}

/* sub_searchid */
.serchid {background-color: #f3f3f3; padding: 20px; margin: 0px 0px 30px 0px;}
.serchid input { background: #fff;padding: 4px 5px;border: 1px solid #dbdbdb; margin-left: 10px; }

/*#searchTable td.topTh { padding: 30px 0px 10px 0px; }*/
/*#searchTable td.bottomTh { padding: 10px 0px 30px 0px; }*/


/* sub_myinfo */
#btnZipcode { border: 1px solid #333;padding: 3px 10px;color: #fff;background-color: #333; font-size:12px; }
#sub-articles p.myinfoParagraph {  padding: 13px; border: 2px solid #e7e7e7;}
#myinfoTable { width: 100%; border-top: 2px solid #ffbe0f; margin: 0px 0px 30px 0px; }
#myinfoTable th { width: 20%; padding: 10px 30px 10px 10px; text-align: right; border-bottom: 1px solid #dbdbdb; background-color: #f3f3f3;}
#myinfoTable td { padding: 10px 20px 10px 20px; border-bottom: 1px solid #dbdbdb;}
#myinfoTable input { background: #fafafa;padding: 3px 5px;border: 1px solid #dbdbdb;}



#sub_room h3{ font-size:15px;; background:url(/skyPages/images/sub/tip_ico.jpg) no-repeat 0 3px; padding:0 0 0 20px; color:#333; margin-bottom:10px}
#sub_room h3 strong{ color:#f85d00; font-weight: bold}
#sub_room h4{ background:#ea9918; border-radius:20px; color:#FFF; font-weight:bold; padding:2px 20px; display:inline-block;  margin:15px 0 10px 0 }
#sub_room table{ border-top:#f8deb0 2px solid}
#sub_room table th{ background:#fef8ee; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:5px}
#sub_room table th.end{border-right: none}
#sub_room table td.end{border-right: none}
#sub_room table td{ border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:5px; text-align:center}
#sub_room ul{ padding:10px}
#sub_room ul li{ background:url(/skyPages/images/sub/spot.jpg) no-repeat 0 10px; padding:3px 0 3px 10px}

#sub_room .btn{ text-align:center; padding:15px}
#sub_room .btn a{border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; padding:5px 40px 5px 25px; display:inline-block; margin:0 10px; color:#fff; font-size:15px}
#sub_room .btn a.aaa{background:url(/skyPages/images/sub/arrow.png) no-repeat 90px 9px #990000}
#sub_room .btn a.bbb{background:url(/skyPages/images/sub/arrow.png) no-repeat 90px 9px #333}

#topTab {}
#topTab p {}
#topTab p a { display:inline-block; text-align:center; padding:10px; font-size:15px; font-weight:bold; text-decoration:none; background:#f0f0f0; width:478px; margin: 0px 0px 15px 0px;}
#topTab p a.on{ background:#ca3d0b; color:#FFF;}
#topTab p a:hover{background:#ca3d0b; color:#FFF;}

#sub_facility{}
#sub_facility p{}
#sub_facility p a{ display:inline-block; text-align:center; padding:10px; font-size:15px; font-weight:bold; text-decoration:none; background:#f0f0f0; width:310px}
#sub_facility p a.on{ background:#ca3d0b; color:#FFF}
#sub_facility p a:hover{background:#ca3d0b; color:#FFF}
#sub_facility ul{ padding:10px}
#sub_facility ul li{ background:url(/skyPages/images/sub/spot.jpg) no-repeat 0 10px; padding:3px 0 3px 10px}

#sub_panorama{}
#sub_panorama ul{ padding:10px}
#sub_panorama ul li{ background:url(/skyPages/images/sub/spot.jpg) no-repeat 0 10px; padding:3px 0 3px 10px}

#sub_introduce{ background:url(/skyPages/images/sub/introduce_bg.jpg) no-repeat right 0px; padding:0 400px 0 0}
#sub_introduce h3{ background:#333; border-radius:20px; color:#FFF; font-weight:bold; padding:2px 20px; display:inline-block;  margin:40px 0 10px 0 }
#sub_introduce dl{ padding:10px}
#sub_introduce dt{ font-weight:bold; font-size:18px; padding:0 0 10px 0}
#sub_introduce dd{ margin:0 0 30px 0}
#sub_introduce dd strong{ color:#ca3d0b; }

#sub_location p{ text-align:right; padding: 0 10px 5px 0}
#sub_location ul.map{overflow:hidden}
#sub_location ul.map li{ width:500px; float:left; text-align:center;  color:#FFF; font-weight:bold; padding:5px 0; }
#sub_location ul.map li.add{background:#333;}
#sub_location ul.map li.tel{background:#ca3d0b; font-size:18px}
#sub_location ul.loca{ margin:15px 0}
#sub_location ul.loca li{position:relative; padding:30px 0 20px 160px; border-bottom:1px solid #dbdbdb; margin:20px 0 0 0 }
#sub_location ul.loca li span{ display:block; width:130px; height:38px;  text-align:center; position:absolute; top:0; left:10px;  }
#sub_location ul.loca li strong{ display:inline-block; color:#FFF; font-weight:bold; background:#ca3d0b; padding:0 10px; position:absolute; top:0; left:170px }
#sub_location ul.loca li em{ display:inline-block; background:#999; color:#FFF; padding:10px 5px ;border-radius:30px; font-size:12px; line-height:12px; margin:5px 10px}
#sub_location ul.loca li.car span{background:url(/skyPages/images/sub/location_01.jpg) no-repeat; padding:50px 0 0 0; }
#sub_location ul.loca li.bus span{background:url(/skyPages/images/sub/location_02.jpg) no-repeat; padding:60px 0 0 0;  }

#sub_use{ background:url(/skyPages/images/sub/use_bg.jpg) no-repeat left top; padding:0 0 0 270px}
#sub_use h3{background:#666; border-radius:20px; color:#FFF; font-weight:bold; padding:2px 20px; display:inline-block;  margin:0px 0 0px 0}
#sub_use p{ padding: 5px 15px  5px 80px; border:#f8deb0 2px solid; position:relative; margin:5px 0 }
#sub_use p span{ display:inline-block; background:url(/skyPages/images/sub/tip_ico2.jpg) no-repeat; padding:12px 18px 14px 15px; color:#fff; font-weight:bold; position:absolute;left:10px; top:10px}
#sub_use ul{ padding:0 0 20px 15px}
#sub_use ul li{ background:url(/skyPages/images/sub/spot.jpg) no-repeat 0 10px; padding:3px 0 3px 10px} 
#sub_use ul li strong{ color:#333; text-decoration:underline}
#sub_use ul.rev li{ color:#ca3d0b  }

#sub_use table{ border-top:#f8deb0 2px solid}
#sub_use table th{ background:#fef8ee; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:5px}
#sub_use table th.end{border-right: none}
#sub_use table td.end{border-right: none}
#sub_use table td{ border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:5px; text-align:center}