@charset "utf-8";

html[lang="ko"] .upper {
  text-transform: uppercase;
} /* 일부 대문자 처리시 class 추가 */

/* 입력폼 리스트 */
.intList > li .tit {
  display: inline-block;
  position: relative;
}
.intList > li .tit label {
  display: inline-block;
  font-family: gothamM, notokrM;
  font-size: 14px;
  line-height: 1;
  color: #333;
  text-transform: uppercase;
}
.intList > li .essential {
  display: inline-block;
  width: 6px;
  height: 6px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  padding-right: 4px;
  vertical-align: 2px;
}
.intList > li .essential:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 6px;
  background: url(../../../images/ko/pc/common/ico_essential.png) no-repeat 0 0;
}
.intList > li .intWrap + .intInner {
  margin-top: 3px;
}
.intList > li .intInner {
  display: inline-block;
  position: relative;
}
.intList > li .intInner > span {
  position: relative;
  display: inline-block;
}
.intList > li .intInner .alertMessage {
  display: none;
  position: absolute;
  top: -32px;
  left: 0;
  width: 600px;
  background: #fff;
  color: #b01414;
  font: 500 14px/32px notokrR;
  margin: 0;
}
.intList > li.error .errorFocus input,
.intList > li.error .errorFocus .ui-selectmenu-button {
  border-bottom: 1px solid #b01414 !important;
}
.intList > li.error label {
  color: #b01414;
}
.intList > li.error .essential:after {
  background-position: -6px 0;
}
.intList > li .duobuleInp span + span,
.intList > li .duobuleSelect div + div {
  margin-left: 14px;
}
.intList > li .phoneInp .selectWrap {
  margin-right: 20px;
  vertical-align: middle;
}
.intList > li .phoneInp .dash {
  position: relative;
  display: inline-block;
  width: 49px;
}
.intList > li .phoneInp .dash:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 13px;
  height: 1px;
  margin-left: -7px;
  background: #000;
}
.intList > li .emailInp .dash {
  display: inline-block;
  padding: 0 13px;
}
.intList > li .emailInp .selectWrap {
  display: inline-block;
  margin-left: 18px;
  vertical-align: middle;
}
.intList > li .intArea + button {
  margin-left: 20px;
}
.intList > li + li {
  margin-top: 30px;
}
.intList > li .txtGuide {
  margin-top: 14px;
}

/* 예약 */
.promCode {
  position: relative;
  text-align: right;
  margin: -40px 0 20px;
  padding-right: 20px;
}
.promCode .selectWrap .ui-selectmenu-button span {
  vertical-align: top;
  text-transform: uppercase;
}
.promCode .btnPromo {
  height: 50px;
  line-height: 50px;
  font-family: notokrL;
  min-width: 162px;
}
.promCode .promInt {
  display: none;
  position: absolute;
  right: 20px;
  top: 0;
  border: 1px solid #000;
  width: 445px;
  height: 52px;
  background: #fff;
  z-index: 2;
}
.promCode .promInt > * {
  vertical-align: middle;
}
.promCode .promInt .selectWrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 180px !important;
}
.promCode .promInt .selectWrap .ui-selectmenu-button {
  font-size: 16px;
  border-bottom: 0;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
}
.promCode .promInt .selectWrap .ui-selectmenu-button:after {
  right: 30px;
}
.promCode .promInt .selectWrap:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background: #ccc;
}
.promCode .promInt .selectWrap .ui-selectmenu-menu {
  border-top: 1px solid #000;
  left: -1px !important;
}
.promCode .promInt input {
  position: absolute;
  left: 190px;
  top: 0;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-bottom: 0;
}
.promCode .promInt .btnLine {
  position: absolute;
  left: 400px;
  top: 15px;
}

.rsvList > li {
  padding: 21px 20px 22px;
  border-top: 1px solid #ccc;
}
.rsvList > li .listTit {
  font: 400 22px gothamB, notokrL;
}
.rsvList > li .intValue {
  position: absolute;
  right: 76px;
  top: 19px;
  font-size: 22px;
  font-family: gothamL, notokrL;
  letter-spacing: -0.04em;
} /* 호텔명/날짜/인원 */
.rsvList > li .intValue strong {
  letter-spacing: initial;
}
.rsvList > li .intValue em {
  display: inline-block;
  margin-right: 3px;
  font: 500 26px/1.8 playfair;
  font-feature-settings: "lnum", "pnum";
  letter-spacing: 0.075em;
}
.rsvList > li .intValue span:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1px;
  height: 22px;
  background: #ccc;
  margin: 0 13px 0 15px;
}
.rsvList > li .intValue.pay {
  font: 26px playfair;
  font-feature-settings: "lnum", "pnum";
  letter-spacing: 0.075em;
} /* 우측(금액) */
.rsvList > li .intValue.pay .unit {
  display: inline-block;
  margin-left: 6px;
  font: 16px gothamL, notokrL;
  letter-spacing: initial;
  font-style: normal;
  vertical-align: 2px;
}
.rsvList > li .opValue {
  margin-left: 24px;
  font: 22px/1 gothamL, notokrL;
  letter-spacing: -0.01em;
} /* 상세(인원) */
.rsvList > li .commlist dd > .vBar {
  margin-left: 15px;
}
/* 240802 수정 */
.rsvList > li .hotelSel .frmList {
  font-size: 0;
}
.rsvList > li .hotelSel .frmList > li {
  width: 33%;
}
.rsvList > li .hotelSel .frmList .frmRadio label {
  /*width:265px;max-width:265px*/
  width: 100%;
  max-width: 100%;
}

.rsvList > li .hotelSel .frmList.threeColumns li {
  width: 447px;
}
.rsvList > li .hotelSel .frmList.threeColumns .frmRadio label {
  width: 447px;
  max-width: none;
}
.rsvList > li .hotelSel .txtGuide {
  text-align: right;
  margin-top: 15px;
}
.rsvList > li .hotelSel .txtGuide:before {
  position: inherit;
  margin-right: 5px;
  top: 1px;
}
.rsvList > li:last-child {
  border-bottom: 1px solid #ccc;
}
.rsvList > li:last-child.toggleOn {
  border-bottom: 0;
}
.rsvList > li.toggleOn {
  border-top: 1px solid #000;
}
.rsvList > li .btnToggle {
  position: absolute;
  right: 18px;
  top: 24px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
}
.rsvList > li .btnToggle:before {
  content: "";
  display: block;
  width: 28px;
  height: 15px;
  padding: 6px 0 7px;
  background: url(../../../images/ko/pc/common/ico_toggle.png) no-repeat 0 5px;
}
.rsvList > li.toggleOn .btnToggle:before {
  background-position: -28px 5px;
}
.rsvList > li:last-child .toggleInner {
  padding-bottom: 0;
}
.rsvList .roomTit {
  font-family: gothamB;
  font-size: 22px;
}

.selResult {
  background: #f9f9f9;
  margin-bottom: 100px;
}
.selResult .inner {
  padding: 42px 0;
}
.selResult .infoArea {
  position: relative;
}
.selResult .infoArea:after {
  content: "";
  display: block;
  clear: both;
}
.selResult .infoArea dl {
  float: left;
}
.selResult .infoArea dl dt {
  font-family: gothamM, notokrM;
  font-size: 14px;
  padding-bottom: 5px;
}
.selResult .infoArea dl dd {
  font-size: 20px;
  font-family: gothamL, notokrL;
}
.selResult .infoArea dl.dlType01 {
  padding-right: 110px;
}
.selResult .infoArea dl.dlType02 {
  padding-right: 110px;
}
.selResult .infoArea dl.dlType02 dt {
  padding-bottom: 2px;
}
.selResult .infoArea dl.dlType02 dd span:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  width: 1px;
  height: 18px;
  background: #ccc;
  margin: 0 15px;
}
.selResult .infoArea dl.dlType03 {
  text-align: center;
  padding-right: 70px;
}
.selResult .infoArea dl.dlType03:last-child {
  padding-right: 0;
}
.selResult .btnSC {
  position: absolute;
  right: 0;
  top: 50px;
}
.selResult .icoArr.btnM::after {
  right: 20px;
  width: 7px;
  height: 13px;
  background: url(../../../images/ko/pc/common/ico_arr_7x13.png) no-repeat 0 0;
}

.joinBanner {
  padding: 30px 0 0;
  font-weight: 600;
}
.joinBanner .btnLine {
  margin-left: 20px;
}
/* 2100511 추가 */
.joinBanner .bannerTit {
  min-width: 230px;
  margin-right: 50px;
  display: inline-block;
  background-color: #b6a29a;
  text-align: center;
  color: #fff;
  font-size: 17px;
}
/* // 2100511 */
.roomContainer .roomList > li {
  border-bottom: 1px solid #ccc;
  padding: 71px 0;
}
.roomContainer .roomList > li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.roomContainer .roomList > li .toggleCont .toggleInner {
  padding: 0;
}
.roomContainer .roomList > li .titDep3 {
  font-size: 22px;
  font-family: playfair;
  font-weight: 500;
  margin-bottom: 24px;
}
.roomContainer .roomList > li .roomDetail-reference {
  width: 100%;
  margin-bottom: 24px;
  text-align: right;
}
.roomContainer .roomList > li .roomDetail-reference .badge-info {
  margin-right: 6px;
}
.roomContainer .roomIntro {
  position: relative;
  padding-left: 585px;
  min-height: 352px;
}
.roomContainer .roomIntro .roomName {
  display: block;
  font-size: 40px;
  padding-top: 50px;
  margin-bottom: 14px;
  font-family: playfair;
  font-weight: 500;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.roomContainer .roomIntro .roomBenefit {
  display: -webkit-box;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.roomContainer .roomIntro .btnView {
  margin-top: 10px;
}
.roomContainer .roomIntro .btnView .icoArr {
  font-size: 14px;
  min-width: auto;
  padding: 0;
}
.roomContainer .roomIntro .btnView .icoArr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  transform: inherit;
  top: inherit;
}
.roomContainer .roomIntro .date {
  position: absolute;
  left: 585px;
  bottom: 78px;
  font-family: gothamL, notokrL;
  font-size: 20px;
}
.roomContainer .roomIntro .priceWrap {
  position: absolute;
  left: 585px;
  bottom: -7px;
}
.roomContainer .roomIntro .priceWrap > * {
  display: block;
}
.roomContainer .roomIntro .priceWrap .price {
  font-size: 40px;
  font-family: playfair;
  font-feature-settings: "lnum", "pnum";
}
.roomContainer .roomIntro .priceWrap .price em {
  display: inline-block;
  vertical-align: 6px;
  font-size: 24px;
  font-family: gothamL, notokrL;
  letter-spacing: -1px;
  margin-left: 3px;
}
.roomContainer .roomIntro .priceWrap .day {
  font-size: 16px;
  font-family: gothamL, notokrL;
  letter-spacing: -1px;
}
.roomContainer .roomIntro .thum {
  position: absolute;
  left: 0;
  top: 0;
}
.roomContainer .roomIntro .thum img {
  width: 508px;
}
.roomContainer .roomIntro .thum .badge-lg {
  width: 100px;
  height: 100px;
  font: 300 18px/1 "notokrL";
}
.roomContainer .roomIntro .thum .badge-lg b {
  font: 500 26px/1.35 "notokrM";
}
.roomContainer .roomIntro .hoverCont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 508px;
  opacity: 0;
}
.roomContainer .roomIntro .hoverCont .btnSC {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  color: #fff;
}
.roomContainer .roomIntro .hoverCont.on {
  opacity: 1;
  background-color: rgba(121, 120, 100, 0.9);
  text-align: center;
  z-index: 1;
}
.roomContainer .btnRsv {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #000;
  color: #fff;
  padding: 13px 132px 13px 25px;
}
.roomContainer .btnRsv:after {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -5px;
  width: 18px;
  height: 10px;
  background: url(../../../images/ko/pc/common/ico_toggle_w_18x10.png) no-repeat 0 0;
}
.roomContainer .toggleOn .btnRsv:after {
  background-position: -18px 0;
}
.roomContainer .roomIntro .keyword {
  position: absolute;
  left: 585px;
  top: 0;
}
.roomContainer .roomDetail {
  padding-top: 70px;
}
.roomContainer .roomDetail + .roomDetail {
  padding-top: 40px;
}
.roomContainer .roomDetail .roomDetailTit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}
.roomContainer .optionList li {
  display: table;
  width: 100%;
  position: relative;
  height: 90px;
}
.roomContainer .optionList li:after {
  content: "";
  display: block;
  clear: both;
}
.roomContainer .optionList li .roomInfor {
  display: table-cell;
  position: relative;
  width: 1167px;
  padding: 40px 30px 35px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.roomContainer .optionList li:last-child {
  border-bottom: 1px solid #ccc;
}
.roomContainer .optionList li .titArea {
  position: absolute;
  left: 75px;
  top: 30px;
}
.roomContainer .optionList li .titArea > * {
  display: inline-block;
  vertical-align: middle;
}
.roomContainer .optionList li .tit {
  font-family: gothamM;
}
.roomContainer .optionList li .badge-info {
  margin-left: 12px;
}
.roomContainer .optionList li .infor {
  font-size: 17px;
  color: #666;
  margin-left: 10px;
}
.roomContainer .optionList li .btnRoominfor {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
  color: transparent;
}
.roomContainer .optionList li .btnRoominfor:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background: url(../../../images/ko/pc/HURE/ico_room_infor.png) no-repeat 50% 50%;
}
.roomContainer .optionList li .price {
  position: absolute;
  right: 30px;
  top: 30px;
  font-family: gothamL, notokrL;
  font-size: 16px;
  width: 170px;
  text-align: right;
}
.roomContainer .optionList li .price em {
  font-size: 20px;
  vertical-align: -2px;
  margin-right: 7px;
}
.roomContainer .optionList li .price:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 16px;
  background: #ccc;
}
.roomContainer .optionList li button {
  position: absolute;
  right: 300px;
  top: 38px;
}
.roomContainer .optionList li button + button {
  position: absolute;
  right: 215px;
}
.roomContainer .optionList li .btnBook {
  display: table-cell;
  vertical-align: middle;
  width: 233px;
  height: 100%;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.roomContainer .optionList li .btnBook span {
  display: block;
  text-align: center;
}
.roomContainer .optionList li:before {
  content: "";
  display: block;
  position: absolute;
  left: 30px;
  top: 50%;
  width: 31px;
  height: 26px;
  margin-top: -13px;
  background: url(../../../images/ko/pc/HURE/ico_bed_view.png) no-repeat;
}
.roomContainer .optionList li.type01:before {
  background-position: 0 0;
}
.roomContainer .optionList li.type02:before {
  background-position: 0 -26px;
}
.roomContainer .optionList li.type03:before {
  background-position: 0 -52px;
}
.roomContainer .optionList li .roomBenefit {
  width: 730px;
  max-height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 25px;
  padding-left: 46px;
}

.roomContainer .optionList.type02 li:before {
  display: none;
}
.roomContainer .optionList.type02 li .titArea {
  left: 30px;
}
.roomContainer .optionList.type02 li .date {
  font-family: gothamL;
}
.roomContainer .optionList.type02 li .roomBenefit {
  padding-left: 0;
}

.keyword > span {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 3px 10px 4px;
  font: 400 14px/1.5 gothamL, notokrL;
  text-transform: uppercase;
  border: 1px solid #000;
  vertical-align: top;
}
.rsvInfo {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
  padding: 40px 20px 50px;
}

.commWrap {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.commWrap .commlist {
  display: table-cell;
  vertical-align: top;
  padding: 0 100px 0 0;
}
.commWrap .commlist dt {
  color: #989442;
  padding-bottom: 7px;
  font-family: gothamB, notokrR;
}
.commWrap .commlist dd + dd {
  margin-top: 4px;
}
.commWrap .commlist dd .txt,
.commWrap .commlist dd .thum {
  display: block;
  margin-bottom: 4px;
  overflow: hidden;
  font-family: gothamL, notokrL; /*;text-transform:uppercase*/
} /* 대문자 아닌 케이스 포함 */
.commWrap .commlist dd .thum {
  width: 280px;
  overflow: hidden;
  margin: 12px 0 0;
  text-align: center;
}
.commWrap .commlist dd .thum img {
  width: 60%;
}
.commWrap .commlist dd + dt {
  padding-top: 30px;
}
.commWrap + .commWrap {
  margin-top: 36px;
}
.commWrap .commlist dd .txt.pdtopAdd {
  padding-top: 8px;
}
.commWrap .commlist:last-child {
  padding-right: 0;
}

.infoData li {
  margin-top: 6px;
}
.infoData li:after {
  content: "";
  display: block;
  clear: both;
}
.infoData li span {
  font-family: gothamL;
}
.infoData li .lfData {
  float: left;
}
.infoData li .rtData {
  float: right;
  text-align: right;
}

.rsvList + .total,
.rsvList + h3 + .total {
  margin-top: -1px;
}
.total {
  background: #f9f9f9;
  text-align: center;
  padding: 34px 0 40px;
  border-top: 1px solid #ccc;
}
.total .totalWrap {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding-top: 33px;
}
.total .totalWrap:first-child:before {
  display: none;
}
.total .totalWrap:before,
.total .totalWrap.sum:after,
.total .totalWrap.type02:before,
.total .totalWrap.type02:after {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #000;
}
.total .totalWrap:before {
  left: -32px;
  top: 46px;
}
.total .totalWrap.sum:after {
  left: -26px;
  top: 40px;
  width: 1px;
  height: 13px;
}
.total .totalWrap.type02:before {
  right: -7px;
  top: 42px;
}
.total .totalWrap.type02:after {
  left: -32px;
  top: 48px;
}
.total .totalWrap .tit {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #888;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: -0.025em;
}
.total .totalWrap .pay {
  display: inline-block;
  font: 16px/1 gothamB, notokrL;
  letter-spacing: -0.025em;
}
.total .totalWrap .pay em {
  display: inline-block;
  font: 500 26px/1 playfair;
  margin-right: 2px;
  letter-spacing: 0.075em;
  font-feature-settings: "lnum", "pnum";
}
.total .totalWrap .pay em .increase {
  color: #989442;
}
.total .totalWrap.type02 {
  position: relative;
  top: 1px;
  padding-top: 23px;
  margin-left: 20px;
}
.total .totalWrap.type02 .tit {
  line-height: 1;
}
.total .totalWrap.type02 .pay {
  font-size: 26px;
  padding-right: 20px;
}
.total .totalWrap.type02 .pay em {
  font-size: 42px;
  vertical-align: -5px;
}
.total .totalWrap.type02 .tax {
  text-align: right;
  padding: 5px 20px 0 0;
}
.total .totalWrap + .totalWrap {
  margin-left: 42px;
}
.total .pointNone .totalWrap.type02 {
  display: block;
  padding: 37px 30px 37px 20px;
}
.total .pointNone .totalWrap.type02 .pay {
  position: absolute;
  right: 30px;
  top: 30px;
}
.total + .txtGuide {
  margin-top: 15px;
}
.total.noMember .totalWrap:before,
.total.noMember .totalWrap:after {
  display: none;
}
.total .pointNone .totalWrap .tit {
  font-size: 22px;
}
.canclePrice {
  padding-left: 42px;
}

.promotion {
  margin-top: 170px;
}
.promotion .swipeWrap {
  width: 1455px !important;
}
.promotion .promList > li:first-child {
  margin-left: 0;
}
.promotion .promList > li {
  float: left;
  vertical-align: top;
}
.promotion .promList > li a {
  width: 427px;
}
.promotion .promList > li a,
.promotion .promList > li > div {
  display: block;
  position: relative;
  padding-top: 296px;
}
.promotion .promList > li .tit {
  display: block;
  font-size: 28px;
  padding-top: 17px;
  font-weight: 500;
  font-family: playfair, notokrR;
  font-feature-settings: "lnum", "pnum";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.promotion .promList > li .txt {
  padding-top: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.promotion .promList > li .date {
  font-family: gothamL, notokrL; /*font-weight:600;*/
  font-size: 14px;
  padding-top: 27px;
  color: #333;
}
.promotion .promList > li .date span {
  display: block;
  font-weight: 500;
}
.promotion .promList > li .date span + span {
  margin-top: -2px;
}
.promotion .promList > li .date span em {
  font-family: notokrL;
  margin-right: 10px;
}
.promotion .promList > li .thum {
  position: absolute;
  left: 0;
  top: 0; /*height:296px;overflow:hidden*/
}
.promotion .promList > li .thum img {
  width: 100%;
}
.promotion .promList > li .keyword {
  margin-top: 19px;
}
.promotion .promList > li .price {
  display: block;
  font: 400 16px gothamL, notokrL;
  padding-top: 5px;
}
.promotion .promList > li .price em {
  display: inline-block;
  vertical-align: -3px;
  font: 500 26px playfair;
  letter-spacing: 2px;
  margin-right: 3px;
  font-feature-settings: "lnum", "pnum";
}

.swipeWrapArea {
  position: relative;
}
.promotion .swipeWrap {
  width: 1400px;
}
.promotion .swipeWrapArea .btnSwipe {
  position: absolute;
  top: -53px;
  width: 18px;
  height: 18px;
  background: url(../../../images/ko/pc/common/btn_swipe_18x18.png) no-repeat;
  z-index: 1;
}
.promotion .swipeWrapArea .btnPrev {
  right: 40px;
  background-position: 0 0;
  left: inherit;
}
.promotion .swipeWrapArea .btnNext {
  right: 0;
  background-position: -18px 0;
  left: inherit;
}
.promotion .swipeWrapArea .btnNext:before {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  top: 1px;
  width: 1px;
  height: 16px;
  background: #ccc;
}

.swipeWrapArea .indicator {
  text-align: center;
  margin-top: 60px;
}
.swipeWrapArea .indicator .num {
  position: relative;
  display: inline-block;
  padding: 10px;
  color: transparent;
  font-size: 0;
  vertical-align: middle;
}
.swipeWrapArea .indicator .num:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: #ccc;
  border-radius: 5px;
}
.swipeWrapArea .indicator .on:after {
  background: #000;
}

.revNumber {
  display: block;
  font-size: 38px;
  text-align: center;
}
.revNumber em {
  margin-left: 15px;
  color: #989442;
  font-size: 38px;
  font-family: playfair;
  font-feature-settings: "lnum", "pnum";
}
.revNumber + .pageGuide {
  text-align: center;
}

.layerPop .printLayer .commWrap .commlist {
  padding: 0 50px 0 0;
}
.layerPop .printLayer .commWrap .commlist dd .thum {
  width: 220px;
}
.layerPop .printLayer .topArea .topInner {
  padding: 87px 0 80px;
}

/* 회원특가상품 Layer Popup */
.layerPop .specialPrice {
  width: 1080px;
  padding-bottom: 0;
  text-align: center;
}
.layerPop .specialPrice .compTit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.layerPop .specialPrice .desc {
  font-size: 20px;
}
.layerPop .specialPrice .desc b {
  color: #989442;
  font-family: gothamM;
}
.layerPop .specialPrice .btmGuide {
  margin-top: 70px;
  padding: 28px 0;
  font-size: 17px;
  text-align: left;
  border-top: 1px solid #eee;
}
.layerPop .specialPrice .btmGuide .icoArr {
  margin-left: 15px;
  font-size: 16px;
  font-family: notokrR;
}

/* 비교함 */
.comparison {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #807f6c;
  z-index: 999;
}
.comparison .btnArea {
  margin: 0;
  background: #72715c;
}
.comparison .btnArea .btnComp {
  font-size: 16px;
  color: #fff;
  height: 50px;
  line-height: 50px;
}
.comparison .btnArea .btnComp:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 11px;
  height: 7px;
  background: url(../../../images/ko/pc/common/ico_comparison.png) no-repeat -11px 0;
}
.comparison .btnArea .btnComp.on:after {
  background-position: 0 0;
}
.comparison .compCont {
  display: table;
  position: relative;
  width: 1400px;
  margin: 0 auto;
}
.comparison .compInner {
  padding: 40px 0;
}
.comparison .compList {
  display: table-cell;
  width: 1050px;
}
.comparison .compList > li {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 350px;
  border-left: 1px solid #666654;
}
.comparison .compList > li .compWrap {
  position: relative;
  width: 220px;
  margin: 0 auto;
  color: #fff;
  padding-top: 152px;
}
.comparison .compList > li .compWrap .tit {
  width: 220px;
  font-weight: 400;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: gothamL;
  margin-bottom: -15px;
}
.comparison .compList > li .compWrap .txt {
  font-size: 15px;
  color: #d9d9d3;
  padding-top: 10px;
}
.comparison .compList > li .compWrap .thum {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -110px;
  width: 220px;
  height: 152px;
  overflow: hidden;
}
.comparison .compList > li .compWrap .thum img {
  width: 100%;
}
.comparison .compList > li .compWrap.noCont .thum:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 220px;
  height: 152px;
  background: url(../../../images/ko/pc/HURE/bg_comparison.png) no-repeat 0 0;
}
.comparison .compList > li .btnDel {
  position: absolute;
  right: 64px;
  top: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.comparison .compList > li .btnDel:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../../../images/ko/pc/common/btn_del.gif) no-repeat 0 0;
}
.comparison .compList > li:last-child {
  border-right: 1px solid #666654;
}
.comparison .btnWrap {
  display: table-cell;
  width: 349px;
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid #666654;
  padding: 0 93px;
}
.comparison .btnWrap .btnSC {
  display: block;
  margin: 0 auto 5px;
}
.comparison .btnWrap .txtGuide {
  display: inline-block;
  color: #d9d9d3;
  font-size: 16px;
}

.compTit {
  font: 500 34px/1.32 gothamB, notokrR;
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}
.compLayer .compList02:after {
  content: "";
  display: block;
  clear: both;
}
.compLayer .compList02 li {
  float: left;
  width: 280px;
}
.compLayer .compList02 li + li {
  margin-left: 40px;
}
.compLayer .compList02 li > dl {
  position: relative;
  width: 280px;
}
.compLayer .compList02 li > dl .tit {
  font-size: 20px;
  padding-top: 210px;
  font-family: gothamL;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.compLayer .compList02 li > dl .thum {
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
}
.compLayer .compList02 li > dl .thum img {
  width: 100%;
}
.compLayer .compList02 li > dl .txt {
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.compLayer .compList02 li > dl .date {
  font-size: 14px;
  font-family: gothamL, notokrL;
  color: #666;
  padding: 30px 0 5px;
}
.compLayer .compList02 li > dl .price {
  font-size: 16px;
  font-family: gothamB, notokrM;
}
.compLayer .compList02 li > dl .price em {
  display: inline-block;
  vertical-align: -3px;
  font-family: playfair;
  font-size: 26px;
  font-weight: 500;
  margin-right: 3px;
  font-feature-settings: "lnum", "pnum";
}
.compLayer .compList02 li > dl .benefit {
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 80px;
  margin-top: 20px;
}
.compLayer .compList02 li > dl .benefit strong {
  display: none;
  font-size: 14px;
  font-family: gothamL, notokrL;
  color: #989442;
  padding: 20px 0 5px;
}
.compLayer .compList02 li > dl .btnM {
  display: block;
  min-width: auto;
  margin-top: 30px;
}
.compLayer .compList02 li > dl .btnDel {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  font: 0/0 Roboto, notokrL;
}
.compLayer .compList02 li > dl .btnDel:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: url(../../../images/ko/pc/common/btn_del.gif) no-repeat 0 0;
}
.compLayer .txtGuide > .btnArr {
  margin-left: 8px;
}

/* 예약 옵션 선택*/
.addOption + .addOption {
  margin-top: 8px;
}
.addOption {
  position: relative;
  padding-right: 200px;
  min-height: 35px;
}
.addOption .txt {
  display: inline-block;
  vertical-align: middle;
}
.addOption .price {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  margin-left: 13px;
  font-family: gothamL, notokrL;
  vertical-align: middle;
}
.addOption .price:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #ccc;
}
.addOption .numPeople {
  position: absolute;
  right: 0;
  top: 0;
  float: none;
  padding: 0;
  border-bottom: 0;
  width: 170px;
}
.addOption .numPeople span {
  width: 100px;
}
.addOption .numPeople button[disabled] {
  cursor: default;
  background: #f9f9f9;
}

.rsvRoomWrap .frmList > li:nth-child(4n + 1) {
  margin: 8px 0 0 0;
} /* 4개 기준 HURE1300M.html yjs */
.rsvRoomWrap .frmList .frmCheck label,
.frmList .frmRadio label {
  width: 209px;
  max-width: 209px;
  vertical-align: top;
}
.rsvRoomWrap .txtGuide,
.rsvRoomWrap .txtReference {
  margin-top: 14px;
}
.rsvRoomWrap .txtGuide + .side {
  top: -7px;
}
.rsvRoomWrap .txtGuide + .option_box {
  margin-top:30px;
}

