@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Domine);


/*추가*/
#order_forms span input{margin-bottom:3px !important;}
#order_forms span{width:100% !important; padding:0 !important;}
.r-m-doo{width:100%; overflow-x:auto; padding-bottom:0; border-bottom:none;    margin-top: -20px;}
.r-m-doo span{display:none !important;}
#post_area img{width:100% !important; max-width:100% !important; height:auto !important;}

.gphotos table img{width:100% !important; max-width:230px !important; height:auto !important;}

body{font-family:'NanumSquare', sans-serif  !important;  color:#666 !important;
margin:0 !important; padding:0 !important; font-size:13px; font-weight:400; line-height:180%; }

h1,h2,h3,h4,h5{font-family:'NanumSquare', sans-serif  !important;  }
h5{background:none !important;}
h3{font-size: 1.8em;    color: #333;
    font-weight: 800;    padding: 2px 10px 20px 20px;
    background: url(sub-cnt-h5.jpg)no-repeat left top !important;
    margin-bottom: 30px;}


img{border:none;}
table{border-collapse:collapse !important;border-spacing:0 !impportant;empty-cell:show;}  
td{font-size:12px !important;font-family:'NanumSquare', sans-serif  !important;}
.daynone{font-size:11px;}
ul{margin:0 !important; padding:0 !important;}
a{text-decoration:none !important; color:#666 !important;}
strong,b{font-weight:400 !important;}
iframe{border:0;}




#tit-div{clear:both; width:100%; padding:20px 0; text-align:center;
background:url('tit-div-bg.gif')no-repeat center center;}
#tit-div .tit00{font-family: 'Roboto', sans-serif !important; color:#333 !important; text-transform: uppercase;
display:inline-block; padding:5px 15px; background-color:#fff; font-weight:700;}




/*메인*/
.main-tits00{width:100%; text-align:center;}
.main-tits00 h5{font-size:3em; margin:0; color:#333;text-transform: uppercase;
letter-spacing: -0.03em;font-family: 'Roboto', sans-serif !important;font-weight: 400;}
.main-tits00 h6{font-size:14px; margin:15px 0; font-weight:400; color:#333;
letter-spacing:-0.04em;}
.main-tits00 i{font-style:normal; font-family: 'Roboto', sans-serif;}
.main-tits00 b{font-weight:700 !important; display:inline-block; padding:0 5px;}




