/*******************/


.wan:after{content: '\B8CC';}
.ye:after{content: '\C57D';}
.de:after{content: '\AE30';}


.htitle{clear: both; width: 100%;  margin: 0 auto;  text-transform: uppercase; color:#2a2a2a; padding:0 30px; 
position: relative; top:20px; }
.htitle h1{font-size: 3em;font-weight: 600; margin:0 auto;  }
.htitle h2{font-size: 2em;font-weight: 600; margin:0 auto;   }
.htitle h3{font-size: 1.5em;font-weight: 600;  margin:0 auto;  }
.htitle h4{font-size: 1.2em;margin:0 auto;  }
.htitle h5{font-size: 1.1em;margin:0 auto;  }
.htitle p{font-size:1.3em;}


h1, h2, h3, h4, h5, h6{line-height: 180% !important; margin:0 auto !important;}



@media (max-width: 768px){
.htitle h1{font-size: 1.8em;
position: relative; top:-25px;}

.htitle h2{font-size: 1.5em;}

.htitle p{
position: relative; top:-21px;}


}



.company_name{
color:black;
font-size:34px;
font-weight: 600;}


@media (max-width: 768px){

.company_name{
font-size:28px;
}


}

.mainbanner_content{
width:180px;
height:160px;
position: fixed;
left: -10px;
top: -10px;
display: none;



}

.content_1{
width:180px;
height:80px;
background-color: rgb(245, 140, 38)


}

.content_2{
width:180px;
height:80px;
background-color: rgb(245, 87, 38)

}

.content_text{
font-size : 36px;
position: relative;
top:30px;

}



@media (max-width: 768px){
.mainbanner_content{
display: block;}


}






.go_btn_r{    position: fixed;
    right: 0; top:115px;
    z-index: 99;


}

.go_btn_r_2{
position: fixed;
left:0; top:115px;
display: none;}



