/*!
 * MWB-GB_template.css (http://moowabo.com)
 * Copyright MOOWABO - GOOBEEGOOBEE 
 */

/* 사용방법에 따라 잠시 죽여둠
#GBheaderbg100  { position:relative; width:970px; height:200px; margin:0; padding:0; }
#GBlogo { position:absolute; width:300px; height:200px; top:0; left:335px; }

#GBbg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; }
#GBbg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }
#GBpage-wrap { position: relative; z-index: 2; width: 1000px; margin: 0px auto; padding: 0px; background: white; }
*/

#container_title {
  display: none !important;
  margin-bottom:20px;
  font-size:1.2em;
  font-weight:bold;
}
#GBheaderbg { position:relative; width:1000px; height:200px; margin:0; padding:0; }
#GBlogo { position:absolute; width:241px; height:117px; top:50px; left:379px;}
/*다국어페이지 관련*/
#GBlang {position: absolute; width: 280px; height: 20px; top: 0; right: 0; text-align: right; margin-right: 20px; margin-top: 20px; }

#GBft_out {position:relative; /*background: #3c3c3c;*/}
#GBft {position:relative;width: 1000px; margin: 0 auto; padding:0 0 30px 0; height: auto;min-height:50px;background: #375383; }
#GBft .visit {
  width: 750px;
  float: left; 
}
#GBft .copyright {
  width: 720px;
    margin: 0; 
    float: left; 
  padding: 10px 0 10px 30px; 
  font-size: 12px; 
  color: #eee; 
  line-height: 20px; 
}
#GBft .ftlogo {
    width: 210px; 
    float: right; 
    margin:0 20px; 
}
#GBft .ftlogo img {
    width:210px;
    height:auto; 
  }
#GBft .ftlogin {
    width: 720px; 
    height: 38px; 
    float: left; 
    padding-top: 5px; 
    border-top:1px dotted #8d8d8d;
    margin: 0 0 0 30px; 
    color: #eee; 
}
#GBft .ftlogin a {
    color: #eee; 
    text-decoration: none; 
}
#GBft .ftlogin .mobilejump {
    width: 110px; 
    height: 28px; 
    float: right; 
    line-height: 2.4em; 
}
/*배경바탕 고정*/
#GBbg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
#GBbg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
#hd_wrapper .admin {width: 980px; margin: 0; padding: 0 10px; font-size: 12px; line-height: 35px; background: #333; color: #eee; }
#hd_wrapper .admin a {color: #eee; padding: 0 10px; text-decoration: none; }

/*오른쪽 스크롤 fixed 메뉴*/
.GBsidemenu {
  display: none;
  position: fixed;
  top: 200px;
  left: 50%;
  margin-left: 500px; 
  width: 50px;
  height: auto;
/*  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  background: #eee;*/
  z-index: 10000;
}
.GBsidemenu ul {position: relative;  margin: 0; padding: 0;  }
.GBsidemenu ul {list-style: none; }
.GBsidemenu ul li img {width: 40px; height: 40px; margin: 5px; }

/* 텍스트 크기 조절 */
#text_size {position: absolute; margin: 0; top: 0; right: 0; letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/*스크롤탑 관련*/
/*.btn {
  background: #4caf50;
  text-align: center;
  vertical-align: middle;
  border: none;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: .05em;
  color: #fff;
  text-transform: uppercase;
  height: 54px;
  line-height: 54px;
  padding: 0 26px;
  border-radius: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: .2s ease-out;
}
.btn:hover {
  box-shadow: 0 4px 7px 0 rgba(0,0,0,.3),0 2px 3px 0 rgba(0,0,0,.1);
}*/

.GBimg100 {width: 100%; height: auto; }

