@media (max-width:1500px) {
	#main_vb .mainbn_control .b-prev{margin-left:0;}
	#main_vb .mainbn_control .b-next{margin-right:0;}
	#header .in_header .gnb .depth1{padding:0 16px;}
}


@media (max-width:1280px) {
body { font-size:0.8em }
/*.wrap { width:100%; padding:0 20px }*/
#header .gnb .depth1 { padding:0 20px; }
#header .gnb .depth1 > a:before { left:30px }
#header.down { height:260px }
#header .btn_user { margin-right:20px }
#header .user { right:5px }
.pic_lt .ts-controls { text-align:center; margin-top:10px }
.pic_lt .ts-controls button { display:none }
.pic_lt .ts-controls button.ts-paging-btn { display:inline-block; margin:0 3px; position:static; width:100%; background:none; width:20px; height:20px; border:1px solid #333; border-radius:50% }
.pic_lt .ts-controls button.ts-paging-btn.ts-paging-active { background:#333 }
#snb .wrap { padding:0 }
#snb li:first-child { border-left:0 }
#snb li:last-child { border-right:0 }
#contents { margin:55px 0 0 0 }
.container_title { font-size:2.4em; margin:0 0 40px }
.tbl_head01 td, .tbl_head01 th { padding:12px 7px !important }
#bo_list .td_num2 { width:50px }
.td_thumb { width:150px }
#bo_list .td_datetime { width:80px }
#bo_gall .gall_info .gall_view { display:none }
#faq_sch .frm_input, #faq_sch .btn_submit { height:40px }
#bo_v iframe { width: 100%; height:43vw }
#sch_res_detail select, #sch_res_detail select { width:120px }
#sch_res_detail .sch_wr { width:calc(100% - 380px) }
	
	#header .in_header .gnb .depth1{padding:0 10px;}
	#main_about .sct_wr .img{width:90%;}
	#main_room .sct_wr .room_list{margin-right:-25px;}
	#main_room .sct_wr .room_list li .in{margin-right:25px;}
	#main_room .sct_wr .room_list li .xi{width:70px; height: 70px; line-height: 70px; font-size:2em;}
	#main_room .sct_wr .room_list li .room_txt .sct_txt{margin-top:5px;}
	#r_ft .f_top .sct_wr > div{padding:0 30px;}
	#r_ft .f_top .sct_wr .notice{display:none;}
	#r_ft .f_top .sct_wr .customer{width:50%!important;}
	#r_ft .f_top .sct_wr .bank_info{width:50%;}
	
	.intro_box {padding:5em 10em;}
	.intro_box .tx br{display:none;}
	.intro_tit{padding:5em 0 8em;}
	.intro_tit .in_tt .t1{font-size:1.25em;}
	.intro_tit .in_tt .t2{font-size:2.825em;}
	.location_box .page_tt{font-size:1.5em;}
	
}

@media (max-width:1100px) {
.mobile_only { display:block !important }
.pc_only { display:none !important }
	
.pc_all_menu{display:none}

#header,
#header .in_header{height:75px;}
	
#header .in_header .gnb .depth1 > ul:after{display:none;}
#header .btn_user { position:absolute; right:70px; top:17px; font-size:22px; z-index:8; float:none; margin:0 }
#header .btn_gnb { font-size:22px; z-index:10; color:#fff;}
#header .btn_gnb.on .xi-apps:before{content:'\e921'; color:#666;}
#header .btn_search { position:absolute; right:105px; top:17px; font-size:22px; z-index:8; float:none; margin:0 }
#header .in_header .gnb { position:fixed; width:280px; background:#fff; height:100%; top:0; right:-350px; margin:0; float:none; z-index:9; padding:80px 15px 0; transition:all .3s; text-align:left;box-shadow: 0 0 0.5625rem #ccc }
#header .in_header .gnb.on { right:0; }
#header .in_header .gnb > ul{width:280px; border-top:1px solid #ddd;}
/*#header.down .gnb a { color: #fff }
#header.down .gnb .depth1 > a { margin-bottom:0 }
#header.down .gnb .depth1:hover > a { color:#fff }*/
#header .in_header .gnb .depth1 ul { display:none; height:0; max-height:none; transition:all .3s; position:static; transform:translateX(0); border:0; opacity:1; width:auto; background: #f9f9f9;}
#header .in_header .gnb .depth1.on ul { display:block; height:auto; opacity: 1; visibility: visible;}
#header .in_header .gnb .depth1 > a:before { display:none }
#header .in_header .gnb .depth1 > a {width:100%; height:auto!important; line-height:inherit!important; color:#333!important; font-size: 1.125em; padding:18px 15px; border-bottom:1px solid #ddd; display: block; position: relative;}
#header .in_header .gnb .depth1 > a:after{content:'\e914'; font-family: 'xeicon'; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: auto; height: auto; background-color: transparent; left: inherit; bottom: inherit;}
#header .in_header .gnb .depth1:hover > a:after{transform: translateY(-50%);}
#header .in_header .gnb .depth1.on > a:after{content:'\e91b';}
#header .in_header .gnb .depth1 i { position:absolute; top:0; right:0; width:60px; height:56px; line-height:56px; text-align:center; z-index:2; color: #333; display:none!important;}
#header .in_header .gnb .depth2 > a { padding:15px; border:0 }
#header .in_header .gnb .depth2 > a:hover { background:none; }
#header .in_header .gnb .depth1 > ul > .depth2 a{border-bottom:1px solid #ddd; border-top:0;}	
#header .in_header .gnb .depth1 > ul > .depth2 a:before{content:'-'; margin-right:6px;}
#header .in_header .gnb .depth1:before{display:block;}
#header .in_header .gnb .depth1{padding:0; float:none; margin:0; height: auto; text-align: left;}	
#header .in_header .gnb .depth1.on{background-color:#91b911;}	
#header .in_header .gnb .depth1.on > a.gnb_al_a{color:#fff !important;}	
	
	.main_tit{font-size:2.5em; padding:40px 0;}
	#sub_visual{margin-top:75px; height:240px;}
	#main_vb .el .slog .t1{font-size:3.625em;}
	#main_vb .mainbn_control .xi,
	#main_book .photo_slide .photo_control .xi{width:60px; height: 60px; line-height: 60px;}
	.root_daum_roughmap .wrap_map{height:300px!important;}
	#main_about .sct_wr .about .btn_more{width:150px;}
	#main_vb .mainbn_control .xi, #main_book .photo_slide .photo_control .xi{width:50px; height: 50px; line-height: 50px;}
}


@media (max-width:1023px) {
body { font-size:0.8em }


#sub_visual { height:300px }

#contents { margin:50px 0 0 0; min-height:400px }
/*#contents .wrap { padding:0 3% }*/

#ctt_con { font-size:1.12em }

#ctt_con.sub01_01 .sec01 .img01 { width:35% }
#ctt_con.sub01_01 .sec01 > div { width:60% }
#ctt_con.sub01_02 .tab_menu a { font-size:30px }

#bo_gall .gall_li { width:calc(100%/2 - 10.1px) }
#bo_gall .gall_li:nth-child(4n + 1) { clear:none }
#bo_gall .gall_li:nth-child(2n + 1) { clear:none }
#bo_gall .gall_img:hover img { transform:none }
#bo_gall.listtype .gall_img + div { padding:15px 30px }
#bo_gall.listtype .bo_tit { font-size:1.6em }
#bo_gall .gall_list_con { max-height:38px; overflow:hidden; margin-top:5px }
#bo_v_act { margin:40px 0 !important }
#bo_v_desc { margin-top:40px }
.bo_v_nb { margin: 30px 0 }
#bo_vc_empty { padding:40px 0 !important }
#bo_v_con { min-height:50px }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.2em }
#bo_list .td_datetime { width:60px }
#bo_list .td_name { width:90px }
#captcha.m_captcha #captcha_key { height:40px; margin-top:5px }
#captcha.m_captcha #captcha_img { display:inline-block; width:120px; height:40px; }
#captcha.m_captcha #captcha_reload { margin-top:5px }
td .thumb { width:150px }
td .thumb ~ div { margin-left:170px }
#bo_v iframe { width: 100%; height:52vw }
#sch_res_board a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; font-size:13px }
#sch_res_board .sch_on { border:0 }
.bo_v_nb li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:calc(100% - 120px); vertical-align:top }
	
	#main_about .sct_wr{display:block;}
	#main_about .sct_wr > div{width:100%}
	#main_about .sct_wr .about .main_tit{text-align:center!important;}
	#main_about .sct_wr .about{margin-left:0; text-align: center;}
	#main_about .sct_wr .about .btn_more{margin-top:40px;}
	#main_room .sct_wr .room_list li .room_img{height:250px;}
	
	#r_ft .f_top .sct_wr .customer{width:60%!important;}
	#r_ft .f_top .sct_wr .bank_info{width:40%;}
	
	.intro_box{padding:3em 4em; font-size:1em;}
	.intro_tit .in_tt .t2{font-size:2.5em;}
	.location_box .page_tt{font-size:1.375em;}
	.location_box .info_list > li h3{float:none;}
	.location_box .info_list > li .info{margin:10px 0 0;}
	.facility_w .page_viewWrap{padding-bottom:4em;}
	.facility_w .page_viewWrap .slider_for{float:none; width:100%;}
	.facility_w .page_viewWrap .page_viewB{float:none; width:100%;}
	.facility_w .page_viewWrap .control_arrow li.prev{transform: rotate(-90deg);}
	.facility_w .page_viewWrap .control_arrow li.next{transform: rotate(-90deg);}
	.reser_info {margin-right:0;}
	.reser_info li{width:100%; margin-bottom: 2.5em;}
	.reser_info li .in{margin-right:0; padding:2em;}
	.reser_info li .tx{font-size:1.25em;}
	.table_st th{font-size:1em;}
	.page_txt_wrap{ display:block !important;}
    .page_txt_wrap.flex > *{ padding:.8em 0;}
    .page_tit.dp1{ margin-bottom:0;}
    .page_txt_wrap.flex > .flex_w2{ margin-left:0;}
	.point_wrap .in_box .img_z{flex:40%;}
	.point_wrap .in_box .txt_z{flex:60%; padding-left: 2em;}
	.page_txt_wrap.flex > .flex_w2 .midd{margin-right:0;}

}


	
@media (max-width:900px) {	
	.fixed_w {overflow-x:scroll;}
	.fixed_w .fixed {width:900px !important; table-layout:fixed;}
	.mo_info{display:block;}
}


@media (max-width:767px) {
.s_mobile_only { display:block !important }
.hd_sch_wr .box { width:96% }

.pic_lt .ts-controls button.ts-paging-btn { margin:3px }
.tab_menu li a { padding:0; margin:0 10px; border:0 }
.main_gallery .tab_con { margin-top:30px }
.pic_lt li .lt_name { font-size:1.3em }

#sub_visual { height:240px }
#sub_visual h2 { font-size:2.8em; }

#snb .depth1 > li { width:calc(50% + 1px) }
#snb .depth1 > li:first-child { display:none; }
#snb .depth1 > li:nth-child(2) { border-left:0 }

#contents { min-height:300px;}
.container_title { font-size:2em; padding-top:15px; margin:0 0 30px }
.container_title:before { width:35px; height:2px; margin-left:-17.5px }

#right_area { padding-top:30px }
#bo_cate { margin-top:0 }
#bo_cate a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; font-size:13px }
#bo_cate #bo_cate_on { border:0 }
/*#bo_gall .gall_li { width:100%; float:none; margin-left:0; margin-bottom:15px }*/
/*#bo_gall .bo_tit { white-space:normal }*/
#bo_v_item #bo_v_img { float:none; width:100%; margin-top:5px }
#bo_v_item #bo_v_summary { float:none; width:100%; margin:30px 0 0 0 }
#bo_v_summary .bo_v_title { font-size:1.5em }
#bo_v_summary .bo_v_title small { font-size:0.6em }
#bo_v_summary, #bo_v_desc { font-size:1em }
#bo_v_summary .refer { margin:12px 0 0 0 }
#bo_v_sns li a { width:50px; height:50px; line-height:50px }
#bo_v_share .btn { width:50px; height:50px; font-size:11px }
#bo_v_share .btn i { margin:8px 0 0 0 }
#bo_v_share { padding:25px 0 }
.bo_v_nb { margin:20px 0 }
#bo_v_desc { margin-top:30px }
.bo_vc_w_info .frm_input { width:49.5%; margin:0 }
.bo_vc_w_info #wr_password { float:right }
#bo_vc article .pf_img { display:none }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.1em }
#bo_gall.listtype .gall_img { float:none; width:100% }
#bo_gall.listtype .gall_img + div { float:none; width:100%; padding:20px; font-size:1em }
/*#bo_gall .bo_tit, #bo_gall.listtype .bo_tit { font-size:1.3em }*/
.gall_list_opt dt { min-width:60px; text-align:center }
.gall_list_opt dt, .gall_list_opt dd { font-size:.95em }
td .thumb { width:100%; float:none }
td .thumb ~ div { margin-left:0; margin-top:15px }
#bo_v_title { font-size:1.3em; font-weight:500 }
#bo_v_title .bo_v_tit { font-size:1em }
#bo_v_act { margin:30px 0 !important }
.bo_v_nb li .nb_tit { padding-right:0; width:65px; vertical-align:top }
.tbl_head01 td, .tbl_head01 th { font-size:1.05em }
#faq_sch .btn_submit { width:70px; }
#faq_sch .frm_input { width:calc(100% - 75px) }
#faq_sch .frm_input, #faq_sch .btn_submit { height:36px; font-size:1em }
#faq_sch { padding:20px; }
#faq_wrap li { font-size:1em }
#bo_v_con { font-size:1em }
#bo_list .td_stat, #bo_v_rel .td_stat { width:80px }
#bo_list .txt_rdy, #bo_v_rel .txt_rdy { padding:0 5px }
#bo_list .td_date { width:70px }
.bo_cate_link { float:none; display:block }
#bo_v_title .bo_v_cate { display:block; font-size:0.7em }
.bo_v_com > li { margin-left:0 }
.bo_sch { width:320px; margin-left:-160px }
.bo_sch .sch_input { width:240px }
#sch_res_detail { padding:15px }
#sch_res_detail select, #sch_res_detail select { width:49.4% }
#sch_res_detail .sch_wr { width:100%; margin:5px 0 0 0 }
.switch_field { padding-bottom:0 }
#sch_res_ov h2 { display:none }
#sch_res_ov ul { float:none }
.sch_res_list { font-size:.9em }
#bo_gall .gall_list_con { max-height:none; margin-top:10px }
#bo_v_info { margin:0 0 25px }
#bo_v_con { margin-top:0 }
#bo_v { font-size:1.05em }
#bo_list .txt_done, #bo_v_rel .txt_done { font-size:0.9em; padding:0 6px }
#bo_list .td_stat, #bo_v_rel .td_stat { width:70px }
.ctt_admin { font-size:13px }
input.hasDatepicker { width:150px; padding-right:0 !important }
#bo_v_ans h2 { font-size:1.3em }

ul.faq_list_board { font-size:1em }

#mb_login #sns_login .txt { padding-left:0 !important }
#fregister p { padding:10px; line-height:1.3; font-size:1em; height:auto }
#sns_register h2 { display:none }
#sns_register .sns-wrap { width:100%; display:block; text-align:center }
#fregister h2 { font-size:1.1em }

#ctt_con { font-size:1em; overflow:hidden }
#ctt_con.sub01_01 .sec01 > div { float:none; width:100% }
#ctt_con.sub01_01 .sec01 h2 { font-size:1.5em }
#ctt_con.sub01_01 .sec01 .img01 { width:100%; float:none }
#ctt_con.sub01_01 .sec01 .img01 p { text-align:center }
#ctt_con h2.title { font-size:1.4em; padding-bottom:20px }
#ctt_con.sub01_01 th { width:auto }
#ctt_con.sub01_01 th, #ctt_con.sub01_01 td { padding:12px 7px; word-break:keep-all }
#ctt_con.sub01_02 .tab_menu a { font-size:16px; border:1px solid #e0e0e0; border-left:0; border-right:0; padding:10px 0; margin:0 }
#ctt_con.sub01_02 .tab_menu li.on a { border-color:#666 }
#ctt_con.sub01_02 .tab_menu { margin:0 0 30px }

#ctt_con.sub01_02 .tab_menu { margin:0 }
#ctt_con.sub01_02 .tab_menu a small { display:none }
.os_mac.root_daum_roughmap .section_address .tit, .os_mac.root_daum_roughmap .section_address .txt { font-size:1em !important }

#hd_pop { width:100% }
.hd_pops { width:100% !important; left:0 !important; top:3vw !important }
.hd_pops_con { width:100% !important; height:auto !important; min-height:100px }
	
	.main_tit{padding:30px 0;}
	.page_tt{font-size:1.625em;}
	.page_stt{font-size:1.125em;}
	
	#main_about{padding:120px 0 70px;}
	#main_about .sct_wr .img{margin:0 auto; height: 270px;}
	#main_about .sct_wr .img:before{width:300px; height: 100px; left:-5%;}
	#main_about .sct_wr .img:after{width:300px; height: 100px; right:-5%;}
	#main_about .sct_wr .about .in_tx br{display:none;}
	#main_room{padding:70px 0;}
	#main_room .sct_wr .room_list{margin-right:0;}
	#main_room .sct_wr .room_list li{width:100%; margin-bottom: 30px;}
	#main_room .sct_wr .room_list li .in{margin-right:0; padding: 0 10px;}
	#main_room .sct_wr .room_list li .xi{left:0;}
	#main_map{padding:30px 0 120px;}
	
	#r_ft{padding: 0 0 20px;}
	#r_ft .f_top{padding-bottom:0;}
	#r_ft .f_copy{margin-top:30px;}
	#r_ft .f_top .sct_wr .customer{width:100%!important;}
	#r_ft .f_top .sct_wr .bank_info{width:100%; border-top:1px solid #ededed;}
	#r_ft .f_top .sct_wr > div{border-left:0; padding: 20px 0!important;}
	#r_ft .f_top .sct_wr .customer .cus .cus_l > a{font-size:1.375em;}
	#r_ft .f_top .sct_wr .customer .cus .cus_l > a i{width:45px; height: 45px; line-height: 45px;}
	
	.point_wrap .in_box .img_z{flex:100%; margin-bottom: 20px;}
	.point_wrap .in_box .txt_z{flex:100%; padding-left: 0em;}
	
	#bo_list .tbl_head01{font-size:1.068em;}
	.mobile_no{display:none;}
	#main_map .k_map_info > li{padding:1.5em 1em; font-size:1.375em;}
}


@media (max-width:500px) {
	#header .in_header .h_logo{z-index:1;}
	#header .in_header .h_logo img{height:45px; width:auto;}
	#main_vb .el .slog .t1{font-size:2.5em;}
	#main_vb .el .slog .t2{font-size:1.25em;}
	#main_vb .el .slog .bar{width:36px; margin:20px auto;}
	#main_vb .mainbn_control{display:none;}
	.scroll_wrap .mainSlide_scroll{font-size:.815rem;}
	.scroll_wrap .mainSlide_scroll_bar{height:80px; margin:10px auto 0;}
	#main_about{padding:100px 0 40px;}
	#main_about .sct_wr .img{border-radius:8px 70px 8px 8px; height:250px;}
	#main_about .sct_wr .img:before,
	#main_about .sct_wr .img:after{width:250px;}
	.main_tit{font-size:2.125em;}
	#main_about .sct_wr .about .in_tx{font-size:1.25em;}
	#main_room{padding:70px 0 50px;}
	#main_room .sct_wr .room_list li .room_img{height:200px;}
	#main_book {margin-bottom:55px;}
	#main_book:after{bottom:-140px;}
	#main_book .photo_slide .img_z{height:250px;}
	#main_book .photo_slide .photo_control{margin-top:20px;}
	#main_vb .mainbn_control .xi, #main_book .photo_slide .photo_control .xi{width:45px; height: 45px; line-height: 45px;}
	#main_book .photo_slide .photo-pagen{width:calc(100% - 140px);}
	#r_ft .f_top .sct_wr .customer .cus{flex-wrap:wrap;}
	#r_ft .f_top .sct_wr .customer .cus .cus_l{width:100%; margin-right:0; margin-bottom: 20px;}
	#r_ft .f_top .sct_wr .customer .cus .cus_r{flex-direction: row; width:100%;}
	#r_ft .f_top .sct_wr .customer .cus .cus_r > a{width:150px; margin:0 2.5px;}
	#r_ft .f_top .sct_wr > div .f_hd{margin-bottom:10px;}
	#r_ft .f_top .sct_wr .customer .cus .cus_l > a i{width:40px; height: 40px; line-height: 40px;}
	
	.page_tt{font-size:1.5em; margin-top:2em;}
	.page_stt{font-size:1.068em; line-height: 1.5;}
	
	#sub_visual{height:180px;}
	#sub_visual h2{font-size:2.5em;}
	.intro_tit{padding:3em 0 7em;}
	.intro_tit .in_tt .t1{font-size:1.125em; margin-bottom: 10px;}
	.intro_tit .in_tt .t2{font-size:2em;}
	.intro_box{padding:2.5em 1em;}
	.intro_box .tx{margin-top:15px;}
	.location_box .page_tt{font-size:1.25em;}
	.location_box .page_tt .xi{display:block; margin:0 auto 5px; width:40px; height: 40px; line-height: 40px;}
	.location_box .map_view{margin-top:2em;}
	.root_daum_roughmap .wrap_map{height:250px!important;}
	.location_box .info_list > li{padding:2em 0;}
	.location_box .info_list > li .info .in_list{padding:1em;}
	.location_box .info_list > li h3{font-size:1.25em;}
	.facility_w .page_viewWrap .control_arrow li .xi{font-size:1.25em; width:45px; height: 45px; line-height: 45px;}
	.reser_info{margin-top:3em;}
	.reser_info li:last-child{margin-bottom:0;}
	.reser_info li .tx .xi{width:45px; height: 45px; line-height: 45px; margin-right:0; display:block; margin: 0 auto 10px;}
	.reser_info li .in{padding:1.5em 1em;}
	.reser_info li .tx{font-size:1.125em; text-align: center;}
	.reser_info li .stt{left:50%; transform: translateX(-50%);}
	.reser_box{padding:1em;}
	.reser_box > li{width:100%; display:block;}
	.page_txt_wrap.flex > .flex_w1 .flex_wt{font-size:1.125em;}
	.point_wrap .in_box{padding:0; margin-bottom:4em;}
	.point_wrap .in_box .img_z .img_bg{height:200px;}
	
	.input_st.w7{width:100px;}
	.input_st.s1{padding:.5em 1em;}
	.board_sch_wrap .sch_bar{width: calc(100% - 110px);}
	.board_sch_wrap .sch_bar .input_st.w1{width: calc(100% - 50px);}
	
	.table_st th, .table_st td{padding:.8em .5em;}
	
	#main_map .k_map_info > li{width:100%; border-right:0; border-bottom:1px dotted #ddd; padding: 1em;}
	#main_map .k_map_info > li:last-child{border-bottom:0;}
	
	
	#top_btn, #call_btn {width:45px; height: 45px; line-height: 45px; right:10px}
	#top_btn{line-height: 42px;}
	#call_btn{font-size:1.375em; bottom:70px;}
}