/*상단*/
.top-mn{width:100%; padding:0; vertical-align:middle; }
.top-mn div.bgm{width:1200px;margin:0 auto;  text-align:right;}
.mn-nav{padding:10px 0 5px;display: inline-block;}
.top-mn div.bgm span.mn-nav a{display:inline-block; margin:0 5px;}
.top-mn div.bgm span.mn-nav a:last-child{margin:0 0 0 5px;}
.btn-res-top{background:url('res-bg-top.png')no-repeat 0 5px;padding-left:28px; padding-bottom:5px;
color:#d8712a !important; font-weight:bold !important;letter-spacing:-0.02em;}


/*슬라이드*/
.nivo-controlNav{display:none !important;}


/*메인스페셜*/
.m-splarea {  width: 100%; }

.m-spl{margin:0 auto; max-width:1200px;width: 100%; padding-bottom:80px;}
.m-spl div{width:33%; display:inline-block;margin:30px 0; vertical-align:top; text-align: center;}
.m-spl div ul{width:90%; margin:0 auto !important;}
.m-spl div ul li{list-style: none;line-height:160%; font-size:13px; }
.m-spl div ul li.txto{font-weight: 800 !important; color: #000 !important;font-size: 17px; padding-top: 15px;}
.m-spl div img{max-width:250px; border-radius: 50%; }
.m-spl div img:hover{opacity:.6; cursor:pointer;}



/*메인페이지*/
.m-col{margin:0 auto; max-width:1200px;width: 100%;}
.m-col h2{color:#333; font-size:26px; letter-spacing:-0.02em; font-weight:200;}
.m-col div{width:33%; display:inline-block;margin:20px 0; vertical-align:top;}
.m-col div ul{background-color:#fff; width:90%; border-radius: 10px; margin:0 auto !important;}
.m-col div ul li{list-style: none;line-height:160%; font-size:13px; }
.m-col div ul li.txto{padding:10px 0; width: 90%;margin: 0 auto;}
.m-col div img{max-width:100%; width:100%; border-top-right-radius: 10px;border-top-left-radius: 10px;}
.m-col div img:hover{opacity:.6; cursor:pointer;}
.m-col div a{color:#D07239;font-size:15px;}
.m-col div a:hover{text-decoration:underline;}
.m-col div ul li a.mtit{font-weight: 800 !important; color: #000 !important;font-size: 17px;}


.main-000{width:100%; margin:30px 0; padding:30px 0 0;}
.main-001{width:100%; padding:50px 0 80px; background-color:#eee;}
.main-001 h1{text-align: center;background: url('h1-bgs.jpg') no-repeat;
background-position: center top; padding-top: 20px; color: #000; font-size: 2.5em; font-weight: 600;
font-family: 'Roboto', sans-serif !important;text-transform: uppercase; max-width: 1200px; margin: 20px auto;}





/*sub-bg*/
.sub-bodys{width:100%; clear:both;}
.sub-bg1{text-align:center;    font-size: 2.5em; background:url('sub-bg1.jpg')no-repeat right top;
background-size:cover;  color: #000;  margin-bottom:30px;}
.sub-bg1 i{font-style:normal; font-weight:300;color:#666; display:block; font-size: 13px; padding-top:15px;}
.sub-bg1 i em{font-family: 'Domine', serif;font-style:normal; padding-right:3px;}

.sub-bg2{text-align:center;    font-size: 2.5em; background:url('sub-bg2.jpg')no-repeat center top;
background-size:cover; color: #000;  margin-bottom:30px;}
.sub-bg2 i{font-style:normal; font-weight:300;color:#666; display:block; font-size: 13px; padding-top:15px;}
.sub-bg2 i em{font-family: 'Domine', serif;font-style:normal; padding-right:3px;}

.sub-bg3{text-align:center;    font-size: 2.5em; background:url('sub-bg3.jpg')no-repeat center top;
background-size:cover;color: #666;  margin-bottom:30px;}
.sub-bg3 i{font-style:normal; color:#666; display:block; font-size: 13px; padding-top:15px;}
.sub-bg3 i em{font-family: 'Domine', serif;font-style:normal; padding-right:3px;}

.sub-bg4{text-align:center;    font-size: 2.5em; background:url('sub-bg4.jpg')no-repeat center top;
background-size:cover; color: #666;  margin-bottom:30px;}
.sub-bg4 i{font-style:normal;color:#666; display:block; font-size: 13px; padding-top:15px;}
.sub-bg4 i em{font-family: 'Domine', serif;font-style:normal; padding-right:3px;}

.sub-bg5{text-align:center;    font-size: 2.5em; background:url('sub-bg5.jpg')no-repeat center top;
background-size:cover; color: #666;  margin-bottom:30px;}
.sub-bg5 i{font-style:normal; color:#666; display:block; font-size: 13px; padding-top:15px;}
.sub-bg5 i em{font-family: 'Domine', serif;font-style:normal; padding-right:3px;}

.sub-bg6{text-align:center;    font-size: 2.5em; background:url('sub-bg6.jpg')no-repeat center top;
background-size:cover; color: #000;  margin-bottom:30px;}
.sub-bg6 i{font-style:normal; color:#666; display:block; font-size: 13px; padding-top:15px;}
.sub-bg6 i em{font-family: 'Domine', serif;font-style:normal; padding-right:3px;}






/*펜션소개*/
.sub-bg{width:100%;}
.sub-bg img{width:100%;}
.sub-cnt{clear:both;max-width:1200px; margin:0 auto;padding:30px 0 50px; min-height: 550px;}
.sub-cnt img{max-width:100%;}

.sub-cnt h5{font-size:1.8em; color:#333; font-weight:800; padding:2px 10px 20px 20px;
background:url('sub-cnt-h5.jpg')no-repeat left top !important; margin-bottom:30px;}
.photo-list{margin-bottom:50px; }
.photo-list img{width:100%; display:block; margin:40px 0;}


.sub-cnt span{display:inline-block;}
.sub-cnt span img{width:100%; max-width:100%; display:block;}
.sub-cnt span.txt0001{width:50%;float:left; }
.sub-cnt span.txt0001 i{display:inline-block; padding:20px 0; font-style:normal;
font-size:16px; color:#000;}
.sub-cnt span.txt0001 img{margin-top: 40px;}
.sub-cnt span.txt0002{width:48%;float:right;}







/*객실정보*/
#submenu{clear:both;width:100%;height:auto;padding:30px 0; text-align:left;margin-bottom:30px; }

.r-menu{font-size:14px; clear:both; max-width:1200px; width:100%; margin:0 auto;  padding:20px 0;}
.r-menu h1{margin: 10px 0 30px 0;
    color: #333;    font-size: 2em;  font-weight: 400;}
.r-menu ul li a{color:#000 !important; }
.r-menu a:hover{text-decoration:underline;}
.r-menu ul li:first-child{border-left:2px #999 solid;}
.r-menu ul li:last-child{border-right:2px #999 solid;}
.r-menu ul li{display:inline-block;list-style: none; padding:0 20px; border-right:1px #999 solid;}





/*방정보*/

.r-info div.boxxx00 {    width: 48%;
    float: left;    margin-bottom: 30px;}
.r-info div.boxxx03 {    width: 48%;    float: right;}
.r-info div.boxxx03 h3{margin:0;color:#333; font-weight:800; background:none !important; 
font-size:18px;    padding: 0 0 10px;}
.r-info div.boxxx03 em{font-weight:500; color:#333; font-style:normal;}

.tableee1{width: 100% ;margin: 0 0 1.5em 0 ;
     text-align:center; font-size:13px;
    border-top: 1px #333 solid;
    border-left: 1px solid #ddd;}
.tableee1 th{ border-bottom: 1px solid #ddd; padding:10px 0;
    border-right: 1px #ddd solid; color:#333; font-weight:800;
    background: #f1f1f1; color: #333;}
.tableee1 td{padding: 0.5em 1em ;border: 1px solid #ddd ; line-height:180%;
font-size:13px !important;}




/*금액표*/
.tableee2{width: 100% ;margin: 0 0 1.5em 0 ;border-collapse: collapse ;font-size: 13px ;border: 1px solid #ddd ;font-family: 'Nanum Gothic';}
.tableee2 th{text-align: center ;padding: 0.5em ;font-size: 13px ;font-weight: normal ;color: #333 ;border: 1px solid #ddd ;}
.tableee2 td{padding: 0.5em 1em ;border: 1px solid #ddd ;}

/*방안내박스*/
.boxxx3{width:100%;}
.boxxx3 h3{font-size: 16px !important; color:#333; background:none; padding:0; 
color:#333; font-weight:600; margin:10px 0 5px 0;}
.boxxx3 span{display:block;font-size: 13px}
.boxxx3 em{color:#DE355A; font-style:normal; }

.boxxx03 ul{list-style-position:inside;}
.boxxx03 ul li{list-style-type: circle;}

/* 회원 로그인*/
.user1{width:100%; clear:both; margin:10px 0; margin:0 auto; font-size:12px; font-family:'NanumSquare', sans-serif  !important;}
.user1 h5{margin:40px 0 0; padding:0; font-size:1.5em; font-weight:800; color:#333; background:none !important;}
.user2{ margin:10px 0;  background-color:#eee; padding:10px 0; width:100%;}
.user-c span{font-size:13px;display:inline-block; padding:5px; color:#333;}
.user-c{padding:0 20px;}
.user-c span{vertical-align:top;}
.user-c span input[type="text"]{background-color:#fff !important; padding:3px 5px !important; border:1px #ccc solid !important;}
.member_border{background-color:#fff !important; padding:3px 5px !important; border:1px #ccc solid !important;}
 input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], 
input[type="tel" i], input[type="url" i], input[type="text" i] {background-color:#fff !important; padding:3px 5px !important; border:1px #ccc solid !important;}
.user3{padding:10px 20px; background-color:#eee; border-top:1px #ddd solid;}


.user1 table{width:100%; margin-top:10px; font-size:12px;}
.user1 table table{border-top:1px #333 solid;}
.user1 table table td{border-bottom:1px #ccc solid; padding:5px 0;}
.user1 table table td:nth-child(1){width:15%; text-align:left; padding-left:10px;}
.user1 table table td:nth-child(2){}
.user1 .member_txt{margin:0 !important; border:none !important;}
 .user1 .member_txt td{border:none !important; }

input[type="file"]{width:150px;}

.method-i{width:100%; clear:both; margin-bottom:40px;}
.method-i span{display:block; margin:5px 0;}
.method-i span textarea{width:100%; height:100px; padding:5px !important; 
font-size:11px !important; color:#888 !important; line-height:160% !important;
letter-spacing:-0.01em !important; border:1px #ccc solid !important; background-color:#f1f1f1 !important;}
.method-i h5{margin:10px 0; padding:0; font-size:1.2em; font-weight:600; color:#333;}


#app_td1{background: #888 !important;}
.r_info_table{border:1px #B2D19F solid !important;}

.r_info_table td{padding:5px 10px;width:25%;}

.m_c_td2{background:none !important;}
.r_bgcolor_color1{padding:0 !important;}


/*예약안내,기타서브*/
.locationwrap{margin:50px 0;} 
.locationwrap h5{font-size: 1.8em;    color: #333;
    font-weight: 800;    padding:2px 10px 20px 20px;
    background: url('sub-cnt-h5.jpg')no-repeat left top !important;
    margin-bottom: 0;}
.locationwrap b{color:#ff5a00;display:inline-block; }
.locationwrap ul{ padding-left: 10px !important; margin:10px !important;}
.locationwrap ul li{line-height:180%; letter-spacing:-0.02em; font-size:14px;list-style-type: circle;}

table{border-collapse:collapse;border-spacing:0;empty-cell:show;}
.table1{width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:13px;}
.table1 th{font-weight:500; border-bottom:1px solid #ddd;border-right:1px solid #ddd; 
color:#333;padding:10px 0; text-align:center;background-color:#eee; font-}
.table1 td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:10px 0; text-align:center}

.app_td3_sum{color:#666 !important;}
#app_td1,.app_td2{font-weight:400 !important;}

.res-infos00{margin-bottom:30px
border-bottom:1px #ccc dashed; padding-bottom:20px; line-height:200%;}
.res-infos00 h2{font-size:1.5em;color:#000; margin:0; padding:0 0 10px;}
.res-infos00 h4{font-weight:400;margin:0; padding:0; font-size:15px;}
.res-infos00 em{font-style:normal; color:#ff5a00;;font-size:14px; }

.res-oodo table{width:100%;}
.r_bgcolor_color1{display:none !important;}
.res-mb span{display:none;}





.scalendar{font-size:13px; font-weight:400; line-height:180%; letter-spacing:-0.02em;margin-bottom: 50px;}
.scalendar1{margin:20px 0; text-align:center; }
.m_car_tle{display:inline-block; padding:0 5px; color:#333 !important;
font-family:'NanumSquare', sans-serif  !important;  font-weight:400 !important;}
.scalendar2{width:100%;     min-height: 270px;}
.scalendar2 table{width:100%;}
.m-res1{border:1px #ccc solid; }
.m-res1 td a{padding:5px !important; color:#666; font-size:12px !important;}
.m-res1 thead td{background-color:#eee; text-align:center; padding:5px 0 !important; font-size:12px !important;
text-transform:uppercase;}
.scalendar3{text-align:center; margin:10px 0;}
.res-cod{width:45%; display:inline-block; float:left;}
.res-memo{width:50%; display:inline-block;float:right;font-size:13px !important; line-height:180%; 
padding-top:40px;}
.res-memo em{font-style:normal;color:#ff5a00; font-weight:600;}
.res-infos{clear:both; display:block; width:100%;margin:20px 0 !important;}
.res-mb{ width:100%; min-height:100px;}

.res-s-cus{ }
.res-s-cus h4{font-size:14px; color:#333;  margin:0; padding-bottom:5px;}
.res-s-cus1{font-size:13px;}
.res-s-cus1 span{width:48%; display:inline-block; }
.res-s-cus1 span b{color:#333; font-weight:800 !important; display:inline-block; padding-right:5px;}

#order_forms{width:100%; font-size:12px; font-weight:400;}
#order_forms span{display:inline-block;padding:5px 0; vertical-align:middle;}
#order_forms span input{width:90px;}
#order_forms span.or-tit{color:#333; padding-right:5px;}
#order_forms i{display:block;}

.r_info_table{width:100%;}
.m_c_td1,.r_text_color1,.m_c_td2{font-weight:normal !important;}

.dosod, .m-bo{display:none;}
#order_forms textarea:{width:250px !important; border:1px #ccc solid; height:50px !important;    overflow-y: visible !important;}
#input_5{width:300px !important; height:50px !important; overflow-y:visible;}

.res-cancel table{width:100%; border:1px solid rgb(178, 209, 159);}
.res-cancel table td{padding:5px 10px; }
.res-cancel .app_td1{font-weight:400;}

/*객실팝업*/
.r-popup{width:100%; margin:0 auto;}




/*여행지*/
.boxxx2{width:100%; margin:10px 0; padding:20px 0; border-bottom:1px #eee solid; }
.boxxx2 span.box-img{width:40%; display:inline-block; }
.boxxx2 span.box-img img{width:94%; height:auto;    margin-bottom: 10px; border-radius: 10px;}
.boxxx2 span.box-info{width:60%; display:inline-block; 
vertical-align:top;letter-spacing:-0.02em;}
.boxxx2 em{font-style:normal;color:#d8712a; display:block; margin:10px 0; font-size:14px;}
.boxxx2 h3{font-size:18px; color:#333; background:none !important;  font-weight:800;
padding:0; margin:0 0 10px; }
.boxxx2:last-child{border:none;}


/*스페셜*/
.servicediv{width:100%; margin:10px 0 20px; padding:20px 0; border-bottom:1px #ccc dashed; }
.servicediv span.box-img{width:67%; display:inline-block; padding-right:3%;margin-bottom: 20px;}
.servicediv span.box-img img{width:100%; border-radius: 10px;}
.servicediv span.box-info{width:30%; display:inline-block; font-size:13px;
vertical-align:top;letter-spacing:-0.02em;}
.servicediv em{font-style:normal;color:#d8712a; display:block; margin:10px 0; font-size:14px;}
.servicediv h3{font-size:18px; color:#333; background:none !important;  font-weight:800;
padding:0; margin:0 0 10px; }
.servicediv:nth-child(6){border:none;}







/*게시판*/
.bbsno{width:10%}
.bbsnewf5{width:65%}
.bbswriter{width:10%}
.bbsetc_dateof_write{width:15%}

.board a:visited,.board a:link{ font-family:'NanumSquare', sans-serif  !important; }
.bbs-gs table{border:none !important;font-family:'NanumSquare', sans-serif  !important;}
.bbs-gs table td{border:none !important;font-family:'NanumSquare', sans-serif  !important; }
.bbs-gs .gallery_title{font-family:'NanumSquare', sans-serif  !important; line-height:180%; 
font-weight:normal !important;}
.gallery_etc{display:none;}
.bbs-dv table.board{border:none !important; font-family:'NanumSquare', sans-serif  !important; }
.bbs-dv table.board td{border-bottom:1px #ddd solid !important;font-family:'NanumSquare', sans-serif  !important; 
border-top:none !important; border-left:none !important; border-right:none !important;}
#search_table{margin:0 auto; margin-top:20px;}




/*오시는길*/
.h222{font-size: 18px; color:#333;line-height:40px;border-bottom:1px #CCC  dashed; margin:20px 0;}
.boxxx4{font-size:13px; ;}
.boxxx4 h3{font-size: 15px ; color:#d8712a; line-height:20px; margin: 15px 0  5px !important;padding:0; background:none !important; 
font-weight:600;}
.boxxx4 span{display:block;}
.boxxx4 b{display:inline-block; padding: 0 5px; color:#333;font-weight:800 !important;font-size:13px;}
.boxxx4 em{color:#222; font-style:normal;font-size:13px;}
.boxxx4-ad em{display:block;color:#DE355A;  font-style:normal; font-size:14px;letter-spacing:-0.02em; }
.boxxx4-ad{    margin: 0 0 20px 0;  font-size: 16px;    font-weight: 500;    color: #333;    text-align: center; }



/*footer*/
.footer-divs{clear:both;width:100%;line-height:180%; font-size:13px;
padding:30px 0; color:#666;background: #fff; border-top:1px #eee solid; }
.footer-divs a{color:#666 !important;}
.footer-divs-cn{max-width:1200px; margin:0 auto;} 
.footer-divs em{color:#fff; font-style:normal; display:inline; padding:0 15px; font-weight:400;}
.footer-divs span.cp{display:block; margin-top:10px; font-size:11px;}


/*모바일*/
#mobile-s{display:none;}
#mobile-s img{width:100%;}
table.m-smn{width:100%; text-align:center; 
border-top: 1px #ddd solid;  }
table.m-smn a{color:#333 !important;font-family:'NanumSquare', sans-serif ;}
table.m-smn td{width:33.3%; padding:12px 0;
    border-bottom: 1px solid #ddd;font-size:14px !important; 
    border-right: 1px #ddd solid; letter-spacing:-0.03em;
    background: #fff; }
table.m-smn td img{    width: auto !important;
    vertical-align: middle;    display: inline;
    margin-right: 5px;}
table.m-smn td:last-child{border-right:none;}
/*--------------------------------------------------------*/


@media screen and (max-width: 1300px){

}

@media screen and (max-width: 1199px){
.main-001 h1{max-width:100%;}
.top-mn div.bgm{max-width:100%;text-align: center;}
}

@media screen and (max-width: 1100px){


#submenu .r-menu{width:94%; margin:0 auto;}
.topnavibg{width:100%; margin:0 auto;  vertical-align: middle;}
.top-mn div.bgm{width:94%; margin:0 auto;}
.container{width: 100%;}

.footer-divs-cn{width: 90% !important; font-size:12px;}
.m-col, .m-spl{max-width:100%;}
.sub-cnt{max-width:90%;}


.m-col,.m-spl{width:94%;}
.m-col div ul{margin:0 auto !important;}
.m-spl div ul{margin:0 auto !important;}
.m-spl div img {  max-width: 200px;}

}

@media screen and (max-width: 1050px){
.sub-cnt{min-height:auto;}
}

@media screen and (max-width: 800px){

.m-spl div img {  max-width: 150px;}

.m-col div ul li{font-size:12px;}
.m-col div { width: 32.5%;}

.m-spl div ul li{font-size:12px;}
.m-spl div { width: 32.5%;}



.res-mb{ overflow-x: scroll; -webkit-overflow-scrolling:touch; padding-bottom:20px; border-bottom:2px #ddd solid;}
.sub-cnt span.txt0001{display:block; width:100%;}
.sub-cnt span.txt0002{display:block; width:100%; margin:30px 0;}


.topnavibg{width:100%; margin:0 auto;  vertical-align: middle;}
.boxxx2 span.box-img{width:100%; display:block; }
.boxxx2 span.box-img img{width:100%; padding-bottom:10px;}
.boxxx2 span.box-info{width:100%; display:block; vertical-align:top;}

.servicediv span.box-img{width:100%; display:block;padding-bottom:10px; }
.servicediv span.box-info{width:100%; display:block; vertical-align:top;}

#cssmenu > ul > li > a {padding: 10px 20px !important; }


.user2 i{display:block;}
.user-c span.mo-tits{width:20%;}

.user1 table table td:nth-child(1){width:25%;}
.user1 table table td:nth-child(2){}

.dosod{display:block; text-align:center; font-size:15px; color:#53A735; font-weight:600; letter-spacing:-0.02em;}

.container{width:90%; margin:0 auto;}
.gphotos table img{max-width:100%;}
}

@media screen and (max-width: 700px){
.qalist td:first-child{display:none;}
.qalist td:last-child{display:none;}

.sub-bg1 i ,.sub-bg2 i,
.sub-bg3 i ,.sub-bg4 i,
.sub-bg5 i ,.sub-bg6 i {width: 90%; margin: 0 auto;}

.r-info div.boxxx00{width:100%;margin-bottom: 10px;}
.r-info div.boxxx03{width:100%;margin-bottom: 30px;}

.r-m-doo{width:100%; overflow-x:auto; padding-bottom:20px; border-bottom:2px #ddd solid;}
.r-m-doo span{display:block !important; margin:10px 0;}

.res-infos00{text-align:center;}

.servicediv #swrapper{display:block;}


.res-memo{font-size:12px !important;}
.locationwrap{font-size:12px;}

#swrapper{display:none;}
#topnavi{display:none;}
#mobile-s{display:block;}
.logos{width:100%; display:block; margin:0;  float:none;    padding: 10px 0 0;}
.top-mn div.bgm span.mn-nav{width:100%; display:block; margin:0; text-align:center;float:none; padding:10px 0;}
.top-mn div.bgm{text-align:center !important;}
.top-mn div.bgm{border-bottom:none;}


.res-s-cus1 span{width:100%;}
.telic{display:none !important;}
.telicm{display:block !important;}

#submenu .r-menu span{display:none;}
#submenu .r-menu{text-align:center;}

#submenu{clear:both;}
.footer-divs span{display:block;}
.footer-divs em{display:none;}
.footer-divs br{display:none;}

}




@media screen and (max-width: 500px){
.m-spl div img {  max-width: 220px;}
.r-menu ul li{margin:5px 0; }
.main-tits00 h5{font-size:2em;}

.m-col div ul li{font-size:13px;}
.m-spl div ul li{font-size:13px;}

.res-infos00 h2{font-size:1.3em;}
.sub-cnt span.txt0001 br:nth-child(6){display:none;}
.sub-cnt span.txt0001 br:nth-child(9){display:none;}


.member_border{width:50%;}
input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], 
input[type="url" i], input[type="text" i]
{margin:5px 0;}


.bbs-dv table table table{width:100%;}
.board_desc{padding:5px !important;}
.board_desc input{width:200px !important;}

.bbs-gs table:nth-child(3) td{width:25%; height:auto; vertical-align:top;}
.bbs-gs table:nth-child(3) td img{max-width:100%; height:auto;}

.res-btn-t{display:none !important;}


.r_info_table td{padding:3px;}
.res-cod{display:block; width:100%; }
.res-memo{display:block; width:100%; margin:20px 0; padding:0;}

.app_table td{font-size:11px !important; padding:3px !important; text-align:center;}

.logo-si span.mems{display:block;height:30px;}
.m-col div, .m-spl div{width:100%;}
.m-col div ul, .m-spl div ul, {width:90%; margin:0 auto !important;}






.res-oodo table table td:nth-child(1){width:100%; padding-left:10px !important;}
.res-oodo table table td:nth-child(1) table td.m_c_td2{display:none;}
.res-oodo table table td:nth-child(1) table td:nth-child(2){width:70% !important;}
.res-oodo table table td:nth-child(2) table{display:none;}
.m-bo{display:block; margin:20px 0;}

.res-cancel table td{width:25%;}
.user-c input[type="text" i],input[type="password" i]{width:150px;}

::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0,0,0,.4); -webkit-box-shadow: 0 0 6px rgba(255,255,255,.5);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }


}

@media screen and (max-width: 370px){
.logos{width:100% !important; text-align:center;margin:0;padding:20px 0 0; display:block;}
.top-mn div.bgm span.mn-nav {width:100% !important; text-align:center;margin:0;padding:10px 0;display:block;}

.sub-cnt span.txt0001 br{display:none;}


}