.rsvRoomWrap {
  min-height: 800px;
}
.rsvRoomWrap .lCont {
  width: 900px;
}
.rsvRoomWrap .lCont .intWrap {
  margin-top: 42px;
}
.rsvRoomWrap .rCont {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
}
.rsvRoomWrap .titDep2 {
  margin-bottom: 10px;
  font-family: playfair;
  font-feature-settings: "lnum", "pnum";
  font-weight: 500;
  font-size: 40px;
}
.rsvRoomWrap .titDep2 + .subTxt {
  font-size: 18px;
  font-family: gothamL;
  margin-bottom: 40px;
}
.rsvRoomWrap .toggleInner > .opTit:first-child {
  padding-top: 0;
}
.rsvRoomWrap .titDep3 + .opTit {
  padding-top: 12px;
}
.rsvRoomWrap .opTit {
  display: block;
  font: 500 14px gothamB, notokrM;
  padding: 40px 0 12px;
}
.rsvRoomWrap .categoryTxt {
  font-family: gothamL, notokrL;
  margin-bottom: 30px;
}
.rsvRoomWrap .priceView {
  padding: 21px 0;
  background: #f9f9f9;
}
.rsvRoomWrap .priceView:after {
  content: "";
  display: block;
  clear: both;
}
.rsvRoomWrap .priceView li {
  position: relative;
  width: 50%;
  font-size: 18px;
  float: left;
  text-align: center;
}
.rsvRoomWrap .priceView li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #ccc;
}
.rsvRoomWrap .priceView li span {
  display: inline-block;
  margin-left: 20px;
  font-family: gothamL;
}
.rsvRoomWrap .priceView li span em {
  color: #989442;
  font-weight: 500;
  letter-spacing: -1px;
}
.rsvRoomWrap .frmList {
  margin-bottom: 20px;
}
.rsvRoomWrap .caInputBox {
  padding: 15px 15px 15px 0;
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 50px;
}
.rsvRoomWrap textarea {
  width: 100%;
  height: 110px;
  padding: 2px 15px 15px 0;
  border: none;
  border-bottom: 1px solid #ccc;
}
.rsvRoomWrap textarea + .txtGuide {
  margin-top: 8px;
}
.rsvRoomWrap .rCont .toggleList > li .toggleCont .toggleInner {
  padding: 13px 0 0;
  font-family: gothamL;
}
.rsvRoomWrap .rCont .listTit {
  font-size: 16px;
  color: #989442;
  vertical-align: top;
}
.rsvRoomWrap .rCont .listTit .price {
  display: block;
  color: #000;
  font-size: 22px;
  line-height: 1;
  padding-bottom: 12px;
  margin-top: -4px;
  font-family: gothamL;
}
.rsvRoomWrap .rCont .listTit .price em {
  display: inline-block;
  vertical-align: -5px;
  font-size: 36px;
  font-family: playfair;
  margin-right: 3px;
  font-feature-settings: "lnum", "pnum";
  letter-spacing: 0.075em;
}
.rsvRoomWrap .rCont .rsvList > li {
  padding: 34px 40px 28px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.rsvRoomWrap .rCont .rsvList > li .btnToggle {
  top: 53px;
  right: 40px;
}
.rsvRoomWrap .rCont .rsvList > li.toggleOn {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.rsvRoomWrap .rCont .rsvList > li.toggleOn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #000;
  z-index: 1;
}

.rsvRoomWrap .rCont .optionTotal.scrollWrap {
  background: none;
  height: auto;
  max-height: 400px;
  margin: 0;
  padding: 0;
  margin-right: 0 !important;
  padding-right: 0 !important;
  overflow-y: hidden !important;
}
.rsvRoomWrap .rCont .designScroll {
  overflow: inherit !important;
}
.rsvRoomWrap .rCont .designScroll .scrollbar-wrap {
  right: -24px;
}

.rsvRoomWrap .rCont .optionTotal .infoData + .infoData {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px dashed #ccc;
}
.rsvRoomWrap .rCont .optionTotal .infoData > li:first-child {
  margin-top: 0;
}
.rsvRoomWrap .rCont .optionTotal li + li {
  margin-top: 8px;
}
.rsvRoomWrap .rCont .totalCont .totalPrice {
  position: relative;
  padding: 81px 0 27px;
}
.rsvRoomWrap .rCont .totalCont .totalPrice.type02 {
  padding: 120px 0 31px;
}
.rsvRoomWrap .rCont .totalCont .totalPrice .txt {
  font-size: 22px;
}
.rsvRoomWrap .rCont .totalCont .totalPrice .price {
  position: absolute;
  bottom: 14px;
  right: 0;
  font-weight: 600;
  font-size: 26px;
  font-family: gothamL, notokrL;
}
.rsvRoomWrap .rCont .totalCont .totalPrice .price em {
  display: inline-block;
  vertical-align: -4px;
  font-weight: 500;
  font-size: 40px;
  font-family: playfair;
  margin-right: 3px;
  font-feature-settings: "lnum", "pnum";
  letter-spacing: -0.02em;
}
.rsvRoomWrap .rCont .totalCont .totalPrice .subTxt {
  position: absolute;
  top: 37px;
  right: 0;
  font-size: 18px;
}
.rsvRoomWrap .rCont .totalCont .totalPrice .saleTxt {
  position: absolute;
  top: 70px;
  right: 0;
  font-size: 18px;
  color: #989442;
}
.rsvRoomWrap .rCont .totalCont .totalPrice .saleTxt span {
  font-family: gothamL;
}
.rsvRoomWrap .rCont .totalCont .btnArea {
  margin-top: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.rsvRoomWrap .rCont .totalCont .btnArea div {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.rsvRoomWrap .rCont .totalCont .btnArea div + div:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background: #808080;
  z-index: 99;
}
.rsvRoomWrap .rCont .totalCont .btnArea .btnSC {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #000;
  color: #fff;
  font-size: 18px;
  display: block;
  min-width: auto;
}
.rsvRoomWrap .rCont .totalCont .btnArea + .frm {
  margin: 20px 0 0 20px;
}
.rsvRoomWrap .intList + .txtGuide {
  margin-top: 20px;
}
.rsvRoomWrap .titArea .opTit + .side {
  top: 30px;
}
.rsvRoomWrap .titArea .opTit + .side .btnLine + .btnLine {
  margin-left: 15px;
}
/*.rsvRoomWrap .side{top:-5px}*/

.layerPop .dateSelectArea {
  position: relative;
  width: 760px;
}
.layerPop .dateSelectArea .btnLine {
  position: absolute;
  top: 60px;
  right: 0;
}
.layerPop .dateSelectArea .tit {
  display: block;
  font-size: 34px;
  text-align: center;
  margin-bottom: 44px;
}
.layerPop .dateSelectArea .sideTxtArea {
  margin-top: 5px;
}
.layerPop .dateSelectArea .selectList {
  border: 1px solid #ccc;
}
.layerPop .dateSelectArea .selectList li {
  padding: 26px 35px;
  line-height: 32px;
}
.layerPop .dateSelectArea .selectList li:after {
  content: "";
  display: block;
  clear: both;
}
.layerPop .dateSelectArea .selectList li + li {
  border-top: 1px solid #ccc;
}
.layerPop .dateSelectArea .selectList .date {
  display: inline-block;
  float: left;
  text-align: center;
  font-family: gothamL;
}
.layerPop .dateSelectArea .selectList .numPeople {
  margin-left: 54px;
}
.layerPop .dateSelectArea .selectList .numPeople span {
  padding: 0 33px;
}
.layerPop .dateSelectArea .selectList .applyBtn {
  position: relative;
  padding-left: 22px;
  margin-left: 25px;
  font-size: 15px;
}
.layerPop .dateSelectArea .selectList .applyBtn:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 11px;
  margin-top: -5px;
  background: url(../../../images/ko/pc/HURE/ico_btn_apply.png) 0 0 no-repeat;
}
.layerPop .dateSelectArea .total {
  padding: 40px 0;
  text-align: center;
  font-size: 18px;
}
.layerPop .dateSelectArea .total > div {
  position: relative;
  display: inline-block;
}
.layerPop .dateSelectArea .total > div + div {
  margin-left: 72px;
}
.layerPop .dateSelectArea .total > div + div:before,
.layerPop .dateSelectArea .total > div + div:after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
}
.layerPop .dateSelectArea .total > div + div:before {
  width: 1px;
  height: 13px;
  left: -38px;
  top: 14px;
}
.layerPop .dateSelectArea .total > div + div:after {
  width: 13px;
  height: 1px;
  left: -44px;
  top: 20px;
}
.layerPop .dateSelectArea .total > div:last-child span {
  padding-left: 0;
}
.layerPop .dateSelectArea .total > div:last-child:before {
  width: 13px;
  height: 1px;
  left: -44px;
  top: 22px;
}
.layerPop .dateSelectArea .total > div:last-child:after {
  top: 17px;
}
.layerPop .dateSelectArea .total span {
  font-family: playfair;
  font-size: 26px;
  padding-left: 30px;
}
.layerPop .dateSelectArea .total span em {
  color: #989442;
}
.layerPop .dateSelectArea .total .won {
  font-size: 16px;
  font-family: gothamL, notokrL;
  color: #000;
  margin-left: 7px;
}
.layerPop .dateSelectArea .btnArea {
  margin-top: 0;
}
.layerPop .dateSelectArea table + .btnArea {
  margin-top: 50px;
}
.layerPop .dateSelectArea .guidTxt {
  padding: 50px 0;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

/* 예약 고객 정보 입력*/
.pointGuideBox {
  position: relative;
  padding: 20px 33px 30px;
  background: #f9f9f9;
}
.pointGuideBox .frm {
  position: absolute;
  top: 26px;
  right: 34px;
}
.pointGuideBox .usePoint,
.pointGuideBox .havePoint {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  height: 44px;
  line-height: 44px;
}
.pointGuideBox .usePoint:after,
.pointGuideBox .havePoint:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  background: url(../../../images/ko/pc/HURE/ico_point_symbol.png) 100% 50% no-repeat;
  margin-top: -11px;
}
.pointGuideBox .usePoint {
  border-bottom: 1px solid #000;
}
.pointGuideBox .havePoint {
  position: relative;
  margin-left: 60px;
}
.pointGuideBox .havePoint:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -9px 0 0 -30px;
  display: block;
  width: 1px;
  height: 19px;
  background: #ccc;
}
.pointGuideBox .usePoint input {
  border-bottom: none;
  height: auto;
  background: none;
  padding: 0 0 6px 0;
}
.pointGuideBox .usePoint .point,
.pointGuideBox .havePoint .point {
  width: 190px;
  font-size: 20px;
  text-align: right;
  font-family: gothamL;
}
.pointGuideBox .havePoint .point {
  width: auto;
}
.pointGuideBox .txtGuide,
.notiContainer .toggleList + .txtGuide {
  margin-top: 20px;
}
.notiContainer {
  margin-top: 70px;
}
.notiContainer .titDep3 {
  margin-top: 70px;
}

/* toggle(약관) : .toggleList.agreeCont(addClass) H:69px*/
.toggleList.agreeCont {
  border-top: 1px solid #000;
}
.toggleList.agreeCont.marginTop {
  margin-top: 28px;
}
.nonToggle + .toggleList.agreeCont {
  border-top-color: #ccc;
}
.toggleList.agreeCont > li {
  padding: 0;
  border-bottom: 1px solid #ccc;
}
.toggleList.agreeCont .btnToggle {
  position: absolute;
  right: 20px;
  top: 23px;
  width: 18px;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
}
.toggleList.agreeCont .btnToggle:before {
  content: "";
  display: block;
  width: 18px;
  height: 10px;
  padding: 5px 0;
  background: url(../../../images/ko/pc/common/ico_toggle_18x10.png) no-repeat 0 5px;
}
.toggleList.agreeCont .toggleOn .btnToggle:before {
  background-position: -18px 5px;
}
.toggleList.agreeCont .frm.type02 {
  padding: 18px 20px 19px;
}
.toggleList.agreeCont .toggleCont .toggleInner {
  padding: 25px;
  background: #f9f9f9;
}
.toggleList.agreeCont .notiTxt {
  font-size: 16px;
  color: #666;
  margin-bottom: 15px;
}
.toggleList.agreeCont .notiTxt + .notiTxt {
  margin-top: 20px;
}
.toggleList.agreeCont .notiTxt + table {
  margin-top: 23px;
}
.toggleList.agreeCont .frmWrap + .tblH,
.toggleList.agreeCont .frmWrap + .tblWrap {
  margin-top: 23px;
}
.toggleList.agreeCont .frmWrap .frm + .frm {
  margin-left: 30px;
}
.toggleList.agreeCont .frmWrap .frm label {
  color: #666;
  font-size: 16px;
}
.toggleList.agreeCont .frmWrap .frm label:before {
  top: 0;
}

.toggleList .designScroll {
  position: relative;
}
.toggleList.agreeCont .scrollWrap {
  color: #666;
  font: 16px gothamL, notokrL;
  padding-right: 15px !important;
  max-height: 250px;
  overflow: hidden;
}
.toggleList.agreeCont .scrollbar-wrap {
  right: 0;
}
.scrollbar {
  background: #aaa;
}
.designScroll .scrollbar-wrap {
  z-index: 1;
} /* (공통)20200622 */

/* layer > (기본 스크롤) H:750px */
.layerCont .scrollWrap {
  margin: 0;
  padding: 0;
  height: 465px;
  padding-right: 8px !important;
  overflow-y: auto;
}
.layerCont .scrollbar-wrap {
  /*top:95px;*/
  right: -58px;
} /* 통합멤버십(포인트) */

/* layer > (아래버튼 없는 경우) H:750px (+ 561) 객실 */
.layerCont .scrollArea {
  position: relative;
  height: 561px;
}
.layerCont .scrollArea .designScroll {
  height: 561px;
}
.layerCont .scrollArea .scrollWrap {
  height: 561px;
}
.layerCont .scrollArea .tabRoomInfo {
  margin: 22px 0 35px;
}
.layerCont .scrollArea .tabRoomInfo:last-of-type {
  margin-bottom: 14px;
}

/* layer > toggle(약관) > scrollWrap */
.layerCont .toggleList.agreeCont .scrollbar-wrap {
  top: 25px;
  right: 0;
}

/* layer > tab > scrollWrap */
.layerCont .tabCont .scrollWrap {
  height: 494px;
  padding-right: inherit;
} /* 메뉴판 */
.layerCont .tabInner .scrollWrap {
  height: 397px;
} /* 마이페이지(리워드) */

/* 메뉴판(스크립트 처리용) */
.layerCont .menuPanArea .scrollbar-wrap {
  margin-top: -48px;
  padding: 0;
}

/* layer > 약관(border/scoll삭제:통합) */
.layerCont .toggleList.agreeCont {
  border: 0;
}
.layerCont .toggleList.agreeCont > li {
  border: 0;
}
.layerCont .toggleList.agreeCont .frm.type02 {
  padding: 0 0 20px 1px;
}
.layerCont .toggleList.agreeCont .btnToggle {
  display: none;
}
.layerCont .toggleList.agreeCont .toggleInner {
  padding: 0;
  background: #fff;
}
.layerCont .toggleList.agreeCont .toggleInner .scrollWrap {
  height: auto;
  max-height: none;
}
.layerCont .toggleList.agreeCont .toggleInner .designScroll {
  height: 100% !important;
}
.layerCont .toggleList.agreeCont .toggleInner .scrollbar-wrap {
  display: none;
}

.multiSelect .ui-menu-item-wrapper span,
.selectWrap .ui-selectmenu-button span {
  display: inline-block;
  font-family: gothamL, notokrL;
  color: #333;
  vertical-align: middle;
}
.multiSelect .ui-menu-item-wrapper .tit,
.selectWrap .ui-selectmenu-button .tit {
  font-family: notokrL;
  font-size: 14px;
  color: #777;
  margin-right: 15px;
}
.multiSelect .ui-menu-item-wrapper .roomNumber:after,
.selectWrap .ui-selectmenu-button .roomNumber:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #ccc;
  margin: 0 20px;
}

/* 인쇄하기 btn */
.btnPrint {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #000;
  width: 120px;
  font-size: 16px;
}

/* ACTIVITY */
.amountInfo:after,
.amountInfo li:after {
  content: "";
  display: block;
  clear: both;
}
.amountInfo {
  padding: 28px 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}
.amountInfo li + li {
  margin-top: 30px;
}
.amountInfo .tit {
  float: left;
  font-size: 22px;
}
.amountInfo .pay {
  float: right;
  font-size: 20px;
}
.amountInfo .pay em {
  font-size: 26px;
}

.roomSelectCon .tit {
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.roomSelectCon .titDep3 {
  margin-top: 70px;
}
.roomSelectCon .rSelect li:first-child {
  margin-top: 28px;
}
.roomSelectCon .rSelect li {
  margin-top: 20px;
}
.roomSelectCon .rSelect .frm input[type="radio"]:checked + label {
  border: 1px solid #000;
}
.roomSelectCon .rSelect .frm {
  position: relative;
  display: block;
}
.roomSelectCon .rSelect .frm label {
  display: block;
  padding: 30px 550px 30px 105px;
  border: 1px solid #ccc;
}
.roomSelectCon .rSelect .frm label:before {
  left: 40px;
  top: 50%;
  margin-top: -13px;
}
.roomSelectCon .rSelect .frm .date span {
  font-size: 18px;
  color: #000;
  font-family: gothamL;
}
.roomSelectCon .rSelect .frm .date span + span {
  position: relative;
  padding-left: 20px;
}
.roomSelectCon .rSelect .frm .date span + span:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 16px;
  background: #ccc;
}
.roomSelectCon .rSelect .frm .sTxt {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #777;
}
.roomSelectCon .rSelect .frm .numCont {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -16px;
  text-align: right;
}
.roomSelectCon .rSelect .frm .numCont .numPeople {
  margin-left: 40px;
}

.userInfo .title {
  display: block;
  font-size: 30px;
  color: #222;
  margin: 120px 0 50px;
}
.userInfo .intList {
  margin-top: 40px;
}

.notiCont {
  padding-top: 25px;
  border-top: 1px solid #000;
}

.rCont .totalInfo {
  padding: 40px;
  border: 1px solid #000;
}
.rCont .totalInfo li .txt {
  font-size: 17px;
  float: left;
}
.rCont .totalInfo li .pay {
  font-family: gothamL, notokrL;
  font-size: 18px;
  float: right;
}
.rCont .totalInfo li:after {
  content: "";
  display: block;
  clear: both;
}
.rCont .totalInfo li + li {
  margin-top: 20px;
}
.rCont .totalInfo .infoData {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px dashed #ccc;
}

.frm.ico02 input[type="checkbox"] + label:before {
  background-position: 0 -13px;
  width: 26px;
  height: 26px;
  top: 0;
}
.frm.ico02 input[type="checkbox"]:checked + label:before {
  background-position: -26px -13px;
}

.activityWrap .avList {
  margin-left: -55px;
}
.activityWrap .avList li {
  position: relative;
  padding: 580px 0 120px;
  display: inline-block;
  width: 430px;
  float: left;
  margin-left: 55px;
}
.activityWrap .avList li:nth-child(3n + 2) {
  margin-top: 100px;
  margin-bottom: -100px;
}
.activityWrap .avList li:after {
  content: "";
  display: block;
  clear: both;
}
.activityWrap .avList .txtCont .category {
  display: inline-block;
  font-size: 14px;
  font-family: gothamL, notokrL;
  margin-top: 35px;
  border: 1px solid #000;
  padding: 1px 9px 2px 9px;
}
.activityWrap .avList .txtCont .tit {
  display: block;
  font-size: 36px;
  font-weight: 600;
  margin: 8px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.activityWrap .avList .txtCont .date {
  display: block;
  font-size: 18px;
  font-family: gothamL;
}
.activityWrap .avList .thum {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.activityWrap .avList .hoverCont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 430px;
  opacity: 0;
}
.activityWrap .avList .hoverCont .btnCont {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.activityWrap .avList .hoverCont .btnSC {
  display: block;
  border: 1px solid #e7c2a3;
  color: #e7c2a3;
  background: transparent;
  color: #e7c2a3;
}
.activityWrap .avList .hoverCont .btnSC + .btnSC {
  margin-top: 12px;
}
.activityWrap .avList .hoverCont.on {
  opacity: 1;
  background-color: rgba(44, 74, 66, 0.8);
  text-align: center;
  z-index: 1;
}
.activityWrap .avList + .btnArea {
  margin-top: 70px;
}
.activityWrap .avList + .btnArea a {
  font-family: gothamL, notokrL;
  font-weight: 400;
}
.activityWrap .notiArea:after {
  content: "";
  display: block;
  clear: both;
}
.activityWrap .notiArea .lCont {
  float: left;
  width: 680px;
}
.activityWrap .notiArea .rCont {
  float: right;
  width: 680px;
}
.activityWrap .notiArea .lCont .titDep3:first-child,
.activityWrap .notiArea .rCont .titDep3:first-child {
  margin-top: 0;
}
.activityWrap .notiArea .titDep3 {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
  margin-top: 70px;
}
.activityWrap .notiArea .dtInfo li {
  margin-top: 20px;
  position: relative;
  padding-left: 106px;
}
.activityWrap .notiArea .dtInfo .tit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
}
.activityWrap .notiArea .dtInfo .txt {
  font-size: 18px;
  font-weight: 400;
  font-family: gothamL;
}

.swipeWrap + .cautionBox {
  margin-top: 120px;
}
.cautionBox + .btnArea {
  margin-top: 80px;
}
.titDep2 + .sTit {
  display: inline-block;
  font-size: 18px;
  font-family: gothamL, notokrL;
  margin: 15px 0 11px;
}
.activityTbCont {
  margin-bottom: 100px;
}
.activityTbCont .titDep2 {
  margin-bottom: 0;
}

.sortBtn {
  width: 1400px;
  margin: 0 auto 40px;
}
.sortBtn li {
  float: left;
  color: #ccc;
  font-size: 20px;
  font-family: gothamB, notokrM;
}
.sortBtn li + li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 20px;
  background: #ccc;
}
.sortBtn li.on {
  color: #333;
  font-family: gothamM, notokrM;
}
.sortBtn:after {
  content: "";
  display: block;
  clear: both;
}
.topArea + .sortBtn {
  margin: -10px auto 40px;
}

.topViewCont {
  position: relative;
  overflow: hidden;
}
.topViewCont + .inner.propertyWrap {
  margin-top: 80px;
}
.topContainer {
  padding-top: 80px;
}
.topViewCont .img {
  height: calc(100vh - 100px);
}
/*.topViewCont .img:after{content:'';display:block;width:100%;height:100vh;opacity:0.5;background:#000}*/
.topViewCont img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  width: auto;
}
.topViewCont .txtCont {
  position: absolute;
  top: 46%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 1400px;
}
.topViewCont .txtCont .tit {
  font: 400 80px playfair, notokrR;
  letter-spacing: -1px;
  color: #fff;
}
.topViewCont .txtCont .txt {
  margin-top: 35px;
  font-size: 20px;
  font-family: gothamL, notokrL;
  color: #fff;
}
.topViewCont .txtCont .category span {
  display: inline-block;
  font-family: gothamL, notokrL;
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.topViewCont .txtCont .category span + span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  background: #fff;
  margin: 0 10px;
}
.topViewCont button {
  position: absolute;
  bottom: 75px;
  left: 50%;
  margin-left: -32px;
  background: url(../../../images/ko/pc/common/btn_view_more.png) no-repeat 0 0;
  width: 65px;
  height: 45px;
}

/* 갤러리 슬라이드 */
.activityWrap .gallery {
  margin-top: 180px;
}
.gallery .videoWrap {
  background: #000;
  width: 100%;
  height: 970px;
}
.gallery .videoWrap video {
  height: 100%;
}

/* 갤러리 슬라이드 레이어팝업 */
.layerCont.layGallery .swipeWrap {
  width: 925px;
}
.layerCont.layGallery .swipeWrap img {
  width: 100%;
}
.layerCont.layGallery .btnSwipe {
  top: auto;
  bottom: 0;
}
.layerCont.layGallery .numPaging {
  margin-top: 10px;
}

/* 다이닝 예약 */
.diningContainer .intList > li textarea {
  width: 100%;
  height: 160px;
  padding: 10px 15px;
  border: 1px solid #ccc;
}
.diningContainer .btnArea {
  margin-top: 50px;
}
.diningContainer .intInner {
  width: 100%;
}
.diningContainer .rsvList > li .intValue span:first-child:before {
  display: none;
}
.diningContainer .calContainer.calSingle .prevMonth,
.diningContainer .calContainer.calSingle .nextMonth {
  top: 19px;
}

.diningSelectCont {
  position: relative;
  padding-top: 110px;
}
.diningSelectCont:after {
  content: "";
  display: block;
  clear: both;
}
.diningSelectCont .intInner {
  position: absolute;
  top: 0;
  left: 0;
}
.diningSelectCont .lCont {
  float: left;
  width: 508px;
}
.diningSelectCont .lCont .indicator {
  margin-top: 25px;
}
.diningSelectCont .lCont .duobuleSelect > div + div {
  margin-left: 72px;
}
.diningSelectCont .rCont {
  float: right;
  width: 777px;
  min-height: 251px;
}
.diningSelectCont .rCont .roomIntro {
  position: relative;
  min-height: 352px;
}
.diningSelectCont .rCont .roomIntro .btnSC {
  position: absolute;
  right: 0;
  bottom: 0;
}
.diningSelectCont .rCont .roomIntro .name {
  font: 500 36px/1 gothamB;
  text-transform: uppercase;
}
.diningSelectCont .rCont .roomIntro .txt {
  margin-top: 18px;
}
.diningSelectCont .rCont .roomIntro .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 550px;
}
.diningSelectCont .rCont .roomIntro .info li {
  position: relative;
  padding-left: 63px;
  font-size: 16px;
}
.diningSelectCont .rCont .roomIntro .info li:first-child {
  margin-top: 0;
}
.diningSelectCont .rCont .roomIntro .info em {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
}
.diningSelectCont .rCont .roomIntro .info span {
  font-family: gothamL;
  color: #333;
  font-size: 18px;
}
/*.diningSelectCont .rCont .btnArea{position:absolute;left:575px;bottom:52px;margin:0;text-align:left}*/
.diningSelectCont .rCont .tit:first-child,
.diningSelectCont .rCont .defaultTxt + .tit {
  margin-top: 7px;
}
.diningSelectCont .rCont .tit {
  display: block;
  margin: 60px 0 10px;
  font-size: 20px;
  font-weight: 500;
}
.diningSelectCont .timeSel .frmList .frmRadio label {
  width: 189px;
  max-width: 189px;
  padding: 12px 15px;
  text-transform: uppercase;
}
.diningSelectCont .timeSel .frmList input[disabled] + label {
  color: #ccc;
}
.diningSelectCont .swipeWrap {
  overflow: hidden;
  width: 508px;
}
.diningSelectCont .swipeWrap.gallery .btnPrev {
  left: 20px;
}
.diningSelectCont .swipeWrap.gallery .btnNext {
  right: 20px;
}
.diningSelectCont .notiTxt {
  position: relative;
  display: inline-block;
  margin-top: 30px;
  margin-left: 40px;
  padding-left: 13px;
}
.diningSelectCont .notiTxt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #b8b8ad;
  border-radius: 50%;
}
.diningSelectCont .calNotiCont {
  margin-top: 35px;
  padding: 22px 30px 26px;
  background: #f9f9f9;
  display: none;
}
.diningSelectCont .calNotiCont .tit {
  margin-bottom: 10px;
}
.diningSelectCont .calNotiCont .tit + .txt {
  margin-top: 6px;
}
.diningSelectCont .calNotiCont .txt {
  font-family: gothamL;
}
.diningSelectCont .calNotiCont .txt span + span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 19px;
  background: #ccc;
  margin: 0 10px;
  vertical-align: middle;
}
.diningSelectCont .txtGuide {
  margin-top: 11px;
}
.calContainer .calWrap .calMonth {
  font-family: gothamB;
  font-weight: 600;
}
.diningSelectCont.calCont {
  padding-top: 20px;
}
.diningSelectCont.calCont .lCont {
  min-height: 645px;
}
.diningSelectCont.calCont .btnArea {
  margin-top: 40px;
}
.diningSelectCont.calCont .rCont.default {
  position: relative;
}
.diningSelectCont.calCont .rCont.default:before {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.diningSelectCont.calCont .rCont.default .defaultTxt {
  display: block;
  position: absolute;
  top: 290px;
  left: 50%;
  margin-left: -170px;
  background: #f9f9f9;
  font-size: 18px;
  color: #000;
  padding: 12px 39px;
  z-index: 20;
}
.diningSelectCont.calCont .rCont .defaultTxt {
  display: none;
}

.addCont .totalTxt {
  padding-top: 35px;
  margin-top: 26px;
  border-top: 1px solid #ccc;
}
.addCont .totalTxt:after {
  content: "";
  display: block;
  clear: both;
}
.addCont .totalTxt .txt {
  float: left;
  font: 400 24px/40px notokrL;
  vertical-align: -8px;
}
.addCont .totalTxt .price {
  float: right;
  font-size: 40px;
  line-height: 40px;
  font-family: playfair;
  font-feature-settings: "lnum", "pnum";
}
.addCont .totalTxt .price em {
  font-size: 20px;
  font-family: gothamB;
  vertical-align: 8px;
  margin: 0 20px 0 10px;
}

.addDiningOption {
  margin-top: 27px;
}

/* 251114 다이닝 예약 UIUX 2단계 추가 */
.diningSubStep .hotelResSelect .frmList {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 0;
  margin-top: 80px;
}
.diningSubStep .hotelResSelect .frmList > li {
  width: calc(33.33% - 4px);
  margin: 0;
}
.diningSubStep .hotelResSelect .frmList .frmRadio label {
  width: 100%;
  max-width: 100%;
}

.resBook_area {
  margin-top: 80px;
}
.resBook_area .resBook_cont {
  display: none;
}
.resBook_area .resBook_cont.on {
  display: block;
}
.resBook_area .thum > img,
.diningSelectCont .thum > img {
  width: 100%;
  height: 100%;
}
.resBook_area .resBook_tit {
  font-size: 30px;
  color: #000;
  font-weight: 600;
  margin-bottom: 20px;
}
.resBook_area .resBook_list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 58px;
  width: 100%;
}
.resBook_list > li {
  position: relative;
  width: calc(33.33% - 39px);
  cursor: pointer;
}
.resBook_list > li > .thum {
  position: relative;
}
.resBook_list > li > .detail {
  margin-top: 16px;
}
.resBook_list > li > .detail .tit {
  font: 400 26px playfair;
}
.resBook_list > li > .detail .text {
  font-size: 18px;
  color: #000;
  font-weight: 400;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.resBook_list > li .hoverThum {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(85, 85, 85, 0.8);
}
.resBook_list > li .hoverThum > a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.resBook_list > li:hover .hoverThum {
  display: block;
}
.dining_detail_area .diningSelectCont {
  display: none;
  border-top: 1px solid #000;
  margin-top: 80px;
}
.dining_detail_area .diningSelectCont.on {
  display: block;
}
.dining_detail_area .diningSelectCont .btnArea {
  text-align: left;
}

/* 멤버십 예약 */
.userInfo .titleCont {
  position: relative;
  margin: 60px 0 40px;
}
.userInfo .titleCont .frm {
  position: absolute;
  top: 0;
  right: 0;
}
.roomContainer.type02 {
  padding-bottom: 0;
}
.roomContainer.type02 .roomSel {
  width: 625px;
}
.roomContainer.type02 .numPeople {
  width: 300px;
}
.roomContainer.type02 .txtGuide {
  position: static;
  margin-top: 18px;
}
.roomContainer.type02 .txtGuide li {
  margin-left: 0;
}
.roomContainer.type02 + .btnArea {
  margin-top: 60px;
}
.notiTxtCont {
  padding: 27px;
  background: #f9f9f9;
  text-align: center;
}

/* My Page(공통) */
.fileUpload label {
  margin-left: 20px;
}
input[type="file"]:focus + label[for="uploadBtn"] {
  outline: 1px solid #000;
}
input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
abbr[title="Josun Point"],
abbr[title="Point"] {
  display: inline-block;
  margin: 0 2px 0 5px;
  vertical-align: 2px;
  font: 600 14px/1.5 playfair;
  text-decoration: none;
}
.listDep1 abbr[title="Josun Point"] {
  margin-left: 0;
  font: 16px gothamL;
  vertical-align: inherit;
}
.hBar {
  display: inline-block;
  margin: 0 20px;
  font-size: 30px;
  vertical-align: middle;
}
.vBar {
  position: relative;
  margin-left: 12px;
  padding-left: 15px;
}
.vBar:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 15px;
  background: #ccc;
}
.btnLine.more {
  font: 500 17px/1.3 gothamL, notokrR;
  letter-spacing: -0.01em;
}
.btnPrint.small {
  top: 0;
  padding: 6px 0;
  font-size: 16px;
}
.swipeWrapArea .swiper-button-disabled {
  cursor: default;
}
.mypage h2.titDep1 {
  text-transform: capitalize;
}
.txtGuide abbr {
  margin-left: 0;
  font: 18px/1 gothamL, notokrL;
  vertical-align: -1px;
}

.pointTxt {
  color: #989442;
}

/* My Page(LNB) */
.lnbArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  padding: 52px 35px 44px;
  background: #f9f9f9;
}
.lnbArea .name {
  margin-bottom: 21px;
  font: 500 32px/1 notokrR;
  letter-spacing: -0.025em;
}
.lnbArea .info {
  margin-bottom: 40px;
}
.lnbArea .info a {
  display: block;
  margin-bottom: 3px;
  letter-spacing: -0.01em;
}
.lnbArea .info a .tit {
  display: inline-block;
  width: 72px;
  color: #000;
  font: 400 18px/1.5 gothamL, notokrL;
}
.lnbArea .info a .txt {
  position: relative;
  color: #989442;
  font: 500 18px/1.5 gothamM, notokrR;
  word-break: break-all;
}
.lnbArea .info a .txt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #989442;
  width: 100%;
  height: 1px;
}
.lnbArea .lnb {
  margin-left: 2px;
}
.lnbArea .lnb li {
  font: 500 22px/1 notokrR;
  letter-spacing: -0.025em;
}
.lnbArea .lnb li > ul {
  margin: 16px 0 37px;
}
.lnbArea .lnb li:last-child > ul {
  margin: 14px 0 0;
}
.lnbArea .lnb li > ul li a {
  font: 400 18px/38px gothamL, notokrL;
  letter-spacing: -0.01em;
}
.lnbArea .lnb li > ul li.on a {
  font-weight: 600;
}

