@charset "utf-8";
/* CSS Document */
#page{ width:100%; height:100%; min-width:320px;}
/*배경*/
.popup_layerBG {width:100%; height:100%;  background:rgba(0,0,0,0.6); position:fixed; top:0px; left:0px; bottom:0; z-index:10;  }
#gray_section{ padding-bottom:10px; background:#f6f6fa; clear:both; min-height:380px; overflow:auto;}
#fff_section{ padding-bottom:10px; background:#fff; clear:both; min-height:380px;}

.icon{ background:url(../images/icon.png) no-repeat; display:inline-block; overflow:hidden; background-size: 150px 150px;}


/*main_header*/
#header{background: #ffffff;}
.bd_bt{ border-bottom:1px solid #bcbcbc;}
.m_header{  width:100%; }
.m_header h1.title_logo{ width:auto;  height:47px; text-align:center;}
.m_header h1.title_logo a{ display:block; overflow:hidden; margin:0 auto ; width:140px; height:47px;}
.m_header h1.title_logo a img{ display:inline-block; padding-top:3px;}

.pop_header{ width:100%; background-color:#fff; border-bottom:1px solid #bcbcbc;}
.pop_header h1.title{ width:auto;  height:39px; padding-top:8px; font-size:1.250em; display:inline-block;}
.pop_header a .ico_arrow{background-position:0 -38px; width:22px; height:22px; background-size:130px 130px; margin-right:5px; margin-left:15px; display:inline-block;}

.f_header{  width:100%; background-color:#fff;}
.f_header h1.title_logo{ width:auto;  height:47px; text-align:center;}
.f_header h1.title_logo a{ display:block; overflow:hidden; margin-left:10px; width:110px; height:47px;}
.f_header h1.title_logo a img{ display:inline-block; padding-top:3px;}
.f_header .top_smenu{ position:absolute; top:0; right:0; width:auto; height:47px;}
.f_header .top_smenu ul.smenu_wrap{ display:block; overflow:hidden; font-size:0.875em; text-align:right; padding:7px 10px 0 0;  }
.f_header .top_smenu ul.smenu_wrap li{display:inline-block; margin-left:5px;}
.f_header .top_smenu ul.smenu_wrap li a{display:inline-block; text-align:center; border-radius:18px; }

/*lnb*/
#lnb_nav{ clear:both; }
.menu_list{ display:table; width:100%;  background:#fff; height:42px;}
.menu_list li{ display:table-cell; text-align:center;}
.menu_list li.active a{height:39px; border-bottom:3px solid #457ccf; color:#457ccf;}
.menu_list li a{ display:block; position:relative; height:42px; color:#3d3d4a; font-size:0.938em; font-weight:bold; line-height:42px; letter-spacing:-0.05em;}
.categ_list{ width:100%; overflow:hidden; background-color:#f2f2f2; margin-bottom:8px; box-shadow: 0px 2px 2px 0 rgba(51,51,51,0.3);}
.categ_list li{ float:left;width:33.33%;  font-size:0.750em;display:block;}
.categ_list li.on a{ background-color:#fff; color:#457ccf;}
.categ_list li a{ display:block; padding:8px 0 8px 10px; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; color:#888;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap: break-word; word-break:break-all;}

/*footer*/
#footer{ background-color:#f6f6fa; border-top:1px solid #ddd; padding:10px; overflow:hidden; clear:both;}
.text_footer{ width:100%; font-size:0.750em; color:#999; line-height:1.4em;}
.text_footer a{ color:#888;}
#footer .text_footer a.btn_pc{ color:#fff; border-radius:3px; background-color:#a6a6a6; padding:.2em .4em;}
.text_footer p{ font-size:1em; color:#666; margin-bottom:10px; line-height:1.5em;}
.text_footer p b{ color:#666;font-size:1.125em;}

/*slider arrow*/
.arrow{ background:url(../images/icon_arrow.png) no-repeat; display:inline-block; position:absolute;  top:50%; margin-top:-28px; width:30px; height:58px; background-size:200%;}
.ar_left{  background-position:0 0;left:0; z-index:5;}
.arrow.ar_right{ right:0; background-position:-30px 0;z-index:5;}
.arrow:hover, .arrow:focus {text-decoration: none; outline: 0;opacity: .7; filter: alpha(opacity=70);}
.carousel-caption{ letter-spacing:-.08em;}

/*main_contents*/
.main_menu{ padding:10px;}
.main_menu .rsv_main{ overflow:hidden;}
.main_menu .rsv_main a{ display: block; height: 100px; padding: 12px; border-radius: 4px; border: 1px solid #aaa; font-size:1em; color: #222; font-weight: bold;}
.main_menu .rsv_main a:active,.main_menu .rsv_main a:hover,.main_menu .rsv_real a:active,.main_menu .rsv_real a:hover,.linkarea .con01 a:active,.linkarea .con01 a:hover,.linkarea .con02 a:active,.linkarea .con02 a:hover{opacity: .8; filter: alpha(opacity=80);}
.main_menu .rsv_real{ float:left; width:50%; margin-top:4px;}
.main_menu .rsv_real a{ margin-right: 8px; border: 1px solid #7db5e3; background: #7db5e3 url(../images/icon_01.png) no-repeat 90% 80%; background-size: 42px 46px; color: #fff;}
.main_menu .rsv_real a p{opacity: .7; filter: alpha(opacity=70); font-weight:normal; font-size:0.875em; margin-top:8px;}
.wh_ar{background-position:-115px -116px; width:12px; height:12px; margin-left:5px; }
.gr_ar{background-position:-140px -116px; width:12px; height:12px; margin-left:5px;}
.main_menu .rsv_qna{ float:left; width:50%; margin-top:4px;}
.main_menu .rsv_qna a{ background:url(../images/icon_02.png) no-repeat 95% 80%; background-size: 60px 50px; color:#888;font-weight:normal; letter-spacing:-0.05em;}
.main_menu .rsv_qna a b{ font-size:1.250em; margin-top:3px; display:block;}

.main_menu .m_top{ overflow:hidden; clear:both; margin-top:8px;}
.menuarea{float:left; width:50%; overflow: hidden; }
.menuarea ul { overflow: hidden; margin-right: 8px; border-radius: 4px; border: 1px solid #aaa;}
.menuarea li a{display: block;height: 31px; padding: 15px 0 0 12px; border-bottom: 1px solid #d4d4d4; font-size: 0.875em; color: #222;  background: #fff url(../images/list_arrowG.png) no-repeat 90% center;   background-size: 5px 8px;  font-weight: bold;}
.menuarea li a:hover,.menuarea li a:active{ background-color:#f5f5f5;}
.menuarea li:first-child a {  border-radius: 5px 5px 0 0;}
.menuarea li:last-child a {height: 38px; border-bottom: 0; border-radius: 0 0 5px 5px;}

.linkarea{float:left; width:50%; overflow:hidden;}
.linkarea .con01 { width: 100%;}
.linkarea .con02 { width: 100%;  margin-top: 8px;}
.linkarea .con a{ display: block;height: 68px; padding: 12px; border-radius: 4px;font-size: 1em; color: #fff;}
.linkarea .con01 a { border: 1px solid #33b86c; background: #33b86c url(../images/icon_04.png) no-repeat 90% 75%; background-size: 32px 50px;}
.linkarea .con02 a {border: 1px solid #3bc0c3; background: #3bc0c3 url(../images/icon_03.png) no-repeat 90% 75%; background-size: 32px 46px;}

.mask_bt{position: absolute; bottom: 0; height:25%; width:100%;  background-color: rgba(0,0,0,0);  filter: alpha(opacity=50);}
.bottom{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.005) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.005) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.005)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.005) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;}
	
/*펜션소개*/
.intro{ text-align:center; padding:20px 10px;}
.intro h2{ font-size:1em; padding-bottom:8px; color:#666;}
.intro .intro_text{ text-align:center; font-size:0.875em; color:#666;}
.intro .intro_text i{ font-size:1.286em; font-style:normal;}

/*객실안내*/
#gray_section.posi_re{ padding-bottom:80px;}
.room_wrap{ padding:10px; background-color:#fff; border-bottom:1px solid #d0d4da;}
.room_wrap h2{ color:#333; font-size:1.125em; padding-top:10px;}
.ico_bed{ background-position:0 0; width:30px; height:30px; background-size:125px 125px; margin-right:5px;}

.tt_dot{ width: 5px; height: 5px;  border: 3px solid #1ba2d4; display: inline-block;margin-right: 5px;}
.round_box { background: #fff; border: 1px solid #ccc; margin: 10px; border-radius: 5px;}
.round_box .title { display: block;border-bottom: 1px solid #e2e2e2; font-size: 1em; padding: 10px; letter-spacing:-0.05em;}
.round_box .title >small{ float:right; margin-top:4px; font-size:0.813em;}
.round_box .title:after{ clear:both; content:''; display:block;}
.round_box.search_calendar select {padding: 10px 0px;}
.lst_box li:first-child { border-radius: 5px 5px 0 0;}
.lst_box li:last-child { border-radius: 0 0 5px 5px; border-bottom:none;}
.lst_box li { background: #fff; border-bottom: 1px solid #ededed; padding: 9px 0;}

.room_info .lst_box h3,.room_info .lst_box h3+div{ padding:0 10px;}
.room_info .lst_box h3{ font-size:0.938em; padding-bottom:8px; color:#555;}
.room_info .lst_box h3+div{ font-size:0.813em; color:#666;}

.price_info{ overflow:auto; padding:10px 0;font-size:0.813em;}
.price_info .pull-left,.price_info .pull-right{ width:50%;}
.price_info .pull-left{ border-right:1px dashed #ccc;}
.price_info .pull-right{ margin-left:-1px;}
.price_info .pull-left strong,.price_info .pull-right strong{ display:block; padding:0 10px 5px 10px;}
.price_info .pull-left .price_tt,.price_info .pull-right .price_tt,.price_info .info_tt{ padding:0 10px;}

.rsv_area{ position:fixed; bottom:0; background-color:rgba(255,255,255,0.5); padding:8px 10px; right:0; left:0; border-top:1px solid #d0d4da; }
.rsv_area .rsv_btn{ border-radius:4px; background-color:#457ccf; border-bottom:4px solid #3a68ae; padding:14px 0; color:#fff; font-weight:bold; font-size:1em; display:block; text-align:center;}

.landscape{ padding:10px;}
.thum_lst li{width:50%; float:left; margin-bottom:8px;}
.thum_lst li:nth-child(odd){ text-align:left;}
.thum_lst li:nth-child(even){ text-align:right;}
.thum_lst li a{  display:inline-block; width:98%; text-align:center;}
.thum_lst li .m_thmb{ position:relative;}
.thum_lst li .m_thmb:after {position: absolute;top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box; content: '';}
.thum_lst li .m_thmb img{ height:150px;}
.thum_lst li .m_tt{ font-size:0.875em; color:#666; padding:5px 0; width:100%;}

.more_btn{ clear:both; width:100%; padding:10px 0; text-align:center; display:block; background-color:#f8f8f8; border:1px solid #eee; font-size:0.813em; color:#666; border-radius:5px;}
.more_btn:hover,.more_btn:active{ background-color:#e4e4e4;}
.rota_90{ transform:rotate(90deg)}

/*이용안내*/
.box_body{ padding:10px !important;}
.room_box .room_tt,.loca_tt{  padding:10px 10px 0 10px; font-size:0.875em; display:block; color:#666; }
.room_box .room_tt{  font-size:0.813em !important;}
.room_box .busy_seoson{ line-height:1.5em; padding-bottom:10px;}
.use_box .info_tt{ padding-top:5px;font-size:1.143em ;}
.use_box .info_tt a{  color:#666; }
.rsv_tt{font-size:0.813em; padding:10px; color:#666; }
.rsv_tt li{ padding-bottom:8px; padding-left:10px; line-height:18px;}
.rsv_tt li:before{ content:'-'; margin-left:-10px;}
.rsv_table{ padding:0 10px 20px 10px;}
.rsv_table table{ width:100%;border-top:1px solid #e7e6e6;}
.rsv_table table th,.rsv_table table td{ font-size:14px; color:#222; padding:15px 25px; border-bottom:1px solid #e7e6e6;}
.rsv_table table th{ background-color:#f2f2f2; text-align:left; width:140px;}
.rsv_table table td{ padding-left:15px; width:126px;}

/*주변관광지*/
.tour h2.title{ font-size:1.250em}
.tour h2.title p{ font-size:0.750em; padding-top:4px;}
.tour .tour_cont{ padding:10px; font-size:0.875em; color:#666;}
.tour .tour_cont .refer{ font-size:0.813em; color:#999; padding-top:5px;}
.tour .tour_cont .refer .more{ display:inline-block; margin-left:8px; color:#888; text-decoration:underline;}
.tour_img{ position:relative; margin-top:10px;}
.tour_img img{ width:100%;}
.tour_img:after{position: absolute;top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box; content: '';}

/*오시는길*/
.loca_info{ overflow:auto; text-align:center; padding:10px;}
.loca_info .loca_tt{ padding:10px;}
.loca_cont{ padding:10px; font-size:0.875em; color:#666;}
.food_market{padding:10px 20px;}
.food_market h3{font-size:0.938em; }
.food_market .cont{ font-size:0.813em; color:#666;}

/*예약*/
.rsv_okcancel .rsv_table,.rsv_write .rsv_table{ padding-top:20px;}
.rsv_okcancel .rsv_table th{ width:35%;}
.rsv_okcancel .rsv_table a.btn{ border-radius:18px; margin-left:5px;}
.rsv_okcancel .rsv_table a.btn:active,.rsv_okcancel .rsv_table a.btn:hover{ background-color:#f8f8f8;}
.rsv_okcancel .rsv_table .price{  font-weight:bold;font-size:1.250em;}

.rsv_write .rsv_table table{ border-top:none;}
.rsv_write .rsv_table table th,.rsv_write .rsv_table table td{ background-color:#fff !important; border-bottom:none;}
.rsv_write .rsv_table table th{ width:28%;}
.rsv_write .rsv_table table th,.rsv_write .rsv_table table td { padding:5px 10px;}
.rsv_write .rsv_table table td input[type="text"],.rsv_write .rsv_table table td input[type="password"]{ width:100%;}
.rsv_write .rsv_table table td input[type="number"]{ width:31%;}
.rsv_write .rsv_table table td select{ width:32%; border:1px solid #cccecf; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; padding:.8em .6em; background-color:#fff;}
.text_center{ text-align:center;}
.rsv_write .text_center{  font-size:0.813em;}
.btn_area{ padding:10px 0 20px 0; text-align:center; margin-top:20px}
.btn_area a.btn_ok{ width:50%; padding:10px 0; border-radius:4px;}

.rsv_confirm{ text-align:center; padding:20px 0;}
.rsv_confirm .call{ font-weight:bold;font-size:1.250em}
.rsv_confirm a{ border-radius:18px;font-size:0.938em; margin-top:8px; padding:5px 20px;}

.guide_can{ text-align:center;}
.guide_can p{font-size:1.250em; font-weight:bold;}
.guide_can a{border-radius:18px;font-size:0.938em; margin:20px 0px 30px 0; padding:5px 20px;}
.guide_can .tt{  font-size:0.813em; color:#666; padding:10px 20px 20px 20px;; text-align:center;}

.icon_complate{ display:block;  margin:20px auto; background:url(../images/complate.png) no-repeat; width:80px; height:80px; background-size:80px 80px;}

/*예약등록*/
.term_area{ padding:10px;}
.term_area .id_save{ display:inline-block; overflow:auto;}
.term_area .id_save ladel{ font-size:0.938em !important;}
.term_area a{ font-size:0.813em; color:#999; text-decoration:underline; display:inline-block; padding-bottom:10px;}
.term_area a:hover{text-decoration:underline;}
.term_area .cont{  font-size:0.813em; clear:both; border-top:1px dashed #dadce0; margin-top:10px; padding-top:10px;}

.entry_rsv{ background-color:#fff; border-top:1px solid #c9c7c7; border-bottom:1px solid #c9c7c7; padding:20px 10px; }
.form_input label{ display:block; width:100%; text-align:center; font-size:1em; font-weight:bold; margin-bottom:10px;}
.form_input select{border:1px solid #cccecf; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; padding: .6em; background-color:#fff; width:100%; margin-bottom:18px;}
.account .price_info{ padding:10px;}
.account .price_info table{ width:100%;}
.account .price_info th{ color:#457ccf; text-align:left; padding:2px 0;}
.account .price_info td{ color:#666; text-align:right; padding:2px 0;}
.line_pr{ border-top: 1px dashed #e9e9e9; padding-top:10px; margin-top:10px; font-size:1.875em; font-weight:bold; text-align:right;}

.rsv_write .rsv_table td p.tt{ color:#999; font-size:0.875em;}
.rsv_write .rsv_table select.wd_100{ width:100%;}
.rsv_write .rsv_table .form_textarea{ height:100px;border:1px solid #cccecf; width:96%; padding:2%;}

.rsv_box{ background-color:rgba(255,255,255,0.5); padding:8px 10px; border-top:1px solid #d0d4da; margin-top:20px; }
.rsv_box .rsv_btn{ border-radius:4px; background-color:#457ccf; border-bottom:4px solid #3a68ae; padding:14px 0; color:#fff; font-weight:bold; font-size:1em; display:block; text-align:center;}

.info_mat{ padding:30px 10px; text-align:center; font-size:1em;}

.room_box{ overflow:auto;}
.room_box li:first-child { border-radius: 5px 5px 0 0;}
.room_box li:last-child { border-radius: 0 0 5px 5px; border-bottom:none;}
.room_box li { background: #fff; border-bottom: 1px solid #ededed; padding: 9px 10px; clear:both; overflow:auto;}
.room_box li p{ display:inline-block; float:left;}
.room_box li a{ display:inline-block; text-align:center; float:right; border-radius:18px; padding:4px 18px;}

.calen{ padding:10px; margin-top:20px; background-color:#fff;}
.tt_calen{ padding:15px 10px; font-size:0.875em; font-weight:bold;}

/*popup*/
.popup{ position:absolute; top:10%; left:50%; margin-left:-47%; width:94%; background:#fff; z-index:20;border-radius:5px; min-width:250px;  }
.close_popup{ position:absolute; top:-40px; right:0;border:1px solid #fff; border-radius:16px;}
.close_popup .ico_close{ display:inline-block; overflow:hidden; width:30px; height:30px;  background-position:-110px -41px; text-indent:-9999px; font-size: 0; transform:scale(0.6);-webkit-transform:scale(0.6); margin-left:0; }

.popup_body{ position:relative; padding:10px}

.hsm_img{ position:relative;}
.hsm_img:after {position: absolute;top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; box-sizing: border-box; content: '';}

.popup_footer .popup_tt{ font-size:1em; color:#666; padding:10px 0;}
.popup_footer .popup_con{ font-size:0.813em; color:#222; padding-bottom:20px;}

.popup_footer{ padding:10px;border-top:1px solid #ccc; clear:both; background-color:#eaedf2; border-radius:0 0 5px 5px;}
.popup_footer .btn{ width:48%;padding:1em 0;border-radius:5px;font-weight:bold;font-size:1em}
.btn_cancel{ background-color:#bbbbbb; color:#fff;}
.btn_ok{ background-color:#56a3d9; color:#fff;}

.ico_01{ background-position:0 -72px; width:18px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_02{ background-position:-22px -70px; width:18px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_03{ background-position:-49px -70px; width:18px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_04{ background-position:-76px -70px; width:18px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_05{ background-position:-100px -72px; width:18px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_06{ background-position:2px -97px; width:22px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_07{ background-position:-22px -97px; width:22px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_08{ background-position:-44px -97px; width:22px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_09{ background-position:-72px -95px; width:22px; height:22px; background-size:130px 130px; margin-right:5px;}
.ico_10{ background-position:-50px -32px; width:35px; height:35px; background-size:130px 130px; margin-right:5px;}
.ico_food{background-position:-45px 0;width:30px; height:30px; background-size:140px 140px; margin-right:5px;}