@media screen and (max-width:1199px){

/******** °øÅë»ç¿ë ********/
.wrap{ width:100%; }

/******** Çì´õ ********/
ul#menu >  li > a { padding: 25px 15px 24px; }



/******** ¼­ºêÆäÀÌÁö - »çÀÌµå¹Ù ********/
#sub_containner_inner { width: 100%; }
#sm { width: 100%; margin-right: 0; border-bottom: 1px solid #ddd; overflow: hidden;     display: block;}
#sm .smtitle { display: none; }
#sm .sm_on { background: #73a800; }
#sm ul li a { width: auto; padding: 15px 25px; background: #fff; border: 0; display: inline-block; float: left; border-right: 1px solid #ddd; font-size: 13px;}
#sm ul li:nth-child(2) a { border-top: 0; }
.rsv_info { display: none; }
a.btn_rsv { display: none; }
#sub_containner .sub_contants { width: 100%; padding: 0 1.5%; box-sizing: border-box; position: relative; }
#sub_title ul.navi li { width: 100%; padding: 0 1.5%; box-sizing: border-box; }

.touchscroll ul{
	width : 2000px;
	}
.touchscroll ul li{
 float: left;
	}

/******** ¼­ºêÆäÀÌÁö - °øÅë ********/
#sub_title h2 { font-size: 24px; }

/* »çÀÌµå¹Ù 3Â÷ ¸Þ´º */
a.sm_on.three_menu { margin-bottom: 36px; }
.sm_sub_inner { width: 100%; /* overflow-x: scroll; */ position: absolute; top: 44px; overflow:hidden; z-index: 999; }
div#r_mobile_box { display: none; }
ul.sm_sub { width: 1320px !important; font-size: 0; border-top: 1px solid #ddd; }
#sm ul.sm_sub li a { font-size: 13px; border: 0; padding-left: 0; padding: 11px 15px; border-right: 1px solid #ddd; color: #555;}
#sm ul.sm_sub .sm_on { background: #fff9df url(/images/sub/side_go.png) no-repeat 200px center !important; }

/* °Ô½ÃÆÇ */
table.read td img { width: 100%; display: block; }

/******** ¼­ºêÆäÀÌÁö ********/
/* ÁÖÃµ¸é ÇÑ¿ì¸¶À» */
.hanwoo { width: 928px; max-width: 100%; margin: 0 auto; }


/******** ÇªÅÍ ********/
.foot_left { width: 35%; }
.foot_center { width: 24%; }
.foot_right { width: 22%; }
.foot_right li { font-size: 17px;}
.foot_right:before { left: 50%; margin-left: -42.5px; }

}


@media screen and (max-width:1150px){
/******** Çì´õ ********/
#header { height: auto; top:0; background: #fff; position: relative; }
#header .logo { float: inherit; width: 156px; height: auto; background: none; margin: 0 auto; }
#header .logo img { padding: 13px 0; }
#header ul#menu { width: 100%; overflow: hidden; float: inherit; padding-left:0; padding-right: 0; display: block;  background : #ffd200;}
#header ul#menu li { width:12.5%; text-align: center; }
#header ul#menu > li > a { padding: 17px 3%; font-size: 17px; }
ul#menu li span { width: 12.5%; top: 55px;}

/* ÇÜ¹ö°Å¸Þ´º */
#btn_menu { display: block; }


/******** ¸ÞÀÎ ºñÁÖ¾ó ********/

#main_containner .bxslider li { height: auto !important; padding-bottom: 1px;}
.bx-wrapper img.visual_auto { width: 100%; height: auto; }
#main_containner ul.bxslider li div { width: 70%; height: 50%; text-align: center; }
#main_containner ul.bxslider li div img.visual_ment { width: 80%; height: auto; display: inline-block;}

/******** ¼­ºêÆäÀÌÁö - °øÅë ********/
/* ¼­ºê Å¾ */
#sub_containner_inner { min-height: auto; }
#sub_top { height: 190px; }
.subTop_txt { padding: 75px 0 0 80px; background: url(/images/subtop/sub_txt_bg.png) no-repeat 0 57px; background-size: 80px; }
.subTop_txt h2 { font-size: 26px; }
.subTop_txt p { font-size: 13px; }
#sub_containner { background: none; }

/******** ¼­ºêÆäÀÌÁö ********/
/* ¾àµµ */
.map_info > div { padding-left: 0; padding: 0 4%; }
.map_info > div img { width: 40px; }
div#pension p.import { font-size: 13px; padding-top: 4px; }
.map_info > div.loc_tel { padding-left: 0; padding: 0 4%;  }
.map_info > div.loc_tel img { width: 30px; }


/******** ÇªÅÍ ********/
#footer { position: relative; float: left; }
#footer .bottom_logo { display: none; }
#footer .foot_left { width: 47%; padding: 20px 2%; box-sizing: border-box; }
#footer .foot_center { width: 28%; padding : 27px 2%; box-sizing: border-box; }
#footer .foot_right {  width: 25%;padding: 16px 2%; box-sizing: border-box; }
.foot_right li.tel { background: url(/images/main/footer_icon1_mobile.png) left center no-repeat; padding: 11px 0 12px 55px; }
.foot_right li.phone { background: url(/images/main/footer_icon2_mobile.png) left center no-repeat; padding: 12px 0 11px 55px; }
}


@media screen and (max-width:1000px){

.msb_inner_box { width: 100%; overflow-x: scroll; }
.msb_inner { width: 1200px; }
}

@media screen and (max-width:975px){

/******** °øÅë ********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 13px;
}
/* °Ô½ÃÆÇ */
table.read th { font-size: 13px; min-width: 65px;}
table.read td { font-size: 13px; }
table.read td.right { font-size: 12px; }


/******** Çì´õ ********/
#header ul#menu > li > a { padding: 13px 2%; font-size: 15px; font-family: 'Noto Sans KR', NanumGothic, Arial, Helvetica, sans-serif; font-weight: 400; }


/******** ¼­ºêÆäÀÌÁö ********/
/* ÀÎ»ç¸» */
div#pension h4 { font-size: 19px; }
.intro_txt h4 span { font-size: 19px; }
div#pension p.import { font-size: 14px; }

/* ÁÖÃµ¸é ÇÑ¿ì¸¶À» */
.hanwoo { text-align: center; }
.hanwoo > img { float: inherit; margin: 0 auto; display: inline-block;  }
.hanwoo .intro_txt { float: inherit; text-align: center; padding: 0; margin-top: 25px; }

/* ¿µ¿ùÀÇ ¸ÔÀ»°Å¸® */
.s_section .fsection_top .one_mnet h3 { padding: 15px 0 10px 0;  font-size: 17px; }
.s_section .fsection_top .one_mnet p { font-size: 14px; }

/* ½Â¿ëÂ÷ */
div#pension #car p { padding: 15px; }
div#pension #car h4 { font-size: 17px; }

/* ´ëÁß±³Åë */
div#pension #subway h4 { font-size: 17px; }

/* °øÁö»çÇ× µî ÀÏ¹Ý°Ô½ÃÆÇ */
table.board-list th { font-size: 13px; }

/* Æ÷Åä¿¤¹ü ¹ÝÀÀÇü */
.album_list li { width: 33.3333%; }
}



@media screen and (max-width:900px){


/******** ÇªÅÍ ********/
#footer .foot_right { float: left; width: 50%; text-align: center; clear:both; }
#footer .foot_right ul { display: inline-block; text-align: left; }
.foot_right:before { content:""; top:0; left:0; margin-left:0; width: 64px; height: 63px; background: url(/images/main/mobile_tel_Bg.png) left top no-repeat; border-radius:0; padding: 0;}
#footer .foot_center { float: left; width: 50%; text-align: center; position: relative; clear:both; }
.foot_center:before { display: block; clear:both; content:""; position: absolute; top:0; left:0; width: 64px; height: 63px; background: url(/images/main/mobile_tel_Bg2.png) left top no-repeat;}
#footer .foot_center ul { display: inline-block; text-align: left; }
#footer .foot_left { width: 100%; text-align: center; float: left; clear:both;}
#footer .foot_left ul { overflow: hidden; display : inline-block;}
.foot_left p { width: 100%; }

}


@media screen and (max-width:860px){
/* °¶¸®·¯ °­Á¦ ¹ÝÀÀÇü */
.sub_contants .gv_galleryWrap { width: 100% !important; box-sizing: border-box; height: 0 !important; padding-bottom: 72% !important; }
.sub_contants .gv_gallery { width: 100% !important; height: 0 !important; padding-bottom: 72%; }
.sub_contants .gv_panelWrap { width: 100% !important; height: 100% !important; }
.sub_contants .gv_panel { width: 100% !important; height: 90% !important; }
.sub_contants .gv_panel img { width: 100% !important; height: 100% !important; top: 0 !important; }
.sub_contants .gv_filmstripWrap { display: none; }
.gv_navWrap { left: 50%; margin-left: -35px; }
}



@media screen and (max-width:750px){
.res05_two_scroll  { width:100%; overflow-x: scroll; }
.res05_two_scroll .reservation_03 { width: 800px; }

}


@media screen and (max-width:735px){
/* ¾àµµ */
.map_info { padding: 10px 0; }
.map_info > div { width: 92%; padding: 0 0 15px 0; margin: 0 4% 15px 4%; }
.map_info > div.loc_tel { padding:0; margin: 0 4%; }
.map_info > div.loc_add { border-right: 0; border-bottom: 1px dotted #ddd; }
}


@media screen and (max-width:720px){
/******** Çì´õ ********/
#header .logo { width: 120px; }
#header .logo img { padding: 7px 0; width: 120px; }
#header ul#menu { background: #fff1ad; border-top: 1px solid #ffd96e; }
#header ul#menu li { width: 25%; border-bottom: 1px solid #ffd96e; border-left: 1px solid #ffd96e; box-sizing: border-box; }
#header ul#menu li.menu01, #header ul#menu li.menu05 { border-left:0; }
#header ul#menu li span { display: none; }
#header ul#menu > li > a { padding: 7px 2%; font-size: 13px; }
#btn_menu { width: 30px; height: 25px; top: 35px; right: 15px; }
#btn_menu span.line2 { top: 12px; }

/******** ÄÁÅÙÃ÷ ********/
.mobile_main_btn { display: block !important; }

/* °øÁö»çÇ× ¹× ÀÏ¹Ý°Ô½ÃÆÇ °øÅë ¹ÝÀÀÇü */
.board-list th.bbs_hit, .board-list td.bbs_hit { display: none; }
.board-list th.bbs_file, .board-list td.bbs_file { display: none; }

/******** ¼­ºêÆäÀÌÁö ********/
/* Á¾ÇÕ¾È³» */
.mobile_scroll_box { width: 100%; overflow-x: scroll; }
.mobile_scroll_box .reservation_03 { width: 720px; }

}

@media screen and (max-width:650px){


.res05_etc textarea { width: 100%; }
}


@media screen and (max-width:600px){
div#pension #subway .bus_inner div { width: 100%; }

/* °øÁö»çÇ× ¹× ÀÏ¹Ý°Ô½ÃÆÇ °øÅë ¹ÝÀÀÇü */
.board-list th.bbs_no, .board-list td.bbs_no { display: none; }

/* Æ÷Åä¿¤¹ü ¹ÝÀÀÇü */
.album_list li { width: 50%; }

/* °Ô½ÃÆÇ ±Û¾²±â */
table.write th { padding: 8px 0; }
td.table_w_writer input[type=text] { width: 70%; }
td.table_w_mails input { width: 100%; }
td.table_w_homepage input { width: 100%; }
td.table_w_wtitle input { width: 100%;}
td.table_w_heking input { width: 40%; }
td.table_w_password input { width: 40%; }
td.table_w_file input { width: 100%; }
td.table_w_wname input { width: 100%; }
}


@media screen and (max-width:565px){
/* ¿µ¿ùÀÇ ¸ÔÀ»°Å¸® */
.s_section .fsection_top > img { float: inherit; width: 100%; }
.s_section .fsection_top .one_mnet { width: 100%; padding-left: 0; }
.s_section .fsection_middle { padding: 15px 0 0 0; }
}


@media screen and (max-width:560px){
/******** Çì´õ ********/
#header ul#menu > li > a { font-size: 12px; }

/******** ¼­ºêÆäÀÌÁö ********/
/* ÀÎ»ç¸» */
div#pension p.import { font-size: 13px; font-weight: 500; }

/******** ÇªÅÍ ********/
#footer .foot_right { width: 100%; }
#footer .foot_center { width: 100%; }

/* °¶¸®·¯ °­Á¦ ¹ÝÀÀÇü */
.sub_contants .gv_panel { height: 86% !important; }
}


@media screen and (max-width:500px){
.res_chk_scroll { width: 100%; overflow-x: scroll; }
table.board-list.res_chk_table { width: 500px; }
}


@media screen and (max-width:485px){
.reservation_02 h3 span { margin-left: 0; padding-top: 5px; }
}


@media screen and (max-width:440px){
/******** ¸ð¹ÙÀÏ ¹öÆ° ********/
.mobile_main_btn ul li a img { width: 40px; }
.mobile_main_btn ul li a span { font-size: 12px; }

/* °øÁö»çÇ× ¹× ÀÏ¹Ý°Ô½ÃÆÇ */
.button01 { margin-bottom: 8px; }

/* ¿¹¾àÈ®ÀÎ */
.firm_button .button01 { margin-bottom: 0; }
}


@media screen and (max-width:400px){
/* ¹¯°í´ê¹Ù±â ÀÏ¹Ý°Ô½ÃÆÇ */
table.write th { display: block; width: 100%; clear: both; box-sizing: border-box; }
table.write td { display: block; width: 100%; clear: both; box-sizing: border-box; }
}


@media screen and (max-width:390px){
div#pension h4.orange { font-size: 13px; }
/* Æ÷Åä°¶·¯¸® */
.album_con a { margin: 5px; }
}


@media screen and (max-width:380px){
/******** ¸ð¹ÙÀÏ ¹öÆ° ********/
	.mobile_main_btn ul li a img { width: 35px; }
}


@media screen and (max-width:360px){
/* °øÁö»çÇ× ¹× ÀÏ¹Ý°Ô½ÃÆÇ */
table.board-list th { padding: 10px 0; }
table.board-list td { padding: 10px 0; }

/* ½Ç½Ã°£ ¿¹¾à 3´Ü°è */
.reservation_06 th { display: block; clear: both; width: 100%; box-sizing: border-box; }
.reservation_06 td { display: block; clear: both; width: 100%; box-sizing: border-box; }
.res05_paid_person input { width: 100%; }
.res05_days select { width: 100%; }
.res05_phone input { width: 28%; }
.res05_name input { width: 100%; }
.res05_arrive select { margin-bottom: 5px; }
}