/* My Page(searchBox) */
.searchBox {
  margin: 35px auto;
  padding: 8px 30px 26px;
  background: #f9f9f9;
}
.searchBox .selectWrap {
  vertical-align: top;
}
.searchBox .selectWrap,
.searchBox .selectWrap .ui-selectmenu-button,
.searchBox .intArea input {
  background-color: transparent;
}
.searchBox .searchOp {
  position: relative;
  margin-bottom: 30px;
  z-index: 20;
}
.searchBox .period {
  display: inline-block;
  margin-left: 30px;
}
.searchBox .intArea {
  display: inline-block;
}
.searchBox .intArea input {
  border-color: #000;
}
.searchBox .frmList.periodOp {
  position: absolute;
  top: 20px;
  right: 0;
}
.searchBox .frmList.periodOp > span {
  margin: 0 0 0 -5px;
}
.searchBox .frmList.periodOp .frmRadio label {
  width: 64px;
  max-width: inherit;
  height: 36px;
  padding: 5px 0;
  font-size: 0.75em;
}
.searchBox .frmList.periodOp .frmRadio input[type="radio"]:checked + label {
  z-index: 3;
}
.searchBox .txtGuide:before {
  content: "";
  display: block;
  margin: 35px 0 16px;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.searchBox .txtGuide .btnLine {
  margin-left: 8px;
  color: #000;
  vertical-align: top;
}
.searchBox .txtGuide .btnLine:after {
  margin-top: -2px;
}
.searchBox .btnWrap {
  text-align: center;
}
.searchBox .btnM {
  background: transparent;
}
.searchBox .selectWrap + .period {
  margin: 0 28px;
}
.period input {
  background: url(../../../images/ko/pc/common/ico_diary.png) no-repeat right 50%;
  cursor: pointer;
}

/* 마이페이지 >  메인(account/membership/point/coupon) */
.btnArr {
  position: relative;
  padding-right: 16px;
  font-size: 16px;
  font-family: notokrR;
  letter-spacing: -0.025em;
}
.btnArr:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background: url(../../../images/ko/pc/common/ico_arr_7x13.png) no-repeat 0 0;
  margin-top: 1px;
}
.myAccountBox {
  border: 1px solid #000;
}
.myAccountBox.point {
  border-color: #ccc;
}
.myAccountInfo {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 33px 0 34px;
}
.myAccountInfo dl {
  display: table-cell;
  vertical-align: top;
  padding: 0 39px 0 37px;
}
.myAccountInfo dl + dl {
  border-left: 1px solid #ccc;
}
.myAccountInfo dt {
  padding-bottom: 17px;
  font: 500 16px notokrR;
  letter-spacing: -0.025em;
  position: relative;
}
.point .myAccountInfo dt {
  padding-bottom: 5px;
}
.myAccountInfo dt > .side {
  top: -3px;
}
.myAccountInfo dd {
  position: relative;
  display: block;
  padding-left: 1px;
  overflow: hidden;
}
.myAccountInfo dd span {
  position: relative;
  padding-right: 29px;
  font: 500 36px playfair, notokrR;
  letter-spacing: 0.05em;
  font-feature-settings: "lnum", "pnum";
}
.myAccountInfo dd span.accountNum {
  padding: 0;
}
.myAccountInfo dd span.usablePoint {
  color: #989442;
}
.myAccountInfo dd span.expirePoint {
  color: #000;
}
.myAccountInfo dd span.usablePoint:after,
.myAccountInfo dl dd span.expirePoint:after {
  content: "Josun Point";
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  margin-top: -7px;
}
.myAccountInfo dd span.usablePoint:after {
  background: url(../../../images/ko/pc/common/ico_point_symbol-gold.png) 100% 50% no-repeat;
}
.myAccountInfo dd span.expirePoint:after {
  background: url(../../../images/ko/pc/common/ico_point_symbol-black.png) 100% 50% no-repeat;
}
.myAccountInfo dd .txtGuide {
  position: absolute;
  top: 16px;
  right: 0;
}

.myAccountTxt {
  position: relative;
  padding: 27px 38px 25px;
  background: #f9f9f9;
}
.myAccountTxt .tit {
  display: block;
  margin-bottom: 5px;
  font: 18px notokrR;
  letter-spacing: -0.01em;
}
.myAccountTxt .description {
  color: #666;
  font: 16px notokrL;
  letter-spacing: -0.01em;
}
.myAccountTxt .btnM {
  position: absolute;
  right: 38px;
  top: 50%;
  transform: translateY(-50%);
  min-width: inherit;
  width: 120px;
  height: 40px;
  line-height: 36px;
  font-size: 16px;
  padding: 0 15px;
  background: transparent;
}

.myCouponBox {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 49px 0 39px;
  border-bottom: 1px solid #ccc;
}
.myCouponBox dl {
  display: table-cell;
  vertical-align: top;
  padding: 0 40px;
  text-align: center;
}
.myCouponBox dl + dl {
  border-left: 1px solid #ccc;
}
.myCouponBox dt {
  padding-bottom: 6px;
  font: 400 16px/1 notokrL;
}
.myCouponBox dd {
  font: 600 35px notokrM;
}
.myCouponBox dd a em {
  position: relative;
}
.myCouponBox dd a em:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}
.myCouponBox dd a em.pointTxt:after {
  background: #989442;
}
.myCouponBox dd em {
  font: 500 36px playfair, notokrR;
  font-feature-settings: "lnum", "pnum";
}
/* 마이페이지 > 메인(클럽조선 회원정보) */
.myReserveBox {
  position: relative;
}
.myReserveBox .myReserveList {
  border-top: 1px solid #ccc;
}
.myReserveBox .myReserveList li {
  border: 1px solid #ccc;
  border-top: 0;
}
.myReserveBox .myReserveList li a {
  display: block;
}
.myReserveInfo {
  padding: 30px;
}
.myReserveInfo dl {
  text-align: right;
}
.myReserveInfo dt {
  float: left;
  font: 500 18px/1.8 gothamM, notokrR;
  letter-spacing: -0.01em;
}
.myReserveInfo dd {
  position: relative;
  display: inline-block;
  font: 500 18px gothamL, notokrR;
  vertical-align: 1px;
}
.myReserveInfo dd + dd {
  padding-right: 0;
  font: 400 17px notokrL;
  letter-spacing: -0.01em;
}
.myReserveInfo dd + dd:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: -3px;
  width: 1px;
  height: 16px;
  background: #ccc;
}
.myReserveBox .tit {
  display: block;
  padding: 70px 0 20px;
  font: 500 24px notokrR;
  letter-spacing: -0.02em;
}
.myReserveBox .txtGuide {
  position: absolute;
  top: 75px;
  right: 70px;
}
.myReserveBox .btnLine {
  position: absolute;
  top: 78px;
  right: 0;
}
/* 마이페이지 > 메인(유료멤버십 혜택 안내) */
.myMembershipArea h4.titDep3 {
  display: block;
  font: 500 24px gothamB, notokrR;
  letter-spacing: -0.025em;
}
.myMembershipArea .tit {
  display: block;
  margin-bottom: 15px;
  font: 600 36px gothamB, notokrM;
  letter-spacing: -0.02em;
  text-align: center;
}
.myMembershipArea .description {
  display: block;
  margin-bottom: 70px;
  font: 400 18px gothamL, notokrL;
  letter-spacing: -0.01em;
  text-align: center;
}
.myMembershipArea .swipeWrap {
  width: 1000px;
}
.myMembershipArea .swipeWrapArea .btnSwipe {
  display: block;
  position: absolute;
  top: 200px;
  z-index: 2;
  text-indent: -9999px;
  overflow: hidden;
  width: 36px;
  height: 70px;
  background: url(../../../images/ko/pc/common/btn_swiperL.png) no-repeat;
}
.myMembershipArea .swipeWrapArea .btnSwipe.swiper-button-disabled {
  z-index: -1;
}
.myMembershipArea .swipeWrapArea .btnPrev {
  left: 0;
  top: 172px;
  background-position: 0 0;
}
.myMembershipArea .swipeWrapArea .btnNext {
  right: 0;
  top: 172px;
  background-position: -37px 0;
  left: inherit;
}
.myMembershipArea .swipeWrapArea .btnPrev.swiper-button-disabled {
  background-position: 0 -74px;
}
.myMembershipArea .swipeWrapArea .btnNext.swiper-button-disabled {
  background-position: -37px -74px;
}
.myMembershipList {
  position: relative;
  display: block;
  margin: 13px 0 65px;
  text-align: center;
}

.myMembershipList .titArea {
  text-align: center;
}
.myMembershipList .tit {
  display: inline-block;
}
.myMembershipList .icoAdd {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px 3px 22px;
  font: 400 14px/1.8 gothamL, notokrL;
  letter-spacing: -0.01em;
  border: 1px solid #000;
  border-radius: 5px;
  vertical-align: super;
}
.myMembershipList .icoAdd::before,
.myMembershipList .icoAdd::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 1px;
  top: 14px;
  left: 10px;
  background-color: #000;
}
.myMembershipList .icoAdd::before {
  transform: rotate(90deg);
}
.myMembershipList .icoAdd::after {
  transform: rotate(0deg);
}
.myMembershipList .membershipCash {
  width: 100%;
  margin-bottom: 17px;
  border-bottom: 1px solid #eee;
}
.myMembershipList .membershipCash dt {
  padding: 4px 0 12px;
}
.myMembershipList .membershipCash dd {
  padding-bottom: 20px;
}

.myMembershipInfo {
  position: relative;
  width: 773px;
  height: 323px;
  display: flex;
  align-items: center;
  padding-left: 0;
  margin: 1px auto;
}
.myMembershipInfo .thum {
  width: 401px;
  position: relative;
}
.myMembershipInfo .thum img {
  box-shadow: 15px 15px 40px rgba(0 0 0 / 6%);
}
.myMembershipInfo .btnArea {
  text-align: left;
  margin-top: 40px;
  margin-left: -13px;
}
.myMembershipInfo .bill {
  display: table;
}
.myMembershipInfo .bill > * {
  display: table-cell;
  vertical-align: middle;
}
.myMembershipInfo .bill .price {
  display: inline-block;
  vertical-align: 1px;
  font: 500 34px/1 playfair, notokrR;
  margin-right: 3px;
  letter-spacing: 1px;
  font-feature-settings: "lnum", "pnum";
}
.myMembershipInfo .bill .unit {
  font: 500 20px/1 gothamL, notokrR;
}
.myMembershipInfo .bill i {
  margin-left: 12px;
  color: #888;
  font: 400 18px/1 gothamL, notokrL;
}
.myMembershipInfo .bill + .listDep1 {
  margin-top: 11px;
  text-align: left;
}
.myMembershipInfo .bill + .listDep1 > li + li {
  margin-top: 3px;
  font-family: gothamL, notokrL;
  text-transform: uppercase;
}

.clubList .myMembershipInfo {
  width: 926px;
}
.clubList .myMembershipInfo .btnArea {
  margin-top: 20px;
}
.clubList .membershipCash dl {
  width: 150px !important;
}
.clubList .membershipCash dl:last-of-type {
  width: auto !important;
}
.clubList .membershipCash:nth-of-type(2) > dl {
  width: 55px;
  padding-right: 95px;
}
.clubList .membershipCash:nth-of-type(2) > dl > * {
  text-align: center;
}
.clubList .membershipCash:nth-of-type(2) > dl:last-of-type {
  padding-right: 117px;
}

.myMembershipInfo .subAdd,
.cashInner .subAdd {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -53px;
  display: inline-block;
  padding: 9px 28px;
  font: 400 14px/1 gothamL, notokrL;
  letter-spacing: -0.01em;
  border: 1px solid #000;
  border-radius: 5px;
  vertical-align: top;
}

/* 마이페이지 > 멤버십구매내역(20200604 new) */
.membershipCashList {
  border-top: 1px solid #000;
}
.membershipCashList .noData {
  margin: -1px 0;
  background: #fff;
}
.membershipCashList li {
  padding-left: 205px;
}
.membershipCashList li:first-of-type .cashInner {
  border-top: 0;
}
.membershipCashList li:last-of-type .cashInner {
  border-bottom: 1px solid #ccc;
}
.cashInner {
  position: relative;
  padding: 60px 20px 64px 0;
  border-top: 1px solid #ccc;
}
.cashInner .thum {
  position: absolute;
  top: 60px;
  left: -185px;
}
.cashInner .thum.vertical {
  top: 30px;
}
.cashInner .titArea {
  margin-bottom: 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cashInner .titArea .addRefund {
  height: 45px;
  line-height: 42px;
}
.cashInner .tit {
  font: 600 30px/1 gothamB, notokrM;
  letter-spacing: -0.01em;
}
.cashInner .icoAdd {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px 3px 22px;
  font: 400 14px/1.8 gothamL, notokrL;
  letter-spacing: -0.01em;
  border: 1px solid #000;
  border-radius: 5px;
  vertical-align: top;
}
.cashInner .icoAdd::before,
.cashInner .icoAdd::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 1px;
  top: 14px;
  left: 7px;
  background-color: #000;
}
.cashInner .icoAdd::before {
  transform: rotate(90deg);
}
.cashInner .icoAdd::after {
  transform: rotate(0deg);
}
.cashInner .txt {
  margin-bottom: 15px;
  font-family: gothamL, notokrL;
}
.membershipCashWrap {
  display: flex;
  flex-flow: row; /*margin-top:52px*/
}
.membershipCashWrap::after {
  content: "";
  display: block;
  clear: both;
}
.membershipCash {
  /*float:left;*/
  display: table;
}
.membershipCash:first-of-type > dl {
  width: 160px;
}
.membershipCash:first-of-type > dl:last-of-type {
  width: 190px;
}
.membershipCash:nth-of-type(2) > dl {
  width: 105px;
  padding-right: 50px;
}
.membershipCash:nth-of-type(2) > dl:last-of-type {
  width: 55px;
  padding-right: 0;
}
.membershipCash:nth-of-type(2) > dl > * {
  text-align: center;
}
.membershipCash dl {
  display: table-cell;
}
.membershipCash dt {
  padding-bottom: 13px;
  color: #aaa;
  font: 500 14px/1 notokrR;
  letter-spacing: -0.1em;
  text-align: left;
}
.membershipCash dt i {
  margin-left: 2px;
  font-style: normal;
  font-weight: 400;
}
.membershipCash dd {
  font: 500 20px/1 gothamL, notokrR;
  letter-spacing: -0.01em;
  text-align: left;
}
.membershipCash dd a em {
  text-decoration: underline;
}
.membershipCash dd em {
  font: 500 20px/1 gothamM, notokrR;
}
.membershipCash dd .unit {
  font-weight: 500;
  font-size: 16px;
}
/* 마이페이지 > 멤버십구매내역 > 유료멤버십혜택안내(20200604 new) */
.membershipCashList + h4.titDep3 {
  margin-bottom: 28px;
  font-size: 24px;
}
.membershipCashList.benetfit .cashInner {
  padding: 56px 20px 58px 0;
}
.membershipCashList.benetfit .myMembershipInfo .tit {
  font: 400 20px/1 gothamL, notokrL;
  vertical-align: top;
}
.membershipCashList.benetfit .myMembershipInfo {
  width: auto;
  height: auto;
  padding-left: 0;
}
.membershipCashList.benetfit .myMembershipInfo .bill .price {
  font-size: 28px;
}
.membershipCashList.benetfit .myMembershipInfo .bill .unit {
  font-size: 18px;
}
.membershipCashList.benetfit .myMembershipInfo .bill + .listDep1 {
  margin-top: 16px;
}
.membershipCashList.benetfit .myMembershipInfo .bill + .listDep1 li + li {
  margin-top: 3px;
}
.membershipCashList.benetfit .myMembershipInfo .btnArea {
  position: static;
  margin-top: 29px;
  text-align: left;
}