#reservation {width:100%; height:auto; }
#reservation .left {width:400px; float:left; height:auto; line-height:14px; font-size:14px; }
#reservation .right {width:500px; float:right; height:auto; line-height:14px; font-size:14px; }
#reservation .subfolder {position: relative; float: left; display: inline; margin: 0 18px 20px 17px; padding-bottom: 0px; width: 884px; height: auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#reservation .subfolder ul {list-style:none; margin:0; padding:0; }
#reservation .subfolder li {padding: 0; float: left; margin: 0; width: 220px; height: 30px; display: inline-block; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; line-height: 30px; font-size: 14px; text-align:center; }
#reservation .subfolder li a {text-decoration: none; width: 100%; display: block; }
#reservation .sub {}
#reservation .half {width:50%; float:left; }
#reservation .sub .subject {font-size:22px; font-weight:bold; color:#777; height:30px; line-height:30px; border-bottom:1px #c7c7c7 dashed; margin:40px 0 20px 0; padding:10px 20px; }
#reservation .sub .content {padding:10px 30px; line-height:1.5em; }
#reservation .sub .content .sub {font-size:13px; font-weight:bold; padding-bottom:5px; }
#reservation .sub .content .con {font-size:12px; padding-left:5px; padding-bottom:10px; line-height:16px; }
#reservation .sub .roomdetail1 {width: 400px; margin-left:30px;  padding:10px 0 10px 0; border: 1px solid #c7c7c7; }
#reservation .sub .roomdetail1 .subject {padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; }
#reservation .sub .roomdetail1 .content {padding: 5px 0 5px 15px; font-size: 12px; }
#reservation .sub .content .box {width:9%; border-top:1px #c7c7c7 solid; display:inline-block; margin:0; float:left; }
#reservation .sub .content .box .day {padding:10px 5px 10px 5px; text-align:center; border-right:1px #c7c7c7 solid; border-bottom:1px #c7c7c7 solid; font-weight:bold; }
#reservation .sub .content .box .per {padding:10px 5px 10px 5px; text-align:center; border-right:1px #c7c7c7 solid; border-bottom:1px #c7c7c7 solid; }

#m_reservation {width:100%; height:auto; }
#m_reservation .left {width:400px; float:left; height:auto; line-height:14px; font-size:14px; }
#m_reservation .right {width:500px; float:right; height:auto; line-height:14px; font-size:14px; }
#m_reservation .subfolder {position: relative; float: left; display: inline; margin: 0 18px 20px 17px; padding-bottom: 0px; width: 884px; height: auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#m_reservation .subfolder ul {list-style:none; margin:0; padding:0; }
#m_reservation .subfolder li {padding: 0; float: left; margin: 0; width: 220px; height: 30px; display: inline-block; border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; line-height: 30px; font-size: 14px; text-align:center; }
#m_reservation .subfolder li a {text-decoration: none; width: 100%; display: block; }
#m_reservation .sub {}
#m_reservation .half {width:50%; float:left; }
#m_reservation .sub .subject {font-size:16px; font-weight:bold; color:#777; height:30px; line-height:30px; border-bottom:1px #c7c7c7 dashed; margin:40px 0 20px 0; padding:10px 20px; }
#m_reservation .sub .content {padding:10px 5%; }
#m_reservation .sub .content .sub {font-size:13px; font-weight:bold; padding-bottom:5px; }
#m_reservation .sub .content .con {font-size:12px; padding-left:5px; padding-bottom:10px; line-height:16px; }
#m_reservation .sub .roomdetail1 {width:90%; margin:0 5% 0 5%; padding:10px 0 10px 0; border: 1px solid #c7c7c7; }
#m_reservation .sub .roomdetail1 .subject {padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; }
#m_reservation .sub .roomdetail1 .content {padding: 5px 0 5px 10px; font-size: 12px; }
#m_reservation .sub .content .box {width:31%; border:1px #c7c7c7 solid; display:inline-block; margin:0; float:left; margin-bottom:5px; margin-right:1%; }
#m_reservation .sub .content .box .day {padding:10px; text-align:center;}
#m_reservation .sub .content .box .per {padding:10px; text-align:center; border-top:1px #c7c7c7 solid; }
#m_reservation .sub .reserve-box {width:60%; height:40px; margin:0 auto; text-align:center; font-size:14px; line-height:40px; background:#eee;  border:2px solid #c7c7c7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#m_reservation .sub .reserve-box a {display:block; text-decoration:none; width:100%;}


/* MOOWABO-GB 반응형에 맞춰 css 바뀌거나 추가한 모든 내용을 아래에서 기재합니다 
 * 글자크기 조절, 테두리, 마진값, 패딩값, 플로팅, 배경값 등
 * 필요한 내용을 여기에 추가하거나 뺄 수 있습니다.
*/

.mwb-ff-ng {font-family:'Nanum Gothic','돋움','Dotum' !important; }
.mwb-ff-nt {font-family:'Noto Sans KR','돋움','Dotum' !important; }
.mwb-ff-np {font-family:'Nanum Pen Script','명조' !important; }

