@charset "utf-8";


/* ==============================
 * common - 컨텐츠 공통
 * ============================== */

/* 색깔 */
.txtRed { color:#e66045 !important;}

/* tooltip */
.tooltipLink { display:inline-block; width:11px; height:11px; margin-left:4px; font-size:0; vertical-align:middle; background:url('/resource/images/mo/common/icon/icon_tooltip.png') no-repeat;background-size:11px 11px;}
.tooltipBox { display:none; position:absolute; padding:10px 18px 10px 10px; margin-top:-20px; margin-left:8px; border:1px solid #9c836a; border-radius:3px; font-size:12px; color:#9c836a; transform: translateY(-100%); box-shadow:2px 2px 3px rgba(0,0,0,0.1); background:#f9f9f9;}
.tooltipBox:after { content:''; display:block; position:absolute; bottom:-6px; left:6px; width:5px; height:6px; background:url('/resource/images/mo/common/icon/bg_tooltip.png') no-repeat;background-size:5px auto;}
.tooltipBox .btnClose {position:absolute;top:6px;right:6px;width:8px;height:8px;font-size:0;background:url('/resource/images/mo/common/icon/icon_close.png') no-repeat 0 0;background-size:8px 8px;}
/* form태그 */
.inp {height:36px; padding:7px 29px 8px 8px; border:1px solid #e7e3e0; font-size:14px; color:#333; background:#fff;}
.inp {-webkit-border-radius:0px; -webkit-appearance: none; -webkit-border-radius:0;}
.inp.inpError {border:1px solid #e66045;}
.inp:focus {outline:none; border:1px solid #9c836a;}
.inp:disabled {background:#f9f9f9; font-size:13px; color:#999;}
.inp:disabled {-webkit-text-fill-color:#999; -webkit-opacity:1}
.inp:disabled + .inpReset {display:none;}
.inp:disabled + label {display:none;}
.inp.date {height:36px; padding:6px 8px 7px 8px; -webkit-appearance: none; -moz-appearance: none;appearance: none; background:#fff url(/resource/images/mo/common/icon/bg_select.png) no-repeat right center; background-size:17px 6px;}
.inp.none {padding:6px 8px 7px 8px;text-align:center;}
.inp[type="date"]::-webkit-inner-spin-button,
.inp[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
		-webkit-appearance: none;
}
.inp.date:disabled {background:#f9f9f9; font-size:13px; color:#999;}
.fileInput {position:relative;height:auto !important;}
.fileInput .ajax-file-upload {margin:0;border-radius:0;background:#9c836a;box-shadow:none;font-weight:300px;font-size:12px;}
.fileInput .ajax-file-upload:hover {background:#9c836a;box-shadow:none;}
.fileInput .container-uploaded-list > div {font-size:11px;color:#999;}
.fileInput .container-uploaded-list th {padding:5px;font-size:12px;font-weight:300;color:#9d836a;text-align:center;}
.fileInput .container-uploaded-list td {height:33px;padding:5px;border-top:2px solid #9d836a;border-left:1px solid #e7e3e0;border-bottom:1px solid #e7e3e0;text-align:center;font-size:11px;line-height:13px;}
.fileInput .container-uploaded-list td:first-child {border-left:0 none;}
.fileInput .container-uploaded-list td .btn {display:inline-block;padding:0 8px;line-height:20px;font-size:12px;color:#9c836a;border:1px solid #9c836a;background:#fff;}


.checkbox {display:inline-block; position:relative; padding-left:27px;}
.checkbox input { position:absolute; top:0; left:0; z-index:1; opacity:0;}
.checkbox label {display:inline-block;font-size:14px; color:#666; min-height:16px;}
.checkbox label:after { content:''; display:block; position:absolute; top:1px; left:0; width:16px; height:16px; background:url('/resource/images/mo/common/icon/icon_checkbox.gif') no-repeat 0 0; background-size:16px 32px;}
.checkbox input:checked + label:after { background-position:0 -16px;}
.checkbox label .pointColor {font-size:12px; color:#e66045;}
.checkbox label .pointColor2 {font-size:12px;}
.checkbox.other label {font-weight:bold; color:#333;}
.checkbox.other label:after {content:''; display:block; position:absolute; top:2px; left:0; width:16px; height:16px; background:url('/resource/images/mo/common/icon/icon_checkbox2.gif') no-repeat 0 0; background-size:16px 32px;}
.checkbox.small {padding-left:25px;}
.checkbox.small label {font-size:12px; line-height:16px;}
.checkbox.single {padding-left:0;}
.checkbox.single label {display:inline-block; width:16px; height:16px;}

.radioBox, .radioBtn {display:inline-block; position:relative; padding-left:25px; line-height:20px; text-align:left;}
.radioBox input { position:absolute; top:0; left:0; z-index:1; opacity:0;}
.radioBox label:after, .radioBtn:before { content:''; display:block; position:absolute; top:0; left:0; width:20px; height:20px; background:url('/resource/images/mo/common/icon/icon_radio.png') no-repeat; background-size:20px 40px;}
.radioBox input:checked + label:after, .radioBtn.on:before { background-position:0 -20px;}
.radioBox input:disabled + label {color:#999;}


.ui-select-wrapper{ position:relative;display:inline-block; min-width:100px; user-select:none;}
.ui-select-trigger{ display:inline-block; width:100%; height:46px; border:1px solid #dddddd; padding:0 30px 0 15px; line-height:46px; font-size:15px;}
.ui-select-trigger:after{position:absolute; top:50%;right:10px; display:block;content:'';width:10px;height:6px;margin-top:-3px; background:url('/resource/images/mo/common/icon/icon_selectbox.gif') no-repeat 80% 50%;}
.ui-select-options{ display:none; position:absolute;top:100%;left:0;right:0; z-index:5; min-width:100%;border:1px solid #b5b5b5; margin-top:-1px; background:#fff;}
.ui-select-option-hover:before{background:#f9f9f9;}
.ui-select-option{position:relative;display:block;padding:0 22px;line-height:46px; font-size:15px;}
.ui-select-option:hover,
.ui-select-option.selection{background:#f9f9f9;}

.selectbox {display:inline-block; width:100%; height:36px; padding:0 24px 0 8px; border:1px solid #e7e3e0;}
.selectbox {-webkit-border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/resource/images/mo/common/icon/bg_select.png) no-repeat right center; background-size:17px 6px;}
.selectbox::-ms-expand {display:none;}
.selectbox:disabled {background:#f9f9f9; color:#999;}
.selectbox.ty5 {border-color:#857b71;}

.textarea {width:100%; height:120px; padding:10px; border:1px solid #e7e3e0; color:#333; resize:none;}
.textarea2 {width:100%; height:112px; padding:7px 0; border:1px solid #fff; color:#333; resize:none;}


 /* ==============================
 * content
 * ============================== */

/* 공통 */
/* 레이어 */
#wrap {position:relative; height:100%;}
#wrap.miceCont {padding-bottom:50px;}
#wrap.btnAdd {height:100%; overflow:auto;}


/* 전체 레이어 팝업 */
.layerfullWrap {position:absolute; top:0; right:0; bottom:0; left:0; z-index:500; width:100%; height:100%; padding:60px 0 0 0; background:#fff;}
.layerfullWrap.multi {padding-top:80px;}
.layerfullWrap.btnAdd {padding:60px 0 50px 0;}
.layerfullWrap.floorLocation {padding:60px 0 50px 0;}
.layerfullWrap.floorZone {padding:60px 0 130px 0;}
#layerContent {position:relative; height:100%; min-height:100%; padding:0 16px; overflow:auto;}
#layerContent > img {max-width:100%;}
#layerContent.movie {background:#000;}
.layerfullWrap.btnAdd #layerContent {height:100%; padding-bottom:20px;}
.layerfullWrap.btnAdd #layerContent.floating {padding-bottom:50px;}
#layerContent > .layerInner {height:calc(100% - 20px); overflow:auto;}

.containerIndex {margin-top:0 !important;}
#container {position:relative; min-height:300px; padding:0 16px; margin-top:100px; overflow:hidden;}
#container.none:after {content:none;}
#container.subHeader {}
#container.btnAdd {height:calc(100% - 60px);}
#container.btnAdd2 {padding-bottom:80px;}
#container.floating {padding-bottom:50px;}
#container + .tblDiv.btnTbl.half {margin-top:36px;}

/* 레이어팝업 헤더 */
#layerHeader {position:fixed; top:0; left:0; z-index:101; width:100%; background:#fff; font-size:17px; font-weight:bold; color:#191919; text-align:center; line-height:60px;}
#layerHeader > .layerTitle {display:table; table-layout:fixed; width:100%; padding:0 35px 0 52px;}
#layerHeader > .layerTitle .inner {display:table-cell; padding:20px 0;vertical-align:middle; font-weight:bold; font-size:17px; line-height:20px; color:#191919;}
.layerCloseBtn {position:absolute; top:22px; left:16px; width:15px; height:15px; background:url(/resource/images/mo/common/btn/btn_layerclose.gif) no-repeat; background-size:100%; text-indent:-9999px;}
.dimmedCloseBtn {position:absolute; top:22px; left:16px; width:15px; height:15px; background:url(/resource/images/mo/common/btn/btn_layerclose.gif) no-repeat; background-size:100%; text-indent:-9999px;}
.snsBtn {position:absolute; top:12px; right:18px; width:17px; height:18px; background:url(/resource/images/mo/common/btn/btn_sns.png) no-repeat; background-size:100%; text-indent:-9999px;}


/* 공통 탭 */
.tabWrap {position:relative; left:-16px; width:calc(100% + 32px)}
.tabList {display:table; position:relative; width:100%; border-top:1px solid #e7e3e0; table-layout:fixed;}
.tabList.etc {border-top:none;}
.tabList > li {display:table-cell; vertical-align:middle; height:40px; padding:7px 5px 6px; background:#f9f9f9; border-left:1px solid #e7e3e0; border-bottom:1px solid #e7e3e0;}
.tabList > li .tit {display:block; width:100%;  text-align:center; outline:none; font-size:12px; line-height:14px; color:#999;}
.tabList > li .tit {-webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none;  -ms-user-select: none;}
.tabList > li .tit > small {position:relative; top:-1px; font-size:11px;}
.tabList > li:first-child {border-left:none;}
.tabList > li.on {padding:6px 2px; background:#fff; border-bottom:none;}
.tabList > li.on .tit {color:#9d836a; font-weight:bold;}
.tabList > li.on .tit > small {color:#9d836a;}
.tabList.ty3 > li {width:33.3%;}
.tabList.ty4 > li {width:25%;}
.tabList.ty5 > li {width:20%;}
.tabWrap .tabContent {display:none; padding:20px 16px 0 16px;}
.tabWrap .tabContent.on {display:block;}
.tabWrap .tabContent.event {padding:12px 16px 0 16px;}
.tabWrap.membership .tabContent {position:absolute; top:0; left:-9999px; display:block; width:100%; height:100%;}
.tabWrap.membership .tabContent.on {position:static;}
.tabWrap .tabContent.pt0 .tabContentTitle {padding-top:17px;}
.tabWrap .tabContent.pt0 .tabContentTitle + .sortingSelect {margin:13px 0 0 0;}


/* 공통 버튼 */
.btn {display:block; text-align:center; font-size:18px; font-weight:normal;}
.btn.ty1 {background:#9d836a; line-height:50px; color:#fff;}
.btn.ty1.line {background:#fff; color:#9c836a; border:1px solid #9c836a;}
.btn.ty2 {background:#b7b0aa ; line-height:36px; font-size:12px; color:#fff;}
.btn.ty3 {background:#857b71; line-height:36px; font-size:12px; color:#fff;}
.btn.ty3.big {font-size:14px;}
.btn.ty4 {background:#9c836a; line-height:36px; font-size:12px; color:#fff;}
.btn.ty4.big {font-size:14px;}
.btn.ty4.big.more {display:inline-block; width:140px; font-size:14px; background:#fff; border:1px solid #9d836a;}
.btn.ty4.big.more span {padding-right:20px; background:url(/resource/images/mo/common/icon/icon_arrow5.png) no-repeat right center; background-size:10px 6px; line-height:16px; font-size:14px; font-weight:300; color:#9d836a;}
.btn.ty5 {background:#fff; padding:5px 0 8px 0; border:1px solid #857b71;}
.btn.ty5.etc {padding:3px 0 6px 0; border:1px solid #e7e3e0;}
.btn.ty5 > span {display:inline-block; padding-left:23px; background:url(/resource/images/mo/common/icon/icon_calendar.png) no-repeat left center; background-size:14px 15px; line-height:20px; font-size:14px; color:#333;}
.btn.ty5.other {overflow:hidden; padding:9px 0;}
.btn.ty5.other > span {position:relative; float:left; width:50%; padding-left:0; background:none; text-align:center;}
.btn.ty5.other > span span {display:inline-block; padding-left:23px; background:url(/resource/images/mo/common/icon/icon_calendar.png) no-repeat left center; background-size:14px 15px; line-height:20px; font-size:14px; color:#333;}
.btn.ty5.other > span + span:after {content:''; position:absolute; top:50%; left:0; width:1px; margin-top:-6px; border-bottom:12px solid #e7e3e0;}
.btn.ty6 {background:#fff; padding:5px 0 8px 0; border:1px solid #857b71;}
.btn.ty6 > span {display:inline-block; padding-left:22px; background:url(/resource/images/mo/common/icon/icon_location.png) no-repeat left center; background-size:13px 18px; line-height:20px; font-size:14px; color:#333;}
.btn.ty7 {display:table; width:100%; height:38px; background:#fff; border:1px solid #857b71;}
.btn.ty7 .inner {position:relative; display:table-cell; width:1000px; height:38px; text-align:center; vertical-align:middle; font-size:14px; color:#333;}
.btn.ty7 .inner em {color:#9c836a;}
.btn.ty7 .inner + .inner:before  {content:''; position:absolute; top:13px; left:0; height:12px; border-right:1px solid #e7e3e0;}
.btn.ty8 {background:#262422; line-height:36px; font-size:14px; color:#fff;}
.btn.ty8.big {line-height:50px; font-weight:normal; font-size:18px; color:#fff;}
.btn.ty9 {display:inline-block; padding:0 8px; background:#fff; line-height:20px; font-size:12px; color:#9c836a; border:1px solid #9c836a;}
.btn.ty10 {background:#fff; padding:5px 0 8px 0; border:1px solid #857b71;}
.btn.ty10 > span {display:inline-block; padding-left:22px; background:url(/resource/images/mo/common/icon/icon_request.png) no-repeat left center; background-size:17px 16px; line-height:20px; font-size:14px; color:#333;}
.btn.ty11 {background:#fff; line-height:34px; font-size:12px; color:#9c836a; border:1px solid #9c836a;}
.btn.ty11.big {font-size:14px;}
.btn.ty12 {background:#fff; border:1px solid #9d836a; line-height:34px; font-size:14px; color:#9d836a;}
.footerBtn {position:absolute; bottom:0; left:0; width:100%; height:50px;}
.slideWrap + .dimmedBtn {margin-top:7px !important;}
.dimmedBtn {position:relative;}
.btnGroup.full, .dimmedBtn.full {display:table;table-layout:fixed;margin-left:-16px; width:calc(100% + 32px);}
.btnGroup.full > a {display:table-cell;}
.footerBtn:before, .dimmedBtn:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.6}
.footerBtn.on:before, .dimmedBtn.on:before {content:none;}
.btnMore {text-indent:-9999px;}
.btnMore:before {content:''; position:absolute; top:2px; left:7px; height:12px; border-right:2px solid #111;}
.btnMore:after {content:''; position:absolute; top:7px; left:2px; width:12px; border-top:2px solid #111;}
.btnMoreTxt {display:inline-block; font-weight:normal; font-size:12px; color:#9c836a !important; padding-right:13px; background:url(/resource/images/mo/common/icon/icon_arrow.png) no-repeat right center; background-size:6px 10px; line-height:16px;}
.btnMoreTxt.ty1 {top:0 !important;}
.btnMoreTxt.ty2 {top:0 !important;; right:16px !important;;}
.btnCalendarView {display:inline-block; width:20px; height:20px; text-indent:-9999px;}
.btnCalendarView {background:url(/resource/images/mo/common/icon/icon_calendar2.png) no-repeat 0 0; background-size:20px 40px;}
.btnCalendarView:disabled {background:url(/resource/images/mo/common/icon/icon_calendar2.png) no-repeat 0 -20px; background-size:20px 40px;}
.btnListView {display:inline-block; width:20px; height:20px; text-indent:-9999px;}
.btnListView {background:url(/resource/images/mo/common/icon/icon_menu.png) no-repeat 0 0; background-size:20px 40px;}
.btnListView:disabled {background:url(/resource/images/mo/common/icon/icon_menu.png) no-repeat 0 -20px; background-size:20px 40px;}
/* .btnBarcode {display:inline-block; width:61px; height:51px; border:1px solid #e7e3e0; text-align:center;}
.btnBarcode span {display:block; padding-top:20px; background:url(/resource/images/mo/common/icon/icon_barcode.png) no-repeat center top; background-size:20px 15px; text-align:center; font-size:11px; color:#999;} */
a.btnUnderline {display:inline-block; padding-bottom:1px; font-weight:normal; font-size:12px; color:#9d836a; border-bottom:1px solid #9d836a; line-height:12px;}
.btn.leave {position:relative; left:-16px; width:calc(100% + 32px); display:block; text-align:center;}
.btn.leave span {display:inline-block; margin:21px 0 22px 0; line-height:16px; border-bottom:1px solid #666; font-weight:normal; font-size:12px; color:#666;}
a.btnUnderline[href="-"] {text-decoration:none;border-bottom:none;color:#666;}
.btnWrap {}
.btnWrap .btn + .btn {margin-top:8px;}

.container + .menuDownload {margin-top:32px;}
.menuDownload .btn {margin:4px 1px 0 0;}

/* 공통 입력 필드 */
.tblDiv {display:table; width:calc(100% + 8px); margin-left:-4px; table-layout:fixed;}
.tblDiv + .tblDiv {margin-top:20px;}
.tblDiv .cellDiv {position:relative; display:table-cell;vertical-align:top;padding:0 4px;}
.tblDiv .cellDiv.middle {vertical-align:middle;}
.tblDiv.btnTbl .cellDiv {width:50%;}
.tblDiv.btnTbl.half {width:100%;margin-left:0;}
.tblDiv.btnTbl.half .cellDiv {padding:0;}
.tblDiv.full {width:calc(100% + 32px); margin-left:-16px;}

.tblDiv .cellDiv .inp {display:block; width:100%; box-sizing:border-box;}
.tblDiv .cellDiv select {position:relative; display:block; width:100%;}
.tblDiv + .inputBox.single {margin-top:8px;}
.tblDiv + .inpTitle, .inputBox + .inpTitle {margin-top:17px;}
.tblDiv.time .cellDiv:first-child {padding:0 4px 0 0;}
.tblDiv.time .cellDiv {padding:0 8px 0 4px;}
.tblDiv.time .cellDiv:last-child {padding:0 0 0 8px;}
.tblDiv.time .cellDiv:last-child:before {content:':'; position:absolute; top:0; left:-8px; width:16px; text-align:center; line-height:36px;}
.choiceForm .radioBox + .radioBox {margin-left:10px;}
.cntForm .radioBox + .radioBox {margin-left:30px;}

/* 공통 안내문 */
.notiTxt {padding-top:15px;}
.notiTxt > dt {padding-left:22px; background:url(/resource/images/mo/common/icon/icon_mark1.png) no-repeat left 6px; background-size:14px 14px; font-size:14px; font-weight:bold; color:#333; line-height:24px;}
.notiTxt > dd {font-size:12px; line-height:16px;}
.notiTxt > dd.fs12 {padding-top:4px;}
.notiTxt > dd > .dotList {padding-top:4px;}

.notiTxt.list dt {padding:0; background:none;}
.notiTxt.list dt.point {color:#e66045;}
.notiTxt.list dd > ul {padding-top:4px;}

.slideWrap.dept + .notiTxt.list.mt15 {margin:0 !important; padding-top:10px;}

.notiTxt2 {padding-left:20px; font-size:11px; line-height:16px; color:#e66045;}
.notiTxt2 {background:url(/resource/images/mo/common/icon/icon_mark2.png) no-repeat left 1px; background-size:13px 13px;}
.notiTxt3 {padding-left:20px; font-size:11px; line-height:16px; color:#9c836a;}
.notiTxt3 {background:url(/resource/images/mo/common/icon/icon_mark3.png) no-repeat left 1px; background-size:13px 13px;}

.smallText {display:block;font-size:11px;color:#999;text-indent:-8px;padding-left:8px;}
.smallText.noIndent {text-indent:0;padding-left:0;}

/* 공통 리스트 */
.dotList {}
.dotList > li {position:relative; padding-left:6px; font-size:12px; color:#666; line-height:18px;}
.dotList > li:before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#666; border-radius: 50%;}
.dotList > li.point {position:relative; padding-left:6px; font-size:12px; color:#e66045;}
.dotList > li.point:before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#e66045;}
.dotList.normal {}
.dotList.normal li {padding-left:0;}
.dotList.normal li:before {content:none;}
.dotList.half {overflow:hidden;}
.dotList.half > li {float:left; width:50%;}
.dotList.half > li:nth-child(even) {width:calc(50% - 10px); margin-left:10px;}

/* .dotList > li > .listBar {padding:0 0 13px 0;} */
.dotList > li:last-child > .listBar {padding-bottom:0}
.listBar > li {position:relative; padding-left:8px; font-size:12px; color:#666; line-height:17px;}
.listBar > li:before {content:''; position:absolute; top:7px; left:0; width:3px; border-top:1px solid #666;}
.listBar > li.point {color:#e66045;}
.listBar > li.point:before {border-top:1px solid #e66045;}
.listBar.etc > li {font-size:14px; line-height:18px;}
.listBar.etc > li:before {top:10px;}
.listBar.etc > li + li {margin-top:4px;}

.listStar > li {position:relative; padding-left:10px; font-size:11px; line-height:15px; color:#999;}
.listStar > li:before {content:'*'; position:absolute; top:3px; left:0; font-size:11px; color:#999;}

.introTxt {}
.introTxt > dt {font-weight:bold; color:#333;}
.introTxt > dd {font-size:12px; line-height:16px;}

.txtContent {position:relative; padding-top:20px; border-top:1px solid #e7e3e0;}
.txtContent.bb, .txtContent.bb.none {padding-bottom:20px; border-bottom:1px solid #e7e3e0;}
.txtContent.none {padding:0; border:none;}
.txtContent + .txtContent {padding-top:20px; border:none;}
.txtContent + .txtContent.t36 {padding-top:33px;}
.txtContent + .txtContent.t36.swipeType1, .txtContent + .txtContent.t36.swipeType2 {margin-top:0;}
.txtContent .thumb {width:100%;}
.txtContent dl > .tit {display:block; font-weight:bold; font-size:14px; line-height:18px; color:#111;}
.txtContent dl > .tit small {color:#333;}
.txtContent dl > .tit .subTxt {display:block;}
.txtContent dl > .tit .date {display:block; padding-top:3px; font-size:12px; font-family:'Roboto'; font-weight:400; color:#333;}
.txtContent dl > .tit .desc {padding:3px 0 0 0;color:#666;font-size:12px;}
.txtContent dl > .desc {padding:13px 0 0 0; font-size:12px; line-height:16px;}
.txtContent dl > .tit + .desc {padding:7px 0 0 0;}
.txtContent dl > .tit + .desc.dot {padding:0; margin-top:7px; height:32px;}
.txtContent .thumb + dl > .tit {padding:12px 0 0 0;}
.txtContent .btnMoreTxt {position:absolute; top:20px; right:0;}
.txtContent.t36 .btnMoreTxt {top:36px;}
.txtContent > .link {display:block;}
.txtContent.bg {background:#f9f9f9;}

.txtContent2 {}
.txtContent2  + .txtContent2 {margin-top:11px;}
.txtContent2 > .tit {font-weight:300; font-size:12px; color:#9c836a;}
.txtContent2 > .desc {padding:5px 0 0 0; font-size:12px;}
.txtContent2 > .desc + .desc {padding:6px 0 0 0;}

.txtContent .txtContent2 > .tit {font-weight:300; font-size:12px; color:#9c836a; line-height:16px;}
.txtContent .txtContent2 > .desc {padding:5px 0 0 0; font-size:12px;}
.txtContent .txtContent2 > .desc + .desc {padding:6px 0 0 0;}

.txtContent3 {}
.txtContent3 > .tit {font-weight:bold; font-size:12px; color:#9c836a;}

.txtContent4 {padding-top:10px;}
.txtContent4 + .txtContent4 {padding-top:15px;}
.txtContent4 > .tit {font-size:12px; color:#9c836a;}
.txtContent4 > .tit + dd {padding-top:9px;}
.txtContent4 > dd {font-size:12px; line-height:18px;}
.txtContent4 > dd .prodName {display:block; font-weight:normal; font-size:12px; line-height:14px;}
.txtContent4 > dd + dd {padding-top:10px;}


.txtContent5 {}
.txtContent5 > dt {font-weight:bold; font-size:12px; color:#333; line-height:14px;}
.txtContent5 > dd {font-size:12px; line-height:14px;}
.txtContent5 > dt + dd {margin-top:11px;}
.tabSwipeInner > .txtContent5 {margin-top:14px;}


/* 공통 카운터 */
.countWrap {position:relative; height:24px;}
.countWrap .count {display:block; line-height:25px; text-align:center; font-size:20px; font-family:'Roboto'; font-weight:400; color:#333;}
.countWrap .countMinus {position:absolute; top:0; left:0;}
.countWrap .countPlus {position:absolute; top:0; right:0;}
.countWrap button {display:block; width:24px; height:24px; outline:none;}
.countWrap button span {position:relative; display:block; height:24px;  text-indent:-9999px; border:1px solid #1b1916; border-radius:50%;}
.countWrap .countMinus span:after {content:''; position:absolute; top:-1px; left:-1px; width:24px; height:24px; background:url(/resource/images/mo/common/btn/btn_counter.png) no-repeat 0 0; background-size:24px 48px;}
.countWrap .countPlus span:after {content:''; position:absolute; top:-1px; left:-1px; width:24px; height:24px; background:url(/resource/images/mo/common/btn/btn_counter.png) no-repeat 0 -24px; background-size:24px 48px;}

/* layer */
.container {position:relative; width:calc(100% + 32px); margin-left:-16px; padding:27px 16px 0 16px;}
.container:before {content:''; position:absolute; top:0; left:0; width:100%; height:7px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.container.none:before {content:none;}

/* 뱃지 */
.badgeWrap {background:#ddd; padding:5px 0;}
.badge {position:relative; display:inline-block; padding-right:21px; color:#e66045 !important; font-weight:bold !important; line-height:16px;}
.badge * {color:#e66045 !important;}
.badge.black .num{color: #000 !important;}
.badge:after {content:''; position:absolute; top:50%; right:0; margin-top:-9px; width:16px; height:16px; background:url(/resource/images/mo/common/icon/icon_badge.png) no-repeat right center; background-size:88px 70px;}

.badge.rR:after {background-position:0 0;}
.badge.rP:after {background-position:-18px 0;}
.badge.rG:after {background-position:-36px 0;}

.badge.sO:after {background-position:0 -18px;}
.badge.sR:after {background-position:-18px -18px;}
.badge.sP:after {background-position:-36px -18px;}
.badge.sG:after {background-position:-54px -18px;}

.badge.cR:after {background-position:0 -54px;}
.badge.cP:after {background-position:-18px -54px;}
.badge.cG:after {background-position:-36px -54px;}
.badge.cPl:after {background-position:-54px -54px;}
.badge.cD:after {background-position:-72px -54px;}

.badge.vipP:after {background-position:0 -36px;}
.badge.vipD:after {background-position:-18px -36px;}
.badge.vipB:after {background-position:-36px -36px;}


/* 카드 */
.card {position:relative; display:inline-block; width:225px; height:132px; background-color:#dc5b51; text-align:left;}
.card {
	background-image:url(/resource/images/mo/common/icon/icon_card_logo.png);
	background-size:55px 49px;
	background-repeat:no-repeat;
	background-position:right 12px top;
	border-radius:10px;
	-webkit-box-shadow: 0 11px 16px rgba(0,0,0,.2);
	-moz-box-shadow: 0 11px 16px rgba(0,0,0,.2);
	box-shadow: 0 11px 16px rgba(0,0,0,.2);
}
.card.purple {background-color:#9c4ac7;}
.card.gold {background-color:#c69d5b;}
.card.orange {background-color:#f1924c;}
.card.platinum {background-color:#666;}
.card.diamond {background-color:#999;}
.card.black {background-color:#333;}
.card .cardClass {padding:12px 0 0 20px;}
.card .cardClass > span {display:block; font-size:12px; color:#fff; line-height:16px; opacity:0.5;}
.card .cardTitle {text-transform: uppercase;}
.card .cardInfo1 {position:absolute; top:80px; left:20px; font-size:12px; color:#fff; line-height:16px; opacity:0.5;}
.card .cardInfo2 {position:absolute; top:98px; left:20px; font-family:'Roboto'; font-weight:bold; color:#fff;}


.cardBox {display:inline-block; width:225px; font-size:0;}
.cardBox > .inner {border-radius:10px; overflow:hidden;}
.cardBox > .inner {
	border-radius:10px;
	-webkit-box-shadow: 0 6px 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 6px 8px rgba(0,0,0,.2);
	box-shadow: 0 6px 8px rgba(0,0,0,.2);
}
.cardBox > .inner > img {width:100%;}
.cardBox > .inner + p {margin-top:14px;font-weight:bold;font-size:12px;color:#666;text-align:center;}
.cardBox > .inner + p span {font-weight:inherit;}
.cardBox > .inner + p .color1 {color:#e66045;}
.cardBox > .inner + p .color2 {color:#c69d5b;}
.cardBox > .inner + p .color3 {color:#3e52a6;}
.cardBox > .inner + p .card_type1 {color:#e66045;}
.cardBox > .inner + p .card_type2 {color:#3e52a6;}
.cardBox > .inner + p .card_type3 {color:#c69d5b;}
.cardBox > .inner + p .card_type4 {color:#9c4ac7;}
.cardBox > .inner + p .card_type5 {color:#c69d5b;}
.cardBox > .inner + p .card_type6 {color:#3e52a6;}
.cardBox > .inner + p .card_type7 {color:#3e52a6;}
.cardBox > .inner + p .card_type9 {color:#9250B4;}

.cardBox2 {display:inline-block; width:135px; font-size:0;}
.cardBox2 > .inner {border-radius:5px; overflow:hidden;}
.cardBox2 > .inner {
	border-radius:5px;
	-webkit-box-shadow: 0 6px 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 6px 8px rgba(0,0,0,.2);
	box-shadow: 0 6px 8px rgba(0,0,0,.2);
}
.cardBox2 > .inner > img {width:100%;}


/* 로그인 */
.titleTxt {padding:17px 0; font-weight:200; font-size:20px; color:#999; line-height:24px;}
.titleTxt:not(.br) br {display:none;}
.titleTxt .color { font-weight:200; color:#999; line-height:23px;}
.titleTxt.single {padding-top:9px !important; line-height:23px;}
.titleTxt .dpb {font-weight:200; display:inline;}
.titleTxt .dpib {font-weight:200; display:inline;}
#container > .titleTxt {padding-top:10px;}


.loginWrap {position:relative; min-height:100%;}
.loginWrap.userJoin {min-height:550px;}
.loginWrap.userJoin1 {min-height:400px;}
.loginWrap > h2 {margin-bottom:14px;font-weight:bold;font-size:14px;color:#111;}
#layerContent .loginWrap {padding-bottom:70px;}
.loginWrap .titleTxt {padding:25px 0 23px 0;}
.loginWrap .inputBox + .inpTitle {margin-top:17px;}
.loginWrap .loginKeep {position: relative;padding:8px 120px 20px 0;}
.loginWrap .loginBtn {display:block; background:#9d836a; text-align:center; font-size:14px; font-weight:normal; color:#fff; line-height:36px;}
.loginWrap .loginFind {margin-top:12px;text-align:center;}
.loginWrap .loginFind a {border-bottom:1px solid #9d836a; font-weight:normal; font-size:12px; line-height:14px; color:#9d836a;}
.loginWrap .loginFooter {position:absolute; bottom:0; left:-16px; display:table; padding:16px; width:calc(100% + 32px); height:63px; background:#f9f9f9; color:#fff; text-align:left;}
.loginWrap .loginFooter .cell {display:table-cell; vertical-align:middle; width:100%; height:63px; font-size:12px; color:#999;}
.loginWrap .loginFooter a {display:inline-block; margin-top:10px; font-weight:normal; font-size:12px; color:#666; line-height:14px; border-bottom:1px solid #666;}
.loginWrap .loginFooter a.btn.ty8 {font-size:14px; line-height:36px;}
.loginWrap .inputBox + .inputBox {margin-top:8px;}
#layerContent .loginWrap .footerBtn {left:-16px; width:calc(100% + 32px);}

#layerContent .loginWrap.cart {padding-bottom:200px;}
.loginWrap.cart {padding:0 0 200px 0;}
.loginWrap.cart .tit {position:absolute; top:-10px; left:0; width:100%; text-aling:center; font-size:12px; line-height:20px; color:#999;}
.loginWrap.cart .loginFooter {display:table; position:absolute; bottom:63px; left:-16px; width:calc(100% + 32px); /*height:117px;*/height:72px; background:#f9f9f9; text-align:center;}
.loginWrap.cart .loginFooter.two {bottom:0; height:63px;}
.loginWrap.cart .loginFooter .cell {display:table-cell; vertical-align:middle; width:100%; height:117px;}
.loginWrap.cart .loginFooter.two .cell {padding:0; height:63px; text-align:left;}
.loginWrap.cart .loginFooter a {display:block; font-weight:normal; color:#fff; border-bottom:1px solid #666;}
.loginWrap.cart .loginFooter.two .cell a {display:inline-block; margin-top:0; font-weight:normal; color:#929292; border-bottom:1px solid #929292;}
.loginWrap.cart .loginFooter:not(.two) {margin-top:20px;}
.loginWrap.cart .loginFooter:not(.two) .cell {/*height:80px;*/height:40px;}
.loginWrap.cart .loginFooter:not(.two) .cell a {margin-top:0;}

.inpTitle {display:block; margin-bottom:5px; color:#9c836a; line-height:18px; font-size:12px;}
.inpTitle > .txt {display:block; padding-bottom:3px; font-size:12px; color:#666; line-height:16px; word-break:break-all;}

.inputBox {position:relative; z-index:1;}
.inputBox + .inputBox {margin-top:17px;}
.inputBox + .inpTitle {margin-top:17px;}
.inputBox .inp {display:block; width:100%;}
.inputBox .inp + .inp {margin-top:8px;}
.inputBox .countdown {position:absolute; top:10px; right:10px; font-size:12px; color:#9d836a;}
.inputBox .txt {padding:3px 0; font-size:11px; color:#999; line-height:14px;}
.inputBox.addressInp .inputBox {margin-top:8px;}
.inputBox .joinNotice {display:block; margin-top:3px;font-size:11px; color:#999; line-height:15px;}
.inputBox .joinNotice.alert {color:#e66045;}
.inputBox.alertAdd {}
/* .inputBox.alertAdd + .inpTitle {margin-top:-1px;} */
.inputBox.alertAdd + .inputBox.alertAdd {margin-top:-1px;}
.inputBox.alertAdd .joinNotice {min-height:18px;}
.inputBox .inpReset {position:absolute; top:11px; right:9px; width:14px; height:14px; background:url(/resource/images/mo/common/btn/btn_iptreset.png) no-repeat; background-size:100%; text-indent:-9999px;}
.inputBox .inpReset {display:none;}
.inputBox .inpReset.count {right:47px;}
.inputBox .inpSearch {position:absolute; top:11px; right:8px; width:15px; height:15px; background:url(/resource/images/mo/common/btn/btn_search.png) no-repeat; background-size:100%; text-indent:-9999px;}

/* input type date */
.inputBox.date {position:relative;}
.inpTitle.date {position:absolute; top:1px; left:10px; width:calc(100% - 35px); background:#fff; font-size:13px; color:#999; line-height:34px;}

/* 테이블 */
.scrollTbl {width:100%;overflow-x:auto;}
.scrollTbl table {width:800px;}
.table {}
.table table, table.priceList {width:100%;}
table.priceList tbody, table.basicForm tbody {border-top:2px solid #9d836a;}
table.priceList thead + tbody, table.basicForm thead + tbody {border-top:0 none;}
table.basicForm th[rowspan] ~ th:not([rowspan]) {border-bottom:1px solid #e7e3e0;}
.table table th, table.priceList th, table.basicForm th {padding:7px 0; text-align:center; font-weight:300; font-size:12px; color:#9d836a; border-bottom:2px solid #9d836a; line-height:14px; vertical-align:middle; text-align:center; word-break:break-all;}
table.priceList th.tbg, table.basicForm th.tbg {position: relative;color:#333;background:#f9f9f9;}
table.basicForm th.tbg:not(:first-child):before {content:'';position: absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#e6e3df;}
.table table th.roboto {padding-bottom:5px;}
.table table td, table.priceList td, table.basicForm td {padding:9px 5px; text-align:center; font-size:11px; line-height:13px; border-right:1px solid #e7e3e0; border-bottom:1px solid #e7e3e0; word-break:break-word; text-align:center;}
.table.flight table td {padding:8px;}
.table table tr td:last-child, table.priceList tr td:last-child, table.basicForm tr td:last-child {border-right:none;}
.table table th .day1 {position:relative;}
.table table th .day1:after {content:''; position:absolute; top:7px; right:-6px; border-top:1px solid #9d836a; width:3px;}
.table table th .day {display:inline-block; text-align:left;}
.table table th .day .top {position:relative;}
.table table th .day .top:after {content:''; position:absolute; top:6px; right:-4px; border-top:1px solid #9d836a; width:3px;}
.table + .smallText, table.priceList + .smallText {margin-top:5px;}
.table table.topLine {border-top:2px solid #9d836a;}

.table table th, .table table td {text-align:center;}
.table.side table th, .table.side table td {text-align:left;}
.table.side2 table th, .table.side2 table td {text-align:left;}
.table.side3 table th, .table.side3 table td {text-align:left;}
.table.side4 table th, .table.side4 table td {text-align:left;}

.table.side table {table-layout:auto;}
.table.side table th {width:30px; padding:3px 0 0 0; white-space:nowrap; text-align:left; border-bottom:none; line-height:normal; padding-right:11px; vertical-align:top;}
.table.side table td {padding:3px 0; text-align:left; font-size:12px; line-height:normal; border-bottom:none; vertical-align:top;}

.table.side2 {}
.table.side2 table {table-layout:auto;}
.table.side2 table th {width:30px; padding:5px 9px 0 0; font-size:12px; color:#666; white-space:nowrap; border:none; text-align:left; vertical-align:top; line-height:14px;}
.table.side2 table td {padding:3px 5px 2px 0; font-size:12px; color:#9d836a; border:none; text-align:left; vertical-align:middle; line-height:14px;}
.table.side2 table td .bold {font-size:14px;}

.table.side3 {}
.table.side3 table {table-layout:auto;}
.table.side3 table th {width:30px; padding:4px 15px 0 0; font-size:12px; color:#666; white-space:nowrap; border:none; text-align:left; vertical-align:top; line-height:14px;}
.table.side3 table td {padding:4px 5px 2px 0; font-size:12px; border:none; text-align:left; vertical-align:top; line-height:14px;}

.table.side4 {padding:5px 0; background:#f9f9f9; border:1px solid #e7e3e0;}
.table.side4 table {table-layout:auto;}
.table.side4 table th {width:30px; padding:8px 0 8px 15px; font-weight:bold; font-size:11px; color:#666; white-space:nowrap; text-align:left; vertical-align:top; line-height:14px;}
.table.side4 table tr th, .table.side4 table tr td {border:none;}
.table.side4 table td {padding:8px 5px 8px 0; font-size:11px; border-top:1px solid #e7e3e0; border-bottom:none; text-align:left; vertical-align:middle; line-height:14px;}

.request {}
.request li {font-size:14px;}
.request li + li {padding-top:5px;}
.request li .tit {font-weight:700; font-size:12px;}
.table .request li {font-size:12px;}
.table .request li + li {padding-top:3px;}

.infoDetail {font-size:0; overflow:hidden;}
.infoDetail > dt {float:left; width:70px; font-size:12px; line-height:20px; clear:both;}
.infoDetail > dd {float:left; font-size:12px; line-height:20px;}

/* bxslide option */
.bx-pager {position:relative; top:-1px; margin-top:12px; text-align:center; font-size:0;}
.bx-pager .bx-pager-item {display:inline-block;  font-size:0;}
.bx-pager .bx-pager-item + .bx-pager-item {margin-left:6px;}
.bx-pager .bx-pager-item a {display:block; width:5px; height:5px; text-indent:-999px; background:#ebe6e1; border-radius:50%;}
.bx-pager .bx-pager-item a.active {position:relative; top:-1px; width:7px; height:7px; background:#9d836a; background:#9d836a;}


/* 회원가입 */
.joinStep {position:relative; overflow:hidden; padding-top:7px;}
.joinStep:before {content:''; position:absolute; top:15px; left:0; width:100%; height:1px; background:#e7e3e0;}
.joinStep > li {float:left; width:25%; text-align:center;}
.joinStep .txt {display:block; position:relative; z-index:2; padding-top:21px; font-size:14px; font-weight:bold; color:#999;}
.joinStep .txt:before {content:''; position:absolute; top:0; left:50%; margin-left:-8px; width:16px; height:16px; background:#fff url(/resource/images/mo/common/bg_joinStep.png) no-repeat; background-size:16px 48px; background-position:center 0;}
.joinStep .txt.pass {color:#9d836a;}
.joinStep .txt.pass:before {background-position:0 -32px;}
.joinStep .txt.on {color:#9c836a;}
.joinStep .txt.on:before {background-position:0 -16px;}
.joinStep .txt span {opacity:0.7; font-weight:bold;}
.joinStep .txt.on span {font-weight:bold; opacity:1;}
.joinStep > li:nth-child(1) .txt:before {margin:0; width:calc(50% + 8px); left:0; background-position:right 0;}
.joinStep > li:nth-child(1) .txt.pass:before {margin:0; width:calc(50% + 8px); left:0; background-position:right -32px;}
.joinStep > li:nth-child(1) .txt.on:before {background-position:right -16px;}
.joinStep > li:nth-child(4) .txt:before {margin:0; width:calc(50% + 8px); right:0; left:auto; background-position:left 0;}
.joinStep > li:nth-child(4) .txt.on:before {background-position:left -16px;}
.joinStep + .titleTxt {padding:29px 0 3px 0;}
[lang="en"] .joinStep .txt span {font-size:11px;line-height:1;}

.joinWrap {position:relative; min-height:100%; padding-bottom:70px;}
.joinWrap .footerBtn {left:-16px; width:calc(100% + 32px);}


/* 회원가입 - 정보입력 */
.inpWrap {position:relative; padding-top:23px;}
.inpWrap + .inpWrap {position:relative; margin-top:20px; padding-top:25px;}
.inpWrap + .inpWrap:before {content:''; position:absolute; top:0; left:-16px; width:calc(100% + 32px); height:7px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.inpWrap .infoTitle {position:relative; padding-bottom:13px; font-size:14px; font-weight:bold; color:#111;}
.inpWrap .infoTitle .subTxt {display:block;margin-top:3px;font-size:12px;color:#666;}
.inpWrap .infoTitleSub1 {position:absolute; top:2px; right:0; font-size:11px; color:#e66045;}
.inpWrap .infoTitleSub1.matching {top:17px;}
.inpWrap .infoTitle .infoTitleSub2 {display:block; padding-top:3px; font-size:12px; color:#666; line-height:16px; }
/* 동숙자 */
.addPeople .inpWrap + .inpWrap {margin-top:17px;padding-top:15px;border-top:1px solid #e7e3e0;}
.addPeople .inpWrap + .inpWrap:before {content:none;}

.box {background:#f9f9f9; border:1px solid #e7e3e0;}
.box .chkList1 {padding:18px 8px 19px 8px; overflow:hidden;}
.box .chkList1 li {float:left; width:33.3%;}
.box .chkList2 {padding:18px 15px 6px 15px; overflow:hidden; font-size:0;}
.box .chkList2 li {display:inline-block; width:30%; padding-right:5px; margin-bottom:13px; word-break:break-all; vertical-align:top;}
.box .chkList2 li:nth-child(3n) {width:40%; padding-right:0;}

.facility {margin-bottom:17px; background:#f9f9f9; border:1px solid #e7e3e0;}
.facility.etc {border:none;}
.facility .facilityTop {padding:15px; border-bottom:1px solid #e7e3e0;}
.facility.etc .facilityTop {border:1px solid #e7e3e0; border-bottom:none;}
.facility .facilityList {padding:15px 0 8px 15px; overflow:hidden;}
.facility .facilityList li {float:left; width:50%; margin-bottom:7px;}
.facility .facilityList li label {display:inline-block; line-height:16px;}

/* 회원가입 - 가입완료 */
.joinComplete {padding:20px 0 70px 0; font-size:14px; color:#333;}
.joinComplete .cardBox {display:block;margin:0 auto;}
.joinComplete .txt {padding:30px 0 20px;}
.joinComplete .txt strong {display:block;font-weight:normal;font-size:20px;color:#9d836a;}


/* 이용약관 동의 */
.terms {}
.terms .termAll {padding:20px 0;}
.terms ul {border-top:1px solid #e7e3e0;}
.terms li {position:relative; padding:16px 75px 16px 0; border-bottom:1px solid #e7e3e0;}
.terms li a {position:absolute; top:16px; right:0; font-weight:400; font-size:12px; color:#9c836a ;}
.terms li span {position:relative; top:-1px; font-size:12px; color:#e66045;}
.terms li > .check {width:calc(100% + 75px);margin:5px -60px 0 0;padding-left:20px;}
.terms li > .check * {color:#999;font-size:12px;}
.terms li > .check > .checkbox.small {padding-left:20px;}
.terms li > .check > .checkbox + .checkbox {margin-left:10px;}


/* 아이디 비밀번호 찾기 */
.radioTab {padding:28px 0 0 0; overflow:hidden;}
.radioTab .radioBox {float:left; width:50%;}
.radioTabContent {display:none; padding-top:16px;}
.radioTabContent.on {display:block;}
.cnipTxt {padding:25px 0 17px 0; font-size:14px; color:#333;}

/* 4뎁스 메뉴 */
.swiperMenu {overflow-x:auto;}
.swiperMenu ul {display:table;table-layout:fixed;width:100%;border-bottom:1px solid #e7e3e0;}
.swiperMenu ul li {display:table-cell;padding:0 5px;text-align:center;vertical-align:middle;}
.swiperMenu ul li a {display:inline-block;position:relative;padding:10px 0;min-width:50px;line-height:15px;font-weight:300;font-size:11px;color:#999;}
.swiperMenu ul li.on a {color:#333;}
.swiperMenu ul li.on a:after {content:'';position: absolute;bottom:-1px;left:0;width:100%;height:2px;background:#9d836a;}
.swiperMenuCont {display:none;}
.swiperMenuCont.on {display:block;}
.swiperMenu.type1 ul {display:block;}
.swiperMenu.type1 ul:after {content:'';clear:both;display:block;}
.swiperMenu.type1 ul li {display:block;width: 50%;float:left;}
.swiperMenu.type1 ul li a {width:86%;min-width:130px;}
.tabContent .swiperMenu {width:calc(100% + 32px);margin-left:-16px;}

/* 검색 소팅 */
.titleTxt + .searchWrap {margin-top:26px;}
.searchSort {padding-bottom:8px; overflow:hidden;}
.searchSort .selectbox {width:auto; height:28px; padding-right:25px; border:1px solid #fff;}
.searchSort .selectbox.sort1 {float:left; font-size:14px; color:#9c836a; width:68%; background:#f9f9f9 url(/resource/images/mo/common/icon/bg_select.png) no-repeat right center; background-size:17px 6px;}
.searchSort .selectbox.sort2 {padding-right:25px; width:calc(32% - 8px); float:right; font-size:12px; color:#999; background:#f9f9f9 url(/resource/images/mo/common/icon/bg_select2.png) no-repeat right 8px center; background-size:8px 5px;  max-width:49%;}
.searchSort .selectbox.sort2.fl {float:left;}
.searchSort .selectbox.single {display:block; width:100%; height:36px; padding:0 24px 0 8px; border:1px solid #e7e3e0;}
.searchSort + .eventListWrap {padding-top:4px;}
.searchSort + .fineList {padding-top:8px;}
.searchSort + .dineList {padding-top:8px;}
.searchSort + .listView {padding-top:8px;}
.searchSort + .activityList {padding-top:8px;}
.searchSort + .couponList {padding-top:8px;}
.btn + .searchSort {margin-top:20px;}


/* floor */
.tabSwiperWrap {width:calc(100% + 32px); margin-left:-16px;}
.tabSwiper {}
.tabSwiper .swiper-slide img {width:100%;}
.tabSwiperWrap + .tabSwipeCont {}
.tabSwiperWrap + .tabSwipeCont .tabSwipeInner .txtContent {margin-top:25px;}

.tabSwiper .swiper-slide.sortAdd {}
.tabSwiper .swiper-slide.sortAdd img {display:none;}
.tabSwiper .swiper-slide.sortAdd img.on {display:block;}
.tabSwiper .swiper-slide.sortAdd .sortingSelect {position:absolute; top:12px; left:0; width:100%; padding:0 16px;}

.tabSwipeCont + .floorOption {margin-top:25px;}
.tabSwipeCont {}
.tabSwipeCont > .tabSwipeInner {display:none;}
.tabSwipeCont > .tabSwipeInner.on {display:block;}
.tabSwipeCont > .tabSwipeInner > .itemList6 {margin-top:14px;}


.tabSwiper .swiper-pagination {position:static; display:table; width:100%; table-layout:fixed;}
.tabSwiper .swiper-pagination .swiper-pagination-bullet {top:0; display:table-cell; vertical-align:middle; width:auto; height:auto; background:none; border-bottom:1px solid #e7e3e0; border-radius:0;}
.tabSwiper .swiper-pagination .swiper-pagination-bullet .num {position:relative; display:block; padding:11px 0 10px 0;  line-height:14px; font-size:12px; color:#999; word-break:break-word;}
.tabSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .num {font-weight:bold; color:#9c836a;}
.tabSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {content:''; position:absolute; bottom:-1px; left:50%; width:72px; border-top:2px solid #9c836a; margin-left:-36px;}
.tabSwiper .swiper-pagination.etc .swiper-pagination-bullet.swiper-pagination-bullet-active:after {content:''; position:absolute; bottom:-1px; left:50%; width:50px; border-top:2px solid #9c836a; margin-left:-25px;}

.floorOption + .container {margin-top:28px;}

.floorOption.type2 { position:relative;}
.floorOption.type2 .first.selectbox { position:absolute; top:0; left:0; width:65%; margin-left:0;}
.floorOption.type2 .selectbox { width:35%; margin-left:67%;}
.floorOption.type2 >div { clear: both;}

.desc > .floorPrice {margin-top:4px;}
.floorPrice {overflow:hidden;}
.floorPrice li {position:relative; padding-left:20px;}
.floorPrice li + li {margin-top:11px;}
.floorPrice li:before {content:''; position:absolute; top:3px; left:0; width:8px; height:8px; border-radius:50%; background:#5d88de;}
.floorPrice li.ty1:before {background:#b7ce6e;}
.floorPrice li.ty2:before {background:#b8b5f4;}
.floorPrice li.ty3:before {background:#7ee398;}
.floorPrice li.ty4:before {background:#ffe05e;}
.floorPrice li.ty5:before {background:#c6b699;}
.floorPrice li.ty6:before {background:#ff9878;}
.floorPrice li.ty7:before {background:#ffd0f2;}
.floorPrice li.ty8:before {background:#f4b36b;}
.floorPrice li.ty9:before {background:#c4abed;}
.floorPrice li.ty10:before {background:#fad154;}
.floorPrice li.ty11:before {background:#a26f3b;}
.floorPrice li.ty12:before {background:#e28a3b;}
.floorPrice li.ty13:before {background:#64729d;}
.floorPrice li.ty14:before {background:#e3893b;}

.floorPrice li .info1 {font-size:11px; line-height:14px;}
.floorPrice li .info2 {margin-top:3px; font-size:12px; line-height:14px;}
.floorPrice li .info2 .pointColor {font-size:14px;}

.floorAddList {padding-bottom:12px;}
.floorAddList .tit {display:block; font-weight:bold; padding-bottom:10px; font-size:12px;}
.floorAddList > ul. {padding:10px 0 15px 0;}
.floorAddList > ul li {position:relative; padding-right:30px; overflow:hidden;}
.floorAddList > ul li + li {margin-top:6px;}
.floorAddList > ul li .floor {float:left; line-height:24px;}
.floorAddList > ul li .price {float:right; line-height:24px;}
.floorAddList > ul li .price .roboto {font-weight:bold; color:#9c836a;}
.floorAddList > ul li .del {position:absolute; top:2px; right:0; text-indent:-9999px; width:22px; height:22px; border:1px solid #e8e4e1; border-radius:50%;}
.floorAddList > ul li .del:after {content:''; position:absolute; top:5px; right:5px; display:inline-block; width:10px; height:10px; background:url(/resource/images/mo/common/btn/btn_x.png) no-repeat right bottom; background-size:100%;}

.floorTotal {background:#fff; border-top:1px solid #e9e5e2;}
.floorTotal.none {margin-bottom:11px; border-top:none;}

/* sorting */
.sortingSelect {}
.sortingSelect + .sortingWrap {margin-top:8px;}
.sortingWrap {}
.sortingCont {display:none;}
.sortingCont.on {display:block;}

.sorting3Wrap {}
.sorting3Wrap .sorting3Cont {display:none;}
.sorting3Wrap .sorting3Cont.on {display:block;}


/* 상품 검색 갤러리 리스트 */
.itemWrap {position:relative; width:calc(100% + 16px); margin-top:20px;}
.itemWrap h2 {padding:0 0 13px 16px; font-size:20px; color:#333;}
.itemWrap h2 + .subTxt {padding:0 16px 18px 16px; margin-top:-2px; color:#333; line-height:18px;}
.itemWrap .itemMore {position:absolute; top:5px; right:16px;}
.itemWrap .swiper-pagination {display:none;}
.itemListWrap {}
.itemListWrap .item {border:1px solid #e9e9e9;}
.itemListWrap .item > a {display:block;}
.itemThumb {position:relative; display:block; min-height:156px;background:url(/resource/images/pc/common/empty_logo.png) #f9f9f9 no-repeat 50% 50%;background-size:33px auto;}
.itemThumb > img {width:100%;min-height:156px;}
.itemThumb.soldout:before {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#9d836a; opacity:0.8;}
.itemThumb.soldout:after {content:'SOLD OUT'; position:absolute; top:50%; left:0; z-index:3; display:block; width:100%; height:100%; margin-top:-8px; text-align:center; font-weight:bold; color:#fff; line-height:16px;}
.itemPrice {vertical-align:bottom;}
.itemPrice .price1 {font-weight:bold; color:#333;}
.itemPrice .price1 .unit {font-family: 'Noto Sans', sans-serif; font-size:14px; color:#666;}
.itemPrice .price1 + .wave {font-weight:bold; font-size:14px; color:#9c836a; font-family:'Roboto';}
.itemPrice .price2 {font-size:12px; color:#999; text-decoration:line-through;}
.itemPrice .price2 .unit {font-family: 'Noto Sans', sans-serif; font-size:12px; color:#999;}
.itemPrice .price2 + .wave {font-size:12px; color:#999; font-family:'Roboto';}
.itemPrice .unit {font-size:12px;}
.itemPrice .pricePer {font-size:12px; color:#e66045;}
.itemListWrap .item.soldout {}
.itemListWrap .item.soldout .itemThumb:before {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#9d836a; opacity:0.8;}
.itemListWrap .item.soldout .itemThumb:after {content:'SOLD OUT'; position:absolute; top:50%; left:0; z-index:3; display:block; width:100%; height:100%; margin-top:-8px; text-align:center; font-weight:bold; color:#fff; line-height:16px;}
.itemListWrap .item.soldout .itemBtnWrap {position:relative;}
.itemListWrap .item.soldout .itemBtnWrap:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.6;}

.itemDetail {display:block; padding:13px 14px;}
.itemDetail strong {display:block; font-size:14px; font-weight:bold; color:#111; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.itemDetail .date {display:block; padding:2px 0 6px 0; font-size:12px;}
.itemDetail .txt {display:block; height:36px; margin:8px 0 16px; line-height:18px;}
.itemDetail .hashtag {display:block; padding-top:9px; font-size:12px; color:#9c836a; line-height:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.itemDetail .btnMoreTxt {margin-top:5px;text-decoration:underline;}
.itemNoti {position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
.itemNoti .nt {float:left; line-height:25px; font-weight:bold; font-size:10px; color:#fff; text-align:center; padding:0 8px;}
.itemNoti .ty1 {background:#e66045;}
.itemNoti .ty2 {background:#857b71;}
.itemNoti .ty3 {background:#9d836a;}
.itemBtnWrap {padding:2px 12px 12px 12px; overflow:hidden;}
.itemBtnWrap .itemBtn {float:left; width:50%; padding-right:4px;}
.itemBtnWrap .itemBtn:nth-child(2) {padding:0 0 0 4px;}

/* special Offer */
.spOfferWrap {padding-top:20px;}
.spOfferWrap .spOfferHeader {display:table; width:100%; table-layout:fixed;}
.spOfferWrap .spOfferThumb {display:table-cell; width:116px}
.spOfferWrap .spOfferThumb > img {width:100%; height:65px;}
.spOfferWrap .spOfferThumb.size1 > img {height:77px;}
.spOfferWrap .spOfferTitle {display:table-cell; padding-left:12px; vertical-align:middle;}
.spOfferWrap .spOfferTitle strong {display:block; margin-top:-4px; font-size:14px; font-weight:bold; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.noEllipsis .spOfferWrap .spOfferTitle strong {text-overflow:inherit;white-space:normal;}
.spOfferWrap .spOfferTitle .date {display:block; padding:1px 0 00 0; font-family:'Roboto'; font-weight:400; font-size:12px; color:#333;}
.spOfferWrap .spOfferTitle .price {font-weight:bold; color:#9c836a;}
.spOfferWrap .spOfferTitle .price .unit {padding-left:4px; font-family: 'Noto Sans', sans-serif; font-size:12px; color:#666;}
.spOfferWrap .spOfferTitle .price + .wave {font-weight:bold; font-size:14px; color:#9c836a; font-family:'Roboto';}
.spOfferWrap .spOfferTitle .desc {padding-top:4px; font-size:12px; line-height:13px;}
.spOfferWrap .spOfferTitle .memberOnly {display:block;padding-left:15px;font-weight:normal;font-size:12px;color:#ad9986;background:url('/resource/images/mo/reservation/icon_lock.png') no-repeat 0 50%;background-size:10px 12px;}
.spOfferWrap .spOfferBody .subTit {margin-bottom:15px;font-size:12px;color:#333;}
.spOfferWrap .hashtag {display:block; padding:9px 0 6px 0; font-size:12px; color:#9c836a; line-height:15px;}
.spOfferWrap .txt {padding-bottom:8px; color:#111;}
.spOfferWrap.other {padding:0 0 20px 0;}
.spOfferWrap.other .spOfferHeader {padding-bottom:12px;}
.spOfferWrap.other .priceTxt {padding-bottom:5px; font-size:12px; color:#9c836a;}
.spOfferWrap.other + .spOfferWrap.other {padding-top:20px;border-top:1px solid #e9e5e2;}
.itemState {padding:1px 0 3px 0; min-height:10px;}
.itemState ul {overflow:hidden;}
.itemState ul li {float:left; padding:1px 8px; font-size:10px; color:#fff; text-align:center; line-height:14px;}
.itemState ul li.ty1 {background:#e66045;}
.itemState ul li.ty2 {background:#857b71;}
.container.rsvListWrap {padding:0 16px;}
.rsvListWrap > .offerList:first-child {margin-top:20px;border-top:1px solid #e7e3e0;}
.offerList > .spOfferWrap {display:block;}
.offerList > .spOfferWrap + .spOfferWrap {margin-top:15px;padding-top:20px;border-top:1px solid #e7e3e0;}

/* 달력 */
.dateSetting {padding-top:16px; padding-bottom:14px; border-bottom:1px solid #e7e3e0;}
.dateSetting {display:table; width:calc(100% + 32px); margin-left:-16px;}
.dateSetting .dateStep {position:relative; display:table-cell; width:1000px;}
.dateSetting .dateStep button {display:block; width:100%; text-align:center; outline:none;}
.dateSetting .arrive {}
.dateSetting .arrive:before {content:''; position:absolute; top:17px; left:-1; height:12px; border-right:1px solid #e7e3e0;}
.dateSetting .txt {display:block; padding-bottom:5px; font-size:12px; color:#9c836a;}
.dateSetting .dateDisplay {font-family:'Roboto'; font-size:20px; color:#999;}
.dateSetting .dateStep button.dateFoucs .dateDisplay {color:#9d836a;}

.dateSetting.single {text-align:center; font-size:12px; color:#9c836a;}
.dateSetting.single > .tit {display:block; padding-bottom:6px;}
.dateSetting.single > .txt {display:block; font-size:20px; font-family:'Roboto'; color:#333;}

.calendar {padding-top:28px;}
.calendar + .calendar {padding-top:25px;}
.calendarHead {text-align:center;}
.calendarHead .tit {display:block; padding-bottom:12px; text-align:center; font-family:'Roboto'; font-size:20px; color:#333;}
.calendarDay {overflow:hidden;}
.calendarDay li {float:left; width:14.28%; text-align:center; font-size:12px; font-family:'Roboto'; color:#9c836a; line-height:28px;}
.calendarDate {overflow:hidden;}
.calendarDate li {position:relative; float:left; width:14.28%; padding:3px 0; text-align:center; font-family:'Roboto'; font-size:14px; overflow:hidden;}
.calendarDate li span {position:relative; z-index:3; display:block; font-weight:normal; line-height:24px;}
.calendarDate .first.last.fix:before {content:none;}
.calendarDate li.first span, .calendarDate li.last span {font-weight:bold; font-size:14px; color:#fff;}
.calendarDate li.first.fix:before {content:''; position:absolute; top:3px; left:50%; width:100%; height:24px; background:#e7e3e0;}
.calendarDate li.last.fix:before {content:''; position:absolute; top:3px; right:50%; width:100%; height:24px; background:#e7e3e0;}
.calendarDate li.first:after, .calendarDate li.last:after {content:''; position:absolute; top:50%; left:50%; z-index:1; margin-left:-12px; margin-top:-12px; width:24px; height:24px; background:#9d836a; border-radius:50%;}
.calendarDate .range span {background:#e7e3e0;}
.calendarDate .today span {font-weight:bold; color:#9d836a;}

.calendarDate .noDate {color:#999;}
.calendarDate .noDate span {font-weight:300;}
.calendarDate .noDateEx {color:#999;}
.calendarDate .noDateEx span {font-weight:300;}
.calendarDate .noEvent {color:#999;}
.calendarDate .noEvent span {font-weight:300;}
.calendarDate .noEventDay {color:#999;}
.calendarDate .noEventDay span {font-weight:300;}
.calendarDate .blinkDate {background:#fff;}

.calendarDate .blinkDate.noDateEx {background:#fff;}
.calendarAllReset {position:fixed; top:20px; right:16px; z-index:101; font-size:14px; color:#9c836a;}


/* 인원 설정 */
.borderList {}
.borderList li {position:relative; display:table; width:100%; border-bottom:1px solid #e7e3e0}
.borderList .tit {display:table-cell; height:60px; padding:5px 10px 0 0; vertical-align:middle; color:#333;}
.borderList .tit > small {display:block; font-size:12px; color:#9c836a; line-height:12px;}
.borderList .tit > em {display:block; padding-top:3px; font-size:11px; color:#e66045;}
.borderList .tit.counter {padding-right:115px;}
.borderList .countWrap {position:absolute; top:50%; right:0; margin-top:-12px; width:108px;}
.borderList .cont {display:table-cell; vertical-align:middle;}
.borderList .cont > .cellDiv + .cellDiv {margin-top:8px;}
.borderList.other li {margin-top:12px;border-bottom:none;}
.borderList.other .tit {height:auto;padding-top:8px;vertical-align:top}
.borderList li.dimmed {}
.borderList li.dimmed:after {content:''; position:absolute; top:0; left:-16px; z-index:500; width:calc(100% + 32px); height:100%; background:#fff; opacity:0.8;}
.borderList li.dimmed.on:after {content:none;}


/* 결제 금액 리스트 */
.slideWrap {}
.slideWrap .slideList {}
.slideWrap .slideList + .slideList {margin-top:5px;}
.slideWrap .slideList.price + .slideList.price {margin-top:7px;}
.slideWrap.bill {padding:11px 0 12px 0; border-bottom:1px solid #e9e5e2;}
.slideWrap.bill.noline {border-bottom:0 none;}

.slideList .slideDept1 {display:table; position:relative; width:100%;}
.slideList .slideDept1 > .title {display:table-cell; vertical-align:middle; height:100%; font-weight:bold; font-size:14px; color:#666; line-height:20px; text-align:left;}
.slideList.other .slideDept1 > .title {color:#333;}
.slideList .slideDept1 > .title small {font-size:12px;}
.slideList .slideDept1 .price {display:table-cell; vertical-align:middle; height:100%; text-align:right;}
.slideList .slideDept1 .price .num {font-weight:bold; color:#9c836a; font-family:'Roboto';}
.slideList .slideDept1 .price .unit {position:relative; top:-1px; display:inline-block; padding-left:3px; font-size:12px; font-family:'Roboto';}
.slideList .slideDept1 .rst {display:table-cell; height:100%; vertical-align:middle; text-align:right;}
.slideList .slideDept1 .rst .color {color:#9c836a;}
.slideList .slideDept1 .rst .num {font-size:14px; font-weight:bold; font-family:'Roboto'; color:#9c836a;}
.slideList .slideDept1 .rst .num + .unit {position:relative; top:-1px; font-size:12px;}
.slideList .slideDept1 .rst .finalPrice {font-size:20px; font-weight:bold; font-family:'Roboto'; color:#9c836a;}
.slideList .slideDept1 .rst .finalPrice + .unit {position:relative; top:-2px;}
.slideList .slideDept1 .txt {display:table-cell; height:100%; vertical-align:middle; text-align:right;}
.slideList .slideDept1 .txt .num {color:#9c836a;}
.slideList .slideDept1 .swiper-pagination {display:none;}
.slideList .slideDept1.on .swiper-pagination {display:inline;}

.payBill .slideList .slideDept2 {display:block; padding:6px 0 0 0;}
.payBill .slideList .slideDept2.on {display:none;}
.payBill .slideList .slideDept2 li {}
.payBill .slideList .slideDept2 > li + li {margin-top:4px;}
.payBill .slideList .slideDept2 > li:after {content:'';clear:both;display:block;}
.payBill .slideList .slideDept2 .price {float:right;line-height:16px;}
.payBill .slideList .slideDept2 .price .num {font-size:12px; color:#9c836a; font-family:'Roboto'; font-weight:bold;}
.payBill .slideList .slideDept2 .price .unit {position:relative; top:-1px; display:inline-block; padding-left:3px; font-size:12px; font-family:'Roboto';}
.payBill .slideList .slideDept2:not(.pdAdd) .title {float:left; font-size:12px;}
.payBill .slideList .slideDept2:not(.pdAdd) .price {float:right; line-height:16px;}
.payBill .slideList.price .slideDept1 .title {font-size:12px;}
.payBill .slideList.price .slideDept2 {padding:4px 24px 0 0;}
.payBill .slideList .slideDept2.pdAdd {padding:5px 0 10px 0;}
.payBill .slideList .slideDept2.pdAdd .thumb .title {display:block;position:relative;padding-left:13px;margin-bottom:3px;font-size:12px;line-height:16px;}
.payBill .slideList .slideDept2.pdAdd .thumb .title:before {content:'';position: absolute;top:5px;left:0;width:7px;height:7px;background:url('/resource/images/mo/common/icon/icon_plus.png') no-repeat 0 0;background-size:7px 7px;}
.payBill .slideList .slideDept2.pdAdd .thumb .desc {display:block;padding-left:13px;font-size:12px;line-height:16px;}
.payBill .slideList .slideDept2.bar {position: relative;padding-top:15px;margin-top:14px;padding-bottom:30px;border-top:1px solid #e7e3e0;}
.payBill .slideList .slideDept2.bar:after {content:'';position:absolute;bottom:0;left:-16px;width:calc(100% + 32px);height:7px;border-top:1px solid #e7e3e0;background:#f9f9f9;}

/* 최종 금액 표기 */
.slideList.sum {padding-bottom:15px;}
.slideList.sum > .slideDept1 + .slideDept1 {margin-top:5px;}
.slideList.final {padding:15px 0 20px;border-top:1px solid #e9e5e2;}
.slideList.final.noBar {border-top:none;}
.slideList.final > .slideDept1 > .title {font-size:14px; color:#333;}
.slideList.final .slideDept1 .rst .num {font-size:20px;}
.slideList.final > .slideDept1.savePoint {margin-top:5px;}
.slideList.final > .slideDept1.savePoint > .title {font-size:12px;}
.slideList.final .slideDept1.savePoint .rst .num {font-size:14px;}
.slideList.final > .slideDept2 li + li {margin-top:8px;}
.slideList.none {}

/* 슬라이드 리스트 단순 표기용 */
.slideWrap.display {}
.slideWrap.dept.display .slideDept1 {padding-right:0;}
.slideWrap.dept.display .slideDept1:after {content:none;}
.slideWrap.dept.display .slideDept2 {padding-right:0;}

/* 금액 단순 표기  */
.priceRstList {}
.priceRstList li {overflow:hidden;}
.priceRstList > li + li {margin-top:7px;}
.priceRstList .title {float:left; font-size:12px;}
.priceRstList .price {float:right; line-height:16px;}
.priceRstList .price .num {font-size:14px; font-weight:bold; color:#9c836a; font-family:'Roboto';}
.priceRstList .price .unit {position:relative; top:-1px; display:inline-block; padding-left:3px; font-size:12px; font-family:'Roboto';}
.priceRstList .txt {float:right;}
.priceRstList .txt .num {color:#9c836a;}


/* 슬라이드 기능이 추가된 경우 */
.slideWrap.dept {}
.slideWrap.dept .slideList {position:relative;}
.slideWrap.dept .slideList:after {content:''; position:absolute; top:0; left:-16px; z-index:10; width:calc(100% + 32px); height:100%; background:#fff; opacity:0.8;}
.slideWrap.dept .slideList.on:after {content:none;}
.slideWrap.dept .slideList.nodimmed:after {content:none;}
.slideWrap.dept .slideList:first-child:after {content:none;}
.slideWrap.dept .slideList.price:after {content:none;}
.slideWrap.dept .slideDept1 {padding-right:24px;}
.slideWrap.dept .slideDept1:after {content:''; position:absolute; top:50%; right:8px; width:9px; height:6px; margin-top:-3px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.slideWrap.dept .slideDept1.on:after {content:''; position:absolute; top:50%; right:8px; width:9px; height:6px; margin-top:-3px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.slideWrap.dept.none .slideDept1:after {content:none;}
.slideWrap.dept .slideDept1.none:after {content:none;}
.slideWrap.dept .slideDept1.none {padding-right:0;}
.offer .slideWrap .slideList.other {padding-bottom:0;}
.offer .slideWrap.dept .slideDept1 {padding-bottom:10px;border-bottom:1px solid #e7e3e0;}
.offer .slideWrap.dept .slideDept1.on {margin-bottom:15px;}
.offer .slideWrap.dept .slideDept1.on + .slideDept2 {position:relative;padding-bottom:25px;}
.offer .slideWrap.dept .slideDept1.on + .slideDept2:after {content:''; position:absolute; bottom:0; left:-16px; width:calc(100% + 32px); height:7px; background:#f9f9f9; border-top:1px solid #e7e3e0;}

.slideWrap .slideList.other {padding:12px 0 13px 0;}
.slideWrap .slideList.other + .slideList.other {margin-top:0;}
.slideWrap .slideList.other.brd:not(.noBar) {border-bottom:1px solid #e7e3e0;}
.slideWrap .slideList.other.etc {padding:0;}
.slideWrap .slideList.other.etc.brd {border-bottom:none;}
.slideWrap .slideList.other.noBar {padding:0;}
.slideWrap .slideList.other.noBar > .slideDept1 {padding:13px 24px 13px 0;}
.slideWrap .slideList.other.noBar > .slideDept2 {width:calc(100% + 32px);margin-left:-16px;padding:13px 16px 0 16px;border-top:1px solid #e7e3e0;}
.slideWrap .slideList.other.noBar > .slideDept2.price {padding-right:40px;}
.slideWrap .slideWrap.bill:after {content:'';clear:both;display:block;}
.slideWrap .slideWrap.bill > .slideList.price {width:100%;float:none;}
.slideWrap .slideWrap.bill > .slideList.price .title {color:#666;}
.slideWrap .slideWrap.bill > .slideList.price > .slideDept2.pdAdd
.slideWrap .slideList.other.boxType {padding:0;border-bottom:none;}
.slideWrap .slideList.boxType .slideDept1 {height:36px;padding:0 24px 0 8px;border:1px solid #857b71;}
.slideWrap .slideList.boxType .slideDept1 > .title {font-weight:300;}
.slideWrap .slideList.boxType .slideDept2 {padding-top:0;}


/* offer 태그 */
.slideWrap.dept .slideList.tagWrap .inpTitle {color:#666;}
.slideWrap.dept .slideList.tagWrap dd {padding:14px 17px;border:1px solid #e7e3e0;background:#f9f9f9;}
.slideWrap.dept .slideList.tagWrap dd > div {margin:-14px -14px 0 0;}
.slideWrap.dept .slideList.tagWrap .checkbox {margin:14px 14px 0 0;}

/* offer상세 */
.offerDetail h2 {font-weight:bold;font-size:14px;color:#111;}
.offerDetail .info {margin:5px 0;}
.offerDetail .info .dotList li {padding-left:0;font-size:14px;color:#333;}
.offerDetail .info .dotList li:before {content:none;}
.offerDetail .itemState {margin-bottom:10px;}
.offerDetail .casyBox {width:calc(100% + 32px);margin-left:-16px;padding:15px 16px;border-top:1px solid #e7e3e0;background:#f9f9f9;}
.offerDetail .casyBox .saleCost {font-weight:bold;font-size:20px;color:#9c836a;text-align:right;}
.offerDetail .casyBox span {font-size:16px;color:#767676;}
.offerDetail .imgTextBox {position: relative;padding-bottom:25px;}
.offerDetail .imgTextBox:after {content:'';position:absolute;bottom:0;left:-16px;width:calc(100% + 32px);height:7px;border-top:1px solid #e7e3e0;background:#f9f9f9;}
.offerDetail .imgTextBox .visual {width:calc(100% + 32px);margin-left:-16px;margin-bottom:15px;}
.offerDetail .imgTextBox .visual img {width:100%;}
.offerDetail .imgTextBox h3 {font-weight:bold;font-size:14px;color:#9c836a;}
.offerDetail .imgTextBox h3 + p {margin-top:6px;font-size:12px;color:#666;}
.offerDetail .imgTextBox h3 + p br {display:none;}
.offerDetail .fullImg {display:block;margin-top:20px;}
.offerDetail .fullImg img {width:100%;}
.offerDetail .detailInfo .title {display:block;width:100%;margin-bottom:9px;font-weight:bold;font-size:14px;color:#111;text-align:left;}
.offerDetail .detailInfo h3 {font-weight:bold;color:#111;font-size:14px;margin-bottom:10px;}
.offerDetail .proBenefit {padding:17px 0 13px;}
.offerDetail .proBenefit .dotList li {padding-left:0;}
.offerDetail .proBenefit .dotList li:before {content:none;}
.offerDetail .facilities {position:relative;margin-left:-8px;padding-bottom:25px;}
.offerDetail .facilities:after {content:'';clear:both;display:block;}
.offerDetail .facilities:before {content:'';position:absolute;bottom:0;left:-16px;width:calc(100% + 32px);height:7px;border-top:1px solid #e7e3e0;background:#f9f9f9;}
.offerDetail .facilities .kind {position:relative;margin: 0 0 8px 2%;width: 31.333%;font-size: 14px;height: auto;float:left;display: inline-block;vertical-align: top;}
.offerDetail .facilities .kind img {width:100%;}
.offerDetail .facilities .kind span {position:absolute; top:50%; left:0; right:0; font-size:11px; text-align:center; color:#fff; transform: translateY(-50%);}
.offerDetail .facilities .kind:before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4)}
.offerDetail .facilitiesText { margin-top:5px; font-size:12px; color:#999999;}
.offerDetail .itemDetail {position: relative;padding:17px 0 15px;}
.offerDetail .component{position: relative;}                                                                                                                                                                                                                                                     
.offerDetail .component > ul{margin:0;}                                                                                                                                                                                                                                             
.offerDetail .component > ul > li:not(.full){position:relative; width:100%; overflow:hidden; padding:12px 0 0; /* margin-bottom:6px; border-top:1px solid #ece9e7; */}                                                                                          
.offerDetail .component > ul > li:not(.full):before {content:''; position:absolute; top:17px; right:3px; width:9px; height:6px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}   
.offerDetail .component > ul > li.full {height:auto;padding-bottom:10px;}
.offerDetail .component > ul > li.full > img{display:block;margin-bottom:10px;width:100%;}  
.offerDetail .component > ul > li.full > div.txtBox {display:block;}
.offerDetail .component > ul > li > div.txtBox strong span {margin-top:5px;font-size:12px;}
.offerDetail .component > ul > li > div.txtBox .dot {position: relative;padding-left:10px;display:block;margin-bottom:5px;}
.offerDetail .component > ul > li > div.txtBox .dot:before {content:'';position: absolute;top:5px;left:0;width:2px;height:2px;border-radius:50%;background:#666;}
.offerDetail .component > ul > li > div.txtBox .dot.pointColor:before {background:#9d836a;}
.offerDetail .component > ul > li > div.txtBox p.desc{display:block; margin-top:0; padding-top:10px; font-size:12px;color:#666;}      
.offerDetail .component > ul > li > div.txtBox p.addInfo {margin-top:10px;font-size:11px; color:#999;}
.offerDetail .component > ul > li > div.txtBox p.addInfo span {display:block;position:relative;padding-left:8px;}
.offerDetail .component > ul > li > div.txtBox p.addInfo span:before {content:'*';position: absolute;top:0;left:0;}                                                                                                                                                                              
.offerDetail .component > ul > li:not(.full) > img{width:42%; min-height:82px; padding-right:12px; float:left; box-sizing:border-box;}                                                                                                                             
.offerDetail .component > ul > li:not(.full) > div.txtBox{display:inline;}                                                                                                                                                                                                                     
.offerDetail .component > ul > li > div.txtBox strong{line-height:17px;padding-right:15px;text-overflow:clip;white-space:normal;}                                                                                                              
.offerDetail .component > ul > li > div.txtBox strong span{display:block;padding-right:15px;margin:0; padding:2px 0 6px; color:#666;}                                                                                                                                                                               
.offerDetail .component > ul > li:not(.full) > div.txtBox p.desc{display:none;float:left;width:100%;}                                                                                                                                        
.offerDetail .component > ul > li:not(.full) > div.txtBox p.addInfo{display:none;float:left;width:100%;}                                                                                                                                                                                                      
.offerDetail .component > ul > li:not(.full).active{height:auto; padding-bottom:10px;}      
.offerDetail .component > ul > li:not(.full).active > div.txtBox p.desc{display:block;} 
.offerDetail .component > ul > li:not(.full).active > div.txtBox p.addInfo{display:block;}                                                                                                                                                                                   
.offerDetail .component > ul > li:not(.full).active:before {background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}       
.offerDetail .roomsPrice {position: relative;padding-top:17px;}      
.offerDetail .roomsPrice > .title{border:1px solid #e6e3df;background-color:#f9f9f9;padding: 15px 0 15px 8px;}/*20190527_수정*/
.offerDetail .roomsPrice table th {text-align:center;padding:7px 0;font-weight:300;font-size:12px;line-height:14px;color:#9d836a;border-bottom:2px solid #9d836a}     
.offerDetail .roomsPrice table tr th.line {border-bottom:1px solid #e7e3e0;}
.offerDetail .roomsPrice table th.tbg {position:relative;border-top:none;background:#f9f9f9;color:#333;}
.offerDetail .roomsPrice table th.tbg:not(:first-child):before {content:'';position: absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#e6e3df;}
.offerDetail .roomsPrice table td {text-align:center;padding:9px 5px;font-size:11px;line-height:13px;border-right:1px solid #e7e3e0;border-bottom:1px solid #e7e3e0;}       
.offerDetail .roomsPrice table tr td:last-child {border-right:0 none;}      
.offerDetail .roomsPrice th[rowspan] ~ th:not([rowspan]) {border-bottom:1px solid #e7e3e0;}
.offerDetail .roomsPrice p.descText {margin-top:10px;color:#999;}     
.offerDetail .cautionBox {padding:17px 0 25px;}    
.offerDetail .cautionBox h2 {padding-left:22px;line-height: 24px;background:url(/resource/images/mo/common/icon/icon_mark1.png) no-repeat left 6px;background-size: 14px 14px;}
.offerDetail .cautionBox .dotList li .title {margin-top:10px;font-weight:bold;}
/* .offerDetail .cautionBox .dotList li p {margin-top:5px;}
.offerDetail .cautionBox .dotList li p + p {margin-top:10px;} */
.offerDetail .detailInfo {position: relative;}
.offerDetail .detailInfo:after {content:'';position:absolute;bottom:0;left:-16px;width:calc(100% + 32px);height:7px;border-top:1px solid #e7e3e0;background:#f9f9f9;}        
.offerDetail .settingCont {padding-top:17px;}
.offerDetail .settingCont:before {content:none;}
.offerDetail .slideWrap.dept .slideList {margin-top:8px;}
.slideWrap.dept .slideList .roomNum {height:36px;padding:0 8px;border:1px solid #857b71;text-align:center;line-height:34px;}
.slideWrap.dept .slideList .roomNum em {color:#9c836a;}

/* 예약 상세 */
.rstDetail.slideWrap .slideList.other {padding-top:0;}
.rstDetail .slideList .slideDept2.pdAdd {padding-top:15px;}
.rstDetail .inpWrap .inpTitle {margin-bottom:10px;}
.rstDetail .inpWrap + .inpWrap {margin-bottom:20px;padding-top:15px;border-top:1px solid #e9e5e2;}
.rstDetail .inpWrap + .inpWrap:before {content:none;}
.rstDetail .inputBox + .inputBox {margin-top:13px;}
.slideList > .slideDept2 li.smallText {width:calc(100% + 24px);}
.rstDetail .roomCont .thumb {min-height:200px;height:auto;}


/* 상세 설정 섬네일 */
.detailThumb {position:relative; width:calc(100% + 32px); margin-left:-16px;}
.detailThumb img {width:100%;}

/* 상세설정 공통 */
.detailSettingWrap {position:relative;}
.detailSettingWrap .detailHeader {padding:9px 0 0 0;}
.detailSettingWrap .detailTitle {font-size:20px; padding-bottom:10px; font-weight:bold; color:#333; text-transform:uppercase;}
.detailSettingWrap .detailHeader > .price {margin-top:5px;font-weight:bold;font-size:17px;color:#9c836a;}
.detailSettingWrap .detailHeader > .price .unit {font-size:14px;font-weight:300;color:#666;}
.detailSettingWrap .detailHeader .desc {font-size:12px; line-height:19px;}
.detailSettingWrap .btnMore {position:absolute; top:16px; right:-2px; text-indent:0;}
.detailSettingWrap .btnMore {display:inline-block; font-weight:normal; font-size:12px; color:#9c836a !important; padding-right:13px; background:url(/resource/images/mo/common/icon/icon_arrow.png) no-repeat right center; background-size:6px 10px;}
.detailSettingWrap .btnMore:before {content:none;}
.detailSettingWrap .btnMore:after {content:none;}

.detailSettingWrap .detailHeader + .slideWrap {margin-top:16px; padding-top:12px; border-top:1px solid #e7e3e0;}
.detailSettingWrap .detailHeader + .slideWrap .title {font-weight:300; color:#333;}

/* btnMoreTxt */
.settingCont {position:relative;}
.settingCont .selectDate {display:block;margin-bottom:12px;color:#333;}
.settingCont:before {content:''; display:block; width:calc(100% + 32px); height:7px; margin-left:-16px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.titleTxt + .settingCont:before, .settingCont.none:before {content: none;}
.slideWrap.rstDetail + .settingCont {margin-top:-1px;}



/* 티켓 리스트 */
.ticketList {position:relative;}
.ticketList:after {content:''; display:block; clear:both;}
.ticketList > li {float:left; width:50%; padding-right:4px; margin-top:12px; }
.ticketList > li:nth-child(even) {padding-right:0; padding-left:4px;}
.ticketList > li .inner {padding:12px 8px 4px 8px; background:url(/resource/images/mo/common/bg_ticketList.gif) no-repeat right bottom; background-size:42px 35px; border:1px solid #857b71;}
.ticketList > li .inner {
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.07);
	-moz-box-shadow: 0 4px 5px rgba(0,0,0,.07);
	box-shadow: 0 4px 5px rgba(0,0,0,.07);
}
.ticketList > li .inner .ticketSelect {padding-bottom:20px;}
.ticketList > li .inner .ticketSelect label {font-weight:bold; color:#9d836a;}
.ticketList > li .inner .desc {position:relative; font-size:12px; padding-top:5px;}
.ticketList > li .inner .desc:before {content:''; position:absolute; top:0; left:0; width:12px; border-bottom:1px solid #9d836a;}

.slideList .slideDept2 .ticketList > li:nth-child(-n + 2) {margin-top:0;}
.slideList .slideDept2 .ticketList > li {float:left; width:50%; padding-right:4px; margin-top:12px; }


/* 객실 / 침대 */
.swiper-container {width:100%; height:100%;}
.swiper-container .link_room {display:inline-block; padding:1px 8px; border:1px solid #fff; font-weight:500; font-size:12px; color:#fff;}
.roomGalleryCont {width:calc(100% + 32px);margin-left:-16px}
.roomGalleryCont .swiper-container {padding:0 16px;}
.roomCont {width: 240px;}
.roomCont .thumb {position:relative; display:block; height:200px; border:1px solid #e7e7e7;}
.roomCont .thumb.on {border-color:#9c836a;}
.roomCont .thumb .title {display:block;width:100%;min-height:55px;padding:10px 13px;font-weight:bold;color:#111;line-height:20px;background:#f9f9f9;}
.slideList .slideDept2.pdAdd .roomGalleryCont .title:before {content:none;}
.roomCont .thumb .desc {display:block;padding:10px 13px;line-height:20px;}
.room.swiper-pagination {position:static; padding-left:8px;}
.room.swiper-pagination span {font-size:14px; color:#333;}
.room.swiper-pagination .swiper-pagination-current {font-weight:bold;}


/* cart */
.cartHeader {width:calc(100% + 32px); padding:10px 16px 11px 16px; margin-left:-16px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.cartHeader .selectDelete {font-size:14px; font-weight:400; color:#9c836a; outline:none;}

.cartList {position:relative;}
.cartList + .cartList {margin-top:13px;}
.cartList + .cartList:before {content:''; display:block; width:calc(100% + 32px); height:7px; margin-left:-16px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.cartList .cartSelect {padding:13px 0 14px 0; min-height:47px;}
.cartList .cartListTitle {padding-bottom:7px; font-size:14px; font-weight:bold; color:#333;}
.cartList .priceRstList {margin-top:12px; padding:13px 0 0 0; border-top:1px solid #e9e5e2;}
.cartList .priceRstList + .cartOptionWrap {padding-bottom:3px;}
.cartList .cartBtnWrap {position:absolute; top:12px; right:0;}
.cartList + .cartList .cartBtnWrap {top:20px;}
.cartList .cartBtnWrap .btn {float:right;}
.cartList .cartBtnWrap .btn + .btn {margin-right:7px;}
.cartOptionDetail {position:relative; margin-top:13px; padding:12px 11px 10px 11px; background:#f9f9f9; border:1px solid #e8e4e1;}
.cartOptionDetail + .cartOptionDetail {margin-top:8px;}
.cartOptionDetail .cartOptionTitle {padding-bottom:3px; font-size:12px; font-weight:bold; color:#333;}
.cartOptionDetail .txt {padding-bottom:6px; font-size:12px;}
.cartOptionDetail .txt .num, .cartOptionDetail .txt em {color:#9c836a;}

.cartOptionDetail .txt + .cartOptionTitle {margin-top:4px; padding-top:9px; border-top:1px solid #e8e5e2;}
.cartOptionDetail .priceRstList {margin:0; padding-top:9px; border-top:1px solid #e8e5e2;}

/* .floating.tblDiv {position:absolute; left:0; bottom:0; z-index:10; width:100%;} */
.floating.tblDiv {position:fixed; left:0; bottom:0; z-index:10; width:100%;}
.floating.tblDiv.fix {position:fixed;}
.floating.tblDiv .cellDiv {padding:0; width:50%;}
.floating.tblDiv .btn {font-size:18px; line-height:50px;}
.floating.tblDiv + #footerWrap {padding-top:50px;}
.floating.tblDiv + .pageTop + #footerWrap {padding-top:50px;}

/* 카트 상품 없음 */
.cartNone {position:relative; display:table; width:100%;}
.cartNone.etc {padding-bottom:160px;}
.cartNone > strong {display:block; font-size:20px; color:#999;}
.cartNone > strong span {color:#9d836a;}
.cartNone .txt {font-size:14px; line-height:18px;}
.cartNone .listNone {margin:0;}
.cartNone > .inner {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.cartNone > .inner .listNone {margin-top:-60px;}
.cartNone.etc > .inner .listNone {margin-top:0;}
.cartNone > .cont {position:absolute; bottom:0; left:0; display:table; height:160px; padding:0 16px; border-top:1px solid #e7e3e0; background:#f9f9f9;}
.cartNone > .cont p {display:table-cell; vertical-align:middle; height:90px; color:#333; line-height:18px; text-align:center;}
.cartNone > .cont .tbl {display:table; width:100%;}

/* 구매 상품 목록 */
.purchaseList {}
.purchaseList .purchaseListTitle {position:relative; display:block; font-size:14px; font-weight:bold; color:#333; line-height:45px; border-bottom:1px solid #e7e3e0;}
.purchaseList .purchaseListTitle:before {content:''; position:absolute; top:50%; right:0; width:9px; height:6px; margin-top:-3px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.purchaseList .purchaseListTitle.on:before {background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.purchaseDetail {padding:12px 5px 13px 5px; background:#f9f9f9; border-bottom:1px solid #edeae8; display:none;}
.purchaseItem {position:relative; padding-left:6px; font-size:12px;}
.purchaseItem + .purchaseItem {margin-top:7px;}
.purchaseItem:before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#666;}
.purchaseItem > strong {color:#333;}
.purchaseItem .purchaseItemList {padding:3px 15px 0 0;}
.purchaseItem .purchaseItemList li {font-size:12px; font-weight:200;}
.purchaseItem .purchaseItemList li + li {margin-top:4px;}


/* 상품 결제 */
.payment {position:relative; padding:17px 0 20px 0;}
.payment + .payment, .payment.topBar {padding:24px 0 20px 0;}
.payment + .payment:before, .payment.topBar:before {content:''; position:absolute; top:0; left:-16px; width:calc(100% + 32px); height:7px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.payment > .title {font-size:14px; font-weight:bold; color:#333;}
.payment > .notice {position:absolute; top:18px; right:0; font-size:11px; color:#e55649;}
.slideDept1 .payment > .notice {top:2px;}

.paymentCardList {padding:17px 0 20px 0;}
.paymentCardList:after {content:''; display:block; clear:both;}
.paymentCardList li {position:relative; float:left; width:25%; padding-left:4px; margin-top:8px;}
.paymentCardList li:nth-child(-n + 4) {margin-top:0;}
.paymentCardList li:nth-child(4n + 1) {padding-left:0; width:calc(25% - 4px);}
.paymentCardList li img {width:100%;}
.paymentCardList li > img {
	border-radius:5px;
	-webkit-box-shadow: 0 6px 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 6px 8px rgba(0,0,0,.2);
	box-shadow: 0 6px 8px rgba(0,0,0,.2);
}
.paymentDcList {padding:17px 12px 0 12px; background:#f9f9f9; border:1px solid #e8e4e1; margin: 20px 0 0;}
.paymentDcList .priceRstList .title .badge .num {font-size:14px; font-weight:bold;}
.paymentDcList .priceRstList .price .num {font-size:12px;}
.paymentDcList .priceRstList .result {border-top:1px solid #e8e5e2;}
.paymentDcList .priceRstList .result .title {line-height:36px;}
.paymentDcList .priceRstList .result .price {line-height:36px;}
.paymentDcList .priceRstList .result .price .num {font-size:14px;}

.payment .hold {padding:17px 0 6px 0;}
.payment .holdTxt {display:block; font-size:12px;}
.payment .holdTxt .point {font-size:14px; font-weight:bold; color:#9d836a;}

.paymentCouponList {position:relative; padding-top:9px;}
.paymentCouponList li {position:relative; padding:12px 20px 13px 0; line-height:18px; border-bottom:1px solid #e9e5e2;}
.paymentCouponList li > button {position:absolute; top:50%; right:0; width:22px; height:22px; margin-top:-11px; border:1px solid #e8e4e1; border-radius:50%; text-indent:-9999px;}
.paymentCouponList li > button:after {content:''; position:absolute; top:5px; right:5px; display:inline-block; width:10px; height:10px; background:url(/resource/images/mo/common/btn/btn_x.png) no-repeat right bottom; background-size:100%;}

.paymentAgreeStepOne {padding:0 0 29px 0;}
.paymentAgreeStepOne > p {padding:12px 0 0 28px; font-size:12px; line-height:17px;}

.paymentAgree {padding-top:15px;}
.paymentAgree + .paymentAgree {padding-top:18px;}
.paymentAgree .agreement {height:80px; padding:13px 18px; margin-top:11px; background:#f9f9f9; border:1px solid #e7e3e0; font-size:12px; line-height:17px; overflow:auto;}
.paymentAgree .agreement.auto {height:auto;overflow:hidden;}

.payNotiAdd {overflow:hidden;}
.payNotiAdd .title {float:left; font-weight:bold; color:#333; line-height:24px;}
.payNotiAdd .rst {float:right;}
.payNotiAdd .rst .pointColor2 {font-weight:bold; font-size:20px;}
.payNotiAdd + .txt {padding-bottom:18px; font-size:11px; color:#999;}
.payNotiAdd + .notiMark {padding-bottom:18px; font-size:11px; color:#999;}


/* 예약완료 */
.resultDisplay {margin:20px 0 0 0; padding:9px 10px; background:#f9f9f9; border:1px solid #e8e4e1;}
.resultDisplay > a {display:block; background:url(/resource/images/mo/common/icon/icon_arrow.png) no-repeat right center; background-size:6px 10px;}
.resultDisplay.noIcon > a {background:none;}
.resultDisplay dl {overflow:hidden;}
.resultDisplay dl dt {float:left; padding-right:7px; font-size:12px; line-height:22px;}
.resultDisplay dl dd {float:left; font-size:12px; color:#9d836a; line-height:22px;}
.resultDisplay dl dd .bold {font-size:14px;}
.resultDisplay + .offerItemInfo {border-top:none;}
.titleTxt + .resultDisplay {margin-top:27px;}
.resultDisplay > a .table.side2 table td {color:#666;}
.resultDisplay > a.btnBarcode .table.side2 table td {color:#9d836a;text-decoration:underline;}


/* 예약 투숙 */
.state {padding-top:8px;}
.stateInfo {}
.stateInfo .name {display:block; font-weight:bold; color:#111; line-height:18px;}
.stateInfo .date {display:block; padding:2px 0 3px 0; color:#333; line-height:18px;}
.stateInfo .date .roboto {font-weight:bold; font-size:14px; color:#333;}
.stateInfo .date .process {position:relative; top:-1px; display:inline-block; margin-left:5px; padding-left:11px; font-family:'Roboto'; font-weight:400; font-size:12px; color:#999;}
.stateInfo .date .process:before {content:''; position:absolute; top:50%; left:0; margin-top:-6px; height:12px; border-right:2px solid #e7e3e0;}
.state + .bxWrap {margin-top:4px;}

.smallItemNoti {overflow:hidden; font-size:0;}
.smallItemNoti .nt {display:inline-block; padding:0 8px; font-size:10px; line-height:18px; text-align:center; color:#fff;}
.smallItemNoti .ty1 {background:#e66045;}
.smallItemNoti .ty2 {background:#857b71;}
.smallItemNoti .ty3 {background:#9d836a;}

.prodListWrap {width:calc(100% + 32px); padding:12px 16px 10px 16px; margin-left:-16px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.prodListWrap.etc {width:100%; padding:0; margin:0; border:none;}
.prodList {overflow:hidden; width:calc(100% + 8px);}
.prodList > li {float:left; width:33.3%; padding-left:8px; margin-top:8px;}
.prodList > li:nth-child(3n + 1) {padding-left:0; width:calc(33.3% - 8px);}
.prodList > li:nth-child(-n + 3) {margin-top:0;}
.prodList > li .inner {position:relative;}
.prodList > li .inner .thumb {position:relative;}
.prodList > li .inner .thumb:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4;}
.prodList > li img {width:100%;}
.prodList > li span {position:absolute; top:50%; left:50%; width:100%; transform: translate(-50%, -50%); font-size:12px; color:#fff; text-align:center; font-weight: bold;}

.prodList.etc {width:100%;}
.prodList.etc > li {width:50%; padding:0 4px 0 0; margin-top:8px;}
.prodList.etc > li:nth-child(even) {padding:0 0 0 4px;}
.prodList.etc > li a {display:block;}
.prodList.etc > li:nth-child(3n + 1) {width:50%;}
.prodList.etc > li:nth-child(-n + 2) {margin-top:0;}

.couponSelect {padding:16px 0 20px 0; margin-top:10px; border-bottom:1px solid #e7e3e0;}
.couponSelect + .couponSelect {margin:0;}
.couponSelect > .tit {padding-bottom:26px; font-weight:bold; color:#333;}
.couponSelect > dd {}
.couponSelect > dd li + li {margin-top:16px;}

.upToWrap {width:calc(100% + 32px); margin-left:-16px; padding:0 16px 18px 16px; background:#f9f9f9;}
.upTo {display:table; width:100%;}
.upTo .per {display:table-cell; vertical-align:bottom; border-top:1px solid #e7e3e0; color:#e66045;}
.upTo .per .roboto {font-size:20px;}
.upTo .price {display:table-cell; vertical-align:bottom; padding-top:16px; text-align:right; border-top:1px solid #e7e3e0;}
.upTo .price .cost {font-size:12px; color:#999; line-height:18px;}
.upTo .price .cost .roboto {position:relative; display:inline-block; font-size:14px; margin-right:3px;}
.upTo .price .cost .roboto:after {content:''; position:absolute; top:50%; left:-2px; margin-top:-1px; width:calc(100% + 4px); border-top:1px solid #999;}
.upTo .price .sale {color:#767676; margin-top:-8px; line-height:24px;}
.upTo .price .sale .roboto {position:relative; top:2px; font-weight:bold; font-size:20px; color:#9c836a;}
.upTo .price .sale .bold {color:#9c836a;}
.upTo .price .wave {display:inline-block; width:10px; text-align:left;}
.upToWrap .dotList {overflow:hidden;}
.upToWrap .listStar {float:right;}

.prodIntro {}
.prodIntro > img {display:block; width:100%;}
.prodIntroInfo dt {padding:13px 0 7px 0; font-weight:bold; color:#111; line-height:18px;}
.prodIntroInfo dd {font-size:12px; line-height:16px;}
.upToWrap + .prodIntro {margin-top:16px;}
.state + .prodIntro {margin-top:12px;}

.singleSlide {}
.singleSlide + .singleSlide {margin-top:18px;}
.singleSlide .title {display:table; width:100%; padding-right:17px;}
.singleSlide .title .thumb {display:table-cell; width:116px;}
.singleSlide .title .thumb img {width:100%;}
.singleSlide .title.etc {display:block;  padding-right:0;}
.singleSlide .title.etc .thumb {display:block; width:auto; padding-bottom:13px;}
.singleSlide .title.etc .thumb img {width:100%; height:auto;}
.singleSlide .title .text {position:relative; display:table-cell; vertical-align:top; padding-left:12px;}
.singleSlide .title .text:before {content:''; position:absolute; top:2px; right:-9px; width:9px; height:6px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.singleSlide .title .text.on:before {background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.singleSlide .title.etc .text:before {right:8px;}
.singleSlide .title.etc .text {display:block; padding-left:0;}
.singleSlide .title .text strong {display:block; padding-bottom:2px; margin-top:-3px; font-weight:bold; color:#333; line-height:18px;}
.singleSlide .title.etc .text strong {margin-top:0;}
.singleSlide .title .text .desc {display:block; font-size:12px; line-height:18px; color:#9c836a; }
.singleSlide .content {display:none; padding:9px 0 0 0;}
.singleSlide .content .txt {font-size:12px; line-height:16px; word-break:break-all;}
.singleSlide .content .txt + .txt {margin-top:7px;}
.singleSlide .content .txt + .listStar {margin-top:7px;}
.singleSlide .content .list + .listStar {margin-top:9px;}

.tariff {padding:10px; background:#f9f9f9; border:1px solid #e9e5e2;}
.tariffList {margin-top:4px; padding:11px 10px 11px 0; background:#fff; border:1px solid #e9e5e2;}
.tariffList > li {overflow:hidden;}
.tariffList > li + li {margin-top:12px;}
.tariffList > li .date {float:left; font-size:0;}
.tariffList > li .date .roboto {display:inline-block; width:27px; text-align:right; font-weight:bold; font-size:14px;}
.tariffList > li .date .day {padding-left:10px; font-weight:400; font-size:14px;}
.tariffList > li .date.sat {color:#5164b9;}
.tariffList > li .date.sun {color:#e66045;}
.tariffList > li .price {float:right; font-size:12px;}
.tariffList > li .price .roboto {font-weight:bold; font-size:14px; color:#9d836a;}


/* 이벤트 페이지 */
.eventListWrap {position:relative;}
.eventListWrap .btnMoreTxt {position:absolute; top:29px; right:0;}
.eventListWrap > .btn.ty9 {position:absolute; top:27px; right:0;}

.eventListChange {padding:27px 0 10px 0; overflow:hidden;}
.eventListChange > button {float:left;}
.eventListChange > button + button {margin-left:16px;}
.eventListChange + .tabWrap {padding-top:8px;}

.listView {}
.listView .listViewItem .bxWrap {width:100%;margin-left:0;}
.listView .listViewItem + .listViewItem {padding-top:24px;}
.listView .listViewItem a {position:relative; display:block;}
.listView .listViewItem .thumb {width:100%;}
.listView .listViewItem strong {display:block; font-weight:bold; padding:11px 0 1px 0; margin-bottom:5px; color:#111; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.listView .listViewItem strong.normal {white-space:normal;text-overflow:clip;}
.listView .listViewItem strong em {font-weight:inherit;color:#9c836a;}
.listView .listViewItem .desc {display:block; margin-top:5px; font-size:12px; color:#666; line-height:18px;}
.listView .listViewItem .desc.dot {height:36px;}
.listView .listViewItem .date {display:block; margin-top:8px; font-size:12px; color:#999;}
.listView .listViewItem .type {position:absolute; top:0; left:0; overflow:hidden;}
.listView .listViewItem .type > * {float:left;}
.listView .listViewItem .type .ty1 {padding:0 9px; background:#9c836a; font-weight:bold; font-size:10px; color:#fff; line-height:25px;}
.listView.noEllipsis .listViewItem strong {text-overflow:inherit;white-space:normal;}
.listView.noEllipsis .listViewItem .desc {height:auto;}
.detailList > .title + dd .listView {margin-top:4px;}

.calendarPick {position:relative; width:150px; padding:9px 0 10px 0; font-family:'Roboto'; font-weight:400; font-size:20px; color:#333; text-align:center; line-height:26px;}
.calendarPick button {position:absolute; top:9px; width:26px; height:26px; border:1px solid #e7e3e0; border-radius:3px;}
.calendarPick button span {position:absolute; text-indent:-9999px;}
.calendarPick .prev {left:0;}
.calendarPick .prev span {top:8px; left:9px; display:inline-block; width:5px; height:6px; border-right:5px solid #999; border-top:4px solid transparent; border-bottom:4px solid transparent;}
.calendarPick .next {right:0;}
.calendarPick .next span {top:8px; left:10px; display:inline-block; width:5px; height:6px; border-left:5px solid #999; border-top:4px solid transparent; border-bottom:4px solid transparent;}

.eventCalenderWrap {position:relative; left:-16px; width:calc(100% + 32px); border-top:1px solid #e8e5e2; border-bottom:1px solid #e8e5e2;}
.eventCalenderDate {position:relative; padding:15px 0 20px 0;}
.eventCalenderDate + .eventCalenderDate {border-top:1px solid #e8e5e2;}
.eventCalenderDate .date {position:absolute; top:15px; left:22px; font-family:'Roboto'; font-weight:400;}
.eventCalenderList {}
.eventCalenderList .eventCalenderItem {position:relative; padding:0 20px 0 40px;}
.eventCalenderList .eventCalenderItem + .eventCalenderItem {margin-top:11px;}
.eventCalenderList .eventCalenderItem > a {display:block; overflow:hidden;}
.eventCalenderList .eventCalenderItem > a .thumb {float:left; width:80px; height:45px;}
.eventCalenderList .eventCalenderItem .txt {position:relative; top:-4px; display:block; padding-left:90px;}
.eventCalenderList .eventCalenderItem .txt strong {display:block; width:100%; padding-bottom:5px; overflow:hidden; font-weight:bold; color:#111; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.eventCalenderList .eventCalenderItem .txt .desc {display:block; font-size:12px; height:30px; line-height:15px;}

.eventCalenderDate.past {background:#f9f9f9;}
.eventCalenderDate.past .date {color:#999;}

.eventCalenderDate.none {padding:0;}
.eventCalenderDate.none .date {position:static; display:block; float:left; line-height:42px; padding-left:22px; font-weight:bold; color:#9d836a;}
.eventCalenderDate.none .none {display:block; height:42px; text-indent:-9999px; background:url(/resource/images/mo/event/icon_none.png) no-repeat center center; background-size:8px 2px;}


/* 이벤트 상세 */
.eventDetailHeader .titleTxt {padding-bottom:10px;padding-right:30px;}
.eventDetailHeader .date {display:block; padding:0; font-weight:400; color:#999;}

/* nature */
.mainListWrap .listView .listViewItem .subTit span {display:block;font-weight:bold;font-size:14px;padding:11px 0 1px 0;color:#111;margin-bottom:0;}
.mainListWrap .listView .listViewItem .subTit {padding-bottom:8px;font-weight:400;font-size:12px;color:#333;}
.mainListWrap .listView .listViewItem .desc {font-size:12px;color:#666;}
.mainListWrap .listView .listViewItem .desc + .desc {margin-top:20px;}
.mainListWrap.artWrap .listView .listViewItem .subTit + .desc {margin-top:13px;}

/* faq */
.faqWrap {padding:11px 0 0 0;}
.faqWrap .faqList {display:block;position:relative; width:100%;border-bottom:1px solid #e7e3e0;text-align:left;}
.faqWrap .faqList:before {content:''; position:absolute; top:20px; right:9px; width:9px; height:6px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.faqWrap .faqList.on:before {content:''; position:absolute; top:20px; right:9px; width:9px; height:6px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.faqWrap .faqList.brd {border:none;}
.faqWrap .faqList .ask {padding:14px 0 12px 0; line-height:18px; width:calc(100% - 27px);}
.faqWrap .faqList .ask strong {position:relative; display:block; padding:0 0 3px 22px; color:#9d836a;}
.faqWrap .faqList .ask strong:before {content:''; position:absolute; top:3px; left:3px; width:10px; height:12px; background:url(/resource/images/mo/common/icon/icon_qa.png) no-repeat 0 0; background-size:10px 27px;}
.faqWrap .faqList .answer {position:relative; left:-16px; display:none; width:calc(100% + 32px); padding:17px 16px 18px 19px; background:#f9f9f9; 
line-height:18px;}
.faqWrap .faqList .answer:before {content:''; display:inline-block; width:15px; height:12px; background:url(/resource/images/mo/common/icon/icon_qa.png) no-repeat 0 -14px; background-size:10px 27px;}


/* 공지사항 */
.noticeListWrap {padding:16px 0 0 0;}
.noticeListWrap .noticeList {border-bottom:1px solid #e7e3e0;}
.noticeListWrap .noticeList > a {display:block; padding:8px 22px 9px 0; background:url(/resource/images/mo/common/icon/icon_arrow.png) no-repeat right center; background-size:6px 10px;}
.noticeListWrap .noticeList > a strong {display:block; padding-bottom:4px; font-size:12px; color:#9c836a;}
.noticeListWrap .noticeList > a .desc {display:block; max-height:36px; line-height:18px;}
.noticeListWrap .noticeList > a .date {display:block; padding-top:11px; font-size:11px; color:#999; line-height:14px;}


/* 마이 페이지 */
.mypageNum {padding-bottom:17px;}
.mypageNum .pointColor {display:inline-block;margin-right:7px;font-weight:normal;}
.mypageNum .roboto, .mypageNum .roboto * {display:inline-block;font-weight:700;color:#666;}
.mypageTop {position:relative; margin:7px 0 20px 0;}
.mypageTop .titleTxt {padding:10px 0 10px 0;}
.mypageTop .btnBarcode {position:absolute; top:5px; right:0;}

.memberShipCard {position:relative; left:-16px; width:calc(100% + 32px); padding:17px 16px 24px 16px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.memberShipCard > strong {display:block; padding-bottom:13px; font-weight:bold; color:#333;}
.memberShipCard .btnMoreTxt {position:absolute; top:17px; right:16px;}

.myMembership dd {padding:20px 16px 18px;border:1px solid #e8e4e1;text-align:center;background:#f9f9f9;}
.myMembership dd .txt {margin-top:20px;padding-top:17px;border-top:1px solid #e7e3e0;text-align:left;}
.myMembership dd .txt p {line-height:18px;font-size:12px;}

.tblBox {padding:11px 13px;border:1px solid #e8e4e1;background:#f9f9f9;font-size:12px;}
.tblBox.big {padding:30px 16px;font-size:14px;}
.tblBox table th {padding:2px 0;font-weight:300;font-size:12px;text-align:left;}
.tblBox table td {padding:2px 0;font-weight:bold;font-size:14px;color:#9d836a;text-align:left;}
.tblBox > dt {margin-bottom:5px;font-weight:bold;font-size:14px;color:#333;}
.tblBox > dd p {font-size:12px;}

/* 탈퇴 유의사항 */
.notiSece .titleTxt {padding:0 0 15px 15px;text-indent:-15px;font-weight:bold;font-size:14px;color:#333;border-bottom:1px solid #e7e3e0;}
.notiSece dl dt {margin-bottom:5px;font-size:12px;font-weight:bold;}
.notiSece dl dd {font-size:12px;}
.notiSece .btmAgree {margin-top:12px;padding-top:12px;border-top:1px solid #e7e3e0;}

/* card gallery */
.cardGalleryWrap {width:calc(100% + 16px); text-align:center;}
.cardGalleryWrap .swiper-container {padding-bottom:11px; padding-right:16px; overflow:visible;}
.cardGalleryWrap .swiper-container:after {content:''; display:block; clear:both;}
.cardGallery .swiper-slide {width:225px;}
.cardGallery .swiper-slide > a {display:block;}
.cardGallery.single .swiper-slide {width:calc(100% - 16px); text-align:center;}
.cardGalleryWrap .swiper-pagination {bottom:-14px;}
.swiper-pagination-bullet {width:5px; height:5px; margin:0 3px !important; background:#e7e1dc; opacity:1; border-radius:50%; outline:none;}
.swiper-pagination-bullet-active {position:relative; top:1px; width:7px; height:7px; background:#9d836a;}

/* 프로모션 */
.mypageCont {padding:33px 0 0 0;}
.mypageCont > strong {display:block; padding-bottom:13px; font-weight:bold; color:#333;}
.promotionBox {padding:13px 12px 12px 12px; border:1px solid #e6e6e6;}
.promotionBox {background:url(/resource/images/mo/common/icon/icon_promotion.png) no-repeat right 20px bottom; background-size:38px 35px;}
.promotionBox > a {display:block;}
.promotionBox .txt {width:100%; font-size:12px; line-height:16px;}
.promotionBox .date {padding-top:3px; font-size:12px; color:#999;}
.promotionBox > a .linkTxt {font-weight:normal; font-size:12px; color:#9d836a; display:inline-block; border-bottom:1px solid #9d836a; line-height:14px;}


/* 프로모션 */
.mypageLink {padding-top:12px;}
.mypageLinkList {border-bottom:1px solid #e7e3e0; padding-right:10px;}
.mypageLinkList > a {display:block; padding-right:22px; background:url(/resource/images/mo/common/icon/icon_arrow.png) no-repeat right center; background-size:6px 10px; overflow:hidden;}
.mypageLinkList > a strong {float:left; font-weight:bold; color:#333; line-height:45px; }
.mypageLinkList > a .num {float:right; color:#a8917a; line-height:45px;}
.mypageLinkList > a .num .unit {color:#666;}
.mypageLinkList > a .num.other {font-family:'Roboto'; font-weight:400; color:#a8917a;}
.mypageLinkList > a .num.other .unit {font-weight:400; color:#666;}


/* membership */
.tabWrap.membership .tabList .tit {font-size:12px; line-height:14px;}
.tabWrap.membership .tabContent {padding:0;}
.tabSubListWrap {}
.tabSubListWrap .tabSubList {display:table; table-layout:fixed; position:relative; width:100%; border-bottom:1px solid #e7e3e0;}
.tabSubListWrap .tabSubList > li {position:relative; display:table-cell; vertical-align:middle; padding:10px 5px;}
.tabSubListWrap .tabSubList > li .tit {display:block; width:100%; text-align:center; outline:none; font-size:11px; color:#999;}
.tabSubListWrap .tabSubList > li .tit span {position:relative; display:inline-block; font-size:11px; word-break:break-word;}
.tabSubListWrap .tabSubList > li.on .tit span { color:#333;}
.tabSubListWrap .tabSubList > li.on:after {content:''; position:absolute; left:50%; bottom:-1px; width:60px; margin-left:-30px; border-top:2px solid #9d836a;}

.tabSubContent {display:none; padding:20px 16px 0 16px;}
.tabSubContent.on {display:block;}

.membershipCont {}
.membershipCont .txt {font-size:11px; line-height:13px; color:#999;}

.leaveApply {position:relative; display:table; width:100%; height:100%; padding:0 0 160px 0;}
.leaveApply > .inner {display:table-cell; vertical-align:middle;}
.leaveCommit {position:absolute; bottom:0; left:0; display:table; height:160px; padding:0 16px; border-top:1px solid #e7e3e0; background:#f9f9f9;}
.leaveCommit > .inner {display:table; width:100%;}
.leaveCommit > .inner p {display:table-cell; vertical-align:middle; height:90px; color:#333; line-height:18px; text-align:center;}
.leaveq {padding:25px 0 45px 0; font-size:11px; color:#333; vertical-align:top; text-align:center;}
.leaveq > a {margin:0 5px;}

.payApp {margin-top:16px;}
.payApp .info {padding-bottom:7px; overflow:hidden;}
.payApp .info .date {float:left; color:#333;}
.payApp .info .txt {float:right; font-size:12px; color:#333;}
.payApp .info .txt.etc {color:#5d88de;}

.membershipVisual {}
.membershipVisual .titleArea {position:relative;}
.membershipVisual .titleArea > img {width:100%;}
.membershipVisual .txtArea {position:absolute; left:16px; bottom:10px; color:#fff;}
.membershipVisual .txtArea > .tit {padding-bottom:3px; font-weight:bold; font-size:20px; line-height:25px; color:#fff;}
.membershipVisual .txtArea > .info {font-size:11px; line-height:16px; color:#fff;}
.membershipVisual > .desc {padding:0 16px;}
.membershipVisual > .desc p {font-size:12px; line-height:18px; color:#333;}
.membershipVisual > .desc .point {padding:12px 0 5px 0; font-weight:bold; color:#9c836a;}

.membershipVisual + .cardDisplay {margin-top:33px;}
.membershipVisual + .tabSubListWrap {margin-top:19px;}

.cardDisplay {}
.cardDisplay > ul {}
.cardDisplay > ul > li {display:table; width:100%; padding:16px 0 12px 0; }
.cardDisplay > ul > li:first-child {padding-top:0;}
.cardDisplay > ul > li + li {border-top:1px solid #e7e3e0;}
.cardDisplay > ul > li .cardDp {display:table-cell; width:150px; vertical-align:top;}
.cardDisplay > ul > li .cardInfo {display:table-cell; vertical-align:top;}
.cardDisplay > ul > li .cardInfo .tit {font-weight:bold; padding-bottom:5px;}
.cardDisplay > ul > li .cardInfo .tit.etc {padding-bottom:0;}
.cardDisplay > ul > li .cardInfo dd {font-size:12px; line-height:16px;}
.cardDisplay > ul > li .cardInfo dd .by {display:block; padding-bottom:2px; font-size:11px; color:#999;}
.cardDisplay > ul > li .cardInfo dd + .link {margin-top:9px;}

.cardDisplay + .tblDiv {margin-top:12px;}

.tabList.floatingTab.on {position:fixed; top:0; left:0; z-index:10;}
.membershipGuideInfo {position:relative; display:table; width:calc(100% + 32px); min-height:120px; margin-left:-16px; background:#7d654d url(/resource/images/mo/membership/bg_img1.jpg) no-repeat center center; background-size:800px auto;}
.membershipGuideInfo:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.55;}
.membershipGuideInfo .inner {position:relative; z-index:1; display:table-cell; vertical-align:middle; width:100%; height:100%; padding:0 16px;}
.membershipGuideInfo .txt {padding-top:45px; margin:10px 0; background:url(/resource/images/mo/membership/bg_mark.png) no-repeat center top; background-size:38px 38px; font-size:12px; line-height:17px; color:#fff;}

.cardSelect {display:table; width:100%; margin-top:20px;}
.cardSelect + .cardSelect {margin-top:8px;}
.cardSelect:after {content:''; display:block; clear:both;}
.cardSelect li {position:relative; display:table-cell; padding:0 4px 0 0; width:50%;}
.cardSelect li:nth-child(even) {padding:0 0 0 4px;}
.cardSelect li .ele.on {padding:2% 3%;}
.cardSelect li .inner {position:relative; overflow:hidden;}
.cardSelect li .inner {
	border-radius:5px;
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.2);
	box-shadow: 0 5px 8px rgba(0,0,0,.2);
}
.cardSelect li .ele.on .inner {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.cardSelect .ele.on .inner:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; border-radius:5px;}
.cardSelect .ele.on .inner:after {content:''; position:absolute; top:50%; left:50%; z-index:1; width:22px; height:15px; margin:-7px 0 0 -11px; background:url(/resource/images/mo/common/icon/icon_check.png) no-repeat center center; background-size:22px 15px;}
.cardSelect li .inner label {display:block;}
.cardSelect li .inner label > img {width:100%;}
.cardSelect li .inner input[type="checkbox"] {display:none;}

/* 맴버십 등급 */
.membershipCardInfo {}
.membershipCardInfo .detail {overflow:hidden; padding:21px 0 6px 0;}
.membershipCardInfo .detail + .detail {padding-top:1px;}
.membershipCardInfo .detail .tit {float:left; min-width:55px; font-weight:bold; font-size:12px;}
.membershipCardInfo .detail .detailInfo {float:right;}
.membershipCardInfo .detail .detailInfo2 {float:left; font-size:12px; color:#333;}
.membershipCardInfo .detail .detailInfo2 .num {font-family:'Roboto'; font-weight:400; font-size:14px;}
.membershipCardInfo .detail .detailInfo3 {float:left; font-size:12px;}
.membershipCardInfo .detail .detailInfo3 .num {font-family:'Roboto'; font-weight:bold; font-size:14px; color:#9d836a;}
.membershipPromotion {position:relative; padding-top:25px; margin-top:20px;}
.membershipPromotion:before {content:''; position:absolute; top:0; left:-16px; width:calc(100% + 32px); height:7px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.membershipPromotion > strong {display:block; font-weight:bold; color:#333;}
.promotionList {padding-top:10px;}
.promotionList li + li {margin-top:8px;}
.promotionList li a {display:block;}

.pointGraph {position:relative; margin-top:15px;}
.pointGraph .pointGraphInfo {text-align:center; line-height:18px;}
.pointGraph .pointGraphInfo .colorName {position:absolute; top:3px; font-size:11px;}
.pointGraph .pointGraphInfo .colorName.left {left:0; color:#dc5b51;}
.pointGraph .pointGraphInfo .colorName.right {right:0;}
.pointGraph .pointGraphInfo .roboto {font-size:11px;}
.pointGraph .pointGraphInfo .pointColor {position:relative; top:1px; font-weight:bold; font-size:14px;}
.pointGraph.purple .pointGraphInfo .colorName.right, .pointGraph.purple .pointGraphInfo .roboto {color:#9c4ac7;}
.pointGraph.gold .pointGraphInfo .colorName.right, .pointGraph.gold .pointGraphInfo .roboto {color:#c69d5b;}
.pointGraphBar {position:relative; height:5px; margin:4px 0 10px 0; background:#f9f9f9; overflow:hidden; border-radius:5px;}
.pointGraphBar .bar {position:absolute; top:0; left:0; height:100%;}
.pointGraph.purple .pointGraphBar .bar {
	background: -moz-linear-gradient(left, #dc5b51 0%, #9c4ac7 100%);
	background: -webkit-linear-gradient(left, #dc5b51 0%,#9c4ac7 100%);
	background: linear-gradient(to right, #dc5b51 0%,#9c4ac7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc5b51', endColorstr='#9c4ac7',GradientType=1 );
}
.pointGraph.gold .pointGraphBar .bar {
	background: #dc5b51;
	background: -moz-linear-gradient(left, #dc5b51 0%, #c69d5b 100%);
	background: -webkit-linear-gradient(left, #dc5b51 0%,#c69d5b 100%);
	background: linear-gradient(to right, #dc5b51 0%,#c69d5b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc5b51', endColorstr='#c69d5b',GradientType=1 );
}

.cardGalleryWrap.membership .swiper-container {padding-bottom:20px; padding-right:16px;}
.cardGalleryWrap.membership .swiper-pagination {bottom:-5px;}
.signatureCardInfo {display:none;}
.signatureCardInfo.on {display:block;}


/* 맴버십 쿠폰 */
.membershipCont .selectDiv + .txt {padding-top:18px;}
.membershipCont .go {padding:5px 0 24px 0;}


/* 맴버십 혜택 */
.benefitList {}
.benefitList > li {position:relative; padding:13px 0 13px 40px; border-bottom:1px solid #e7e3e0;}
.benefitList > li > dl dt {padding-bottom:3px; font-size:12px; color:#9c836a;}
.benefitList > li > dl dd {color:#333;}
.benefitList > li > .txt {position:absolute; top:13px; right:0; font-size:11px; color:#999;}
.benefitList > li:before {content:''; position:absolute; top:50%; left:0; margin-top:-11px; width:22px; height:22px; background:url(/resource/images/mo/mypage/icon_membership.png) no-repeat; background-size:22px 198px;}
.benefitList > li.save:before {background-position:0 0;}
.benefitList > li.bene:before {background-position:0 -22px;}
.benefitList > li.point:before {background-position:0 -44px;}
.benefitList > li.room:before {background-position:0 -66px;}
.benefitList > li.fnb:before {background-position:0 -88px;}
.benefitList > li.park:before {background-position:0 -110px;}
.benefitList > li.bus:before {background-position:0 -132px;}
.benefitList > li.entertainment:before {background-position:0 -154px;}
.benefitList > li.fac:before {background-position:0 -176px;}

/* 맴버십 쿠폰 내역 */
.couponTotal {width:calc(100% + 32px); padding:12px 16px; margin-left:-16px; overflow:hidden; border-bottom:1px solid #e7e3e0;}

.couponTotal .couponName {float:left; font-weight:bold; color:#333; line-height:18px;}
.couponTotal .couponCount {float:right; line-height:18px;}
.couponHistory {margin-top:-10px;}
.couponHistory li {overflow:hidden; border-bottom:1px solid #e7e3e0;}
.couponHistory li .date {float:left; line-height:45px;}
.couponHistory li .rst {float:right; font-size:12px; color:#5d88de; line-height:45px;}


/* 쿠폰 */
.tblDiv.coupon {padding:28px 0 12px 0;}
.myCouponList .table.side2 table th {font-size:14px;}
/* 포인트 교환신청 쿠폰 */
.couponList.myPoint > li > a {display:block;position: relative;}
.couponList.myPoint > li .couponName {margin-bottom:26px;font-weight:bold;font-size:20px;color:#e66045;}
.couponList.myPoint > li .couponName:after {content:'';display:inline-block;width:13px;height:13px;margin-left:5px;background:url('/resource/images/mo/common/icon/icon_point_red1.png') no-repeat 0 0;background-size:13px 13px;}
.couponList.myPoint > li dd {font-size:12px;}
.couponList.myPoint > li dd strong {display:block;margin-bottom:2px;font-weight:normal;font-size:11px;color:#333;}
/* 20180907 ta9 수정 */
.couponList.couponBg li.listLi:after {content:''; position:absolute; top:0;left:0; display:inline-block; width:100%; height:100%;background:#ccc; opacity:0.6;}
/* 20180907 ta9 수정 // */
.coupon {position: relative;padding-right:32px;overflow:hidden;}
.coupon .bubble {position:absolute; top:50%; right:0; width:5px; height:70%; transform:translateY(-50%);background:url(/resource/images/mo/mypage/bg_coupon_small.png) repeat-y right top; background-size:5px 13px;}
.coupon:before {content:''; position:absolute; top:0; right:0; width:32px; height:100%; background:#f9f9f9; border:1px solid #e7e3e0; border-left:none; box-sizing:border-box;}
.coupon dl {position:relative; padding:12px 10px 16px; background:#fff; border:1px solid #e7e3e0; border-right:1px dashed #e7e3e0;}
.coupon dl:before {content:''; position:absolute; top:-6px; right:-7px; width:10px; height:10px; border:1px solid #e7e3e0; border-radius:50%; background:#fff;}
.coupon dl:after {content:''; position:absolute; bottom:-6px; right:-7px; width:10px; height:10px; border:1px solid #e7e3e0; border-radius:50%; background:#fff;}
.coupon.down dl {min-height:110px;background:url('/resource/images/mo/common/icon/icon_down.png') no-repeat 94% 15px;background-size:11px 15px;}
.couponList > li + li {margin-top:12px;}
.couponList > li .couponName {font-weight:bold; color:#333; line-height:18px;}
.couponList > li .barcodeAdd .couponName {padding-right:30px;}
.couponList .couponDetail .date {padding-top:3px; font-size:12px; color:#333; vertical-align:bottom;}
.couponList .couponDetail .date .roboto + .roboto {font-size:12px;}
.couponList .barcodeAdd .couponDetail .date {padding-right:75px;}
.couponList .couponDetail .date .day {padding-right:8px; font-size:14px;}
.couponList .couponDetail .sale {padding-top:12px; font-size:11px; color:#e66045;}
.couponList .couponDetail .txt {min-height:30px; padding-top:3px; font-size:12px; line-height:14px;}
.barcodeAdd + .btnBarcode {position:absolute; top:12px; right:38px; height:auto; border:none;}
.barcodeAdd + .btnBarcode:after {content:''; position:absolute; top:0; left:0; height:calc(100% - 3px); border-right:1px solid #e7e3e0;}
/* 20190605_버튼추가 */
.package_btn_add_m{padding-top:5px;}
/* 이용문의 */
.inquiryWrap {position:relative; padding-top:25px; margin-top:20px;}
.inquiryWrap:before {content:''; position:absolute; top:0; left:-16px; width:calc(100% + 32px); height:7px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.inquiryItem {position:relative; padding:17px 0 0 0; border-bottom:1px solid #e7e3e0;}
.inquiryItem:before {content:''; position:absolute; top:20px; right:9px; width:9px; height:6px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.inquiryItem.on:before {content:''; position:absolute; top:20px; right:9px; width:9px; height:6px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.inquiryItem.none {border-bottom:none;}
.inquiryItem .tit {position:relative; display:block; padding:0 0 8px 16px; font-size:12px;}
.inquiryItem .tit.on {color:#5d88de;}
.inquiryItem .tit:before {content:''; position:absolute; top:2px; left:0; width:10px; height:12px; background:url(/resource/images/mo/common/icon/icon_qa.png) no-repeat 0 0; background-size:10px 27px;}
.inquiryItem .btnUnderline {position:absolute; top:17px; right:35px;}
.inquiryItem dl {/* padding-right:27px; */}
.inquiryItem dl dt {color:#333; line-height:20px;}
.inquiryItem dl dt > span {display:block;}
.inquiryItem dl dt.on {width:100%; overflow:hidden; text-overflow:unset; white-space:unset;}
.inquiryItem dl .txt {display:none; padding-top:2px; font-size:12px; line-height:18px;}
.inquiryItem dl .txt .inquiryLocation {display:inline-block; padding:2px 7px 3px 7px; margin-top:17px; border:1px solid #e8e8e8; font-size:11px; color:#999;}
.inquiryItem .date {padding:4px 0 15px 0; font-size:12px; color:#999;}
.inquiryItem .answer {position:relative; top:0; left:-16px; display:none; width:calc(100% + 32px); padding:17px 16px; background:#f9f9f9;}
.inquiryItem .answer .inner {position:relative; padding:0 0 0 16px; color:#333; line-height:18px;}
.inquiryItem .answer .inner:before {content:''; position:absolute; top:2px; left:0; width:15px; height:12px; background:url(/resource/images/mo/common/icon/icon_qa.png) no-repeat 0 -14px; background-size:10px 27px;}
.inquiryItem .answer .inner .date {padding-bottom:0;}

/* 포인트 */
.pointCont {padding:20px 16px 0 16px;}
.pointTotal {padding:37px 0 36px 0; overflow:hidden;}
.pointTotal .pointName {float:left; font-weight:bold;}
.pointTotal .pointRst {float:right; font-weight:bold; font-size:20px; color:#9c836a;}
.headerSubWrap + #container > .pointTotal {padding-top:20px;}
.headerSubWrap + #container > .titleTxt {padding-top:15px;}

.tabDisplay {}
.tabDisplay ul {display:table; width:100%;}
.tabDisplay li {display:table-cell; width:1000px; height:70px; text-align:center; vertical-align:middle; border:1px solid #e7e3e0; border-left:none;}
.tabDisplay.ty3 li {width:33.3%;}
.tabDisplay.ty4 li {width:25%;}
.tabDisplay li button {position:relative; display:block; width:100%; height:70px; }
.tabDisplay li:first-child button {border-left:1px solid #e7e3e0;}
.tabDisplay li button.on:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #9c836a; box-sizing:border-box;}
.tabDisplay li .tit {display:table; width:100%; padding-bottom:1px; font-weight:normal; font-size:12px; color:#9c836a; line-height:15px;}
.tabDisplay li .tit .cell {display:table-cell; width:100%; height:32px; vertical-align:middle; font-weight:normal; font-size:12px;}
.tabDisplay li .red {font-family:'Roboto'; font-weight:bold; color:#9c836a;}
.tabDisplay li .red.pointMark {padding-right:16px;}
.tabDisplay li .red .num {display:inline-block; line-height:15px; font-family:'Roboto'; font-weight:bold; color:#9c836a; border-bottom:1px solid #9c836a;}
.tabDisplay li .red1 {color:#e66045}
.tabDisplay li .pointMark.red1 {background-image:url('/resource/images/mo/common/icon/icon_point_red1.png');}
.tabDisplay li:last-child {border:1px solid #e7e3e0; border-left:none;}

.pointDate {padding:8px 0;}
.pointDate .tblDiv .cellDiv {width:50%; padding-right:8px;}
.pointDate .tblDiv .cellDiv:nth-child(2) {position:relative; padding:0 0 0 8px;}
.pointDate .tblDiv .cellDiv:nth-child(2):before {content:'~'; position:absolute; top:0; left:-8px; width:16px; line-height:36px; text-align:center;}

.pointSearch {padding:20px 0 0 0;}
.pointSearch .radioBox + .radioBox {margin-left:11px;}

.pointHistoryWrap {}
.pointHistory {padding:24px 0 0 0;}
.pointHistory dt {font-family:'Roboto'; font-weight:bold; color:#333;}
.pointHistoryList > li {position:relative; padding:13px 0; border-bottom:1px solid #e7e3e0;}
.pointHistoryList > li .use {position:absolute; top:13px; right:0; font-size:12px;}
.pointHistoryList > li .date {padding:0 0 2px 0;font-size:12px; color:#333; line-height:16px;}
.pointHistoryList > li .detail {position:relative; padding-right:120px; line-height:18px;}
.pointHistoryList > li .detail .pointMark {position:absolute; top:3px; right:0;}
.pointHistoryList > li.ty1 .use {color:#9d836a;}
.pointHistoryList > li.ty1 .pointMark {color:#9c836a;}
.pointHistoryList > li.ty2 .use {color:#e66045;}
.pointHistoryList > li.ty2 .pointMark {color:#e66045;}
.pointHistoryList > li.ty3 .use {color:#999;}
.pointHistoryList > li.ty3 .pointMark {color:#999;}
.pointHistoryWrap .pointNone {padding:50px 0; text-align:center;}


.offerResult {position:relative; padding:25px 0 0 0;}
.offerResult:before {content:''; position:absolute; top:0; left:-16px; width:calc(100% + 32px); height:7px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.offerResult.none:before {content:none;}
.offerResult .offerResultTitle {padding-bottom:14px; font-weight:bold; color:#333;}
.offerResult > dd + dd {margin-top:12px;}

/* 예약 상품 정보 */
.offerItemInfo {position:relative; padding:10px 10px 0 10px; border:1px solid #e7e3e0;}
.offerItemInfo + .offerItemInfo {border-top:none;}
.offerItemInfo > dt {padding-right:60px;font-weight:bold; font-size:12px; color:#333;}
.offerItemInfo > dt .line {display:inline-block;width:100%;font-weight:bold; font-size:14px; color:#333; text-decoration:underline;}
.offerItemInfo > dt .line.none {text-decoration:none;}
.offerItemInfo > dt small {position:absolute; top:11px; right:10px; font-size:11px; color:#333;}
.offerItemInfo > dt small.ty1 {color:#333;}
.offerItemInfo > dt small.ty2, .offerItemInfo > dt small.cancel {color:#e66045;}
.offerItemInfo > dt small.ty3, .offerItemInfo > dt small.completion {color:#5d88de;}
.offerItemInfo > dt small.ty4 {color:#666;}
.offerItemInfo > dd {padding:4px 0 0 0;}
.offerItemInfo > dd .date {padding:0 0 6px 0; font-size:12px; color:#333;}
.offerItemInfo > dd .date .roboto {font-size:14px;}
.offerItemInfo > dd .price {padding-bottom:11px; font-size:12px;}
.offerItemInfo > dd .price .roboto {font-weight:bold; font-size:14px; color:#9c836a;}
.offerItemInfo > dd ul {}
.offerItemInfo > dd li {font-size:12px;}
.offerItemInfo > dd li .tit {color:#333;}
.offerItemInfo > dd li + li {padding-top:1px;}
.offerItemInfo .optionList {padding-bottom:16px}
.offerItemInfo .basicOption {display:table; width:100%; padding:0 0 15px 0;}
.offerItemInfo .basicOption > dt {display:table-cell; vertical-align:top; width:75px; padding-right:10px; font-size:12px; color:#9c836a; white-space:nowrap;}
.offerItemInfo .basicOption > dd {display:table-cell; vertical-align:top;}
.offerItemInfo .basicOption > dd li {font-size:12px;}
.offerItemInfo .basicOption > dd li + li {padding-top:1px;}

.resultPay {padding:14px 10px 12px 10px; background:#f9f9f9; overflow:hidden; border:1px solid #e9e5e2; border-top:none;}
.resultPay dt {float:left; font-weight:bold; font-size:12px;}
.resultPay dd {float:right; font-size:12px;}
.resultPay dd .roboto {font-weight:bold; font-size:14px; color:#9c836a;}
.resultPay + .offerItemInfo {border-top:none;}

.offerResult .offerPayment {padding:0 0 11px 0; border-bottom:1px solid #e8e4e2;}
.offerResult .offerPayment.noline {border-bottom:0 none;}
.offerResult .offerPayment dt {padding:0 0 5px 0; color:#333;}
.offerResult .offerPayment dd {display:table; width:100%;}
.offerResult .offerPayment dd .cardType {display:table-cell; vertical-align:middle; font-size:12px;}
.offerResult .offerPayment dd .rst {display:table-cell; vertical-align:middle; padding-left:10px; width:50px; text-align:right; white-space:nowrap; font-size:11px; color:#e66045;}
.offerItemInfo + .resultDisplay {margin-top:12px;}


/* DINE & DRINK */
.dineList {}
.dineList li {}
.dineList li + li {margin-top:12px;}
.dineList li > a {display:block;}
.dineList li .spOfferWrap {padding-top:0;}

.fineList {padding:15px 0 0 0; margin-top:-15px;}
.fineList > li {margin-top:15px; border:1px solid #e9e9e9;}
.fineList > li:last-child {margin-bottom:0;}
.fineList > li a {display:block;}
.fineList > li dl, .fineList > li .table {padding:0 16px;}
.fineList > li .txtContent dl > .tit {text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fineList li .btnBox {padding:12px;}

.bxWrap {position:relative; width:calc(100% + 32px); margin-left:-16px;}
.bxWrap.inSide {width:100%;margin-left:0;}
.fineSwipe {}
.fineSwipe .item {}
.fineSwipe .item > img {display:block; width:100%;}
.digitalReceipt .bxWrap .item > a {display:block;}
.digitalReceipt .bxWrap img {width:100%;}

.singleSwipe {}
.singleSwipe.bg {padding:27px 16px 48px 16px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.singleSwipe > .bxWrap {width:100%; margin:0;}
.singleSwipe .txt {padding:9px 0 0 0; font-size:12px; line-height:16px; text-align:left;}


.bxWrap + .detailTop {margin-top:15px;}
.detailTop {}
.detailTop > .title {font-weight:bold; font-size:20px; color:#333; line-height:24px; text-transform:uppercase;}
.detailTop > .subTitle {color:#333;}
.detailTop > .title + .subTitle {padding:4px 0 0 0;}
.detailTop > .subTitle + .detailDesc {padding:8px 0 0 0; color:#333; border:none;}
.detailTop > .desc {padding-top:5px; font-size:12px; color:#333; line-height:16px;}
.detailTop > .desc.color {padding:0 0 5px; color:#9c836a;}
.detailTop > .detailDesc {padding-top:5px; font-size:12px; line-height:16px; }
.detailTop > .desc + .detailDesc {margin-top:13px;padding-top:13px;border-top:1px solid #e7e3e0;}
.detailTop > .detailDesc * {font-size:12px; line-height:16px;}
.detailTop > .detailDesc br { display:none;}
.detailTop > .detailDesc .divi {display:block;height:10px;}
.detailTop > .detailDesc strong {display:block;color:#333;margin-top:10px;}
.detailTop > .detailDesc .smallText {margin-top:10px;}
.detailTop .title + .detailDesc {margin-top:0; border-top:none;}
.detailTop > .detailDesc + .btnGroup {margin-top:18px;}
.detailList {position:relative;}
.detailList .mtbLink {position: absolute; top:0px; right:0;color: #9c836a;text-decoration: underline;font-size: 13px;}
.detailList + .detailList {margin-top:31px;}
.detailList .title {position:relative;padding-bottom:10px; font-weight:bold; color:#111;}
.detailList .title .smallText {position:absolute;top:0;right:0;text-align:right;}
.detailList .dd {font-size:12px; line-height:16px;}
.detailList .btnMoreTxt {position:absolute; top:0; right:0;}
.detailList .btnMoreTxt.none {position:static;}

.fineEvent {width:calc(100% + 32px); padding:28px 0 32px 0; margin-left:-16px; background:#f9f9f9; border-top:1px solid #e7e3e0;}
.fineEvent .swiper-container {padding:0 16px;}
.fineEvent.single {padding:28px 0 36px 0; }
.fineEvent.single .fineEventCont {width:100%; text-align:center; font-size:0;}
.fineEvent.single .fineEventCont > a {display:inline-block; width:240px;}
.fineEvent .txtContent dl > .tit {padding-left:16px;}
.fineEvent .txtContent dl > .tit span {display:block;margin-top:5px;font-size:12px;color:#666;}
.fineEventCont {width:240px; background:#fff;}
.fineEventCont > a {display:block; width:240px; height:220px; overflow:hidden; border:1px solid #e3e3e3;}
.fineEventCont > a .thumb {display:block; width:100%;}
.fineEventCont > a .tit {display:block; padding:12px 12px 4px 12px; font-weight:bold; font-size:14px; color:#111; text-align:left;}
.fineEventCont > a .tit {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fineEventCont > a .desc {display:block; padding:0 12px; margin-bottom:13px; font-size:12px; line-height:16px; text-align:left;}
.fineEventCont > a .date{display: block; padding: 0 12px 4px; font-size: 12px; color: #333;}

.dineThumb {width:calc(100% + 32px); margin-left:-16px;}
.dineThumb > img {width:100%;}

.reservationTop {}
.reservationTop .title {display:block; padding:5px 0 10px 0; font-weight:bold; font-size:20px; color:#333;}
.reservationTop .place {}
.reservationTop .place .btnUnderline {font-size:14px;}
.reservationTop .place > span {margin-right:10px;}

.infoBox {padding:13px 16px 14px 16px; background:#f9f9f9; font-size:12px; line-height:16px; border-top:1px solid #e7e3e0;}
.infoBox + .reservationTop {margin-top:8px;}

.dlSlide.line {border-top:1px solid #e7e3e0;}
.dlSlide .title {position:relative; padding:12px 30px 14px 0; font-weight:bold; color:#333; border-bottom:1px solid #e7e3e0; line-height:18px;}
.dlSlide .title:after {content:''; position:absolute; top:50%; right:8px; width:9px; height:6px; margin-top:-3px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.dlSlide .title.on:after {background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.dlSlide .title.etc {border-bottom:none;}
.dlSlide .title.etc2 {font-size:12px; color:#666;}
.dlSlide .title.etc2 .date {display:block; padding-top:8px; font-size:11px; line-height:14px; color:#999;}
.dlSlide .title.etc2 + dd {width:calc(100% + 32px); padding:16px; margin-left:-16px; background:#f9f9f9; font-size:12px; line-height:16px;}
.dlSlide .title.etc2 + dd img {display:block; width:100%;}
.dlSlide .title.etc2 + dd img + img {margin-top:5px;}
.dlSlide .title.etc3.on {border-bottom:0 none;}
.dlSlide > dd {display:none; padding:4px 0 24px 0;}
.dlSlide > dd > .txtContent2:first-child {margin-top:8px;}
.dlSlide > dd > .list {margin-top:8px;}
.dlSlide > dd > .txtContent3 {padding-top:9px;}
.dlSlide > .title.radioBtn {display:block;padding-left:25px !important;font-weight:300 !important;border-bottom:1px solid #e7e3e0;}
.dlSlide > .title.radioBtn.on {border-bottom:none;}
.dlSlide > .title.radioBtn:before {top:12px;}

.dlSlide.etc {margin-top:5px;}
.dlSlide.etc > dd {padding-bottom:8px;}

.accordionWrap > .title {display:block;position:relative;}
.accordionWrap > .title:after {content:''; position:absolute; top:50%; right:8px; width:9px; height:6px; margin-top:-3px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.accordionWrap > .title.on:after {background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.accordionWrap > .accordionBox {display:none;}

dl.tbl {display:table;width:100%;table-layout:fixed;font-size:14px;}
dl.tbl:first-child {margin-top:8px;}
dl.tbl > dt {display:table-cell;width:75px;padding-right:6px;font-size:12px;vertical-align:top;}
dl.tbl > dd {display:table-cell;padding-left:6px;font-size:12px;vertical-align:top;}

.dlsingleSlide {}
.dlsingleSlide > .title {position:relative; padding:12px 24px 14px 0; font-weight:300; color:#666; border-bottom:1px solid #e7e3e0; line-height:18px;}
.dlsingleSlide > .title:after {content:''; position:absolute; top:18px; right:8px; width:9px; height:6px; margin-top:0; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.dlsingleSlide > .title.on:after {content:''; position:absolute; top:18px; right:8px; width:9px; height:6px; margin-top:0; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.dlsingleSlide > .title > span.tit {display:block; color:#9d836a;}
.dlsingleSlide > .title > span.txt {display:block; padding-top:1px; color:#666; text-transform:uppercase;}
.dlsingleSlide > dd {display:none; padding:0 0 28px 0;}
.dlsingleSlide > dd .txt {padding:13px 0 0 0; font-size:12px; line-height:16px;}
.dlsingleSlide > dd .txt + .btnWrap {margin-top:18px;}


.cardVisual {padding:12px 0 20px 0; text-align:center;}
.tabContent > .cardVisual {padding-top:24px;}

.membershipClass {}
.membershipClass .name {display:block; font-size:11px;}
.membershipClass .color {padding:0 0 2px 0; display:block; font-weight:bold; font-size:20px; line-height:24px;}
.membershipClass .subTitle {padding:2px 0 8px 0; color:#dc5b51;}
.membershipClass .subTxt {padding:3px 0 5px 0;font-size:11px; color:#999;}
.membershipClass .subTxt em {color:#e66045;font-size:11px;}
.membershipClass .subTxt2 {padding:3px 0 5px 0;font-size:12px;}
.membershipClass .desc {padding:13px 0 4px 0; margin-top:7px; font-size:12px; line-height:16px; border-top:1px solid #e7e3e0;}
.membershipClass .desc br {display:none;}
.membershipClass + .tblDiv {margin-top:22px;}
.membershipClass .subTitle + .table.side2 {}
.membershipClass .subTitle + .table.side2 table td {color:#666;}
.membershipClass .subTitle + .table.side2 table td .roboto {color:#9d836a;}
.membershipClass .subTxt2 + .table.side2 table td {color:#666;}
.membershipClass .subTxt2 + .table.side2 table td .roboto {color:#9d836a;}
.beforeBenefit {padding:23px 0 0 0; text-align:center;}

.membershipClass + .container .dlSlide .list li br {display:none;}

.casinoList {}
.casinoList li {position:relative; min-height:58px; padding:0 0 14px 60px; border-bottom:1px solid #e7e3e0;}
.casinoList li + li {margin-top:18px;}
.casinoList li .tit {display:block; padding:3px 0; font-weight:bold; font-size:12px;}
.casinoList li .desc {font-size:12px;}

.casinoList.step li {padding:0 18px 14px 60px;}
.casinoList.step li:after {content:''; position:absolute; top:8px; right:0; width:9px; height:6px; background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.casinoList.step li.on:after {background:url(/resource/images/mo/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.casinoList.step li .desc {display:none;}

.casinoList li:before {content:''; position:absolute; top:0; left:0; width:44px; height:44px;}
.casinoList.info li:before {background:url(/resource/images/mo/casino/casino_rules.png) no-repeat; background-size:44px 132px;}
.casinoList.info li.ty1:before {background-position:0 0;}
.casinoList.info li.ty2:before {background-position:0 -44px;}
.casinoList.info li.ty3:before {background-position:0 -88px;}
.casinoList.step li:before {background:url(/resource/images/mo/casino/casino_step.png) no-repeat; background-size:44px 220px;}
.casinoList.step li.ty1:before {background-position:0 0;}
.casinoList.step li.ty2:before {background-position:0 -44px;}
.casinoList.step li.ty3:before {background-position:0 -88px;}
.casinoList.step li.ty4:before {background-position:0 -132px;}
.casinoList.step li.ty5:before {background-position:0 -176px;}
.casinoList.etiquette li:before {background:url(/resource/images/mo/casino/casino_etiquette.png) no-repeat; background-size:44px 176px;}
.casinoList.etiquette li.ty1:before {background-position:0 0;}
.casinoList.etiquette li.ty2:before {background-position:0 -44px;}
.casinoList.etiquette li.ty3:before {background-position:0 -88px;}
.casinoList.etiquette li.ty4:before {background-position:0 -132px;}

/* .casinoGamePop {z-index:1000;}
.casinoGamePop .dimmedCont.etc {position: absolute;top:0;left:0;bottom:0;left:0;z-index:500;width:100%;height:100%;background:#fff;} */
.casinoGamePop .popContent {padding-bottom:20px;text-align:left;}
.casinoGamePop .popContent .colorBlack {margin-top:3px;}
.casinoGamePop .popContent .desc {margin-top:13px;padding-top:13px;border-top:1px solid #e7e3e0;font-size:12px;}

.casinoUseList {}
.casinoUseList li {position:relative; min-height:58px; padding:0 0 14px 60px; border-bottom:1px solid #e7e3e0;}
.casinoUseList li + li {margin-top:18px;}
.casinoUseList li .tit {display:block; padding:3px 0; font-weight:bold; font-size:12px;}
.casinoUseList li .desc {font-size:12px;}
.casinoUseList.step li {padding:0 18px 14px 60px;}
.casinoUseList.step li:after {content:''; position:absolute; top:8px; right:0; width:9px; height:6px; background:url(/resource/images/pc/casino/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
.casinoUseList.step li.on:after {background:url(/resource/images/pc/casino/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}
.casinoUseList.step li .desc {display:none;}
.casinoUseList li:before {content:''; position:absolute; top:0; left:0; width:44px; height:44px;}
.casinoUseList.info li:before {background:url(/resource/images/pc/casino/casino_rules.png) no-repeat; background-size:44px 132px;}
.casinoUseList.info li.ty1:before {background-position:0 0;}
.casinoUseList.info li.ty2:before {background-position:0 -44px;}
.casinoUseList.info li.ty3:before {background-position:0 -88px;}
.casinoUseList.step li:before {background:url(/resource/images/pc/casino/casino_step.png) no-repeat; background-size:44px 220px;}
.casinoUseList.step li.ty1:before {background-position:0 0;}
.casinoUseList.step li.ty2:before {background-position:0 -44px;}
.casinoUseList.step li.ty3:before {background-position:0 -88px;}
.casinoUseList.step li.ty4:before {background-position:0 -132px;}
.casinoUseList.step li.ty5:before {background-position:0 -176px;}
.casinoUseList.etiquette li:before {background:url(/resource/images/pc/casino/casino_etiquette.png) no-repeat; background-size:44px 176px;}
.casinoUseList.etiquette li.ty1:before {background-position:0 0;}
.casinoUseList.etiquette li.ty2:before {background-position:0 -44px;}
.casinoUseList.etiquette li.ty3:before {background-position:0 -88px;}
.casinoUseList.etiquette li.ty4:before {background-position:0 -132px;}

.gameInfo .step{/*display: inline-block;width: 20px;height: 20px;margin-top: -3px;vertical-align: middle;margin-right: 10px;border: 1px solid #9e866e;border-radius: 50%;line-height: 18px;font-size: 9px;color: #9e866e;text-align: center;*/
display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -3px;
    vertical-align: middle;
    margin-right: 10px;
    border: 1px solid #9e866e;
    border-radius: 50%;
    line-height: 26px;
    font-size: 19px;
    color: #9e866e;
    text-align: center;
}
.gameInfo dt{width:50px;}
.mapImg {width:calc(100% + 32px); margin-left:-16px;}

/* 채용 */
.recruitTbl {width:calc(100% + 32px);margin-left:-16px;padding:10px 16px;border-top:1px solid #e7e3e0;}
.recruitTbl th, .recruitTbl td {text-align:left;font-weight:300;color:#333;}

/* 약관 */
.agreement {background:#f9f9f9; border:1px solid #e7e3e0;}
.agreement .inner {padding:16px; height:100%; overflow:auto; font-size:12px; line-height:16px;}
.agreement *:not(.smallText, h2, h3) {font-size:12px; line-height:16px;}
.agreement .box {margin-bottom:20px;border:0 none;}
.agreement h2 {margin-bottom:8px;font-size:14px;color:#9c836a;}
.agreement h3 {margin-bottom:5px;font-size:12px;color:#333;}
.agreement * + h2, .agreement h2 {margin-top:15px;}
.agreement  *:not(h2) + h3 {margin-top:10px;}
.agreement ol, .agreement ul {margin-top:8px;}
.agreement h3 + ol, .agreement h3 + ul {margin-top:0;}
.agreement li + li {margin-top:5px;}
.agreement li > ol, .agreement li > ul {padding-left:5px;margin:3px 0;}
.agreement .smallText {line-height:1.2;margin-top:3px;}
.agreement .termListNum{margin-top: 3px;}
.agreement .termListNum > *{padding-left: 15px; text-indent: -15px; margin: 0 0 3px; line-height: 22px;}
.agreement .termListDash > *{position: relative; padding-left: 8px;}
.agreement .termListDash > *:before{content: '-'; display: block; position: absolute; top: 0; left: 0; margin: 0 3px 0 0; line-height: 20px; vertical-align: top;}
.agreement .termListNum .termListDash > *{padding-left: 0;}
.agreement .termListNum .termListDash > *:before{left: -9px;}
.agreement .termListHan > *{padding-left: 18px; text-indent: -18px;}
.agreement .tableTxt{display: table; margin-top: 3px;}
.agreement .tableTxt > *{display: table-cell; vertical-align: top; text-indent: 0;}
.agreement .tableTxt > *:first-of-type{padding: 0 3px 0 0; white-space: nowrap;}
.agreement  table{width: 100%; text-indent: 0; text-align: center; border: 1px solid #ccc; margin-top:10px; font-size: 13px;}
.agreement  table tr{border-bottom: 1px solid #ccc;}
.agreement  table th{font-weight:200; border-left: 1px solid #ccc; padding: 7px 5px;}
.agreement  table td{border-left: 1px solid #ccc; padding: 5px;}
.agreement a {display:inline-block; font-size:12px; color:#9c836a; text-decoration:underline;}
a.btnDownload {display:inline-block;position:relative;padding-left:25px;}
a.btnDownload:before { content:''; display:inline-block; width:15px; height:15px; margin-top:-2px; margin-right:8px; vertical-align:middle; background:url('/resource/images/pc/common/icon/icon_download.png') no-repeat;}
#layerContent > .agreement {height:calc(100% - 20px);}


/* 신청 완료 */
.complete {position:relative; display:table; width:100%; height:100%; padding-bottom:36px;}
#container .complete {height:450px;}
.complete .inner {display:table-cell; vertical-align:middle; padding-bottom:50px;}
.complete .txt {padding-top:60px; background:url(/resource/images/mo/common/icon/icon_complete.png) no-repeat center top; background-size:43px 43px;}
.complete .txt {text-align:center;}
.complete .txt strong {display:block;margin-bottom:10px;font-weight:bold;font-size:16px;}
.complete .footerBtn {bottom:36px;}


/* sbu */
.visualTop {width:calc(100% + 32px); margin-left:-16px;}
.visualTop .titleArea {position:relative;}
.visualTop .titleArea > img {width:100%;}
.visualTop .titleArea .txtArea {position:absolute; bottom:16px; left:16px; color:#fff;}
.visualTop .titleArea .txtArea .tit {font-weight:bold; font-size:20px; line-height:24px; text-shadow: 0px 0px 13px rgba(0,0,0,0.4); text-transform: uppercase;}
.visualTop .titleArea .txtArea .txt {position:relative; padding-top:6px; margin-top:8px; font-weight:bold; font-size:12px; line-height:16px; text-shadow: 0px 0px 13px rgba(0,0,0,0.6);}
.visualTop .titleArea .txtArea .txt:before {content:''; position:absolute; top:0; left:0; width:20px; border-bottom:1px solid #fff;}
.visualTop .titleArea .txtArea .txt > span{display: block; margin-top: 4px; line-height: 17.5px;}
.visualTop > .desc {padding:13px 16px 0 16px; font-size:12px; line-height:17.5px;}
.visualTop.casino > .desc {margin-top:33px;}

.visualTop + .swipeType1 {margin-top:30px;}

.jackpot {position:relative;width:calc(100% + 32px);margin:25px 0 0 -16px;text-align:center;}
.jackpot .bg {width:100%;}
.jackpot .inner {position:absolute;top:50%;left:0;width:100%;margin-top:-50px;text-align:center;}
.jackpot .cont {width:239px;margin:0 auto;z-index:1; color:#fff;}
.jackpot .cont > .tit {display:block; padding-bottom:9px; text-align:center; font-size:11px;color:#e7bd93;}
.jackpot .cont > .money {width:239px;height:25px;margin:0 auto;background:url('/resource/images/mo/casino/bg_amount_1.png') no-repeat 0 0;background-size:auto 25px;}
.jackpot .cont > .money .amount {display:block;font-size:20px;letter-spacing:8px;text-align:right;}

.casinoWrap .detailInfo h2 {font-weight:bold;font-size:14px;color:#333;}
.casinoWrap .detailInfo h2 + p {margin:5px 0 15px;font-size:12px;color:#666;}
.casinoWrap .txtContent dl > .tit span {display:block;margin-top:5px;font-size:12px;color:#666;}

.txtContent.casinoMember {padding:32px 0;}
.txtContent.casinoMember > dl > dd {margin-top:22px;}
.txtContent.casinoMember > dl > dd .tit {font-weight:300;font-size:12px;color:#9c836a;}
.txtContent.casinoMember > dl > dd .desc {font-size:14px;color:#333;}
.txtContent.casinoMember .casinoList.info li {padding-left:40px;}
.txtContent.casinoMember .casinoList.info li:before {top:50%;width:23px;height:23px;margin-top:-17px;background-image:url('/resource/images/mo/casino/casino_member.jpg');background-size:23px auto;}
.casinoList.info li.ty1:before {background-position:0 0;}
.casinoList.info li.ty2:before {background-position:0 -23px;}
.casinoList.info li.ty3:before {background-position:0 -46px;}
.casinoList.info li.ty4:before {background-position:0 -69px;}
.casinoList.info li.ty5:before {background-position:0 -92px;}

.casinoInfo.txtContent {width:calc(100% + 32px);padding:28px 16px 32px;margin-left:-16px;border-top:1px solid #e7e3e0;background:#f9f9f9;}
.casinoInfo > dl > dd > dl {margin-top:18px;}
.casinoInfo > dl > dd > dl dt {margin-bottom:5px;font-weight:bold;font-size:12px;color:#666;}
.casinoInfo > dl > dd > dl dd {position: relative;font-size:12px;line-height:18px;}
.casinoInfo > dl > dd > dl dd a.pointColor {position: absolute;top:0;right:0;text-decoration:underline;}

.FacilitiesList {overflow:hidden;margin:-3px 0 0 -3px;}
.FacilitiesList li {float:left; width:33.333%;padding-left:3px; margin-top:3px; }
.FacilitiesList li .inner {position:relative;display:block;height:115px;padding:70px 5px 15px; border:1px solid #e7e3e0;}
.FacilitiesList li .inner:before {content:''; position:absolute; top:15px; left:50%; margin-left:-22px; width:44px; height:44px; background:url(/resource/images/mo/casino/casino_facilities.jpg) no-repeat; background-size:44px auto;}
.FacilitiesList li.ty1 .inner:before {background-position:0 0;}
.FacilitiesList li.ty2 .inner:before {background-position:0 -44px;}
.FacilitiesList li.ty3 .inner:before {background-position:0 -88px;}
.FacilitiesList li.ty4 .inner:before {background-position:0 -132px;}
.FacilitiesList li.ty5 .inner:before {background-position:0 -176px;}
.FacilitiesList li.ty6 .inner:before {background-position:0 -220px;}
.FacilitiesList li .inner .count {display:block; font-weight:bold; font-size:14px; text-align:center;}
[lang="ja"] .FacilitiesList li .inner .count {word-break:break-all;}
.FacilitiesList li .inner .txt {display:block; padding:3px 0 0 0; font-size:11px; text-align:center;}

.bxWrap > .linkGroup {position:absolute; right:16px; bottom:34px; text-align:right;}
.bxWrap > .linkGroup > a {display:inline-block; margin-left:2px; padding:1px 8px; border:1px solid #fff; font-weight:500; font-size:12px; color:#fff;}
.bxWrap > .normalSwiper + .linkGroup {bottom:15px;}

/* dimmed layer popup */
.dimmedLayer {position:fixed; top:0; left:0;bottom:0;right:0; z-index:600; display:none; text-align:center; background-color:rgba(0, 0, 0, 0.6); overflow:auto;}
.dimmedLayer:before {content:''; display:inline-block; height:100%; text-align:center; vertical-align:middle;}
.dimmedCont {position:relative; left:-2px; /* transform:translateY(-50%); */display:inline-block; width:calc(100% - 32px);  padding:0 16px 40px 16px; background:#fff; vertical-align:middle;}
.dimmedCont11 {position:absolute;top:50%;left:0;transform:translateY(-50%);display:inline-block; width:calc(100% - 32px);  padding:0 16px 40px 16px; background:#fff;}
.dimmedCont .dimmedHeader {padding-bottom:20px; border-bottom:1px solid #e7e3e0;}
.dimmedCont .dimmedHeader .tit {display:block; padding:17px 0 93px 0; text-align:center; font-weight:bold; font-size:17px; color:#191919;}
.dimmedCont .dimmedHeader .tit {background:url(/resource/images/mo/common/logo_full.png) no-repeat center bottom; background-size:114px 59px;}
.dimmedCont .timeline {position:relative; padding:8px 0 20px 0; text-align:center; font-size:12px; color:#9c896b; line-height:22px;}
.dimmedCont .timeline .ty9 {position:absolute; top:8px; right:0;}
.dimmedCont .barcodeImg {}
.dimmedCont .barcodeImg img {width:37%;}

.dimmedCont.etc {width:calc(100% - 32px); padding:0 16px 20px 16px;}
.dimmedCont.etc .dimmedHeader {padding:0; border:none;}
.dimmedCont.etc .dimmedHeader .tit {padding:17px 0; background:none;}


/* dimmed layer popup */
.dimmedLayer2 {position:fixed; top:0; left:0;bottom:0;right:0; z-index:600; display:none; text-align:center; background-color:rgba(0, 0, 0, 0.6); overflow:auto;}
.dimmedLayer2:before {content:''; display:inline-block; height:100%; text-align:center; vertical-align:middle;}
.dimmedCont2 {position:relative; left:-2px; /* transform:translateY(-50%); */display:inline-block; width:calc(100% - 32px);  padding:0 16px 40px 16px; background:#fff; vertical-align:middle;}
.dimmedCont11 {position:absolute;top:50%;left:0;transform:translateY(-50%);display:inline-block; width:calc(100% - 32px);  padding:0 16px 40px 16px; background:#fff;}
.dimmedCont2 .dimmedHeader {padding-bottom:20px; border-bottom:1px solid #e7e3e0;}
.dimmedCont2 .dimmedHeader .tit {display:block; padding:17px 0 93px 0; text-align:center; font-weight:bold; font-size:17px; color:#191919;}
.dimmedCont2 .dimmedHeader .tit {background:url(/resource/images/mo/common/logo_full.png) no-repeat center bottom; background-size:114px 59px;}
.dimmedCont2 .timeline {position:relative; padding:8px 0 20px 0; text-align:center; font-size:12px; color:#9c896b; line-height:22px;}
.dimmedCont2 .timeline .ty9 {position:absolute; top:8px; right:0;}
.dimmedCont2 .barcodeImg {}
.dimmedCont2 .barcodeImg img {width:37%;}

.dimmedCont2.etc {width:calc(100% - 32px); padding:0 16px 20px 16px;}
.dimmedCont2.etc .dimmedHeader {padding:0; border:none;}
.dimmedCont2.etc .dimmedHeader .tit {padding:17px 0; background:none;}


/* gallery */
.swipeType1 {width:calc(100% + 32px); margin-left:-16px;}
.txtContent.swipeType1 {}
.swipeType1 + .swipeType1 {margin-top:30px;}
.swipeType1 .swiper-pagination {position:static; padding-left:8px;}
.swipeType1 .swiper-pagination .swiper-pagination-current {font-weight:bold;}
.swipeType1 .swiper-container {padding:0 16px;}
.swipeType1 .swiper-pagination {display:none;}
.swipeType1 .counter {padding-left:7px;}
.swipeType1 .counter .now {font-weight:bold;}
.swipeType1 > dl > .tit {padding:0 0 10px 16px;}
.swipeType1 > dl > .tit.bold { color:#333;}
.swipeType1.txtContent + .swipeType1.txtContent {padding-top:0;}

.swipeType2 {}
.swipeType2 .swiper-pagination {position:static; padding-left:8px;}
.swipeType2 .swiper-pagination .swiper-pagination-current {font-weight:bold;}
.swipeType2 .swiper-container {}
.swipeType2 .swiper-pagination {display:none;}
.swipeType2 .counter {padding-left:7px;}
.swipeType2 .counter .now {font-weight:bold;}
.swipeType2 > dl > .tit {padding-bottom:10px;}

.swipeType3 {}
.swipeType3 .swiper-pagination {position:static; display:block; padding-left:8px; font-size:0; text-align:center; }
.swipeType3 .swiper-pagination.swiper-pagination-fraction {margin-top:12px;}
.swipeType3 .swiper-pagination .swiper-pagination-current {font-weight:bold;}
.swipeType3 .swiper-container {}
.swipeType3 .counter {padding-left:7px;}
.swipeType3 .counter .now {font-weight:bold;}
.swipeType3 .swiper-slide {}
.swipeType3 .swiper-slide > img {width:100%;}
.swipeType3 > dl > .tit {padding-bottom:10px;}

.bullet {position:relative; top:-1px; display:block; font-size:0; text-align:center;}
.bullet > span {display:inline-block; width:5px; height:5px; margin:0 3px; background:#e7e1dc; border-radius:50%;}
.bullet > span.on {position:relative; top:1px; width:7px; height:7px; background:#9d836a;}

.galleryInner {}
.galleryInner.etc {padding:0 12px 10px;}
.galleryInner > img {width:100%;}
.galleryInner.etc > img {width:calc(100% + 24px); margin-left:-12px;}
.galleryInner .tit {display:block; font-weight:bold; color:#111; line-height:18px;}
.galleryInner .date {display:block; padding:2px 0 6px 0; font-size:12px; color:#333;}
.galleryInner .desc {font-size:12px; line-height:16px; color:#666;}
.galleryInner.etc .desc {font-size:12px; line-height:16px;}
.galleryInner > img + .tit {padding:12px 0 0 0;}
.galleryInner > .tit + .desc {padding:7px 0 0 0;}
.galleryInner > .tit + .desc.dot {padding:0; margin-top:7px;}
.galleryInner > .tit + .list {padding:8px 0 12px 0;}
.galleryInner > .desc + .list {padding:7px 0 12px 0;}
.galleryInner > .desc.dot {height:32px;}
.galleryInner.etc2 {}
.galleryInner.etc2 .desc {padding:12px 0 0 0; color:#333;}

.Type1 .swiper-slide {width:240px; border:1px solid #e6e6e6;}
.Type1 .swiper-slide .thumb {height:135px;}
.Type1.etc .swiper-slide {border:none;}
.Type1.full .swiper-slide {width:100%}
.swiper-slide.inBtn {position:relative;box-sizing:border-box;}
.swiper-slide.inBtn .itemDetail {padding-bottom:64px;}
.swiper-slide.inBtn .itemBtnWrap {position:absolute;bottom:0;left:0;width:100%;}

.swiper-slide > a {display:block;}
.txtContent.swipeType1 .btnMoreTxt {top:0; right:16px;}

h2.title{margin-bottom: 3px; font-size: 14px; font-weight: bold; color: #111;}
h3.smallTitle{color: #9c836a; margin: 15px 0 0; font-size: 12px; font-weight: 350;}
p.descText{font-size: 12px; line-height: 18px;}
div.divTop{border-top: 1px solid #e7e3e0;}
div.divBtm{padding-bottom: 20px; border-bottom: 1px solid #e7e3e0;}
img.fullImg{display: block; width: 100%;}
a.rightBtn{position: absolute; top: 2px; right: 0;}
.fullBox{position: relative; width: calc(100% + 32px); margin-left: -16px; padding: 0 16px;}
.fullBox.bg{padding-top: 25px; background-color: #f9f9f9;}
.fullBox.bg .rightBtn{top: 27px; right: 16px;}
.imgSlide .txtArea{width: 100%;}
.bx-wrapper + h2.title {margin-top:11px;}
.normalSwiper + h2.title {margin-top:13px;}

.fileDown{margin-top: 23px; padding: 15px 16px 20px; background-color: #f9f9f9;}
.fileDown > span{display: block; margin-top: 10px;}
.fileDown > span > .btn{margin: 0 3px 0 0;}

.itemList {margin: 0 -4px; font-size: 0; border: 0;}
.itemList > li{display: inline-block; vertical-align: top; width: 50%; padding: 15px 4px 0; font-size: 12px;}
.itemList > li img {width:100%;}
.itemList > li img.thumb {border:1px solid #e7e3e0;}
.itemList > li .tit{padding: 10px 0 5px; font-weight: bold; color: #333;}
.itemList > li .tit > span{display: block; color: #666; font-weight: normal; line-height: 17.5px;}
.itemList > li .desc{color: #666; line-height: 17.5px;}
.itemList > li .price{margin: 3px 0 0; color: #9c836a; font-size: 14px; font-weight: bold;}
.itemList > li .price > span{display: inline-block; font-size: 12px; line-height: 19px; vertical-align: top;}

.itemList2 > li{display: table; width: 100%;}
.itemList2 > li + li{padding: 16px 0 0;}
.itemList2 > li > a{display: table; width: 100%;}
.itemList2 .img{display: table-cell; vertical-align: top; width: 116px;}
.itemList2 .img > img{width: 100%;}
.itemList2 .txtArea{display: table-cell; vertical-align: top; padding:  0 0 0 12px;}
.itemList2 .txtArea > *{display: block; width: 100%; line-height: 1;}
.itemList2 .txtArea > .title{margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #000;}
.itemList2 .txtArea > .sub{margin-bottom: 11px; font-size: 12px; color: #9c836a;}
.itemList2 .txtArea > .desc{font-size: 12px;}

.itemList3 {}
.itemList3 > li {padding:16px 0; display:table; width:100%; table-layout:fixed; border-bottom:1px solid #e7e3e0;}
.itemList3 > li .thumb {display:table-cell; width:72px; vertical-align:top;}
.itemList3 > li .thumb > img {width:100%;}
.itemList3 > li .cont {display:table-cell; padding-left:12px; vertical-align:middle;}
.itemList3 > li .cont dl dt {padding-bottom:1px; margin-top:-4px; font-weight:bold; font-size:12px;}
.itemList3 > li .cont dl dd {font-size:11px; line-height:16px;}
.itemList3 > li .cont dl + .moreDiv {padding-top:8px;}

.itemList4 {}
.itemList4 > li {position:relative; padding:13px 40px 13px 0; border-bottom:1px solid #e9e5e2;}
.itemList4 > li dl dt {font-weight:bold; padding-bottom:3px; font-size:12px; line-height:16px;}
.itemList4 > li dl dd {}
.itemList4 > li .del {position:absolute; top:50%; right:0; width:22px; height:22px; margin-top:-11px; border:1px solid #e8e4e1; border-radius:50%; text-indent:-9999px;}
.itemList4 > li .del:after {content:''; position:absolute; top:5px; right:5px; display:inline-block; width:10px; height:10px; background:url(/resource/images/mo/common/btn/btn_x.png) no-repeat right bottom; background-size:100%;}

.itemList5 {}
.itemList5 li {}
.itemList5 li + li {margin-top:27px;}
.subMainVisual + .desc + .itemList5 {margin-top:33px;}
.itemList5 + .singleSlide {margin-top:33px;}

.itemList6 {}
.itemList6 > li + li {margin-top:16px;}
.itemList6 > li > dl > dt {font-size:12px; line-height:14px;}
.itemList6 > li > dl > dd {padding-top:5px; font-size:11px; color:#999; line-height:14px;}

.timeTable .side3 table tbody tr > *{vertical-align: top; padding: 2px 0; line-height: 17px;}
.timeTable .side3 table tbody tr > * > span{vertical-align: top; line-height: 17px;}
.timeTable .side3 table tbody th{padding-right: 10px;}
.timeTable .side3 table tbody th > span{display: inline-block; width: 22px;}
.timeTable .side3 table tbody td > span{display: block; line-height: 15px; padding: 1px 0 3px;}

.indentList{margin: 8px 0 0;}
.indentList > span{display: block; padding: 0 0 2px 15px; text-indent: -15px; font-size: 12px;  line-height: 17px;}

.btnGroup {}
.btnGroup > a {margin:12px 3px 0 0;}
.btnGroup > a:last-child{margin:12px 0 0 0; background-color: #9c836a; color: #fff;}

.imgBox{position: relative;}
.imgBox .txtBox {padding:0 12px 10px;}
.imgBox .btnMoreTxt{position: absolute; top: 2px; right: 0;}
.imgBox .txt {padding-bottom: 14px; font-size:12px;}
.imgBox h2.title{margin: 0 0 16px;}
.imgBox h3.subtitle{font-weight: bold; font-size: 14px; color: #111; margin: 0 0 10px;}
.imgBox .date.btm {position:absolute;bottom:10px;left:12px;}
.imgBox > .fullImg{display: block; margin: 0 0 15px;}

/* 할인쿠폰 */
.benefitsWrap .visual{position: relative;}
.benefitsWrap .visual .textArea{position: absolute; bottom:15px; left: 0; width: 100%;}
.benefitsWrap .visual .textArea > *{color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.benefitsWrap .visual p{font-size: 20px; line-height: 24px; font-weight: bold;}
.event135 {margin-top:15p;padding:15px 12px;border:1px solid #e8e4e1;background:#f9f9f9;}
.event135 > .txt {font-size:12px;color:#333;}
.event135 > .txt a {display:inline-block;padding:0 5px;text-decoration:underline;color:#9c836a;}
.event135 > .txt span {color:#9c836a;}
.event135 > .txt em {color:#e66045;}
.event135 > .event135Cont {position:relative;margin-top:15px;padding:16px 0 0 62px;border-top:1px solid #e8e4e1;}
.event135Cont > ol {position:absolute;top:36px;left:0;width:37px;}
.event135Cont > ol > li + li {padding-top:94px;background:url('/resource/images/mo/util/bg_dot.png') repeat-y 50% 0;background-size:4px auto;}
.event135Cont > ol > li + li.on {background-image:url('/resource/images/mo/util/bg_line.png');}
.event135Cont > ol > li span {display:block;width:37px;height:37px;border-radius:50%;overflow:hidden;font-weight:normal;font-size:11px;color:#fff;line-height:37px;text-align:center;background:#d0d0d0;}
.event135Cont > ol > li.on span {background:#9c836a;}
.event135Cont > .mypagecoupon > li:not(.coupon) {display:table-cell;height:76px;padding:22px 26px 22px 10px;font-size:11px;color:#666;line-height:16px;vertical-align:middle;}
.mypagecoupon > li + li {margin-top:50px;}
.mypagecoupon .coupon * {font-weight:normal;color:#999;}
.mypagecoupon .coupon dl {min-height:75px;padding:8px 14px;background:#fff;}
.mypagecoupon .coupon dt {margin-bottom:5px;font-size:12px;}
.mypagecoupon .coupon dd p {font-size:11px;}
.mypagecoupon .coupon dd .casy {font-size:18px;font-weight:bold;}
.mypagecoupon .coupon dd .casy em {font-size:12px;}
.mypagecoupon .coupon.on dt {color:#9c836a;}
.mypagecoupon .coupon.on dd p {color:#333;}
.mypagecoupon .coupon.on dd .casy {color:#e66045;}
.mypagecoupon .coupon.on dd .casy * {color:#e66045;}
.mypagecoupon .coupon.on dl {background: url(/resource/images/mo/common/icon/icon_down.png) #fff no-repeat 94% 15px;background-size: 11px 15px;}
.mypagecoupon .coupon dl:before, .mypagecoupon .coupon dl:after {background:#f9f9f9;}
.mypagecoupon .coupon .bubble {background-image:url('/resource/images/mo/mypage/bg_coupon_small1.png');}
.myCoupon.couponList .couponName {margin-bottom:12px;font-weight:bold;font-size:16px;color:#333;}
.myCoupon.couponList .couponName * {color:#e66045;}
.myCoupon.couponList .couponName em {font-weight:normal;font-size:12px;}
.myCoupon.couponList dd .txt {min-height:55px;padding-bottom:10px;font-weight:200;font-size:11px;color:#9c836a;}
.myCoupon.couponList dd .txt strong {display:block;margin-bottom:5px;font-weight:normal;font-size:12px;color:#666;}

/*About Us*/
.aboutUs > section + section{padding: 32px 0 0;}
.aboutUs > section > img{display: block; width: 100%;}
.aboutUs > section > img.logo{position: relative; border: 1px solid #a8927e;}
.aboutUs > section p.title{margin: 15px 0 8px; font-size: 14px; line-height: 18px; font-weight: bold; color: #000;}
.aboutUs > section p.desc{font-size: 12px; line-height: 18px;}
.aboutUs .visual{position: relative;}
.aboutUs .visual .textArea{position: absolute; left: 0; width: 100%;}
.aboutUs .visual .textArea > *{color: #fff; text-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.aboutUs .visual.top .textArea{bottom: 0; padding-bottom: 16px;}
.aboutUs .visual.top p{font-size: 20px; line-height: 24px; font-weight: bold;}
.aboutUs .visual.top p:after{content: ''; display: block; height: 1px; width: 20px; margin-top: 10px; background-color: #fff;}
.aboutUs .visual.top span{display: block; font-weight: bold;}
.aboutUs .visual.btm{margin-bottom: -20px;}
.aboutUs .visual.btm .textArea{top: 50%; margin-top: -60px; text-align: center;}
.aboutUs .visual.btm .textArea > img{display: block; width: 126px; margin: 8px auto 0;}
.aboutUs .visual.btm p{text-align: center; font-size: 12px; line-height: 18px;}
.aboutUs .visual.btm p:before{content: ''; display: block; height: 1px; width: 16px; margin: 0 auto 10px; background-color: #fff;}
.aboutUs .visual + p.desc{margin-top: 13px;}
.aboutUs > p.titleTxt > span > br{display: block;}
.aboutUs > .topArea{margin: 25px 0 -55px;}
.roomList .galleryInner .tit{font-size: 14px; line-height: 18px;}
.fineEvent.btm{padding-top: 30px; margin-bottom: -20px; background-color: #f9f9f9; border-top: 1px solid #e7e3e0;}

	/* 연혁 */
	.historyWrap dl:first-child {padding-top:20px;}
	.historyWrap dl > dt {font-weight:bold;color:#333;}
	.historyWrap dl > dt + dd {margin-top:5px;}
	.historyWrap dd p {position:relative;padding-left:20px;font-size:12px;}
	.historyWrap dd .month {position: absolute;top:0;left:0;width:20px;}
	.historyWrap dd p + p {margin-top:5px;}
	.historyWrap dl + dl {margin-top:25px;}
	
	/* 파라다이스웨이 */
	.paraWayWrap .box {margin-top:24px;padding:13px 20px;border:1px solid #ab9683;text-align:center;background:#fff;}
	.paraWayWrap .box .icon {display:block;margin:0 auto;width:60px;height:60px;background:url('/resource/images/mo/footer/icon_para_way.jpg') no-repeat center 0;background-size:60px auto;}
	.paraWayWrap .box .icon.ty2 {background-position-y:-60px;}
	.paraWayWrap .box .icon.ty3 {background-position-y:-120px;}
	.paraWayWrap .box .icon.ty4 {background-position-y:-180px;}
	.paraWayWrap .box p {margin-top:5px;font-weight:200;font-size:10px;}
	.paraWayWrap .box strong {display:block;margin-bottom:3px;font-weight:bold;font-size:12px;color:#333;}
	.paraWayWrap .detailTop .title {font-size:14px;line-height:18px;}
	.paraWayWrap .detailTop .detailDesc {margin-top:15px;padding-top:0;border-top:0 none;}
	.paraWayWrap .detailTop .detailDesc strong {display:block;font-weight:bold;color:#9c836a;}
	.paraWayWrap .detailTop .detailDesc span {display:block;margin-top:5px;color:#333;}
	.paraWayWrap .detailTop .detailDesc + .detailDesc {margin-top:20px;}

@media screen and (max-width:740px){
	.aboutUs > .tabList > li:nth-child(1) {width:100px;}
}

/*convention*/
.convention .tabList > li .tit{font-size: 12px; line-height: 14px;}
.convention h2{font-weight: bold; color: #111; font-size: 14px;}
.convention p.desc{font-size: 12px; line-height: 18px;}
.convention .listBar > li{margin-bottom: 2px;}
.convention .table.side a.btnMoreTxt{float: right; margin-top: 1px; vertical-align: top;}
.convention .txtContent2{padding-bottom: 8px;}
.convention .txtContent2 > .tit{font-size: 12px; color: #333; font-weight: bold; margin: 10px 0 7px;}
.convention .venue .item{padding-bottom: 20px;}
.convention .venue .title{position: relative; margin: 12px 0 10px; font-size: 14px; color: #000; font-weight: bold;}
.convention .venue .title > a.btnMoreTxt{top: 2px;}
.convention .venue .sub{font-size: 12px; line-height: 18px;}
.convention .party h2{color: #333; margin: 10px 0 6px;}
.conventionSlide h3.subtitle{margin: 10px 0 0;}

.table.full {width:calc(100% + 32px);margin-left:-16px;}
.table > table + p.addTxt{margin: 7px 0 0; font-size: 11px; text-align: right; color: #999; line-height: 13px;}

.fineEvent.none{border-top: none; background-color: unset;}
.video{position: relative;}
.video a{position: relative; display: block;}
.video a:after{content: ''; position: absolute; top: 50%; left: 50%; width: 43px; height: 43px; margin: -21.5px 0 0 -21.5px; background: url(/resource/images/mo/common/btn/btn_play.png); background-size: 43px 43px;}
.video iframe {width:100%; height:100%;}

/*VR 준비중 팝업*/
body.fix{overflow: hidden;} /*스크롤방지*/
.layerWrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.layerWrap > .mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .6;}
.layerWrap > .layerBox{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background-color: #fff; text-align: center; }
.layerBox > .closeLayer{position: absolute; top: 0; left: 0; width: 57px; height: 57px; background:url(/resource/images/mo/common/btn/btn_layerclose.gif) center no-repeat; background-size: 15px auto; text-indent: -99999px;}
.layerBox p.title{padding: 0 0 20px; font-size: 17px; font-weight: bold; line-height: 1; color: #191919;}
.layerBox .mark{display: block; margin: 19px auto 20px; width: 43px;}
.layerBox .mark > img{width: 100%;}
.layerBox .waitTxt{font-size: 14px; color: #111; font-weight: bold;}
.layerBox .waitTxt > span{display: block; margin: 10px 0 0; font-size: 12px; color: #e66045;}
.layerBox .btmBtn{margin-top: 30px;}
.layerVR > .layerBox{width: 288px;}

/*activity*/
.activityList li + li{margin: 26px 0 0;}
.activityList li > a{display: block;}
.activityList .img{position: relative;}
.activityList .img > img{width: 100%;}
.activityList .txt{margin: 13px 0 0;}
.activityList .txt > strong{font-size: 14px; font-weight: bold; color: #111;}
.activityList .txt > .sub{display: block; margin: 7px 0 0; font-size: 12px; color: #111; line-height: 17px;}
.activityList .txt > .descText {margin: 6px 0 0;}
.activityList .txt > .descText + .table.side {margin-top:6px;}
.activityWrap { margin-top:60px;}
.activityWrap > .fullWidth > img{width: 100%;}
.activityWrap > h2{margin: 13px 0 5px; font-size: 20px; color: #333; font-weight: bold;}
.activityWrap > h2 > span{display: block; margin: 2px 0 0; font-size: 12px; color: #111; line-height: 17px;}
.activityWrap > .imgSource{margin: 10px 0 0; font-size: 11px; color: #999}
.activityWrap > .container{margin: 20px 0 0; padding: 26px 16px 40px;}
.activityWrap > .container > .imgSource {width:calc(100% + 32px);margin:20px 0 -40px -16px;padding:10px 16px;font-size:11px;color:#999;background:#f9f9f9;}
.activityWrap .info a{color: #666;}
.activityWrap .info > dt{margin: 0 0 8px; font-size: 14px; font-weight: bold; color: #111; line-height: 1;}
.activityWrap .info > dd{font-size: 12px; color: #666; line-height: 18px;}
.activityWrap .info > dd p + p {margin-top:8px;}
.activityWrap .info > dd .img img {width:100%;}
.activityWrap .info > dd + dt{margin-top: 30px;}
.activityWrap .info table + ul.list {margin: 17.5px 0 0;}
.activityWrap .info table + ul.list > li {margin: 0 0 2px;}
.activityWrap .detail{margin: 0 0 4px; text-align: left; font-size: 12px; line-height: 18px;}
.activityWrap .detail th{font-weight: normal; white-space: nowrap; vertical-align: top; padding: 0 0 3px;}
.activityWrap .detail td{vertical-align: top; padding: 0 0 3px 10px;}
.activityWrap .detail.type2{margin: 12px 0 0;}
.activityWrap .detail.type2 th{width: 28px; color: #9c836a; padding-bottom: 4px;}
.activityWrap .detail.type2 td{padding-bottom: 4px;}
/* .activityWrap .table table th {padding-top: 0;} */

.titleTxt + .artmapWrap {margin-top:25px;}
.subTitle + .artmapWrap {margin-top:13px;}
.subTitle {}

.youtubeFrame {position: absolute;top:50%;left:0;width:100%;transform:translate(0,-50%);}
.youtubeFrame iframe {width:100%; height:auto;}

.mapArea {width:calc(100% + 32px);  margin-left:-16px;}
.mapArea #map {height:180px;}
.mapTitle {}
.mapTitle .txt {padding:13px 0 7px 0;}
.mapTitle .small {font-size:11px; color:#999; line-height:14px;}
.mapTitle + .tblDiv {margin-top:18px;}
.mapTitle + .tblDiv + .tabSubListWrap {margin-top:20px;}

/* 오시는길 */
.mapRoot dl + dl {margin-top:20px;}
.mapRoot dl dt {font-weight:bold;color:#9c836a;}
.mapRoot dl dd {font-size:12px;}
.mapRoot dl dd br {display:none;}
.mapRoot dl dd > strong {display:block;margin:5px 0 8px;font-weight:normal;color:#333;}
.mapRoot dl dd > strong img {display:inline-block;width:14px;height:auto;margin:0 3px;}
.mapRoot dl dd > em, .mapRoot ul > li > em {color:#e66045;}
.mapRoot dl dd > span {display:block;margin:10px 0 5px;font-weight:bold;}
.mapRoot dl dd > p span {display:inline-block;position: relative;}
.mapRoot dl dd > p span + span {margin-left:5px;padding-left:6px;}
.mapRoot dl dd > p span + span:before {content:'';position: absolute;top:50%;left:0;width:1px;height:10px;margin-top:-4px;background:#9c836a;}

/* 층별안내 */
.floorMap > .title {margin-top:15px;font-weight:bold;font-size:20px;color:#9d836a;}
.floorMap > .desc {margin:6px 0 4px;}
.floorMap > .small {font-size:11px;color:#999;line-height:19px;}
.floorMap .left {display:inline-block;width:5px;height:9px;margin:4px 3px 4px 0;overflow:hidden;text-indent:-99999px;vertical-align:bottom;background:url('/resource/images/mo/common/icon/icon_floor.png') no-repeat 0 0;background-size:16px auto;}
.floorMap .right {display:inline-block;width:5px;height:9px;margin:4px 0 4px 3px;overflow:hidden;text-indent:-99999px;vertical-align:bottom;background:url('/resource/images/mo/common/icon/icon_floor.png') no-repeat 100% 0;background-size:16px auto;}
.floorMap .floor .left, .floorMap .floor .right {background-position-y:-9px;}
.floorMap .dlsingleSlide > .title.on {border-bottom:0 none;}
.floorMap .content {padding:0 11px;margin-bottom:15px;border:1px solid #e7e3e0;}
.floorMap .content dl {display:table;width:100%;table-layout:fixed;}
.floorMap .content dl + dl {border-top:1px solid #e7e3e0;}
.floorMap .content dt.floor {display:table-cell;width:50px;padding:18px 11px;font-weight:bold;line-height:19px;color:#9d836a;vertical-align:top;text-align:center;}
.floorMap .content dt.floor.arrow {padding-left:0;padding-right:0;}
.floorMap .content dd {display:table-cell;padding:18px 0 18px 15px;}
.floorMap .content .smallText {margin-top:3px;}



.layerInnerCont {display:none;position: fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
.layerInnerCont.on {display:block;}

.loading {position:fixed; top:0; right:0; bottom:0; left:0; z-index:999;}
.loading > .inner {position:absolute; top:0; left:0; width:100%; height:100%; background:#1e1c19; opacity:0.9;}
.loading >  img {position:fixed; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px;}

.drawingwrap {width:calc(100% + 32px); margin-left:-16px; padding:10px 0;}
.drawingwrap img {display:block; width:100%;}
.drawingwrap img + img {margin-top:8px;}

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



/* 20180919 /front/faq */
.serviceWrap .btn.ty9 {color:#666666;    border: 1px solid #666666;}

/* p-city 맵 화면 하단 버튼 박스 가림 처리 안정화 이후 삭제 */
.sortingCont > .dlsingleSlide .btnWrap {display:block;}

/* 20180917 /cimer/operation */
.table.side table th.dotHourTh {display: inline-block;width: 20px;}
.table.side table .tableSpan {color:#666666;}
.table.side table .dotDateWrap ul.dotDate {margin-left: -76px;}
.table.side table .dotDateWrap ul.dotDate2 {margin-left:-46px;}
.table.side table .dotDateWrap ul.dotDateFac2 {margin-left:-46px;}
.table.side table .dotDateWrap ul.dotDate li{position:relative;padding-left:10px;}
.table.side table .dotDateWrap ul.dotDate li:before {content:''; display:block; position:absolute; left:0; top:9px; width:2px; height:2px;background:#898989;vertical-align:top;}

.table.side table .dotDateWrap ul.dotDate .dotDateInner {float:right; padding-right:30px;}

div.table .tableRemarks {display:block; position:relative; text-align:left; padding-left: 10px;}
div.table .tableRemarks:before {content:''; position:absolute;left:0;top:9px;display:block;width:2px;height:2px;background:#898989;border-radius: 50%; vertical-align:top;}
.table table td .tableFee {display:block;}
@media screen and (max-width:350px){
}

/* 웨딩 overview */
.movieVisual {position: relative;width:calc(100% + 32px);margin:0 0 15px -16px;overflow:hidden;}
.movieVisual .movieStar img {width:100%;}
.movieVisual video {position: absolute;top:50%;left:0;width:100%;height:auto;transform: translateY(-50%);}

/*약관*/
.agreement {line-height: 1.5;}
.agreement ul li > ul{margin: 3px 0 5px;}
.agreement .title1{margin: 15px 0 5px;}
.agreement .title1:first-of-type{margin-top: 0;}
.agreement .subDesc{display: block; margin: 2px 0; text-indent: 0; font-weight: 200;}
.agreement .addTxt{display: block;}
.agreement .termListNum .addTxt{text-indent: -8px;}
.agreement .termListNum{margin-top: 3px;}
.agreement .termListNum > *{padding-left: 13px; text-indent: -13px; margin: 0 0 3px;}
.agreement .termListDash > *{position: relative; padding-left: 8px;}
.agreement .termListDash > *:before{content: '-'; display: block; position: absolute; top: 0; left: 0; margin: 0 3px 0 0; vertical-align: top;}
.agreement .termListNum .termListDash > *{padding-left: 0;}
.agreement .termListNum .termListDash > *:before{left: -9px;}
.agreement .termListHan > *{padding-left: 18px; text-indent: -18px;}
.agreement .tableTxt{margin-top: 3px;}
.agreement .tableTxt > *{display: block; vertical-align: top; text-indent: 0; font-weight: 200;}
.agreement .tableTxt > *:first-of-type{padding: 0 7px 0 0;}
.agreement	table{width: 100%; text-indent: 0; text-align: center; border: 1px solid #ccc; margin: 10px 0 15px;}
.agreement  table tr{border-bottom: 1px solid #ccc;}
.agreement  table th{font-weight: normal; border-left: 1px solid #ccc; padding: 7px 5px;}
.agreement  table td{border-left: 1px solid #ccc; padding: 7px 5px;}
.agreement	.inner	table{font-size: 11px; word-break: break-word;}
	
.dotList > *{ position:relative; padding-left: 12px;}
.dotList > *:before{display:block;content: '';position:absolute;top:9px;left:0;width: 2px;height: 2px;background-color: #898989;vertical-align: top;}

.eventDetailWrap{width: 100%;padding-top:15px;}
.eventDetailWrap strong, .eventDetailWrap b {font-weight:bold;}
.eventDetailWrap img {width:100%;/* display:block;width:calc(100% + 32px);margin-left:-16px;margin-bottom:10px; */}
.eventDetailWrap h1{font-size:16px; color:#9c836a; font-weight:450; padding-bottom: 20px; border-bottom: 1px solid #e6e3df;}
.eventDetailWrap h2{position: relative; width: 100%; font-size: 17px; color: #333; font-weight: 400; padding: 0;}
.eventDetailWrap h2 span{position: absolute; top: 42px; right: 0; line-height: 33px; font-size: 16px; font-weight: 200; color: #999;}
.eventDetailWrap div.cont{padding: 35px 193px 40px 0; margin-bottom: 40px; border-top: 1px solid #f4f2ef; border-bottom: 1px solid #f4f2ef;}
.eventDetailWrap div.cont p{font-size: 16px; line-height: 26px; color: #666;}
.eventDetailWrap > a.btn{display: block; width: 192px; margin: 0 auto;}
.eventDetailWrap > a.btn span{font-size: 16px;}
.layerfullWrap .eventDetailWrap {padding-top:10px;margin-top:10px;border-top:1px solid #e7e3e0;}

.eventDetailWrap .termTxt {line-height: 20px; font-size: 14px;}
.eventDetailWrap .termTxt p{font-size: 14px; line-height: 20px; margin: 10px 0 3px;}
.eventDetailWrap .termTxt ul li{text-indent: 0; line-height: 22px;}
.eventDetailWrap .termTxt ul li > ul{margin: 3px 0 5px; font-size: 13px; line-height: 20px;}
.eventDetailWrap .termTxt .title1{margin: 24px 0 10px;}
.eventDetailWrap .termTxt .title1:first-of-type{margin-top: 0;}
.eventDetailWrap .termTxt .subDesc{display: block; margin: 2px 0; text-indent: 0; font-weight: 200;}
.eventDetailWrap .termTxt .addTxt{display: block; font-size: 12px;}
.eventDetailWrap .termTxt .termListNum .addTxt{text-indent: -8px;}
.eventDetailWrap .termTxt .termListNum{margin-top: 3px;}
.eventDetailWrap .termTxt .termListNum > *{padding-left: 15px; text-indent: -15px; margin: 0 0 3px; line-height: 22px; margin-left:0 !important;}
.eventDetailWrap .termTxt .termListDash > *{position: relative; padding-left: 8px;}
.eventDetailWrap .termTxt .termListDash > *:before{content: '-'; display: block; position: absolute; top: 0; left: 0; margin: 0 3px 0 0; line-height: 20px; vertical-align: top;}
.eventDetailWrap .termTxt .termListNum .termListDash > *{padding-left: 0;}
.eventDetailWrap .termTxt .termListNum .termListDash > *:before{left: -9px;}
.eventDetailWrap .termTxt .termListHan > *{padding-left: 18px; text-indent: -18px;}
.eventDetailWrap .termTxt .tableTxt{display: table; margin-top: 3px;}
.eventDetailWrap .termTxt .tableTxt > *{display: table-cell; vertical-align: top; text-indent: 0; line-height: 19px;}
.eventDetailWrap .termTxt .tableTxt > *:first-of-type{padding: 0 7px 0 0; white-space: nowrap;}
.eventDetailWrap .termTxt  table{width: 100%; text-indent: 0; text-align: center; border: 1px solid #ccc; margin: 10px 0 15px; font-size: 13px;}
.eventDetailWrap .termTxt  table tr{border-bottom: 1px solid #ccc;}
.eventDetailWrap .termTxt  table th{font-weight: normal; border-left: 1px solid #ccc; padding: 7px 5px; font-size: 14px;}
.eventDetailWrap .termTxt  table td{border-left: 1px solid #ccc; padding: 5px;}

/* leo 예약 */
.leoWrap .dlSlide + .container {margin-top:-1px;padding-top:27px;}
.leoWrap .cartOptionWrap {padding:0 12px;border:1px solid #e7e3e0;background:#f9f9f9;}
.leoWrap .cartOptionWrap .cartOptionDate {margin-bottom:8px;font-weight:bold;font-size:14px;color:#9c836a;}
.leoWrap .cartOptionWrap .txt {font-weight:400;font-size:12px;color:#333}
.leoWrap .cartOptionWrap .txt span {display:block;color:#666;}
.leoWrap .cartOptionWrap .memberNum {position: absolute;top:40px;right:0;width:100px;font-size:11px;color:#666;text-align:right;}
.leoWrap .cartOptionWrap > .cartOptionDetail {margin-top:0;padding:12px 120px 12px 0;border:none;background:none;}
.leoWrap .cartOptionWrap > .cartOptionDetail + .cartOptionDetail {border-top:1px solid #e8e5e2;}
.leoWrap .calendar {padding:20px 0;border-bottom:1px solid #e9e5e2;}
.leoWrap .calendar #date-range12 {display:none;}
.leoWrap .container h2 {margin-bottom:5px;font-weight:bold;font-size:12px;color:#333;}
.leoWrap .container h2 span {font-weight:inherit;}
.leoWrap .offerItemInfo {padding:0;border:1px soild #e7e3e0;background:#fff;}
.leoWrap .offerItemInfo dt {position:relative;padding:12px 11px;border-top:1px solid #e9e5e2;}
.leoWrap .offerItemInfo dt:first-child {border-top:0 none;}
.leoWrap .offerItemInfo dt .txt {padding-right:75px;font-weight:bold; font-size:12px; color:#333;}
.leoWrap .offerItemInfo dt .txt span {display:block;color:#666;}
.leoWrap .offerItemInfo dt .memberNum {position:absolute;top:12px;right:11px;width:70px;font-size:11px;color:#333;text-align:right;}
.leoWrap .offerItemInfo dt .memberNum.end {color:#666;}
.leoWrap .offerItemInfo dd.parents {padding:14px 11px;background:#f9f9f9;border-top:1px solid #e9e5e2;}
.leoWrap .offerItemInfo dd.parents p {font-size:12px;}
.leoWrap .offerItemInfo dd.parents td {padding:4px;}
.leoWrap .offerItemInfo .checkbox a.pointColor {display:inline-block;margin-left:5px;font-size:12px;text-decoration:underline;}

/* 이벤트 댓글 */
.replyHead {position:relative;padding-bottom:8px;border-bottom:1px solid #9c836a;}
.replyHead > span {display:inline-block;float:left;font-weight:normal;font-size:12px;color:#999;line-height:21px;}
.replyHead > a {display:inline-block;float:right;}
.replyBody {padding:17px 0 8px;}
.replyBody .singleSlide {padding:8px 0;}
.replyBody .singleSlide .title .thumb img {width:116px;height:90px;}
.replyBody .singleSlide .title .text .desc {color:#666;}
.replyBody .singleSlide .title .text .desc em {display:inline-block;margin-right:3px;font-weight:normal;}
.replyBody .singleSlide .title .text .desc em.look {position:relative;margin-left:5px;padding-left:5px;}
.replyBody .singleSlide .title .text .desc em.look:before {content:'';position: absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#999;}
.replyBody .singleSlide .content {position:relative;padding-bottom:54px;margin-top:16px;border-top:1px solid #e7e3e0;border-bottom:1px solid #9c836a;font-size:12px;}
.replyBody .singleSlide .content img {display:block;margin:10px 0;width:100%;}
.replyBody .singleSlide .content .btnGroup {position: absolute;bottom:0;left:0;width:100%;padding:15px 0;text-align:right;}
.replyBody .singleSlide .content .btnGroup a {display:inline-block;padding:3px;font-size:12px;color:#9c836a;text-decoration:underline;background:none;}
.replyBody .singleSlide + .singleSlide {margin-top:0;}
.eventSns.dimmedLayer {position: fixed;}

/* 카지노 메뉴팝업 */
.layerfullWrap.popMenu {padding-top:80px;}
.layerfullWrap.popMenu h3 {position:relative;padding-left:30px;color:#333;line-height:20px;}
.layerfullWrap.popMenu h3:before {content:'';position: absolute;top:0;left:0;width:20px;height:20px;background:url('/resource/images/pc/casino/icon_menu1.png') no-repeat 50% 50%;background-size:18px 18px;}
.layerfullWrap.popMenu .drink h3:before {background-image:url('/resource/images/pc/casino/icon_menu2.png');background-size:auto 20px;}
.layerfullWrap.popMenu .tbl {padding:5px 0;margin-top:5px;border:1px solid #9c836a;border-width:1px 0;}
.layerfullWrap.popMenu .tbl td {padding:5px;font-size:12px;}

/* MICE */
.langChoice {padding:20px 16px 15px;}
.langChoice > a + a {margin-left:35px;}
.miceSum {padding:17px 0;margin-top:-1px;border-top:1px solid #e7e3e0;text-align:right;}
.miceInfo {margin-top:25px;}
.miceInfo p {font-size:12px;}
.miceInfo p + p {margin-top:10px;}
.miceResult {position:relative;padding:94px 0;}
.miceResult .inner {display:block;height:auto !important;padding:63px 0 30px;text-align:center;background:url('/resource/images/mo/common/icon/icon_complete1.png') no-repeat 50% 0;background-size:43px;}
.miceResult .inner.change {background-image:url('/resource/images/mo/common/icon/icon_change.png');}
.miceResult .inner.cancel {background-image:url('/resource/images/mo/common/icon/icon_cancel.png');}
.miceResult .txt {padding-top:0;background:none;}
.miceResult .txt * {line-height:22px;}
.miceResult .txt strong {display:block;font-weight:bold;}
.miceResult .txt span {display:block;font-weight:normal;}
.miceList {margin-top:-12px;}
.miceList > a {display:block;margin-top:12px;border:1px solid #e8e4e1;}
.miceList .resultDisplay {position:relative;margin-top:0;padding:12px 60px 12px 12px;border-width:0 0 1px 0;}
.miceList .resultDisplay small {position: absolute;top:50%;right:12px;margin-top:-7px;font-size:11px;color:#666;line-height:14px;}
.miceList .resultDisplay small.ty3 {color:#333;}
.miceList .infoDetail {padding:10px;}
.miceList .infoDetail dt {width:90px;}
/* 에러 */
.errorWrap {padding:105px 16px 100px;text-align:center;}
.errorWrap.checking {padding-left:26px;padding-right:26px;}
.errorWrap .img {margin-bottom:37px;}
.errorWrap .img img {width:100px;}
.errorWrap h1 {position: relative;font-weight:bold;font-size:14px;color:#666;}
.errorWrap p.subTit {margin-top:20px;font-size:10px;color:#999;}
.errorWrap p.desc {width:278px;margin:18px auto 0;padding:20px;border:1px solid #e6e3df;font-weight:400;font-size:11px;color:#666;line-height:20px;background:#f9f9f9;}
.errorWrap p.desc strong {display:block;position:relative;padding-bottom:10px;margin-bottom:10px;font-weight:400;font-size:11px;color:#9c836a;line-height:20px;}
.errorWrap p.desc strong:after {content:'';position: absolute;bottom:0;left:50%;width:20px;height:1px;margin-left:-10px;background:#c1bdba;}
.errorWrap .btn {margin-top:25px;}
.date-picker-wrapper table .caption th {direction:rtl;}
.date-picker-wrapper table .caption th * {position:relative;display:inline-block;font-family:'Roboto';font-size:20px;color:#333;font-weight:200;} 
.date-picker-wrapper table .caption th .month-element:last-child {padding-right:2px;}
.date-picker-wrapper table .caption th .month-element:last-child:after {content:'.';position: absolute;right:-3px;}
.date-picker-wrapper .month-wrapper table .week-name th {font-size:12px;font-family:'Roboto';line-height:28px;font-weight:200;}
.date-picker-wrapper .month-wrapper table td, 
.date-picker-wrapper .month-wrapper table th {height:35px;}
.single .date-picker-wrapper .first-date-selected:before {content:none;}
/* 다국어 예약 브릿지 */
.global_desc {padding:20px 0 10px;border-top:1px solid #e7e3e0}
.global_desc p {font-size:12px;line-height:1.4;word-break:break-all;}
.global_desc p strong {font-weight:400;}
.global_desc p.en {word-break:keep-all;}