.mbshipListBtnArea {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.mbshipListBtnArea .addRefund {
  padding-right: 0;
  border-bottom: 1px solid #000;
}
.mbshipListBtnArea .addRefund:after {
  display: none;
}

/* 클럽조선 회원정보(추가) */
.myReserveBox.type02 {
  padding: 20px 30px 20px 28px;
  background: #f9f9f9;
}
.myReserveBox.type02 .myReserveList,
.myReserveBox.type02 .myReserveList li {
  border: 0;
}
.myReserveBox.type02 .myReserveInfo {
  padding: 13px 0;
}
.myReserveBox.type02 .btnLine {
  position: static;
  top: initial;
  right: initial;
  vertical-align: 2px;
}
.myReserveBox.type02 .myReserveInfo dt + dd {
  padding-right: 14px;
}
.myReserveBox.type02 .myReserveInfo dt + dd + dd {
  padding-left: 14px;
}
.myReserveBox.type02 .myReserveInfo dt + dd > .btnLine {
  margin-right: -14px;
}

.myWatchArea h4.titDep3 {
  display: block;
  font: 500 24px notokrR;
  letter-spacing: -0.025em;
}
.myWatchArea .locationTag {
  top: 0;
  left: 0;
}
.myWatchList {
  display: table;
  table-layout: fixed;
  margin: 0 -25px;
}
.myWatchList > li {
  display: table-cell;
  width: 350px;
  vertical-align: top;
  padding: 0 25px;
}
.myWatchList > li a {
  display: block;
  position: relative;
  max-width: 300px;
  padding-top: 208px;
}
.myWatchList > li a .tit {
  display: block;
  margin-top: 20px;
  padding-bottom: 12px;
  font: 500 26px/1 playfair, notokrR;
  height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.myWatchList > li a .txt {
  margin-bottom: 17px;
  font-size: 16px;
  display: block;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myWatchList > li a .date {
  font-family: gothamL, notokrL;
  font-weight: 600;
  font-size: 14px;
  padding-top: 3px;
}
.myWatchList > li a .thum {
  position: absolute;
  left: 0;
  top: 0;
}
.myWatchList > li a .thum img {
  width: 100%;
}

.myPoint.tblH .date {
  font-family: gothamL, notokrL;
}
.myPoint.tblH .pointTxt {
  color: #b01414;
}
.myPoint.tblH td a {
  color: #b01414;
  text-decoration: underline;
}

/* My Page(예약내역List) */
.listBox {
  position: relative;
  margin: 60px 0 0;
}
.listBox .countList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.listBox .countList .count {
  display: block;
  padding: 15px 0 20px;
  font: 500 22px/32px gothamB, notokrM;
  letter-spacing: -0.01em;
}
.listBox .countList .count em {
  font-weight: 600;
}
.listBox .countList .selectWrap {
  margin-left: auto;
}
.listBox .countList .selectWrap .ui-selectmenu-button {
  border: 0;
  font-size: 16px;
}
.listBox .countList .selectWrap .ui-selectmenu-button-open {
  border-bottom: 1px solid #000;
}
.listBox .countList .selectWrap .ui-menu-item {
  font-size: 16px;
}
/* .listBox .countList .tabType01 + .selectWrap{top:80px} */

/* My Page > cardList(공통) 포인트/예약확인 */
.cardList {
  width: 100%;
  margin-bottom: 75px;
}
.cardList li {
  position: relative;
  float: left;
  width: 50%;
}
.cardList li.noData {
  float: none;
  width: 100%;
}
.cardList li .cardInner {
  display: block;
  position: relative;
  padding: 31px 30px 36px;
  margin: 0 5px 10px 0;
  border: 1px solid #ccc;
  height: 264px;
}
.cardList li:nth-child(2n) .cardInner {
  margin: 0 0 10px 5px;
}
.cardList li .cardInner .status {
  display: block;
  color: #989442;
  font: 500 14px gothamM, notokrR;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
/*221125 no_show / 방문완료*/
.cardList li .cardInner .status.st02 {
  color: #aaa;
}
/*221125 취소*/
.cardList li .cardInner .status.st03 {
  color: #b01414;
}
/* // 221125 상태디자인 추가*/
.cardList li .cardInner .keyword {
  display: block;
  color: #989442;
  font: 500 14px/1.5 notokrR;
  letter-spacing: -0.01em;
}
.cardList li .cardInner .tit {
  display: block;
  margin-bottom: 7px;
  font: 500 20px/1.8 gothamM, notokrR;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cardList li .cardInner .info {
  margin-bottom: 2px;
  color: #666;
  font: 400 17px/1.5 gothamL, notokrL;
  letter-spacing: -0.01em;
  display: -webkit-box;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cardList li .cardInner .info + .info {
  margin-top: 0;
}
.cardList li .cardInner .number {
  margin-bottom: 4px;
  color: #666;
  font: 400 17px/1.5 gothamL, notokrL;
  letter-spacing: -0.01em;
}
.cardList li .cardInner .info + .number {
  margin-bottom: 34px;
}
.cardList li .cardInner .number em {
  margin-left: 5px;
  font-size: 18px;
}
.cardList li .cardInner .date {
  font: 400 18px gothamL, notokrL;
  letter-spacing: -0.01em;
  position: absolute;
  bottom: 36px;
}
.cardList li .cardInner .tit + .date {
  margin-top: 30px;
}
.cardList li .cardInner .period {
  color: #666;
  font: 400 17px gothamL, notokrL;
  letter-spacing: -0.01em;
  height: 25px;
  overflow: hidden;
}
.cardList li .cardInner .period em {
  font-size: 18px;
}
.cardList li .cardInner .couponInfo {
  color: #666;
  font: 400 16px notokrL;
  letter-spacing: -0.01em;
  position: absolute;
  bottom: 36px;
}
.cardList li .cardInner .couponInfo.offline {
  color: #aaa;
}
.cardList li .btnAddfile {
  position: absolute;
  right: 30px;
  bottom: 45px;
}
.cardList.expiration li .cardInner > .keyword,
.cardList.expiration li .cardInner > .tit,
.cardList.expiration li .cardInner > p {
  color: #aaa;
}
.cardList.expiration .locationTag {
  top: -1px;
  right: -1px;
}
/* 쿠폰(타이틀변경) */
.cardList.coupon li .cardInner .tit {
  display: -webkit-box;
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
}

/* My Page > myContents(list) */
.listAllChk {
  position: relative;
  margin: 33px 0 0;
}
.listAllChk .frm label {
  font-size: 18px;
}
.chkDelete {
  position: absolute;
  top: 0;
  right: 0;
}
.watchList > li {
  border-top: 1px solid #ccc;
  padding: 70px 0;
}
.watchList > li:first-child {
  margin-top: -35px;
  border-top: 0;
}
.watchListCont {
  position: relative;
}
.watchListCont .frm {
  position: absolute;
  top: 0;
}
.watchListCont .frm label .hidden {
  position: static;
}
.watchListCont .roomIntro {
  position: relative;
  margin-left: 40px;
  padding-left: 583px;
  min-height: 352px;
}
.watchListCont .roomIntro .keyword > span {
  vertical-align: top;
}
.watchListCont .roomIntro .roomName {
  display: block;
  font: 500 40px playfair;
  max-height: 73px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.watchListCont .roomIntro .roomBenefit {
  display: -webkit-box;
  max-height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.watchListCont .roomIntro .thum {
  position: absolute;
  left: 0;
  top: 0;
  width: 508px;
  height: 352px;
}
.watchListCont .roomIntro .thum img {
  width: 100%;
}
.watchListCont .roomIntro .date {
  display: block;
  margin-top: 24px;
  font: 20px gothamL;
}
.watchListCont .roomIntro .date span {
  display: block;
  font: 17px/32px notokrL;
}
.watchListCont .roomIntro .date span em {
  margin-left: 12px;
  font: 18px gothamL;
}
.watchListCont .btnBottom {
  position: absolute;
  left: 584px;
  bottom: 0;
}
.watchListCont .locationTag {
  left: 40px;
}
.watchListCont.expiration .roomIntro > * {
  color: #aaa;
}
.watchListCont.expiration .roomIntro > * span {
  color: #aaa;
  border-color: #aaa;
}
.watchListCont.expiration .roomIntro .btnBottom {
  font-size: 17px;
}

/* My Page > myContents(list) */
.mypage .myContents {
  position: relative;
  min-height: 900px;
  margin-left: 400px;
}
.mypage .myContents.noMember {
  margin-left: 0;
}
.mypage .myContents > h3.titDep2 {
  line-height: 1;
  letter-spacing: -0.01em;
}
.myContents .pageGuide {
  margin: -15px 0 45px;
  font-size: 18px;
}
.myContents h4.titDep3 {
  margin: 74px 0 24px;
  font: 500 24px gothamB, notokrR;
  letter-spacing: -0.025em;
}
.myContents .frmInfo + .txtGuide {
  margin-top: 20px;
}
.cautionBox {
  padding: 34px 40px;
  border: 1px solid #eee;
}
.cautionBox .tit {
  display: block;
  margin-bottom: 12px;
  font: 500 20px/1 notokrR;
  letter-spacing: -0.01em;
}
.myContents .intArea input[value] {
  font-family: gothamL, notokrL;
}
.myContents .defaultTit {
  display: inline-block;
  color: #333;
  font: 500 14px/1 gothamM, notokrR;
  text-transform: uppercase;
}
.myContents .defaultInfo {
  padding: 9px 13px 0 0;
  color: #000;
  font-family: gothamL, notokrL;
  vertical-align: middle;
}
.myContents .defaultInfo p + p {
  margin-top: 5px;
}
.myContents .defaultInfo + .txtGuide {
  margin-top: 9px;
}
.myContents .cardInfoBox {
  position: relative;
}
.myContents .cardInfoBox .side {
  top: 0;
}
.myContents .cardInfo {
  position: relative;
  margin: 15px auto;
  padding: 19px 0;
  background: #f9f9f9;
  text-align: center;
}
.myContents .cardInfo span {
  font: 400 17px/1 gothamL, notokrL;
  letter-spacing: -0.01em;
}
.myContents .frmList.type03 li {
  margin: 8px 0 0 2px;
}
.myContents .frmList.type03 label {
  width: 327px;
  max-width: inherit;
}
.myContents .toggleList .btnLine.reset {
  position: absolute;
  top: 26px;
  right: 76px;
}
.addItemArea {
  position: relative;
}
.addItemArea.disabled .frmInfo.moblieAdd {
  display: none;
}
.addItemArea .frmInfo.moblieAdd {
  display: block;
}
.addItemArea.disabled .addItemDimmed {
  display: block;
}

.addItemDimmed {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0.8;
  z-index: 999;
}
.addItemDimmed .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 0.75em 2.72em;
  font-size: 17px;
  background: #f3f3f3;
  text-align: center;
}
.addItemArea.disabled .side {
  background: #fff;
  opacity: 0.2;
}
.cautionBox.ssg-dfs {
  margin-top: 40px;
}
.txtCl-link {
  color: #008bd3;
}

/* 250630 회원정보수정 버튼 추가 및 디자인 변경 */
.gray_box {
  position: relative;
  background-color: #f9f9f9;
  padding: 25px;
}
.editMbsBtn {
  position: absolute;
  top: 25px;
  right: 25px;
}
.editMbsBtn2 {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  cursor: pointer;
}
.myContents .defaultInfo.gray_box {
  padding: 25px 100px 25px 25px;
}
.myContents .defaultTit + .defaultInfo.gray_box {
  margin-top:10px;
}
/* 250116 제휴사/프로모션명 입력란 추가 */
/* 250212 멤버십 패키지 발급 체크박스 영역 추가 */
.prmCode_box {
  margin-top: 30px;
}
.option_box {
  margin-bottom: 20px;
  margin-top:30px;
}
.prmCode_box .intList > li {
  display: flex;
  align-items: center;
}
.prmCode_box .intList > li .intWrap,
.option_box .intList > li .intWrap {
  min-width: max-content;
  margin-top: 0;
  margin-right: 20px;
}
.option_box .intList > li h3.tit{
  font-family: gothamM, notokrM;
  font-size:18px;
  font-weight: 500;
  color:#333;
  text-transform: uppercase;
}
.prmCode_box .intList > li .tit label,
.option_box .intList > li .tit label {
  font-size: 18px;
}
.prmCode_box .intList > li .intInner,
.option_box .intList > li .intInner {
  width: 100%;
}
.prmCode_box .intList > li .intInner > span,
.prmCode_box .intList > li .intInner > span > input,
.option_box .intList > li .intInner > span,
.option_box .intList > li .intInner > span > input {
  width: 100%;
}

.myContents .side {
  position: absolute;
  top: -45px;
  right: 0;
  background: none;
}
.myContents .side-randing {
  position: absolute;
  top: -4px;
  right: 0;
}
.myContents .btnIcon.delete {
  position: absolute;
  top: 20px;
  right: 20px;
}
.myContents .addItem {
  position: relative;
  padding: 30px 40px 45px;
  background: #f9f9f9;
}
.myContents .addItem.none {
  padding: 0;
  background: #fff;
}
.myContents .addItem + .addItem {
  margin-top: 10px;
}
.myContents .addItem .intList > li + li {
  margin-top: 10px;
}
.myContents .addItem .intList.optIntListt > li + li {
  margin-top: 30px;
}
.myContents .addItem .intInner {
  margin-top: 5px;
}
.myContents .addItem input[type="text"] {
  height: 50px;
  background: transparent;
  border-bottom-color: #000;
}
.myContents .addItem.none input[type="text"] {
  /* height: 50px;
  background: transparent; */
  border-bottom-color: #ccc;
}
.myContents .addItem.none input[type="text"]:focus {
  border-color: #333;
}
.myContents .addItem .frm + .frm {
  margin-left: 20px;
}
.myContents .addItem .intArea + .intArea {
  margin-left: 25px;
}
.myContents .toggleList.rsvList li:first-of-type {
  border-top-color: #000;
}
.myContents .tabFaqType .toggleList.rsvList li:first-of-type {
  border-top-color: #fff;
}
.myContents .frmList.snsLogin {
  margin: -8px 0 12px;
}
.myContents .frmList.snsLogin li {
  margin: 5px 0 8px 2px;
}
.myContents .frmList.snsLogin > li:nth-child(5n + 1) {
  margin-left: 0;
}
.myContents .frmList.snsLogin .frmCheck {
  display: inline-block;
  position: relative;
}
.myContents .frmList.snsLogin .frmCheck label {
  width: 194px;
  max-width: inherit;
  padding: 60px 52px 74px 52px;
  text-align: center;
  color: #666;
  font-family: notokrL;
  height: auto;
  line-height: inherit;
}
.myContents .frmList.snsLogin .frmCheck input[type="checkbox"]:checked label {
  color: #000;
}
.myContents .frmList.snsLogin .frmCheck label:before {
  content: "";
  display: block;
  position: absolute;
  top: inherit;
  left: 50%;
  transform: translateX(-50%);
  bottom: 34px;
  width: 54px;
  height: 1px;
  background: #000;
}
.myContents .frmList.snsLogin .frmCheck label:after {
  content: "연결하기";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 33px;
  width: 56px;
  height: 24px;
  font: 14px notokrL;
  letter-spacing: -0.025em;
  background: transparent;
  font-size: 14px;
}
.myContents .frmList.snsLogin .frmCheck input[type="checkbox"]:checked + label:after {
  content: "해지하기";
}
.myContents .frmList.snsLogin .frmCheck input[type="checkbox"]:checked + label {
  background-repeat: no-repeat;
  background-position: 50% 34px;
}
.myContents .frmList.snsLogin .frmCheck label {
  background-repeat: no-repeat;
  background-position: 50% 34px;
}
.myContents .frmList.snsLogin .frmCheck.google label {
  background-image: url(../../../images/ko/pc/HULO/ico_sns-google.png);
}
.myContents .frmList.snsLogin .frmCheck.naver label {
  background-image: url(../../../images/ko/pc/HULO/ico_sns-naver.png);
}
.myContents .frmList.snsLogin .frmCheck.facebook label {
  background-image: url(../../../images/ko/pc/HULO/ico_sns-facebook.png);
}
.myContents .frmList.snsLogin .frmCheck.kakao label {
  background-image: url(../../../images/ko/pc/HULO/ico_sns-kakao.png);
}
.myContents .frmList.snsLogin .frmCheck.apple label {
  background-image: url(../../../images/ko/pc/HULO/ico_sns-apple.png);
}

/* My Page > myContents(상세) */
.myContents h2.titDep2 {
  font: 40px/0.68 playfair, notokrL;
}
.myContents .categoryTxt {
  font-family: gothamL, notokrL;
  margin: -11px 0 21px;
}
.myContents .categoryTxt em {
  margin-left: 5px;
  font-size: 20px;
}
.myContents .titDep2 + .categoryTxt {
  margin-top: 0;
}
.myContents h3.titDep3 {
  margin: 76px 0 28px;
  font: 500 24px gothamB, notokrR;
  letter-spacing: -0.025em;
}
.myContents .reserveInfo {
  padding: 46px 20px 53px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}
.myContents .reserveInfo.cardList {
  margin-bottom: -10px;
  padding-bottom: 0;
  border: 0;
}
.myContents .reserveInfo .titDep4 {
  display: block;
  margin-bottom: 12px;
  color: #989442;
  font-family: gothamB, notokrR;
  letter-spacing: -0.01em;
}
.myContents .reserveInfo .commlist {
  padding: 0 20px 0 0;
}
.myContents .reserveInfo .commlist .txt {
  display: block;
  margin-top: 6px;
  overflow: hidden;
  font-family: gothamL, notokrL, playfair;
}
.myContents .reserveInfo .commWrap + h4.titDep4 {
  margin-top: 30px;
}
.myContents .reserveInfo .info {
  display: block;
  margin-top: 15px;
  overflow: hidden;
}
.myContents .reserveInfo .info .txt {
  margin-top: 6px;
  overflow: hidden;
  font-family: gothamL, notokrL, playfair;
  white-space: nowrap;
}
.myContents .reserveInfo .info + .titDep4 {
  margin-top: 40px;
}

/* My Page(layer공통추가) */
.layerCont .compSubTit {
  display: block;
  margin-bottom: 12px;
  font: 500 24px gothamB, notokrR;
  letter-spacing: -0.01em;
}
.layerCont .listDep1 li + li {
  margin-top: 2px;
}
.layerCont .listDep1 + .compSubTit,
.layerCont .frmInfo + .compSubTit {
  margin-top: 38px;
}
.layerCont .listDep1 + .txtGuide {
  margin-top: 9px;
}
.layerCont .compTit + .tabToggle {
  margin-top: 39px;
}
.layerCont .membershipConsult .titDep3 {
  margin-top: 45px;
}
.layerCont .membershipConsult .compDesc {
  margin-bottom: 50px;
  color: #666;
  text-align: center;
}
.layerCont .btnArea {
  margin-top: 46px;
}
.layerCont .tabCont .compSubTit {
  margin: 41px 0 12px;
}
.layerCont .tabCont .noticeArea {
  margin-top: 47px;
}
/* My Page(datepicker공통) */
.datepicker-wrapper .ui-datepicker {
  display: none;
  position: absolute;
  margin-top: -1px;
  padding: 28px 24px 27px;
  border: 1px solid #000;
  background: #fff;
  z-index: 2;
}
.datepicker-wrapper .ui-datepicker .ui-datepicker-header {
  width: 294px !important;
  margin-bottom: 12px;
  text-align: center;
}
.datepicker-wrapper .ui-datepicker .ui-datepicker-header .calMonth {
  font: 500 21px/1 gothamM, notokrM;
  letter-spacing: -0.05em;
}
.datepicker-wrapper .ui-datepicker .btnMonth {
  display: block;
  position: absolute;
  top: 200px;
  text-indent: -9999px;
  overflow: hidden;
  width: 10px;
  height: 18px;
  background: url(../../../images/ko/pc/common/ico_calendar_single.png) no-repeat;
}
.datepicker-wrapper .ui-datepicker .prevMonth {
  top: 35px;
  left: 50%;
  margin-left: -92px;
  background-position: 0 0;
}
.datepicker-wrapper .ui-datepicker .nextMonth {
  top: 35px;
  right: 50%;
  margin-right: -92px;
  background-position: -10px 0;
}
.datepicker-wrapper .ui-datepicker .calendar {
  margin: 0 auto;
  padding: 0;
  border: 0;
  width: 294px;
}
.datepicker-wrapper .ui-datepicker .calendar th,
.datepicker-wrapper .ui-datepicker .calendar td {
  text-align: center;
}
.datepicker-wrapper .ui-datepicker .calendar th {
  width: 41px;
  height: 35px;
  color: #000;
  font: 400 14px gothamL;
}
.datepicker-wrapper .ui-datepicker .calendar th.fRed {
  color: red;
}
.datepicker-wrapper .ui-datepicker .calendar td {
  position: relative;
  width: 41px;
  height: 41px;
  font: 400 16px gothamL;
}
.datepicker-wrapper .ui-datepicker .calendar td .default {
  color: #bbb;
}
.datepicker-wrapper .ui-datepicker .calendar td a {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 35px;
  padding: 8px 0;
  color: #000;
  text-align: center;
  font-size: 16px;
}
.datepicker-wrapper .ui-datepicker .calendar td.ui-datepicker-today a {
  background: #f0f0f0;
  border-radius: 100%;
}
.datepicker-wrapper .ui-datepicker .calendar td.ui-datepicker-today a em {
  overflow: hidden;
  font: 0/0 Roboto, notokrL;
}
.datepicker-wrapper .ui-datepicker .calendar td.sel a {
  color: #fff;
  background: #006633 !important;
  border-radius: 100%;
}
.datepicker-wrapper .ui-datepicker .calendar td.fRed a.ui-state-default {
  color: red;
}
.datepicker-wrapper .ui-datepicker .calendar td.fRed.sel a.ui-state-active {
  color: #fff;
}
/* My Page > layerPop */
.layerPop .reserveOpArea {
  position: relative;
  width: 760px;
}
.layerPop .reserveOpArea strong.tit {
  display: block;
  font: 500 34px/1.25 notokrR;
  text-align: center;
  margin-bottom: 40px;
}
.layerPop .reserveOpArea .frmList.type03 li {
  margin: 8px 0 0 3px;
}
.layerPop .reserveOpArea .frmList.type03 label {
  width: 247px;
  max-width: inherit;
}
.layerPop .reserveOpArea .frmList.type03 {
  margin-bottom: 20px;
}
.layerPop .reserveOpArea .txtConfirm {
  margin: -2px 0 13px;
  font: 500 20px/1 notokrR;
  letter-spacing: -0.01em;
}
.layerPop .reserveOpArea .txtAlert {
  margin: 45px 0 21px;
  font: 500 20px/1 gothamB, notokrR;
  letter-spacing: -0.015em;
}
.layerPop .reserveOpArea .txtAlert em {
  color: #989442;
}
.layerPop .reserveOpArea .reserveList {
  margin-bottom: 50px;
  padding: 16px 20px 22px;
  text-align: center;
  background-color: #f9f9f9;
}
.layerPop .reserveOpArea .reserveList span {
  font: 400 16px/30px notokrL;
  letter-spacing: -0.01em;
}
.layerPop .reserveOpArea .reserveList span + span::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 4px;
  width: 1px;
  height: 20px;
  background: #ccc;
  margin: 0 16px;
}
.layerPop .reserveOpArea .total {
  margin-top: 30px;
}
.layerPop .pointArea {
  position: relative;
  width: 740px;
}
.layerPop .pointArea .txtBox {
  background: #fff;
}
.layerPop .pointArea strong.tit {
  display: block;
  font-size: 34px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px;
}
.layerPop .pointArea .intInner .alertMessage {
  top: -25px;
}
.layerPop .printLayer .myContents .titDep2:first-child {
  padding-top: 40px;
  line-height: 1;
}
.layerPop .txtBox .fileUpload {
  margin-bottom: 15px;
}

/* My Page > 관심리스트 > 예약하기(layer) - 공통 */
.reservationLayer {
  display: block;
}
.reservationArea {
  position: relative;
  padding: 2.14% 3.57%;
  background: #f9f9f9;
  border: 1px solid #000;
  margin-top: 70px;
}
.reservationArea .infoArea {
  display: table;
  position: relative;
  width: 78.5%;
}
.reservationArea .infoArea dl {
  display: table-cell;
}
.reservationArea .infoArea dl dt {
  font-family: gothamL, notokrL;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 5px;
}
.reservationArea .infoArea dl dd,
.reservationArea .infoArea dl dd * {
  font-size: 21px;
  font-family: gothamL;
}
.reservationArea .infoArea dl.dlType01 {
  width: 45.9%;
}
.reservationArea .infoArea dl.dlType02 {
  width: 10%;
  text-align: center;
}
.reservationArea .infoArea dl.dlType02 dt {
  padding-bottom: 8px;
}
.reservationArea .intArea {
  display: inline-block;
}
.reservationArea .intArea input {
  padding-right: 0;
  height: 40px;
  background-color: transparent;
  border-color: transparent;
}
.reservationArea .intDiary {
  display: inline-block;
}
.reservationArea .hBar {
  margin: 0 5px;
  font-size: 20px;
}
.reservationArea .icoArr {
  position: absolute;
  right: 50px;
  top: 32px;
  height: 50px;
  line-height: 50px;
  min-width: 162px;
  text-align: left;
}
.reservationArea .frmList.btnDiary {
  position: absolute;
  top: 30px;
  right: 30px;
}
.reservationArea .frmList.btnDiary > span {
  margin: 0 0 0 -5px;
}

.rsvLayer {
  width: 1200px;
}
.rsvLayer .inner {
  width: auto;
  padding: 30px 0;
}
.rsvLayer .selResult {
  padding: 0 50px;
  margin-bottom: 50px;
}
.rsvLayer .selResult .infoArea {
  display: table;
  position: relative;
  width: 800px;
}
.rsvLayer .selResult .infoArea dl {
  display: table-cell;
  padding-right: 0;
}
.rsvLayer .selResult .infoArea dl.dlType02 {
  width: 400px;
}
.rsvLayer .selResult .infoArea dl.dlType03 {
  width: 90px;
}
.rsvLayer .selResult .btnSC {
  min-width: 162px;
  text-align: left;
  top: 40px;
}
.rsvLayer .rsvCont:after {
  content: "";
  display: block;
  clear: both;
}
.rsvLayer .rsvCont .leftCont {
  float: left;
  width: 500px;
}
.rsvLayer .rsvCont .rightCont {
  float: right;
}
.rsvLayer .rsvCont .roomTit {
  text-align: left;
  font: 500 14px gothamM;
}
.rsvLayer .rsvCont .roomSel {
  display: block;
}
.rsvLayer .rsvCont .roomSel + .roomSel {
  margin: 35px 0 0;
}
.rsvLayer .rsvCont .numPeople span {
  padding: 0 33px;
}
.rsvLayer .roomContainer {
  padding-bottom: 0;
}

/* Special offer */
.searchBox.package {
  margin: 0 auto 120px;
}
.searchBox.package .inner {
  padding: 30px 0 20px;
}
.searchBox.package .period:first-child {
  margin-left: 0;
}
.searchBox.package .intDiary {
  margin: 0;
}
.searchBox.package .intWord {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.searchBox.package .intWord .btnSC {
  margin-left: 35px;
  vertical-align: bottom;
  background: transparent;
}
.searchBox.package .keywordList {
  position: relative;
  overflow: hidden;
  height: 92px;
  z-index: 1;
  margin-top: 30px;
}
.searchBox.package .frmList {
  margin: 0;
}
.searchBox.package .frmList > li:nth-child(6n + 1) {
  margin-left: 0;
}
.searchBox.package .frmList .frmCheck label {
  background: #f9f9f9;
  min-width: 227px;
  padding: 0 35px 0 15px;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
}
.searchBox.package .btnMore02 {
  font: 400 14px gothamM;
}
.searchBox.package .btnMore02:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 14px;
  height: 8px;
  background: url(../../../images/ko/pc/common/ico_toggle_14x8.png) no-repeat 0 0;
}
.searchBox.package .btnMore02.open:after {
  background-position: -14px 0;
}
.searchBox.package .searchOp {
  margin-bottom: 0;
}

.boxtypeList > li {
  display: inline-block;
  position: relative;
  width: 680px;
  margin-left: 34px;
  vertical-align: top;
  padding-bottom: 80px;
}
.boxtypeList > li:nth-child(2n + 1) {
  margin-left: 0;
}
.boxtypeList > li > a {
  display: block;
}
.boxtypeList > li dl {
  position: relative;
  padding: 550px 0 250px;
}
.boxtypeList > li dl dt {
  font: 500 40px playfair, notokrR;
  width: 100%;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  font-feature-settings: "lnum", "pnum";
}
.boxtypeList > li dl dd.thum {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  height: 470px;
}
.boxtypeList > li dl dd.thum img {
  width: 680px;
}
/*.boxtypeList > li dl dd.thum:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:transform .35s;-o-transition:transform .35s;-moz-transition:transform .35s;-webkit-transition:transform .35s}*/
.boxtypeList > li dl dd.keyword {
  position: absolute;
  left: 0;
  top: 505px;
}
.boxtypeList > li dl dd.keyword .locationTag {
  position: static;
  min-width: 130px;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.boxtypeList > li dl dd.txt {
  position: absolute;
  left: 0;
  top: 615px;
  display: -webkit-box;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.boxtypeList > li dl dd.date {
  position: absolute;
  left: 0;
  top: 720px;
  color: #333;
}
.boxtypeList > li dl dd.date div > * {
  display: inline-block;
  vertical-align: middle;
}
.boxtypeList > li dl dd.date div + div {
  margin-top: -4px;
}
.boxtypeList > li dl dd.date span {
  width: 82px;
  font-size: 17px;
}
.boxtypeList > li dl dd.date em {
  font-family: gothamL;
}
.boxtypeList > li dl dd.pay {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 24px;
  font-family: gothamL;
}
.boxtypeList > li dl dd.pay em {
  display: inline-block;
  vertical-align: -5px;
  font-size: 40px;
  font-family: playfair;
  margin-right: 3px;
  font-feature-settings: "lnum", "pnum";
}
.boxtypeList > li .btn {
  position: absolute;
  right: 0;
  bottom: 90px;
}
.boxtypeList.eventType > li dl {
  position: relative;
  padding: 495px 0 190px;
}
.boxtypeList.eventType > li dl dd.txt {
  top: 560px;
}
.boxtypeList.eventType > li dl dd.date {
  top: 660px;
}
.boxtypeList.eventType > li .btn {
  bottom: 95px;
}
.boxtypeList.type02 > li dl {
  padding-bottom: 165px;
}
.boxtypeList.type02 > li .btn {
  bottom: 65px;
}
.boxtypeList > li dl dd.keyword .locationTag.FPBSS,
.boxtypeList > li dl dd.keyword .locationTag.FPBSM {
  padding: 3px 10px 4px;
}

.frm.frmBm {
  margin-right: 7px;
}
.frm.frmBm label {
  display: inline-block;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border: 1px solid #ccc;
}
.frm.frmBm input[type="checkbox"] + label:before {
  position: absolute;
  left: 12px;
  top: 15px;
  width: 24px;
  height: 20px;
  background: url(../../../images/ko/pc/common/ico_bookmark.png) no-repeat 0 0;
}
/*.frm.frmBm input[type=checkbox]:checked+label{border-color:#006633;background:#006633}*/
.frm.frmBm input[type="checkbox"]:checked + label:before {
  background-position: -24px 0;
}
.frm.frmBm02 label {
  border: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 190px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  padding: 0 22px 0 63px;
  font-size: 18px;
  text-align: left;
  color: #000 !important;
}
.frm.frmBm02 input[type="checkbox"] + label:before {
  left: 30px;
  top: 20px;
  width: 24px;
  height: 20px;
  background: url(../../../images/ko/pc/common/ico_bookmark.png) no-repeat 0 0;
}
.frm.frmBm02 input[type="checkbox"]:checked + label {
  color: #fff;
  border: 1px solid rgba(0, 0, 0);
}
.frm.frmBm02 input[type="checkbox"]:checked + label:before {
  background-position: -24px 0;
}

.noticeArea {
  border: 1px solid #eee;
  padding: 35px 35px 40px 40px;
}
.noticeArea .titDep3 {
  margin-bottom: 11px;
  font-family: notokrR;
  font-weight: 400;
}
.noticeArea .listDep1 {
  color: #666;
}
.noticeArea .revInquiry {
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 30px;
}
.noticeArea .revInquiry > * {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.noticeArea .revInquiry span {
  position: relative;
  font-size: 16px;
  margin-left: 30px;
  color: #666;
}
.noticeArea .revInquiry span em {
  font-family: gothamL, notokrL;
  margin-left: 10px;
}
.noticeArea .revInquiry span + span:before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 5px;
  width: 1px;
  height: 16px;
  background: #ccc;
}

.rsvInfor {
  background: #f9f9f9;
  margin-bottom: 90px;
  width: 100%;
}
.rsvInfor .inner {
  position: relative;
  padding: 30px 0;
  min-height: 120px;
}
.rsvInfor .inner .txt {
  font-family: gothamM, notokrM;
  font-size: 22px;
}
.rsvInfor .inner .txt.type02 {
  padding-right: 200px;
}
.rsvInfor dl:after {
  content: "";
  display: block;
  clear: both;
}
.rsvInfor dl > dt {
  float: left;
  width: 105px;
  font-family: notokrM;
}
.rsvInfor dl > dd {
  font-family: gothamL, notokrL;
  overflow: hidden;
}
.rsvInfor .btnArea {
  position: absolute;
  right: -8px;
  top: 30px;
  margin: 0;
}
.rsvInfor .btnArea .typeShare {
  font-size: 17px;
}
.rsvInfor .btnArea > * {
  vertical-align: middle;
}
.rsvInfor .btnArea .callTxt {
  display: inline-block;
  margin: 0 7px 0 27px;
}
.rsvInfor .btnArea .callTxt .tit {
  display: block;
  font-size: 14px;
  color: #333;
  font-family: gothamL, notokrL;
  font-weight: 600;
}
.rsvInfor .btnArea .callTxt .num {
  display: block;
  font-size: 20px;
  font-family: gothamL, notokrL;
  text-align: left;
  margin-top: 5px;
  text-align: center;
}
.rsvInfor .btnArea .btnSC.btnTrans {
  border-color: #ccc;
}
/*.rsvInfor .btnArea .btnSC + .btnSC, .rsvInfor .btnArea .btnSC + .frmBm02{margin:0 8px} 삭제 yjs - 추가시 BSSO1120M.html */
.rsvInfor .txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rsvInfor .txt > strong + span {
  display: block;
}
.rsvInfor.event dl > dt {
  width: 110px;
}
.rsvInfor + .businessArea {
  padding-top: 0;
}

.packageCont01 {
  border-top: 1px solid #000;
  padding-bottom: 20px;
}
.packageCont01 > li {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.packageCont01 > li > * {
  display: table-cell;
  vertical-align: top;
  padding: 50px 50px;
  box-sizing: border-box;
}
.packageCont01 > li .tit {
  font: 500 36px playfair;
  width: 27%;
}
.packageCont01 > li .priceInfor {
  background: #f9f9f9;
  width: 44%;
}
.packageCont01 > li .priceInfor div > * {
  display: inline-block;
  vertical-align: middle;
}
.packageCont01 > li .priceInfor div:after {
  content: "";
  display: block;
  clear: both;
}
.packageCont01 > li .priceInfor div + div {
  margin-top: 22px;
}
.packageCont01 > li .day {
  font: 500 18px/60px gothamB, notokrR;
  text-transform: uppercase;
}
.packageCont01 > li .price {
  float: right;
  text-align: right;
  font: 400 24px gothamL;
}
.packageCont01 > li .price em {
  display: inline-block;
  vertical-align: -5px;
  font: 400 36px playfair;
  margin-right: 5px;
  font-feature-settings: "lnum", "pnum";
}

.packageCont02 {
  margin-bottom: 120px;
}
.packageCont02 > li {
  padding: 70px 0;
  border-bottom: 1px solid #ccc;
}
.packageCont02 > li:first-child {
  padding-top: 0;
}
.packageCont02 > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.packageCont02 li > dl {
  position: relative;
  padding-left: 470px;
  min-height: 274px;
}
.packageCont02 li > dl dt {
  font: 500 40px/1.2 gothamB, notokrR;
  padding-bottom: 15px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.packageCont02 li > dl dd.thum {
  position: absolute;
  left: 0;
  top: 0;
}
.packageCont02 li > dl dd.thum img {
  width: 395px;
}
.packageCont02 li > dl dd .listDep1 li {
  color: #333;
}
.packageCont02 li > dl dd .btnArea {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
.packageCont02 li > dl dd .inforTit {
  display: inline-block;
  width: 70px;
  font: 400 17px notokrL;
}
.packageCont02 li > dl dd .inforTxt {
  font: 400 18px gothamL;
}
.packageCont02 li > dl dd .txtGuide {
  margin-top: 10px;
}
.packageCont02 li > dl dd.txtArea .txt + .listDep1 {
  margin-top: 40px;
}
.packageCont02 li .sInfo {
  position: absolute;
  left: 467px;
  bottom: 0;
  padding-right: 100px;
}
.packageCont02 li .sInfo li {
  position: relative;
  padding-left: 100px;
  color: #333;
}
.packageCont02 li .sInfo li + li {
  margin-top: 5px;
}
.packageCont02 li .sInfo .tit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  font-weight: 500;
}
.packageCont02 li .sInfo .txt {
  font-family: gothamL;
}

[class^="packageCont"] + [class^="packageCont"] {
  margin-top: 90px;
}
.packageCont03 {
  padding-bottom: 20px;
}
.packageCont03 .titDep2,
.packageCont04 .titDep2 {
  font: 600 34px gothamB, notokrR;
  text-align: center;
}
.service-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.packageCont03 .titDep2 + .service-items {
  margin-top: 75px;
}
.service-items .service-item {
  position: relative;
  width: 16.666%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.service-items .service-item::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 79px;
  top: 10px;
  right: 0;
  background: #d0d0d0; /*transform:translateY(-50%);*/
}
.service-items .service-item:last-child::after {
  display: none;
}
.service-item .service-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 60px;
  height: 60px;
}
.service-item .service-icon img {
  display: block;
  max-width: 100%;
}
.service-item .service-desc {
  margin-top: 32px;
  font: 600 16px notokrM;
}

.packageCont04 {
  padding-bottom: 20px;
}
.packageCont04 .subTitDep2 {
  font: 400 24px playfair;
  color: #666;
}
.packageCont04 .cont-desc {
  margin-top: 35px;
  text-align: center;
  white-space: pre-line;
  color: #666;
  font-size: 18px;
}

.packageCont05 {
  border-top: 1px solid #000;
  padding-bottom: 20px;
}
.packageCont05 > li {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.packageCont05 > li > * {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
}
.packageCont05 > li .tit {
  width: 245px;
  padding: 50px 35px 0 45px;
  font: 500 28px playfair, notokrR;
}
.packageCont05 > li .guideTxt {
  padding: 50px 50px 0 35px;
  white-space: pre-line;
  color: #666;
}
.packageCont05 > li:first-child .tit,
.packageCont05 > li:first-child .guideTxt {
  padding-top: 60px;
}
.packageCont06 {
  position: relative;
  background: #f9f9f9;
  padding: 65px 25px 65px 50px;
}
.packageCont06::before,
.packageCont06::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5000px;
  height: inherit;
  background: #f9f9f9;
}
.packageCont06::before {
  left: -5000px;
}
.packageCont06::after {
  right: -5000px;
}
.packageCont06 .service-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.packageCont06 .service-label {
  margin: 50px 0 15px;
  font: 500 28px playfair, gothamB, notokrR;
}
.packageCont06 .service-label:first-child {
  margin-top: 0;
}
.packageCont06 .service-list {
}
.packageCont06 .service-list > li {
  position: relative;
  white-space: pre-line;
  padding-left: 22px;
  color: #666;
}
.packageCont06 .service-list > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  top: 0.9em;
  width: 3px;
  height: 3px;
  background: #666;
  border-radius: 50%;
}

[class^="packageCont"] + .packageCont07 {
  margin-top: 100px;
}
.packageCont07 {
  padding-bottom: 40px;
}
.packageCont07 img {
  display: block;
  width: 100%;
}

/* (20200803) new design */
.packageCont22 {
  margin-bottom: 120px;
}
.packageCont22 > li {
  padding: 62px 0 70px;
  border-bottom: 1px solid #ccc;
}
.packageCont22 > li:first-child {
  padding-top: 0;
}
.packageCont22 > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.packageCont22 li > dl {
  position: relative;
  padding-left: 434px;
  min-height: 274px;
}
.packageCont22 li > dl dt {
  padding-bottom: 7px;
  font: 500 36px/1.2 gothamB, notokrR;
  letter-spacing: -0.01em;
}
.packageCont22 li > dl dd.thum {
  position: absolute;
  left: 0;
  top: 8px;
}
.packageCont22 li > dl dd.thum img {
  width: 385px;
}
.packageCont22 li > dl dd.txtArea > .txt {
  margin-bottom: 63px;
  font: 400 18px/1.8 gothamL, notokrL;
  text-transform: uppercase;
}
.packageCont22 li .sInfo {
  display: table;
  padding-right: 100px;
}
.packageCont22 li .sInfo li {
  display: table-row;
  margin-bottom: 15px;
  font: 500 17px gothamL, notokrL;
}
.packageCont22 li .sInfo .tit,
.packageCont22 li .sInfo .txt {
  display: table-cell;
}
.packageCont22 li .sInfo .txt {
  line-height: 1.8;
}
.packageCont22 li .sInfo .tit {
  padding: 5px 30px 5px 0;
}
.packageCont22 li .txtGuide {
  margin-top: 10px;
}

/* 211018 패키지 상세 - 패키지 종류 추가 */
.packageList > li {
  padding: 70px 0;
  border-bottom: 1px solid #ccc;
}
.packageList > li:first-child {
  padding-top: 0;
}
.packageList .package-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.packageList .package-container .package-pic {
  position: relative;
  width: 450px;
}
.packageList .package-container .package-pic img {
  width: 100%;
}
.badge-lg {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 106px;
  height: 106px;
  top: 0;
  right: 0;
  background: #a2664e;
  color: #fff;
  letter-spacing: 0.1em;
  font: 300 20px/1 "notokrL";
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.badge-lg b {
  display: block;
  margin-left: 4px;
  letter-spacing: 0.25em;
  font: 500 28px/1.35 "notokrM";
}

.packageList .package-container .package-pic + .package-content {
  margin-left: 50px;
}
.packageList .package-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 500px);
}
.packageList .package-container .package-body {
  width: 100%;
  height: 100%;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.packageList .package-container .package-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.packageList .package-container .package-section:first-child {
  padding-bottom: 12px;
  max-width: 620px;
}
.packageList .package-container .package-section.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.packageList .package-container .package-section.bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.package-content .package-head .package-tit {
  margin-bottom: 15px;
  font: 400 36px/1 "notokrR";
}
.package-content .package-head .package-label {
  font: 500 20px/1.8 "notokrM";
}
.package-tit .package-tit-item {
  position: relative;
  display: inline-block;
  padding: 0 18px;
  font: inherit;
}
.package-tit .package-tit-item:first-child {
  padding-left: 0;
}
.package-tit .ft-gotham {
  font: 400 32px/1 "gothamB";
}
.package-tit .package-tit-item::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0.83em;
  background: #000;
}
.package-tit .package-tit-item:last-child::after {
  display: none;
}
.package-desc {
  font: 300 18px/1 "notokrL";
  color: #333;
}
.package-desc .package-desc-item {
  position: relative;
  display: inline-block;
  padding: 0 18px;
  color: inherit;
  font: inherit;
}
.package-desc .package-desc-item:first-child {
  padding-left: 0;
}
.package-desc .package-desc-item::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 1em;
  background: #333;
}
.package-desc .package-desc-item:last-child::after {
  display: none;
}
.list-middot > li {
  position: relative;
  padding-left: 16px;
}
.list-middot > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 50%;
}
.packageList .price {
  font: 400 40px "playfair";
  -webkit-font-feature-settings: "lnum", "pnum";
  font-feature-settings: "lnum", "pnum";
}
.packageList .price-unit {
  display: inline-block;
  margin-left: 5px;
  font: 400 24px "gothamL";
}
.msg-reference {
  color: #666;
}
.packageList .msg-reference {
  margin-top: 1em;
}
.msg-reference::before {
  content: "\203B";
  display: inline-block;
  margin-right: 3px;
  color: #666;
}
.packageList .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.packageList .package-content .btn-group {
  margin-top: 18px;
}
.packageList .btn-group .btn-detail {
  width: 50px;
  height: 50px;
  margin-right: 8px;
  background: transparent url("../../../images/ko/pc/common/ico_detail_23x22.png") center center / 23px no-repeat;
  border: 1px solid #4b4b4b;
  font: 400 17px "gothamL";
  color: transparent;
  text-indent: -9999px;
}
.packageList .toggleOn .btn-group .active {
  background: #a2664e !important;
  border: 1px solid #a2664e;
}

/* 221006 패키지 상세 - 공통혜택 */
.packageCont08 {
  margin-bottom: 120px;
}
.packageCont08 > li {
  padding: 70px 0;
  border-bottom: 1px solid #ccc;
}
.packageCont08 > li:first-child {
  padding-top: 0;
}
.packageCont08 > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.packageCont08 li > dl {
  position: relative;
  padding-left: 500px;
  min-height: 274px;
}
.packageCont08 li > dl dt {
  font: 500 40px/1.2 gothamB, notokrR;
  padding-bottom: 15px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.packageCont08 li > dl dd.thum {
  position: absolute;
  left: 0;
  top: 0;
}
.packageCont08 li > dl dd.thum img {
  width: 450px;
}
.packageCont08 li > dl dd .listDep1 li {
  color: #333;
}
.packageCont08 li > dl dd .btnArea {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
.packageCont08 li > dl dd .inforTit {
  display: inline-block;
  width: 70px;
  font: 400 17px notokrL;
}
.packageCont08 li > dl dd .inforTxt {
  font: 400 18px gothamL;
}
.packageCont08 li > dl dd .txtGuide {
  margin-top: 10px;
}
.packageCont08 li > dl dd.txtArea .txt + .listDep1 {
  margin-top: 40px;
}
.packageCont08 li .sInfo {
  position: absolute;
  left: 500px;
  bottom: 0;
  padding-right: 100px;
}
.packageCont08 li .sInfo li {
  position: relative;
  padding-left: 100px;
  color: #333;
}
.packageCont08 li .sInfo li + li {
  margin-top: 5px;
}
.packageCont08 li .sInfo .tit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  font-weight: 500;
}
.packageCont08 li .sInfo .txt {
  font-family: gothamL;
}

/* package detail view */
.packageList .detail-view {
  padding: 80px 145px 0;
  margin-top: 40px;
  border: 1px solid #be9483;
  font-size: 16px;
}
.detail-view [class^="packageCont"] + [class^="packageCont"] {
  margin-top: 20px;
}
.detail-view [class^="packageCont"] {
  padding-bottom: 60px;
}
.detail-view [class^="packageCont"]:not(.packageCont06):last-child {
  padding-bottom: 80px;
}
.detail-view .packageCont06 {
  padding: 50px 25px 55px 35px;
}
.detail-view .packageCont06::before,
.detail-view .packageCont06::after {
  width: 145px;
}
.detail-view .packageCont06::before {
  left: -145px;
}
.detail-view .packageCont06::after {
  right: -145px;
}
.detail-view .packageCont06 + .titDep2 {
  margin-top: 60px;
}
.detail-view .titDep2 {
  margin-top: 20px;
  font-size: 28px;
}
.detail-view .titDep2:first-child {
  margin-top: 0;
}
.detail-view .packageCont03 .titDep2,
.packageList .detail-view .packageCont04 .titDep2 {
  font-size: 28px;
}
.detail-view .packageCont04 .subTitDep2 {
  font-size: 19px;
}
.detail-view .packageCont04 .cont-desc {
  font-size: 16px;
}
.detail-view .packageCont05 > li .tit {
  width: 200px;
  padding: 40px 25px 0 35px;
  font-size: 24px;
}
.detail-view .packageCont05 > li .guideTxt {
  padding: 40px 25px 0 25px;
}
.detail-view .packageCont05 > li:first-child .tit,
.detail-view .packageCont05 > li:first-child .guideTxt {
  padding-top: 50px;
}

.detail-view .packageCont06 .service-label {
  margin-top: 36px;
  margin-bottom: 10px;
  font-size: 24px;
}
.detail-view .packageCont06 .service-label:first-child {
  margin-top: 0;
}
.detail-view .service-item .service-icon {
  -webkit-transform: scale(0.88);
  -ms-transform: scale(0.88);
  transform: scale(0.88);
}
.detail-view .service-item .service-desc {
  margin-top: 25px;
  font-size: 13px;
}

.detail-view .packageCont03 .titDep2 + .service-items {
  margin-top: 35px;
}
.detail-view .service-items .service-item::after {
  height: 63px;
}
.detail-view .packageCont04 .cont-desc {
  margin-top: 25px;
}
.detail-view [class^="packageCont"] + .packageCont07 {
  margin-top: 50px;
}

.packageList .detail-view-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 43px;
}
.packageList .detail-view-bottom .price {
  margin-right: 20px;
}
/* // 211018 패키지 상세 - 패키지 종류 추가 */

/* hub 객실상세 layer (20200803) new design */
.layerPop .tabCont + .titDep2 {
  margin-top: 40px;
}
.layerPop .packageCont22 {
  margin-bottom: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}
.layerPop .packageCont22 > li {
  padding: 46px 0 60px;
}
.layerPop .packageCont22 li > dl {
  padding-left: 0;
  min-height: auto;
}
.layerPop .packageCont22 li > dl dt {
  padding-bottom: 15px;
  font-size: 30px;
}
.layerPop .packageCont22 li > dl dd.txtArea > .txt {
  margin-bottom: 0;
} /* txt만 사용하는 경우, li 여백과 중복(변경) */
.layerPop .packageCont22 li > dl dd.txtArea > .txt + .sInfo {
  margin-top: 33px;
} /* txt만 사용하는 경우, li 여백과 중복(변경) */
.layerPop .packageCont22 li > dl dd .btnArea {
  position: absolute;
  right: 9px;
  bottom: 0;
}
.layerPop .packageCont22 + .noticeArea {
  margin-top: 50px;
  margin-right: 17px;
}

/* 객실 */
.propertyList {
  overflow: hidden;
}
.propertyList .infoCont .category {
  margin-top: -15px;
}
.propertyList .infoCont .category span {
  display: inline-block;
  font-size: 14px;
  color: #7db2a6;
  font-family: gothamM;
  text-transform: uppercase; /*padding:3px 8px*/
} /* yjs padding 삭제 */
.propertyList .infoCont .category + .tit {
  margin: 10px 0 0;
}
.propertyList .infoCont .txtCategory {
  display: block;
  font-family: gothamM;
  font-size: 14px;
  margin: -7px 0 24px;
}
.propertyList .infoCont .tit {
  display: block;
  font-size: 54px;
  line-height: 1;
  font-family: playfair;
  font-weight: 500;
  font-feature-settings: "lnum", "pnum";
  color: #fff;
  margin: -10px 0 4px;
}
.propertyList .infoCont .txt {
  margin-top: 12px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff; /*padding-right:100px*/
}
.propertyList .infoCont .btn {
  margin: 43px 0 70px;
}
.propertyList .infoCont .btn .btnSC {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.8);
  margin-right: 8px;
}
.propertyList .infoCont .btn .btnSC:before {
  display: none;
}
.propertyList .infoCont .btn .btnSC:hover {
  color: #fff !important;
}
.propertyList .infoCont .btn a {
  font-family: gothamL;
}
.propertyList .infoCont .btn a + a {
  margin: 0 8px 0 0;
}
.propertyList .infoCont .frm.frmBm label {
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.propertyList .infoCont .frm.frmBm input[type="checkbox"]:checked + label {
  background: none;
  border: 1px solid rgba(255, 255, 255);
}
.propertyList > li {
  position: relative;
  padding-bottom: 100px;
}
.propertyList > li:last-child {
  padding-bottom: 180px;
}
.propertyList > li .inner {
  padding: 90px 0 0;
}
.propertyList > li .inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 3000px;
  height: 100%;
  background: #fff;
}
.propertyList > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 860px;
}
.propertyList > li:nth-child(odd):before {
  background: #164438;
}
.propertyList > li:nth-child(odd) .inner:after {
  right: -3000px;
}
.propertyList > li:nth-child(odd) .infoCont .txtCategory {
  color: #7db2a6;
}
.propertyList > li:nth-child(odd) .infoCont .frm.frmBm input[type="checkbox"] + label:before {
  background-position: -48px 0;
}
.propertyList > li:nth-child(odd) .infoCont .frm.frmBm input[type="checkbox"]:checked + label:before {
  background-position: -72px 0;
}
.propertyList > li:nth-child(even) .infoCont .btn .btnSC {
  background: transparent !important;
  border: 1px solid #000;
  color: #000 !important;
}
.propertyList > li:nth-child(even) .infoCont .frm.frmBm label {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.propertyList > li:nth-child(even) .infoCont .frm.frmBm input[type="checkbox"]:checked + label {
  border: 1px solid rgba(0, 0, 0);
}
.propertyList > li:nth-child(even) .infoCont .frm.frmBm input[type="checkbox"] + label:before {
  background-position: 0 0;
}
.propertyList > li:nth-child(even) .infoCont .frm.frmBm input[type="checkbox"]:checked + label:before {
  background-position: -24px 0;
}
.propertyList > li:nth-child(even):before {
  background: #e5cfc7;
}
.propertyList > li:nth-child(even) .inner:after {
  left: -3000px;
}
.propertyList > li:nth-child(even) .infoCont .txtCategory {
  color: #99726b;
}
.propertyList > li:nth-child(even) .infoCont {
  padding-left: 100px;
}
.propertyList > li:nth-child(even) .category span {
  color: #99726b;
}
.propertyList > li:nth-child(even) .tit,
.propertyList > li:nth-child(even) .txt {
  color: #000;
}
.propertyList > li.noData:before {
  display: none;
}
.propertyList + .btnArea {
  margin-bottom: 180px;
}
.propertyWrap .ppGallery + .btnArea {
  margin-top: 40px;
}
.propertyWrap .ppGallery + .btnArea a {
  border-color: #ccc;
}
.propertyWrap .tblV + h2.hidden + .ppGallery {
  margin-top: 100px;
}
.btnArea.full {
  background: #f9f9f9;
  padding: 30px 0;
  margin: 0 0 80px;
}
.btnArea.full > * {
  vertical-align: middle;
}
.btnArea + .propertyWrap {
  padding-top: 14px;
}

.toggleCont .subFrmCont {
  padding-left: 53px;
}
.toggleCont .subFrmCont .txt {
  color: #000;
}
.toggleCont .subFrmCont .intBox + .txtGuide {
  margin-top: 15px;
}
.toggleCont .subFrmCont .intBox {
  display: table;
  width: 100%;
}
.toggleCont .subFrmCont .frm {
  display: table-cell;
  vertical-align: top;
}

/*.topArea+.inner .promCode{position:absolute;top:-70px;right:0}*/

/* 버튼 타입 */
.btnSC[class*="type"] {
  background: transparent;
  border-color: #ccc;
}
.btnSC[class*="type"] span {
  position: relative;
  display: inline-block;
  padding-left: 34px;
}
.btnSC[class*="type"] span:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url(../../../images/ko/pc/common/ico_btns.png) 0 0;
}
.btnSC.typeShare span:before {
  background-position: 0 0;
}
.btnSC.typeInterest span:before {
  background-position: -24px 0;
}

.propertyInfo {
  margin-bottom: 92px;
}
.propertyInfo li {
  width: 33.33%;
  float: left;
}
.propertyInfo li:nth-child(3n + 1) {
  clear: left;
}
.propertyInfo li dl {
  padding-top: 52px;
}
.propertyInfo li:nth-child(1) dl,
.propertyInfo li:nth-child(2) dl,
.propertyInfo li:nth-child(3) dl {
  padding-top: 0;
}
.propertyInfo li dl dt {
  margin-bottom: 5px;
  font-family: gothamM, notokrM;
  font-size: 14px;
  text-transform: uppercase;
}
.propertyInfo li dl dd {
  padding-right: 30px;
  font-size: 18px;
  font-family: gothamL, notokrL;
  letter-spacing: -0.01em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-transform: uppercase;
}
/*.propertyInfo.type01, .propertyInfo.type02{margin:73px 0}*/
.propertyInfo.type02 li {
  width: 50%;
  float: left;
} /* [float] Our Business */
.propertyInfo.type02 li + li + li dl {
  padding-top: 55px !important;
}
.propertyInfo.type02 li:nth-child(2n + 1) {
  clear: left;
}
.propertyInfo.type02 li:nth-child(3n + 1) {
  clear: none;
}
.propertyInfo.type03 {
  padding: 35px 30px 40px;
  background: #f9f9f9;
  margin: 0;
}
.propertyInfo.type03::after {
  content: "";
  display: block;
  clear: both;
}
.propertyInfo.type03 dl {
  width: 66%;
  float: left;
}
.propertyInfo.type03 dl:first-child {
  width: 34%;
}
.propertyInfo.type03 dl:first-child dd ul > li {
  width: 100%;
  float: none;
}
.propertyInfo.type03 dl dt {
  font-family: gothamL, notokrL;
  font-size: 20px;
  font-weight: 500;
}
.propertyInfo.type03 dl dd {
  margin-top: 0;
  letter-spacing: -0.01em;
}
.propertyInfo.type03 dl dd ul > li {
  width: 33%;
  float: left;
  margin-top: 10px;
}
.propertyInfo.type03 dl dd.txtGuide {
  font-size: 16px;
  color: #888;
}
.propertyInfo.type03.halfType {
  margin: 0 0 55px;
  padding: 30px 38px 35px;
}
.propertyInfo.type03.halfType dl {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  float: inherit;
}
.propertyInfo.type03.halfType dl:nth-child(2n + 2) {
  width: 48%;
  padding-left: 2%;
}
.propertyInfo.type03.halfType dl dt {
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
}
.propertyInfo.type03.halfType dl dd {
  text-transform: uppercase;
}
.propertyInfo.type03.halfType dl:not(:first-child):not(:nth-child(2)) {
  margin-top: 20px;
}
.propertyInfo.type04 li dl dt {
  font-size: 20px;
}

.tabRoomInfo {
  padding: 26px 40px 30px;
  margin-top: 35px;
  background: #f9f9f9;
  font-family: gothamL, notokrL;
}
.tabRoomInfo:after {
  content: "";
  display: block;
  clear: both;
}
.tabRoomInfo li {
  float: left;
  width: 33.33%;
  padding: 7px 0 0 60px;
  font-size: 18px;
}
.tabRoomInfo li:nth-child(3n + 1) {
  padding-left: 0;
}
.tabRoomInfo + .txtGuide {
  margin-top: 20px;
}
.tabRoomInfo .titDep3 {
  margin-top: 14px;
}

.defaultSvCont {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
  padding: 53px 52px;
}
.defaultSvCont:after {
  content: "";
  display: block;
  clear: both;
}
.defaultSvCont li {
  width: 33.33%;
  float: left;
  padding-left: 60px;
}
.defaultSvCont li:first-child {
  padding-left: 0;
}
.defaultSvCont li.pl0 {
  padding-left: 0 !important;
}
.defaultSvCont li .tit {
  display: block;
  font-size: 30px;
  font-family: playfair;
  font-weight: 500;
}
.defaultSvCont li .txtCont {
  margin-top: 10px;
}
.defaultSvCont li .txt {
  font-size: 17px;
  color: #666;
  line-height: 30px;
}
.defaultSvCont li .btnLine {
  color: #000;
  margin-left: 8px;
}

.packageCont02 + .titDep2 {
  margin-top: 70px;
  padding-top: 75px;
  border-top: 1px solid #ccc;
}

/* 안내사항 */
.notiBox {
  margin-top: 80px;
  padding: 31px 40px 26px;
  border: 1px solid #eee;
}
.notiBox .tit {
  font-size: 20px;
}
.notiBox .listDep1 {
  margin-top: 4px;
}
.notiBox .sNotiCont {
  border-top: 1px solid #eee;
  padding-top: 27px;
  margin-top: 40px;
}
.notiBox .sNotiCont .tit {
  margin-right: 23px;
  vertical-align: middle;
}
.notiBox .sNotiCont span {
  font-size: 16px;
  color: #666;
  vertical-align: middle;
}
.notiBox .sNotiCont span + span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #ccc;
  margin: 0 20px 2px 25px;
  vertical-align: middle;
}
.notiBox + .btnArea {
  margin-top: 80px;
}

/* 통합 멤버십 */
.membership .pageGuide {
  margin: 17px 0;
}
.membership h3.titDep2 {
  margin-bottom: 9px;
  font-family: gothamB;
}
.membership h3.titDep2 + .txt {
  margin-bottom: 9px;
  letter-spacing: -0.01em;
}
.membership .prevBfBtn {
  margin-bottom: 50px;
  font-size: 16px;
}
.membershipFree {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 60px 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}
.membershipFree > * {
  display: table-cell;
  vertical-align: middle;
}
.membershipFree dl:first-of-type {
  width: 445px;
  vertical-align: top;
}
.membershipFree dl {
  width: 685px;
}
.membershipFree dt {
  margin-bottom: 16px;
  font: 500 30px gothamL;
  text-transform: uppercase;
} /* 폰트 변경 YJS */
.membershipFree dd {
  margin-bottom: 6px;
  color: #666;
  font: 400 17px gothamL, notokrL;
}
.membershipFree dd abbr {
  font-weight: 400;
  font-family: gothamL;
  font-size: 17px;
  vertical-align: 0;
  margin-left: 0;
}
.membershipFree dd button {
  margin-left: 8px;
}
.membershipBox {
  display: table;
  table-layout: fixed;
  width: calc(100% + 24px);
  margin: -12px -12px -12px;
  border-spacing: 12px;
}
.membershipCard {
  display: table-cell;
  padding: 43px 25px 40px;
  background-color: #f8f8f8;
  position: relative;
}
.membershipCard > * {
  display: block;
}
.membershipCard .thum {
  padding-top: 20px;
  margin-bottom: 42px;
  text-align: center;
  position: relative;
} /* 240910 추가 */
.membershipCard .thum img {
  max-width: 203px;
}

.membershipCard .thum .premierInfo {
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
  color: #888;
  font: 300 14px notokrL;
  padding-left: 25px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
}
.membershipCard .thum .premierInfo:before {
  content: "*";
  font: 300 14px notokrL;
  color: #888;
  position: absolute;
  top: 2px;
  left: 12px;
}
.membershipCard .thum .grandjosunPInfo {
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
  color: #888;
  font: 300 14px notokrL;
  padding-left: 25px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
}
.membershipCard .thum .grandjosunPInfo:before {
  content: "*";
  font: 300 14px notokrL;
  color: #888;
  position: absolute;
  top: 2px;
  left: 12px;
}

.membershipCard .mbs_moOnly {
  font: 300 14px notokrL;
  color: #888;
  font-style: normal;
  text-align: center;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
} /* 240910 추가 */
.membershipCard .tit {
  margin-bottom: 8px;
  font: 600 20px gothamL, notokrM;
}
.membershipCard .txt {
  margin-bottom: 31px;
  font: 600 18px gothamB, notokrM;
  font-weight: 400;
}
.membershipCard .txt em {
  display: inline-block;
  vertical-align: -2px;
  font: 500 28px playfair, gothamB, notokrR;
  font-feature-settings: "lnum", "pnum";
  letter-spacing: 0.05em;
}
.membershipCard .txt i {
  margin-left: 1px;
  color: #888;
  font: 400 16px notokrL;
  letter-spacing: -0.01em;
  font-style: normal;
}
.membershipCard dl {
  display: block;
  margin-top: 37px;
}
.membershipCard dt {
  margin-bottom: 19px;
  color: #989442;
  font: 500 14px gothamB, notokrR;
}
.membershipCard dd {
  position: relative;
  padding-left: 10px;
  margin-bottom: 7px;
  color: #666;
  font: 400 16px gothamL, notokrL;
  letter-spacing: -0.01em;
}
.membershipCard dd::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 11px;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  background-color: #000;
  border-radius: 50%;
}
.membershipCard .lineBox {
  background: transparent;
  border-color: #ccc;
}

.membershipBox.MoreBtn {
  margin-top: 8px;
}
.membershipBox.MoreBtn .membershipCard {
  padding: 0;
  background: #fff;
}
.membershipBox.MoreBtn .membershipCard .lineBox {
  font-size: 16px;
}

/* 250527 그랜드조선 법인형 카드 버튼 위치 변경 */
.membershipCard.ctaFloatBox {
  padding: 43px 25px 80px;
}
.membershipCard.ctaFloatBox .ctaBox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 37px;
}
.membershipCard.ctaFloatBox .ctaBox .btnSC {
  width: 100%;
  font-size: 16px;
  padding: 0 10px;
}

