@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');


.r-m-doo{width:100%; overflow-x:auto; padding-bottom:0; border-bottom:none;   }
.r-m-doo span{display:none !important;}


body{font-family: 'Nanum Gothic', sans-serif !important;  color:#666 !important; 
margin:0 !important; padding:0 !important; font-size:13px !important; font-weight:400; line-height:180%;}
img{border:none;}
table{border-collapse:separate ;border-spacing:0 !impportant;empty-cell:show;}  
td{font-size:13 !important;font-family: 'Nanum Gothic', sans-serif !important; }
.daynone{font-size:11px;}
ul{margin:0 !important; padding:0 !important;}
a{text-decoration:none;}
strong,b{font-weight:400 !important;}
iframe{border:0;}
hr{width:100%; max-width:1200px;margin:30px auto;height:1px; background:#fff; border:0  }
ul li{list-style: disc !important;}
.m-spcwrap ul li, .col33 ul li{list-style:none !important;}
a:hover{text-decoration:none !important;}
/*추가*/
#order_forms span input{margin-bottom:3px !important;}
#order_forms span{width:100% !important; padding:0 !important;}

input[type="file"]{width:50%;}


/*슬라이드*/
.lightSlider li img{width:100% !important}
.lSSlideOuter .lSPager.lSpg{margin:-50px 0 0 !important; padding:10px 0 !important}
.lSSlideOuter .lSPager.lSpg > li.active a{ background:#ae5711 !important}
.mainslidewrap { max-width:1920px; margin:100px auto 0;}
.roomslidewrap { max-width:1200px; margin:0 auto}
.specialslidewrap {width:100%; overflow:hidden}
.specialslidewrap p{margin:-60px 0 0 0; padding:0; text-align:center;}
.specialslidewrap p img{width:80px; border:1px solid #fff}


/*서브공통*/
.subtopwrap {clear:both; width:100%; background:url('sub-bg-top.jpg')no-repeat center center
; background-size:cover; overflow:hidden; color:#000;
padding:40px 0; margin-top:100px;}
.subtopwrap a{color:#000}
.subtop{ width:100%; max-width:1200px; margin:0 auto;}
.subtop h2{ font-size:1.8em; font-weight:600; letter-spacing:-.02em; margin:15px 0; padding:0}


.sub-menu{margin:10px 0;}
.sub-menu ul{margin:0; padding:0; display:inline}
.sub-menu li{ display:inline-block;border-right:1px solid rgba(0,0,0,.6);line-height: 140%;}
.sub-menu li:first-child{border-left:2px solid rgba(0,0,0,.6);}
.sub-menu li:last-child{border-right:2px solid rgba(0,0,0,.6);}
.sub-menu a{padding:0 20px; font-size:14px; font-weight:600;}

.namewrap{ width:100%; max-width:1200px; margin:30px auto 0px; text-align:center;     border-bottom: 1px #ddd solid;
    padding-bottom: 10px;}
.namewrap h3{ font-size:2.5em; font-weight:700; color:#000;line-height:140%; margin:0; padding:0}
.namewrap span{ color:#888; font-size:13px;}


.roomwrap{max-width:1200px; clear:both; zoom:1 ; margin:0px auto; }

.colwrap{max-width:1200px; clear:both; zoom:1 ; margin:110px auto 50px; overflow: hidden}
.mcolwrap{max-width:1200px; clear:both; zoom:1 ; margin:50px auto 50px; overflow: hidden}
.scolwrap{max-width:1200px; clear:both; zoom:1 ; margin:30px auto 50px; overflow: hidden}

.main-tits00{text-align:center; width:100%; margin-bottom:30px;color:#000; }
.main-tits00 h5{font-weight:300 !important; font-size:2.6em !important; padding-top:20px;
font-family: 'Droid Serif', serif;  margin:0 0 20px 0;  letter-spacing: -0.02em;}
.main-tits00 h6{font-size:1.5em !important; letter-spacing:-0.02em; margin:0;font-weight:300 !important }
.main-tits00 h6 b{color:#ff7624; font-weight:300 !important }
.main-tits00 h6 i{font-style:normal;}
.main-tits00 h2{font-size: 24px; color:#000; text-align:center;font-weight:600;letter-spacing:-0.02em;}



.colwrap h1{font-size: 28px; color:#000; text-align:center; margin:40px 0 20px; padding:20px 0; border-bottom:1px solid #ddd;
font-weight:400;}

.colwrap .st1{font-size:28px; color:#000; text-align:center; margin:40px 0 0 ; 
padding:20px 0 10px;  }
.scolwrap .st1{font-size:28px; color:#000; text-align:center; margin:40px 0 0 ; padding:20px 0 10px;  }

.rinfocol1{width:100%; float:none;  margin:0 0 40px;  text-align:center;}
.rinfocol1 h4{font-size: 15px !important; color:#d25a1e; background:none; padding:0; font-weight:800; margin:5px 0;}
.rinfocol1 b{ font-size: 13px; ;background:none; padding:0; color:#333; font-weight:600 !important;}
.rinfocol1 em{font-style:normal;  font-size: 13px; background:none; padding:0; margin:10px 0 10px 0; color:#333; font-weight:600; }

.rcol1{width:100%; float:none;  margin:0 0 40px;  }
.rcol1 ul li{list-style: disc inside !important;}
.rcol1 h3{font-size: 16px !important; color:#333; background:none; padding:0 0 5px 0; font-weight:800; margin:10px 0 10px 0; border-bottom:1px #333 solid;}
.rcol1 h4{font-size: 13px !important; color:#d25a1e; background:none; padding:0; font-weight:800; margin:10px 0 10px 0;}
.rcol1 b{ font-size: 13px; ;background:none; padding:0; margin:10px 0 10px 0; color:#d25a1e; font-weight:600 !important;}
.rcol1 em{font-style:normal;  font-size: 13px; background:none; padding:0; margin:10px 0 10px 0; color:#333; font-weight:600; }


.col1{width:100%; float:none;  margin:0 0 40px;  }
.col1 h3{font-size: 16px !important; color:#333; background:none; padding:0; font-weight:800; margin:10px 0 10px 0;}
.col1 b{ display:block; font-size: 16px; text-align:center;background:none; padding:0; 
margin:10px 0 10px 0; color:#666;}
.col1 strong{ display:block;font-size: 16px;  text-align:center; background:none; padding:0; margin:2px 0 2px 0; 
color:#6752a1; font-weight:800 !important; }
.col1 em{ display:block; font-style:normal;  text-align:center; font-size: 13px; color:#888; background:none; padding:0; margin:10px 0 10px 0; color:#000; font-weight:300; }


.col2{width:48%; float:left; margin:0 0 40px}
.col2:nth-child(odd){margin-right:4%;}
.col2 img{width:100%}
.col2 h3{font-size: 16px !important; color:#333; background:none; padding:0; color:#333; 
font-weight:800; margin:10px 0 10px 0;letter-spacing:-0.02em;}
.col2 h4{ font-size:15px; font-weight:600; color:#333; border-bottom:1px solid #ccc; padding:2px 0; margin:20px 0 2px; display:inline-block}
.col2 span{display:block;line-height:160%; letter-spacing:-0.02em;}
.col2 em{color:#d25a1e; font-style:normal;font-weight: 400; }
.col2 b{color:#d25a1e; font-weight:700}
.col2 ul{ margin:0; padding:0; list-style:circle outside}
.col2 li{font-size:13px; font-weight:300; margin-left:18px}

.col2 .roomviews li{ list-style:none !important}
.col2 .mtit{ font-size:18px; font-weight:700; text-align:center; color:#333; padding:0 0 10px}

.col22{width:48%; float:left; box-shadow:inset 0 0 1px #ddd;background:#f1f1f1; margin:10px 0 40px }
.col22:nth-child(odd){margin-right:4%;}
.col22 img{width:100%}
.col22 h3{font-size: 16px !important; color:#333; background:none; padding:10px 20px 0; color:#000; font-weight:800; margin:0 0 }
.col22 span{display:block;font-size: 13px; font-weight:400; line-height:160%; padding:10px 20px; min-height:100px }
.col22 em{display:block; font-size: 13px; font-weight:400; color:#d25a1e; font-style:normal;padding:10px 20px }
.col22 a{margin:0 20px 20px }





.col3{float:left}
.col3:nth-child(even){width:38%; padding-left:2%;}
.col3:nth-child(odd){width:60%;}
.col3 img{width:100%}
.col3 h3{font-size: 20px !important; color:#333; background:none; padding:0; font-weight:800; margin:0px 0 10px 0;}
.col3 span{display:block;font-weight:400; line-height:150%; margin-top: 10px;}
.col3 em{color:#d25a1e; font-style:normal; }
.col3 ul{ margin:0; padding:0; list-style:circle inside}

.col33{width:32%;float:left;}
.col33:nth-child(3n+3){margin-right:2%;}
.col33:nth-child(3n+2){margin-right:2%;}
.col33 img{width:100%}

.col33 h3{font-size: 18px !important; color:#333; background:none; padding:0; color:#000; font-weight:600; margin:10px 0 5px 0;}
.col33 span{display:block;font-size: 14px; font-weight:400; line-height:150%}
.col33 em{color:#d25a1e; font-style:normal; }
.col33 ul{ margin:0 0 30px !important; padding:0; list-style:none}
.col33 ul.roomviews{padding-bottom:20px !important;}
.col33 li{font-weight:400; line-height:140%; font-size:13px; text-align: center;color:#000 !important; }
.col33 li.mtit{color:#333 !important;font-size:16px; font-weight:800; line-height:160%; padding:5px 0;}
.col33 li.mtit a{color:#333 !important;}



/*메인*/
.m-spc-area{width:100%; background:#fff; padding:50px 0 0; margin:30px 0 50px 0;}
.m-spcwrap{width:100%; max-width:1200px; margin:0px auto; overflow:auto;}
.m-spcwrap div{ margin:30px 0; overflow:auto}
.m-spcwrap .spcimg{width:60%; float:left}
.m-spcwrap .spcimg img{width:100%}
.m-spcwrap ul{list-style:none; width:36%; float:left; padding:20px 2% 0!important; text-align:center }
.m-spcwrap li{ text-align:center}
.m-spcwrap li.spc1{ display:inline-block; color:#000; font-weight:600; border-bottom: 1px solid #888; padding:6px;}
.m-spcwrap li.spc-tits{ color:#000; font-weight:600; font-size:22px; padding:10px 0; border-bottom:1px #333 solid; 
font-family:'Open Sans', 'Nanum Gothic', sans-serif;}
.m-spcwrap li.spc2{ color:#000; font-weight:800; font-size:16px; padding:15px 0 }
.m-spcwrap li.spc3{ font-size:13px; line-height:140% }
.m-spcwrap li.spc4 a{ display:inline-block; border-radius:40px; border:1px solid #ae5711; color:#ae5711; 
font-family: 'Open Sans', sans-serif; font-size:11px; line-height:100% !important; padding:12px 8px; margin:15px 0 0 0;}
.m-spcwrap li.spc4 a:hover{ background:#ae5711; color:#fff}
.m-spcwrap .spcimg, .m-spcwrap div{ display: block}
.m-spcwrap div:nth-child(2) .spcimg{ float:right}




/*펜션소개*/
.sub-bg{width:100%;}
.sub-bg img{width:100%;}
.photo-list{margin-bottom:30px; }
.photo-list b{ display:block; font-size:16px; font-weight:700 !important; text-align:center; padding:30px 0 0}
.photo-list img{max-width:100%; display:block; margin:20px 0;}
.photo-fix{width:100%; max-width:1200px; margin:0 auto}
.photo-fix img{width:100%;}


/*객실정보*/
.r-menu{text-align:center; margin:30px 0 20px; font-size:15px;}
.r-menu a{color:#333;}
.r-menu a:hover{text-decoration:underline;}
.r-menu ul li{display:inline-block;list-style: none; padding:5px 20px; border:1px #595756 solid;  margin:5px;}
.r-menu ul li:hover{background-color:#eee;}

.positionwrap{ position:relative; max-width:1200px; clear:both; zoom:1 ; margin:0 auto 40px ; overflow: hidden}
.positionwrap a{ position:absolute; width:70px; height:95px; background:url('/bizdemo30217/img/2udesign/img/bl_off.png') no-repeat center top; text-align:center; color:#fff; padding:20px 0 0}
.positionwrap a:hover{ background:url('/bizdemo30217/img/2udesign/img/bl_on.png') no-repeat center top;}
.positionwrap img{width:100%; height:auto}

/*방정보*/
.tb1{width: 100% ;margin: 0 0 1.5em 0 ; text-align:center; font-size:13px; border-top: 1px #58595b solid; border-left: 1px solid #ddd; border-collapse:separate !important}
.tb1 th{ border-bottom: 1px solid #ddd; border-right: 1px #ddd solid; padding:5px 0; font-weight:400 ;color: #333;}
.tb1 td{ border-bottom: 1px solid #ddd; border-right: 1px #ddd solid; padding:5px 0; height:70px }



/* 회원 로그인*/
.user1{width:100%; clear:both; margin:10px 0; margin:0 auto; font-size:12px; font-family: 'Nanum Gothic', sans-serif !important;}
.user1 h5{margin:30px 0 0 5px; padding:0; font-size:16px; font-weight:600; color:#333;}
.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: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){width:80%; text-align:left; }
.user1 .member_txt{margin:0 !important; border:none !important;}
.user1 .member_txt td{border:none !important; }

.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:700; 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:30px 0; font-size:12px; }
.locationwrap h5{font-size:16px !important; color:#333; padding:10px 0 5px ; font-weight:600; border-bottom:1px #333 solid;}
.locationwrap b{ font-weight:700; color:#d25a1e;font-size:13px; display:inline-block; font-weight:400;}
.locationwrap ul{ list-style-position: inside; margin:10px !important;}
.locationwrap ul li{line-height:180%; }

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; margin:20px 0}
.table1 th{font-weight:400; border-bottom:1px solid #ddd;border-right:1px solid #ddd; color:#333;padding:5px 0; text-align:center;background-color:#eee;}
.table1 td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:5px 0; text-align:center}

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

.res-infos00{margin-bottom:30px; text-align:center; border-bottom:1px #ccc dashed; padding-bottom:20px; line-height:200%;}
.res-infos00 h2{font-size:1.5em;color:#000; font-weight:400; margin:0; padding:0 0 10px;}
.res-infos00 h4{font-weight:400;margin:0; padding:0; font-size:14px;}
.res-infos00 em{font-style:normal; color:#d25a1e;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%;}
.scalendar1{margin:20px 0; text-align:center; }
.calender_bgcolor img{ max-width:100%}
.m_car_tle{display:inline-block; padding:0 5px; color:#333 !important;font-family: 'Nanum Gothic', 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:14px !important; line-height:180%; padding-top:40px;}
.res-memo em{font-style:normal;color:#d25a1e;}
.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:600 !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:400 !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;}



/*오시는길*/
.adress{ text-align:center; background:#f1f1f1; border-bottom:1px solid #ddd; padding:10px 0}
.adress span{display:inline-block; padding:0 20px;}
.adress em{font-style:normal; color:#333 }
.adress a{ display:inline-block; padding:3px 10px; background:#ae5711; color:#fff; margin:0 5px}
.scrolloff {pointer-events: none;}


/*게시판*/

.galleryview td{border:1px #ddd solid !important;}

.board a:visited,.board a:link{ font-family: 'Nanum Gothic', sans-serif !important; }
.bbs-gs table{border:none !important;font-family: 'Nanum Gothic', sans-serif !important;}
.bbs-gs table td, .bbs-dv table td{border:none !important;font-family: 'Nanum Gothic', sans-serif !important; }

.galleryview tbody td{border-bottom:1px #ddd solid !important;}
.bbs-gs .gallery_title{font-family: 'Nanum Gothic', sans-serif !important; line-height:180%; 
font-weight:normal !important;}
.gallery_etc{display:none;}
.bbs-dv table.board{border:none !important; font-family: 'Nanum Gothic', sans-serif !important; }
.bbs-dv table.board td{font-family: 'Nanum Gothic', sans-serif !important; 
border-top:none !important; border-left:none !important; border-right:none !important;}
.qalist tbody td{border-bottom:1px #ddd solid !important; font-size: 12px;font-family: 'Nanum Gothic', sans-serif !important; }
.gallerybbs table td.bbsnewf5 img {    width: 100%;    height: auto !important;    max-width: 340px;}
.galleryview #post_area img{max-width:100% !important; height:auto !important; }
.gallery_title{padding:10px 0 !important; display:inline-block; font-size:12px !important; font-family: 'Nanum Gothic', sans-serif !important;}
#search_table{margin:0 auto; margin-top:20px;}
.qalist .att_title{font-weight:600;}
table.seLayout li{list-style:none !important;}


/*footer*/
.footer-divs{clear:both;width:100%; text-align:center; line-height:180%; font-size:12px;
background-color:#fff; padding:20px 0; margin-top:30px; }
.footer-divs .footlogo{ display:block; width:170px; margin:10px auto 20px auto}
.footer-divs em{color:#ccc; font-style:normal; display:inline; padding:0 10px;}
.footer-divs span.cp a{color:#666;}
.footer-divs span.cp{display:block; margin-top:10px; font-size:10px;}
#btntop{display:inline-block; border-radius:40px;  color:#ae5711; font-size:16px;
line-height:100% !important; padding:6px 6px; margin:10px 0 0;}
.btntop{display:inline-block; border-radius:40px; background:#e2b598; color:#fff; font-size:11px; 
line-height:100% !important; padding:9px 4px; margin:10px 0 20px}

/*모바일*/
#mobile-s{display:none; width:100%; clear:both;}
#mobile-img{display:none; width:100%; clear:both; }
#mobile-img img{width:100%;}
table.m-smn{width:100%; text-align:center; font-size:13px;border-top: 1px #ccc solid; }
table.m-smn a{color:#333; display:block; padding:10px 0; font-weight:600; }
table.m-smn img{max-width: 20px;height: auto;display: inline-block;vertical-align: middle;}
table.m-smn td{width:33.3%;border-bottom: 1px solid #ccc; border-right: 1px #ccc solid;}
table.m-smn td:last-child{border-right:none;}


/*--------------------------------------------------------*/


@media only screen and (max-width: 1199px) {
.res-mb{ overflow-x: scroll; -webkit-overflow-scrolling:touch;}
#cssmenu > ul > li > a{padding:5px 24px !important}
.logo-si{height:54px}
.logo-si,.subtop{width:auto; padding:0 3% !important}
#cssmenu ul,.boxwrap2-2, .namewrap{width:98% !important; padding:0 2% !important}

#cssmenu .open{ margin:0 !important; padding:0 !important;}
#cssmenu ul{ width: auto !important}

.colwrap {max-width:92%;}
.mcolwrap {max-width:92%;}
.scolwrap {max-width:92%;}

.mainslidewrap {display:none;}
.subtopwrap{margin-top: 0;}
#mobile-s{display:block;  margin-top:100px;}
#mobile-img{display:block; }
.colwrap{margin: 30px auto;}
.mcolwrap{margin: 30px auto;}
.scolwrap{margin: 30px auto;}
.colwrap h1{margin: 10px 0 20px;}
.scolwrap h1{margin: 10px 0 20px;}
.subtopwrap{padding:10px 0;background: #f1f1f1;    background-image: none; text-align:center;}
}


@media screen and (max-width: 1150px){
.roomwrap{max-width:94%;}
.logo-si{margin: 0 auto 15px;}

.subtop{max-width:100%; width:92%; border:none;}

}

/*모바일레이아웃적용*/
@media screen and (max-width: 770px){
.res-bt00-bg{display:none !important;}
.subtop h2, .main-tits00 h2, .m-spcwrap li.spc-tits{font-size:20px;}
.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-mb{border-bottom:2px #ddd solid;}

.qalist td:first-child{display:none;}
.qalist td:last-child{display:none;}

.res-memo{font-size:12px !important;}
.locationwrap{font-size:12px;}
.logo-si{height:34px}
.logo-si span{display:block;}
.logo-si .tlogo a{ display:block; position:absolute; z-index:9999999999; width:170px; height:34px; margin:35px 0 0 -85px; left:50%;  }

.logo-si .tres{display:none}
.logo-si .mems{ float:none}
#cssmenu #menu-button{color:#000 !important}


#mobile-s{display:block;}
.res-s-cus1 span{width:100%;}
.mainslidewrap{display:none}
.m-spc-area{padding:0; margin-bottom:0;}



.m-spcwrap .spcimg{width:96%; float:none; padding:0 2%}
.m-spcwrap .spcimg img{width:100%}
.m-spcwrap ul{list-style:none; width:90%; float:none; padding:20px 5% 0!important; text-align:center; margin-bottom:40px !important }
.m-spcwrap div:nth-child(2) .spcimg{ float:none}

.namewrap h3{font-size:20px; font-weight:700;}
.namewrap span{font-size:12px; line-height:140%; letter-spacing:-0.02em;max-width:80%; margin:0 auto 10px;    display: block;}

.col2, .col22, .col3, .col33, .col4{width:100% !important ; margin-left:0 !important; float:none !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){width:75%;}

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

.footer-divs{ line-height:120%}
.footer-divs span{ display:block; margin:5px 0;}
.footer-divs span em{ display:none}
.footer-divs br{ display:none}

.positionwrap a{ position:absolute; width:50px; height:95px; background:url('/bizdemo30217/img/2udesign/img/bl_off.png') no-repeat center top; text-align:center; color:#fff; padding:10px 0 0; background-size: 100%}
.positionwrap a:hover{ background:url('/bizdemo30217/img/2udesign/img/bl_on.png') no-repeat center top;  padding:10px 0 0; background-size: 100% }

/*실시간예약테이블수정*/
.daynone span{ font-size:0 !important}
.ye2{ display:block}

.rinfocol1 h4{font-size:14px !important;}

}

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

.main-tits00 h5{font-size:1.8em !important;    margin: 0 0 10px 0;}
.main-tits00 h6{font-size:1.35em !important;}

.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;}


.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:12px; padding:3px !important; text-align:center;}

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


.footer-divs span{display:block; margin:5px 0;}
.footer-divs br{display:none;}
.footer-divs em{display:none;}


.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); }

.sub-menu li{margin:5px 0;}
.sub-menu a{padding:0 10px;}
}