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


.htitle{clear: both; width: 100%;  margin: 0 auto 50px;   text-transform: uppercase; color:#2a2a2a; padding:0 30px;  }
.htitle h1{font-size: 2.5em;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{margin:10px auto 0; font-size: 1em;}

h1, h2, h3, h4, h5, h6{line-height: 180% !important; margin:0 auto !important;}
.pbrnone b{color:#000;}


.goto_btns{    position: fixed;    right: 0; top:70px;    z-index: 99;}

.goto_btns a{display:block; width: 32px;}
.goto_btns a img{display: inline-block;}
.goto_btns a:hover{opacity: .8;}


@media (max-width: 768px){

.goto_btns {top:146px;}        
.htitle h1{font-size: 1.8em;}
.htitle h2{font-size: 1.5em;}


}





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

.ourworks .col-md-6{margin-bottom: 50px;}
.ourworks h2{    font-size: 1.5em;    font-weight: 600;
    text-transform: uppercase;    padding: 0 0 10px !important;
    color: #222;    margin: 0 auto !important;}
.ourworks p{font-size:15px !important; color:#333;}
.peninfo{position: relative; overflow: hidden; height: 320px;}
.peninfo img{width: 100%; height: 100%; object-fit: cover;}
.peninfos{position: absolute; right:0; top:0;  text-align: left; background:rgba(255,255,255,.8); height: 220px;     padding: 30px;width: 280px;}

.peninfos a{display: inline-block; border:1px #666 solid; color:#666; padding:0 20px; line-height: 30px; margin:0 auto; font-size: 13px; }
.peninfos a:hover{background: #666; color:#fff;}

.peninfosl{left:0 !important; right: auto !important;}




@media (max-width: 768px){
.ourworks{padding:50px 0 0;}    

.peninfos{ padding: 20px;    width: 220px; height: 180px; }
.peninfos p br{display: none;}
.peninfo{height: 260px;}
.ourworks h2{font-size:1.2em;}
.ourworks p{font-size: 13px !important;}
}




.mail_notice_divs{width:100%; margin:0 auto; padding: 50px 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;}
.maingamp{clear:both; width: 100%; padding: 0; min-height: 360px; overflow: hidden;}
.maingamp iframe{width:100%; height:360px; border:0;display: block;}

.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){

.subcontent{padding:50px 5px !important;}

.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:#333132;  padding: 0;  }
#sub-bg span.h2tit{display:inline-block; font-size:1.5em; text-transform: uppercase;color:rgba(255,255,255,.5); font-weight: 400;  line-height: 48px !important; padding:0 20px 0 0; width: 30%;}


ul.sub-mn{font-size:15px; font-weight: 400; text-align: right; display: inline-block; width: 70%;}

ul.sub-mn li a{display: inline-block; padding:0 30px; color: #fff; line-height: 48px;}
ul.sub-mn li a:hover{background:#fff;color: #333;}
ul.sub-mn li{display:inline-block;list-style: none; 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:20px 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 span.h2tit{    padding: 30px 0 20px !important;    width: 100%;    text-align: center; line-height: 30px !important; }    
ul.sub-mn{font-size:14px; text-align: center; width: 96%; margin:0 auto 30px!important;}
ul.sub-mn li a{    padding: 8px 15px;    line-height: 160%;    border: 1px rgba(255,255,255,.5) solid;} 
ul.sub-mn li{margin:4px 2px !important;}

}




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

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

.subcontent{padding:80px 0;}
.subcontent h2.tits{font-size:1.8em; padding:0;text-transform: uppercase;color:#333132; 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{text-align: center;     font-size: 1.6em;}

#sub-bg h2{    font-size: 1.6em; text-align: center; }
.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.5em;    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:#eb596e; color:#fff; font-size:16px; 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){
#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: 0 5px;     line-height: 100%; display: inline-block;font-size: 12px !important;}
.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;  font-weight: 600 !important; color:#333; margin-bottom: 10px !important; margin-top: 0;}

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





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

.footer-divs div{width:100%; max-width: 1140px; 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: 15px; font-weight: 500;}
.footer-b span{display: inline-block; margin-right: 20px;}

@media screen and (max-width: 768px){
.footer-divs div.footer-divs-cn span{display: block;}
.loc1 h5{font-size: 14px;}
}