/* 241030 주요혜택 추가 */
.majorBenefitsBox {
  background-color: #f8f8f8;
  padding: 20px 30px;
  margin-top: 90px;
}
.majorBenefitsBox > .titDep2 {
  font-size: 22px;
  margin-top: 20px;
}

/* 통합멤버십(상세) */
.membershipView {
  position: relative;
  height: 900px;
  background: #000;
}
.membershipView.premier {
  background: #304f5f;
}
.membershipView.gold {
  background: #6c5340;
}
.membershipView.platinum {
  background: #505861;
}
.membershipView.black {
  background: #383840;
}
.membershipView.grandjosun {
  background: #837f7d;
} /* 240910 수정 */
.membershipView.grandjosun_co {
  background: #6a7370;
} /* 240805 추가 */
.membershipView.titanium {
  background: #636466;
} /* 240805 추가 */
.membershipView .titDep1 {
  margin-bottom: 26px;
  color: #fff;
  font: 500 80px playfair, gothamM, notokrR;
  text-align: center;
}
.membershipView .pageGuide {
  color: #fff;
  font: 400 20px gothamL, notokrL;
  letter-spacing: -0.015em;
  text-align: center;
  margin: inherit;
}
.membershipView .pageGuide em {
  font: 400 22px gothamM;
}
.membershipView .img {
  display: block;
  width: 915px;
  margin: 0 auto;
  padding-right: 617px;
}
.membershipView .img > img {
  width: 100%;
  max-width: 298px;
}
.membershipView .benetfitPrev {
  position: absolute;
  top: 380px;
  left: 50.3%;
  width: 580px;
  display: flex;
  flex-flow: row wrap;
}
.membershipView .benetfitPrev .benefitPrevTit {
  position: absolute;
  top: -50px;
  font: 500 22px notokrM;
  color: #fff;
}
.membershipView .topArea .topInner {
  padding: 91px 0 63px;
}
.benetfitPrevList {
  width: calc(50% - 50px);
  margin: 0 50px 14px 0;
  padding: 17px 0 29px;
  border-top: 1px solid #bcbcbc;
}
.benetfitPrevList .tit {
  display: block;
  margin-bottom: 5px;
  color: #eee;
  font: 400 18px notokrL;
  letter-spacing: -0.075em;
}
.benetfitPrevList .tax {
  display: block;
  margin-bottom: 11px;
  color: #fff;
  font: 500 36px playfair, gothamB, notokrR;
  letter-spacing: 0.075em;
  font-feature-settings: "lnum", "pnum";
}
.benetfitPrevList .tax .unit {
  display: inline-block;
  margin-left: 4px;
}
.benetfitPrevList .tax .unit.type01 {
  font: 400 36px playfair;
} /* 영문 */
.benetfitPrevList .tax .unit.type02 {
  font: 400 20px gothamL, notokrL;
} /* % */
.benetfitPrevList .tax .unit.type03 {
  font: 400 16px gothamL, notokrL;
} /* krw */
.benetfitPrevList .tax .txt {
  color: #fff;
  font: 30px notokrR;
  letter-spacing: -0.04em;
}
.benetfitPrevList .tax .txt2 {
  display: block;
  color: #fff;
  font: 20px notokrR;
  letter-spacing: -0.04em;
  margin-bottom: 5px;
} /* 240812 추가 */
.benetfitPrevList .txt {
  display: block;
  color: #aaa;
  font: 400 16px gothamL, notokrL;
}
.membershipView .premierInfo {
  position: absolute;
  top: 715px;
  left: 50.3%;
  color: #f9f9f9;
  font: 400 16px notokrL;
  text-transform: uppercase;
}
.membershipView .grandjosunPInfo {
  position: absolute;
  top: 715px;
  left: 50.3%;
  color: #f9f9f9;
  font: 400 16px notokrL;
  text-transform: uppercase;
}
.membershipView.black .benetfitPrevList {
  width: 206px;
  margin: 0 44px 14px 0;
}

.membership .rsvInfor {
  margin-bottom: 59px !important;
}
.membership .rsvInfor .btnArea {
  right: -8px;
}
.membership .rsvInfor .btnArea a {
  margin: 0 8px;
}

/* btn color 추가 240905 */
.membership .rsvInfor .btnArea .btnGJC,
.membershipCard .btnGJC,
.btnGJC {
  background: #164438;
  color: #fff;
}

.myMembershipTit {
  position: absolute;
  top: 52px;
  left: 0;
  font: 30px notokrR;
  letter-spacing: -0.025em;
}
.myMembershipBtn {
  position: absolute;
  top: 120px;
  left: 3px;
}
.myMembership {
  position: relative;
  margin: 0 0 120px 360px;
}
.myMembership .rsvList > li {
  min-height: 181px;
  padding: 56px 20px 60px;
  border-top: 0;
  border-bottom: 1px solid #eee;
}
.myMembership .rsvList > li.toggleOn {
  border-top: 0;
}
.myMembership .rsvList > li .btnToggle {
  right: -15px;
  top: 50%;
  transform: translateX(-50%);
  margin-top: -14px;
  z-index: 2;
}
.myMembership .rsvList > li .toggleInner {
  padding: 0 0 0 365px;
}

.myMembership .basicInfor {
  position: relative;
  display: table;
  width: 100%;
  min-height: 74px;
}
.myMembership .benetfitTit,
.myMembership .benetfitPrev,
.myMembership .btnToggle {
  display: table-cell;
}
.myMembership .benetfitTit {
  width: 365px;
}
.myMembership .benetfitPrev {
  width: 635px;
}

.myMembership .benetfitTit .tit {
  font: 400 26px/1.33 notokrL;
  letter-spacing: -0.01em;
}
.myMembership .benetfitTit .tit em {
  color: #989442;
  font-weight: 600;
}
.myMembership .benetfitTit .tit span + em {
  margin-left: 8px;
}
.myMembership .benetfitTit .opValue {
  display: block;
  font: 400 26px notokrL;
  letter-spacing: -0.01em;
  margin-left: 0;
}
.myMembership .benetfitTit .opValue em {
  color: #989442;
  font: 500 28px gothamB, notokrR;
}

.myMembership .benetfitPrev {
  font: 400 18px gothamL, notokrL;
  letter-spacing: -0.01em;
  vertical-align: top;
}
.myMembership .benetfitPrev li {
  margin-bottom: 4px;
}
.benetfitViewTit {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 47px 0 18px;
  font: 500 22px notokrM;
}
.benetfitViewTit .sideTxt {
  font: 400 14px notokr;
} /* 240610 추가 */
.benetfitViewTit + .benetfitViewTit {
  margin-top: -20px !important;
}
.toggleInner > .benetfitView:first-child > .benetfitViewTit {
  margin-top: 0;
}
.toggleInner > .benetfitView:first-child > .benetfitViewTit.mt-50 {
  margin-top: 32px;
}
.benetfitView .tit {
  display: block;
  margin: 45px 0 5px;
  color: #333;
  font-weight: 600;
  font-size: 18px;
}
.benetfitView .sTit {
  display: block;
  margin: 28px 0 12px;
  color: #333;
  font: 16px notokrR;
}
/*.benetfitView + .benetfitViewTit{margin-top:50px}*/
.benetfitView .listDep1 + .tblH.capBlock {
  margin-top: 60px;
}
.benetfitView .tblH.capBlock caption {
  margin-bottom: 15px;
  font-family: notokrM;
}
.benetfitView .tblH + .benetfitViewTit {
  margin-top: 50px;
}
.benetfitView > .txt {
  margin-top: -10px;
}
.benetfitView > .txt + .tblH {
  margin-top: 42px;
}

/* 241105 titanium+ 수정 */
.noticeSubTxt {
  font-size: 14px;
}

.myMembership .rsvList .listTxt li {
  font-size: 18px;
  font-family: gothamL;
  color: #888;
}
.myMembership .rsvList .dcInfo {
  margin: 20px 0 20px;
  background: #f9f9f9;
  padding: 20px 0 20px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.myMembership .rsvList .dcInfo:after {
  display: none;
}
.myMembership .rsvList .dcInfo span {
  font-family: gothamL;
  font-size: 17px;
}
.myMembership .rsvList .dcInfo strong {
  font-family: gothamL;
  font-size: 17px;
  font-weight: 600;
  margin-left: 10px;
}
.myMembership .rsvList .dcInfo li {
  position: relative;
  display: table-cell;
  text-align: center;
}
.myMembership .rsvList .dcInfo li + li:before {
  content: "";
  width: 1px;
  height: 14px;
  background: #ccc;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
}
.myMembership .rsvList .dcInfo + .benetfitView .tit:first-child {
  margin-top: 64px;
}

.myMembership + .cautionBox {
  margin-top: 80px;
}

.layerCont .membershipInfoArea {
  width: 800px;
  border-top: 1px solid #000;
}
.layerCont .membershipInfo {
  position: relative;
  padding: 40px 20px;
  border-bottom: 1px solid #ccc;
}
.layerCont .membershipInfo .tit {
  margin-bottom: 10px;
  display: block;
  font: 500 24px notokrM;
  letter-spacing: -0.01em;
}
.layerCont .membershipInfo .txt {
  display: block;
  color: #666;
  font: 400 16px notokrL;
  letter-spacing: -0.01em;
}
.layerCont .membershipInfo .btnSC {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.layerCont .membershipConsult {
  position: relative;
  width: 940px;
}
.layerCont .membershipConsult .intWrap + .intInner > .frmList.check {
  margin-top: 0;
}
.layerCont .membershipConsult .frmList .frmRadio label {
  width: 176px;
  padding: 12px 15px;
}
.layerCont .membershipConsult .customScrollBox > .titDep3:first-child {
  margin-top: 10px;
}
.layerCont .membershipConsult .customScrollBox [class^="listWith"] > li:before {
  top: 4px;
}
.layerCont .customScrollBox [class^="listWith"] > li:before {
  padding-top: 2px;
}

.intBox {
  padding: 16px 0 5px 0;
}
.membership .intBox {
  height: 60px;
  padding: 16px 13px 17px 0;
}
.intBox .frm + .frm {
  margin-left: 18px;
}
.intBox + .intInner + .intInner.duobuleInp .alertMessage {
  top: -152px;
}

/* 통합 멤버십 뉴스 */
.cardList.newsInfo li .cardInner .status {
  font-size: 18px;
  margin-bottom: 5px;
}
.cardList.newsInfo li .cardInner .tit {
  font-size: 24px;
}
.cardList.newsInfo li .cardInner .date {
  font-size: 20px;
}

.mbsDetailCont {
  margin-top: 90px;
}
.detailView > .tit {
  font-size: 50px;
}
.detailView .infoData {
  margin-top: 25px;
}
.detailView .infoData:after {
  content: "";
  display: block;
  clear: both;
}
.detailView .infoData li {
  float: left;
  font-size: 20px;
  margin: 0;
  font-family: gothamL;
}
.detailView .infoData li + li:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 18px;
  background: #ccc;
  margin: 0 20px;
  vertical-align: middle;
}
.detailView .txtBox {
  margin-top: 37px;
  font-size: 18px;
  text-align: left;
  padding: 60px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
  background: transparent;
}
.detailView .shortList li {
  padding: 21px 0;
  border-bottom: 1px solid #ccc;
}
.detailView .shortList li span {
  display: inline-block;
  width: 68px;
}
.detailView .btnArea {
  margin-top: 80px;
}

.boxtypeList .locationTag {
  top: 0;
  left: 0;
}

/* 통합 멤버십 이벤트 */
.detailView.event > .tit {
  font-size: 54px;
  font-family: playfair, gothamL, notokrL;
}
.detailView.event .txt {
  margin-top: 50px;
}
.detailView.event .btnArr {
  display: inline-block;
  margin-top: 15px;
}

/* 멤버십 구매 완료 250325 */
.membershipDoneInfo .listDash li {
  position: relative;
  padding-left: 12px;
  font-size: 17px;
}
.membershipDoneInfo .listDash li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 4px;
  height: 1px;
  background: #000;
}
.membershipDoneInfo .commlist.left {
  width: 400px;
}
.membershipDoneInfo .commlist.right {
  padding: 0;
}

/* 미팅룸 */
.topArea + .btnArea {
  width: 1400px;
  text-align: right;
  margin: 0 auto 40px;
}
.meetingCont .btnBarArea {
  margin-bottom: 0;
}
.meetingCont .promotion {
  margin-top: 100px;
}
.meetingTbl th,
.meetingTbl td {
  font-family: gothamL, notokrL;
  font-size: 17px;
}
.meetingTbl .classType,
.meetingTbl .shapeType,
.meetingTbl .roundType,
.meetingTbl .theaterType {
  padding-top: 66px;
}
.meetingTbl .classType:after,
.meetingTbl .shapeType:after,
.meetingTbl .roundType:after,
.meetingTbl .theaterType:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -15px;
  background: url(../../../images/ko/pc/common/bg_table_type.png) no-repeat;
  width: 34px;
  height: 30px;
}
.meetingTbl th {
  position: relative;
}
.meetingTbl .classType:after {
  background-position: 0 0;
}
.meetingTbl .roundType:after {
  background-position: 0 -30px;
}
.meetingTbl .theaterType:after {
  background-position: 0 -60px;
}
.meetingTbl .shapeType:after {
  background-position: 0 -90px;
}
.promotion.meetingType .promList > li a .tit {
  font-size: 21px;
}

.intList > li .selectInp .intArea {
  margin-left: 20px;
}
input.attendees {
  text-align: right;
  padding-right: 24px;
  font-size: 18px;
  width: 166px;
}
.attValue {
  position: absolute;
  bottom: 17px;
  right: 0;
}

.dateList > li {
  position: relative;
  padding-left: 85px;
  margin-top: 17px;
}
.dateList > li:after {
  content: "";
  display: block;
  clear: both;
}
.dateList > li + li {
  margin-top: 13px;
}
.dateList > li .tit {
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 16px;
  color: #006633;
}
.dateList .period {
  float: left;
  width: 220px;
}
.dateList .selectArea {
  float: left;
  width: 344px;
  margin-left: 30px;
}

.tableTypeInp {
  margin-top: 7px;
}
.tableTypeInp .classType:after,
.tableTypeInp .shapeType:after,
.tableTypeInp .roundType:after,
.tableTypeInp .theaterType:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -15px;
  background: url(../../../images/ko/pc/common/bg_table_type.png) no-repeat;
  width: 34px;
  height: 30px;
}
.tableTypeInp li {
  position: relative;
}
.tableTypeInp .classType:after {
  background-position: 0 0;
}
.tableTypeInp .roundType:after {
  background-position: 0 -30px;
}
.tableTypeInp .theaterType:after {
  background-position: 0 -60px;
}
.tableTypeInp .shapeType:after {
  background-position: 0 -60px;
}

