/* Written By MJS */

*{-webkit-text-size-adjust:none}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{font-size:12px;margin:0;padding:0;font-family:'Nanum Barun Gothic';font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input{vertical-align:middle;padding:0;border:0;margin:0;}
select{padding:0;border:0;margin:0;}

body{min-width:320px;max-width:1000px;height:100%;font-family:'Nanum Barun Gothic';margin:0 auto;}





/*================================== 상단 ==================================*/
/*#main-navbar{position:relative;float:left;z-index:10;width:100%;height:32px;padding:10px 0;background:url(../img/bg_black.png) repeat;}*/
#main-navbar{position:relative;float:left;z-index:10;width:100%;height:32px;padding:10px 0;border-bottom:1px solid #ccc;}
#toggle-sidebar{position:absolute;left:0;top:-2px;width:66px;height:66px;cursor:pointer;z-index:100000;}
a.call{position:absolute;right:0;top:-2px;width:66px;height:66px;z-index:100000;}


/* 로고 */
.logo{position:relative;float:left;width:100%;height:32px;text-align:center;z-index:10;}
.logo a{width:95px;margin:0 auto;height:32px;line-height:32px;font-size:24px;font-weight:400;letter-spacing:-1px;color:#fff;z-index:100;text-align:center;}
.logoimg{float:;height:40px;margin:0 auto;}


#main-sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5;}
#main-sidebar .close-sb{height:48px;line-height:48px;background:#333;padding:0 0 0 3%;border-bottom:1px solid #000;font-size:18px;color:#fff;cursor:pointer;}
#main-sidebar ul li > a{display:block;height:18px;line-height:18px;padding:12px 0 12px 5%;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;color:#555;}
#main-sidebar ul li > a:hover{background:#333;border-bottom:1px solid #010101;color:#fff;}
#main-sidebar ul li li > a{display:block;padding:8px 0 8px 5%;background:#f7f7f7;border-bottom:1px solid #dedee0;font-size:13px;color:#555;}
#main-sidebar ul li li > a .class_point1{width:30px;display:inline-block;line-height:18px;font-size:10px;font-weight:600;color:white;background:red;text-align:center;padding:0;margin:0;margin-right:4px;}
#main-sidebar ul li li > a .class_point2{width:30px;display:inline-block;line-height:18px;font-size:10px;font-weight:600;color:white;background:green;text-align:center;padding:0;margin:0;margin-right:4px;}






/*================================== 메인 ==================================*/
/* 메인슬라이드 멘트 */
.ment{position:absolute;left:5%;top:12%;width:100%;z-index:10000000000;text-shadow: 2px 2px 2px black;}
.ment b{float:left;text-align:center;width:100%;line-height:26px;font-size:20px;letter-spacing:-1px;font-weight:600;color:#fff;}
.ment p{float:left;text-align:center;width:100%;line-height:20px;font-size:14px;color:#fff;margin:3% 0 5% 0;}


/* 동영상 백그라운드 */
#main_video{position:relative;float:left;width:100%;margin-top:10px;overflow:hidden;background:#000;}


/* 메인타이틀 */
.main_title{position:relative;float:left;width:100%;margin:0 0 6% 0;background:none;}
.main_title b{float:left;width:100%;line-height:100%;font-size:26px;font-weight:400;font-family:'Nanum Barun Gothic' !important;text-align:center;color:#000;margin-bottom:3%;}
.main_title p{float:left;width:100%;line-height:15px;font-size:12px;padding:0;text-align:center;color:#888;background:none;}

.main_title2{position:relative;float:left;width:100%;margin:0 0 6% 0;background:none;}
.main_title2 b{float:left;width:100%;line-height:100%;font-size:16px;font-weight:600;text-align:center;color:#fff;margin-bottom:3%;}
.main_title2 p{float:left;width:100%;line-height:130%;font-size:13px;text-align:center;color:#fff;}/*filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;background:none;*/

.main_title3{position:relative;margin:0 auto;text-align:center;width:100%;padding-top:20px;}
.main_title3 b{float:left;width:100%;line-height:100%;font-size:16px;font-weight:600;letter-spacing:-1px;text-align:center;color:#fff;padding:10px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;}


/* 객실 롤링 */
.swiper-container{position:relative;float:left;width:92%;margin:0;padding:10% 4%;background:#9a9a9a;}/*111e3d*/
div.swiper-slide{position:relative;float:left;width:100%;margin:0;padding:0;text-align:center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.best_w{position:relative;float:left;width:100%;}
.best_ww{float:left;width:48%;margin:1%;}
.best_ww a{float:left;width:100%;}
.best_ww a img{float:left;width:100%;height:120px;}
.best_ww b{float:left;width:100%;line-height:100%;font-size:15px;font-weight:400;text-align:center;color:#fff;margin:2% 0 4% 0;}
.best_ww p{float:left;width:100%;line-height:14px;font-size:11px;text-align:center;color:#fff;}/*filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;*/


/* 서비스 */
.service_w{position:relative;float:left;width:92%;padding:8% 4%;overflow:hidden;background:#fff;}
#service{position:relative;float:left;width:100%;margin-top:2%;}
#service ul{position:relative;float:left;width:200%;margin:0 0 0 -1%;}
#service ul li{position:relative;float:left;width:48%;margin:0 1%;border-radius:100%;overflow:hidden;}
#service ul li img{position:relative;float:left;width:100%;overflow:hidden;}
#service ul li p{position:absolute;left:0;bottom:0;width:100%;line-height:50px;font-size:14px;font-weight:600;text-align:center;color:#fff;background:url(../img/bg_black2.png) repeat;}


/* 주변여행지 */
#main_tour{position:relative;float:left;width:92%;padding:8% 4%;background:#f4f4f4;text-align:center;}
#main_tour ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
#main_tour ul li{position:relative;float:left;width:48%;margin:1%;}
#main_tour ul li img{float:left;width:100%;}
#main_tour ul li span{position:absolute;bottom:0;left:0;width:100%;line-height:36px;background:rgba(0, 0, 0, 0.6);font-size:14px;text-align:center;color:#fff;}


/* 부대시설 */
#main_fac{position:relative;float:left;width:92%;padding:8% 4%;background:#fff;text-align:center;}
ul.tabs{text-align:center;}
ul.tabs li{display:inline-block;width:23% !important;height:44px;margin:0 1px;}
ul.tabs li a{float:left;width:100%;height:42px;line-height:42px;font-size:13px;font-weight:600;text-align:center;padding:0 3%;letter-spacing:-1px;border-bottom:2px solid #fff;color:#888;}
ul.tabs li.active a{color:#05246b;border-bottom:2px solid #1c4193;}
.tab_container{position:relative;float:left;width:100%;overflow:hidden;margin-top:2%;}
.tab_content{float:left;width:100%;}
.fac_box{position:relative;float:left;width:92%;padding:4%;margin-top:0;text-align:left;background:#fff;border-bottom:2px solid #f4f4f4;}
.fac_box b{float:left;width:100%;line-height:100%;font-size:16px;letter-spacing:-1px;color:#000;margin-bottom:3%;}
.fac_box p{float:left;width:75%;line-height:16px;font-size:12px;color:#000;}
.fac_box a{position:absolute;right:0;bottom:0;}
.fac_box a img{width:66px;}






/*================================== 하단 ==================================*/
#footer{position:relative;float:left;width:100%;background:#333;}
.copy{position:relative;float:left;width:100%;padding-top:4%;color:#aaa;font-size:11px;}
.copy p{text-align:center;}
.copy p a{color:#aaa;}


/* 버튼 style */
#button{position:relative;float:left;width:100%;background:#333;padding:4% 0 6% 0;text-align:center;}
.btn{margin:1%;padding:2% 4%;font-size:12px;color:#555;border:none;background:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}





/*================================== 서브 공통 style ==================================*/
/* 서브 확대되는 배경 슬라이드 */
#slideshow-banner{position:fixed;left:0;top:0;width:100%;height:1000px;overflow:hidden;}
#slideshow-banner ul{position:absolute;top:0;left:50%;width:2000px;height:1000px;margin-left:-1000px;overflow:hidden;/* 흐림효과 filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;*/}
#slideshow-banner ul .slideshow-item{position:relative;float:left;height:1000px;}
.slideshow-transform{transform:scale(1.1, 1.1);transition:transform 10s;}


/* 서브탭메뉴 1줄 3개 */
.sub_tab{position:relative;float:left;width:94%;text-align:center;margin:5% 3% -1px 3%;overflow:hidden;}
.sub_tab b{float:left;width:100%;line-height:100%;font-size:22px;font-weight:400;letter-spacing:-1px;text-align:center;color:#000;margin-bottom:4%;}
.sub_tab ul{float:left;width:100%;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.sub_tab ul li{float:left;width:33%;height:28px;background:#fff;border:1px solid #ccc;border-left:none;border-top:none;text-align:center;}
.sub_tab ul li a{float:left;width:100%;height:28px;line-height:28px;font-size:13px;color:#555;background:#f6f6f6;}
.sub_tab ul li a:hover{background:#f4f4f4;}
.sub_tab ul li a.on{font-weight:600;color:#fff;border:1px solid #333;background:#333;}
/* 서브탭메뉴 1줄 2개 */
.sub_tab2{position:relative;float:left;width:94%;text-align:center;margin:1% 3% -1px 3%;overflow:hidden;}
.sub_tab2 b{float:left;width:100%;line-height:100%;font-size:22px;font-weight:400;letter-spacing:-1px;text-align:center;color:#000;margin-bottom:4%;}
.sub_tab2 ul{float:left;width:100%;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.sub_tab2 ul li{float:left;width:49.6%;height:28px;background:#fff;border:1px solid #ccc;border-left:none;border-top:none;text-align:center;}
.sub_tab2 ul li a{float:left;width:100%;height:28px;line-height:28px;font-size:13px;color:#555;background:#f6f6f6;}
.sub_tab2 ul li a:hover{background:#f4f4f4;}
.sub_tab2 ul li a.on{font-weight:600;color:#fff;border:1px solid #333;background:#333;}


/* 서브컨텐츠 */
#sub_contents{position:relative;float:left;width:100%;z-index:1000;}
.page_content{position:relative;float:left;width:99%;min-height:360px;background:#fff;border:1px solid #fff;}


/* 서브타이틀 */
.sub_title{float:left;width:95%;line-height:100%;padding-left:3%;font-size:18px;letter-spacing:-1px;font-weight:600;color:#000;border-left:3px solid #999;margin:6% 0 3% 0;}





/*================================== 서브 내용 ==================================*/
/* 인사말 */
#greeting{position:relative;float:left;width:100%;line-height:120%;font-size:13px;}
#greeting b{float:left;width:100%;font-size:90%;line-height:120%;font-weight:400;}
#greeting .gree_img{position:relative;float:left;width:100%;margin:0;border-bottom:10px solid #fff;}
#greeting .gree_img img{float:left;width:100%;}
#greeting .gree_img p{position:absolute;left:50px;top:70px;font-size:50px;font-weight:400;text-align:left;letter-spacing:-2px;color:#fff;font-family:'Nanum Myeongjo' !important;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
#greeting .gree_img span{float:left;width:100%;font-size:16px;letter-spacing:-1px;font-family:'Nanum Gothic';margin-top:24px;}


/* 찾아오시는길 */
.cont{border:1px solid #e0e0e0;}


/* 외관 및 주변전경 */
.photo_list{position:relative;float:left;width:100%;}
.photo_list ul{position:relative;float:left;width:100%;}  
.photo_list ul li{position:relative;float:left;width:100%;overflow:hidden;margin-bottom:2%;}  
.photo_list ul li img{float:left;height:100%;cursor:pointer;}   
.photo_list ul li p{position:absolute;left:0;bottom:0;width:100%;height:36px;line-height:36px;font-size:13px;text-align:center;color:#fff;background:url(../img/bg_black.png) repeat;z-index:1000;}
.photo_list img{float:left;height:190px;cursor:pointer;}   
/* 마우스 오버시 효과 */
.photo_list ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
/*  마우스 아웃시 효과 */
.photo_list ul li img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}





/*=================================== 객실안내 ===================================*/
/* 객실 100% 이미지 슬라이더 */
#room_slide{position:relative;float:left;width:100%;}
#room_slide ul{float:left;width:100%;}
#room_slide ul li{float:left;width:100%;margin-bottom:2%;}


/* 객실요금표 */
.room_tbl{position:relative;float:left;width:50%;}
.room_tbl table{float:left;width:100%;background:#fff;}
.room_tbl table th{font-size:13px;color:#333;background:#f4f4f4;}
.room_tbl table td{font-size:12px;color:#555;}
.room_tbl table th,.room_tbl table td{border:1px solid #ccc;padding:8px 5px;text-align:center;}






/* 부대시설 */
.fac_list{position:relative;float:left;width:100%;}
.fac_list ul{float:left;width:100%;}
.fac_list ul li{float:left;width:99.8%;border:1px solid #e0e0e0;}
.fac_list ul li img{float:left;width:100.3%;margin:-1px 0 0 -1px;}
.fac_list .fac_text{float:left;width:92%;padding:15px 4%;background:#fff;}
.fac_list .fac_text b{float:left;width:100%;line-height:100%;font-size:16px;font-weight:400;color:#000;margin-bottom:2%;}
.fac_list .fac_text p{float:left;width:100%;line-height:16px;font-size:12px;color:#666;}


/* 주변볼거리 */
.tour_list{position:relative;float:left;width:100%;padding-bottom:4%;margin-bottom:4%;border-bottom:1px dashed #ccc;}
.tour_title{position:relative;float:left;width:100%;line-height:26px;font-size:16px;font-weight:400;color:#000;margin-bottom:3%;}
.tour_list img{float:left;width:100%;}
.tour_text{float:left;width:100%;line-height:16px;font-size:12px;color:#898989;text-align:justify;margin-top:4%;}
a.tour_more{position:absolute;right:0;top:0;height:22px;line-height:22px;padding:0 10px;font-size:11px;color:#fff;background:#777;}


/* 예약관련 */
.res_tbl{position:relative;float:left;width:100%;margin-bottom:20px;}
.res_tbl table{position:relative;float:left;width:100%;background:#fff;border-top:3px solid #e0e0e0;}
.res_tbl table th{font-weight:400;color:#000;background:#f9f9f9;}
.res_tbl table td{color:#888;}
.res_tbl table td b{float:left;width:100%;color:#000;font-weight:600;}
.res_tbl table th,.res_tbl table td{font-size:12px;line-height:16px;padding:1%;text-align:center;border:1px solid #e0e0e0;}
.res_tbl table td.res_line{border-bottom:1px solid #999}
.res_tbl table th.res_line2{border-bottom:3px solid #e0e0e0}
.text_box{position:relative;float:left;width:100%;}









/* 이미지크기 제멋대로일때 조정해주는 style */
@media screen and (min-width:0) and (max-width:420px) {
#room ul li{height:200px;}
#room ul li a,#room ul li a img{height:120px;}

#service,#service ul{height:140px;overflow:hidden;}
#service ul li{width:140px;height:140px;}

.photo_list ul li{height:220px;}  

.fac_list ul li img{height:220px;}

.tour_list img{height:170px;}

#main_video iframe{height:200px;}
}

@media screen and (min-width:421px) and (max-width:767px) {
.ment b{line-height:34px;font-size:26px;}

#room ul li{height:280px;}
#room ul li a,#room ul li a img{height:200px;}

#service,#service ul{height:200px;overflow:hidden;}
#service ul li{width:200px;height:200px;}
#service ul li p{line-height:64px;font-size:18px;}

#main_video iframe{height:300px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.ment b{line-height:46px;font-size:36px;}

#room ul li{height:350px;}
#room ul li a,#room ul li a img{height:260px;}

#service,#service ul{height:260px;overflow:hidden;}
#service ul li{width:260px;height:260px;}
#service ul li p{line-height:76px;font-size:22px;}

#main_video iframe{height:400px;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
.ment b{line-height:64px;font-size:46px;}

#room ul li{height:460px;}
#room ul li a,#room ul li a img{height:340px;}

#service,#service ul{height:260px;overflow:hidden;}
#service ul li{width:260px;height:260px;}
#service ul li p{line-height:76px;font-size:22px;}

#main_video iframe{height:520px;}
}