@import url(../../../../../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; }
.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:40px auto;height:1px; background:#ccc; border:0  }

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



/*슬라이드*/
.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:#ae5711 !important}
.mainslidewrap { max-width:1920px; margin:0 auto}
.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 { width:100%; background:url('../../../../bizdemo30217/img/2udesign/img/subtopbg.png') repeat-y center #555; 
overflow:hidden; color:#fff; padding:5px 0;}
.subtopwrap a{color:#fff}
.subtop{ width:100%; max-width:1200px; margin:0 auto;}
.subtop h2{ float:left; display:inline-block; font-size:36px; font-weight:200; letter-spacing:-.1em; line-height:none !important; margin:10px 0 4px; padding:0}
.subtop em{ font-style:normal; font-size:11px; letter-spacing:normal; display:inline-block; margin:0px 0 0 20px}

.sub-menu{float:right; margin:12px 0 0 0;}
.sub-menu ul{margin:0; padding:0; display:inline}
.sub-menu li{ display:inline-block; border-left:1px solid rgba(255,255,255,.3)}
.sub-menu li:first-child{ border-left:1px solid rgba(255,255,255,.7)}
.sub-menu li:last-child{ border-right:1px solid rgba(255,255,255,.7)}
.sub-menu a{padding:2px 8px; line-height:100%}

.namewrap{ width:100%; max-width:1200px; margin:30px auto 10px; text-align:center; }
.namewrap h3{ font-size:36px; font-weight:700; color:#000; letter-spacing:-2px; line-height:140%; margin:0; padding:0}
.namewrap span{ font-size:14px; font-weight:300; color:#888}



.colwrap{max-width:1200px; clear:both; zoom:1 ; margin:0 auto; overflow: hidden}
.colwrap h1{font-size: 28px; color:#000; text-align:center; margin:40px 0 20px; padding:20px 0; border-bottom:1px solid #ccc;}
.colwrap h2{font-size: 18px; color:#000; text-align:center; margin:40px 0 20px}
.colwrap .st1{font-size:28px; color:#000; border-bottom:1px solid #ccc; text-align:center; margin:40px 0 0 ; padding:20px 0 10px; background:url('../../../../bizdemo30217/img/2udesign/img/bl_01.png') no-repeat center top }

.col1{width:100%; float:none;  margin:0 0 40px}
.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:#DE355A; font-weight:500; }
.col1 em{ display:block; text-align:center; font-style:normal; 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: 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:#DE355A; font-style:normal; }
.col2 b{color:#DE355A; 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: 22px !important; color:#333; background:none; padding:10px 20px 0; color:#000; font-weight:500; margin:0 0 }
.col22 span{display:block;font-size: 13px; font-weight:400; line-height:150%; padding:10px 20px; min-height:200px }
.col22 em{display:block; font-size: 13px; font-weight:400; color:#DE355A; font-style:normal;padding:10px 20px }
.col22 a{margin:0 20px 20px }

.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:#DE355A; 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 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: 14px; font-weight:400; line-height:150%}
.col33 em{color:#DE355A; font-style:normal; }
.col33 ul{ margin:0 0 30px !important; padding:0; list-style:none}
.col33 li{font-weight:300; line-height:140%; font-size:13px; text-align: center}
.col33 a{color:#ae5711;font-size:16px; font-weight:500; line-height:160%}
.col33 a:hover{text-decoration:underline}


/*메인*/
.m-spcwrap{width:100%; max-width:1200px; margin:30px auto; overflow:auto}
.m-spcwrap div{ margin:10px 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:700; border-bottom: 1px solid #888; padding:6px;}
.m-spcwrap li.spc2{ color:#000;  font-size:24px; padding:14px 0 }
.m-spcwrap li.spc3{ color:#888; font-weight:300; font-size:13px; line-height:150% }
.m-spcwrap li.spc4 a{ display:inline-block; border-radius:40px; border:1px solid #ae5711; color:#ae5711; 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 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}
.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: '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;}
.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){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:#DE355A;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:#DE355A;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: '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:#DE355A;}
.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;}

/*여행지*/


/*스페셜*/


/*오시는길*/
.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:#ae5711; color:#fff; margin:0 1px}
.scrolloff {pointer-events: none;}


/*게시판*/


.board a:visited,.board a:link{ font-family: 'Noto Sans KR', sans-serif !important; }
.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 table.board{border:none !important; font-family: 'Noto Sans KR', sans-serif !important; }
table.qalist td{border-bottom:1px #ddd solid !important;}
.bbs-dv table.board td{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;}

.board_bgcolor, .board_desc{border-bottom:1px #ddd solid !important;}
.gallerybbs table img {width: 100%; height: auto; max-width: 300px;} 
#post_area img{max-width:100% !important; height:auto !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:0 auto 20px auto}
.footer-divs em{color:#ccc; font-style:normal; display:inline; padding:0 10px;}
.footer-divs span.cp{display:block; margin-top:10px; font-size:10px;}
.footer-divs span.cp a{color:#666;}
#btntop{display:inline-block; border-radius:40px; border:1px solid #ae5711; color:#ae5711; font-size:14px; line-height:100% !important; padding:6px 6px; margin:10px 0 20px}
.btntop{display:inline-block; border-radius:40px; background:#ae5711; color:#fff; font-size:9px; line-height:100% !important; padding:7px 3px; margin:10px 0 20px}

/*모바일*/
#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:5px 0}
table.m-smn td{width:33.3%;border-bottom: 1px solid #ddd; border-right: 1px #ddd solid;}



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


@media screen and (max-width: 1200px){
.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 1% !important}
#cssmenu ul,.boxwrap2-2, .namewrap{width:98% !important; padding:0 1% !important}

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

.colwrap {max-width:96%; padding:0 2%}
}



/*모바일레이아웃적용*/
@media screen and (max-width: 768px){

.res-memo{font-size:12px !important;}
.locationwrap{font-size:12px;}
.logo-si{height:34px; text-align:right !important}
.logo-si span{display:block;}
.logo-si .tlogo a{ display:block; position:absolute; z-index:9999999999; width:170px; height:34px; top:20px; left:10px;  }

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


#mobile-s{display:block; margin:0 0 0}
.res-s-cus1 span{width:100%;}
.mainslidewrap{display:none}
.subtopwrap{padding:10px 0}
.subtop h2, .sub-menu{ float:none; margin:0 auto}


.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:24px}
.namewrap span{font-size:12px; line-height:130%}

.col2, .col22, .col3, .col33, .col4{width:100% !important ; margin-left:0 !important; float:none !important }


#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){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 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}

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

}

@media screen and (max-width: 700px){
.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;}
}

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




.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%;}
.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: 380px){
.col2 span br{display:none;}
}