.layerCont .membershipConsult .frmList.tableTypeInp li label {
  padding: 54px 0 18px;
  width: 298px;
  max-width: inherit;
}

.intWrap label[for="uploadBtn"] {
  margin: 0;
}

.intInner .btnAddfile {
  margin-top: 7px;
}
.intInner .selectArea {
  display: table;
  table-layout: fixed;
}
.intInner .selectArea > * {
  display: table-cell;
}
.intInner .selectArea .intArea + .hBar {
  padding: 0 25px;
  width: 60px;
  box-sizing: border-box;
}
.intInner .intArea > textarea {
  margin-top: 7px;
}

.intDel {
  position: relative;
  display: inline-block;
}
.intDel .btnDel {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  background: url(../../../images/ko/pc/common/btn_close_14x14.png) no-repeat 50% 50%;
  color: transparent;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  line-height: 0;
}

.layerCont .meetingCont {
  width: 940px;
}
.layerPop .meetingCont .btnArea {
  margin-top: 50px;
}

.weddingArea .businessRoomList {
  margin-top: 60px;
}
.weddingArea .swipeWrap {
  margin-top: 100px;
}
.weddingArea .propertyIntro {
  padding-left: 0;
}
.weddingArea .propertyIntro .tit {
  position: inherit;
  width: 100%;
}
.weddingArea .btnArea {
  margin-top: 80px;
}

/* 부대시설 */
.fcWrap {
  padding-top: 95px;
}
.fcWrap > .propertyInfo {
  margin-bottom: 90px;
}
.fcWrap > .propertyInfo:first-child {
  margin-top: 0;
}
.propertyInfo.fcNotiCont dt {
  font-size: 20px;
}
.tabCont .propertyInfo {
  margin-top: 80px;
}
.swipeWrap + .promotion,
.fcNotiCont + .promotion {
  margin: 0;
}
.swipeWrap + .promotion .titDep2 {
  margin: 90px 0 23px;
}
.promotion.type02 .promList > li a .tit {
  font-size: 20px;
}
.titDep2 + .fcNotiCont {
  margin-top: 0;
}
.tabRoomInfo .txtGuide {
  margin-top: 20px;
}
.tabRoomInfo + .side {
  margin-top: 10px;
  text-align: right;
}
.fcWrap .promotion.type02 .promList > li .tit {
  font-size: 20px;
  font-family: notokrM, gothamM;
  text-transform: uppercase;
}
.fcWrap .promotion.type02 .promList > li a,
.fcWrap .promotion.type02 .promList > li > div {
  padding-top: 290px;
}
.fcWrap .promotion.type02 .promList > li .txt {
  padding-top: 5px;
}

/* 부대시설(시설안내) txt:전체출력 */
.promotion.type02 .swipeWrap {
  height: 505px !important;
}
.promotion.type02 .promList > li .tit {
  width: 430px;
}
.promotion.type02 .promList > li .txt {
  width: 430px;
  height: auto;
}
.promotion.type02 .promList .swipeWrap.swipeGroup {
  height: auto !important;
}
.propertyInfo.fcNotiCont dd {
  -webkit-line-clamp: inherit;
}

/* Our Bussiness */
.txtGuide.inline-block {
  display: inline-block;
}
.businessArea .tabType01 {
  margin-top: 80px;
}
.businessArea {
  padding-top: 73px;
}

.businessArea .gallery + .propertyIntro {
  margin-top: 73px;
}
.businessArea .gallery + .hidden + .propertyIntro {
  margin-top: 73px;
}
.propertyIntro {
  position: relative;
  display: block;
  padding-left: 715px;
}
.propertyIntro .tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  font: 500 30px/1.5 gothamB, notokrM;
  letter-spacing: -0.025em;
}
.propertyIntro .txt {
  font: 400 18px/1.8 gothamL, notokrL;
  letter-spacing: -0.025em;
}
.propertyIntro .txt + .txt {
  margin-top: 35px;
}

