@charset "utf-8";

/*
	새로 추가하는 CSS는 'media for responsive'주석 위에 멘트달고 추가할 것.
	반응형 적용 목적으로 만드는 CSS는 해당 media 조건이 있다면 그 안에 넣을 것.
	들여쓰기 필히 준수할 것.
*/
.orderText1{line-height:50px; font-weight:200; text-align:right;}
.orderText2, .orderText3 {color:#ff4249; font-weight:500;}
/* 본문영역 sub  */
.guide_text{display:none}
.guide_texts{display:none}
.h_mobileSNS{display:none}
.j_text_center{text-align:center!important}
.j_text_left{text-align:left!important}
.j_dis_no{display:none!important}
.j_ht120_no{height:120px!important}
.j_bt_no{border:0px!important}
.j_search{height:90px;margin-bottom:0px!important;border-bottom:0px!important}
.after::after{display:block;visibility:hidden;clear:both;content:""}
.j_va_m{vertical-align:middle}
.j_font16{font-size:16px!important}
.both{clear:both}
.money{float:right;line-height:1}
.hide,
.skips{display:block;position:absolute;top:0px;height:0px;font-size:0px; width:30%}
.top_menu_gb_510{display:none;}
.top_menu_gb{border:1px solid #ddd;}
.top_menu_gb{width:96%; padding:2%; background:#efefef; }
.top_menu_gb ul li{width:23.8%; border:1px solid #ddd; float:left; }
.top_menu_gb ul li+li{margin-left:1%;}
.top_menu_gb ul li a{width:100%; text-align:center; padding:8px 0; background:#35675c url(/stay/common/imgs/cont/bg_navBtn03.png) left top repeat; display:block; color:#fff; font-weight:400;}
.manual_box{width:100%;height:60px;}
.manual_box ul li{width:25%;height:60px;float:left;box-sizing:border-box;background:#efefef;border:1px solid #c8c8c8;border-right:0px;border-bottom:2px solid #117d6f}
.manual_box ul li:nth-child(4n){border-right:1px solid #c8c8c8}
.manual_box ul li a{display:block;text-align:center;line-height:60px;color:#565656;font-size:18px;font-weight:300}
.manual_box ul li input{display:block;text-align:center;width:100%;height:100%;line-height:1;background:none;color:#565656;font-size:18px;font-weight:300}
.manual_box ul li.on{border:2px solid #117d6f;border-bottom:0px}
.manual_box ul li.on a{background:#fff;color:#117d6f;font-weight:500;margin-top:1px}
.manual_box ul li.on input{background:#fff;color:#117d6f;font-weight:500;margin-top:1px}
.web_guidebox{margin-top:25px;width:90%;border:1px solid #ddd;background:#efefef;padding:5%}
.web_guidebox_text{background:url('/stay/common/imgs/cont/web_guide_list01.png') left 8% no-repeat;font-size:17px;padding-left:33px;font-weight:200}
.web_guidebox_text02{background:url('/stay/common/imgs/cont/web_guide_list02.png') left 8% no-repeat;font-size:17px;padding-left:33px;font-weight:200}
.web_guidebox_text03{background:url('/stay/common/imgs/cont/web_guide_list03.png') left 8% no-repeat;font-size:17px;padding-left:33px;font-weight:200}
.web_guidebox_text04{background:url('/stay/common/imgs/cont/web_guide_list04.png') left 8% no-repeat;font-size:17px;padding-left:33px;font-weight:200}




.web_guidebox img{vertical-align:middle}
ul.web_guidebox_li li{font-size:17px;font-weight:200;color:#444;letter-spacing:-0.07em;box-sizing:border-box;line-height:30px}
.j_gray{color:#565656}
.fl{float:left!important}
/*.sectionPage{box-sizing:border-box;padding-top:40px;height:120px;text-align:right;font-size:18px;font-weight:200;letter-spacing:-.075em}*/
.sectionPage span.highlight{padding:0 3px;color:#0e6c1a;font-weight:400}
.line_top{border-bottom:2px solid #414141}
.bt_no{border-top:0px!important}
.sns_mobile{display:none;}
/*sitemap*/
.inners{max-width:1380px;min-width:320px;width:100%;margin:0 auto;padding:0 10px}
.btm_line_top{margin:40px 0 20px 0px;border-bottom:2px solid #414141}
.sitemap_wp{font-size:16px;line-height:28px;color:#000;max-width:1305px;margin:0 auto;overflow:hidden}
.sitemap_wp+.sitemap_wp{margin-top:80px}
.sitemap_wp>li{float:left;width:22.75%;margin-top:0px}
.sitemap_wp .tit_dep1{font-size:1.1rem;font-weight:400;text-transform:uppercase;margin-bottom:10px}
.sitemap_wp .tit_dep1 + .st_list{padding-top:8px;font-weight:200}
.sitemap_wp>li.site1 ul,
.sitemap_wp>li.site3 ul,
.sitemap_wp>li.site4 ul,
.sitemap_wp>li.site5 ul{border-top:2px solid #414141}
.sitemap_wp .st_list>li{margin-top:12px}
.sitemap_wp>li.site4{width:22.75%;margin-left:3%}
.sitemap_wp>li.site5{width:22%;margin-left:3%;margin-top:120px}
.sitemap_wp>li a{color:#252525}
.sitemap_wp>li .j_gray a{color:#777}

.bd_searchbox{float:right;position:relative;top:25px}
.bd_searchbox input[type='text']{max-width:240px;width:240px;border:1px solid #dbdbdb;height:40px;padding:0 40px 0 10px}
input[type='text'], input[type='password'], input[type='tel'], input[type='email'], input[type='number']{/*line-height:32px;*/}
input[type='text'], input[type='password'], input[type='tel'], input[type='email'], input[type='number'], select, textarea{margin:0;border:1px solid #ccc;color:#666;vertical-align:middle}
.bd_searchbox input[type='submit']{position:absolute;top:0px;right:0;bottom:0;width:40px;text-indent:-9999em;border:none;background:url(/stay/common/imgs/j_sub/btn_srch.png) center center no-repeat}
.np{font-family:'Nanum Pen Script',cursive}

/*--배너관련 이미지 작업 으로 삭제_j작업 input[type='button'],
input[type='reset']{min-width:20px;width:auto;height:28px;padding:4px 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff} */
.bd_total{float:left;padding-top:40px}
.bbs_file ul li.on{height:25px;padding-left:45px;text-align:left;background:url('/stay/common/imgs/j_sub/j_file.png') 0px 0px no-repeat #ededed;overflow:hidden}
.sub_content{padding:20px 0 80px;border-top:2px solid #414141;/* margin-top:80px; */min-height:500px}

.sub_content-s{padding:0 0 80px;border-top:2px solid #414141;margin:60px 0 0;min-height:500px}

@media all and (max-width:1020px){
	.sub_content-s{padding:0 0 0px;border-top:2px solid #414141;margin:40px 0 0;min-height:500px}
}
@media all and (min-width:926px) and (max-width:1150px){
	.sub_content-s{padding:20px 0 0px;border-top:2px solid #414141;margin:40px 0 0;min-height:500px}
}

@media all and (max-width:925px){
	.sub_content-s{padding:0 0 0px; border-top:0px; margin:0px 0 0;min-height:500px}
}


.style_no{padding:0px;margin:0px;border:0px}
/* .area_bg{width:100%;height:900px;background:url('/stay/common/imgs/j_sub/j_area_bg.jpg') top center no-repeat;margin-top:70px;position:relative} */

.area_bg{width:100%;display:block;position:relative;max-width:1200px;max-height:1150px;height:100%;margin:0 auto}
[class|="area_box"]{position:absolute;background:transparent;display:block}
.area_box-01{top:41%;left:21%;bottom:56.9%;right:69.7%}
.area_box-02{top:53.6%;left:36.6%;bottom:44.2%;right:53.7%}
.area_box-03{top:36.7%;left:52.1%;bottom:61.3%;right:38.7%}
.area_box-04{top:59%;left:24.3%;bottom:38.8%;right:65.5%}
.area_box-05{top:75%;left:32.2%;bottom:22.6%;right:57.1%}
.area_box-06{top:55.6%;left:50.3%;bottom: 42.2%;right:40.3%}
.area_box-07{top:63.4%;left:62.5%;bottom:34.5%;right:28.3%}
.area_box-08{top:63.3%;left:50.6%;bottom:34.5%;right:38.5%}
.area_box-09{top:73.8%;left:55.8%;bottom:23.9%;right:30.6%}
.area_box-10{top:70.5%;left:70.6%;bottom:27.4%;right:20.1%}
.area_box-11{top:81.8%;left:48.8%;bottom:16%;right:42%}
.area_box-12{top:81.8%;left:61.4%;bottom:15.9%;right:27.1%}
.area_text{position:absolute;top:10.2%;left:71%;bottom:75.7%;right:7.4%}
.area_text .title{font-size:36px;font-weight:500;color:#252525;letter-spacing:-0.08em;border-bottom:1px solid #777;padding-bottom:7px}
.area_text .title .green{color:#056319!important}
.area_text .textual{text-align:right;font-size:18px;font-weight:300;padding-top:10px}
[class|="area_box"] .area_boxs{width:100%;height:100%;display:table}
[class|="area_box"] a{width:100%;height:100%;text-align:center;display:table-cell;vertical-align:middle;font-size:17px;line-height:0%;text-indent:70%;letter-spacing:-0.09em;color:#ecf500}
[class|="area_box"] a span{display:block}
.btm_line{margin-bottom:20px!important;border-bottom:2px solid #414141!important}
.show_350{display:none}

/*메뉴추가*/
.gnbArea.mobile .gnb_cont>.tab_m{border-bottom:2px solid #216f03}
.gnbArea.mobile .gnb_cont>.tab_m>ul>li.on{background:#216e03;border:0px;color:#fff!important}
.gnbArea.mobile .gnb_cont>.tab_m>ul>li.on a{color:#fff!important}
.gnbArea.mobile .gnb_cont>.tab_m>ul>li{float:left;width:50%;text-align:center;text-transform:uppercase;background:rgba(89,89,89,.6);background-size:cover;font-size:14px;line-height:19px;color:#fff;padding:17px 0}
.gnbArea.mobile .gnb_cont>.tab_m>ul>li{float:left;width:25%;text-align:center;text-transform:uppercase;background:#dddddd;background-size:cover;font-size:14px;line-height:19px;color:#353535;padding:12px 0;border-right:1px solid #ccc;box-sizing:border-box;font-weight:200}
.gnbArea.mobile .gnb_cont>.tab_m>ul::after{display:block;clear:both;content:"";width:100%}
.gnbArea.mobile .gnb_cont>.mm_mypage{border-bottom:2px solid #353535;position:relative}
.gnbArea.mobile .gnb_cont .m_close_btn{position:absolute;right:8px;top:23px;cursor:pointer}
.gnbArea.mobile .gnb_cont .login_wrap{padding:13px 9px!important;border-bottom:1px solid #e1e1e1;text-align:left;position:relative}
.gnbArea.mobile .gnb_cont .login_wrap>.user_img{display:inline-block}
.gnbArea.mobile .gnb_cont .login_wrap>.user_img a{display:inline-block;width:40px;height:40px;border-radius:40px;overflow:hidden;background:url(/stay/common/imgs/user_img.jpg)no-repeat center center;background-size:cover;vertical-align:middle;margin-right:7px}
.gnbArea.mobile .gnb_cont .login_wrap>.user_id{display:inline-block;vertical-align:middle;font-size:18px;}
.gnbArea.mobile .gnb_cont .login_wrap>.user_id>a{font-size:17px;color:#393939;font-weight:200}
.gnbArea.mobile .gnb_cont .login_wrap>.user_id>a.icon-logout img{padding:0 0 5px 10px;vertical-align:middle}
.gnbArea.mobile .gnb_cont>.mm_mypage>.login_wrap + ul{display:none}
.gnbArea.mobile .gnb_cont>.mm_mypage>ul>li{float:left;width:33%;height:76px;display:table;border-right:1px solid #ebebeb}
.br_no{border-right:0px!important}
.gnbArea.mobile .gnb_cont>.mm_mypage>ul>li img{width:auto}
.gnbArea.mobile .gnb_cont>.mm_mypage>ul>li>a{display:table-cell;vertical-align:middle;text-align:center}
.gnbArea.mobile .gnb_cont>.mm_mypage>ul>li>a>p img{height:25px}
.gnbArea.mobile .gnb_cont>.mm_mypage>ul>li>a>p:last-child{margin-top:5px;font-size:15px;color:#393939;font-weight:200}
.gnbArea.mobile .gnb_cont .search_wrap{border:1px solid #dddddd;margin:15px}
.gnbArea.mobile .gnb_cont .search_wrap>.input_box{position:relative;text-align:left}
.gnbArea.mobile .gnb_cont .search_wrap input[type='text']{width:79%;padding:0 2%;text-indent:3px}
.gnbArea.mobile .gnb_cont>ul.gnb_depth1{border-top:2px solid #353535}
/*media all*/
.input_box input{font-family:"Noto Sans KR",sans-serif;font-size:14px;letter-spacing:-0.25px;color:#888;border:none;background:transparent;height:40px}
.gnbArea.mobile .gnb_cont .search_wrap input[type='submit']{background:url(/stay/common/imgs/total_search.png) no-repeat!important;width:22px;height:22px;position:absolute;right:8px;top:10px}
/*media all*/
input[type='submit']{-webkit-appearance:none}
.gnbArea.mobile .gnb_cont .tab_cont{padding:0 4%}
.gnbArea.mobile .gnb_cont .tab_cont>div>ul>li{padding:20px 0;border-bottom:1px solid #efefef}
/*@media screen and (max-width:850px)*/
.gnbArea.mobile .gnb_cont .tab_cont>div>ul>li>a{width:35%;margin-right:0px}
.gnbArea.mobile .gnb_cont .tab_cont>div>ul>li>a{float:left;font-size:14px;font-weight:700;color:#333333;text-transform:uppercase;width:64px;margin-right:45px}
.gnbArea.mobile .gnb_cont>.mm_mypage>ul::after{display:block;content:"";width:100%;clear:both}
.gnbArea.mobile .gnb_cont .tab_cont>div>ul>li::after{display:block;clear:both;content:"";width:100%}
.gnbArea.mobile .gnb_cont .tab_cont>div ul::after{display:block;content:"";width:100%;content:""}
/*media all*/
.gnbArea.mobile .gnb_cont .tab_cont>div>ul>li.yesicando>a::after{content:"+";display:inline-block;margin-left:5px}
.gnbArea.mobile .gnb_cont .tab_cont>div>ul>li>a{width:35%;margin-right:0px}
.gnbArea.mobile .gnb_cont .tab_cont>div>ul>li>ul{display:none}

.down_mapbox {position:relative; height:65px;}
.down_mapbox h3{position:absolute; top:0px;left:0px;}
.down_mapbox .map_down_right{ position:absolute; top:0px; right:0px; height:40px;padding:10px 28px;border:1px solid #324851;background:#34675c}
.down_mapbox .map_down_right a{height:40px;display:block;text-align:center;line-height:40px;font-weight:300;color:#fff;font-size:18px;white-space:nowrap}

.down_mapboxs {position:relative; height:65px;}
.down_mapboxs50 {height:50px !important;}

.down_mapboxs h3{position:absolute; top:0px;left:0px;}
.down_mapboxs .map_down_rights{ position:absolute; top:0px; right:0px; height:25px;padding:10px 28px;border:1px solid #324851;background:#34675c}
.down_mapboxs .map_down_rights a{height:25px;display:block;text-align:center;line-height:25px;font-weight:300;color:#fff;font-size:18px;white-space:nowrap}


.web_guidebox{clear:both}

/*게시판 버튼*/
label[class|='h_boardBtn']{display:block;float:left;box-sizing:border-box;margin:0 5px;width:180px;height:50px;line-height:50px;text-align:center;color:#fff}
label[class|='h_boardBtn'] input{display:none}
.h_boardBtn-01{background:#137773}
.h_boardBtn-02{background:#135777}
.h_boardBtn-03{background:#016201}
.h_boardBtn-04{border:1px solid #016201;background:#fff;color:#016201!important}
/*첨부파일 아이콘*/
i.h_icon_attachFile{width:17px;height:20px;background:url('../imgs/icon_attachFile.png') no-repeat 50% 50%}

/*이벤트현황 게시판*/
.h_event{display:block;position:relative;width:100%;height:auto}
.h_event .h_contBox{position:relative;display:block;box-sizing:border-box;margin-bottom:20px;padding:15px;border:1px solid #dbdbdb;width:100%;height:240px;overflow:hidden}
.h_event .h_contBox:hover{border:1px solid #ccc;background:#efefef}
.h_event .h_contBox .h_thumb{float:left;width:30%;height:100%;overflow:hidden}
.h_event .h_contBox .h_thumb img{width:100%}
.h_event .h_contBox .h_cont{position:relative;float:left;box-sizing:border-box;padding:10px 30px;width:70%;height:100%}
.h_event .h_contBox .h_cont .like_point{position:absolute;top:10px;right:20px;line-height:27px}
.h_event .like_cont{position:absolute;top:20px;right:30px;}
/* .like_point{position:absolute;top:10px;right:20px;line-height:27px;cursor:pointer;} */
.h_event .h_contBox .h_cont .h_title{width:100%;font-size:20px;font-weight:400;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.h_event .h_contBox .h_cont .h_title_bar{margin:15px 0 15px;width:30px;height:3px;background:#0e6c1a}
.h_event .h_contBox .h_cont .h_date{font-weight:200;line-height:normal;text-align:left}
.h_event .h_contBox .h_cont .h_summary{margin-top:10px;font-size:16px;font-weight:200;line-height:25px;display:-webkit-box;overflow:hidden;white-space:normal;text-align:left;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical}

/*게시판 상세보기 첨부이미지*/
.h_contImg{width:100%;margin-bottom:30px;text-align:center}

/*게시판 상세보기 첨부이미지 있을 때*/
.h_contImg+.bbs_contbox{text-align:center}

/*포토갤러리 게시판*/
.h_photo{display:block;position:relative;width:100%;height:auto}
.h_contBox_wp{float:left;display:block;margin-bottom:20px;padding:0px 10px;width:23.3%;height:276px;overflow:hidden}
.h_photo .h_contBox{box-sizing:border-box}
.h_photo .h_contBox .h_thumb{width:99.4%;height:65%;overflow:hidden;text-align:center;border:1px solid #ddd;border-bottom:0px;overflow:hidden;clear:both}
.h_photo .h_contBox .h_thumb img{width:100%;/* height:100% */}
.h_photo .h_contBox .h_cont{box-sizing:border-box;width:100%;height:95px;border:1px solid #ddd;padding:20px}
.h_photo .h_contBox .h_cont .h_title{width:86%;font-size:18px;font-weight:300;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h_photo .h_contBox .h_cont .day{color:#999;font-weight:200}

/* 설문조사 */
.h_surveyTitle{width:35%}
.h_surveyPeriod{width:25%}
.h_surveyJoin{width:15%}
.h_surveyState{width:15%}
.h_surveyState-on{color:#ff0000!important;font-weight:400!important}
.h_surveyViewTitle{text-align:left}
table.bbsList.h_surveyTable{border-top:none;border-bottom:2px solid #414141}
table.bbsList.h_surveyTable th,
table.bbsList.h_surveyTable td{border-bottom:none;padding-left:40px;text-align:left}
table.h_surveyTable tbody tr:last-child td:last-child{padding-bottom:50px}
table.h_surveyTable li{padding:5px 0}
.h_surveyAverage{float:right;padding-right:10px}
.h_surveyAverage>div{float:left}
.h_surveyAverage>div+div{width:100px;text-align:right}
.h_surveyGauge{float:left;display:block;margin:8px 10px 0 0;max-width:120px;width:60px;height:10px;background:#ededed}
.h_surveyGauge span{display:block;max-width:120px;width:85%;height:10px;background:#016201}

/**/
.bbsList.h_customBoard-01{}
.bbsList.h_customBoard-01 th,
.bbsList.h_customBoard-01 td{padding:10px}
.bbsList.h_customBoard-01 th{}
.bbsList.h_customBoard-01 td{}
.bbsList.h_customBoard-01 td input{width:100%;height:100%}

/*이미지 없음 스타일*/
.h_noImgWrap{background:#bababa;position:relative}
.h_noImgWrap>img{position:absolute;top:0;right:-9999px;bottom:0;left:-9999px;margin:0 auto;width:100%!important;height:auto!important;max-height:100%!important;max-width:100%!important;/* -webkit-filter: contrast(180%);filter: contrast(180%); */}

/*icons*/
[class*="h_icon-nav"]{padding-left:25px;background-position:left center;background-repeat:no-repeat}
.h_icon-navAd{background-image:url('../imgs/cont/icon_navAd.png');background-position:1px center}
.h_icon-navCall{background-image:url('../imgs/cont/icon_navCall.png')}

/*한 줄 생략*/
.h_textEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*줄 높이*/
.h_lineHgt32{line-height:32px;margin-top:20px}

/*지도 마커 고정 멘트*/
#post-list .post-module div.mapFixedDesc{display:none;box-sizing:border-box;position:absolute;right:5px;bottom:67px;opacity:1;border:0;padding:14px 0 0;width:76px;height:74px;line-height:1.25em;background:url('/stay/common/imgs/cont/moment_bg.png') left top no-repeat;text-align:center;font-size:15px;font-weight:200;color:#fff;cursor:pointer}
#post-list .post-module div.mapFixedDesc span{font-size:10px}

.couponTable{}

table.h_blockTable td textarea{width:100%;min-height:40px}

.custom-rate .bd_searchbox{float:left}

.custom-rate .manual_box{padding:0}
.custom-rate .manual_box ul{display:table;border-collapse:collapse;width:100%}
.custom-rate .manual_box ul li{display:table-cell;float:none}
.custom-rate .manual_box ul li a{height:100%}

.custom-rate #rateChart{box-sizing:border-box;padding:1%;background:#efefef}

.custom-rate .btnArea{padding-top:30px;font-size:0}
.custom-rate .btnArea>*{font-size:16px;height:45px;line-height:20px}
.custom-rate .btnArea>*+*{margin-left:5px}
.custom-rate .btnArea p{padding-top:5px;height:auto;line-height:1}

.tableFixed{table-layout:fixed}
.borderBox{box-sizing:border-box}

.sectionPage.j_search.oversize{height:140px!important}
	
/*
	media for resposive
*/

/*tablet*/
@media all and (min-width:768px) and (max-width:1150px){
	.TMMAT60{margin-top:0px !important;}
    .TMMAT30{margin-top:0px !important;}
	.sub_content{padding:0 0 0 0}
	.top_menu_gb{margin-top:20px;}
	.manual_box{margin-top:20px;padding-bottom:20px}
	.sectionBody .subVisual{padding-top:119px!important;height:254px!important}
	.sectionBody .subVisual .introBar{display:none}
	.sectionBody .ubVisual .introTxt01{display:none}
	/*.j_search{height:80px!important} 이벤트*/
	.ht100{height:100px!important}
	.area_text .title{font-size:29px;text-align:center}
	.area_text .title .green{color:#056319!important}
	.area_text .extual{text-align:right;font-size:16px;font-weight:300;padding-top:10px}
	.h_contBox_wp{width:31.3%;padding:0 1%}
	
	.custom-rate .manual_box{margin:0;padding:0 0 20px}
	.custom-rate .sectionPage{padding:0 0 20px;height:auto!important}
	.custom-rate .sectionPage .bd_searchbox{top:0}
	.custom-rate .btnArea{padding:30px 0!important;font-size:0}
}
@media all and (max-width:1020px){
	.area_text .title{font-size:25px;text-align:center}
	.area_text .textual{text-align:right;font-size:14px;font-weight:300;padding-top:10px}
}
@media all and (max-width:950px){
	.j_search{height:170px}
	.tab_950a{top:10px}
	.sectionPage{height:120px!important}
	/*이벤트 서치*/
	.ht100{height:100px!important}
	.sectionPage p{padding:0;height:34px;text-align:left;margin-top:20px}
	.bd_searchbox{top:5px;width:100%}
	.bd_searchbox input[type="text"]{float:right}
	.sitemap_wp{font-size:15px}
	[class|="area_box"] a{width:100%;height:100%;text-align:center;display:table-cell;vertical-align:middle;font-size:15px;letter-spacing:-0.09em;color:#ecf500}
}
@media all and (max-width:925px){
	
	.h_mobileSNS{display:none; }
    .sns_mobile{display:block;}
	
	.sectionBody .introTitBox{display:none}
	/*.sectionBody .innerZone{padding:50px 15px!important} */
	.top_menu_gb{margin-top:0px; margin-bottom:10px;}
	.j_search{height:100px!important;padding-top:0px!important}
	.height0{height:0px!important;padding-top:0px!important}
	.pageNav{display:none!important}
	.introTitBox .introBar{display:none!important}
	.introTxt01{display:none!important}
	.introTitBox{height:80px!important}
	.bd_searchbox .box_01{width:23%!important}
	.bd_searchbox .box_02{width:23%!important}
	.bd_searchbox .box_03{width:50%!important}
	.file,
	.registration{width:25%!important}
	.contWrap{margin:15px 0 60px 0}
	.bd_searchbox_left{float:none;padding-bottom:80px}
	.sectionBody .innerZone{position:relative}
	.sectionBody .innerZone.MAT30{position:relative;margin-top:0!important}
	.introTitBox h2.introTit01{font-size:30px!important}
	.sectionBody .pageNav .nnerZone{display:block}
	.dino{display:none!important}
	.bbs_file{padding:20px 20px!important}
	.bbs_file ul{margin-left:0px!important}
	.bbs_cont{padding-bottom:50px!important}
	.bbs_file ul li.on{line-height:29px!important}
	.mtno{margin:0px!important}
	.line_top{padding-top:0px}
	.write_925{height:50px!important}
	.sub_content{border:0px;padding-top:0px!important;margin-top:0px!important}
	/*숙박목록*/
	/* .bd_searchbox{top:0px} */
	.bd_total{padding-top:0px!important}
	.MT_925{margin-top:0px!important;padding-top:0px!important}
	.m_joinWrap03{margin-top:0px!important}
	.guide_text{display:block;border-bottom:1px solid #dedede;padding:15px 20px;text-align:left;/* line-height:50px; */ position:relative;}
	.guide_texts{display:block;border-bottom:1px solid #dedede;padding:20px;text-align:left}
	.MAT100_925{margin-top:0px!important}
}
@media all and (max-width:920px){
	.area_text .title{font-size:22px;text-align:center}
	.area_text .textual{text-align:right;font-size:12px;font-weight:300;padding-top:10px}
}
/* Mobile */
@media all and (max-width:767px){
  	
  	.h_mobileSNS{top:140px}
	.TMMAT60{margin-top:0px !important;}
	.TMMAT30{margin-top:0px !important;}
	.sectionBody .subVisual{height:140px!important;padding-top:65px!important}
	.sectionBody .innerZone .innerZone{padding:0!important}
	.sectionBody .subVisual .innerZone .svH{margin:0;padding:0;line-height:75px;}
	.sectionBody .subVisual .innerZone .introBar{display:none}
	.sectionPage p{text-align:left!important;height:34px}

	.custom-rate .manual_box{margin:0 0 0;padding:0 0 20px;height:auto}
	.custom-rate .sectionPage{padding:0 0 20px;height:auto!important}
	.custom-rate .sectionPage .bd_searchbox{top:0}
	.custom-rate .btnArea{margin:0!important;padding:30px 0!important;font-size:0}
	.custom-rate .btnArea>*{font-size:16px;height:45px;line-height:20px}
	.custom-rate .btnArea>*+*{margin-left:5px}
	.custom-rate .btnArea p{padding-top:5px;height:auto;line-height:1}
	
	.h_event .h_contBox{height:340px}
	.h_event .h_contBox .h_thumb{width:100%;height:50%}
	.h_event .h_contBox .h_cont{padding-top:10px;padding-left:0;width:100%;height:50%}
	.h_event .h_contBox .h_cont .h_title{font-size:18px}
	.h_event .h_contBox .h_cont .h_title_bar{margin:15px 0 10px}
	.h_event .h_contBox .h_cont .h_summary{margin-top:5px;height:75px;-webkit-line-clamp:3}
	.h_event .h_contBox .h_cont{padding:10px 0 0 0!important}
	.h_contBox_wp{width:46%;padding:0 2%}
    .h_event .like_cont {position: absolute; top: 30px; right: 30px;}
    .h_event .like_cont li a img{vertical-align:middle;}
	table.bbsList.h_surveyTable th,table.bbsList.h_surveyTable td{padding-left:10px}
	table.h_surveyTable li{display:inline-block;width:100%}

	.h_surveyAverage{width:50%;text-align:right}
	.h_surveyAverage>div{float:none;display:inline-block}
	.h_lineHgt32{line-height:23px}
	.down_mapbox div.map_down_right{float:right; padding:5px 15px;}
	.down_mapbox div.map_down_right a{font-size:14px;}
    .down_mapboxs{top:20px}
	div.sub_contents{padding:0 0 0}
	.contWrap .sub_content .m_weatherWrap{margin:0 0 0}
	.contWrap .sub_content .m_weatherWrap02{margin:50px 0 0}
	.contWrap .sub_content .m_weatherWrap02 .m_weatherBox01{margin:10px 0 0}

	.manual_box{padding:0 0 0}
	.manual_box ul li a{font-size:.8rem;white-space:nowrap}
	div.m_textContWrap.PAT30{padding:0!important}

	div.forM-floatL{float:left}
	div.forM-txtL{text-align:left!important}
	div.table_guide table.h_m-Table-01{margin:40px 0 0;z-index:0}
	table.h_blockTable,table.h_blockTable tr,
	table.h_blockTable th,
	table.h_blockTable td{display:block;box-sizing:border-box;width:100%}
	table.h_blockTable th,
	table.h_blockTable td{padding:10px!important;text-align:left!important}
	table.h_blockTable td span.MAL10.MAR10{margin:0!important}
	table.h_blockTable td input,
	table.h_blockTable td select{width:100%;min-height:40px}
	table.h_blockTable td input+input[type="input"],
	table.h_blockTable td select+select{margin:5px 0 0}
	table.h_blockTable td input[type="checkbox"],
	table.h_blockTable td input[type="radio"]{width:auto}
	table.h_blockTable td select[id*="stayPeak"],
	table.h_blockTable td select[id*="stayCheck"]{margin:0 5px;width:30%}
	table.h_blockTable td input[type="button"]{padding:0 0 2px;min-height:30px}
	table.h_lanTable th{float:left;width:30%;line-height:45px}
	table.h_lanTable td{float:left;width:70%;line-height:45px}
	input#mngEmailAddress+select#mngTel0{max-width:120px}
	.j_search_box .sectionPage .bd_searchbox input#roomDate{position:absolute;top:40px;left:0;padding:0 0 0 10px;width:125px!important}
	.j_search_box .sectionPage .bd_searchbox input#roomDate+input.btn_find{top:40px;left:90px;width:20px}
}
@media all and (max-width:760px){
	.area_text .title{display:none}
	.area_text .textual{display:none}
	[class|="area_box"] a span{font-size:12px;}
}
@media all and (max-width:700px){
	.j_search{height:100px!important}
	.height0{height:0px!important}
	.tab_950a{float:left}
	.h_mobileSNS{display:none;}
	
}
@media all and (max-width:680px){
	.tab_680{clear:both!important;margin-left:0px!important}
	.mt50{margin-top:50px!important}
	.sitemap_wp>li{width:47%!important}
	.sitemap_wp>li.site4{margin-left:0}
	.sitemap_wp>li:nth-child(2n){float:right}
	.sitemap_wp>li.m_maT40{margin-top:40px}
	
	.sitemap_wp+.sitemap_wp>li.site4{float:right}
	[class|="area_box"] a span{font-size:10px;}
}
@media all and (max-width:580px){
	.custom-rate .btnArea #rateDate{width:49%}
	.custom-rate .btnArea #rateCount{margin-left:2%;width:49%}
	.custom-rate .btnArea .btninquiry01{margin-top:1%}
	.bd_searchbox select+select+input[type='text'],
	.bd_searchbox select+select+*+input[type='text']{margin-top:2px;max-width:100%;width:100%!important;float:right}
	.bd_searchbox select+select+input[type='text']+.bn.btn_ani.btn_find,
	.bd_searchbox select+select+*+input[type='text']+.bn.btn_ani.btn_find{top:50%}
}
@media all and (max-width:520px){
	[class|="area_box"] a{font-size:14px}
	.tab_520{float:none!important}
	.tab_520a{float:none!important}
    
    .top_menu_gb{display:none;}
	.top_menu_gb_510{width:96%; padding:2%; background:#efefef; display:block;}
	.top_menu_gb_510 ul{clear:both;}
	.top_menu_gb_510 ul li{width:48.5%; border:1px solid #ddd; float:left; }
	.top_menu_gb_510 ul li+li{margin-left:1%;}
	.top_menu_gb_510 ul li a{width:100%; text-align:center; padding:8px 0; background:#35675c url(/stay/common/imgs/cont/bg_navBtn03.png) left top repeat; display:block; color:#fff; font-weight:400;}
    .MAT_90_520{margin-top:90px !important;}

}
@media all and (max-width:500px){
	.h_photo .h_contBox{width:100%}
	.j_wid50 .MAL25{margin-left:0px!important}
	.bd_searchbox_left{padding-bottom:110px!important}
	.sectionPage p{padding-top:2px!important;text-align:left!important;height:10px;font-size:1rem}
	.j_search{height:100px!important}
	.j_search01{height:140px!important}
	.tab_950a{top:30px}
	.height0{height:0px!important}
	table.bbsList td.no_left,
	table.bbsList th.no_left{font-size:15px!important}
	.sectionBody .innerZone{padding:0px 15px!important}
	.introTitBox h2.introTit01{font-size:20px!important}
	.introTitBox{height:50px!important}
	.wid75{width:75%!important}
	.dino01{display:none!important}
	.bd_searchbox{top:25px;width:100%;text-align:left}
	.bd_searchbox select{width:auto!important;font-size:14px;padding:8px 30px 9px 5px;background:#fff url(../imgs/cont/ico_select_arrow.png) right center no-repeat}
	.bd_searchbox input[type='text']{width:50%!important;float:right}
	.bd_searchbox select+*+input[type='text']{width:65%!important;float:right}
	.bd_searchbox select+select+input[type='text'],
	.bd_searchbox select+select+*+input[type='text']{margin-top:2px;width:100%!important;float:right}
	.bd_searchbox select+select+input[type='text']+.bn.btn_ani.btn_find,
	.bd_searchbox select+select+*+input[type='text']+.bn.btn_ani.btn_find{top:50%}
	.itemap_wp>li{width:97%!important}
	.sitemap_wp>li.site4{margin-left:0px!important}
	.write_925{height:30px!important}
	.d_searchbox{top:28px;line-height:40px}
	.h_contBox_wp{width:100%!important}
	[class|="area_box"] a{font-size:18px}
	.zx90{z-index:90 !important;}
 	/*이벤트현황*/
	.sub_content{padding:0px!important}
}
@media all and (max-width:470px){
	.h_event .h_contBox .h_cont .like_point{top:53px; left:0px;}
}
@media all and (max-width:460px){
	.hid_350{display:none}
	.show_350{display:block}
}
@media all and (max-width:440px){
	input#mngEmailAddress+select#mngTel0{display:block;margin:5px 0 0}
}
@media all and (max-width:420px){
	.MAT_20_520{top:60px !important; left:0px;}
	/*.web_guidebox {margin-top: 50px;}--수정20171206_j*/
	.web_guidebox {margin-top: 20px;}
	.m_textContWrap .MAT70{ margin-top:40px !important;}
	.m_txt01{margin-top:85px !important;}
	.custom-rate .btnArea #rateDate{width:100%}
	.custom-rate .btnArea #rateCount{margin:1% 0 0;width:100%}
	.wid70_420{width:70% !important;}
	.wid30_420{width:30% !important;}
}
@media all and (max-width:420px){
	.h_mobileSNS button[class*=sns]{padding:0 10px 5px 45px;background-position:-5px center}
	.h_mobileSNS button.sns02{padding-left:35px;background-position:-10px center}
}