@charset "utf-8";

/*  #slider
----------------------------------------*/

#slider {
  background: url(/korean/room/img/bg_room_slider.jpg) no-repeat center top #ffffff;
}
#slider .inner {
  text-align: center;
  padding: 46px 0;
  color: #fff;
  font-size: 260%;
  text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;
  filter: glow(color=#000000,strength=8px);
}
#slider .inner .mini {
  color: #b9d2ff;
  font-size: 40%;
}

/*----------------------------------------
    wifi
----------------------------------------*/

#wifi dl {
  padding-bottom: 38px;
  font-size: 117%;
  line-height: 1.5em;
}
#wifi dl:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#wifi dl dt {
  float: left;
}
#wifi dl dd {
  float: right;
  padding-top: 15px;
  width: 750px;
}

/*----------------------------------------
    guest_room
----------------------------------------*/

#content .guest_room {
  background-color: #ecf5f9;
  border-top: 1px #dbdfe2 solid;
  padding-bottom: 9px;
}
#content .guest_room p {
  margin: 38px 0 34px 0;
  line-height: 1.5em;
}
#content .guest_room ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#content .guest_room ul li {
  float: left;
  width: 555px;
  margin-bottom: 30px;
  border-bottom: 1px #dddddd solid;
  background-color: #ffffff;
}

#content .guest_room ul li.left {
  margin-right: 30px;
}

#content .guest_room dl {
  padding: 33px 33px 30px 33px;
}
#content .guest_room dl dt {
  background: url(/korean/room/img/bg_title_guest.gif) no-repeat scroll left 9px;
  font-size: 142%;
  line-height: 1.3em;
  color: #021d51;
  padding-left: 25px;
}
#content .guest_room dl dt span.smoke {
  background: url(/korean/room/img/bg_smoke.gif) no-repeat scroll left 50%;
  font-size: 70%;
  padding: 3px 5px 3px 28px;
  margin-left: 10px;
}
#content .guest_room dl dt span.no_smoke {
  background: url(/korean/room/img/bg_no_smoke.gif) no-repeat scroll left 50%;
  font-size: 70%;
  padding: 3px 5px 3px 28px;
  margin-left: 20px;
}
#content .guest_room dl dd p {
  margin: 7px 0 15px;
}
#content .guest_room dl dd .form {
  width: 80%;
  margin: 20px auto 10px;
  position: relative;
  display: block;
  text-align: center;
}
#content .guest_room dl dd .plan i {
  left: 20px;
  top: 22px;
  position: absolute;
}
#content .guest_room dl dd .plan a {
  display: block;
  background: #003e70;
  padding: 14px;
  color: #ffffff;
  font-size: 117%;
  background: -moz-linear-gradient(top, #003e70 0%, #002a59 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003e70), color-stop(100%, #002a59));
  background: -webkit-linear-gradient(top, #003e70 0%, #002a59 100%);
  background: -o-linear-gradient(top, #003e70 0%, #002a59 100%);
  background: -ms-linear-gradient(top, #003e70 0%, #002a59 100%);
  background: linear-gradient(to bottom, #003e70 0%, #002a59 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#003e70', endColorstr='#002a59', GradientType=0);
  border-bottom: 3px #001732 solid;
}
#content .guest_room dl dd .plan:hover a {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha( opacity=70);
  opacity: 0.7;
}
#content .guest_room dl dd .form {
  width: 80%;
  margin: 20px auto 10px;
  position: relative;
  display: block;
  text-align: center;
}
#content .guest_room dl dd .form i {
  left: 20px;
  top: 22px;
  position: absolute;
}
#content .guest_room dl dd .form a {
  display: block;
  background: #989856;
  padding: 14px;
  color: #ffffff;
  font-size: 117%;
  background: -moz-linear-gradient(top, #989856 0%, #838340 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989856), color-stop(100%, #838340));
  background: -webkit-linear-gradient(top, #989856 0%, #838340 100%);
  background: -o-linear-gradient(top, #989856 0%, #838340 100%);
  background: -ms-linear-gradient(top, #989856 0%, #838340 100%);
  background: linear-gradient(to bottom, #989856 0%, #838340 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#989856', endColorstr='#838340', GradientType=0);
  border-bottom: 3px #4b4b23 solid;
}
#content .guest_room dl dd .form:hover a {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha( opacity=70);
  opacity: 0.7;
}
#content .guest_room dl dd .plan .fa-angle-right {
  background: #ffffff;
  padding: 1px 5px;
  color: #003164;
}
#content .guest_room dl dd .form .fa-angle-right {
  background: #ffffff;
  padding: 1px 5px;
  color: #8e8e49;
}
#content .guest_room table {
  width: 100%;
}
#content .guest_room th {
  background-color: #f7f1e0;
  padding: 9px 15px;
  border-top: 1px #d5d5d5 solid;
  border-bottom: 1px #d5d5d5 solid;
  border-right: 1px #d5d5d5 solid;
  font-weight: normal;
  text-align: left;
  vertical-align: text-top;
  width: 98px;
}
#content .guest_room td {
  padding: 8px 15px;
  border-top: 1px #d5d5d5 solid;
  border-bottom: 1px #d5d5d5 solid;
}
#content .guest_room_btn {
  text-align: center;
  margin: 11px 0 42px 0;
}

/*----------------------------------------
    room_facilities
----------------------------------------*/

#content .room_facilities {
  border-top: 1px #dbdfe2 solid;
  padding-bottom: 39px;
}
#content .room_facilities table {
  width: 100%;
}
#content .room_facilities th {
  background-color: #f7f1e0;
  padding: 9px 15px;
  border-top: 1px #d5d5d5 solid;
  border-bottom: 1px #d5d5d5 solid;
  border-right: 1px #d5d5d5 solid;
  font-weight: normal;
  text-align: left;
  vertical-align: text-top;
  width: 148px;
}
#content .room_facilities td {
  padding: 8px 15px;
  border-top: 1px #d5d5d5 solid;
  border-bottom: 1px #d5d5d5 solid;
}

/*----------------------------------------
    information
----------------------------------------*/

#content .information {
  border-top: 1px #dbdfe2 solid;
  background-color: #ecf5f9;
  padding-bottom: 40px;
}
#content .information table {
  width: 100%;
}
#content .information th {
  background-color: #f7f1e0;
  padding: 9px 15px;
  border-top: 1px #d5d5d5 solid;
  border-bottom: 1px #d5d5d5 solid;
  border-right: 1px #d5d5d5 solid;
  font-weight: normal;
  text-align: left;
  vertical-align: text-top;
  width: 148px;
}
#content .information td {
  padding: 8px 15px;
  border-top: 1px #d5d5d5 solid;
  border-bottom: 1px #d5d5d5 solid;
  background-color: #ffffff;
}