.businessRoomList {
  width: 1400px;
  margin: 80px 0 0;
  display: flex;
  flex-wrap: wrap;
}
.businessRoomList > li {
  float: left;
  width: 50%;
  flex: 1 1 50%;
}
.businessRoomList > li:nth-child(odd) .info {
  padding-right: 20px;
}
.businessRoomList > li:nth-child(even) .info {
  padding-left: 20px;
}
.businessRoomList > li:nth-child(n + 3) .info {
  margin-top: 80px;
}
.businessRoomList > li .info {
  display: block;
  position: relative;
  width: 700px;
}
.businessRoomList > li .tit {
  display: block;
  font-size: 24px;
  padding-top: 21px;
  font-family: gothamM, notokrR;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.businessRoomList > li .txt {
  display: block;
  padding-top: 18px;
  font-family: gothamL, notokrL;
}
.businessRoomList > li .txt .listDep1 {
  margin-top: 50px;
}
.businessRoomList > li .inforList {
  margin-top: 60px;
}
.businessRoomList > li .inforList > li {
  position: relative;
  font-size: 17px;
  padding-left: 60px;
}
.businessRoomList > li .inforList > li .sTit {
  position: absolute;
  left: 0;
  top: 0;
}
.businessRoomList > li .thum.line {
  border: 1px solid #ccc;
}

.layerPop .agreeBox .frm.type02 {
  margin-bottom: 20px;
}
.layerPop .agreeBox + .agreeBox {
  margin-top: 40px;
}
.layerPop textarea {
  height: 115px;
  border: 0;
  border-bottom: 1px solid #ccc;
}
.intArea.price input[type="text"] {
  padding-right: 45px;
}
.intArea.price i.unit {
  font-style: normal;
  margin-left: -40px;
}

/* tab추가(공통) */
.tabArea {
  position: relative;
}
.tabArea .tabType04 {
  position: absolute;
  top: 65px;
  left: -2px;
  width: 380px;
}
.tabArea .tabType04 li + li {
  margin-top: 20px;
}
.tabArea .tabType04 > li.on > a {
  color: #000;
  font-weight: 600;
}
.tabArea .tabType04 li a {
  font-family: notokrL;
  font-size: 30px;
  color: #aaa;
}

.tabArea .tabCont {
  margin-left: 380px;
  padding-top: 60px;
}
.tabArea .myMembership {
  min-height: auto;
  margin-left: 0;
  margin-top: -60px;
}
.tabArea .tabCont .txtArea .hTxt {
  font-size: 24px;
  font-family: gothamB, notokrR;
  font-weight: 500;
  line-height: 40px;
}
.tabArea .tabCont .txtArea .tit {
  display: block;
  margin: 35px 0 10px;
}
.tabArea .tabCont .txtArea .txt {
  font-size: 18px;
  color: #333;
}

/* layer > tab(공통) */
.tabType03 {
  position: relative;
  width: 100%;
}
.tabType03 li {
  float: left;
  width: 229px;
  margin: 0 8px 8px 0;
  border: 1px solid #ccc;
}
.tabType03 li:nth-child(4n + 4) {
  margin-right: 0;
}
.tabType03 li a {
  display: block;
  height: 50px;
  color: #666;
  text-align: center;
  font: 400 16px/50px gothamL, notokrL;
  letter-spacing: 0.025em;
}
.tabType03 li a:hover {
  text-decoration: none;
}
.tabType03 li.on {
  border: 1px solid #000;
  background: #f9f9f9;
}
.tabType03 li.on a {
  color: #000;
}

/* 메뉴판(layer) 공통 */
.layerCont .menuPanArea {
  position: relative;
  width: 940px;
}
.layerCont .side {
  position: absolute;
  top: 0;
  right: 0;
}
.layerCont .side button + button {
  margin-left: 6px;
}
/*.menuPanArea .tabCont{padding-top:55px}*/
.menuPanView .menuPan {
  margin-top: 60px;
}
.menuPanView .menuPan.type02 {
  margin-bottom: 70px;
}
.menuPanView .notiBox > .origin {
  position: relative;
  margin-bottom: 30px;
}
.menuPan .menuList {
  margin-bottom: 10px;
}
.menuPan .tit {
  display: block;
  margin: 10px 0 15px;
  color: #989442;
  font: 600 20px/1.5 playfair, gothamM, notokrM;
  font-feature-settings: "lnum", "pnum";
  text-align: center;
}
.menuPan .txt {
  font: 400 18px/1.5 gothamL, notokrL;
}
.menuPan .bill {
  font: 400 18px/1.5 gothamL, notokrL;
}
.menuPan .txtGuide {
  margin-top: 10px;
  text-align: center;
}
.menuPan .txtGuide::before {
  display: none;
}
.menuPan .txtGuide span:first-child::before {
  content: "＊";
  margin-right: 4px;
  font-size: 10px;
}
.menuPan.type01 .menuList {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.menuPan.type01 .menuList li {
  display: table-row;
}
.menuPan.type01 .menuList .txt {
  display: table-cell;
  width: 65%;
  padding: 0.4em 0 1.6em;
  letter-spacing: 0.025em;
  vertical-align: top;
}
.menuPan.type01 .menuList .txt em {
  display: block;
}
.menuPan.type01 .menuList .txt .txtGuide {
  display: block;
  font-size: 0.8em;
  color: #333;
  text-align: left;
}
.menuPan.type01 .menuList .bill {
  display: table-cell;
  text-align: right;
  vertical-align: top;
}
.menuPan.type02 .menuList {
  display: block;
}
.menuPan.type02 .menuList .txt {
  display: block;
  padding: 0.4em 0 1.2em;
  text-align: center;
  letter-spacing: 0.025em;
}
.menuPan.type02 .bill {
  display: block;
  text-align: center;
}
.menuPan.type03 .tit span + span::before {
  content: "/";
  padding: 0 0.4em;
}
.menuPan.type03 .menuList {
  display: block;
}
.menuPan.type03 .menuList .txt {
  display: block;
  padding: 0.4em 0 0.5em;
  text-align: center;
  letter-spacing: -0.01em;
}
.menuPan.type03 .menuList .txt span[lang="ko"] {
  display: block;
}
.menuPan.type03 .menuList .txt span[lang="zh"] + span[lang="en"]::before {
  content: "/";
  padding: 0 0.2em;
}
.menuPan.type03 .menuList .txt span[lang="ja"] + span[lang="en"]::before {
  content: "/";
  padding: 0 0.2em;
}
.menuPan.type03 .menuList .txt span[lang="en"] + span[lang="ja"]::before {
  content: "/";
  padding: 0 0.2em;
}
.menuPan.type03 .bill {
  display: block;
  text-align: center;
}

.menuPan {
  padding-right: 17px;
} /* scrollWrap 영향, 글자잘림 방지 */
.menuPanArea .notiBox {
  margin-right: 17px;
} /* scrollWrap 영향, 글자잘림 방지 */

@media print {
  .menuPanView .menuPan {
    page-break-before: always;
    padding-top: 50px;
  }
}

/* Dining(공통) */
.tblV.tcenter th {
  text-align: center;
}
.tblV.tcenter th[scope="rowgroup"] {
  border-right: 1px solid #ccc;
}
/* Dining(.category.type02 추가) */
.propertyList .infoCont .category.type02 + .tit {
  margin: 11px 0 13px;
}
.propertyList .infoCont .category.type02 + .tit + .txt {
  margin-top: 0;
}
.propertyList .infoCont .category.type02 span {
  font-family: gothamM;
  border: 0;
  padding: 0;
  text-transform: uppercase;
}
.propertyList > li:nth-child(odd) .category.type02 span {
  color: #7db2a6;
}
.propertyList > li:nth-child(even) .category.type02 span {
  color: #99726b;
}
/* Dining(.contInfo 공통) */
.contInfo {
  display: flex;
  flex-flow: row wrap;
  padding: 32px 38px;
  margin: 35px 0 70px;
  background: #f9f9f9;
}
.contInfo:after {
  content: "";
  display: block;
  clear: both;
}
.contInfo .contInfoHalf {
  flex: 50%;
}
.contInfo .contInfoHalf:nth-of-type(3),
.contInfo .contInfoHalf:nth-of-type(4) {
  margin-top: 40px;
}
.contInfo .contInfoHalf .titDep3 {
  text-transform: uppercase;
  font-family: gothamL;
}
.contInfo ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.contInfo li {
  display: table-row;
}
.contInfo li .tit,
.contInfo li .txt {
  display: table-cell;
  padding: 0.3em 0;
  font: 400 18px/1.5 gothamL, notokrL;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.contInfo .txtGuide {
  margin-top: 10px;
}
.contInfo.type01 li .tit {
  width: 36%;
}
.contInfo.type02 li .tit {
  width: 25%;
}

/* About(공통) */
.about .pageGuide {
  font-family: gothamL, notokrL;
}
.visualBox {
  position: relative;
  margin-bottom: 90px;
  overflow: hidden;
}
.visualBox .inner {
  padding-bottom: 0;
}
.visualBox .bg {
  position: absolute;
  left: 15%;
  z-index: -1;
  width: 100%;
  height: 100%;
}
/*.visualBox + .inner.tabArea{margin-top:100px}*/
/* About(.propertyIntro.type02 소개) */
.propertyIntro.type02 {
  padding-left: 745px;
}
.propertyIntro.type02 .txt {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.propertyIntro.type02 .txt dl {
  display: table-cell;
  position: relative;
}
.propertyIntro.type02 .txt dl:first-of-type {
  width: 230px;
}
.propertyIntro.type02 .txt dl:nth-of-type(2) {
  width: 180px;
}
.propertyIntro.type02 .txt dt {
  position: absolute;
  bottom: 0;
  color: #666;
  font: 400 16px/1.5 notokrL;
  letter-spacing: -0.01em;
}
.propertyIntro.type02 .txt dd {
  padding-bottom: 30px;
  font: 36px/1.5 playfair, gothamM, notokrL;
  font-feature-settings: "lnum", "pnum";
  letter-spacing: 0.075em;
}
.propertyIntro.type02 .txt dd .unit {
  font-weight: 600;
}
/* About(.businessRoomList 소개/ci) */
.businessRoomList.type02 {
  margin-top: 135px;
}
.businessRoomList.type02 > li:nth-child(odd) .info {
  padding-right: 45px;
}
.businessRoomList.type02 > li:nth-child(even) .info {
  padding-left: 45px;
}
.businessRoomList.type02 .tit {
  font-size: 30px;
}
.businessRoomList.type02 .ciImg {
  display: table-cell;
  width: 655px;
  height: 250px;
  background: #f9f9f9;
  text-align: center;
  vertical-align: middle;
}
.ciTit {
  margin: 95px 0 23px;
  font: 500 26px gothamB;
  text-transform: uppercase;
}
.ciTit + .businessRoomList.type02 {
  margin-top: 0;
}
/* About(.businessRoomList 주요활동) */
.tabArea .tabCont.activities {
  margin-left: 486px;
}
.tabCont.activities .tabInner > .txt {
  font-size: 20px;
  line-height: 1.75;
}
.tabCont.activities .businessRoomList {
  width: 912px;
  margin: 72px 0 0;
}
.tabCont.activities .businessRoomList > li:nth-child(odd) .info {
  padding-right: 29px;
}
.tabCont.activities .businessRoomList > li:nth-child(even) .info {
  padding-left: 29px;
}
.tabCont.activities .businessRoomList > li .tit {
  padding-top: 18px;
  font-size: 20px;
  line-height: 1.62;
}
.tabCont.activities .businessRoomList > li:nth-child(n + 3) .info {
  margin-top: 74px;
}
.tabCont.activities .businessRoomList > li .info {
  width: 427px;
}
/* About(연혁) */
.about .tabArea .tabType04 li + li {
  margin-top: 27px;
}
.about .tabArea .tabType04 li a {
  font-family: gothamB, notokrR;
  line-height: 1.33;
}
.about .tabArea .tabType04 li.on a {
  font-weight: 600;
}
.historyList li {
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid #ccc;
}
.historyList li:last-child {
  margin-bottom: 0;
}
.historyList dl {
  display: block;
  position: relative;
  padding-left: 140px;
}
.historyList dt {
  position: absolute;
  top: 0;
  left: 0;
  font: 500 18px/1.8 gothamM, notokrR;
}
.historyList dd > ul li {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.historyList dd + dd {
  margin-top: 22px;
}
.historyList .tit {
  margin-right: 20px;
  font: 500 18px/1.5 gothamM, notokrR;
}
/* About(오시는길) */
.about .mapArea + .titDep2 {
  margin: 75px 0 20px;
  font-size: 36px;
}
.about .mapArea + .titDep2 + .txt {
  font: 400 20px/1.5 gothamL, notokrL;
}
.about .mapArea + .titDep2 + .txt + .toggleList {
  margin-top: 70px;
}
.locationInfo {
  padding: 2em 0;
}
.locationInfo .tit {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}
.locationInfo .txt + .tit {
  margin-top: 40px;
}
.locationInfo li .listDep2 {
  margin-bottom: 20px;
}
/* About(주요활동) */
.traceArea {
  position: relative;
  margin-top: 115px;
}
.traceTit {
  position: absolute;
  top: 0;
  left: 0;
  width: 360px;
}
.traceTit .tit {
  display: block;
  margin-bottom: 22px;
  font: 500 30px/1 notokrM;
}
.traceTit .txt {
  margin-bottom: 70px;
  font-size: 20px;
}
.traceArea .historyList {
  margin-left: 485px;
  min-height: 400px;
}
.traceArea .historyList .title {
  display: block;
  font: 600 30px/1 gothamM, notokrR;
}
.traceArea .historyList dl {
  padding-left: 0;
}
.traceArea .historyList dt {
  position: static;
  float: left;
  width: 75px;
  padding-top: 25px;
}
.traceArea .historyList dd {
  padding-left: 75px;
  padding-top: 25px;
}
.traceArea .historyList dd + dd {
  margin-top: 0;
  padding-top: 5px;
}
.grayBox {
  margin-bottom: 100px;
  background: #f9f9f9;
}
.grayBox .inner {
  padding: 30px 0;
}
.grayBox .tit {
  display: block;
  margin: 78px 0 0;
  font: 500 30px notokrM;
}
.grayBox .txt {
  margin-top: 14px;
  font-size: 20px;
}
.grayBox .propertyInfo {
  margin-top: 39px;
}
.grayBox .propertyInfo li dl {
  padding-top: 36px;
}
.grayBox .propertyInfo li dl dt {
  margin-bottom: 4px;
  font-size: 20px;
}
.grayBox .propertyInfo li dl dd {
  text-transform: uppercase;
}
/* About(ci) */
.cardList.ci li {
  width: 100%;
}
.cardList.ci li .cardInner {
  position: relative;
  display: table;
  width: 100%;
  height: 0;
  min-height: 320px;
  margin: 0;
  padding: 30px;
  border: 1px solid #e5e5e5;
  text-align: center;
}
.cardList.ci li .cardInner .tit {
  display: table-row;
  text-align: left;
}
.cardList.ci li .cardInner .img {
  display: table-row;
  vertical-align: middle;
}
.cardList.ci li + li {
  margin-top: 40px;
}
.cardList.ci li .cardInner::after {
  display: none;
}
/* About(Social) */
.cardList.type03.socialList {
  margin: 0;
}
.cardList.type03.socialList li .cardInner {
  padding: 0;
  height: 242px;
}
.socialList .place {
  display: block;
  height: 180px;
  padding: 2.2em 0;
  color: #888;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.socialList .place img {
  display: block;
  margin: 0 auto;
}
.socialList .link {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.socialList .link a {
  position: relative;
  display: table-cell;
  padding: 30px 15px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.socialList .link a + a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 16px;
  background: #ccc;
}
.socialList .link a.youtube {
  background-image: url(../../../images/ko/pc/HUAB/ico_sns-youtube.png);
}
.socialList .link a.facebook {
  background-image: url(../../../images/ko/pc/HUAB/ico_sns-facebook.png);
}
.socialList .link a.instagram {
  background-image: url(../../../images/ko/pc/HUAB/ico_sns-instagram.png);
}
.socialList .link a.kakao {
  background-image: url(../../../images/ko/pc/HUAB/ico_sns-kakao.png);
}

.cardList.type03 {
  margin: 100px 0 90px;
}
.cardList.type03 li {
  width: 33.3333%;
}
.cardList.type03 li .cardInner {
  height: 197px;
  margin: 0 10px 10px 0;
  padding: 25px 30px 30px;
}
.cardList.type03 li:nth-child(2n) .cardInner {
  margin: 0 10px 10px 0;
}
.cardList.type03 li:nth-child(3n + 3) .cardInner {
  margin: 0 0 10px 0;
}
.cardList.type03 li .cardInner .tit {
  margin-bottom: 5px;
}
.cardList.type03 li .cardInner .txt {
  line-height: 1.88;
}

.cardList.type04.socialList {
  margin: 0;
}
.cardList.type04.socialList li {
  width: 700px;
}
.cardList.type04.socialList li:last-child {
  margin: 0;
}
.cardList.type04.socialList li .cardInner {
  padding: 0;
  margin: 0 0 10px;
  height: 242px;
}
.cardList.type04.socialList li:last-child .cardInner {
  border-left: none;
}
.cardList.type04.socialList .place {
  display: block;
  height: 242px;
  padding: 95px 0;
  color: #888;
  font-weight: 600;
  text-align: center;
  border-bottom: none;
}
.cardList.type04.socialList .place img {
  display: block;
  margin: 0 auto;
}
.cardList.type04.socialList .link a {
  position: relative;
  display: table-cell;
  padding: 120px 15px;
}

/* About(채용) */
.recruitInfo {
  margin-top: 70px;
}
.recruitInfo .tit {
  display: block;
  margin-bottom: 15px;
  font: 500 30px notokrM;
}
.recruitInfo .txt {
  margin-bottom: 70px;
  font-size: 20px;
}

/* 티저 객실 상세보기 레이어팝업 */
.detailCont {
  position: relative;
  width: 940px;
}
.detailCont .txtCont p {
  font-size: 18px;
  line-height: 32px;
  text-align: center;
}
.detailCont .imgCont {
  margin-top: 53px;
}
.detailCont .imgCont img {
  width: 100%;
}
.detailCont .imgCont + .txtGuide {
  margin-top: 12px;
}
.detailCont .propertyInfo {
  margin-top: 55px;
  margin-bottom: 75px;
}
.layerCont .h750 .scrollWrap {
  height: 560px;
}

/* 티저(비회원 예약확인) */
.reservation .loginFrm {
  display: inline-block;
}
.reservation .loginFrm input {
  width: 420px;
  height: 60px;
  background-color: #f9f9f9;
}
.reservation .loginFrm .alertMessage {
  position: absolute;
  top: -32px;
  left: 0;
}
.reservation .loginFrm + .loginFrm,
.reservation .loginFrm + button {
  margin-left: 6px;
}
.reservation .loginFrm + button {
  width: 190px;
  min-width: inherit;
}

/* 호텔소개 */
.abHotelInner {
  padding-bottom: 120px;
}
.aboutHotel {
  background: #f9f9f9;
  padding: 120px 0;
}
.aboutHotel .businessRoomList {
  margin: 0 auto;
}

.businessRoomList.type03 > li:first-child {
  width: 100%;
  flex: 100%;
  margin-bottom: 80px;
}
.businessRoomList.type03 > li:nth-child(odd) .info {
  padding-left: 45px;
  padding-right: 0;
}
.businessRoomList.type03 > li:nth-child(even) .info {
  padding-right: 45px;
  padding-left: 0;
}
.businessRoomList.type03 > li:first-child .info {
  position: relative;
  padding: 0 180px;
  text-align: center;
  margin: 0 auto;
  width: auto;
}
.businessRoomList.type03 > li:first-child .info::before {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  margin: -10px auto 40px;
  background: #000;
}
.businessRoomList.type03 .tit {
  font-size: 30px;
}
.businessRoomList.type03 p.txt {
  font-weight: 600;
}
.businessRoomList.type03 > li:nth-child(n + 3) .info {
  margin-top: 200px;
}
.topInner.type02 {
  padding: 120px 0 50px;
}
.topInner.type02:after {
  content: "";
  display: block;
  clear: both;
}
.topInner.type02 .titDep1 {
  font-size: 30px;
  font-family: gothamM;
  float: left;
}
.topInner.type02 .infoTxt {
  float: left;
  font-size: 20px;
  font-family: gothamL;
  padding: 3px 0 0 28px;
  letter-spacing: -0.5px;
  line-height: 1.6;
}
.topInner.type02 .infoTxt span:before {
  content: "";
  display: inline-block;
  vertical-align: -2px;
  width: 1px;
  height: 18px;
  background: #aaa;
  margin: 0 19px 0 13px;
}
.mapArea + .toggleList {
  margin-top: 75px;
}

.aboutTour {
  margin-top: 120px;
}
.aboutTour.promotion .swipeWrap {
  width: 1400px !important;
}
.aboutTour .titDep2 {
  font-family: gothamM;
  font-weight: normal;
}
.aboutTourCont:after {
  content: "";
  display: block;
  clear: both;
}
.aboutTourCont li {
  float: left;
  width: 655px;
}
.aboutTourCont li + li {
  float: right;
}
.aboutTourCont .txtCont {
  display: inline-block;
}
.aboutTourCont .tit {
  display: block;
  margin-top: 68px;
  font-size: 20px;
  font-weight: 600;
}
.aboutTourCont .txt {
  font-size: 18px;
  margin-top: 7px;
}

.aboutTour .brandSignatureList {
}
.aboutTour .brandSignatureList .info .thum,
.aboutTour .brandSignatureList2 .info .thum {
  display: block;
  position: relative;
  margin-bottom: 17px;
}
.aboutTour .brandSignatureList li:nth-of-type(3),
.aboutTour .brandSignatureList li:nth-of-type(5) {
  margin: 0 0 0 90px;
}
.aboutTour .brandSignatureList li:nth-of-type(4),
.aboutTour .brandSignatureList li:nth-of-type(6) {
  margin: -406px 0 0 0;
}

/* 호텔소개 - 갤러리 */
.aboutGallery li {
  width: 427px;
  float: left;
  margin-left: 59px;
}
.aboutGallery li:nth-child(3n + 1) {
  margin-left: 0;
}
.aboutGallery li:nth-child(1n + 4) {
  margin-top: 60px;
}
.aboutGallery .thum {
  cursor: pointer;
}
.aboutGallery .thum button {
  width: 100%;
  height: 100%;
}
.aboutGallery .hoverCont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 427px;
  opacity: 0;
}
.aboutGallery .hoverCont .gName {
  display: block;
  font-size: 18px;
  font-family: gothamB;
  color: #e7c2a3;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-transform: uppercase;
}
.aboutGallery .hoverCont.on {
  opacity: 1;
  background-color: rgba(44, 74, 66, 0.8);
  text-align: center;
  z-index: 1;
}

/* Brand(공통) */
.brandIntro {
  width: 1400px;
  margin: 0 auto 67px;
}
.brandIntro .tit {
  display: block;
  padding: 143px 0 13px;
  font: 24px/1.62 gothamM, notokrM;
  letter-spacing: -0.01em;
}
.brandSlogan > * {
  color: #ba998c;
}
.brandSlogan .tit {
  position: relative;
  display: block;
  font: 500 110px/1.46 playfair;
  text-transform: capitalize;
}
.brandSlogan .tit::before,
.brandSlogan .tit::after {
  content: "";
  position: absolute;
  height: 3px;
  background: #ba998c;
}
.brandSlogan .tit::before {
  width: 888px;
  right: 0;
  top: 92px;
}
.brandSlogan .tit::after {
  width: 805px;
  left: 0;
  bottom: -69px;
}
.brandSlogan .txt {
  display: block;
  padding: 51px 0 13px;
  text-align: right;
}
.brandStory {
  position: relative;
}
.brandStory::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 860px;
  background: #296658;
}
.brandStory .inner {
  padding: 106px 0 103px;
}
.brandStory.propertyList .infoCont .tit {
  font: 500 30px/1.62 gothamM, notokrR;
  letter-spacing: -0.01em;
}
.brandStory.propertyList .infoCont .txt {
  display: block;
  margin-bottom: 63px;
  padding-right: 0;
}
/* Brand(SIGNATURE) */
.brand .titDep3 {
  margin-bottom: 54px;
  font: 500 30px/1.8 gothamM, notokrR;
  letter-spacing: -0.01em;
}
/*.brandSignatureList{column-width:655px;column-gap: 90px;-webkit-column-width:655px;-webkit-column-gap: 90px}*/
/*.brandSignatureList{display:flex;width:655px;height:1860px;flex-flow:column wrap}*/
.brandSignatureList li {
  float: left;
  width: 655px;
}
.brandSignatureList li:nth-child(even) {
  margin-left: 90px;
}
.brandSignatureList li:nth-of-type(3) {
  margin-top: -260px;
}
.brandSignatureList li:nth-of-type(5) {
  margin-top: -165px;
}

.brandSignatureList li:last-child .info {
  margin-bottom: 0;
}
.brandSignatureList .info {
  display: inline-block;
  margin-bottom: 114px;
  width: 655px;
  vertical-align: top;
}
.brandSignatureList .info figure {
  position: relative;
  margin: 0 0 22px;
  width: 575px;
}
.brandSignatureList .info .tit {
  display: block;
  margin-bottom: 5px;
  font: 500 20px/1.8 gothamM, notokrR;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.brandSignatureList .info .txt {
  display: block;
  width: 655px;
  font-family: gothamL, "notokrL";
}
.brandSignatureList figure.thum > figcaption {
  position: absolute;
  top: 0;
  right: -34px;
  transform: rotate(90deg) translateX(100%);
  transform-origin: right top;
  -ms-transform: rotate(90deg) translateX(100%);
  -ms-transform-origin: right top; /* IE 9 */
  color: #c28168;
  font: 400 14px gothamL;
  letter-spacing: 0.2em;
}

.brandSignatureList2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.brandSignatureList2 li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}
.brandSignatureList2 li:nth-child(even) {
  margin-left: 40px;
}
.brandSignatureList2 .info {
  display: inline-block;
  margin-bottom: 114px;
  width: 680px;
  vertical-align: top;
}
.brandSignatureList2 .info figure {
  position: relative;
  margin: 0 0 22px;
  width: 575px;
}
.brandSignatureList2 .info .tit {
  display: block;
  margin-bottom: 5px;
  font: 500 20px/1.8 gothamM, notokrR;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.brandSignatureList2 .info .txt {
  display: block;
  width: 680px;
  font-family: gothamL, "notokrL";
}

.btnHotelGo {
  position: fixed;
  bottom: 40px;
  right: 40px;
  font: 14px/1 notokrM;
  padding: 16px 20px 18px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.btnHotelGo:hover {
  background: #72715c;
  color: #fff;
}
.btnHotelGo:hover .btnArr:after {
  width: 8px;
  height: 14px;
  background: url(../../../images/ko/pc/common/ico_arr_white_7x13.png) no-repeat 0 0;
}
/* Brand(그랜드 조선 제주) */
/* Brand(레스케이프 호텔) */
.brand.escape .brandSlogan > * {
  color: #b79d59;
}
.brand.escape .brandSlogan .tit::before,
.brand.escape .brandSlogan .tit::after {
  background: #b79d59;
}
.brand.escape .brandSlogan .tit::before {
  width: 360px;
}
.brand.escape .brandSlogan .tit::after {
  width: 1145px;
}
.brand.escape .brandSignatureList figure.thum > figcaption {
  color: #b79d59;
}
.brand.escape .brandStory::before {
  background: #b79d59;
}
.brand.escape .brandSignatureList li:nth-of-type(3) {
  margin-top: -226px;
}
.brand.escape .brandSignatureList li:nth-of-type(5) {
  margin-top: -258px;
}

/* Brand(서울 웨스틴조선호텔) */
.brand.wstSeoul .brandSlogan > * {
  color: #6d494d;
}
.brand.wstSeoul .brandSlogan .tit::before,
.brand.wstSeoul .brandSlogan .tit::after {
  background: #6d494d;
}
.brand.wstSeoul .brandSlogan .tit::before {
  width: 0;
}
.brand.wstSeoul .brandSlogan .tit::after {
  width: 242px;
  left: inherit;
  right: 234px;
  bottom: 70px;
  position: absolute;
}
.brand.wstSeoul .brandSlogan .txt {
  position: absolute;
  right: 0;
  bottom: 223px;
}
.brand.wstSeoul .brandSignatureList figure.thum > figcaption {
  color: #676c72;
}
.brand.wstSeoul .brandStory::before {
  background: #676c72;
}
.brand.wstSeoul .brandSignatureList li:nth-of-type(3) {
  margin-top: -258px;
}

/* Brand(부산 웨스틴조선호텔) */
.brand.wstBusan .brandSlogan > * {
  color: #374767;
}
.brand.wstBusan .brandSlogan .tit::before,
.brand.wstBusan .brandSlogan .tit::after {
  background: #374767;
}
.brand.wstBusan .brandSlogan .tit::before {
  width: 527px;
}
.brand.wstBusan .brandSlogan .tit::after {
  width: 805px;
}
.brand.wstBusan .brandSignatureList figure.thum > figcaption {
  color: #676c72;
}
.brand.wstBusan .brandStory::before {
  background: #676c72;
}
.brand.wstBusan .brandSignatureList li:nth-of-type(3) {
  margin-top: -258px;
}

/* Brand(포포인츠 바이 쉐라톤 서울 남산) */
.brand.ppSeoul .brandSlogan > * {
  color: #6da4ab;
}
.brand.ppSeoul .brandSlogan .tit::before,
.brand.ppSeoul .brandSlogan .tit::after {
  background: #6da4ab;
}
.brand.ppSeoul .brandSlogan .tit {
  letter-spacing: -1px;
}
.brand.ppSeoul .brandSlogan .tit::before {
  width: 175px;
}
.brand.ppSeoul .brandSlogan .tit::after {
  width: 875px;
}
.brand.ppSeoul .brandSignatureList figure.thum > figcaption {
  color: #6da4ab;
}
.brand.ppSeoul .brandStory::before {
  background: #00465d;
}
.brand.ppSeoul .brandSignatureList li:nth-of-type(3) {
  margin-top: -228px;
}

/* Brand(포포인츠 바이 쉐라톤 서울 명동) */
.brand.ppMyeongdong .brandSlogan > * {
  color: #3b90c6;
}
.brand.ppMyeongdong .brandSlogan .tit::before,
.brand.ppMyeongdong .brandSlogan .tit::after {
  background: #3b90c6;
}
.brand.ppMyeongdong .brandSlogan .tit {
  letter-spacing: -1px;
}
.brand.ppMyeongdong .brandSlogan .tit::before {
  width: 325px;
}
.brand.ppMyeongdong .brandSlogan .tit::after {
  width: 505px;
}
.brand.ppMyeongdong .brandSignatureList figure.thum > figcaption {
  color: #3b90c6;
}
.brand.ppMyeongdong .brandStory::before {
  background: #1d5172;
}
.brand.ppMyeongdong .brandSignatureList li:nth-of-type(3) {
  margin-top: -228px;
}

/* Brand(그래비티 판교) */
.brand.gravity .brandSlogan > * {
  color: #000;
}
.brand.gravity .brandSlogan .tit::before,
.brand.gravity .brandSlogan .tit::after {
  background: #000;
}
.brand.gravity .brandSlogan .tit {
  letter-spacing: -1px;
}
.brand.gravity .brandSlogan .tit::before {
  width: 200px;
}
.brand.gravity .brandSlogan .tit::after {
  width: 840px;
}
.brand.gravity .brandSignatureList figure.thum > figcaption {
  color: #000;
}
.brand.gravity .brandStory::before {
  background: #000;
}
.brand.gravity .brandSignatureList li:nth-of-type(3) {
  margin-top: -322px;
}
.brand.gravity .brandSignatureList li:nth-of-type(5) {
  margin-top: -322px;
}

/* Brand(조선 팰리스 서울 강남) */
.brand.palace .brandSlogan > * {
  color: #c0a75a;
}
.brand.palace .brandSlogan .tit::before,
.brand.palace .brandSlogan .tit::after {
  background: #c0a75a;
}
.brand.palace .brandSlogan .tit {
  letter-spacing: -1px;
}
.brand.palace .brandSlogan .tit::before {
  width: 286px;
}
.brand.palace .brandSlogan .tit::after {
  width: 1207px;
}
.brand.palace .brandSignatureList figure.thum > figcaption {
  color: #d19dae;
}
.brand.palace .brandStory::before {
  background: #c0a75a;
}
.brand.palace .brandSignatureList li:nth-of-type(3) {
  margin-top: -322px;
}
.brand.palace .brandSignatureList li:nth-of-type(5) {
  margin-top: -322px;
}

/* Brand(파라스파라 서울) */
.brand.ppj .brandSlogan > * {
  color: #000;
}
.brand.ppj .brandSlogan .tit::before,
.brand.ppj .brandSlogan .tit::after {
  background: #000;
}
.brand.ppj .brandSlogan .tit {
  letter-spacing: -0.03em;
  font-size: 100px;
}
.brand.ppj .brandSlogan .tit::before {
  width: 940px;
  top: 82px;
}
.brand.ppj .brandSlogan .tit::after {
  width: 850px;
}
.brand.ppj .brandSignatureList figure.thum > figcaption {
  color: #000;
}
.brand.ppj .brandStory::before {
  background: #48655b;
}
.brand.ppj .brandSignatureList li:nth-of-type(3) {
  margin-top: -322px;
}
.brand.ppj .brandSignatureList li:nth-of-type(5) {
  margin-top: -322px;
}

/* Brand(양양호텔) */
.brand.corallo .brandSlogan > * {
  color: #e1625e;
}
.brand.corallo .brandSlogan .tit::before,
.brand.corallo .brandSlogan .tit::after {
  background: #e1625e;
}
.brand.corallo .brandSlogan .tit {
  letter-spacing: -1px;
  font-size: 100px;
}
.brand.corallo .brandSlogan .tit::before {
  width: 200px;
  top: 82px;
}
.brand.corallo .brandSlogan .tit::after {
  width: 990px;
}
.brand.corallo .brandSignatureList figure.thum > figcaption {
  color: #e1625e;
}
.brand.corallo .brandStory::before {
  background: #e1625e;
}
.brand.corallo .brandSignatureList li:nth-of-type(3) {
  margin-top: -322px;
}
.brand.corallo .brandSignatureList li:nth-of-type(5) {
  margin-top: -322px;
}

/* 고객센터 */
textarea.noLine {
  height: 115px;
  border: 0;
  border-bottom: 1px solid #ccc;
}
.fileUpload {
  position: relative;
}
.fileUpload > .btnSC.btnM {
  position: absolute;
  top: 5px;
}
.ctmService .lnb.ctmType li.on a {
  font: 600 18px/38px gothamL;
}
.ctmService .lnb.ctmType li a {
  font: 400 18px/38px gothamL;
}
.ctmService .txtBox {
  position: relative;
  background: #f9f9f9;
  padding: 40px 30px;
}
.ctmService .txtBox .txt {
  font: 400 18px/1 notokrL;
}
.ctmService .txtBox button,
.ctmService .txtBox a {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -25px;
  padding: 0 60px 0 20px;
}
.ctmService .txtBox button.icoArr::after,
.ctmService .txtBox a.icoArr::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 13px;
  background: url(../../../images/ko/pc/common/ico_arr_7x13.png) no-repeat 0 0;
  margin-top: 0;
}
.ctmService .txtBox + .frmInfo {
  margin-top: 65px;
}
.ctmService .selectWrapBox .selectWrap + .selectWrap {
  margin-left: 25px;
}
.ctmService .searchBox + .tabType01 {
  margin-top: 80px;
}
.ctmService .searchBox .selectWrap + .intWord {
  margin: 0 0 0 40px;
  display: inline-block;
}

.tabFaqType {
  margin-top: 35px;
}
.tabFaqType .toggleList .titArea {
  display: table;
  width: 100%;
  padding: 19px 20px 20px;
}
.tabFaqType .toggleList > li {
  padding: 0;
}
.tabFaqType .toggleList > li .toggleCont .toggleInner {
  background: #f9f9f9;
  padding: 55px 105px 55px 172px;
  font-size: 16px;
}
.tabFaqType .toggleList .titArea {
  padding: 19px 20px 20px 0;
}
.tabFaqType .toggleList .titArea .listTit {
  display: table-cell;
  width: 145px;
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box;
  font-size: 18px;
}
.tabFaqType .toggleList .titArea .opValue {
  display: table-cell;
  width: auto;
  font-size: 18px;
  line-height: inherit;
  padding: 0 50px 0 25px;
  word-break: break-all;
}
.boldTxt {
  font-weight: 600;
  text-decoration: underline;
}
.tabFaqType .rsvList > li.toggleOn {
  border-top-color: #ccc;
}

.shareLayer {
  width: 700px;
}
.shareLayer .shareCont {
  margin: 0 auto;
  width: 400px;
}
.shareLayer .shareCont ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.shareLayer .shareCont ul > li {
  display: table-cell;
  width: 100%;
  text-align: center;
}
.shareLayer .shareCont ul > li > a {
  display: block;
  font-size: 16px;
}
.shareLayer .shareCont ul > li > a:before {
  content: "";
  display: block;
  width: 66px;
  height: 66px;
  margin: 0 auto 10px;
  background: url(../../../images/ko/pc/common/ico_share.png) no-repeat 0 0;
}
.shareLayer .shareCont ul > li.kakao > a:before {
  background-position: 0 0;
}
.shareLayer .shareCont ul > li.email > a:before {
  background-position: -66px 0;
}
.shareLayer .shareCont ul > li.url > a:before {
  background-position: -132px 0;
}

/* josun junior */
.juniorCont {
  margin-top: 110px;
}
.juniorCont .inner {
  padding-bottom: 0;
}
.juniorCont .propertyInfo {
  margin: 75px 0 0;
}
.juniorCont .propertyInfo li {
  width: 482px;
}
.juniorCont .propertyInfo li:last-child {
  width: 428px;
}
.juniorCont .propertyInfo li:last-child dl {
  padding-right: 0;
}
.juniorCont .propertyInfo li dl {
  padding: 0 60px 0 0;
}
.juniorCont .propertyInfo li dl dt {
  font-size: 20px;
}
.juniorCont .propertyInfo li dl dd {
  text-overflow: initial;
  -webkit-line-clamp: inherit;
}
.juniorCont .propertyInfo li dl dd .txtGuide {
  margin-top: 10px;
}
.juniorCont .grayBox {
  margin-top: 120px;
}
.juniorCont .grayBox .inner {
  padding-bottom: 120px;
}
.juniorCont .grayBox .tit {
  margin-bottom: 15px;
}
.juniorCont .pdb180 {
  padding-bottom: 180px;
}

/* csr hotline 제보 추가 */
.subject {
  display: inline-block;
}
.subject + .subject {
  margin-left: 25px;
}
.noLine.type2 {
  height: 180px;
}
.frmInfo.tip {
  margin-bottom: 42px;
}
.f40 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.05em;
}
.txtResult02 {
  padding: 50px 0 10px;
  font-size: 30px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: -0.025em;
  text-align: center;
}
.txtBox02 {
  background-color: #f9f9f9;
  padding: 40px 30px;
  text-align: center;
}
.txtBox02 .txtResult {
  padding: 50px 0 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: -0.025em;
  text-align: center;
}
.txtBox02 .txtGuide02 {
  position: relative;
  display: inline-block;
  color: #444;
  padding-left: 16px;
  font: 16px gothamL, notokrL, playfair;
  letter-spacing: -0.01em;
  margin-top: 25px;
}
p.txtGuide02:before {
  content: "＊";
  position: absolute;
  left: 0;
  top: 4px;
  font: 600 15px gothamL;
}
.txtGuide02 li + li {
  margin-top: 6px;
}
.btnArea.tip {
  margin: 42px 0 50px;
}

.tipView_list_wrap {
}
.tipView_list {
}
.tipView_list > li {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 70px 0 60px;
}
.tip-left {
  display: inline-block;
  width: 330px;
  padding: 0 0 0 54px;
  vertical-align: top;
}
.tip-left h4 {
  font-size: 32px;
  font-weight: 600;
}
.tip-right {
  display: inline-block;
}
.tip-info {
  display: inline-block;
  width: 80px;
  font-weight: 600;
}
.txtGuide.tip {
  margin-top: 32px;
}

.btnArr_wrap {
  margin: 32px 0 0 0;
}
.btnArr_wrap .btnArr + .btnArr {
  margin-left: 25px;
}

/* offers 추가 */
.josunOffers-hub .mainArea06 {
  background: #efefef;
}
.josunOffers-hub .inner {
}
.josunOffers-hub .inner .icoArr {
  font: 400 16px gothamM;
  margin-left: 130px;
}
.josunOffers-hub .inner .swipeWrapArea {
  position: relative;
  margin-top: 30px;
}
.josunOffers-hub .inner .swipeWrap {
  width: 1170px;
  margin: 0 auto;
}
.josunOffers-hub .inner .swipeCont {
  margin-left: 15px;
}
.josunOffers-hub .inner .thum {
  position: relative;
  width: 360px;
  height: 249px;
  overflow: hidden;
}
.josunOffers-hub .inner .thum img {
  width: 360px;
  height: 249px;
}
.josunOffers-hub .inner .thum a {
  color: #fff;
}
.josunOffers-hub .inner .thum .hoverCont {
  position: absolute;
  left: 0;
  top: 0;
  width: 360px;
  height: 250px;
}
.josunOffers-hub .inner .thum .hoverCont a {
  opacity: 0;
}
.josunOffers-hub .inner .thum:hover {
  cursor: pointer;
}
.josunOffers-hub .inner .thum:hover .hoverCont,
.josunOffers-wb .inner .thum .hoverCont[tabindex="0"] {
  display: block;
  background: #797864;
  opacity: 0.8;
  z-index: 1;
}
.josunOffers-hub .inner .thum:hover .hoverCont a,
.josunOffers-wb .inner .thum .hoverCont a:focus {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -96px;
  border: 1px solid #fff;
  background: transparent;
  z-index: 1;
}
.josunOffers-hub .inner .thum .hoverCont.on a {
  opacity: 1;
}
.josunOffers-hub .inner .swipeSlide:last-child {
  margin: 0;
}
.josunOffers-hub .inner .swipeSlide > * {
  display: block;
}
.josunOffers-hub .inner .swipeSlide .tit {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font: 400 26px playfair;
  margin-top: 20px;
  height: 70px;
  width: 360px;
  word-break: break-word;
}
.josunOffers-hub .inner .swipeSlide .txt {
  font-size: 16px;
  color: #333;
  margin-top: 7px;
  width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.josunOffers-hub .inner .swipeSlide .date {
  font: 400 16px gothamL;
  color: #333;
  margin-top: 5px;
}
.josunOffers-hub .inner .locationTag {
  display: inline-block;
  position: relative;
  margin-top: 40px;
}
.josunOffers-hub .inner .btnPrev {
  left: 0;
}
.josunOffers-hub .inner .btnNext {
  right: 0;
  left: inherit;
}

.etc {
  margin-top: 20px;
  font: 500 14px/1.8 gothamM;
  color: #ba998c;
  text-transform: uppercase;
}
[tabindex="0"]:focus {
  outline: none;
}
.btnSwipe {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  width: 66px;
  height: 66px;
  background: url(../../../images/ko/pc/common/btn_swipe_66x66.png) no-repeat;
  z-index: 2;
}
.btnPrev {
  left: 0px;
  background-position: 0 0;
}
.btnNext {
  left: 0px;
  background-position: -66px 0;
}

/* ESG */
.tabCont.esgArea {
  padding-top: 55px;
  margin-left: 486px;
}
.tabCont.esgArea .tabInner .tabTit {
  font: 500 40px gothamM, notokrM;
  text-align: center;
  margin-bottom: 60px;
}
.tabCont.esgArea .tabInner .tabTit.left {
  text-align: left;
}
.tabCont.esgArea .tabInner .tabTit.smBot {
  margin-bottom: 20px;
}
.tabCont.esgArea .tabInner > .tit,
.tabCont.esgArea .anInfo > .tit {
  font: 500 30px gothamM, notokrM;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.tabCont.esgArea .tabInner > .tit.left,
.tabCont.esgArea .anInfo > .tit.left {
  text-align: left;
}
.tabCont.esgArea .tabInner > .tit.green {
  color: #008e6d;
  padding-top: 20px;
}
.tabCont.esgArea .tabInner > .txt {
  font-size: 20px;
  line-height: 1.75;
}
.tabCont.esgArea .centerimg {
  text-align: center;
}
.tabCont.esgArea .centerimg.echo {
  padding-top: 60px;
}
.tabCont.esgArea .centerimg.ethics {
  padding: 80px 0 50px;
}
.tabCont.esgArea .missionList {
  padding: 0px 0 0 25px;
  display: flex;
  flex-wrap: wrap;
}
.tabCont.esgArea .missionList .list {
  margin-right: 30px;
}
.tabCont.esgArea .missionList .list:last-child {
  margin-right: 0;
}
.tabCont.esgArea .anInfo {
  padding-top: 87px;
}
.tabCont.esgArea .anInfo.nopdtop {
  padding-top: 0;
}
.tabCont.esgArea .anInfo.subTXT {
  padding-top: 72px;
}
.tabCont.esgArea .anInfo.subTXT .tit {
  font-size: 20px;
  margin-bottom: 15px;
}
.tabCont.esgArea .missionList .txt {
  margin: 30px auto 0;
}
.tabCont.esgArea .missionList .txt.t01 {
  width: 160px;
}
.tabCont.esgArea .missionList .txt.t02 {
  width: 235px;
}
.tabCont.esgArea .missionList .txt.t03 {
  width: 200px;
}
.tabCont.esgArea .missionList .txt li {
  font-size: 20px;
  line-height: 1.75;
}
.tabCont.esgArea .bottom_ms {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  border: 1px solid #b2b2b2;
  margin-top: 50px;
}
.tabCont.esgArea .bottom_ms li {
  font-size: 20px;
  line-height: 1.75;
  text-align: center;
  width: 50%;
  float: left;
}
.tabCont.esgArea .bottom_ms li + li {
  border-left: 1px solid #b2b2b2;
}
.tabCont.esgArea .businessRoomList {
  margin: 0px 0 0;
  width: 912px;
}
.tabCont.esgArea .businessRoomList.margintop {
  margin-top: 50px;
}
.tabCont.esgArea .businessRoomList > li:nth-child(n + 3) .info {
  margin-top: 0;
}
.tabCont.esgArea .businessRoomList > li:nth-child(odd) .info,
.tabCont.esgArea .businessRoomList > li:nth-child(even) .info {
  padding: 0;
}
.tabCont.esgArea .businessRoomList > li:nth-child(3),
.tabCont.esgArea .businessRoomList > li:nth-child(4) {
  margin-top: 50px;
}
.tabCont.esgArea .businessRoomList .thum {
  width: 100%;
  height: 296px;
  background: #eee;
  display: inline-block;
}
.tabCont.esgArea .businessRoomList > li .info {
  width: 427px;
}
.tabCont.esgArea .businessRoomList > li:nth-child(odd) .info {
  padding-right: 29px;
}
.tabCont.esgArea .businessRoomList > li:nth-child(even) .info {
  padding-left: 29px;
}
.tabCont.esgArea .businessRoomList > li .tit {
  font-size: 20px;
  font-weight: 500;
  padding-top: 15px;
  font-family: gothamM, notokrM;
  text-transform: initial;
}
.tabCont.esgArea .businessRoomList > li .txt {
  padding-top: 5px;
}
.tabCont.esgArea .businessRoomList .dotTxt {
  padding-top: 8px !important ;
}
.tabCont.esgArea .businessRoomList .dotTxt li {
  position: relative;
  padding-left: 12px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.tabCont.esgArea .businessRoomList .dotTxt li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 1px;
  background: #666;
  position: absolute;
  top: 14px;
  left: 0;
}
.tabCont.esgArea .dotList .list p {
  font-size: 18px;
  font-weight: 400;
  font-family: notokrR;
}
.tabCont.esgArea .dotList .list .sub {
  padding-left: 17px;
  padding-top: 4px;
}
.tabCont.esgArea .dotList .list .sub li {
  color: #666666;
  font-size: 18px;
  font-weight: 300;
}
.tabCont.esgArea .dotList .list + .list {
  padding-top: 35px;
}
.tabCont.esgArea .dotList.dot01 .list + .list {
  padding-top: 25px;
}
.tabCont.esgArea .dotList.dot02 {
  padding-top: 50px;
}
.tabCont.esgArea .dotList.dot01 .list {
  display: flex;
}
.tabCont.esgArea .dotList.dot01 .list p.li01 {
  width: 240px;
}
.tabCont.esgArea .dotList.dot01 .list p.li02 {
  width: 240px;
}
.tabCont.esgArea .dotList.dot01 .list p.li03 {
  width: 205px;
}
.tabCont.esgArea .martopNone {
  margin-top: 0 !important;
}
.tabCont.esgArea .traceArea {
  margin-top: 80px;
}
.tabCont.esgArea .traceArea .historyList {
  margin-left: 0;
}
.tabCont.esgArea .traceArea .historyList dt {
  font: 500 18px/1.8 gothamM, notokrM;
}
.tabCont.esgArea table {
  width: 915px;
}
.tabCont.esgArea table tr:nth-child(1) td {
  border-top: 1px solid #000;
}
.tabCont.esgArea .tblH tbody tr td {
  border-left: 0;
}
.tabCont.esgArea#tab05 .moretop {
  padding-top: 120px;
}
.esgNewsList .titDep1 {
  font: 400 60px playfair, notokrR;
}
.esgNewsList .aboutGallery .titArea {
  margin: 20px 0 0;
}
.esgNewsList .aboutGallery .titArea h1 {
  font: 500 20px gothamM, notokrR;
  line-height: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  font-feature-settings: "lnum", "pnum";
}
.esgNewsList .aboutGallery .titArea p {
  padding-top: 20px;
  font: 300 18px notokrL;
  width: 100%;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  font-feature-settings: "lnum", "pnum";
}
.esgNewsList .aboutGallery .thum {
  cursor: auto;
}
.layerCont .esgPopupArea {
  position: relative;
  width: 1080px;
}
.layerCont .esgPopupArea .compTit {
  margin-bottom: 10px;
}
.layerCont .esgPopupArea .compTxt {
  font-size: 20px;
  text-align: center;
  margin-bottom: 60px;
}
.layerCont .esgPopupArea .scrollbar-wrap {
  margin-top: 145px;
  padding: 0;
}
.layerCont .esgPopupArea table tr:nth-child(1) td {
  border-top: 1px solid #000;
}
.layerCont .esgPopupArea table tr td {
  padding: 14px 16px;
}
.tabType04 button.esgnews {
  font-size: 30px;
  color: #aaa;
  line-height: 1.3;
  font-family: gothamB, notokrR;
}
.tabCont.esgArea .divideLine {
  border-top: 1px solid #ccc;
  margin-top: 87px;
}
/* 230216 ESG 게시판 고도화 */
.esgNewsList .topArea .topInner {
  padding: 90px 0 82px;
}
.esgNewsList .aboutGallery .thum {
  position: relative;
}
.esgNewsList .aboutGallery .thum .esgBadge {
  position: absolute;
  top: 0;
  left: 0;
}
.esgBadge {
  display: inline-block;
  font-size: 14px;
  min-width: 116px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 29px;
}
.esgBadge.E01 {
  background: #005217;
} /*친환경*/
.esgBadge.E02 {
  background: #bb1b23;
} /*사회공헌*/
.esgBadge.E03 {
  background: #015dac;
} /*가치소비여행*/
.esgBadge.E04 {
  background: #000;
} /*윤리경영*/
.detailView .esgBadge {
  margin-bottom: 10px;
}
.detailView > .tit.esg {
  position: relative;
  padding-right: 100px;
  word-break: keep-all;
}
.detailView > .tit.esg .detailDate {
  position: absolute;
  right: 0;
  top: 34px;
  font-family: "gothamL";
  font-size: 20px;
}

/* 250312 안전보건경영 메뉴 추가 */
.tblH > thead > tr > th > span {
  font-family: "notokrL";
  font-size: 14px;
  color: #666;
  font-weight: normal;
}
.tblH > tfoot > tr > th,
.tblH > tfoot > tr > td {
  background-color: #f9f9f9;
  padding: 16px;
  font-size: 15px;
  color: #666;
  font-weight: 600;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: right;
}
.tblH tbody tr th {
  font-size: 15px;
}
.tblH > tfoot > tr > th {
  border-left: none;
  text-align: center;
}
.tblWrap .tblTxt {
  font-size: 20px;
  font-weight: 500;
  font-family: gothamM, notokrM;
}
.tblWrap .tblTxt + .tblH {
  margin-top: 10px;
}

.tabArea .tabType04 li .tabSubMenu {
  margin: 20px 0 0 20px;
}
.tabArea .tabType04 li .tabSubMenu > li {
  position: relative;
  padding-left: 16px;
}
.tabArea .tabType04 li .tabSubMenu > li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #aaa;
  position: absolute;
  top: 12px;
  left: 0;
}
.tabArea .tabType04 li.on .tabSubMenu > li.on::before {
  background-color: #000;
}
.tabArea .tabType04 li .tabSubMenu > li > a {
  font-size: 22px;
}

.tabArea .tabType04 li.on .tabSubMenu > li > a {
  font-weight: normal;
}
.tabArea .tabType04 li.on .tabSubMenu > li.on > a {
  color: #000;
  font-weight: 600;
}
.tabArea .tabType04 li .tabSubMenu > li + li {
  margin-top: 20px;
}

.tabCont.tabToggleCont {
  padding-top: 55px;
  margin-left: 486px;
}
.tabCont.tabToggleCont .tabInner .tabTit {
  font: 500 40px gothamM, notokrM;
  text-align: left;
  margin-bottom: 20px;
}
.tabCont.tabToggleCont .tabInner .tabTitBox {
  margin-top: 90px;
}
.tabCont.tabToggleCont .tabInner .tabBox .tit {
  font: 500 30px gothamM, notokrM;
  display: block;
  margin-bottom: 30px;
}
.tabCont.tabToggleCont .tabInner .tabBox .txt {
  font-size: 20px;
  line-height: 1.75;
}

.tabCont.tabToggleCont .imgBox {
  text-align: left;
  margin-top: 80px;
}
.tabCont.tabToggleCont .imgBox.centerimg {
  text-align: center;
}
.tabCont.tabToggleCont .imgBox.rightimg {
  text-align: right;
}
.tabCont.tabToggleCont .tabInner .statsTable .tblH > tbody > tr > td {
  text-align: right;
}
.tabCont.tabToggleCont .tabInner .tblWrap {
  margin-top: 90px;
}

.cardListWrap {
  margin-top: 80px;
}
.cardTyList {
  display: flex;
  gap: 60px;
}
.cardTyList > li > .detail {
  text-align: center;
  padding: 0 20px;
  margin-top: 20px;
}
.cardTyList > li > .detail > dt {
  font-size: 26px;
  font-weight: 600;
}
.cardTyList > li > .detail > dd {
  font-size: 20px;
  color: #333;
  font-weight: 400;
}
.cardTyList > li > .detail > dt + dd {
  margin-top: 10px;
}

.cardTyList.boxTy {
  flex-wrap: wrap;
  gap: 26px;
}
.cardTyList.boxTy > li {
  width: calc(33.33% - 18px);
  background-color: #fff;
  border: 1px solid #eee;
  padding: 20px;
  text-align: center;
}
.cardTyList.boxTy > li > em {
  display: block;
  font-family: "gothamB";
  font-weight: bold;
  font-size: 35px;
  line-height: 1;
}
.cardTyList.boxTy > li > span {
  display: block;
  font-family: "gothamL";
  font-size: 20px;
  color: #666;
  line-height: 1;
}
.cardTyList.boxTy > li > span > em {
  font-family: "gothamB";
  font-weight: bold;
}
.cardTyList.boxTy > li > h6 {
  font-size: 20px;
  font-weight: bold;
}
.cardTyList.boxTy > li > p {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.cardTyList.boxTy > li > em + span {
  margin-top: 10px;
}
.cardTyList.boxTy > li > span + h6 {
  margin-top: 14px;
}
.cardTyList.boxTy > li > h6 + p {
  margin-top: 20px;
}

.cardTyList.imgTy {
  flex-wrap: wrap;
  gap: 70px 60px;
}
.cardTyList.imgTy > li {
  width: calc(50% - 30px);
}
.cardTyList.imgTy > li > .thum {
  overflow: hidden;
}
.cardTyList.imgTy > li > .thum > img {
  transform: scale(1);
  width: 100%;
  object-fit: cover;
}
.cardTyList.imgTy > li:hover > .thum > img {
  transform: scale(1.15);
  transition: all 0.5s;
}

.shmPolicyImg > li {
  height: 296px;
}

.grayContBox {
  width: 100%;
  background-color: #f9f9f9;
  padding: 40px;
  margin-top: 50px;
  text-align: center;
  box-sizing: border-box;
}
.grayContBox .cont > h5 {
  font-family: "notokrM";
  font-size: 26px;
}
.grayContBox .cont > h6 {
  font-family: "notokrM";
  font-size: 22px;
}

.grayContBox.shmCoreValues {
  padding: 54px 20px;
  margin-top: 90px;
}

.grayContBox.shmCoreValues .cont > .corePhrase {
  font-family: gothamM;
  font-size: 30px;
  font-weight: 600;
  margin-top: 12px;
}
.quotationMarks::before,
.quotationMarks::after {
  content: "";
  display: inline-block;
  width: 41px;
  height: 29px;
  vertical-align: top;
}
.quotationMarks::before {
  background: url("../../../images/ko/pc/common/ico_dq_first.png") no-repeat 0 0;
  background-size: cover;
  margin-right: 36px;
}
.quotationMarks::after {
  background: url("../../../images/ko/pc/common/ico_dq_last.png") no-repeat 0 0;
  background-size: cover;
  margin-left: 36px;
}

/* 목표 및 계획 */
.numList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
.numList > li {
  width: calc(50% - 5px);
}

.cardListWrap.shmPolicyImg {
  margin-top: 60px;
}
.cardListWrap.riskAP {
  margin-top: 40px;
}
.cardListWrap.riskAP .cardTyList.boxTy > li {
  padding: 30px;
  text-align: left;
}
.cardListWrap.riskAP .cardTyList.boxTy > li > em {
  font-family: "gothamL";
  font-size: 16px;
}
.cardListWrap.riskAP .cardTyList.boxTy > li > h6 {
  font-size: 20px;
}
.cardListWrap.riskAP .cardTyList.boxTy > li > dl > dt {
  font-family: "notokrM";
  font-size: 20px;
}
.cardListWrap.riskAP .cardTyList.boxTy > li > dl > dd {
  position: relative;
  font-size: 16px;
  color: #666;
  padding-left: 10px;
}
.cardListWrap.riskAP .cardTyList.boxTy > li > dl > dd::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #666;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: 0;
}

.cardListWrap.riskAP .cardTyList.boxTy > li > em + dl,
.cardListWrap.riskAP .cardTyList.boxTy > li > dl > dt + dd {
  margin-top: 10px;
}
.cardListWrap.riskAP .cardTyList.boxTy > li > dl > dd + dd {
  margin-top: 5px;
}

/* 안전보건활동 */
.shActivityImg .cardTyList > li > p {
  padding-top: 10px;
}

/* 221019 쓱데이 이벤트 팝업 */
.layerPop.ssgdayevent .layerCont {
  padding: 70px;
  width: 700px;
}
.layerPop.ssgdayevent .txtConfirm {
  width: 100%;
  text-align: center;
  display: block;
  font: 500 20px notokrR;
  letter-spacing: -0.01em;
  line-height: 1.5;
}
.titCeTet {
  text-align: center !important;
}
.layerPop.ssgdayevent .txt {
  text-align: center;
  margin-top: 10px;
}
.layerPop.ssgdayevent .tit {
  display: block;
  font: 500 34px/1.25 notokrR;
  text-align: center;
  margin-bottom: 30px;
}
.layerPop.ssgdayevent .ssgdaybtn {
  background-color: #ff7373 !important;
  color: #fff !important;
  border-color: #ff7373;
  font-weight: bold;
}
.layerPop.ssgdayevent .ssgdaybtn:hover {
  color: #ff7373 !important;
}
.layerPop.ssgdayevent .aniTxt1,
.ssgdayevent .aniTxt2,
.ssgdayevent .aniTxt3 {
  opacity: 0;
  -webkit-animation: subTitAni 0.5s ease-in-out both;
  -moz-animation: subTitAni 0.5s ease-in-out both;
  -ms-animation: subTitAni 0.5s ease-in-out both;
  -o-animation: subTitAni 0.5s ease-in-out both;
  animation: subTitAni 0.5s ease-in-out both;
}
.layerPop.ssgdayevent .aniTxt2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.layerPop.ssgdayevent .aniTxt3 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes subTitAni {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@-moz-keyframes subTitAni {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@-ms-keyframes subTitAni {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@-o-keyframes subTitAni {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@keyframes subTitAni {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* 221123 식음예약페이지*/
.drDining_st01.diningContainer {
  padding: 30px 20px 0;
  border-top: 1px solid #000;
}
.drDining_st01 .rCont .roomIntro .txt {
  padding-bottom: 130px;
}
.drDining_st01 .rCont .roomIntro .info {
  position: relative;
}
.drDining_st01 .rCont .btnSC {
  margin-top: 40px;
}
.drDining_st01 .listTit {
  font: 400 22px gothamB, notokrL;
  padding-bottom: 50px;
  display: block;
}
.drDining_st01 .selectWrap .ui-selectmenu-button {
  border: 1px solid #ccc;
  padding: 0 15px;
  height: 50px;
  line-height: 48px;
  font-size: 16px;
}
.drDining_st01 .selectWrap .ui-selectmenu-button:after {
  right: 15px;
}

.drDining_st02 .lCont {
  min-height: 540px !important;
}
.drDining_st02 .rCont {
  width: 798px;
}
.drDining_st02 .chkValue {
  font-size: 22px;
  font-family: gothamL, notokrL;
  letter-spacing: -0.04em;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  margin-bottom: 70px;
  text-transform: uppercase;
}
.drDining_st02 .chkValue span {
  font-size: 40px;
  font-family: playfair, notokr;
  font-weight: 400;
}
.drDining_st02 .chkValue span:first-child:before {
  display: none;
}
.drDining_st02 .chkValue span:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1px;
  height: 35px;
  background: #000;
  margin: 0 13px 0 15px;
}
.drDining_st02 .calContainer.calSingle .calendar td.promotion a:after {
  display: none;
}
.drDining_st02 .calInner .calendar td.ui-datepicker-today a {
  background: #f9f9f9;
}
.drDining_st02 .selectWrap .ui-selectmenu-button {
  border: 1px solid #ccc;
  padding: 0 15px;
  height: 50px;
  line-height: 48px;
  font-size: 16px;
}
.drDining_st02 .selectWrap .ui-selectmenu-button:after {
  right: 15px;
}
.drDining_st02 .tit {
  font-weight: 400;
  color: #333;
}
.drDining_st02 .timeTit {
  font-size: 17px;
  color: #333;
  font-weight: 400;
  margin: 24px 0 10px;
  display: block;
}
.drDining_st02 .timeSel .frmList .frmRadio label {
  font-size: 17px;
  color: #000;
  width: 152px;
  max-width: 152px;
  height: 45px;
  line-height: 1;
  border-color: #000;
}
.drDining_st02 .frmList .frmRadio input[type="radio"]:checked + label {
  background-color: #000;
  color: #fff;
}
.drDining_st02 .timeSel .frmList input[disabled] + label {
  background: #f9f9f9;
  border-color: #f0f0f0;
  color: #bbb;
}
.drDining_st02 .timeSel .frmList input[disabled]:checked + label {
  background: #f9f9f9;
  border-color: #f0f0f0;
  color: #bbb;
}
.drDining_st02 .emptyTime {
  font-size: 17px;
  width: 295px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #f9f9f9;
  border: 1px solid #f0f0f0;
  color: #bbb;
  margin: 18px 0 0 3px;
}
.drDining_st02 .timeGuideWrap {
  text-align: right;
  padding-top: 30px;
}
.drDining_st02 .timeGuideWrap li {
  display: inline-block;
  padding-left: 26px;
  margin-left: 24px;
  position: relative;
}
.drDining_st02 .timeGuideWrap li:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 9px;
  border: 1px solid #fff;
}
.drDining_st02 .timeGuideWrap li.tg01:before {
  background: #000;
  border-color: #000;
}
.drDining_st02 .timeGuideWrap li.tg02:before {
  background: #f4f4f4;
  border-color: #f0f0f0;
}
.drDining_st02 .timeGuideWrap li.tg03:before {
  background: #fff;
  border-color: #000;
}
.drDining_st02 .selectInfoWrap {
  padding-top: 60px;
}
.drDining_st02 .colorBox {
  background: #f9f9f9;
  padding: 67px 35px;
  margin-top: 10px;
}
.drDining_st02 .selectInfo {
  display: flex;
  justify-content: center;
}
.drDining_st02 .selectInfo div + div {
  padding-left: 24px;
  margin-left: 25px;
  position: relative;
}
.drDining_st02 .selectInfo div + div:before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background: #ccc;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.drDining_st02 .selectInfo p {
  color: #333;
  font: 17px notokrM;
  padding-bottom: 10px;
}
.drDining_st02 .selectInfo em {
  font-size: 20px;
  font-family: gothamL, notokrL;
}
.drDining_st02 .manualInfoWrap {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 25px;
  text-align: center;
}
.drDining_st02 .manualInfoWrap .txtWrap {
  display: inline-block;
  text-align: left;
}
.drDining_st02 .manualInfoWrap strong {
  color: #989442;
  font-size: 17px;
  line-height: 30px;
  display: inline-block;
  font-family: notokrR;
}
.drDining_st02 .manualInfoWrap .order_txt {
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  margin-top: 15px;
}
.drDining_st02 .manualInfoWrap .txtGuide {
  margin-top: 5px;
}
.drDining_st02 .btnArea {
  margin-top: 120px;
}
.drDining_st02 .allTimeSwitch {
  display: block;
  height: 29px;
  line-height: 29px;
  float: right;
}
.drDining_st02 .allTimeSwitch span {
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
}
.drDining_st02 .allTimeSwitch [type="checkbox"] {
  appearance: none;
  position: relative;
  border: max(2px, 0.1em) solid #bbb;
  border-radius: 1.25em;
  width: 46px;
  height: 27px;
  background: #bbb;
  margin-top: 3px;
  cursor: pointer;
}
.drDining_st02 .allTimeSwitch [type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transform: scale(0.8);
  background-color: #fff;
  transition: left 250ms linear;
}
.drDining_st02 .allTimeSwitch [type="checkbox"]:checked {
  background-color: #000;
  border-color: #000;
}
.drDining_st02 .allTimeSwitch [type="checkbox"]:checked::before {
  background-color: #fff;
  left: 18px;
}
.drDining_st02 .allTimeSwitch [type="checkbox"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) solid #000;
}

.drDining_st02 .groupPerson {
  text-align: center;
  padding: 120px 0;
}
.drDining_st02 .groupPerson .txt {
  color: #666;
  font-size: 17px;
  display: inline-block;
  background: #f3f3f3;
  padding: 15px 30px;
}

.drDining_st03 .rsvRoomWrap {
  position: relative;
}
.drDining_st03 .chkValue {
  font-size: 22px;
  font-family: gothamL, notokrL;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
.drDining_st03 .chkValue span {
  font-size: 40px;
  font-family: playfair, notokr;
  font-weight: 400;
}
.drDining_st03 .chkValue span:first-child:before {
  display: none;
}
.drDining_st03 .chkValue span:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1px;
  height: 35px;
  background: #000;
  margin: 0 13px 0 15px;
}
.drDining_st03 .chkValue_prev {
  border-bottom: 1px solid #000;
  margin-bottom: 90px;
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
}
.drDining_st03 .chkValue_prev .leftInfo {
  float: left;
}
.drDining_st03 .chkValue_prev .rightInfo {
  float: right;
}
.drDining_st03 .leftInfo span {
  color: #333;
  display: inline-block;
  padding-right: 16px;
  margin-right: 16px;
  position: relative;
  font-family: gothamL, notokrL;
}
.drDining_st03 .leftInfo span:last-child {
  padding-right: 0;
  margin-right: 0;
}
.drDining_st03 .leftInfo span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 17px;
  background: #333;
  position: absolute;
  right: 0;
  top: 8px;
}
.drDining_st03 .leftInfo span:last-child:after {
  display: none;
}
.drDining_st03 .rightInfo strong {
  font-size: 22px;
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
.drDining_st03 .rightInfo .chkTime {
  display: inline-block;
  width: 105px;
  height: 45px;
  background: #000;
  color: #fff;
  font-size: 17px;
  font-family: gothamL;
  text-align: center;
  line-height: 45px;
  margin-left: 10px;
}
.drDining_st03 .rsvRoomWrap .lCont {
  padding: 0 20px;
}
.drDining_st03 .rsvRoomWrap .rCont .totalCont .totalPrice {
  padding: 40px 0 30px;
}
.drDining_st03 .addOption .numPeople button[disabled] {
  background-color: #fff;
}
.drDining_st03 .addOption .numPeople button.btnDown[disabled]:before {
  background: url(../../../images/ko/pc/common/ico_down_disabled.png) no-repeat 50% 50%;
}
.drDining_st03 .addOption .numPeople button.btnUp[disabled]:before {
  background: url(../../../images/ko/pc/common/ico_up_disabled.png) no-repeat 50% 50%;
}
.drDining_st03 .listTit {
  color: #333;
  font-size: 20px;
  font-family: notokrM;
}
.drDining_st03 .intWrap.top {
  margin-top: 10px;
}
.drDining_st03 .rsvDingList + .rsvDingList {
  margin-top: 50px;
}
.drDining_st03 .rsvRoomWrap .lCont .intWrap {
  margin-top: 22px;
}
.drDining_st03 .verifiCode {
  margin-top: 20px;
}
.drDining_st03 .verifiCode .intArea {
  position: relative;
}
.drDining_st03 .verifiCode .intArea .vertifiTime {
  position: absolute;
  right: 0;
  top: 0;
  font-family: gothamL;
}
.drDining_st03 .verifiCode .btnArea {
  margin-top: 0;
  vertical-align: bottom;
}
.drDining_st03 .verifiCodeBtn {
  width: 150px;
  height: 45px;
  line-height: 45px;
  margin-left: 15px;
  min-width: 150px;
  padding: 0;
  font-size: 17px;
}
.drDining_st03 .intList > li .txtGuide + .txtGuide {
  margin-top: 5px;
}
.drDining_st03 .intList > li .intInner.requestArea {
  display: block;
}
.drDining_st03 .intList > li .intInner.requestArea input {
  width: 100%;
  font-size: 16px;
}
.drDining_st03 .notiContainer {
  margin-top: 52px;
}
.drDining_st03 .notiContainer .titDep3 {
  margin-top: 50px;
}
.drDining_st03 .boxNotice {
  padding: 40px;
  border: 1px solid #eee;
  margin-top: 70px;
}
.drDining_st03 .boxNotice .titDep3 {
  margin-top: 0;
}
.drDining_st03 .boxNotice li {
  position: relative;
  padding-left: 10px;
  color: #666;
  font-size: 16px;
  margin-top: 3px;
}
.drDining_st03 .boxNotice li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  left: 0;
  top: 14px;
}
.drDining_st03 .visitorWrap {
  margin-top: 50px;
}
.drDining_st03 .toggleListAll li {
  border-bottom: 0;
}
.drDining_st03 .toggleListAll .clickBtn {
  position: relative;
  cursor: pointer;
  padding: 18px 20px 19px;
  border-bottom: 1px solid #ccc;
}
.drDining_st03 .toggleListAll .btnToggle {
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
  height: auto;
  overflow: visible;
  text-indent: 0;
}
.drDining_st03 .toggleListAll .btnToggle:before {
  display: none;
}
.drDining_st03 .toggleListAll .clickBtn:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 23px;
  display: block;
  width: 18px;
  height: 10px;
  padding: 5px 0;
  background: url(../../../images/ko/pc/common/ico_toggle_18x10.png) no-repeat 0 5px;
}
.drDining_st03 .toggleListAll .toggleOn .clickBtn:before {
  background-position: -18px 5px;
}
.drDining_st03 .toggleListAll > li .toggleCont input[type="text"] {
  height: 60px;
  padding: 8px 13px 8px 0;
  padding: 7px 13px 9px 0\0IE;
  color: #000;
  border: solid #ccc;
  border-width: 0 0 1px 0;
  vertical-align: middle;
  font-size: 18px;
  font-family: gothamL, notokrL;
}
.drDining_st03 .toggleListAll .intList > li .requestArea input {
  font-size: 16px;
}
.drDining_st03 .frm.type03 .label {
  display: inline-block;
  position: relative;
  font-size: 18px;
  padding-left: 33px;
  font-family: gothamL, notokrL;
  text-transform: uppercase;
}
.drDining_st03 .frm.type03 .label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 18px;
  height: 13px;
  background: url(../../../images/ko/pc/common/spr_form.png) no-repeat;
  background-position: 0 0;
}
.drDining_st03 .frm.type03 input[type="checkbox"]:checked + .label:before {
  background-position: -18px 0;
}
.drDining_st03 .rev_member_info {
  font-family: gothamL, notokrL;
  color: #222;
}
.drDining_st03 .toggleList > li .toggleCont .selectWrap {
  height: 60px;
}
.drDining_st03 .toggleList > li .toggleCont .selectWrap .ui-selectmenu-button {
  height: 60px;
  border: 0;
  border-bottom: 1px solid #000;
}

/*비회원/영문회원 추가*/
.drDining_st03 .emailInp.eng input[type="text"] {
  height: 50px;
}
.drDining_st03 .emailInp.eng .btnArea {
  margin-top: 0;
}
.drDining_st03 .emailInp.eng .verifiCodeBtn {
  width: 160px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  margin-left: 15px;
  min-width: 150px;
  padding: 0;
  font-size: 17px;
}
.drDining_st03 .emailInp.eng .selectWrap {
  height: 50px;
}
.drDining_st03 .emailInp.eng .selectWrap .ui-selectmenu-button {
  height: 50px;
  line-height: 48px;
}
.drDining_st03 .verifiCode.eng .verifiCodeBtn {
  width: 160px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  margin-left: 15px;
  min-width: 150px;
  padding: 0;
  font-size: 17px;
}
.drDining_st03 .visitorWrap.eng {
  margin-top: 40px;
}
/* // 비회원/영문회원 추가*/

.drDining_st04.commWrap .commlist {
  padding: 0;
}

.drDiningMypage h2.titDep2 {
  font: 40px/0.68 playfair, notokrL;
  margin-bottom: 36px;
}
.drDiningMypage h3.titDep3 {
  position: relative;
}
.drDiningMypage h3.titDep3.line {
  border-bottom: 1px solid #000;
  padding-bottom: 30px;
}
.drDiningMypage .btnModify {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  width: 120px;
  font-size: 16px;
  top: 8px;
}
.drDiningMypage .btnPrint {
  font-size: 17px;
  top: -3px;
}
.drDiningMypage .btnModify,
.drDiningMypage .btnPrint {
  height: 40px;
  line-height: 1;
}
.drDiningMypage .total {
  border-top: 0;
  border-bottom: 1px solid #ccc;
}

.layerPop .drDiningCancel .total {
  border-top: 0;
}
.drDiningCancel .cancelArea {
  margin-top: 40px;
}
.drDiningCancel .cancelArea .canceltxt {
  color: #aaa;
  font-size: 16px;
  line-height: 24px;
  padding-top: 5px;
}
.drDiningCancel .cancelArea input {
  width: 100%;
}

.drDiningMypage .intList > li .intInner.requestArea {
  display: block;
}
.drDiningMypage .intList > li .intInner.requestArea input {
  width: 100%;
  font-size: 16px;
}
.drDiningMypage.myContents .reserveInfo .titDep4 {
  text-transform: uppercase;
}
.drDiningMypage.myContents .reserveInfo .titDep4.st02 {
  color: #aaa;
}
.drDiningMypage.myContents .reserveInfo .titDep4.st03 {
  color: #b01414;
}

/* 221129 식음예약페이지 - 비회원로그인*/
.loginFrm3 {
  position: relative;
  margin-bottom: 27px;
}
.drDiningPhBtn {
  font-size: 17px;
  height: 65px;
  width: 220px;
  margin-left: 4px;
}
.drLoginCode .vertifiTime {
  position: absolute;
  top: 16px;
  right: 16px;
  font-family: gothamL;
}
.drLoginCode {
  display: none;
}
.drLoginCode.ok {
  display: block;
}

/* 221220 식음예약페이지 - 테이블/메뉴/세트선택 팝업*/
.diningSelectPop .layerCont {
  width: 1080px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 50px 50px 70px 70px;
  margin: 0 !important;
}
.diningSelectPop .compTit {
  text-align: left;
  position: relative;
  margin-right: 20px;
}
.diningSelectPop .rightInfo {
  position: absolute;
  top: -6px;
  right: 0;
}
.diningSelectPop .rightInfo strong {
  font-size: 16px;
  font-weight: 300;
  font-family: "notokrL";
  display: inline-block;
}
.diningSelectPop .rightInfo .chkTime {
  display: inline-block;
  width: 105px;
  height: 45px;
  background: #000;
  color: #fff;
  font-size: 17px;
  font-family: gothamL;
  text-align: center;
  line-height: 45px;
  margin-left: 10px;
}
.diningSelectPop .btnArea a {
  width: 140px;
  height: 50px;
  font-size: 17px;
  line-height: 48px;
}
.diningSelectPop .btnArea {
  margin-top: 40px;
}
.diningSelectPop .compLayer {
  padding: 20px 0 10px;
}
.diningSelectPop .dnSelectBox + .dnSelectBox {
  margin-top: 50px;
}
.diningSelectPop .dnSelectBox .boxTit {
  font-size: 24px;
  font-family: "notokrR";
  margin-bottom: 30px;
}
.diningSelectPop .dnSelectBox .boxTit.sSelects {
  margin-bottom: 0;
}
.diningSelectPop .frmList .frmRadio label {
  width: 227px;
  max-width: 227px;
  padding: 10px;
}
.diningSelectPop .frmList input[disabled] + label {
  background: #f9f9f9;
  border-color: #f0f0f0;
  color: #bbb;
}
.diningSelectPop .frmList input[disabled]:checked + label {
  background: #f9f9f9 !important;
  border-color: #f0f0f0 !important;
  color: #bbb !important;
}
.diningSelectPop .menuSelcet {
  display: table;
  width: 100%;
}
.diningSelectPop .menuSelcet li {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  padding-bottom: 20px;
}
.diningSelectPop .menuSelcet li:nth-child(2n) {
  padding-left: 15px;
}
.diningSelectPop .menuSelcet li:nth-child(2n + 1) {
  padding-right: 15px;
}
.diningSelectPop .menuSelcet_li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.diningSelectPop .menuSelcet.type02 .txt {
  width: 165px;
  line-height: 25px;
  letter-spacing: -1px;
  position: relative;
  padding-right: 15px;
  vertical-align: middle;
}
.diningSelectPop .menuSelcet.type02 .txt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #ccc;
}
.diningSelectPop .menuSelcet.type02 .numPeople {
  width: 115px;
}
.diningSelectPop .menuSelcet.type02 .numPeople span {
  width: 53px;
  padding: 0;
  font-size: 20px;
}
.diningSelectPop .menuSelcet.type02 li {
  vertical-align: top;
}
.diningSelectPop .menuSelcet.type02 .menuSelcet_li {
  height: 50px;
}
.diningSelectPop .menuSelcet.type02.badge_all li {
  padding-top: 10px;
}
.diningSelectPop .menuSelcet.type02 .add_Description {
  color: #888;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 36px;
}
.diningSelectPop .menuSelcet_li .price {
  display: inline-block;
  font-family: gothamL, notokrL;
  width: calc(100% - 315px);
  text-align: right;
  letter-spacing: -0.8px;
}
.diningSelectPop .numPeople button:before {
  width: 32px;
  height: 32px;
}
.diningSelectPop .tblV {
  padding-bottom: 15px;
  border-top: 0;
}
.diningSelectPop .tblV tr th,
.diningSelectPop .tblV tr td {
  font-size: 18px;
  padding: 15px 0;
  line-height: 1;
  border-bottom: 0;
}
.diningSelectPop .tblV tr td.person {
  text-align: center;
  border-left: 0;
}
.diningSelectPop .tblV tr td.price {
  text-align: right;
  border-left: 0;
}
.diningSelectPop .tblV tr th,
.diningSelectPop .tblV tr td {
  border-top: 1px solid #ddd;
}
.diningSelectPop .total {
  padding: 40px 0 30px;
}
.diningSelectPop .dnSelectScroll {
  max-height: calc(80vh - 180px);
  overflow: hidden;
  overflow-y: scroll;
  padding-right: 20px;
}
.diningSelectPop .dnSelectScroll::-webkit-scrollbar {
  width: 3px;
}
.diningSelectPop .dnSelectScroll::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
.diningSelectPop .frm.type02 label {
  padding-left: 36px;
}
.diningSelectPop .frm.type02 label:before {
  width: 26px;
  height: 26px;
  top: 50%;
  transform: translateY(-50%);
}
.diningSelectPop .frm input[type="radio"] + label:before {
  background: url(../../../images/ko/pc/common/dnpop_check_off.png) no-repeat;
}
.diningSelectPop .frm input[type="radio"]:checked + label:before {
  background: url(../../../images/ko/pc/common/dnpop_check_on.png) no-repeat;
}
.diningSelectPop .menuSelcet.type01 .txt {
  width: 280px;
  line-height: 25px;
  letter-spacing: -1px;
  position: relative;
  padding-right: 16px;
  margin-right: 13px;
  vertical-align: middle;
}
.diningSelectPop .menuSelcet.type01 .txt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #ccc;
}
.diningSelectPop .manualInfoWrap {
  padding-bottom: 50px;
}
.diningSelectPop .manualInfoWrap strong {
  color: #989442;
  font-size: 17px;
  line-height: 30px;
  display: inline-block;
  font-family: notokrR;
}
.diningSelectPop .manualInfoWrap .order_txt {
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  margin-top: 15px;
}
.diningSelectPop .manualInfoWrap .txtGuide {
  margin-top: 8px;
}

