@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);/*100,300,400,500,700,900*/

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

body{font-family: 'Noto Sans KR', sans-serif !important;  color:#666 !important; 
margin:0 !important; padding:0 !important; font-size:13px; 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: 'Noto Sans KR', sans-serif !important; }
ul{margin:0 !important; padding:0 !important;}
a{text-decoration:none;}
strong,b{font-weight:400 !important;}
iframe{border:0;}
hr{width:100%; margin:20px auto;height:1px; background:#ccc; border:0  }
section{box-sizing:border-box; display: block;}
ul, h1, h2, h3, h4, h5, h6, address, p {margin: 0; padding: 0; font-weight: normal;}
li { list-style-type: none;}


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

/*추가*/
#order_forms span input{margin-bottom:3px !important;}
#order_forms span{width:100% !important; padding:0 !important;}


/*상단*/
.topwrap{width:100%; overflow:auto; height:80px}
.tlogo{width:170px; margin:10px 0 0 1%; float:left}
.tres{ position:absolute; right:0; top:0; z-index:999}
.mems{ position:absolute; right:140px; margin:10px 0 0; display:block;  vertical-align:middle; font-size:11px; line-height:11px; color:#ddd; font-weight:400; padding:0 5px }
.mems a{color:#666; display:inline-block; margin:0 5px;}

/*슬라이드*/
.lightSlider li img{width:100% !important}
.lSSlideOuter .lSPager.lSpg{margin:-30px 0 0 !important; padding:10px 0 !important}
.lSSlideOuter .lSPager.lSpg > li.active a{ background:#2791ff !important}
.mainslidewrap { max-width:1920px; margin:0 auto}
.roomslidewrap { max-width:1500px; margin:0 auto; padding-top:220px;}
.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}
.lSSlideOuter .lSPager.lSGallery{ margin-top:5px !important}

/*서브공통*/
.subtopwrap { width:100%; overflow:hidden; color:#000; border-top:1px solid #ccc}
.subtopwrap a{color:#fff}
.subtop{margin:0 auto; text-align:center; display:table; padding:0 20px}
.subtop h2{ font-size:48px; text-align:center; font-weight:200; letter-spacing:0em; line-height:100% !important; margin:10px 0 0; padding:0 0px; display:inline-block;}
.subtop em{ font-style:normal; text-align:center; font-size:11px; letter-spacing:normal; display:table; margin:0 auto; color:#555; line-height:120% !important; padding:0 0; width:100%}

.sub-menu{margin:0 auto;}
.sub-menu ul{margin:0 0 0 0 !important; padding:0; display:inline-block; text-align: center;}
.sub-menu li{ display:inline-block; background:url('http://ycari123.cafe24.com/default/img/2udesign/img/bl_02.gif') no-repeat 0 center; padding:0 0 0 12px }
.sub-menu li:first-child{ background:none; padding:0 0 0 0}
.sub-menu a{display:block; padding:10px 14px; line-height:100%; color:#2791ff;}

.namewrap{ width:100%;margin:20px auto 0; text-align:center; }
.namewrap h3{ font-size:30px; font-weight:400; color:#353535; letter-spacing:-2px; line-height:100% !important; margin:20px auto 0; padding:5px 10px; display: table; background:rgba(234,234,234,0.5);}
.namewrap span{ font-size:14px; font-weight:300; color:#333; display:inline-block;background:rgba(255,255,255,.4); padding:0 10px}

.colwrap{width:80%; clear:both; zoom:1 ; margin:0 auto; overflow: hidden; position:relative}
.colwrap h1{font-size: 28px; color:#000; text-align:center; margin:20px 0 20px; padding:20px 0; border:1px solid #ccc;}
.colwrap h2{font-size: 18px; color:#000; text-align:center; margin:20px 0 20px}
.colwrap .st1{font-size:28px; color:#000;text-align:center; margin:20px auto 0 ; padding:20px 0 10px; background:url('http://ycari123.cafe24.com/default/img/2udesign/img/bl_03.png') top center no-repeat rgba(255,255,255,.8); width:200px;  }

.colwrap2{width:100%; clear:both; zoom:1 ; margin:0 auto; overflow: hidden; position:relative}
.colwrap2 h1{font-size: 28px; color:#000; text-align:center; margin:20px 0 20px; padding:20px 0; border:1px solid #ccc;}
.colwrap2 h2{font-size: 18px; color:#000; text-align:center; margin:20px 0 20px}
.colwrap2 .st1{font-size:28px; color:#000;text-align:center; margin:20px auto 0 ; padding:20px 0 10px; background:url('http://ycari123.cafe24.com/default/img/2udesign/img/bl_03.png') top center no-repeat rgba(255,255,255,.8); width:200px;  }

#adminwrap{width:100%; max-width:1200px; }

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

.col11{width:100%; float:none;  margin:0 0 40px; text-align:center}
.col11 h3{font-size: 18px !important; color:#333; background:none; display:inline-block; padding:0; color:#000; font-weight:700; margin:10px 0 10px 0; padding:0 0 4px; border-bottom:1px solid rgba(0,0,0,.5)}
.col11 b{ display:block; text-align:center; font-size: 14px; color:#333; font-weight:700; background:none; padding:0; margin:10px 0 10px 0; color:#000; }
.col11 strong{ display:block; text-align:center; font-size: 16px; color:#333; background:none; padding:0; margin:2px 0 2px 0; color:#F06; font-weight:500; }
.col11 em{ display:block; text-align:center; font-style:normal; font-size: 13px; font-weight:700; color:#F06; background:none; padding:0; margin:10px 0 10px 0;  font-weight:300; }
.col11:nth-child(odd){ position:absolute; width:50%; left:50%; margin:0 0 0 -25%; padding:20px 0 0 0; top:70px; background:rgba(255,255,255,.8); line-height:130% }

.col2{width:46%; float:left; margin:0 2% 20px; min-height:250px}
.col2:nth-child(odd){margin-right:;}
.col2 img{width:100%}
.col2 h3{font-size: 18px !important; color:#333; background:none; padding:0; color:#000; font-weight:500; margin:10px 0 10px 0;}
.col2 h4{ font-size:15px; font-weight:500; color:#333; border-bottom:1px solid #ccc; padding:2px 0; margin:20px 0 2px; display:inline-block}
.col2 span{display:block;font-size: 13px; font-weight:400; line-height:150%}
.col2 em{color:#F06; font-style:normal; }
.col2 b{color:#F06; font-weight:700}
.col2 ul{ margin:0; padding:0; list-style:circle outside}
.col2 li{font-size:13px; font-weight:300; margin-left:18px}

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

.col25{width:20%;float:left; margin-top:20px}
.col25:nth-child(3n+3){margin-left:2.5%; margin-right:2.5%}
.col25:nth-child(3n+2){margin-left:2.5%;}
.col25:nth-child(3n+1){margin-left:2.5%;}
.col25 img{width:100%}
.col25 img:hover{opacity:.6}
.col25 h3{font-size: 18px !important; text-align:center; color:#333; background:none; padding:0; color:#000; font-weight:500; margin:10px 0 5px 0;}
.col25 b{ font-weight:bold;}
.col25 span{display:block;font-size: 13px; font-weight:400; line-height:150%; margin:0; padding:0; height:260px; overflow:auto}
.col25 em{color:#F06; font-style:normal; }
.col25 ul{ margin:0 0 30px !important; padding:0; list-style:none}
.col25 li{font-weight:300; line-height:120%; font-size:12px; text-align: center}
.col25 a{color:#2791ff;font-size:16px; font-weight:500; line-height:160%}
.col25 a:hover{text-decoration:underline}

.col3{float:left}
.col3:nth-child(even){width:66%; margin-right:4%;}
.col3:nth-child(odd){width:30%;}
.col3 img{width:100%}
.col3 h3{font-size: 18px !important; color:#333; background:none; padding:0; color:#000; font-weight:500; margin:10px 0 5px 0;}
.col3 span{display:block;font-size: 14px; font-weight:400; line-height:150%}
.col3 em{color:#F06; font-style:normal; }
.col3 ul{ margin:0; padding:0; list-style:circle inside}

.col33{width:30%;float:left; margin-top:20px}
.col33:nth-child(3n+3){margin-left:2.5%; margin-right:2.5%}
.col33:nth-child(3n+2){margin-left:2.5%;}
.col33:nth-child(3n+1){margin-left:2.5%;}
.col33 img{width:100%}
.col33 img:hover{opacity:.6}
.col33 h3{font-size: 18px !important; color:#333; background:none; padding:0; color:#000; font-weight:500; margin:10px 0 5px 0;}
.col33 span{display:block;font-size: 13px; font-weight:400; line-height:150%; margin:0; padding:0; height:260px; overflow:auto}
.col33 em{color:#F06; font-style:normal; }
.col33 ul{ margin:0 0 30px !important; padding:0; list-style:none}
.col33 li{font-weight:300; line-height:120%; font-size:12px; text-align: center}
.col33 a{color:#2791ff;font-size:16px; font-weight:500; line-height:160%}
.col33 a:hover{text-decoration:underline}

.col4{width:23.5%;float:left; margin-right:2%;  }
.col4 h4{ margin:20% 0 0 0; text-align:center }
.col4 h4 img{ max-width:200px; max-height:200px}
.col4:nth-child(4n+4){margin-right:0;}
.col4 img{width:100%}
.col4 img:hover{opacity:.7}
.col4 h3{font-size: 18px !important; color:#333; background:none; padding:0; color:#000; font-weight:500; margin:10px 0 5px 0;}
.col4 span{display:block;font-size: 14px; font-weight:400; line-height:150%}
.col4 em{color:#F06; font-style:normal; }
.col4 ul{ margin:0 0 0px!important; padding:0 0 20px !important; list-style:none; background:#f7f7f7}
.col4 li{font-weight:300; line-height:120%; font-size:12px; text-align: center}
.col4 a{color:#2791ff ;font-size:16px; font-weight:500; line-height:160%}
.col4 a:hover{text-decoration:underline}


/*메인*/
.m-spcwrap{width:100%;  margin:30px auto; overflow:auto}
.m-spcwrap div{ margin:10px 0; position:relative; overflow:hidden}
.m-spcwrap ul{ position:absolute; z-index:888; top:0; list-style:none; max-width:400px; padding:0px 200px 20px 20px !important; text-align:center; background:url('http://ycari123.cafe24.com/default/img/2udesign/img/spcwrap.gif') no-repeat; background-position:right top }
.m-spcwrap div:nth-child(2) ul{ right:0; background-position:left top; padding:0px 20px 20px 200px !important}
.m-spcwrap li{ text-align:center}
.m-spcwrap li.spc1{ display:inline-block; color:#000; font-weight:700; border-bottom: 1px solid #888; padding:6px;}
.m-spcwrap li.spc2{ color:#000; font-weight:300; font-size:24px; padding:14px 0 }
.m-spcwrap li.spc3{ color:#888; font-weight:300; font-size:12px; line-height:120% }
.m-spcwrap li.spc4{ display:inline-block; border:1px solid #2791ff; color:#2791ff; font-size:11px; line-height:100% !important; padding:4px 18px; margin:15px 0 0 0}
.m-spcwrap li.spc4 a{color:#2791ff !important; }

.emblemwrap{ position:absolute; left:50%; margin-left:-266px; margin-top:14%; z-index:999;}


/*펜션소개*/
.sub-bg{width:100%;}
.sub-bg img{width:100%;}
.sub-bg ul{margin:0; padding:0}
.sub-bg li{width:49%; display:inline-block}
.photo-list{margin-bottom:30px; }
.photo-list img{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}
.m_positionwrap{display:none}
.positionwrap a{ position:absolute; width:70px; height:95px; background:url('http://ycari123.cafe24.com/default/img/2udesign/img/bl_off.png') no-repeat center top; text-align:center; color:#fff; padding:20px 0 0}
.positionwrap a:hover{ background:url('http://ycari123.cafe24.com/default/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: 'Noto Sans KR', sans-serif !important;}
.user1 h5{margin:40px 0 0; padding:0; font-size:1.5em; font-weight:700; 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;}
.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){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:500; border-bottom:1px #333 solid;}
.locationwrap b{ font-weight:700; color:#F06;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:#F06;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%; max-width:1200px; margin:0 auto}
.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: 'Noto Sans KR', 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:#F06;}
.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:500 !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;}

/* travel */


/*스페셜*/


/*오시는길*/
.adress{ text-align:center; background:#eee; border-bottom:1px solid #ccc; padding:4px 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:#2791ff; color:#fff; margin:0 1px}
.scrolloff {pointer-events: none;}


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

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




/*footer*/
.footer-divs{clear:both;width:98%;line-height:160%; font-size:12px; background-color:#fff; padding:20px 1%; margin-top:30px; border-top:1px solid #ccc}
.footer-divs div:nth-child(1){ float:left; margin:0 30px 0 0}
.footer-divs div:nth-child(2){ float:left;}
.footer-divs div:nth-child(3){ float:right}

.footer-divs em{color:#ccc; font-style:normal; display:inline; padding:0 10px;}
.footer-divs span.cp{display:block; font-size:10px;}

#btntop{display:inline-block; border-radius:40px; border:1px solid #2791ff; color:#2791ff; font-size:14px; line-height:100% !important; padding:6px 6px; margin:10px 0 20px}
.btntop{display:inline-block; border-radius:40px; background:#2791ff; color:#fff !important; font-size:9px !important; line-height:100% !important; padding:7px 3px; margin:10px 0 20px; font-weight:300 !important}



/*모바일*/
#mobile-s{display:none;}
#mobile-s img{width:100%;}
table.m-smn{width:100%; text-align:center; font-size:14px; border-top:1px solid #888; border-collapse:separate}
table.m-smn a{color:#333; display:block; padding:2px 0}
table.m-smn td{width:33.3%;border-bottom: 1px solid #ddd; border-right: 1px #ddd solid;}



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


@media screen and (max-width: 1200px){
#cssmenu,.mems{right:0 !important}
.res-mb{ overflow-x: scroll; -webkit-overflow-scrolling:touch;}
#cssmenu > ul > li > a{padding:5px 10px !important}
.logo-si{height:54px}
.logo-si,.subtop{width:auto; padding:0 1% !important}
#cssmenu ul{width:600px !important}
#cssmenu .open{ margin:0 !important; padding:0 !important;}
#cssmenu ul{ width: auto !important}
.tres{top:60px}
#cssmenu li:hover > ul {right:0 !important;}
.boxwrap2-2, .namewrap{width:98% !important; padding:0 1% !important}

.colwrap {max-width:96% !important; padding:0 2% !important}/
.colwrap2 {max-width:96% !important; padding:0 2% !important}/

}



/*모바일레이아웃적용*/
@media screen and (max-width: 768px){
.roomslidewrap { max-width:1500px; margin:0 auto; padding:0;}
.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;}


.bbs-dv table.board tbody tr:nth-child(1){display:none;}
.bbsno,.bbsetc_dateof_write,.att_title{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:99999; width:170px; height:34px; margin:30px 0 0 -85px; left:50%;  }
.tlogo{margin:20px 0 0 1%}
.tlogo img{width:90%}
.tres{display:none}
.mems{ float:none; right:0}
#cssmenu { margin:20px 0 0 0 !important; width:200px !important; top:0 !important; z-index:99999}
#cssmenu #menu-button{color:#000 !important; text-align:right !important; padding:16px 50px 0 0 !important}

#cssmenu > ul > li{ display:inline-block !important}
#cssmenu ul ul{ border:none !important}
#cssmenu ul ul li a{ background:#333 !important}

#mobile-s{display:block;}
.res-s-cus1 span{width:100%;}
.mainslidewrap{display:none}
.subtopwrap{padding:0 0}
.subtop h2{ font-size:24px}

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

.subtopwrap{ position:relative !important}
.namewrap { position:relative !important; margin-top:0 !important}
.namewrap h3{font-size:24px; margin:0  auto 10px !important}
.namewrap span{font-size:12px; line-height:130%}

.col2, .col22, .col3, .col33, .col4{width:100% !important ; margin-left:0 !important; float:none !important; min-height:inherit !important }
.col11{margin:0 0 0 0}
.col11:nth-child(odd){ position:inherit; width:inherit; left:inherit; margin:0 0 0 0; padding:0 0 0 0; top:inherit}
.specialslidewrap img{width:100%;}
.specialslidewrap p{margin:0 0 0 0}
.col33 span{ height:inherit}
.map iframe{height:300px}
#cssmenu ul {background:#000;}
#cssmenu > ul > li > a {padding: 10px 20px !important; color:#fff !important; font-weight:700}

.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}
.footer-divs br{ display:none}

.positionwrap{display:none}
.m_positionwrap{ display:block; position:relative; width:100%; clear:both; zoom:1; margin:0 auto 10px ; overflow: hidden}
.m_positionwrap a{ position:absolute; width:50px; height:51px; background:url('http://ycari123.cafe24.com/default/img/2udesign/img/bl_off_up.png') no-repeat center top; text-align:center; color:#fff; padding:10px 0 0; background-size: 100%}
.m_positionwrap a:hover{ background:url('http://ycari123.cafe24.com/default/img/2udesign/img/bl_on_up.png') no-repeat center top;  padding:10px 0 0; background-size: 100% }
.m_positionwrap img{width:100%; height:auto}

.ye2, .wan2{display:block; height:auto;}

}

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

.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:11px !important; 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%;}
}