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


/*추가*/
#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; }
.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; font-weight:400; line-height:180%; }
p{font-family: 'Nanum Gothic', sans-serif !important;   line-height:180%}
h1,h2,h3,h4,h5{font-family: 'Noto Sans KR', sans-serif !important;  font-weight:400; }

img{border:none;}
table{border-collapse:collapse !important;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 !important; color:#666 !important;}
strong,b{font-weight:400 !important;}
iframe{border:0;}


/*메뉴*/
#topnavi{width:100%; }
.topnavibg{width:1200px;margin:0 auto; }
.logos{width:30%;display:inline-block; float:left; padding:15px 0;}
.logos a{display:inline-block; margin-right:20px;}
.container {width: 65%;display:inline-block; float:right; padding:23px 0; text-align:right;}
.nav > li > a{font-family: 'Noto Sans KR', sans-serif !important; font-weight:500 !important; color:#000 !important;}
.nav > li > a:hover{color:#765D5A !important;}
.mbtns{border:2px #765D5A solid; border-radius:5px;padding:5px 28px 5px 6px !important; color:#765D5A !important;
font-size:16px;font-family: 'Noto Sans KR', sans-serif !important; font-weight:400; 
background:url('mbtn.png')no-repeat 70px; }
.mbtns b{font-weight:800 !important;padding-left:2px;}
.active{background:url('mbtn-on.png')no-repeat 70px;}

#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{ color:#333 !important; text-transform: uppercase; font-size:16px;
display:inline-block; padding:5px 15px; background-color:#fff; font-weight:600;}

#post_area img{max-width:100% !important; height:auto !important; width:100% !important;}


/*상단*/
.top-mn{width:100%; border-bottom:1px #eee solid; padding:0; vertical-align:middle; line-height:160%; }
.top-mn div.bgm{width:1200px; text-align:right;height:30px; margin:0 auto;padding:5px 0;}
.top-mn div.bgm span{display:inline-block; }
.top-mn div.bgm span.telic{float:left; font-family: 'Roboto', sans-serif; 
background:url('tel.png')no-repeat 0 8px; padding-left:18px;padding-top:5px; }
.top-mn div.bgm span.telicm{float:left;display:none;}
.top-mn div.bgm span.mn-nav{float:right;     letter-spacing: -0.02em; }
.top-mn div.bgm span a{display:inline-block; margin:0 5px;    padding-top: 5px;color:#939393 !important;}
.top-mn div.bgm span 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;}

/*메인페이지*/
.gaps50{clear:both; width:100%; height:50px;}
.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:49%; display:inline-block;margin:0;} 
.m-col div ul{background-color:#fff; width:98%; margin-bottom: 20px !important;}
.m-col div ul li{list-style: none;line-height:160%; font-size:13px; text-align:center;}
.m-col div ul li.txto{padding:5px 0 0 0;}
.m-col div img{max-width:100%;}
.m-col div img:hover{opacity:.6;}
.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:#333 !important; font-size:14px;}


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

.sub-cnt h3{   font-size:2.4em;
    color: #333;
    padding-bottom: 20px; 
    background: url('bgbg2.jpg')repeat-x bottom;}
.sub-cnt h5{font-size:22px; color:#333; margin:0; padding-bottom:15px;font-weight:600 !important;}
.photo-list{margin-bottom:30px; }
.photo-list img{width:100%; display:block; margin:20px 0;}


/*객실정보*/

#submenu{clear:both;width:100%;height:auto;padding:10px 0;
background:url('submenu-bg.jpg')no-repeat left center #623b36; }

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


/*방정보*/
.tableee1{width: 100% ;margin: 0 0 1.5em 0 ;
     text-align:center; font-size:13px;
    border-top: 1px #58595b solid;
    border-left: 1px solid #ddd;}
.tableee1 th{ border-bottom: 1px solid #ddd; padding:5px 0;
    border-right: 1px #ddd solid;
    background: url('bgbg-tb.jpg') repeat;
    font-weight: normal;
    color: #333;}
.tableee1 td{padding: 0.5em 1em ;border: 1px solid #ddd ;}

/*금액표*/
.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; }

/* 회원 로그인*/
.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: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: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){text-align:left; padding-left:10px;}
.user1 table table td:nth-child(2){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: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:30px 0; font-size:12px; }
.locationwrap h5{font-size:16px !important; color:#333; padding:10px 0 5px ; font-weight:500 !important;
border-bottom:1px #333 solid;}
.locationwrap b{ font-weight:600; color:#DE355A;font-size:13px; display:inline-block; 
font-weight:400;}
.locationwrap ul{ padding-left: 10px !important; margin:10px !important;}
.locationwrap ul li{line-height:180%; letter-spacing:-0.02em;}

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: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.8em;color:#000; font-weight:600; margin:0; padding:0 0 10px; letter-spacing:-0.02em;}
.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%; letter-spacing:-0.02em;}
.scalendar1{margin:20px 0; text-align:center; }
.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: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:30px 0; border-bottom:1px #ccc dashed; }
.boxxx2 span.box-img{width:40%; display:inline-block; }
.boxxx2 span.box-img img{width:94%; height:auto;}
.boxxx2 span.box-info{width:60%; display:inline-block; font-size:12px;
vertical-align:top;letter-spacing:-0.02em;    line-height: 160%;}
.boxxx2 em{font-style:normal;color:#d8712a; display:block; margin:5px 0;  font-weight: 600;}
.boxxx2 h3{font-size:18px; color:#333; background:none; font-weight:600 !important;
letter-spacing: -0.02em; padding: 0;margin: 0 0 10px;}
.boxxx2:nth-child(7){border:none;}

/*스페셜*/
.servicediv{width:100%; margin:10px 0; padding:20px 0; border-bottom:1px #ccc dashed; }
.servicediv span.box-img{width:67%; display:inline-block; padding-right:3%}
.servicediv span.box-img img{width:100%;}
.servicediv span.box-info{width:30%; display:inline-block; font-size:12px;
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:16px; color:#333; background:none;  font-weight:500;
border-bottom:1px #333 solid; padding:5px 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%}
.gphotos table img {    width: 100% !important;
    max-width: 300px !important;    height: auto !important;}


.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; }
.bbs-dv table.board td{border-bottom:1px #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;}




/*오시는길*/
.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; font-weight:500;}
.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:20px 0 0; font-size:16px; font-weight:400; color:#333; }



/*footer*/
.footer-divs{clear:both;width:100%;line-height:180%; font-size:12px;
background-color:#eee; padding:20px 0; margin-top:50px; color:#666;}
.footer-divs a{color:#666 !important;}
.footer-divs-cn{max-width:1200px; margin:0 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;}


/*모바일*/
#mobile-s{display:none;}
#mobile-s img{width:100%;}
table.m-smn{width:100%; text-align:center; font-size:15px;    border-top: 1px #765D5A solid; font-weight:500;}
table.m-smn a{color:#333 !important;}
table.m-smn td{width:33.3%; padding:5px;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
    border-right: 1px #ddd solid;
    background: url('bgbg-tb.jpg') repeat;}


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


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

}

@media screen and (max-width: 1100px){
.res-btn-t{display:none !important;}
#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{float:none;}

.logos{padding-left:20px;}
.mbtns{margin-right:30px;}

.menu {width: 96% !important;}
.footer-divs-cn{width: 94% !important; font-size:12px;}
.m-col{max-width:100%;}
.sub-cnt{max-width:90%;}
.res-mb{ overflow-x: scroll; -webkit-overflow-scrolling:touch;}

.m-col{width:94%;}
}


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

.topnavibg{width:100%; margin:0 auto;  vertical-align: middle;height:75px;}
.container{float:right;}
.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){width:75%;}

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

}

@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;}
.res-infos00 h2{font-size:1.35em;}

.servicediv #swrapper{display:block;}

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

#swrapper{display:none;}
#mobile-s{display:block;}
.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;background: #623b36;}


}

@media screen and (max-width: 500px){
.r-menu ul li{padding: 0 10px; margin:5px 0;}
.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;}

.sub-bg{display:none;}
.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;}

.logo-si span.mems{display:block;height:30px;}
.m-col div{width:100%; margin-bottom:20px;}
.m-col div ul{width:90%; margin:0 auto !important;}
.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;}
.footer-divs{width:90%; text-align:left; padding:5%;}

.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); }
.top-mn div.bgm span.mn-nav{float:none !important;}
.top-mn div.bgm{text-align:center !important;}

}

@media screen and (max-width: 400px){
.top-mn div.bgm span a{margin:0 2px;}
.logos{width:50px !important;}
}