.topArea .manualInfoWrap {
  margin-top: 20px;
  text-align: center;
}
.topArea .manualInfoWrap strong {
  color: #989442;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  font-family: notokrR;
}
.topArea .manualInfoWrap .order_txt {
  line-height: 1;
  font-weight: 300;
  margin-top: 15px;
}
.topArea .manualInfoWrap .txtGuide {
  margin-top: 5px;
  display: inline-block;
}

.diningSelectPop .menuSelcet.type02 .badge_type {
  position: absolute;
  top: -23px;
  left: 0;
  background: #989442;
  color: #fff;
  display: inline-block;
  min-width: 33px;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
}
.diningSelectPop .menuSelcet .badge_txt {
  position: absolute;
  top: -23px;
  left: 0;
  color: #989442;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0;
}
.diningSelectPop .menuSelcet.badge_all li {
  padding-top: 20px;
}
.diningSelectPop .dnSelectBox.addMenu {
  margin-top: 30px;
  background: #f9f9f9;
  padding: 30px;
}
.diningSelectPop .addMenu .menuSelcet.type02 .txt {
  font-size: 16px;
  width: 150px;
  padding-right: 10px;
}
.diningSelectPop .addMenu .menuSelcet_li .price {
  font-size: 16px;
  width: calc(100% - 292px);
}
.diningSelectPop .addMenu .numPeople button {
  width: 29px;
  height: 29px;
}
.diningSelectPop .addMenu .numPeople button:before {
  width: 29px;
  height: 28px;
}
.diningSelectPop .addMenu .menuSelcet.type02 .numPeople span {
  font-size: 18px;
  width: 47px;
}
.diningSelectPop .addMenu .menuSelcet.type02 .numPeople {
  width: 105px;
}
.diningSelectPop .addMenu .menuSelcet.type02 .badge_type {
  background: #888;
}
.diningSelectPop .addMenu .boxTit {
  font-size: 18px;
  margin-bottom: 20px;
}
.diningSelectPop .numPeople.type02 button[disabled] {
  background: transparent;
}
.diningSelectPop .numPeople.type02 button[disabled]:before {
  opacity: 0.2;
}

.diningSelectPop .ico_ampersand {
  background: url(../../../images/ko/pc/common/ico_ampersand.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 14px;
  padding-right: 3px;
}
.diningSelectPop .dnSelectBox .smallTxt {
  font-size: 16px;
  color: #888;
  display: inline-block;
  padding-left: 15px;
  font-family: "notokrL";
}

.verifiCodeAddcont .verifiCode {
  margin-top: 20px;
}
.verifiCodeAddcont .verifiCode .intArea {
  position: relative;
}
.verifiCodeAddcont .verifiCode .intArea .vertifiTime {
  position: absolute;
  right: 0;
  top: 0;
  font-family: gothamL;
}
.verifiCodeAddcont .verifiCode .btnArea {
  margin-top: 0;
  vertical-align: bottom;
}
.verifiCodeAddcont .verifiCodeBtn {
  margin-left: 15px;
}

/*멤버십 정보 확인 및 환불 동의 - 팝업*/
.membershiprefund {
  width: 940px;
}
.membershiprefund .scrollbar-wrap {
  right: 6px;
}
.membershiprefund .toggleList.agreeCont {
  margin-top: 14px;
}
.membershiprefund .toggleList.agreeCont .frm.type02 {
  padding: 18px 10px 19px;
}
.membershiprefund .toggleList.agreeCont .btnToggle {
  right: 10px;
}
.membershiprefund .toggleList.agreeCont .btnToggle {
  display: block;
}
.membershiprefund .toggleList.agreeCont .toggleInner {
  padding: 25px;
  background: #f9f9f9;
}
.membershiprefund .toggleList.agreeCont > li {
  border-bottom: 1px solid #ccc;
}
.membershiprefund .txtGuide.top {
  margin-top: 14px;
}
.membershiprefund .refundReason {
  margin-top: 60px;
}
.membershiprefund .refundReason .titDep3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.membershiprefund .refundReason .titDep2 {
  font-size: 20px;
  margin: 0px 0 15px;
  color: #333;
  font-family: notokrM;
  font-weight: 500;
  margin-bottom: 20px;
}
.membershiprefund .refundReason .titDep2 span {
  display: block;
  color: #888;
  font: 16px gothamL, notokrL, playfair;
}
.membershiprefund .refundReason li + li {
  margin-top: 5px;
}
.membershiprefund .refundReason .refundEtcArea {
  display: none;
  width: 100%;
  height: 100px;
  margin-top: 20px;
  border: 1px solid #ccc;
}
.membershiprefund .refundReason .refundEtcArea:focus {
  border-color: #000;
}
.membershiprefund .refundReason .refundEtcArea.open {
  display: block;
}

#couponRmLayerPop .layerCont .scrollWrap {
  max-height: 465px;
  height: auto;
}
.cardList li .cardInner .btnArr + .btnArr {
  margin-left: 15px;
}

/* 240610 멤버십 소개 */
.mbs_msgBox {
  text-align: center;
  margin-top: 30px;
}
.mbs_msgBox > dl {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 20px;
}

.bdTop {
  border-top: 1px solid #ccc !important;
}
.bdBottom {
  border-bottom: 1px solid #ccc !important;
}
.bdLeft {
  border-left: 1px solid #ccc !important;
}
.bdRight {
  border-right: 1px solid #ccc !important;
}

/* 241111 패키지 웨딩 프로모션 추가 */
.packagePromotionBox {
  position: relative;
  width: 1400px;
  margin-top: -90px;
}
.packagePromotionBox > img {
  width: 100%;
}

/* 그래비티 판교 about */
.pg_partition {
  position: relative;
  width: 100%;
  padding: 180px 0;
  overflow: hidden;
}
.pg_partition.intro {
  background: url("../../../images/ko/pc/GRAB/story_kv.jpg") no-repeat;
  background-size: cover;
}
.pg_partition.second {
  background: url("../../../images/ko/pc/GRAB/story02_bg.jpg") no-repeat;
  background-size: cover;
}
.pg_partition.third::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../../../images/ko/pc/GRAB/story03_bg.jpg");
  background-repeat: repeat-x;
  background-size: cover;
  opacity: 0.5;
  animation: slideLeft 40s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.pg_partition .titBox {
  padding-bottom: 56px;
}

.bg_black .desc > * {
  color: #f0f0f0;
}
.pg_partition .titBox .tit01 {
  font: 500 56px playfair;
  color: #f0f0f0;
  margin-bottom: 20px;
  text-align: center;
}
.pg_partition .titBox .txt01 {
  font-family: gothamL, notokrL;
  font-size: 20px;
  color: #f0f0f0;
  line-height: 1.6;
  letter-spacing: -0.01em;
  text-align: center;
}
.pg_partition .visualBox .storyInner > img {
  width: 100%;
}

.pg_partition .contRow {
  position: relative;
  display: flex;
  width: 1400px;
  margin: 0 auto;
}
.pg_partition .contRow.reverse {
  flex-direction: row-reverse;
}
.pg_partition .contRow .thum {
  position: relative;
  width: 58%;
}
.pg_partition .contRow .thum > img {
  width: 100%;
}
.pg_partition .contRow .thum .half {
  width: 50%;
}

.objects > img {
  width: 100%;
}
.objects.flowers {
  position: absolute;
  bottom: -50%;
  right: -6%;
}
.objects.flowers2 {
  position: absolute;
  bottom: -30%;
  left: -100%;
  width: 90%;
}
.objects.fixtures [class^="fix_"] {
  position: absolute;
  top: -74px;
}
.objects .fix_left {
  left: -86px;
  animation: fixActionLeft 1s ease-in-out;
}
.objects .fix_right {
  right: -86px;
  animation: fixActionRight 1s ease-in-out;
}
@keyframes fixActionLeft {
  0% {
    left: -180px;
  }
  100% {
    left: -86px;
  }
}
@keyframes fixActionRight {
  0% {
    right: -180px;
  }
  100% {
    right: -86px;
  }
}

@keyframes slideLeft {
  0% {
    background-position: -100% 0;
  }
  50% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

.pg_partition .contRow .desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 42%;
  padding-left: 96px;
}
.pg_partition .contRow.reverse .desc {
  padding-left: 12px;
}
.pg_partition .contRow .desc > em {
  font: 400 20px playfair;
  color: #b79d58;
  margin-bottom: 32px;
}
.pg_partition .contRow .desc > h3 {
  font: 500 56px playfair;
  margin-bottom: 12px;
}
.pg_partition .contRow .desc > p {
  font-size: 16px;
}

.pg_partition .contRow + .contRow {
  padding-top: 200px;
}

@media (min-width: 1200px) and (max-width: 2200px) {
  .objects.flowers {
    width: 50%;
    bottom: -50%;
    right: -8%;
  }
}

.posRelative {
  position: relative;
}