@charset "utf-8";
/* CSS Document */
body{ font-family:'돋움','dotum', sans-serif;}
#header{ width:100%;  min-width:1000px; border-bottom:3px solid #457ccf;}
#header:after{ display:block; content:''; clear:both;}
#contents{ width:100%;  min-width:1000px; margin:0 auto;}
#contents:after{ display:block; content:''; clear:both;}
#footer{ width:100%; clear:both; min-width:1000px; font-family:'Malgun Gothic','맑은고딕','nanum Gothic','nanumGothic','나눔고딕','돋움',sans-serif;}
.fix_wrap{ width:1000px; margin:0 auto;}
.image{ background:url(../images/icon.png) no-repeat; display:inline-block; zoom:1; *display:inline; overflow:hidden; background-size: 400px 500px;}
.border_box{ position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; opacity:0.1; filter: alpha(opacity:'10');  box-sizing:border-box; }

.badge {
display: inline-block;
min-width: 10px;
padding: 3px 6px;
font-size: 11px !important;
font-weight: normal;
color: #ffffff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-color: #777777;
border-radius: 12px;
}

.bg-danger{
    background-color: #cb2a2a;
}
/*header*/
#header .logo{ margin:0 auto; text-align:center; margin-top:10px; width:188px; height:56px;}
#header .logo a{ width:188px; height:56px; background:url(../images/logo.png) no-repeat; display:inline-block;}
#header .nav{ margin:18px 0;}
.nav{ overflow:auto;}
.nav li{ float:left;}
.nav li a{ width:142px; height:48px; display:inline-block; zoom:1; *display:inline;}
.nav_title{ background:url(../images/title.png) no-repeat; display:inline-block; zoom:1; *display:inline;}
.navi01{ background-position:0 0;}
.navi02{ background-position:-142px 0;}
.navi03{ background-position:-284px 0;}
.navi04{ background-position:-426px 0;}
.navi05{ background-position:-568px 0;}
.navi06{ background-position:-710px 0;}
.navi07{ background-position:-852px 0;}
.nav li a.navi01:hover{ background-position:0 -71px;}
.nav li a.navi02:hover{ background-position:-142px -71px;}
.nav li a.navi03:hover{ background-position:-284px -71px;}
.nav li a.navi04:hover{ background-position:-426px -71px;}
.nav li a.navi05:hover{ background-position:-568px -71px;}
.nav li a.navi06:hover{ background-position:-710px -71px;}
.nav li a.navi07:hover{ background-position:-852px -71px;}
.nav li.on a.navi01{ background-position:0 -141px;}
.nav li.on a.navi02{ background-position:-142px -141px;}
.nav li.on a.navi03{ background-position:-284px -141px;}
.nav li.on a.navi04{ background-position:-426px -141px;}
.nav li.on a.navi05{ background-position:-568px -141px;}
.nav li.on a.navi06{ background-position:-710px -141px;}
.nav li.on a.navi07{ background-position:-852px -141px;}

/*main contents*/
#aside_banner{ left: 50%; top:25px; height: 104px; margin-left: 520px; display: block; position: absolute; z-index: 1;}
.bn_wrap{left: 0px; top: 0px; width: 145px; visibility: visible; position: absolute;}