.mwb-fz-1   {font-size:1em; }
.mwb-fz-125 {font-size:1.25em; }
.mwb-fz-15  {font-size:1.5em; }
.mwb-fz-175 {font-size:1.75em; }
.mwb-fz-2   {font-size:2em; }
.mwb-fz-225 {font-size:2.25em; }
.mwb-fz-25  {font-size:2.5em; }
.mwb-fz-275 {font-size:2.75em; }
.mwb-fz-3   {font-size:3em; }
.mwb-fz-325 {font-size:3.25em; }
.mwb-fz-35  {font-size:3.5em; }
.mwb-fz-375 {font-size:3.75em; }
.mwb-fz-4   {font-size:4em; }
.mwb-fz-425 {font-size:4.25em; }
.mwb-fz-45  {font-size:4.5em; }
.mwb-fz-475 {font-size:4.75em; }

.mwb-bd-1 {border:1px solid #c7c7c7;}
.mwb-bdt-1 {border-top:1px solid #c7c7c7;}
.mwb-bdr-1 {border-right:1px solid #c7c7c7;}
.mwb-bdb-1 {border-bottom:1px solid #c7c7c7;}
.mwb-bdl-1 {border-left:1px solid #c7c7c7;}

.mwb-bd-dashed-1 {border:1px dashed #c7c7c7;}
.mwb-bdt-dashed-1 {border-top:1px dashed #c7c7c7;}
.mwb-bdr-dashed-1 {border-right:1px dashed #c7c7c7;}
.mwb-bdb-dashed-1 {border-bottom:1px dashed #c7c7c7;}
.mwb-bdl-dashed-1 {border-left:1px dashed #c7c7c7;}

.mwb-all-p-5  { padding:5px; }
.mwb-all-p-10 { padding:10px; }
.mwb-all-p-15 { padding:15px; }
.mwb-all-p-20 { padding:20px; }
.mwb-all-p-30 { padding:30px; }
.mwb-all-p-40 { padding:40px; }
.mwb-all-p-50 { padding:50px; }
.mwb-all-p-60 { padding:60px; }
.mwb-all-p-70 { padding:70px; }
.mwb-all-p-80 { padding:80px; }
.mwb-all-p-90 { padding:90px; }
.mwb-all-p-100 {padding:100px; }

.mwb-all-m-5  { margin:5px; }
.mwb-all-m-10 { margin:10px; }
.mwb-all-m-15 { margin:15px; }
.mwb-all-m-20 { margin:20px; }
.mwb-all-m-30 { margin:30px; }
.mwb-all-m-40 { margin:40px; }
.mwb-all-m-50 { margin:50px; }
.mwb-all-m-60 { margin:60px; }
.mwb-all-m-70 { margin:70px; }
.mwb-all-m-80 { margin:80px; }
.mwb-all-m-90 { margin:90px; }
.mwb-all-m-100 {margin:100px; }

.mwb-both-p-5  { padding:0 5px; }
.mwb-both-p-10 { padding:0 10px; }
.mwb-both-p-15 { padding:0 15px; }
.mwb-both-p-20 { padding:0 20px; }
.mwb-both-p-30 { padding:0 30px; }
.mwb-both-p-40 { padding:0 40px; }
.mwb-both-p-50 { padding:0 50px; }
.mwb-both-p-60 { padding:0 60px; }
.mwb-both-p-70 { padding:0 70px; }
.mwb-both-p-80 { padding:0 80px; }
.mwb-both-p-90 { padding:0 90px; }
.mwb-both-p-100 {padding:0 100px; }

.mwb-both-m-5  { margin:0 5px; }
.mwb-both-m-10 { margin:0 10px; }
.mwb-both-m-15 { margin:0 15px; }
.mwb-both-m-20 { margin:0 20px; }
.mwb-both-m-30 { margin:0 30px; }
.mwb-both-m-40 { margin:0 40px; }
.mwb-both-m-50 { margin:0 50px; }
.mwb-both-m-60 { margin:0 60px; }
.mwb-both-m-70 { margin:0 70px; }
.mwb-both-m-80 { margin:0 80px; }
.mwb-both-m-90 { margin:0 90px; }
.mwb-both-m-100 {margin:0 100px; }

.mwb-pt-5  { padding-top:5px; }
.mwb-pt-10 { padding-top:10px; }
.mwb-pt-15 { padding-top:15px; }
.mwb-pt-20 { padding-top:20px; }
.mwb-pt-30 { padding-top:30px; }
.mwb-pt-40 { padding-top:40px; }
.mwb-pt-50 { padding-top:50px; }
.mwb-pt-60 { padding-top:60px; }
.mwb-pt-70 { padding-top:70px; }
.mwb-pt-80 { padding-top:80px; }
.mwb-pt-90 { padding-top:90px; }
.mwb-pt-100 {padding-top:100px; }

.mwb-pr-5  { padding-right:5px; }
.mwb-pr-10 { padding-right:10px; }
.mwb-pr-15 { padding-right:15px; }
.mwb-pr-20 { padding-right:20px; }
.mwb-pr-30 { padding-right:30px; }
.mwb-pr-40 { padding-right:40px; }
.mwb-pr-50 { padding-right:50px; }
.mwb-pr-60 { padding-right:60px; }
.mwb-pr-70 { padding-right:70px; }
.mwb-pr-80 { padding-right:80px; }
.mwb-pr-90 { padding-right:90px; }
.mwb-pr-100 {padding-right:100px; }

.mwb-pb-5  { padding-bottom:5px; }
.mwb-pb-10 { padding-bottom:10px; }
.mwb-pb-15 { padding-bottom:15px; }
.mwb-pb-20 { padding-bottom:20px; }
.mwb-pb-30 { padding-bottom:30px; }
.mwb-pb-40 { padding-bottom:40px; }
.mwb-pb-50 { padding-bottom:50px; }
.mwb-pb-60 { padding-bottom:60px; }
.mwb-pb-70 { padding-bottom:70px; }
.mwb-pb-80 { padding-bottom:80px; }
.mwb-pb-90 { padding-bottom:90px; }
.mwb-pb-100 {padding-bottom:100px; }

.mwb-pl-5  { padding-left:5px; }
.mwb-pl-10 { padding-left:10px; }
.mwb-pl-15 { padding-left:15px; }
.mwb-pl-20 { padding-left:20px; }
.mwb-pl-30 { padding-left:30px; }
.mwb-pl-40 { padding-left:40px; }
.mwb-pl-50 { padding-left:50px; }
.mwb-pl-60 { padding-left:60px; }
.mwb-pl-70 { padding-left:70px; }
.mwb-pl-80 { padding-left:80px; }
.mwb-pl-90 { padding-left:90px; }
.mwb-pl-100 {padding-left:100px; }

.mwb-pr-back { padding-right:-15px !important; }
.mwb-pl-back {padding-left:-15px !important; }

.mwb-mt-5  { margin-top:5px; }
.mwb-mt-10 { margin-top:10px; }
.mwb-mt-15 { margin-top:15px; }
.mwb-mt-20 { margin-top:20px; }
.mwb-mt-30 { margin-top:30px; }
.mwb-mt-40 { margin-top:40px; }
.mwb-mt-50 { margin-top:50px; }
.mwb-mt-60 { margin-top:60px; }
.mwb-mt-70 { margin-top:70px; }
.mwb-mt-80 { margin-top:80px; }
.mwb-mt-90 { margin-top:90px; }
.mwb-mt-100 {margin-top:100px; }

.mwb-mr-5  { margin-right:5px; }
.mwb-mr-10 { margin-right:10px; }
.mwb-mr-15 { margin-right:15px; }
.mwb-mr-20 { margin-right:20px; }
.mwb-mr-30 { margin-right:30px; }
.mwb-mr-40 { margin-right:40px; }
.mwb-mr-50 { margin-right:50px; }
.mwb-mr-60 { margin-right:60px; }
.mwb-mr-70 { margin-right:70px; }
.mwb-mr-80 { margin-right:80px; }
.mwb-mr-90 { margin-right:90px; }
.mwb-mr-100 {margin-right:100px; }

.mwb-mb-5  { margin-bottom:5px; }
.mwb-mb-10 { margin-bottom:10px; }
.mwb-mb-15 { margin-bottom:15px; }
.mwb-mb-20 { margin-bottom:20px; }
.mwb-mb-30 { margin-bottom:30px; }
.mwb-mb-40 { margin-bottom:40px; }
.mwb-mb-50 { margin-bottom:50px; }
.mwb-mb-60 { margin-bottom:60px; }
.mwb-mb-70 { margin-bottom:70px; }
.mwb-mb-80 { margin-bottom:80px; }
.mwb-mb-90 { margin-bottom:90px; }
.mwb-mb-100 {margin-bottom:100px; }

.mwb-ml-5  { margin-left:5px; }
.mwb-ml-10 { margin-left:10px; }
.mwb-ml-15 { margin-left:15px; }
.mwb-ml-20 { margin-left:20px; }
.mwb-ml-30 { margin-left:30px; }
.mwb-ml-40 { margin-left:40px; }
.mwb-ml-50 { margin-left:50px; }
.mwb-ml-60 { margin-left:60px; }
.mwb-ml-70 { margin-left:70px; }
.mwb-ml-80 { margin-left:80px; }
.mwb-ml-90 { margin-left:90px; }
.mwb-ml-100 {margin-left:100px; }

.mwb-mr-back { margin-right:-15px !important; }
.mwb-ml-back {margin-left:-15px !important; }

.mwb-float-right {float:right !important; }
.mwb-float-left {float:left !important; }
.mwb-bg-white {background-color:#ffffff; }
.mwb-bg-transparent {background-color: transparent;}
.mwb-bg-primary {background-color: #375383; }
.mwb-bg-dark {background-color:#414141; color:#fff; }
.mwb-minheight-150 {min-height:150px; }
.mwb-minheight-210 {min-height:210px; }
.mwb-minheight-380 {min-height:380px; }

/*이미지 파일*/
.img100 {width:100%; } /*이미지 파일 넓이 100% 가변으로 바꾸기*/
.img-auto {margin-left:auto; margin-right:auto; } /*너비 정해진 이미지 파일 가운데 정렬 */

/*스크롤시 상단 고정 메뉴*/
.goToTop { position:fixed; top:0; height:auto; z-index:1; width:100%; }

/*풀스크린 백그라운드*/
#MWB-bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; z-index:-1; }
#MWB-bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; z-index:0; }

/*최상단 어드민 메뉴*/
.mwb-admin a {color:#fff; text-decoration:none; padding:10px; }
.mwb-admin a:hover {background:#448ccb; }
.mwb-navbar {border:none; background:none; } /*bootstrap 너비 100% 색상 변경 위해 배경값 없앰*/
.mwb-navbar-m-ul { background:#375383; } /*모바일 메뉴바 색상*/
.mwb-navbar-ul { background:#375383; } /*메뉴바 색상*/
/*.mwb-inline-block {display:inline-block; }
.mwb-inline-block a {display:inline-block !important; padding:5px !important; }
.mwb-social-button {float:right; }
.mwb-social-button li {float:left; padding:5px 0 0 10px; }*/

/*전화,주소,계좌,사업자 정보 관련*/
.info-white label {color:#fff; display:block; opacity:0.5; }
.info-white strong {color:#fff; display:block; font-size:1.1em; line-height:1.6em; }
.info-white strong a {color:#fff; text-decoration:none; }

.info-black label {color:#000; display:block; opacity:0.5; }
.info-black strong {color:#000; display:block; font-size:1.1em; line-height:1.6em; }
.info-black strong a {color:#000; text-decoration:none; }
.info-black address {padding-top:20px; }

.info-black-small label {color:#000; display:block; opacity:0.5; padding-top:10px; }
.info-black-small strong {color:#000; display:block; font-size:1em; line-height:1.6em; font-weight:normal; }
.info-black-small strong a {color:#000; text-decoration:none; }
.info-black-small address {padding-top:20px; }

/*최하단 카피라이트*/
#tnb {list-style:none; padding:0; margin:0; }
#tnb li {float:left; line-height:1.8em; }
#tnb li:first-child {padding-left:10px; }
#tnb li a {color:#fff; text-decoration:none; padding:0 10px; }
#tnb li.GBadmin {background-color: #e8180c; color: #fff; margin-left: 10px; }
#tnb li.GBGB:hover {background-color: #448ccb; color: #448ccb;}

/* 예약 버튼 관련 */
.reserve-box {width:60%; height:40px; margin:0 auto; text-align:center; font-size:14px; line-height:40px; background:#eee;  border:2px solid #c7c7c7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.mwb-btn-reserve { height:50px; display:block;text-decoration:none;font-size:1.5em; text-align:center; line-height:50px; margin:0 auto; color:#eee; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.mwb-btn-reserve a {color:#eee; width:100%; height:100%; padding:10px; background-color:#448ccb; }
.mwb-btn-reserve a:hover {text-decoration: none; background:#375383;}

/*기간설정 테이블 관련*/
.roomdetail1 {width: 100%; float: left; margin-bottom: 30px; padding: 10px 0; border: 2px solid #c7c7c7; }
.roomdetail1 .subject {padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; }
.roomdetail1 .content {padding: 0 0 5px 15px; font-size: 12px; }

/*환불테이블 관련*/
#mwb-refund {margin:0; padding:0; border:2px #c7c7c7 solid; font-size:12px; text-align:center; }
#mwb-refund ul,li {list-style:none; margin:0; padding:0; }
#mwb-refund li {border-bottom:1px #c7c7c7 solid; }
#mwb-refund li:first-child {font-weight:bold; }
#mwb-refund li:last-child {border-bottom:0; }
#mwb-refund li {padding-bottom:5px; }
#mwb-refund .string {padding:5px; }
#mwb-refund .string li:first-child {width:30%; border:none; padding-top:0px !important; }
#mwb-refund .string li {display:inline-block; width:30%; border-left:1px #c7c7c7 solid; border-bottom:none; padding-bottom:0px !important; }

#faq_con h3 p {margin:0 !important; }

/*떠나요 api css 수정*/
#total_daily_price2 {max-width:1000px; margin-right:auto; margin-left:auto; }
#price {max-width:1000px; margin-right:auto; margin-left:auto; }
#season {margin-right:auto; margin-left:auto; }
.season {width:100% !important; max-width:350px !important; margin-right:auto; margin-left:auto; }
#hotel_price_panalty {margin-right:auto; margin-left:auto; }
.priceTable th { border: 1px solid #d2d2d2; padding: 7px 0; text-align:center; }
.priceTable th.ad { background: #f8f1e9; width: 9%; text-align:center; }
.cancelfee caption {padding:0 !important; }

/*기본 bootstrap 속성 변경값 */
.navbar {margin-bottom:0; }
.navbar-default .navbar-nav > li > a {color: #fff !important; } /*메뉴바 색상*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333 !important; background-color: #6F9CEA; font-weight:bold; } /*메뉴바 색상*/
.navbar-default .navbar-nav .impact-reservation {background-color:#a94442;}
.navbar-default .navbar-nav .impact-reservation:hover {background-color:#0abe16; color:#0abe16; } /*메뉴-실시간예약 색상*/
a:hover {text-decoration:none !important; }

/* 네이버 에약 버튼 */
.mwb-call, .mwb-naver-reserve, .mwb-naver-reserve-sm {display:inline-block; float:left; padding-bottom:10px; padding-top:10px; padding-left:5px;}
.mwb-naver-reserve-sm img {vertical-align:middle; }

/* board MWB-list 관련*/
.mwb-list-rightfield {position:absolute; bottom:50px; right:0; }

/*팝업창 관련*/
#hd_pop {top:300px; }
#hd_pop img {width:100% !important; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (min-width:440px) { 
  .smfixed {position:absolute; top:5px; right:10px; }
  #hotel_price_panalty {width:314px; margin-right:auto; margin-left:auto; }
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) { 
  .smfixed {position:absolute; top:5px; right:10px; }
  .mwb-call {display:none; }
  .mwb-naver-reserve {display:none; }
  .navbar-nav {float: left; margin: 0; width: 100%; }
  /*팝업창 관련*/
  #hd_pop {position:absolute; width:25%; min-width:400px; max-width:450px; height:auto; margin-left:25%; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

}

@media (max-width:439px) { 
  .col-xxs-offset-3 {margin-left:25%; }
  .col-xxs-6 {width:50%; }
  #total_daily_price2 {margin-left:-15px !important; margin-right:-15px !important; } /*떠나요 api css 수정*/
  .mwb-xs-wide {padding-left:0px !important; padding-right:0px !important; } /*xs 사이즈에서 좌우 마진 늘림*/
  .rsv_cal_t p {font-size:0.8em !important; letter-spacing:-1px; }
  .mwb-list-img {padding-right:0 !important; padding-left:0 !important; }
  /*팝업창 관련*/
  #hd_pop {position:absolute; width:94%; height:auto; margin-left:3%; }
  .mwb-list-rightfield {position:relative; top:0; }
  .logo-r {width:100%; }
}
@media (max-width:767px) {
  .mwb-naver-reserve-sm {display:none; }
}
@media (min-width:440px) and (max-width:767px) {
  .mwb-subject {padding-bottom:10px !important; }
  .mwb-xs-nopadding {padding-right:0 !important; padding-left:0 !important; }
  .mwb-list-rightfield {position:relative; top:0; }
  /*팝업창 관련*/
  #hd_pop {position:absolute; width:66.66666667%; min-width:400px; max-width:450px; height:auto; margin-left:5%; }
}

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

}

@media (min-width:992px) and (max-width:1199px) {

}

@media (min-width:1200px) {

}