.go_btn_r a{display:block; width: 150px;  vertical-align: middle; line-height: 40px; font-weight: 600;}
.go_btn_r a:nth-child(1){background: #ff732f; color:#fff;  font-size: 14px; }
.go_btn_r a:nth-child(2){background: #f8e004; color:#482927; font-size: 14px; }
.go_btn_r a i{font-style: normal;padding:0 5px; }
.go_btn_r a img{display: inline-block; padding:0 0 0 5px;}



@media (max-width: 768px){
.go_btn_r a{width: 140px;}
.go_btn_r a i{}


.go_btn_r_2{

display: block;}

.go_btn_r_2 a i{

position: relative; left:32px;

}

.go_btn_r_2 a:nth-child(1){

background:red;

border-bottom : 1px solid black;

border-right : 1px solid black;

}







}






.mainbarea{clear:both; width:100%; padding: 80px 0; text-align: center;}
.mainbarea h2{padding:0; margin:0 auto 20px; font-size: 20px; color:#333; font-weight: 600; }
.mainbarea h5{margin:30px auto 20px; font-size: 13px; color:#000; font-weight: 400; text-transform: uppercase; padding:0 6px 6px; border-bottom:1px #333 solid; display: inline-block;}
.mainbarea img{display: block; max-width: 100%; margin:0 auto; width: 100%;}
.mainbarea p{line-height: 150% !important;}
.mainbarea a{    display: inline-block;    border-radius: 50px;
    border: 1px solid #ae5711;    color: #ae5711; text-transform: uppercase;
    font-size: 13px;    line-height: 100% !important;    padding: 12px 8px;    margin: 15px auto 0;}
.mainbarea a:hover{background:#ae5711; color:#fff}

.col-lg-pull-8 { right: 66.66666667%;}
.col-lg-4 { width: 33.33333333%;}

.col-lg-push-4 { left: 33.33333333%;}
.col-lg-8 { width:66.66666667% ;}





.ourworks{width:100%; margin:0 auto; padding: 80px 0; text-align: center;}
.ourworks p{}
.ourworks ul{width:100%; display:inline-block; margin:0 auto; padding:0 !important; text-align: center; }
.ourworks h1{font-family: 'Abril Fatface', cursive !important; color:#d0b291;}
.ourworks h2{    font-size: 1.4em;    font-weight: 600;
    text-transform: uppercase;    padding: 20px 0 10px !important;
    color: #222;    margin: 0;}
.ourworks ul li{display:inline-block; width:100%;    line-height: 160%;  font-size: 15px;}
.ourworks ul li.imgarea{overflow: hidden;}
.ourworks ul li img{display: inline-block; width: 100%; height:100%;   -webkit-transform:scale(1);
    -moz-transform:scale(1);    -ms-transform:scale(1); 
    -o-transform:scale(1);      transform:scale(1);
    -webkit-transition:.2s;    -moz-transition:.2s;
    -ms-transition:.2s;    -o-transition:.2s;    transition:.2s;}
.ourworks a:hover img{  -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);       -o-transform:scale(1.2);    transform:scale(1.2);}    
.ourworks a,.ourworks a:hover{color:#666;}


.ourworks ul li em{    display: inline-block;    cursor: pointer; font-style: normal;
   background:#fff; color:#333;     padding:0 30px; line-height: 40px;   margin-top: 20px; border:1px #999 solid;}
.ourworks a:hover em{background: #f08a5d; color: #fff; border:1px #f08a5d solid;}

@media (max-width: 768px){
.ourworks h1{line-height: 120% !important;    margin-bottom: 10px !important;}    
.ourworks .col-md-4{margin-bottom: 50px;}
.ourworks{padding:50px 0 0;}
.ourworks h2{font-size: 1.2em;}
.ourworks ul li{font-size: 14px;}

}


.information{
width: 100%;
height: 300px;
display:flex;
position:relative; top:100px;

}

.green_box_inner_information_text{

display: none;

}



.information_inner{
width:30%;
height:235px;
text-align:center;

}

.customer{

color: rgb(173, 171, 170);
font-size:14px;

}

.Service_Center{

color: rgb(41, 41, 41);
font-size:20px;
font-weight:400;
position: relative;
top:-15px;



}


.Y_information{
color: rgb(143, 172, 88);
font-weight: 600;
font-size:22px;
position:relative;
top:-25px;


}


.U_information{
color: rgb(143, 172, 88);
font-weight: 600;
font-size:22px;
position:relative;
top:-30px;

}

.green_box{

display:flex;
justify-content:center;

}


.green_box_inner{

background-color: rgb(230, 233, 222); width:70%;
height: 145px;
position:relative;
top:-32px;
display:flex;
align-items:center;
justify-content:center;}



@media (max-width: 768px){

 .information{position:relative; top:-2px;}


.green_box_inner_information_text{

display: inline-block;

position: relative; top: -140px; left: 226px;

}


}





.green_box_inner_information{

color: black;
font-weight: 300;


}

.rooms_information_image{

width:70%;
height:300px;
display:flex;
}


.room_bangalo{
 width:100%;
 height:280px;

}


.room_whangto{


 width:100%;
 height:280px;


}

.travel_information{

 width:100%;
 height:280px;


}

.box_inner_title_i{
background-color:black;
width:100%;
height:30px;
position:relative;
top:-38px;
color:white;
opacity: 0.5;
}



@media (max-width: 768px){

.information{
display: block;
height: 130px;
background-color:rgb(230, 233, 222);



}


.rooms_information_image{
display: flex;
width:100%;
height: 134px;
position: relative; top:10px;
}


.Service_Center{
font-size:16px;
}



.Y_information{

font-size:16px;
}

.U_information{

font-size:16px;
}


.green_box{

display: none;


}

.green_box_inner_information{

font-size:12px;

	
}

.information_inner{
width: 50%;
height: 130px;
background-color:white;
}



}




.outrooms_divs{width:100%; height: 780px;  padding: 80px 0;
position: relative; top:120px;}

.outrooms_divs .col-md-6 {position: relative; top:-100px;}
.outrooms_divs .romsdivs{margin-top:80px;}
.outrooms_divs .col-md-6 a{vertical-align:middle; color:#fff; padding:0 25px; display: inline-block; line-height: 40px;}
.outrooms_divs .col-md-6 a i{display: inline-block; padding-left: 5px;}
.outrooms_divs .col-md-6 img{display: inline-block; width: 100%; margin:0 auto;}

.outrooms_divs .col-md-6 h2{font-size:2em; margin:0 auto 10px !important;}
.outrooms_divs .col-md-6 p{color:#333; font-size: 16px; margin-bottom: 20px;}

.outrooms_divs hr{display: inline-block; margin:0 auto !important; height: 3px; width: 20px; }

.outrooms_divs h2.outh2{color:#000}
.outrooms_divs h2.roomh2{color:#000}
.outrooms_divs .col-md-6 a.outa{ background:#61b15a;}
.outrooms_divs .col-md-6 a.rooma{ background:#cc7351;}

.outrooms_divs .outarea{position: absolute;    width: 70%;
    background: rgba(255,255,255,.8);
    padding: 30px;    left: 15px;    top: 5%;}

.outrooms_divs .roomarea{position: absolute;    width: 70%;
    background: rgba(255,255,255,.8);
    padding: 30px;    right: 15px;    bottom: 5%;}


@media (max-width: 768px){

.outrooms_divs{padding:50px 0; position:relative; top:225px;}   
.outrooms_divs .romsdivs{margin-top:50px;} 
.outrooms_divs .col-md-6 h2{font-size: 1.5em;}
.outrooms_divs .col-md-6 p{font-size: 14px;}
.outrooms_divs .romsdivs{margin-top:12px;}



}




.mail_notice_divs{width:100%; margin:0 auto; padding: 80px 0; background:#f1f1f1; }
.mail_notice_divs .mmailform{padding:0; /*padding:30px;  background:#f1f1f1;*/}
.mail_notice_divs .mmailform textarea{background:#fff;}
.mail_notice_divs .mmailform iframe{display: block; width: 100%; max-height: 380px;}
.mail_notice_divs h2{font-size: 1.8em !important; font-weight: 600;}
.mail_notice_divs h2 a{   color: #f08a5d;text-transform: uppercase;   }
.mail_notice_divs h3{text-transform: uppercase;     font-size: 1.5em;
    display: block; font-weight: 600; }


.mctarea{background:#fff; vertical-align: middle;}
.mctarea i{display: block; font-size: 3em !important; margin-bottom: 10px;}
.mctarea a.mbtns1{    display: inline-block;    background: #f08a5d;
    color: #fff;    padding: 0 30px;    line-height: 40px;    margin-top: 20px;}
.mctarea a.mbtns1:hover{background:#222; }    

.mctarea p{margin:0 auto;}
.mmnotice{padding:60px 20px 30px; color: #333}




@media (max-width: 768px){

.mail_notice_divs{padding:50px 0;}
.mctarea{width: 94%; margin:0 auto !important;}
.mctarea i{font-size: 1.8em !important;}
.mmnotice{margin:0 auto; width: 98%; padding:30px 20px;}

}









.mbdispaly{display: none;}
.mbdispaly a{background:#f05a28; color:#fff; padding: 8px 20px; display: inline-block;border-radius: 10px; font-weight: 600; margin:10px 0; font-size:14px;}

#mainsub1{clear:both;width:100%;padding: 80px 0;  }
#mainsub1 h2{font-size:20px; text-transform: uppercase;color:#222; font-weight: 400;margin: 0 auto 15px !important;    border-bottom: 1px #999 solid;
    padding: 0 0 10px;  }
#mainsub1 h3{font-size:30px; text-transform: uppercase;color:#00a8cc; font-weight: 400; margin:0 auto 10px !important; }

#mainsub1 a.csdiv{display:inline-block; font-style: normal;color:#fff; background:#9ecb3d;  font-weight: 400; padding:8px 25px;     border: 1px #9ecb3d solid; margin-top: 5px; }
#mainsub1 a.csdiv:hover{background: #fff; color: #9ecb3d;}
#mainsub1 img:hover{opacity:0.6;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#mainsub1 .mainmap{text-align: left;}
#mainsub1 .mainmap iframe{display: inline-block; width: 100%; height: 400px;}

#mainsub1 .maincsinfo{margin-bottom: 50px;}

.gotolink a{display: inline-block; width: 20%; margin-right: 3.3%; text-align: center; color:#333; font-weight: 400; font-size: 18px;}
.gotolink img{display: block;     margin: 0 auto 20px; width:100%;}
.gotolink a:last-child{margin-right: 0;}
.gotolink a:hover{opacity: .6;}

.msi img{display: inline-block; padding-right:5px;    max-height: 20px;
    width: auto;}
.msi:hover{color:#000;background: #eee;}



.mainnotice .board_output{width:100%;}
.mainnotice .board_output a{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;  color:#666 !important; font-size: 14px !important;padding: 3px 0 !important;    display: inline-block;}
.mainnotice .board_output a:hover{color:#000 !important;}
.mainnotice .board_output table td{padding:8px 0 !important;}
.mainnotice .board_output table td:nth-child(1){display: none;}
.mainnotice .board_output table td:nth-child(3){text-align: right; color:#999;}
.mainnotice .board_output tr .board_output_1_tr{border-bottom: 1px #ddd solid;}



#mainsub2{clear:both;width:100%;padding: 80px 0; font-size: 14px;color:#222;}
#mainsub2 h2{font-size:2.5em; text-transform: uppercase;color:#222; font-weight: 600; margin:0 auto 10px !important;}


#mainsub2 a{color:#666; display: inline; background-color:red;}
.maingamp{clear:both; width: 100%; padding: 0; min-height: 360px; overflow: hidden; }
.maingamp iframe{width:100%; height:360px; border:0;display: block;}


@media (max-width: 768px){

.maingamp{
position: relative; top:265px;
height: 390px;

}
}

.pviews{overflow: hidden; }
.pviews h4 {    padding: 20px 0 20px 0 !important;  font-size: 18px; font-weight: 400; color:#222;}
.pviews:hover h4{color:#9ecb3d}
.pviewimg{position: relative; overflow: hidden;} 
.pviews img{display: inline-block; width: 100%; height: auto;} 
.pviews:hover img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
transition:transform 1s; transform:scale(1.1); }
.pviews p{padding:0 20px 20px;}
    

.advcnt{width:100%; background:url('advcnt_bg.jpg')no-repeat center center;      background-size:cover;}
.advcnt-div{width:100%;margin:0 auto; max-width:1170px; text-align:center; font-size:16px;padding:80px 0; color:#fff; }
.advcnt-div a{display:inline-block; margin:10px auto 0; color:#000; padding:10px 25px; background: #fff;}
.advcnt-div a:hover{background:#000; color:#fff; }
.advcnt-div h3{font-size: 2em; text-transform: uppercase; color:#fff;
    margin: 0 auto 20px; font-weight: 450;}


#mainsub3{clear:both;width:100%;padding: 80px 0; background: #f1f1f1;}
#mainsub3 h2{font-size:2em; text-transform: uppercase;color:#333; font-weight: 400; margin:0 auto 10px !important;}
.member_txt{border:1px #ddd solid !important;}

pre{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;  color:#666 !important; width:100%; border:0 !important;
margin:0 !important; padding:10px 20px !important; font-size:13px !important; font-weight:400; line-height:180% !important;
white-space: pre-wrap;  word-wrap: break-word;  text-align: justify; background-color:transparent !important;}


.footermap{clear: both; width: 100%;}
.footermap iframe{display: block; width: 100%; height: 400px;}









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

.mainnotice .board_output table td:nth-child(3){text-align: center;}
#mainsub1 .col-md-8{margin-bottom: 50px;} 
#mainsub1 .mainmap iframe{width: 100%;}
.mainbarea .col-md-6{margin-bottom: 50px; }    
.mainbarea .col-md-6:last-child{margin-bottom: 0;}

.col-lg-pull-8{right:0;}
.col-lg-push-4{left:0;}
}

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

.gotolink img{width: 90%;}
.mbdispaly{display: block}    

.gotolink a{width: 45%; margin-bottom: 20px;}
.gotolink a:nth-child(2){margin-right: 0;}
.mainbarea{padding:50px 0; margin:0 auto;}
#mainsub1,#mainsub2,#mainsub3{padding:50px 0; margin:0 auto;}
#mainsub1 .row,#mainsub2 .row,#mainsub3 .row, .subcontent .row{margin:0 auto;}

.mbnone{display: none}
.margin30{margin:0 auto 50px;}
#mainsub1 .mainyou iframe{width:100%; height:200px;}

.advcnt-div{width:90%; margin:0 auto; font-size: 14px;}

}




/*******************/


.board_output .gallerybbs table {width:93% !important; margin: 0 auto 10px;}
.board_output .gallerybbs table a,.gallerylist .board table td a{position: relative; overflow:hidden;}
.gallerybbs table td{padding:0 !important; text-align:center; vertical-align: top; overflow: hidden;}
.gallerybbs  table td.board_output_gallery_img img{width:100%;max-width: 340px; overflow:hidden; height: 240px;}
.gallerybbs  table td{line-height:180%;}
.gallerybbs  table td.board_output_gallery_img a:hover img{opacity:0.6;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s; 
-o-transition: all 0.3s; transition: all 0.3s; }


.gallerybbs table {width:96% !important; margin: 0 auto 10px;}
.product-gallery table img{width:100% !important; display:inline-block; padding-bottom:10px; height:auto !important;}
.product-gallery-view table img{max-width:100% !important; height:auto !important;}
.product-gallery-view table td{line-height:180%;}
.gallerylist .board table td a{overflow: hidden; } 

.gallerylist .board table td img{width:100%;max-width: 360px; overflow:hidden; height: 240px; object-fit: cover; object-position: center;}

.gallerylist table td{padding: 0 !important;}
.gallerylist .board table td img:hover{opacity:0.6;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallerylist span.gallery_title, .board_output_gallery_subject{padding:10px 0 10px;    display: inline-block;font-family:'Open Sans', 'Noto Sans KR', sans-serif !important; font-size:14px; color:#666;}
.board p{font-size:13px;}
.gallery_cont{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important; font-size:14px !important; color:#666 !important;}
.board table td img{ max-width:100%; height:auto;}
#post_area{width:100%; display: inline-block;}
#post_area p img{ max-width:100% !important;height:auto !important;}

.board_description{width:100% !important;}



@media screen and (max-width: 650px){
.gallerybbs td{display: block; width:100% !important;}
.gallerybbs table{width:100% !important;}
.gallerybbs table td.board_output_gallery_img img,
.gallerylist .board table td img{max-width: 100%; height: auto;}

.gallerybbs table {width:94% !important;}
.board_output_gallery_description{display:none;}
.gallerybbs  table td.board_output_gallery_img img{height:auto;}
}



/*******************/


#subwrap{clear:both;width:100%;}
#sub-bg{background:url('subbg.jpg')no-repeat center right;background-size: cover;  padding: 150px 0 0; }
#sub-bg h2{font-size:2.4em; text-transform: uppercase;color:#222; font-weight: 400; margin:0 auto 50px !important; width: 100%; }

ul.sub-mn{font-size:16px; font-weight: 400; }

ul.sub-mn li a{display: inline-block; padding:15px 50px; color: #fff; }
ul.sub-mn li a:hover{background:#fff;color: #333;}
ul.sub-mn li{display:inline-block;list-style: none;background: #333; margin:0 -2px !important;}

.sub-mn1 .sub-mn li:nth-child(1) a{background:#fff;color:#333;}
.sub-mn2 .sub-mn li:nth-child(2) a{background:#fff;color:#333;}
.sub-mn3 .sub-mn li:nth-child(3) a{background:#fff;color:#333;}
.sub-mn4 .sub-mn li:nth-child(4) a{background:#fff;color:#333;}
.sub-mn5 .sub-mn li:nth-child(5) a{background:#fff;color:#333;}
.sub-mn6 .sub-mn li:nth-child(6) a{background:#fff;color:#333;}
.sub-mn7 .sub-mn li:nth-child(7) a{background:#fff;color:#333;}
.sub-mn8 .sub-mn li:nth-child(8) a{background:#fff;color:#333;}


.specialslidewrap {width:100%; overflow:hidden; }
.specialslidewrap p{text-align:center;padding:10px 0 0; margin:0 auto;}
.specialslidewrap p img{width:80px; border:1px solid #ddd;}
.specialslidewrap p a{display: inline-block; margin-right:5px;}
.specialslidewrap p a:last-child{margin-right: 0;}



@media screen and (max-width: 1199px){
#sub-bg{padding:50px 0 0;}    
ul.sub-mn{font-size:14px; margin:0 0 50px !important; text-align: center;}
ul.sub-mn li{margin:4px 2px !important;}
ul.sub-mn li a{padding:8px 15px;}



}




/*******************/

hr.tits_bar{   width: 20px;    margin-left: 0px !important;
    text-align: left;    border-top: 2px solid #000 !important;}

.subcontent{padding:80px 0;}
.subcontent h2.tits{font-size:1.8em; padding:0;text-transform: uppercase;color:#000; font-weight: 600;  margin:0 auto 50px !important;}


@media screen and (max-width: 768px){
#sub-bg .row{width: 96%; margin:0 auto;}    
hr.tits_bar{display: none;}
.subcontent h2.tits{font-size: 1.5em;    color: #000;    border-bottom: 1px #999 solid;    padding-bottom: 5px;    text-align: left;}

#sub-bg h2{    font-size: 1.6em; margin: 0 auto 10px !important; }
.sub-mn a{font-size:14px; padding:8px 12px 8px 10px;}
.sub-mn {margin: 20px auto 40px;}
p.pbrnone br{display: none;}
}


/*******************/
.viewer_tle_01{display: none !important;}
#roompw{clear: both; width:100%; margin:0 auto; }
#roompw img{max-width: 100%; height: auto;}

h3.tit-stits{clear: both;    font-size: 1.3em;    display: block;
    color: #333;    font-weight:600;
     text-align: left;     padding-bottom: 15px;}

h3.tit-ntits{clear:both; font-size:2em; display: block; color:#000; font-weight: 600;margin-bottom:10px !important; text-align: center;    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;}

#roompw #preview{ width: 33% !important;
    margin: 0 !important;
    overflow: hidden;
    display: inline-block;
    float: none;}
.roomsdivslist{width:96%; margin:0 auto; margin-bottom: 30px;}
#roompw #preview img{width:100%; height:auto;border:none !important; object-fit: cover;
    object-position: center;}


#roompw #preview img:hover{opacity:0.6;-webkit-transition: all 0.3s; 
-moz-transition: all 0.3s;-ms-transition: all 0.3s; 
-o-transition: all 0.3s; transition: all 0.3s;}


#roompr{clear: both; width:100%; margin:30px auto 30px; font-size: 14px; line-height: 200%;}
#roompr table{width:100%; text-align:center !important;}
.btns_res{font-style:normal; display:inline-block; padding:8px 20px; margin:10px 0; background:#f1f1f1; color:#333; border:1px #ddd solid;     font-weight: 400 !important;}
.btns_res:hover{background: #ddd;}

.room_name{font-style:normal; display:block; color:#333;    font-size: 16px; 
    padding: 15px 0;     background: #fff; width:100%; margin-top: -5px;}

.mprice{display:none; display: font-size:12px; inline-block;margin-bottom: 30px;}

.mprice img{vertical-align: bottom;    display: inline-block;    padding-left: 5px;}

.mpri td{padding: 5px !important}
.app_table td{border:1px #ddd solid !important;}

.txt_rest{width:100%; margin:30px auto 30px;    padding: 0 5px;}

.btns-rest{width:100%; margin:50px auto; text-align: center;}
.btns-rest i{font-size: 16px;}
.btns-rest a{display: inline-block; background:#999; color:#fff; font-size:14px; font-weight: 400; padding:10px 25px; margin-right: 10px;}
.btns-rest a:hover{background: #333; color:#fff;}
.btns-rest a:last-child{margin-right: 0;}

.room_pic{clear:both; width:100%; height:auto;text-align: center;}
.room_pic .viewer_content_01{width: 100% !important; display: block;
    height: auto !important; margin:0 auto 30px !important;}
.room_pic .viewer_content_01 img{width:100%; height:auto; max-width: 100%;}

.room_pic div {width:100% !important; height:auto !important; float:none !important; margin:50px 0 !important;}

.room_pic div > div {width:100% !important; height:auto !important;}
.room_pic div a {pointer-events:none !important; cursor: default !important; display: inline-block;}
.room_pic div a img {display:block; width:100%; height:auto}
.img_scroll {display:block; width:100%; height:auto; max-width: 100%;}

.photo-txt{clear: both; width:100%; margin-bottom: 50px;}
.photo-txt p{margin:0;}
.photo-list{clear: both; width:100%;}
.photo-list img{display: block; margin-bottom: 50px;max-width: 100%; height: auto;}



.fac-cnt{clear: both; width: 100%;}
hr.hrgaps{    margin-top: 50px !important;    margin-bottom: 50px !important;
    border: 0;}
.fac-cnt h3{color:#333; font-weight: 400; font-size: 18px; border-bottom:1px #ddd solid; padding-bottom:10px !important; margin:0 auto 20px !important}
.fac-cnt img{width:100%; max-width: 100%; height: auto;}
.fac-cnt b{ color: #ec563d;    display: block;
    margin: 10px 0; }


.roomres{text-align: center; clear:both; width:100%; margin-bottom: 20px;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.m_car_tle{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.ye2 a:link{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; font-size: 12px !important}

.roomrestable{text-align: center; clear:both; width:100%; margin-bottom: 20px;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.roomrestable table{width:100%;}
.roomrestable table > table{border:1px #ddd solid !important;}

.day1, .day2, .day3, .day4, .day5{background: #fff !important;}
.day0, .m_today, .day6{border:1px #eee solid !important; font-size: 12px !important }
.m_c_title{    display: inline-block;     padding: 0 10px;}
.m_c_top{background: transparent !important;}


.m-res1{border:1px #ccc solid; font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.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;}

.ca_mini_list{clear: both; width: 100%;}

.ca_mini_list table.ca_table {width: 100%; border:1px #eee solid;}
.ca_mini_list table.ca_table td{text-align: center; padding: 5px;}
.ca_mini_list table.ca_table thead td{padding:5px 0; background: #eee;}
.ca_mini_list table.ca_table a{color:#999; }

.dmargin30{width: 100%; margin-top:30px;}
.text-leftlist div{margin:0 auto 10px !important; text-align: left !important;}
.text-leftlist table{margin-bottom: 20px;}

.cktxt{clear: both; width: 100%;}


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

.subcontent{padding-left:5px !important;padding-right:5px !important;}

#roompw #preview{margin: 0 0 30px 0 !important; width: 100% !important;float:none !important;}  
#roompr table{width:150%;}
#roompr div.mpri{  overflow-x: scroll; border:1px #ccc solid;  padding: 10px; }
.mprice{display:block;}
.photo-txt p br{display: none;}
.fac-cnt h3{margin-top:30px !important;}
.daynone{ font-size: 12px;}
.roomrestable span{padding: 2px;     line-height: 100%; display: inline-block;font-size: 12px !important;}
.roomrestable span a{display: inline-block;   line-height: 100%;}

.r_info_table tr{border-top: 1px #fff solid !important;}
.res-oodo table table td:nth-child(1) table td{display: block;    width: 100%;}
.r_info_table td {    display: block;    width: 100%;}

.res-oodo table td { width: 100%;}

}



@media screen and (max-width: 650px){
.roomsdivslist{width: 100% !important}    

}

/*******************/
.btninput2 {     cursor: pointer;    color: #fff;    background: #333;    padding: 8px 20px;   display: inline-block;    font-size: 14px;    line-height: 160%; border:0 !important;font-weight: 400;}
.btninput2:hover{background: #000; color:#fff;}    
.btninput3 { cursor: pointer;    color: #fff !important;    background: #666;    padding: 8px 10px;    display: inline-block;font-weight: 400;
    font-size: 14px;    line-height: 160%;    margin: 5px 2px;}

.user1{width:100%; clear:both; margin:10px 0; margin:0 auto; font-size:13px;}
.user1 h5{padding:0; font-size:1.5em; font-weight:600; color:#333; background:none !important;}
.user2{ margin:20px 0 !important;  background-color:#f1f1f1; padding:15px 20px; width:100%;}
.user-c span{font-size:14px;display:inline-block; padding:5px; color:#333;font-weight: 400;}
.user-c{padding:0 10px;}
.user-c span input[type="text"]{background-color:#fff !important; padding:8px !important; border:1px #ddd solid !important;}
.member_border{background-color:#fff !important; padding:8px !important; border:1px #ddd solid !important;}
 select{border:1px #ddd solid !important;}
 input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], 

.user3{padding: 15px 0;border-top: 1px #ddd solid;margin-top: 20px;}
select{padding:6px !important; border:1px #ddd solid !important; width: 100%;}

.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 #ddd solid; padding:5px 10px;}
.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%; min-height:250px; padding:5px !important; 
color:#666 !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 !important; padding:0; font-size:1.2em; font-weight:600; color:#333;}

.checkbox{display: inline-block !important; margin:5px !important;}

#app_td1{background: #666 !important; padding:5px 0; color:#fff; line-height: 180% !important;}

.m_c_td1{color:#333 !important; font-weight: 600 !important;}
.r_info_table td{padding:10px; }
.r_info_table td:nth-child(4){border-bottom: 1px #ddd solid;}
.res-oodo td{padding:5px 10px;width:25%; border:none !important;}
.m_c_td2{background:none !important;}
.r_bgcolor_color1{padding:0 !important;}
.m_c_td1{font-weight: 600 !important; color:#333 !important;}

#app_td1 td{padding:5px 0;}
#reservationSearch{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; margin:0 auto 50px !important;}
.res-infos{width:100%;}






/*******************/

.locationwrap{margin:50px 0;} 
.locationwrap h5{font-size: 18px;    color: #333;
    font-weight: 600;    padding:5px 0;    margin-bottom: 0;}
.locationwrap b{ font-weight:400 !important; color:#d8712a;display:inline-block; }
.locationwrap ul{ padding-left: 10px !important; margin:10px !important;}
.locationwrap ul li{line-height:180%; list-style-type: disc;}


.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:18px;color:#222; font-weight:400; margin:0; padding:0 0 10px;}
.res-infos00 h4{font-weight:400;margin:0; padding:0; font-size:16px; color:#222} 
.res-infos00 em{font-style:normal; color:#d8712a;font-size:14px; font-weight:400;}

.res-oodo table{width:100%;}
.r_bgcolor_color1{display:none !important;}
.res-mb span{display:none;}
.app_table td{padding:5px 0;}

.r_info_table{background:#fff !important;}
.m_c_td1{background: #f1f1f1 !important;}
.r_info_table{border:none !important;}
.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-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-infos a{margin-top:20px; display: inline-block;}
.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:14px;}
.res-s-cus1 span{width:100%; display:block; }
.res-s-cus1 span b{color:#333; font-weight:400 !important; display:inline-block; padding-right:5px;}

#order_forms{width:100%; font-size:14px; font-weight:400;margin:0 auto 50px;}
#order_forms span{display:inline-block;padding:5px 0; vertical-align:middle;}
#order_forms span input{width:auto;padding: 8px 10px;  border:1px #999 solid !important; background: #f1f1f1;}
#order_forms span.or-tit{color:#333; padding-right:5px; font-weight: 600;}
#order_forms i{display:block;}

.r_info_table{width:100%;}
.r_info_table tr{border-top:1px #ddd solid}
.res-oodo tr{border:none !important;}
.res-oodo .r_info_table{background: #f1f1f1 !important;}
.res-oodo .border{border:1px #ddd solid !important; margin:0 !important; padding: 8px 10px !important;}

.r_text_color1,.m_c_td2{font-weight:normal !important;}
.r_text_color1{font-weight: 600 !important; color:#333 !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:400px !important; height:100px !important; overflow-y:visible; border:1px #666 solid !important;}

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



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

/*******************/


.loc1{clear: both; width: 100%; margin-bottom: 50px; }
.loc1 iframe{border: 0 !important; width: 100%; height: 450px; }
.loc1 h5{font-size: 18px; text-align: center; font-weight: 400 !important; color:#333; margin-bottom: 20px !important; margin-top: 0;}

.loc2{clear: both; width: 100%; }
.loc2 h4{font-size: 16px;  font-weight: 600 !important; color:#333;margin: 20px 0 !important;}
.loc2 p{margin:10px 0;}





/*******************/
.footer-divs {  clear: both;    width: 100%;  text-align: center; border-top: 1px #ddd solid;
    padding: 30px 0;    color: #999; background:#fff ;     font-size: 13px;  }

.footer-divs div{width:100%; max-width: 1140px; padding:10px 15px; margin:0 auto;}
.footer-divs a{display: inline-block;}
.footer-divs-cn li{display:block;padding:5px 0 0;}
.footer-divs em{display: inline-block; width: 10px;}
li.footer-mn{margin-bottom:20px;}
li.footer-mn a{color: #666; display: inline-block; padding:0 5px; font-size:13px;}
li.footer-mn a:first-child{padding-left: 0}
li.footer-mn a:last-child{border-right: 0}
.footersns{display: inline-block; margin:20px auto 20px;}
.footersns a{display: inline-block; margin-right: 5px;}
.footersns a:last-child{margin-right: 0;}
.footer-b{color:#f08a5d; font-size: 14px; font-weight: 500;}
.footer-b span{display: inline-block; margin-right: 20px;}

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

.footer-divs{
position:relative; top:100px;

}
.footer-divs div.footer-divs-cn span{display: block; font-size:12px;}
.footer-divs div.footer-divs-cn{position:relative; top:-30px;}
.loc1 h5{font-size: 14px;}
}