#contents .rsv_main{ background:url(../images/ptn_main.jpg) repeat-x; height:88px; padding-top:12px; font-family:'Malgun Gothic','맑은고딕','nanum Gothic','nanumGothic','나눔고딕','돋움',sans-serif;}
.rsv_main .rsv_title{ display:inline-block; zoom:1; *display:inline; padding-top:8px; margin-right:30px;}
.rsv_main .input_date,.rsv_main .rsv_input{ display:inline-block; zoom:1; *display:inline; margin-top:8px;}
.rsv_main .rsv_input label{ color:#222; font-size:14px; font-weight:bold; margin-right:5px;}
.rsv_main .rsv_input input{ border:1px solid #afafaf; background:#fff url(../images/ico_date.jpg) 132px no-repeat; padding:4px; height:25px; margin-right:8px; font-size:14px; width:152px;}
.rsv_main .rsv_mainBTN{ display:inline-block; zoom:1; *display:inline; float:right;}
.rsv_main .rsv_input .room_choice{ border:1px solid #afafaf; background:#fff; padding:4px; height:35px; margin-right:8px; font-size:14px;width:158px;}
.btn_search{ background-position:0 -203px; width:132px; height:72px; margin-right:15px;}
.btn_rsv{ background-position:-141px -203px; width:204px; height:72px;}

.main_contents{ clear:both; padding:25px 0; position:relative;}
.main_contents .m_roomInfo{ height:462px; position:relative;}
.main_contents .m_roomInfo .img_bd{ border:1px solid #c2c2c2;}
.main_contents .m_roomInfo .room_list{border:1px solid #c2c2c2; border-left:none !important; border-bottom:none !important;width:255px; overflow:hidden;}
.main_contents .m_roomInfo .room_list li{ position:relative;height:87px; width:256px; border-bottom:1px solid #c2c2c2;}
.main_contents .m_roomInfo .room_list li a{ background-color:#f2f2f2; display:block; height:87px; width:255px; font-family:'Malgun Gothic','맑은고딕','nanum Gothic','nanumGothic','나눔고딕','돋움',sans-serif;}
.main_contents .m_roomInfo .room_list li .fl{ width:155px; position:absolute; top:22px; left:15px;}
.main_contents .m_roomInfo .room_list li .fl .tt{ display:block; font-size:16px; letter-spacing:-1px; color:#222; margin-top:5px; }
.main_contents .m_roomInfo .room_list li .fl .sb_tt{ font-size:14px; display:inline-block; zoom:1; *display:inline; color:#4d4d4d;}
.main_contents .m_roomInfo .room_list li .fl .sb_tt span{ vertical-align:top;}
.main_contents .m_roomInfo .room_list li .fr { padding:10px 10px 0 0;}
.main_contents .m_roomInfo .room_list li .fr .img_area{ width:85px; height:64px; position:relative;}
.main_contents .m_roomInfo .room_list li.on a{ background:url(../images/banner_active.png) no-repeat; top:0; left:0; position:absolute; display:block; width:256px; height:88px; border:none;}
.main_contents .m_roomInfo .room_list li.on .fl{}
.main_contents .m_roomInfo .arrow_page{ border:1px solid #c2c2c2; border-left:none !important; border-top:none !important; font-size:12px;height:20px; position:absolute; right:0; bottom:0;}
.main_contents .m_roomInfo .arrow_up{ width:13px; height:7px; display:inline-block; zoom:1; *display:inline; background:url(../images/arrow_up.jpg) no-repeat;}
.main_contents .m_roomInfo .arrow_down{ width:13px; height:7px; display:inline-block; zoom:1; *display:inline; background:url(../images/arrow_down.jpg) no-repeat;}
.main_contents .m_roomInfo .arrow_page a{ display:inline-block; zoom:1; *display:inline; *zoom:1;; width:110px; text-align:center; border-right:1px solid #c2c2c2; height:20px; line-height:20px; float:left; color:#666; font-size:12px; background-color:#fff;}
.main_contents .m_roomInfo .arrow_page a span{ margin-right:5px;}
.main_contents .m_roomInfo .arrow_page a.ar_dw span{ margin-left:5px;}
.main_contents .m_roomInfo .arrow_page a:hover{}
.main_contents .m_roomInfo .arrow_page .page_nt{ background-color:#f4f4f4; font-weight:bold; color:#666; line-height:20px; display:inline-block; zoom:1; *display:inline; text-align:center; width:33px;}

.main_landscape{ border-top:1px solid #e4e4e4; background-color:#f2f2f2; padding:25px 0;}
.main_landscape .img_list{ overflow:auto;}
.main_landscape .img_list li:first-child{ margin-left:0;}
.main_landscape .img_list li{ float:left; position:relative; margin-left:25px; width:144px; height:98px;}

.main_landscape .ml_header{ padding-bottom:18px; font-family:'Malgun Gothic','맑은고딕','nanum Gothic','nanumGothic','나눔고딕','돋움',sans-serif;}
.main_landscape .ml_header h2{ font-size:17px; color:#222;  display:inline-block; zoom:1; *display:inline; }
.main_landscape .ml_header a.more{ color:#999; font-size:12px; vertical-align:-2px; display:inline-block; zoom:1; *display:inline; margin-left:5px;}
.main_landscape .ml_header a.more:hover{ text-decoration:underline;}

/*footer*/
#footer .ptn_top{ width:100%; height:6px; background:url(../images/footer_ptn.jpg) repeat-x;}
.etc_area{ padding:28px 0; overflow:hidden;}
.etc_area h2{ font-size:17px; color:#222; padding-bottom:25px;}

.noti_wrap{ width:285px; float:left; padding-right:25px;}
.noti_wrap .m_notice .cont{ font-size:13px; color:#666; width:180px; display:inline-block; zoom:1; *display:inline; line-height:25px; float:left;}
.noti_wrap .m_notice li a:hover{ text-decoration:underline;}
.noti_wrap .m_notice .date{ font-size:12px; color:#999; width:95px; text-align:right; display:inline-block; zoom:1; *display:inline;line-height:25px;}

.m_rsv_wrap{ width:267px; float:left; padding:0 25px 0 18px;}
.m_rsv_wrap .m_call h3{ color:#666;  font-size:14px; width:75px; display:inline-block; zoom:1; *display:inline; float:left; margin-top:8px;}
.m_rsv_wrap .call{ width:190px; font-family:Tahoma, Geneva, sans-serif; color:#f7967a; font-size:30px; letter-spacing:-2px}
.m_rsv_wrap .s_call{ display:inline-block; zoom:1; *display:inline; font-size:18px; color:#aaa; padding-left:5px;font-family:Tahoma, Geneva, sans-serif;}
.m_rsv_wrap .ico_call{ width:70px; height:70px; background-position:0 -30px;}

.m_account{ width:217px; float:left; padding-left:18px;}
.m_account .bank{ font-size:16px; color:#777; padding-bottom:20px; font-weight:bold; }
.m_account .number{ color:#444;font-size:20px; font-family:Tahoma, Geneva, sans-serif; letter-spacing:-1px; padding-bottom:8px; }
.m_account .info{font-size:12px; color:#999;}

.etc_pension{ width:145px; float:left}
.etc_pension li{ line-height:32px;}
.etc_pension li a:hover{ text-decoration:underline;}
.etc_pension li.btn_Frsv a{ border:1px solid #d5d5d5; display:inline-block; zoom:1; *display:inline;  text-align:center; padding:10px 0; width:143px; margin-top:10px; box-shadow:0 3px 0 rgba(0,0,0,.1);}
.etc_pension li.btn_Frsv a:hover{ background-color:#f5f5f5; text-decoration:none;}
.ico_01{ width:22px; height:22px; background-position:0 0;}
.ico_02{width:22px; height:22px; background-position:-26px 0;}
.etc_pension a{ color:#888;  font-size:14px;}

.copyright{ clear:both; position:relative; background-color:#35393d; height:140px; color:#999; font-size:12px;}
.copyright .address{ padding-top:25px;}
.copyright .fr{ position:relative;}
.copyright .fr .mobile_bn{ position:absolute; right:0; top:-32px;}
.copyright .fr .mobile_con{position:absolute; right:220px; top:28px;}
.btn_bottom{ margin-top:20px;}
.btn_bottom .btn_qna{ width:116px; height:28px; background-position:0 -133px;}
.btn_bottom .btn_admin{ width:62px; height:28px; background-position:-122px -133px;}

/*snb*/
.side_wrap{ width:179px; border-right:1px solid #e6e6e6; font-family:'Malgun Gothic','맑은고딕','nanum Gothic','nanumGothic','나눔고딕','돋움',sans-serif; }
.side_wrap .snb h2{ height:50px; line-height:50px; color:#fff; background-color:#2e2e2e; font-size:20px; text-align:center;}
.snb .snb_list { overflow:auto;}
.snb .snb_list li{height:38px;  border-left:1px solid #e6e6e6; border-bottom:1px solid #eee;}
.snb .snb_list li a{ background-color:#f3f3f3; width:158px; display:block; line-height:38px; height:38px; font-size:14px; color:#666; font-weight:bold; padding-right:20px; text-align:right;}
.snb .snb_list li.on{ border-left:1px solid #457ccf;}
.snb .snb_list li.on a{ color:#fff; background-color:#457ccf;}
.snb .snb_list li.on a:hover{ background-color:#457ccf; color:#fff; cursor:default;}
.snb .snb_list li a:hover{ background-color:#fff; color:#457ccf;}
.snb .snb_list li a .ico_arrow{ width:4px; height:8px; background-position:-141px -76px; float:right; margin:18px 15px 0 0;}

.side_info{ margin-top:50px; padding:0 10px; width:159px; text-align:center;}
.side_info .si_wrap{ border:1px solid #d3d5d7; margin-top:25px; padding:14px 7px;}
.side_info .si_wrap .account{ border-bottom:1px dashed #c6c5c5; padding-bottom:12px;}
.side_info .si_wrap .account .img_title{ width:94px; height:14px; background:url(../images/sub_aside_tt01.jpg) no-repeat;}
.side_info .si_wrap .account .bank{ margin:8px 0 5px 0; font-size:12px; color:#999;}
.side_info .si_wrap .account .bank span{ vertical-align:top;}
.side_info .si_wrap .account .number{ color:#07b062; font-family:Tahoma, Geneva, sans-serif; font-size:19px; letter-spacing:-1px;}
.side_info .si_wrap .location{ padding-top:12px;}
.side_info .si_wrap .location .img_title{ width:144px; height:27px; background:url(../images/sub_aside_tt02.jpg) no-repeat;}
.side_info .si_wrap .location .cont{ color:#666; font-size:12px; text-align:left; margin-top:5px; letter-spacing:-1px;}
.side_info .si_wrap .location a{ display:block;}
.side_info .si_wrap .location a:hover .cont{ text-decoration:underline;}
.side_info .sb_img{ margin:90px 0 50px 0;}

/*서브 공통*/
.contents_wrap{ width:810px; min-height:800px}
.contents_wrap .sub_header{ background:url(../images/sub_title_bg.jpg) no-repeat; width:810px; height:70px; margin-top:10px;}
.sb_title{background:url(../images/sub_title.png) no-repeat; display:inline-block; zoom:1; *display:inline; width:160px; height:24px; margin-left:65px; margin-top:20px;}
.title01{ background-position:0 0;}
.title02{ background-position:0 -24px;}
.title03{ background-position:0 -48px;}
.title04{ background-position:0 -72px;}
.title05{ background-position:0 -96px;}
.title06{ background-position:0 -120px;}
.title07{ background-position:0 -144px;}
.title08{ background-position:0 -168px;}
.title09{ background-position:0 -192px;}
.title10{ background-position:0 -216px;}
.title11{ background-position:0 -240px;}
.title12{ background-position:0 -264px;}
.title13{ background-position:0 -288px;}
.title14{ background-position:0 -312px;}
.title15{ background-position:0 -336px;}
.title16{ background-position:0 -360px;}
.title17{ background-position:0 -384px;}
.title18{ background-position:0 -408px;}
.title19{ background-position:0 -432px;}

.contents_wrap .sub_header .location{ line-height:70px; font-size:12px; color:#666; margin-right:30px;}

/*펜션소개*/
.wrap{font-family:'Malgun Gothic','맑은고딕','nanum Gothic','nanumGothic','나눔고딕','돋움',sans-serif; margin-bottom:100px;}
.hsm_psn{ width:100%; text-align:center; padding:40px 0; line-height:24px; font-size:14px; color:#666;}
.hsm_psn .tt_16{ font-size:16px;}
.hsm_psn .tt_20{ font-size:20px;}
.hsm_psn .tt_22{ font-size:22px;}
.hsm_psn .tt_26{ font-size:26px; line-height:32px; margin-bottom:20px;}
.wrap .hsm_psn p.cont{ background:url(../images/hsm_if_img02.jpg) 500px 230px no-repeat; padding-bottom:50px;}

/*객실*/
.rsn_roomInfo{ margin-bottom:40px;}
.rsn_roomInfo table{ width:100%;}
.rsn_roomInfo table th{ background-color:#f2f2f2; border: 1px solid #dedede; border-right:none !important; color:#222; font-size:12px; height:35px;}
.rsn_roomInfo table td{ color:#666; font-size:12px; text-align:center; padding:0 4px;border-bottom: 1px solid #dedede; height:60px;}
.rsn_roomInfo table tr.bg_an th{ background-color:#e8e8e8; border-top:none !important;}
.rsn_roomInfo table tr.bg_an th.br_g{border-left: 1px solid #f3f3f3;}
.btn_rsvsm{ width:76px; height:28px; background-position:0 -168px;}

.list_cont{ margin-bottom:30px;}
.list_cont h4{ font-size:15px; color:#444; border-bottom:2px solid #b1b1b1; padding-bottom:15px; margin-bottom:20px;}
.list_cont h4 .dot{ width:4px; height:4px; border:3px solid #1ba2d4; display:inline-block; margin-right:5px;}
.list_cont .cont p,.list_cont .cont b{ font-size:13px; line-height:20px;}
.list_cont .rsv_info{ background-color:#f2f2f2; overflow:auto; padding:12px 0; margin-bottom:20px}
.list_cont .rsv_info li{ float:left; width:364px; padding:0 20px;}
.list_cont .rsv_info li:first-child{ border-right:1px dashed #c9c9c9;}
.list_cont .rsv_info li h5{ display:inline-block; margin-left:8px; font-size:19px; letter-spacing:-1px; font-weight:normal; color:#444;}
.list_cont .rsv_info li h5>b{ font-size:19px; color:#444;}
.list_cont .rsv_info li .tt_01{ font-family:Tahoma, Geneva, sans-serif; font-size:20px; line-height:28px; color:#777;}
.list_cont .rsv_info li .tt_02{ font-size:15px; line-height:28px; color:#777; padding-top:14px;}
.list_cont .rsv_info li .tt_02 b{ font-size:20px; line-height:28px; color:#777;}
.list_cont .rsv_info li .fl{ padding-top:14px;}

.list_cont .cont .c_tt{ padding:0 20px; line-height:20px;}

.icon_call{ width:55px; height:55px; background-position:-85px 0;}
.icon_bank{width:55px; height:55px; background-position:-153px 0;}


.rl_wrap{ width:100%; margin:50px 0;}
.rl_wrap .img_roll{ width:630px; text-align:center; height:390px; margin:0 auto;}
.rl_wrap .img_roll .roll_l{width:520px; float:left; position:relative;}
.rl_wrap .img_roll .roll_l img{ width:520px; height:390px;}
.rl_wrap .img_roll .roll_r .lst_rl li { margin-bottom:5px;}
.rl_wrap .img_roll .roll_r .lst_rl li.on a{ border:2px solid #457ccf;}
.rl_wrap .img_roll .roll_r .lst_rl li a{ position:relative;border: 2px solid #fff;}
.rl_wrap .img_roll .roll_r .lst_rl img{ width:70px; height:52px; }
.rl_wrap .img_roll .roll_r .arrow_up{ width:13px; height:7px; display:inline-block; zoom:1; *display:inline; background:url(../images/arrow_up.jpg) no-repeat;}
.rl_wrap .img_roll .roll_r .arrow_down{ width:13px; height:7px; display:inline-block; zoom:1; *display:inline; background:url(../images/arrow_down.jpg) no-repeat;}
.rl_wrap .img_roll .roll_r a{ display:inline-block;}
.rl_wrap .img_roll .roll_r a.ar{ display:inline-block; zoom:1; *display:inline; *zoom:1;; width:68px; text-align:center; border:1px solid #c2c2c2; height:16px; line-height:16px; color:#666; font-size:12px;}
.rl_wrap .img_roll .roll_r a.ar_up{ margin-bottom:5px;}
.rl_wrap .img_roll .roll_r a.ar_up span{ margin-right:5px;}
.rl_wrap .img_roll .roll_r a.ar_dw span{ margin-left:5px;}

.rl_wrap .img_out{  margin:0 auto; position:relative;width:615px; height:415px;}
.rl_wrap .img_out .roll_l{ text-align:center; width:615px; height:415px;}
.rl_wrap .img_out img{ height:100%; max-width:100%;}

.landscape{ border:4px solid #f3f3f3; padding:18px 20px; width:762px;}
.landscape h4{ border-bottom:none; margin-bottom:0;}
.btn_group{ margin:20px 0; overflow:auto;}
.btn_group li{ float:left;}
.btn_group li.on a{ background:url(../images/ptr_btn.jpg) repeat; color:#fff;}
.btn_group li a{ padding:0 32px; margin:8px 5px; font-size:15px; background-color:#f3f3f3; color:#999; line-height:50px; display:inline-block; font-weight:bold;}
.btn_group li a:hover{ background-color:#e7e7e7;}

/*이용안내*/
.rsv_table{ margin-top:15px; overflow:auto;}
.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;}
.rsv_table .fl{ width:366px;}
.rsv_table .fr{ width:366px;}

/*주변관광지*/
.tour_lst li:first-child{ padding-top:0;}
.tour_lstL,.tour_lstR{ font-size:13px; color:#555; border-bottom:1px dashed #c9c9c9; padding:15px 0; overflow:auto; clear:both;}
.tour_lstL .fl{ width:178px;}
.tour_lstL .fr{width:612px; padding:10px 0 0 20px;}
.tour_lstL .fr dt{ padding-bottom:10px;}
.tour_lstL .fr dd a{ color:#457ccf; display:inline-block; border-radius:2px; margin-left: 10px }
.tour_lstL .fr dd a:hover{ text-decoration:underline;}
.tour_lstR .fr{ width:178px;}
.tour_lstR .fl{width:612px; padding:10px 20px 0 0;}
.tour_lstR .fl dt{ padding-bottom:10px;}
.tour_lstR .fl dd a{ color:#457ccf; display:inline-block; border-radius:2px; margin-left: 10px }
.tour_lstR .fl dd a:hover{ text-decoration:underline;}
.source{ text-align:right; font-size:12px; color:#999; margin-top:20px;}

/*고객센터*/
.board_lst table,.board_vlst table{ width:810px; border-top:3px solid #444;}
.board_lst table th{ background-color:#f5f5f5;border-bottom:1px solid #919191; font-size:14px; line-height:44px; color:#999;}
.board_lst table td{line-height:40px; font-size:13px;  border-bottom:1px solid #d2d2d4; padding:0 5px; text-align:center;}
.board_lst table td a{color:#666;}
.board_lst table td a:hover{ text-decoration:underline;}
.board_lst table tr.notice td{ background-color:#f9f9f9; font-weight:bold;}
.board_lst .btn_modify{ margin-left:10px;}
.btn_area{ display: block; margin-top: 20px; text-align:center; overflow:hidden;}
.ico_arrow{ background-position:-134px -116px; width:10px; height:15px; margin:0 5px 0 20px;}
.icon_notice{ background-position:-94px -110px width:27px; height:16px;;}
.ico_secret{ background-position:-153px -108px; width:11px; height:16px; margin-left:5px;}
.btn_write{ background-position:-191px -125px; width:92px; height:35px;}
.btn_del{ background-position:-291px -84px; width:92px; height:35px; float:left !important;}
.btn_modify{ background-position:-191px -84px; width:92px; height:35px;}
.btn_list{ background-position:-291px -125px; width:92px; height:35px;}
.board_lst table .bs_title_st{ font-size:13px; font-weight:bold; color:#c2c2c2;}
.board_lst table .cs_conts{padding:35px 10px;clear: both;text-align: justify;line-height: 1.5;word-wrap: break-word; }
.board_lst table .cs_conts img {max-width: 790px;}

.board_vlst table{ border-bottom:1px solid #919191; padding:10px 0;}
.board_vlst table .board_input_st textarea{ border:1px solid #cccecf; width:98%; padding:1%; height:400px; margin:10px 0;}
.board_vlst table th{ line-height:44px; text-align:left; height:44px; }
.board_vlst table th,.board_vlst table td{ font-size:13px; }
.board_vlst table td input{ padding:8px 2%; width:96%;}
.board_vlst .btn_cancel{background-position:0px -359px; width:148px; height:50px;}
.btn_ok{background-position:-172px -359px; width:148px; height:50px;}

/*포토앨범*/
.thumb_list{ overflow:auto;}
.thumb_list:after{ display:block; content:''; clear:both;}
.thumb_list li{ float:left; margin:0 12px 14px 0; width:260px; height:245px; }
@media \0screen {
.thumb_list li{ margin:10px 4px; }
}

.thumb_list li:nth-child(3n){ margin-right:0;}
.thumb_list .box .text_bx{ border:1px solid #cacaca; padding:10px}
.thumb_list .box img{ width:260px; height:174px;}
.thumb_list .box .thumb{width:260px; height:174px; display:inline-block; position: relative;}
.thumb_list .box .sub_tt{ font-size:12px; color:#555; margin-top:12px;}
.thumb_list .box .thumb_tt{ font-size:14px; margin-bottom:8px; font-weight:bold;}
.thumb_list .box .thumb_tt a{ color:#222; width:250px; display:inline-block;}
.thumb_list .box .thumb_tt a:hover{ text-decoration:underline;}
.thumb_list .box .thumb_tt .ico_new{ vertical-align:top;}
.thumb_list .box .thumb_date{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#999;}
.thumb_list .box .tt_group{ padding:10px 0;}


/*예약*/
.icon_ga{ background-position:0 -109px; width:24px; height:18px;}
.icon_de{ background-position:-29px -109px; width:24px; height:18px;}
.icon_wan{ background-position:-58px -109px; width:24px; height:18px;}
.icon_verti {vertical-align: -4px;}
.calendar .calendar_tt{ display:inline-block; padding-left:5px; padding-right:10px; font-size:14px; font-weight:bold; color:#666;}
.btn_rsvcc{background-position:-82px -168px; width:103px; height:28px;}
.icon_left{background-position:-351px -205px; width:17px; height:17px;}
.icon_right{background-position:-368px -205px; width:17px; height:17px;}
.calendar_info{ display:block; padding:20px 0 ; margin:0 auto; text-align:center;}

.term_tab{ overflow:auto; border-bottom:2px solid #b1b1b1;}
.term_tab li{ float:left; width:102px; height:40px; text-align:center; background-color:#b1b1b1; color:#e8e8e8; margin-right:5px; line-height:40px; font-size:14px; cursor:pointer;}
.term_tab li.on{ background-color:#98d24d; color:#fff;}
.term_cont{ border:1px solid #d6d6d6; padding:10px; margin-top:10px; font-size:12px; color:#888; height:150px; overflow-y:scroll; line-height:18px;}
.term_inp{ text-align:center; margin-top:10px;}
.term_inp label{ font-size:13px; color:#444 !important;}
.rsv_tt{ font-size:12px; font-weight:normal; color:#888;}
.rsv_tb{ margin-top:15px; overflow:auto;}
.rsv_tb table{ width:100%; border-top:1px solid #e7e6e6;}
.rsv_tb table th,.rsv_tb table td{ padding:10px 8px ; border-bottom:1px solid #e7e6e6;}
.rsv_tb table th{color:#fff; background-color:#457ccf;  width:140px; font-size:12px}
.rsv_tb table td{ color:#444; padding-left:15px; font-size:14px; text-align:center;}
.rsv_tb table td select{ border:1px solid #ccc; padding:.4em;}

.total{ border:5px solid #f3f3f3; width:770px; padding:15px; font-size:12px; text-align:right;}
.total .price{ font-size:26px; font-family:Tahoma, Geneva, sans-serif;color:#f50e0e; font-weight:bold; display:inline-block; margin-left:20px; margin-right:10px;}

.rsv_tb_v{ margin-top:15px; overflow:auto;}
.rsv_tb_v table{ width:100%; }
.rsv_tb_v table th,.rsv_tb_v table td{ padding:5px 8px ; height:30px; }
.rsv_tb_v table th{ color:#888 !important; font-size:14px;}
.rsv_tb_v table td input{ border:1px solid #ccc; padding:.4em; width:95%;}
.rsv_tb_v table .ex_pa{ font-size:11px; color:#666; padding:0 0 8px 8px !important; height:15px;}
.rsv_tb_v table td .tt_area{ border:1px solid #ccc; padding:2%; font-size:12px; width:94%; height:100px;}
.rsv_ttinfo{ padding:10px 0;color:#457ccf; font-weight:bold; text-align:center;}

.btn_rsv_b{ background:url(../images/btn_rsv.jpg) no-repeat; display:inline-block; width:203px; height:68px;}
.btn_cancel{background-position:-181px -282px; width:202px; height:68px;}

.rsv_end{ border:5px solid #f3f3f3; width:770px; padding:15px; font-size:12px; text-align:center;}
.rsv_end .tt02{ font-size:26px; color:#f50e0e; letter-spacing:-1px; padding:10px 0 20px 0; display:block;}
.rsv_end .tt03{ line-height:20px;}

.ico_end{ background-position:-224px 0; width:75px; height:74px;}
.rsv_table_e{margin-top:50px; overflow:auto;}
.rsv_table_e table{ width:80%; margin:0 auto;border-bottom:1px solid #e7e6e6;border-top:1px solid #e7e6e6; }
.rsv_table_e table td,.rsv_table_e table th{ border-bottom:none;  padding:15px 25px;}
.rsv_table_e table th{ width:125px; background-color:#f2f2f2; text-align:left;font-size:13px;color:#777; }
.rsv_table_e table td{ width:180px;font-size:14px;color:#222; text-align:right; }
.rsv_table_e table td .point_red{font-size:24px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; display:inline-block;}

.refund h4{ border-bottom:none;}
.refund .fl{ width:366px;}
.refund .fr{ width:366px;}

.refund .tb_half { width:100%; padding-bottom:50px;}
.refund .tb_half th{ color:#888; line-height:38px; font-size:13px; text-align:left; width:120px;}
.refund .tb_half td{ text-align:right; font-size:13px; width:246px; }
.refund .tb_half td input{ width:96%; padding:.4em;}
.refund .tb_half tfoot.line td,.refund .tb_half tfoot.line th{ border-top:2px solid #b1b1b1;}

/*오시는길*/
.loca_wrap{ border-top:1px solid #e6e6e6; margin:15px 0;}
.loca_title{ background-position:0 -415px; width:50px; height:14px; }
.loca_title01{ background-position:0 -432px; width:50px; height:14px; }
.loca_title02{ background-position:0 -449px; width:88px; height:14px; display:block; }
.loca_title03{ background-position:-60px -470px; width:53px; height:27px; }
.loca_title04{ background-position:0 -470px; width:53px; height:27px; }

.loca_h{ margin:15px 0; }
.loca_tt{ font-size:13px;}
.sub_ttL01{ margin-bottom:10px;}
.sub_ttL02{ margin:20px 0 10px 0;}

.food_buy{ border:5px solid #f3f3f3; padding:10px; margin-top:40px;}
.food_buy p{ display:inline-block; width:450px; font-size:13px; padding-left:15px;}
.img_food{ background-position:-118px -440px; width:242px; height:60px;}


/*팝업*/
#popup_wrap{ width:480px; background-color:#fff;}
.popup_header{ height:48px; background-color:#1e94ca; border-bottom:1px solid #197fae; color:#fff; position:relative;}
.popup_header h1{ color:#fff; font-size:16px; line-height:48px; padding-left:15px;}
.popup_header .ico_clock{ width:23px; height:23px; background-position:-85px -71px; margin-right:5px; }
.popup_header .icon_close{ position:absolute; right:10px; top:10px; width:22px; height:22px; background-position:-119px -72px;   }
.popup_contents{ padding:20px;}
.popup_contents .pop_table{ background-color:#f5f6fa; padding:15px; border:1px solid #e5e5e5;}
.popup_contents .tt_info{ font-size:12px; padding-bottom:15px; }
.popup_contents .pop_table table{}
.popup_contents .pop_table table th{ text-align:left; width:100px; font-size:12px; color:#444; line-height:32px;}
.popup_contents .pop_table table td{ text-align:right; width:310px; }
.popup_contents .pop_table table td input{ width:300px; padding:5px; background-color:#fff;}
.popup_footer{ border-top:1px solid #e5e5e5; width:100%; clear:both; text-align:center; padding:20px 0;}
.popup_footer .btn_send{ width:96px; height:34px; background-position:-304px -37px;}
.popup_footer .btn_cancel{ width:96px; height:34px; background-position:-304px 0;}
.height_400{ height:400px;}
.height_500{ height:500px;}
.tt_error{ padding:5px; border:1px solid #a2a2a2; font-size:12px; text-align:center; margin:0 auto 30px auto; width:350px;}

.popup_contents .box{ border:5px solid #e3e3e3; padding:20px; overflow:auto; font-size:13px;}
.popup_contents .box .fl{ color:#666; font-weight:bold;}
.popup_contents .box .fr{ color:#999; text-align:right;}
.popup_contents .box .fr strong{ display:block; padding-bottom:5px;}
.btn_rsv_cancel{background-position:-327px -359px; width:69px; height:27px; margin-top:10px;}
.btn_close{background-position:0 -278px; width:96px; height:34px;}
.pop_table_l{ margin-top:10px; }
.pop_table_l table{ width:100%; border-top:2px solid #848484;}
.pop_table_l table td{ text-align:right;}
.pop_table_l table th{ width:125px; text-align:left; background-color:#f4f4f4; padding-left:15px !important}
.pop_table_l table th,.pop_table_l table td{ padding:4px; line-height:25px; font-size:13px; border-bottom:1px solid #dbdbdb;}
.popup_contents .box .pop_inp{ padding:4px; width:150px; margin-top:10px;}

/*sitemap*/
.wrap_category{ overflow:hidden; width:810px; margin:40px 0 23px;background:url(../images/sitemap_bgline.gif) repeat-y 0;}
.wrap_category .section{ overflow:hidden; float:left; padding-left:12px; width:103px}
.wrap_category .section .txt_sitemap{ overflow:hidden; height:18px; margin-bottom:18px; font-size:14px; color:#444;}
.wrap_category .section .lst_section{}
.wrap_category .section .lst_section li{ overflow:hidden; width:100%; height:22px; line-height:22px; vertical-align:top;}
.wrap_category .section .lst_section li a{ display:block; font-size:12px; color:#666;}
.wrap_category .section .lst_section li a:hover{ text-decoration:underline;}


.size_ch img{max-width:100%;}
.color_dgr{ color:#444 !important;;}
.point_dblue{ color:#200cb7;}
.point_red{color:#f50e0e !important;;}
.point_green{ color:#07b061 !important;;}
.point_blue{ color:#457ccf !important;;}
.malgun{font-family:'Malgun Gothic','맑은고딕','nanum Gothic','nanumGothic','나눔고딕','돋움',sans-serif;}
.ellipse{display:inline-block; zoom:1; *display:inline;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap: break-word; word-break:break-all;}
.fs_11{ font-size:11px !important;}
.fs_20{ font-size:20px !important;}
.align_C{ text-align:center !important;}
.align_L{ text-align:left !important;}
.align_R{ text-align:right !important;}
.mr_tnone{ margin-top:0 !important;}
.fl{ float:left;}
.fr{ float:right;}
.clear_bt{ clear:both;}
.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:10px;}
.mt_30{ margin-top:30px;}
.bd_Ln{ border-left:none !important;}
.border_t{border-top:1px solid #d2d2d4}