@charset "utf-8";
/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
html { height:100%;}
body { height:100%;}
body.hidden { overflow:hidden;}

/* color */
.txtRed { color:#e66045;}
.txtBlue { color:#5164b9;}

/* 레이어 영역 */
#container { min-height:100%; padding-top:48px; padding-bottom:183px; margin-bottom:-183px;}
.reservation #container { padding-top:0;}

/* form태그 */
.inp { display:inline-block; position:relative;}
.inp input { width:100%; height:48px; border:1px solid #e6e3df; padding:0 12px; padding-right:46px; line-height:3; font-size:14px; font-weight:200; outline:0; transition: all .3s ease;}
.inp input:disabled {border:1px solid #e6e3df; color:#666; background:#f9f9f9;}
.inp input:disabled + .btnDelete { display:none !important;} 
.inp input:focus { border:1px solid #9c836a;}
.inp .btnDelete { display:none; position:absolute; top:50%; right:16px; width:18px; height:18px; margin-top:-9px; font-size:0; background:url('/pcPub/static/images/common/btn/btn_input_delete.png') no-repeat;}

.btnBottom { margin-bottom:45px;}

/* 달력 */
.inp.calendar .js-date { display:none;}
.inp .btnCalendar { display:block; position:absolute; top:50%; right:16px; width:18px; height:19px; margin-top:-9px; font-size:0; background:url('/pcPub/static/images/common/icon/icon_calendar.png') no-repeat;}

.textarea { width:100%; height:128px; border:1px solid #e6e3df; padding:12px; font-size:14px; font-weight:200; box-sizing:border-box; outline:0; resize:none;}

.checkbox { display:inline-block; position:relative; min-height:20px; padding-left:25px;}
.checkbox input { position:absolute; top:0; left:0; z-index:1; opacity:0;}
.checkbox label { color:#666;}
.checkbox label:after { content:''; display:block; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; background:url('/pcPub/static/images/common/icon/icon_checkbox.png') no-repeat;}
.checkbox input:checked + label:after { background-position:0 -20px;}

.checkbox2 { display:inline-block; position:relative; min-height:20px; padding-left:29px;}
.checkbox2 input { position:absolute; top:0; left:0; z-index:1; opacity:0;}
.checkbox2 label { color:#666;}
.checkbox2 label:after { content:''; display:block; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; background:url('/pcPub/static/images/common/icon/icon_checkbox2.png') no-repeat;}
.checkbox2 input:checked + label:after { background-position:0 -24px;}

.radioBox { display:inline-block; position:relative; min-height:20px; padding-left:25px;}
.radioBox input { position:absolute; top:0; left:0; z-index:1; opacity:0;}
.radioBox label:after { content:''; display:block; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; background:url('/pcPub/static/images/common/icon/icon_radio.gif') no-repeat;}
.radioBox input:checked + label:after { background-position:0 -20px;}

.ui-select-wrapper{ position:relative;display:inline-block; min-width:100px; user-select:none; vertical-align:middle; background:#fff;}
.ui-select-trigger{ display:inline-block; width:100%; height:48px; border:1px solid #e6e3df; padding:0 39px 0 15px; line-height:48px; font-size:15px;}
.ui-select-trigger:after{position:absolute; top:50%;right:16px; display:block;content:'';width:10px;height:6px;margin-top:-3px; background:url('/pcPub/static/images/common/icon/icon_selectbox.gif') no-repeat 80% 50%;}
.ui-select-trigger.active {border:1px solid #9c836a;}
.ui-select-options{ overflow:hidden; overflow-y:auto; display:none; position:absolute;top:100%;left:0;right:0; z-index:5; max-height:280px; min-width:85%;border:1px solid #e6e3df; border-top:0; background:#fff;}
.ui-select-options .disabled {background:#f9f9f9;}
.ui-select-options .disabled a { cursor:inherit; opacity:0.5;}
.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;}
.ui-select-wrapper .disabled .ui-select-trigger { border:1px solid #e6e3df; color:#666; cursor:inherit; background:#f9f9f9;}

.error { position:relative;}
.error .ui-select-trigger,
.error .inp { border:1px solid #e66045; color:#e66045;}
.errorText { display:none; color:#e66045; font-size:14px;}
.error .errorText { display:block;}

/* button */
.btn { display:inline-block; min-width:192px; height:56px; padding:0 32px; border:1px solid #9c836a; line-height:56px; font-size:18px; vertical-align:middle; font-weight:300; color:#9c836a; text-align:center; background:#fff; transition: all .3s ease;}
.btn span { color:#9c836a; font-weight: 300;}
.btn.btnFull { color:#fff; background:#9c836a;}
.btn.btnFull span { color:#fff; font-weight: 300;}

.btn.btnLine2 { border-color:#fff; color:#fff; background:none;}
.btn.btnLine2 span { color:#fff;}

.btn.small { min-width:auto; padding:0 24px; font-size:14px; height:48px; line-height:48px;}
.btn.small2 { min-width:auto; padding:0 24px; font-size:14px; height:40px; line-height:40px;}

.btn.full { width:100%;}

.btn:hover { color:#fff; border-color:#8a7057; background:#8a7057;}
.btn:hover span { color:#fff;}
.btn.btnFull:hover { background:#8a7057;}
.btn.btnLine2:hover { border-color:#fff; color:#000; background:#fff;}
.btn.btnLine2:hover span { color:#000;}
.btn.btnLine2:disabled { border-color:#fff; color:#fff; opacity:0.4; background:none;}

.btn:disabled,
.btn:disabled:hover,
.btn.disabled,
.btn.disabled:hover { border:1px solid #c4bfbb; color:rgba(255,255,255,0.65); cursor:inherit; background:#c4bfbb;}
.btn.disabled span,
.btn.disabled:hover span { color:rgba(255,255,255,0.65);}

/* list-style */
.dashList > *{ position:relative; padding-left: 9px;}
.dashList > *:before{display:block; content: ''; position:absolute; top:9px; left:0; width: 4px; height: 1px; background-color: #828282; vertical-align: top;}
 
.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;}
.dotList .spotRed:before {background-color:#e66045;}

.dotList > .dot_none:before {
    content: none !important;
}

.dotList > .pl5   { padding-left: 5px; }
.dotList > .pl10  { padding-left: 10px; }
.dotList > .pl15  { padding-left: 15px; }
.dotList > .pl20  { padding-left: 20px; }
.dotList > .pl25  { padding-left: 25px; }
.dotList > .pl30  { padding-left: 30px; }
.dotList > .pl35  { padding-left: 35px; }
.dotList > .pl115 { padding-left: 115px; }

/* tooltip */
.tooltipLink { display:inline-block; width:16px; height:16px; margin-left:8px; font-size:0; vertical-align:middle; background:url('/pcPub/static/images/common/icon/icon_tooltip.png') no-repeat;}
.tooltipBox { display:none; position:absolute; padding:10px 16px; margin-top:-25px; 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:-7px; left:6px; width:6px; height:7px; background:url('/pcPub/static/images/common/icon/bg_tooltip.png') no-repeat;}

/* tap */
.tapBox { margin-bottom:16px;}
.tapBox ul { display:table; width:100%; table-layout:fixed; border-left:1px solid #e6e3df;}
.tapBox li { display:table-cell; height:48px; vertical-align: top;}
.tapBox li a { display:block; position:relative; height:48px; border-top:1px solid #e6e3df; border-bottom:1px solid #9c836a; line-height:48px; text-align:center; color:#666; background-color:#F7F7F7;}
.tapBox li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df;}
.tapBox li.on a { color:#9c836a; border-bottom-color:transparent; border-top:1px solid #9c836a; background-color:transparent;}
.tapBox li.on a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#9c836a;}
.tapBox li.on a:before { content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#9c836a;}
.tapBox .tooltipBox { width:100%; margin-top:-38px; z-index:1;}
.linkTab { margin-bottom:16px;}
.linkTab { margin-bottom:16px;}
.linkTab ul { display:table; width:100%; table-layout:fixed; border-left:1px solid #e6e3df;}
.linkTab li { display:table-cell; height:48px; vertical-align: top;}
.linkTab li a { display:block; position:relative; height:48px; border-top:1px solid #e6e3df; border-bottom:1px solid #9c836a; line-height:48px; text-align:center; color:#666;}
.linkTab li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df;}
.linkTab li.on a { color:#9c836a; border-bottom-color:transparent; border-top:1px solid #9c836a;}
.linkTab li.on a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#9c836a;}
.linkTab li.on a:before { content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#9c836a;}
.linkTab .tooltipBox { width:100%; margin-top:-38px; z-index:1;}

/* layerPopup */
.layerPopWrap { visibility:hidden; overflow-y: auto; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; transition:all .2s ease}
.layerPopWrap .bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layerPopWrap .layerPopCont { position:absolute; top:50%; left:50%; width:568px; padding:24px 64px 0; margin-left:-284px; background:#fff; -webkit-font-smoothing: antialiased; transform:translateY(-30px); transition:transform .4s ease .2s;  opacity:0;}
.layerPopWrap .layerPopCont .layerPopClose { position:absolute; top:-26px; right:0; width:18px; height:18px; font-size:0; background:url('/pcPub/static/images/common/btn/btn_pop_close.png') no-repeat;}

.layerPopWrap.normalLayer {}
.layerPopWrap.normalLayer .layerPopCont { opacity:0; top:0; left:50%; width:800px; padding:0 32px; margin-left:0; margin-top:0; margin-bottom:50px; transform:translateX(-50%) translateY(-30px); transition:transform .4s ease .2s;}
.layerPopWrap.normalLayer .popHeader { height:56px; line-height:56px; margin:0 -32px 32px; padding:0 32px; font-size:18px; color:#ffffff; font-weight:450; background:#857b71;}
.layerPopWrap.normalLayer .layerPopClose { position:absolute; top:19px; right:24px;}

/* 20180906 css 추가 */
.LayerTerms .popHeaderWrap {position:fixed; left:50%;top:0; transform: translateX(-50%); width:800px; height:56px;margin-left:-8px;}
.LayerTerms.layerPopWrap.normalLayer .popHeader { height:56px; line-height:56px; padding:0 32px; margin:0; font-size:18px; color:#ffffff; font-weight:450; background:#857b71;}
.LayerTerms.layerPopWrap.on {margin-top:56px;}
.LayerTerms.layerPopWrap .popHeaderWrap .layerPopClose {width:18px; height:18px; font-size:0; background:url('/pcPub/static/images/common/btn/btn_pop_close.png') no-repeat;}
.LayerTerms.layerPopWrap.on.normalLayer .layerPopCont {padding-top:10px; padding-bottom:50px;}
/* 20180906 css 추가 // */


.layerPopWrap.on { visibility:visible; opacity:1;}
.layerPopWrap.on .layerPopCont { transform:translateY(0); opacity:1;}
.layerPopWrap.on.normalLayer .layerPopCont { transform:translateX(-50%) translateY(0); opacity:1;}

/* table */
.tableList { border-top:1px solid #9c836a; border-bottom:1px solid #c6b5a4;}
.tableList thead {}
.tableList thead th { height:56px; padding:0 16px; border-bottom:1px solid #e6e3df; font-weight:300; font-size:16px; color:#9c836a;}
.tableList thead th + th span { display:block; position:relative;}
.tableList thead th + th span:before { content:''; display:block; position:absolute; left:-16px; top:0; width:1px; height:22px; border-left:1px solid #e6e3df;}
.tableList tbody td { height:56px; padding:0 16px; text-align:center;}
.tableList tbody tr + tr td { border-top:1px solid #f4f2ef;}
.tableList tbody tr:hover > * { background-color:#f9f9f9;}

.layerPopCont .tableList { margin-bottom:30px;}


/* jsSwiperMotion */
.jsSwiperMotion { display:none; position:relative; }
.jsSwiperMotion .tit { margin-bottom:12px; font-size:16px; color:#333;}
.jsSwiperMotion .slick-slider { position:static;}
.jsSwiperMotion .swiperWrap li { width:260px;}
.jsSwiperMotion .swiperWrap h2 { margin-bottom:10px; color:#333; font-weight:450; text-transform:uppercase;}
.jsSwiperMotion .swiperWrap p { color:#666;}

.jsSwiperMotion .btnArrow { overflow:hidden; margin-top:24px;}
.jsSwiperMotion .btnArrow a { display:block; float:left; width:32px; height:17px; font-size:0; background:url('/pcPub/static/images/mypage/btn_membership_arrow.png') no-repeat;}
.jsSwiperMotion .btnArrow .btnRight { float:right; background-position:0 -17px;}

.jsSwiperMotion .slick-dots { position:absolute; bottom:5px; left:50%; text-align:center; transform:translateX(-50%); font-size:0;}
.jsSwiperMotion .slick-dots li { display:inline-block; width:6px; height:6px; margin:0 4px; border-radius:50%; background:#c6c6c6;}
.jsSwiperMotion .slick-dots li.slick-active { background:#9c836a;}

.jsSwiperMotion .swiperArrow { position:absolute; top:0px; right:0;}
.jsSwiperMotion .swiperArrow [class*=btn] { width:19px; height:19px;}
.jsSwiperMotion .swiperArrow [class*=btn].slick-disabled span { background-position:0 0;}
.jsSwiperMotion .swiperArrow .btnLeft span { display:inline-block; width:6px; height:10px; font-size:0; vertical-align: middle; background:url('/pcPub/static/images/common/btn/btn_slick_arrow.png') no-repeat 0 -10px;}
.jsSwiperMotion .swiperArrow .btnRight span { display:inline-block; width:6px; height:10px; font-size:0; vertical-align: middle; transform:rotate(180deg); background:url('/pcPub/static/images/common/btn/btn_slick_arrow.png') no-repeat 0 -10px;}
.jsSwiperMotion .swiperArrow .number { display:inline-block; width:75px; text-align:center; vertical-align: middle; font-weight:300; color:#999;}
.jsSwiperMotion .swiperArrow .number em { color:#9c836a;}

.jsSwiperMotion.type2 .slick-initialized { margin-left:-32px;}
.jsSwiperMotion.type2 .slick-slide { margin-left:32px;}


/* quickBar */
.quickBar { position:fixed; top:0; right:0; z-index:10; width:64px; transition:all .8s cubic-bezier(0.230, 1.000, 0.320, 1.000);}
.quickH { height:287px; background:#7c6c5d;}
.quickH h1 { margin: 181px 0 0 0; font-size:20px; text-transform:uppercase; color:#fff; font-weight:450; transform:rotate(-90deg);}
.quickH h1 img{position: absolute; right: -101px; bottom:0px; transform: rotate(90deg);}
.quickH p { display:none; width:172px; margin:0 0 0 24px; font-size:12px; line-height:20px; color:#fff;}
.quickH a { overflow:hidden; display:block; position:relative; height:100%; background:url('/pcPub/static/images/common/btn/btn_quick_arrow.png') no-repeat 24px 120%;}
.quickH .newCount { position:absolute; top:12px; right:16px; width:32px; height:32px; border-radius:50%; text-align:center; line-height:32px; color:#fff; font-size:12px; background:#67594d;}
.quickC { background:#21201e;}
.quickC ul {}
.quickC li { width:196px;}
.quickC li a { display:table; width:100%; height:63px; border-bottom:1px solid #2c2b29; vertical-align:middle; color:rgba(255,255,255,0.8); font-size:0; transition:all .3s ease;}
.quickC li em { display:inline-block; width:63px; height:63px; line-height:63px; text-align:center; vertical-align:middle;}
.quickC li em i { display:inline-block; vertical-align:middle; background:url('/pcPub/static/images/common/bg_quick.png') no-repeat; opacity:0.4; transition:all .3s ease;}
.quickC li p { opacity:0; display:inline-block; font-size:12px; vertical-align:middle;  text-transform:uppercase; transition:all .3s ease;}
.quickC li span { display:block; color:#545452;}
.quickC li a:hover { background:#67594d;}
.quickC li a:hover span { color:rgba(255,255,255,0.4)}
.quickC li a:hover em i { transform:scale(1.2);}

.quickC li .icon1 i { width:21px; height:25px; background-position:0 0;}
.quickC li .icon2 i { width:22px; height:20px; background-position:0 -31px;}
.quickC li .icon3 i { width:22px; height:20px; background-position:0 -57px;}
.quickC li .icon4 i { width:20px; height:20px; background-position:0 -84px;}
.quickC li .icon5 i { width:22px; height:21px; background-position:0 -110px;}
.quickC li .icon6 i { width:21px; height:21px; background-position:0 -139px;}
.quickC li .icon7 i { width:18px; height:22px; background-position:0 -167px;}
.quickC li .icon8 i { width:24px; height:23px; background-position:0 -194px;}
.quickC li .icon9 i { width:22px; height:22px; background-position:0 -222px;}
.quickC li .icon10 i { width:20px; height:19px; background-position:0 -248px;}

.quickBar .mCSB_scrollTools { margin-right:-20px;}
.quickBar .mCSB_inside > .mCSB_container { margin-right:0;}

.quickBar.view { width:196px;}
.quickBar.view .quickH h1 { margin: 71px 0 8px 24px; transform:rotate(0deg);}
.quickBar.view .quickH h1 img{position: static; right: auto; bottom: auto; transform: none; display: block; padding-bottom: 8px;}
.quickBar.view .quickH p { display:block;}
.quickBar.view .quickC li p { opacity:1;}
.quickBar.view .quickH a { background-position:24px 246px}
.quickBar.view .quickC em i { transform:scale(0.8);}
.quickBar.view .quickC a:hover em i { transform:scale(1);}
.quickBar.view .mCSB_scrollTools { margin-right:00px;}
.quickBar.view .mCSB_inside > .mCSB_container { margin-right:15px;}

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

.innerBox { width:1280px; padding:0 80px; margin:0 auto;}
.innerBoxPhoto { width:1280px; padding:0 80px; margin:0 auto; font-size:0}

/* 장영석 */
h1.contTitle { padding:59px 0 58px; font-weight:100; font-size:30px; line-height:40px; }
h1.contTitle span { display:block; padding-bottom:13px; font-size:16px; color:#9c836a; font-weight:450;}

/* 서브 gnb */
.subGnb { position:fixed; top:48px; left:0; right:0; z-index:5; border-bottom:1px solid #e6e3df; background:#fff; transition:top .3s ease;}
.subGnb .innerBox { overflow:hidden; position:relative; margin:0; padding:0;}
.subGnb h1 { float:left; height:64px; margin:12px 48px 0 32px; font-size:16px; color:#333; text-transform:uppercase; font-weight:450; line-height:64px;}
.subGnb h1 a {font-size:16px; color:#333; text-transform:uppercase; font-weight:450; line-height:64px;}
.subGnb ul { overflow:hidden; float:left; padding:34px 0;}
.subGnb ul li { float:left;}
.subGnb ul li + li { margin-left:39px;}
.subGnb ul li a { font-size:14px; font-weight:450; color:#333; text-transform:uppercase;}
.subGnb ul li.on a { color:#9c836a;}

.subGnb + * { margin-top:88px !important;}
.subGnb.type2 + * { margin-top:0;}

.scrollActive .subGnb {top:0px; }
.scrollActive .subGnb.type2 {top:0px; background:rgba(255,255,255,0.9);}


/* 로그인 */
.loginWrap {}
.loginWrap h1 { padding:59px 0 58px; font-weight:100; font-size:25px; line-height:40px; }
.loginWrap h1 span { display:block; padding-bottom:13px; font-size:16px; color:#9c836a; font-weight:450;}
.fullBg { overflow:hidden; padding:51px 0 104px; background:#f9f9f9;}
.fullBg.mt { margin-top:80px;}

.loginBox { float:left; width:560px; padding-right:113px;}
.loginBox .inp { width:100%;}
.loginBox .inp + .inp { margin-top:8px;}
.loginBox .btnLogin { display:block; width:100%; margin-top:18px;}
.loginSave { overflow:hidden; margin-top:16px; font-size:14px;}
.loginSave .checkbox { float:left; color:#000;}
.loginSave .findPWD { float:right;}
.loginSave .findPWD a { color:#9c836a; text-decoration:underline; font-weight: 300;}

.joinBox { float:right; width:560px; padding-left:113px;}
.joinBox h2 { font-size:18px; color:#9c836a; font-weight:300;}
.joinBox p { margin-top:10px; color:#666; font-size:16px;}
.joinBox .btn { width:100%; margin-top:41px;}

/* 정보 입력 */
.formJoinWrap {}
.formJoinWrap > div { margin-top:43px; padding-bottom:48px; border-bottom:1px solid #e6e3df;}
.formJoinWrap > div:first-child { margin-top:0;}
.formJoinWrap h2 { margin-bottom:20px; color:#666; font-size:16px;}
.formJoinWrap .formImportant { position:absolute; top:0; right:0; font-size:14px; color:#666;}
.formJoinWrap .color { color:#9c836a;}
.formJoinWrap .inp { width:100%;}
.formJoinWrap dt { font-size:14px; color:#9c836a;}
.formJoinWrap dd { position:relative; margin-top:5px;}
.formJoinWrap dl { margin-bottom:20px;}

.formJoin { overflow:hidden; position:relative;}
.formJoin dl { margin-bottom:0;}
.formJoin .id {}
.formJoin .id dd { width:50%; padding-right:17px;}
.formJoin .pwd { float:left; width:50%; padding-right:17px; margin-top:20px;}
.formJoin .pwd + .pwd { padding-left:17px; padding-right:0;}

.formInfo { position:relative;}
.formInfo .left { float:left; width:50%; padding-right:17px;}
.formInfo .right { float:right; width:50%; padding-left:17px;}
.formInfo [class*=nameType] dd { font-size:0;}
.formInfo .nameType1 .inp { width:376px; margin-right:8px;}
.formInfo .nameType1 .selectBox { width:159px;}
.formInfo .nameType2 .inp { width:267px;}
.formInfo .nameType2 .inp + .inp { margin-left:9px;}
.formInfo .birthday dd { font-size:0;}
.formInfo .birthday .ui-select-wrapper { width:175px;}
.formInfo .birthday .ui-select-wrapper ~ * { margin-left:9px;}
.formInfo .email {}
.formInfo .email p { padding:5px 0 8px; font-size:14px; color:#666;}
.formInfo .phone dd { font-size:0;}
.formInfo .phone .ui-select-wrapper { width:175px; margin-right:9px;}
.formInfo .phone dd span { display:inline-block; width:23px; font-size:14px; color:#000; line-height:46px; vertical-align:middle; text-align:center;}
.formInfo .phone .inp { width:168px;}
.formInfo .address {}
.formInfo .address .post { position:relative; padding-right:128px;}
.formInfo .address .post .btn { position:absolute; top:0; right:0; width:120px; padding:0; text-align:center; }
.formInfo .address .post ~ .inp { margin-top:8px;}

.formMarketing .text { margin:-10px 0 23px;}
.formMarketing .checkbox { margin-right:50px;}

.formChoiceInfo .left { float:left; width:50%; padding-right:17px;}
.formChoiceInfo .right { float:right; width:50%; padding-left:17px;}
.formChoiceInfo .wedding dd { font-size:0;}
.formChoiceInfo .wedding .ui-select-wrapper { width:175px;}
.formChoiceInfo .wedding .ui-select-wrapper ~ * { margin-left:9px;}
.formChoiceInfo .interest { clear:both; margin-bottom:0px;}
.formChoiceInfo .interest dt { margin-bottom:20px;}
.formChoiceInfo .interest .checkbox { width:125px; margin-bottom:20px;}
.formChoiceInfo .job {}
.formChoiceInfo .job .ui-select-wrapper { width:100%;}
.formChoiceInfo .facilities{}
.formChoiceInfo .facilities dt{margin-bottom: 20px;}
.formChoiceInfo .facilities .checkbox{width: 260px; margin-bottom: 15px;}
.formChoiceInfo .facilities .checkbox:first-child{display: block;}

.btnJoin { margin-top:40px; text-align:center;}
.btnJoin .btn { width:192px;}

/* 아이디, 비밀번호 찾기 */
.findIDPWD { overflow:hidden; position:relative;}
.findIDPWD:before { content:''; display:block; position:absolute; top:0; left:50%; bottom:0; width:1px; background:#e6e3df;}
.findIDPWD:after { content:'or'; display:block; position:absolute; top:50%; left:50%; height:48px; transform:translate(-50%, -50%); font-size:14px; color:#9c836a; line-height:48px; text-transform:uppercase; background:#f9f9f9;}
.findIDPWD h2 { margin-bottom:12px; font-size:16px; color:#000;}
.findIDPWD .inp { width:100%;}
.findIDPWD .btn { width:100%; margin-top:16px;}

.findIDPWD .findId { float:left; width:480px;}
.findIDPWD .findPWD { float:right; width:480px;}

.findIDPWD .phone { margin-top:8px; font-size:0;}
.findIDPWD .phone .ui-select-wrapper { width:156px;}
.findIDPWD .phone .inp { width:154px; margin-left:8px;}

.findIDPWD .phone2 { margin-top:8px; font-size:0;}
.findIDPWD .phone2 .ui-select-wrapper { width:112px;}
.findIDPWD .phone2 .inp { width:109px; margin-left:8px;}
.findIDPWD .phone2 .btn { width:126px; margin:0 0 0 8px; padding:0; vertical-align: middle;}

.findIDPWD .certifyNumber { position:relative; margin-top:8px;}
.findIDPWD .certifyNumber .inp { width:100%; margin-left:0;}
.findIDPWD .certifyNumber .inp input { padding-right:100px;}
.findIDPWD .certifyNumber .count { position:absolute; top:50%; right:16px; transform:translateY(-50%); font-size:14px; color:#e65649;}

.findIDPWD .email { margin-top:8px;}
.findIDPWD .email .inp { width:342px;}
.findIDPWD .email .btn { width:126px; margin:0 0 0 8px; vertical-align: middle;}

.findIDPWD .box { margin-bottom:45px;}
.findIDPWD .box .email { margin-bottom:0; font-size:0;}
.findIDPWD h3 { font-size:14px; color:#333;}
.findIDPWD .text { margin-top:13px; line-height:22px; color:#666;}

/* 중국 ip 접속 */
.findIDPWD.china:before,
.findIDPWD.china:after { display:none;}
.findIDPWD.china .findId { display:none;}
.findIDPWD.china .findPWD { float:none; margin:0 auto;}

.tapView { display:none;}

/* 예약 */
body.reservation #headerWrap { overflow:hidden; position:fixed; top:0; left:0; z-index:10; width:100%; min-width:1120px; height:64px; background:#4d4843;}
body.reservation #headerWrap h1 { width:auto; height:auto; margin:19px 0 0 24px; text-transform:uppercase; font-size:16px; color:#fff; font-weight:450; background:none;}
body.reservation #headerWrap h1 a { display:inline-block; width:24px; height:26px; padding-right:16px; margin-right:16px; border-right:1px solid #56514d; font-size:0; vertical-align:middle; background:url('/pcPub/static/images/reservation/logo.png') no-repeat; box-sizing:content-box;}
body.reservation #headerWrap ul { position:absolute; top:12px; left:50%; transform:translateX(-50%);}
body.reservation #headerWrap li { float:left;}
body.reservation #headerWrap li + li { margin-left:1px;}
body.reservation #headerWrap li:first-child a { border-radius:5px 0 0 5px;}
body.reservation #headerWrap li:last-child a { border-radius:0 5px 5px 0;}
body.reservation #headerWrap li a { display:block; width:168px; height:40px; line-height:40px; text-align:center; color:rgba(255,255,255,0.65); background:#423d39; cursor:inherit;}
body.reservation #headerWrap li a.off { background:#857b71; cursor:pointer;}
body.reservation #headerWrap li a.on { color:#fff; background:#857b71; cursor:pointer;}
body.reservation #headerWrap .btnClose { display:block; position:absolute; top:23px; right:24px; width:18px; height:18px; font-size:0; background:url('/pcPub/static/images/reservation/btn_close.png') no-repeat;}

.reservationWrap { position:relative; width:1120px; margin:0 auto; padding-bottom:70px; padding-top:96px;}

.reservationInfoWrap { position:relative;}
.reservationInfoWrap h1 { margin-top:35px; color:#9c836a; font-size:30px; font-weight:100;}
.reservationInfoWrap p { margin-top:20px; font-size:14px; color:#666;}
.reservationInfoWrap .btn { position:absolute; top:0; right:0; }

.reservationWrap .singleText { padding:13px 0px 0; font-size:12px; color:#e66045;}
.reservationWrap .singleText:before { content:''; display:inline-block; width:20px; height:20px; margin-top:-3px; margin-right:8px; vertical-align:middle; background:url('/pcPub/static/images/common/icon/icon_caution.png') no-repeat;}

/*
.selectChoice { position:relative; margin-top:40px; padding:40px 0; border-top:1px dotted #e6e3df;}
.selectChoice.lineNone { padding-top:0; border-top:0;}
.selectChoice dl { float:left; width:256px;}
.selectChoice dl.type2 { width:396px;}
.selectChoice dl.type2 + dl.type2 { width:396px;}
.selectChoice dl.type3 { width:261px;}
.selectChoice dl.type3 + dl.type3 { width:261px;}
.selectChoice dl + dl { width:136px; margin-left:8px;}
.selectChoice dt { margin-bottom:5px; font-size:14px; color:#9c836a;}
.selectChoice dd { position:relative;}
.selectChoice dd .inp { width:100%;}
.selectChoice dd .ui-select-wrapper { width:100%;}
.selectChoice .btn { position:absolute; bottom:40px; right:0; }
.selectChoice .clearFixed + .clearFixed { margin-top:20px;}
.selectChoice .clearFixed + .clearFixed.mt {margin-top:16px;}
*/


.selectChoice { display:table; table-layout:fixed; width:100%; margin-top:40px; padding:40px 0; border-top:1px dotted #e6e3df;}
.selectChoice.lineNone { padding-top:0; border-top:0;}
.selectChoice dl { display:table-cell; vertical-align:top;}
.selectChoice dl:first-child { width:256px;}
.selectChoice dl.type2 { width:396px;}
.selectChoice dl.type2 + dl.type2 { width:396px;}
.selectChoice dl.type3 { width:261px;}
.selectChoice dl.type3 + dl.type3 { width:261px;}
.selectChoice dl + dl { padding-left:8px;}
.selectChoice dt { margin-bottom:5px; font-size:14px; color:#9c836a;}
.selectChoice dd { position:relative;}
.selectChoice dd .inp { width:100%;}
.selectChoice dd .ui-select-wrapper { width:100%;}
.selectChoice > .btn { display:block; margin-left:8px; margin-top:24px;}
.selectChoice:after { display:none;}
.selectChoice .clearFixed + .clearFixed { margin-top:20px;}
.selectChoice .clearFixed + .clearFixed.mt {margin-top:16px;}
.selectChoice .section { display:table; table-layout:fixed; width:100%}
.selectChoice .section + .section { margin-top:8px;}
.selectChoice .section + .section dt { display:none;}
 
.selectChoice .section .positionView { width:241px;}
.selectChoice .section .positionView input { padding:0 12px; text-align:center;}

.selectChoice dl.positionSelect { width:210px; font-size:0;}
.selectChoice dl.positionSelect .ui-select-wrapper { width:120px; margin-right:7px;}
.selectChoice dl.positionSelect .btn { width:74px; padding:0}

.selectChoice .tooltipBox dl { float:none; width:auto; margin-left:0;}
.selectChoice .tooltipBox dl + dl { margin-top:5px;}
.selectChoice .tooltipBox dl dt { color:#9c836a; font-size:12px;}
.selectChoice .tooltipBox dl dd { margin-top:0;}

.roomSelectBox { position:relative; padding:40px 0; border-top:1px dotted #e6e3df;}
.roomSelectBox h2 { font-size:16px;}
.roomSelectBox .swiperWrap { overflow:hidden; height:235px; margin-bottom:32px;}
.roomSelectBox .swiperWrap ul { overflow:hidden; margin-left:-16px;}
.roomSelectBox .swiperWrap li { float:left; width:256px; margin-left:16px; outline:0;}
.roomSelectBox .roomInfo {}
.roomSelectBox .roomInfo .img { width:256px;}
.roomSelectBox .roomInfo .img img { width:100%;}
.roomSelectBox .roomInfo h3 { margin-top:20px; color:#9c836a;}
.roomSelectBox .roomInfo p { margin-top:10px; color:#333; font-weight: 300;}
.roomSelectBox .roomInfo .small { margin-top:3px; font-size:12px; color:#999; }
.roomSelectBox .roomInfo .choice { margin-top:20px;}
.roomSelectBox .roomInfo .choice > * + * { margin-left:25px;}

.roomSelectBox .swiperArrow { position:absolute; top:43px; right:0;}
.roomSelectBox .swiperArrow [class*=btn] { width:19px; height:19px;}
.roomSelectBox .swiperArrow [class*=btn].slick-disabled span { background-position:0 0;}
.roomSelectBox .swiperArrow .btnLeft span { display:inline-block; width:6px; height:10px; font-size:0; vertical-align: middle; background:url('/pcPub/static/images/common/btn/btn_slick_arrow.png') no-repeat 0 -10px;}
.roomSelectBox .swiperArrow .btnRight span { display:inline-block; width:6px; height:10px; font-size:0; vertical-align: middle; transform:rotate(180deg); background:url('/pcPub/static/images/common/btn/btn_slick_arrow.png') no-repeat 0 -10px;}
.roomSelectBox .swiperArrow .number { display:inline-block; width:75px; text-align:center; vertical-align: middle; font-weight:300; color:#999;}
.roomSelectBox .swiperArrow .number em { color:#9c836a;}

.optionSelectBox { position:relative; padding:40px 0; border-top:1px dotted #e6e3df;}
.optionSelectBox h2 { margin-bottom:10px; font-size:16px; color: rgba(0,0,0,0.8);}
.optionSelectBox .img { float:left; width:352px;}
.optionSelectBox .img img { width:100%;}
.optionSelectBox .optionInfo { float:right; width:401px;}
.optionSelectBox .optionInfo h3 { margin-bottom:12px; color:#9c836a; font-size:16px;}
.optionSelectBox .optionInfo p { overflow:hidden; height:45px; line-height:22px; color:#666;}
.optionSelectBox .optionInfo .casy { height:auto; margin:28px 0 16px; color:#666;}
.optionSelectBox .optionInfo .casy span{font-weight: 300;}
.optionSelectBox .optionInfo .casy span + span {position:relative; padding-left:10px; margin-left:10px;}
.optionSelectBox .optionInfo .casy span + span:after { content:''; display:block; position:absolute; top:3px; bottom:3px; left:0; width:1px; background:#757575;}
.optionSelectBox .optionInfo .optionSelect { margin-left:-8px; margin-top:20px;}
.optionSelectBox .optionInfo dl { float:left; width:196px; margin-left:8px;}
.optionSelectBox .optionInfo dl.small { width:114px;}
.optionSelectBox .optionInfo dt { font-size:14px; color:#9c836a;}
.optionSelectBox .optionInfo dd { position:relative; margin-top:5px;}
.optionSelectBox .optionInfo dd .inp { width:100%;}
.optionSelectBox .optionInfo dd .ui-select-wrapper { width:100%;}
.optionSelectBox .optionSelect { position:relative;}
.optionSelectBox .optionSelect .btn { position:absolute; bottom:0; right:0;}

.smallText { font-size:12px; color:#666; margin-top:5px;}
.spaceBullet {display:block; position:relative; text-align:left; padding-left: 10px;}
.spaceBullet:before {content:''; position:absolute;left:0;top:9px;display:block;width:2px;height:2px;background:#898989;border-radius: 50%; vertical-align:top;}

.cautionBox { border:1px solid #e6e3df; background:#f9f9f9;}
.cautionBox h2 {font-size:13px 16px; height:56px; padding:0 16px; line-height:56px; color:#e66045;}
.cautionBox h2:before { content:''; display:inline-block; width:20px; height:20px; margin-top:-3px; margin-right:8px; vertical-align:middle; background:url('/pcPub/static/images/common/icon/icon_caution.png') no-repeat;}
.cautionBox .singleText { padding:16px; font-size:12px; color:#e66045;}
.cautionBox .singleText:before { content:''; display:inline-block; width:20px; height:20px; margin-top:-3px; margin-right:8px; vertical-align:middle; background:url('/pcPub/static/images/common/icon/icon_caution.png') no-repeat;}
.cautionBox .dotList { padding:25px 34px; background:#fff;}
.cautionBox .dotList li + li { margin-top:10px;}
.cautionBox .textBox { padding:25px 34px; background:#fff;}
.cautionBox .textBox .title { margin-bottom:10px; color:#666; font-weight:300;}
.cautionBox .textBox .dotList { padding:0 0;}
.cautionBox .textBox .dotList + .title { padding-top:20px;}

.cautionBox.settingA { margin:-20px 0 20px; border:0; background:none;}
.cautionBox.settingA .singleText { padding:0;}

.cautionBox.type2 h2 { color:#9c836a;}
.cautionBox.type2 h2:before { background-position:0 -20px;}

/* 예약 우측 모양 */
.reservationAside { position:fixed; top:96px; left:0; right:0; width:1120px; margin:0 auto;}
.reservationAside .txtRed{font-weight: 450;}
.reservationSection { position:absolute; top:0; right:0; width:256px;}
.reservationSection .productHeader { position:relative; border:1px solid #f4f2ef; border-bottom:0; border-radius:5px 5px 0 0; background:#f9f9f9;}
.reservationSection .productHeader .btnDeleteAll { display:block; position:absolute; top:50%; right:7px; width:69px; height:24px; margin-top:-12px; border:1px solid #9c836a; border-radius:20px; line-height:22px; font-size:12px; color:#9c836a; text-align:center;}
.reservationSection .productHeader h1 { display:table; width:100%; font-size:16px; color:#9c836a;}
.reservationSection .productHeader h1 span { display:table-cell; height:48px; padding-left:16px; padding-right:85px; vertical-align: middle; font-family:'roboto'; font-weight:500;}
.reservationSection .productWrap { position:relative; height:400px; border:1px solid #f4f2ef; border-top:1px solid #fff; border-radius:0 0 5px 5px; background:#f9f9f9;}
.reservationSection .productNone { display:table-cell; width:254px; height:100%; font-size:14px; color:#9c836a; text-align:center; vertical-align:middle;}

.reservationSection .productListBox {}
.reservationSection .productListBox .productItem:first-child .productListH { border-top:0;}
.reservationSection .productListBox .productListH { position:relative; border-top:1px solid #fff;}
.reservationSection .productListBox .productListH h2 {display:table; width:100%; font-size:14px; color:#9c836a;}
.reservationSection .productListBox .productListH h2 span { display:table-cell; height:48px; padding-left:16px; padding-right:47px; vertical-align: middle; font-weight:450; cursor:pointer;}
.reservationSection .productListBox .productListH .btnDelete { display:block; position:absolute; top:50%; right:7px; width:24px; height:24px; margin-top:-12px; font-size:0; background:url('/pcPub/static/images/reservation/btn_product_close.png') no-repeat;}
.reservationSection .productListBox .productListC { padding:0 16px; border-top:1px dotted #e6e3df;}
.reservationSection .productListBox .productListC h3 { margin:16px 0 13px; font-size:14px; font-weight: 450; color:#333;}
.reservationSection .productListBox .productListC p { margin-bottom:5px;}

.reservationSection .productListBox .productItem.on .productListH h2 { background:#fff;}

.reservationSection .casyBox { padding:20px 0 16px;}
.reservationSection .casyBox dl { overflow:hidden; font-size:14px; color:rgba(0,0,0,0.7);}
.reservationSection .casyBox dl + dl { margin-top:5px;}
.reservationSection .casyBox dt { float:left; width:75px;}
.reservationSection .casyBox dd { float:right; width:110px; text-align:right;}
.reservationSection .casyBox .bold,
.reservationSection .casyBox .total dt,
.reservationSection .casyBox .total dd { font-weight:450; color: rgba(0,0,0,0.8); }

.reservationSection .optionListWrap { position:relative; margin:0 -16px; padding:0 16px 0 33px; background:#fff;}
.reservationSection .optionListWrap + .optionListWrap { border-top:1px solid #f9f9f9;}
.reservationSection .optionListWrap .cont { padding:13px 0 0px;}
.reservationSection .optionListWrap .cont dt { position:relative; margin-bottom:10px; font-size:12px; color:#9C836A; font-weight:450;}
.reservationSection .optionListWrap .cont dt:before { content:''; display:block; position:absolute; top:3px; left:-16px; width:10px; height:10px; background:url('/pcPub/static/images/reservation/icon_product_depth1.png') no-repeat;}
.reservationSection .optionListWrap .cont dd { font-size:12px; color:#666;}
.reservationSection .optionListWrap .cont dd p { margin-bottom:0;}
.reservationSection .optionListWrap .casyBox * { font-size:12px;}
.reservationSection .optionListWrap .btnOptionClose { position:absolute; top:13px; right:10px; width:18px; height:18px; font-size:0; background:url('/pcPub/static/images/reservation/btn_option_close.png') no-repeat;}

.reservationSection .mark { display:inline-block; width:16px; height:16px; border-radius:50%; text-align:center; font-size:10px; font-weight: 450; line-height: 16px; color:#fff; vertical-align:middle; background:silver;}
.reservationSection .mark.Red { background:#dc5b51;}
.reservationSection .mark.Purple { background:#9c4ac7;}
.reservationSection .mark.Gold { background:#c69d5b;}
.reservationSection .mark.Orange { background:#f1924c;}
.reservationSection .mark.Platinum { background:#666666;}
.reservationSection .mark.Diamond { background:#999999;}
.reservationSection .mark.Black { background:#333333;}
.reservationSection .casyBox .tooltipBox { width:200px; transform: translate(-90%, -100%); text-align:center;}
.reservationSection .casyBox .tooltipBox p { margin-bottom:0;}
.reservationSection .casyBox .tooltipBox:after { left:88%;}

.reservationSection .productFooter { padding:24px 0px 16px;}
.reservationSection .productFooter dl { overflow:hidden; font-size:14px; color:rgba(0,0,0,0.7);}
.reservationSection .productFooter dl + dl { margin-top:5px;}
.reservationSection .productFooter dt { float:left; width:70px;}
.reservationSection .productFooter dd { float:right; width:170px; text-align:right;}
.reservationSection .productTotal { padding:10px 0; border-top:1px solid #f4f2ef;}
.reservationSection .productTotal dl { overflow:hidden; color:#9c836a;}
.reservationSection .productTotal dt { float:left; width:70px; line-height:33px;}
.reservationSection .productTotal dd { float:right; width:170px; line-height:33px; font-weight:bold; text-align:right;}
.reservationSection .productTotal dd span { font-size:24px; font-family:'roboto'; font-weight:500;}
.reservationSection .productTotal .smallText { font-size:14px; color:rgba(0,0,0,0.7);}
.reservationSection .productTotal .smallText dt { line-height:1.5; font-size:14px; color:rgba(0,0,0,0.7);}
.reservationSection .productTotal .smallText dd { line-height:1.5; font-weight:200;}
.reservationSection > .btn { display:block; width:100%; border-radius:5px; margin-bottom:24px; box-shadow:3px 3px 15px rgba(0,0,0,0.25);}
.reservationSection > .btn:disabled { cursor: pointer}


.settingD_reservation { position:relative; margin:40px 0 20px;}
.settingD_reservation.type1 { height:300px;}
.settingD_reservation.type2 { height:303px;}
.settingD_reservation.type3 { height:300px;}
.settingD_reservation > img { display:none; position:absolute; top:0; left:0;}
.settingD_reservation > img:first-child { display:block;}

.settingCasyInfo { overflow:hidden; position:relative; border-bottom:1px solid #f4f2ef; padding-bottom:20px; margin:5px 0 -20px;}
.settingCasyInfo h4 { top:3px; left:0; font-size:16px; color:#9c836a;}
.settingCasyInfo h5 { margin-top:10px; color:#666666; font-size:14px;}
.settingCasyInfo dl { overflow:hidden; margin-top:10px;}
.settingCasyInfo dt { float:left; font-size:14px; color:#666666;}
.settingCasyInfo dt span { display:inline-block; width:10px; height:10px; margin-right:5px; border-radius:50%; background:red;}
.settingCasyInfo dd { float:right; font-size:14px; color:#999;}
.settingCasyInfo .left { float:left; width:50%; padding-right:2%;}
.settingCasyInfo .right { float:right; width:50%;}
.settingCasyInfo .left dt,
.settingCasyInfo .right dt { float:none;}
.settingCasyInfo .left dd,
.settingCasyInfo .right dd {float:none;}

/* 로그인 레이어 팝업  */
.layerPopWrap .loginWrap {}
.layerPopWrap .loginWrap h1 { padding:30px 0 30px;}
.layerPopWrap .loginWrap .loginBox { float:none; width:auto; padding-right:0;}
.layerPopWrap .loginWrap .btnLoginGroup { position:relative; margin-top:24px;}
.layerPopWrap .loginWrap .btnLoginGroup .btn { margin-top:0;}
.layerPopWrap .loginWrap .btnLoginGroup .btn + .btn { margin-top:48px;}
.layerPopWrap .loginWrap .btnLoginGroup:before { content:''; display:block; position:absolute; top:80px; left:0; right:0; height:1px; background:#e6e3df;}
.layerPopWrap .loginWrap .btnLoginGroup:after { content:'or'; display:block; position:absolute; top:50%; left:50%; width:48px; text-align:center; transform:translate(-50%, -50%); font-size:14px; color:#9c836a; text-transform:uppercase; background:#fff;}

.layerPopWrap .loginWrap .popJoinBox { padding:22px 0; margin:49px -64px 0; background:#f9f9f9;}
.layerPopWrap .loginWrap .popJoinBox .wrap { position:relative; padding:0 64px;}
.layerPopWrap .loginWrap .popJoinBox .wrap p { color:#9c836a; font-size:14px; font-weight: 300;}
.layerPopWrap .loginWrap .popJoinBox .wrap .btn { position:absolute; top:0; right:64px;}


/* event */
.eventCalendarWrap { position:relative; padding-bottom:230px;}
.eventCalendarWrap > h1 { padding:59px 0 58px; font-weight:100; font-size:30px; line-height:40px; }
.eventCalendarWrap > h1 span { display:block; padding-bottom:13px; font-size:16px; color:#9c836a; font-weight:450; }
.eventCalendarWrap .date { overflow:hidden; padding-top:8px; padding-bottom:24px;}
.eventCalendarWrap .date .tit {display:block; float:left; line-height:32px; font-family:'Roboto'; font-size:30px; color:#9c836a; font-weight:300;}
.eventCalendarWrap .date [class*=btn] { overflow:hidden; float:left; width:32px; height:32px; font-size:0; background:url('/pcPub/static/images/event/btn_calendarArrow.png') no-repeat;}
.eventCalendarWrap .date .btnLeft { margin-right:24px;}
.eventCalendarWrap .date .btnRight { margin-left:24px; background-position:0 -32px;}
.calendarDay { display:table; table-layout:fixed; width:100%; border:1px solid #f4f2ef; text-align:center;}
.calendarDay li { display:table-cell; width:100%; height:42px; line-height:42px; font-family:'Roboto'; font-weight:500; color:#999;}
.calendarDate { display:table; table-layout:fixed; width:100%; min-height:162px;}
.calendarDate > li { display:table-cell; width:100%; position:relative; width:14.28%; padding:47px 16px 10px; border-bottom:1px solid #f4f2ef;}
.calendarDate > li .day { position:absolute; top:14px; left:16px; font-family:'Roboto'; font-weight:500; color:#333333;}
.calendarDate > li.blinkDate { position:relative; background:#f9f9f9;}
.calendarDate > li.blinkDate:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff;}
.calendarDate > li.blinkDate .day { color:rgba(51,51,51,0.4);}
.calendarDate > li a:hover,
.calendarDate li.hover > a { color:#9c836a; text-decoration:underline;}
.calendarDate .dotList li + li { margin-top:8px;}
.calendarDate .img {}
.calendarDate .img img { width:100%;}

.calendarThumbnail { display:none; overflow:hidden; position:absolute; z-index:3; width:352px; box-shadow:10px 10px 30px rgba(156,131,106,0.3); border-radius:5px; color:#fff; background:#9c836a; }
.calendarThumbnail .img {}
.calendarThumbnail .img img { width:352px; height:232px;}
.calendarThumbnail .info { padding:24px;}
.calendarThumbnail h1 { font-weight:normal;}
.calendarThumbnail .text { overflow:hidden; height:75px; padding:15px 0 22px; color:rgba(255,255,255,0.6);}
.calendarThumbnail .date { font-size:12px; color:rgba(255,255,255,0.4);}
.calendarThumbnail .share { display:block; position:absolute; top:348px; right:24px; width:17px; height:17px;}
.calendarThumbnail .share .btnShare { display:block; width:17px; height:17px; font-size:0; background:url('/pcPub/static/images/event/btn_share.png') no-repeat;}
.calendarThumbnail .btnGroup { width:100%; margin-top:23px;}
.calendarThumbnail .btnGroup .btn { display:block; border-color:#fff; color:#fff; background:none;}
.calendarThumbnail .btnGroup .btn span { color:#fff; font-weight:300;}
.calendarThumbnail .btnGroup.type2 {overflow:hidden;}
.calendarThumbnail .btnGroup.type2 .btn { float:left; width:148px;}
.calendarThumbnail .btnGroup.type2 .btn + .btn { margin-left:8px;}
.calendarThumbnail .endEvent { position:absolute; top:204px; right:16px; width:56px; height:56px; border:1px solid #9c836a; border-radius:50%; color:#9c836a; font-size:14px; line-height:56px; text-align:center; background:#fff;}

.eventViewWrap { padding-bottom:180px;}
.eventViewWrap h1 { display:block; padding:59px 0 20px; border-bottom:1px solid #edebea; font-size:16px; color:#9c836a; font-weight:400; }
.eventViewWrap h2 { padding:45px 0 40px; font-size:24px; color:#333;}
.eventViewWrap .viewBox { overflow:hidden; position:relative; padding-right:288px;}
.eventViewWrap .viewBox .img { float:left; width:832px; margin-right:32px;}
.eventViewWrap .viewBox img { max-width:100%;}
.eventViewWrap .viewBox .cont { position:absolute; top:117px; right:0; width:256px;}
.eventViewWrap .viewBox .text { overflow:hidden; height:75px; padding:0 0 22px; font-size:16px; line-height:24px; color:rgba(0,0,0,0.65);}
.eventViewWrap .viewBox .date { font-size:12px; color:rgba(0,0,0,0.45);}
.eventViewWrap .viewBox .share { margin-top:24px;}
.eventViewWrap .viewBox .share .btnShare { display:block; font-size:14px; color:#9c836a; text-decoration:underline;}
.eventViewWrap .viewBox .share .btnShare:before { content:''; display:inline-block; width:17px; height:17px; margin-right:10px; vertical-align:middle; background:url('/pcPub/static/images/event/btn_share2.png') no-repeat;}
.eventViewWrap .viewBox .btnGroup { padding-top:32px;}
.eventViewWrap .viewBox .btnGroup .btn { display:block; height: 56px;}
.eventViewWrap .viewBox .btnGroup .btn + .btn { margin-top:8px;}
.eventViewWrap .viewBox .viewBtnGroup { position:absolute; top:45px; right:0; width:256px;}
.eventViewWrap .viewBox .viewBtnGroup [class*=btn] span { display:inline-block; width:6px; height:10px; margin-top:10px; font-size:0; vertical-align:middle; background:url('/pcPub/static/images/event/btn_view_arrow.png') no-repeat;}
.eventViewWrap .viewBox .viewBtnGroup .btnPrev { position:absolute; top:0; left:0; width:30px; height:30px; text-align:center;}
.eventViewWrap .viewBox .viewBtnGroup .btnNext { position:absolute; top:0; right:0; width:30px; height:30px; text-align:center;}
.eventViewWrap .viewBox .viewBtnGroup .btnNext span { background-position:-6px 0;}
.eventViewWrap .viewBox .viewBtnGroup .btnList { display:block; margin:0 30px; height:30px; line-height:30px; text-align:center; color:#9c836a; text-decoration:underline;}

.layerPopWrap.normalLayer .sharePop { width:376px; margin-left:-188px;}
.sharePop .shareBox {}
.sharePop .shareBox ul { margin:0 0 0px -24px; font-size:0; text-align:center;}
.sharePop .shareBox li { display:inline-block; margin-left:24px; margin-bottom:45px;}
.sharePop .shareBox li a { display:block; width:88px; padding-top:100px; color:#666666; font-size:14px; text-align:center; background:url('/pcPub/static/images/event/sns_pop.png') no-repeat;}
.sharePop .shareBox .icon1 a { background-position:0 0;}
.sharePop .shareBox .icon2 a { background-position:-88px 0px;}
.sharePop .shareBox .icon3 a { background-position:-176px 0;}
.sharePop .shareBox .icon4 a { background-position:-264px 0;}
.sharePop .shareBox .icon5 a { background-position:-352px 0;}
.sharePop .shareBox .icon6 a { background-position:-440px 0;}
.sharePop .shareBox .copy { position:relative; margin-bottom:25px; border:1px solid #e6e3df;}
.sharePop .shareBox .copy input { width:100%; height:45px; border:0; padding-left:10px; padding-right:50px; line-height:45px; font-size:14px; color:#000000;}
.sharePop .shareBox .copy a { position:absolute; top:50%; right:10px; transform:translateY(-50%); color:#9c836a; text-decoration:underline;}

/* 1:1문의 팝업 */
.inquiryPopCont {}
.inquiryPopCont .category .ui-select-wrapper { display:block;}
/*
.inquiryPopCont .category .double { margin-top:8px; padding-bottom:32px; border-bottom:1px solid #f4f2ef;}
.inquiryPopCont .category .double .ui-select-wrapper { float:left; width:364px;}
.inquiryPopCont .category .double .ui-select-wrapper + .ui-select-wrapper { margin-left:8px;}
*/

.inquiryPopCont .category .double { display:table; table-layout:fixed; width:100%; margin-top:8px; padding-bottom:32px; border-bottom:1px solid #f4f2ef;}
.inquiryPopCont .category .double:after { display:none;}
.inquiryPopCont .category .double .ui-select-wrapper { display:table-cell; padding:0 4px;}
.inquiryPopCont .category .double .ui-select-wrapper:first-child { padding-left:0;}
.inquiryPopCont .category .double .ui-select-wrapper:last-child { padding-right:0;}

.formInquiryWrap { padding-top:32px; padding-bottom:32px; border-bottom:1px solid #f4f2ef;}
.formInquiryWrap dt { font-size:14px; color:#9c836a;}
.formInquiryWrap dd { position:relative; margin-top:5px;}
.formInquiryWrap dl { margin-bottom:20px;}

.formInquiryWrap .title { position:relative;}
.formInquiryWrap .title .imp { position:absolute; top:0; right:0; color:#666;}
.formInquiryWrap .title .imp .color { color:#9c836a;}
.formInquiryWrap .inp { display:block;}
.formInquiryWrap .name { float:left; width:50%; padding-right:17px;} 
.formInquiryWrap .pwd { float:left; width:50%; padding-left:17px; padding-right:0;}
.formInquiryWrap .phone dd { font-size:0;}
.formInquiryWrap .phone .ui-select-wrapper { width:232px; margin-right:9px;}
.formInquiryWrap .phone dd span { display:inline-block; width:31px; font-size:14px; color:#000; line-height:46px; vertical-align:middle; text-align:center;}
.formInquiryWrap .phone .inp { display:inline-block; width:232px;}
 
.inquiryPopCont .termArea { border-bottom:0; padding-bottom:32px;}
.inquiryPopCont .termArea > div:first-of-type { margin-top:32px;}
.inquiryPopCont .termArea h2 { font-size:16px;}
.inquiryPopCont .termArea h2 span { color:#e66045;}
 
.inquiryPopCont .btnGroup { padding:24px 0; margin:0 -32px; border-top:1px solid #f4f2ef; text-align:center; background:#f9f9f9;} 
.inquiryPopCont .btnGroup .btn { width:156px;} 

/* 마이페이지 */
.btnChangePWD { clear:both; padding-top:44px; text-align:center;}

.memberLeave { position:relative; padding:27px 30px; margin-top:56px; border:1px solid #e6e3df; background:#fff;}
.memberLeave h2 { margin-bottom:15px; font-size:16px; color:#000;}
.memberLeave p { color:rgba(0,0,0,0.65);}
.memberLeave .btn { position:absolute; top:50%; right:32px; margin-top:-24px;}

.mypageWrap { padding-bottom:100px;}
.mypageWrap.pos .innerBox { position:relative;}
.mypageWrap section { position:relative; margin-bottom:53px;}
.mypageWrap section h1 { margin-bottom:13px; font-size:16px;}
.mypageWrap section .btnMoreGroup { position:absolute; top:2px; right:0; font-size:0;}
.mypageWrap section .btnMoreGroup a { margin-left:14px; font-size:14px; color:#9c836a; text-decoration:underline;}

.mypageWrap .searchSection { position:absolute; top:0; right:0;}

.mypageMembership .slick-slider { position:static; padding:0 47px;}
.mypageMembership .slick-list {}
.mypageMembership .swiperWrap { padding:64px 0; text-align:center; background:#f9f9f9;}
.mypageMembership .swiperWrap .slick-track { margin:0 auto;}
.mypageMembership .swiperWrap .slick-slide { float:none; display:inline-block;}
.mypageMembership .swiperWrap li { width:260px;}
.mypageMembership .swiperWrap h2 { margin-bottom:10px; color:#333; font-weight:450; text-transform:uppercase;}
.mypageMembership .swiperWrap p { color:#666;}

.mypageMembership .btnArrow { overflow:hidden; margin-top:24px;}
.mypageMembership .btnArrow a { display:block; float:left; width:32px; height:17px; font-size:0; background:url('/pcPub/static/images/mypage/btn_membership_arrow.png') no-repeat;}
.mypageMembership .btnArrow .btnRight { float:right; background-position:0 -17px;}

.mypageMembership .slick-dots { position:absolute; bottom:5px; left:50%; text-align:center; transform:translateX(-50%); font-size:0;}
.mypageMembership .slick-dots li { display:inline-block; width:6px; height:6px; margin:0 4px; border-radius:50%; background:#c6c6c6;}
.mypageMembership .slick-dots li.slick-active { background:#9c836a;}

.mypageMembership .membershipCard { width:248px; height:156px; margin:0 auto 28px; text-align:left; box-shadow:7px 7px 15px rgba(0,0,0,0.15); background:url('/pcPub/static/images/mypage/bg_symbol.png') 201px 20px no-repeat; border-radius: 7px;}
.mypageMembership .membershipCard strong { display:block; margin-bottom:3px; color:#fff; font-family: 'Roboto'; font-weight:500; text-transform:inherit;}
.mypageMembership .membershipCard p { color:rgba(255,255,255,0.5);}
.mypageMembership .membershipCard .over { visibility:hidden; position:absolute; top:0; left:0; right:0; bottom:0; line-height:156px; color:#fff; text-align:center; text-decoration:underline; opacity:0; background:rgba(0,0,0,0.6); transition:all .2s ease;}
.mypageMembership .membershipCard a { overflow:hidden; display:block; position:relative; height:156px; border-radius: 7px;}
.mypageMembership .membershipCard a:hover .over { visibility:inherit; opacity:1;}

.mypagePromotion ul { border:1px solid #e6e3df;}
.mypagePromotion li + li { border-top:1px solid #f4f2ef;}
.mypagePromotion li a { overflow:hidden; display:block; position:relative; height:70px; padding:0 173px 0 24px; line-height:70px; font-size:16px; color:#666; text-overflow:ellipsis; white-space:nowrap; background:url('/pcPub/static/images/mypage/btn_arrow.png') no-repeat 1089px center;}
.mypagePromotion li a:hover { background-color:#f9f9f9;}
.mypagePromotion li a .date { position:absolute; top:50%; right:56px; font-size:14px; transform:translateY(-50%);}

.mypagePoint { overflow:hidden;}
.mypagePoint li { float:left; display:table; width:50%; height:72px; padding:0 24px; border:1px solid #e6e3df; line-height:72px;}
.mypagePoint li:first-child { border-right:0;}
.mypagePoint li > strong { display:table-cell; width:200px; font-size:16px; color:#999; vertical-align:middle;}
.mypagePoint li > span { display:table-cell; text-align:right; font-size:30px; font-family: 'Roboto'; font-weight:400; vertical-align:middle;}
.mypagePoint li .icon { display:inline-block; width:24px; height:24px; margin-left:5px; margin-top:-6px; font-size:0; vertical-align:middle; background:url('/pcPub/static/images/mypage/icon_point.png') no-repeat;}
.mypagePoint .usepoint { border-top-color:#9c836a; color:#9c836a;}
.mypagePoint .usepoint .icon { background-position:0 -24px;}
.mypagePoint .deletepoint { border-top-color:#e66045; color:#e66045;}
.mypagePoint .deletepoint .icon { background-position:0 0px;}

.mypagecoupon h1 > span { color:#999;}
.mypagecoupon ul { overflow:hidden; margin-left:-32px;}
.mypagecoupon li { float:left; position:relative; width:256px; height:138px; padding:24px 54px 24px 24px; margin-left:32px; background:url('/pcPub/static/images/mypage/bg_coupon.png') no-repeat;}
.mypagecoupon h2 { overflow:hidden; margin-bottom:3px; font-weight:450; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.mypagecoupon .date { color:#999;}
.mypagecoupon .casy { position:absolute; bottom:17px; left:24px; font-size:24px; font-family: 'Roboto'; font-weight:500; color:#e66045;}
.mypagecoupon .casy span { margin-left:2px; font-size:14px; font-family:'Noto Sans'; font-weight:450;}

.mypageNoticeWrap { overflow:hidden;}
.mypageNoticeWrap .btnMoreGroup.type2 { right:48px;}
.mypageNotice { float:left; width:50%; padding-right:48px;}
.mypageNotice + .mypageNotice { padding:0; padding-left:48px;}
.mypageNotice ul {}
.mypageNotice li { margin-bottom:16px;}
.mypageNotice li a { display:block; position:relative;}
.mypageNotice li p { overflow:hidden; padding-right:92px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.mypageNotice .status { display:inline-block; width:80px; font-weight:450;}
.mypageNotice .status.wait { color:#666;}
.mypageNotice .status.decide { color:#9c836a;}
.mypageNotice .status.completion { color:#5d88de;}
.mypageNotice .status.uncompleted { color:#e66045;}
.mypageNotice .date { position:absolute; top:0; right:0; color:#999;}

.myMembership { margin-top:48px;}
.myMembership .slide { position:relative; min-height:432px; background:#f9f9f9;}
.myMembership .membershipCard { position:absolute; top:104px; left:678px; width:306px; height:192px; margin:0 auto 0px; text-align:left; box-shadow:7px 7px 15px rgba(0,0,0,0.15); background:url('/pcPub/static/images/mypage/bg_symbol2.png') 241px 20px no-repeat; transition:all .8s ease; transform:translateY(20px); opacity:0;}
.myMembership .membershipCard strong { display:block; margin-bottom:3px; color:#fff; font-family: 'Roboto'; font-size: 16px; font-weight:500; text-transform:inherit;}
.myMembership .membershipCard p { font-size: 16px; color:rgba(255,255,255,0.5);}
.myMembership .slick-active .membershipCard { transform:translateY(0); opacity:1;}
.myMembership .textBox { float:left; width:544px; padding-left:48px;}
.myMembership .textBox h2 { padding-top:60px; color:#9c836a; font-size:30px; font-weight:100;}
.myMembership .textBox h2 span { display:block; font-size:16px; font-weight:450; text-transform:uppercase; color:#9c836a;}
.myMembership .textBox .text { margin-top:20px; padding-bottom:35px; border-bottom:1px solid #e6e3df; font-size:16px; line-height:26px; color:#999999;}
.myMembership .textBox .text .smallText { display:block; margin-top:20px; font-size:14px; font-weight:300; color:#999999;}

.myMembership .mypoint { margin:32px 0 60px;}
.myMembership .mypoint dl { display:table; width:100%;}
.myMembership .mypoint dl + dl { margin-top:-3px;}
.myMembership .mypoint dt { display:table-cell; width:200px; font-size:16px; color:#333; font-weight:450; vertical-align:middle;}
.myMembership .mypoint dd { display:table-cell; text-align:right; text-align:right; font-size:24px; font-family: 'Roboto'; font-weight:500; vertical-align:middle; color:#333;}
.myMembership .mypoint .icon { display:inline-block; width:24px; height:24px; margin-left:5px; margin-top:-6px; font-size:0; vertical-align:middle; background:url('/pcPub/static/images/mypage/icon_point.png') no-repeat 0 -48px;}
.myMembership .mypoint .barBox { position:relative; margin-top:30px; padding-bottom:20px;}
.myMembership .mypoint .barBox .bar { position:relative; width:496px; height:11px; background:url('/pcPub/static/images/mypage/bg_bar1.png') no-repeat;}
.myMembership .mypoint .barBox .bar span { display:block; position:absolute; top:0; left:0; width:16px; height:16px; margin-top:-3px; margin-left:-8px; border-radius:50%; box-shadow:5px 5px 5px rgba(156,131,106,0.3); background:#fff;}
.myMembership .mypoint .barBox .bar em { display:none;}
.myMembership .mypoint .barBox .current { position:absolute;left:0; bottom:0; font-size:12px; font-weight:450;}
.myMembership .mypoint .barBox .next { position:absolute; right:0; bottom:0; font-size:12px; font-weight:450;}
.myMembership .mypoint .barBox .type1 ~ .current { color:#dc5b51;}
.myMembership .mypoint .barBox .type1 ~ .next { color:#9c4ac7;}
.myMembership .mypoint .barBox .type2 {  background:url('/pcPub/static/images/mypage/bg_bar2.png') no-repeat;}
.myMembership .mypoint .barBox .type2 ~ .current { color:#9c4ac7;}
.myMembership .mypoint .barBox .type2 ~ .next { color:#c69d5b;}

.myMembership .expiryDate { overflow:hidden; margin:28px 0 60px;}
.myMembership .expiryDate dl { float:left; width:50%;}
.myMembership .expiryDate dt { font-size:16px; color:#333; font-weight:450;}
.myMembership .expiryDate dd { margin-top:9px; font-size:14px; color:#999999;}

.myMembership .btnArrow { overflow:hidden; margin-top:24px;}
.myMembership .btnArrow a { display:block; float:left; width:32px; height:17px; font-size:0; background:url('/pcPub/static/images/mypage/btn_membership_arrow.png') no-repeat;}
.myMembership .btnArrow .btnRight { float:right; background-position:0 -17px;}

.myMembership .slick-dots { position:absolute; bottom:-30px; left:50%; text-align:center; transform:translateX(-50%); font-size:0;}
.myMembership .slick-dots li { display:inline-block; width:6px; height:6px; margin:0 4px; border-radius:50%; background:#c6c6c6;}
.myMembership .slick-dots li.slick-active { background:#9c836a;}

.membershipCuponList {}
.membershipCuponList .text { margin-bottom:20px; color:#666;}
.membershipCuponList .text .link { margin-left:5px;}
.membershipCuponList .link { text-decoration:underline; color:#9c836a;}

.membershipChoice { padding:0 0 32px;}
.membershipChoice h2 { font-size:16px; color:#333;}
.membershipChoice ul { overflow:hidden; margin-top:13px; margin-left:-8px;}
.membershipChoice li { float:left; width:178px; margin-left:8px;}
.membershipChoice .checkbox { padding-left:0; padding-bottom:28px;}
.membershipChoice .checkbox label:after { top:inherit; bottom:0; left:50%; margin:0 0 0 -10px;}
.membershipChoice .membershipCard { width:178px; height:108px; padding:60px 0 0 16px; background-position:136px 12px; background-size:26px;}
.membershipChoice .membershipCard strong { color:#fff; font-family:'roboto'; font-weight:500;}
.membershipChoice .membershipCard p { font-size:12px; color:rgba(255,255,255,0.65);}
.membershipChoice .type1{background-color: #dc5b51;} /*레드*/
.membershipChoice .type2{background-color: #f1924c;} /*오렌지*/
.membershipChoice .type4{background-color: #9c4ac7;} /*퍼플*/
.membershipChoice .type6{background-color: #c69d5b;} /*골드*/

.membershipChoice + .termArea { padding-bottom:32px; border-bottom:0;}
.membershipChoice + .termArea > div:first-of-type { margin-top:0;}
.membershipChoice + .termArea h2 { font-size:16px;}

.iconSuccessText { position:relative; padding-top:50px; font-size:16px; color:#9c836a; text-align:center;}
.iconSuccessText:before { content:''; display:block; position:absolute; top:0; left:50%; width:40px; height:40px; margin-left:-20px; background:url('/pcPub/static/images/common/icon/icon_none_1.png') no-repeat;}

.iptRight { margin-bottom:-19px; text-align:right;}

.benefit {}
.benefit.mt {margin-top:78px;}
.benefit .searchSection { top:-25px;}
.benefit > ul { overflow:hidden; margin-left:-16px;}
.benefit > ul li { float:left; position:relative; width:211px; height:230px; margin-left:16px; margin-bottom:16px; padding:87px 0px 24px; border:1px solid #e6e3df; text-align:center;}
.benefit > ul li .icon { position:absolute; top:15px; left:50%; width:70px; height:70px; margin-left:-35px; line-height:70px; text-align:center;}
.benefit > ul li .icon span { display:inline-block; width:48px; height:48px; vertical-align:middle; font-size:0; background:url('/pcPub/static/images/mypage/icons_benefit.png') no-repeat;}
.benefit > ul li .text { font-size:14px; color:#9c836a; line-height:24px;}
.benefit > ul li .text span { display:block; margin-top:5px; font-size:16px; color:#333333;}
.benefit > ul li .smallText { position:absolute; bottom:0; left:0; right:0; padding:10px; text-align:center; font-size:12px; color:#999; background:#f9f9f9;}
.benefit > ul li a { position:absolute; bottom:0; left:0; right:0; padding:10px; text-align:center; font-size:12px; color:#999; background:#f9f9f9;}

.benefit ul li .icon.type1 span { background-position:0 0;}
.benefit ul li .icon.type2 span { background-position:-48px 0;}
.benefit ul li .icon.type3 span { background-position:-96px 0;}
.benefit ul li .icon.type4 span { background-position:-144px 0;}
.benefit ul li .icon.type5 span { background-position:-192px 0;}
.benefit ul li .icon.type6 span { background-position:-240px 0;}
.benefit ul li .icon.type7 span { background-position:0 -48px;}
.benefit ul li .icon.type8 span { background-position:-48px -48px;}
.benefit ul li .icon.type9 span { background-position:-96px -48px;}

/* 나의 포인트 */
.mypointInfo { overflow:hidden;}
.mypointInfo dl { float:left; width:280px; padding:19px 24px 14px; border:1px solid #e6e3df; border-width:1px 1px 1px 0;}
.mypointInfo dt { font-size:16px; color:#333; font-weight:300; vertical-align:middle;}
.mypointInfo dd { margin-top:12px; height:35px; text-align:right; font-size:24px; font-family: 'Roboto'; font-weight:500; vertical-align:middle; color:#333;}
.mypointInfo dd em {font-family: 'Roboto'; font-weight:500; line-height:1; font-size: 30px;}
.mypointInfo dd a { display:inline-block; border-bottom:1px solid #333; margin-top:-3px; font-family: 'Roboto'; font-weight:500; vertical-align:middle; color:#333; font-size:24px; line-height:1;}
.mypointInfo dd a + .icon { margin-top:-4px;}
.mypointInfo .icon { display:inline-block; width:24px; height:24px; margin-left:5px; margin-top:-9px; font-size:0; vertical-align:middle; background:url('/pcPub/static/images/mypage/icon_point.png') no-repeat 0 -48px;}
.mypointInfo dl:first-child { border-color:#9c836a; background:#9c836a;}
.mypointInfo dl:first-child * { color:#fff;}
.mypointInfo dl:first-child .icon { background-position:0 -72px;}
.mypointInfo dl:last-child dd { color:#e66045;}
.mypointInfo dl:last-child .icon { background-position:0 0px;}

/* 검색영역 */
.mypageWrap .searchBoxWrap { margin-bottom:0;} 
.searchBoxWrap { position:relative; margin:48px 0 0; padding:15px 0; padding-left:160px; border:1px solid #f4f2ef; font-size:0; background:#f9f9f9;}
.searchBoxWrap h1 { position:absolute; top:50%; left:48px; margin-top:-11px; font-weight:400; color:#9c836a; font-size:16px;}
.searchBoxWrap .inp.calendar { margin-left:0; width:288px;}
.searchBoxWrap > span { display:inline-block; width:32px; height:48px; color:#000; font-size:14px; line-height:48px; text-align:center; vertical-align:middle;}
.searchBoxWrap .ui-select-wrapper { margin:0 8px;}
.searchBoxWrap .btn { width:104px;}

.pointRadio { margin:32px 0 24px; text-align:right;}
.pointRadio .radioBox { margin-left:23px;}

.pointUseList { margin-bottom:68px;}
.pointUseList .dateBox { position:relative; padding-left:138px;}
.pointUseList .date { position:absolute; top:0; left:0; font-size:16px; font-family: 'Roboto'; font-weight:500; color:#333; letter-spacing:-0.5px;}
.pointUseList .statusBox { position:relative; padding-left:118px; padding-bottom:16px;}
.pointUseList .status { position:absolute; top:0; left:0; padding-left:34px; font-size:16px; font-weight:300;}
.pointUseList .status:after { content:''; display:block; position:absolute; top:7px; left:0; width:10px; height:10px; border-radius:50%; background:skyblue;}
.pointUseList .statusBox:after { content:''; display:block; position:absolute; top:17px; bottom:2px; left:4.5px; width:1px; background:#e6e3df;}
.pointUseList .pointUse { display: table; position:relative; width: 100%; border:1px solid #e6e3df; border-top-color:#9c836a;}
.pointUseList .pointUse + .pointUse { margin-top:16px;}
.pointUseList .pointUse .desc{display: table-cell; padding: 27px 30px; border-right: 1px solid #f4f2ef; vertical-align: top;}
.pointUseList .pointUse .tit { }
.pointUseList .pointUse .tit > p{position: relative; display: block; padding-right: 150px; margin-bottom: 2px; font-size:16px; line-height: 24px; color:#333333;}
.pointUseList .pointUse .tit > p > .eachPoint{position: absolute; right: 0; line-height: 24px; font-family: 'Roboto'; font-weight:500; color: #666; vertical-align: top;}
.pointUseList .pointUse .useDate { margin-top:10px; font-size:14px; color:#999;}
.pointUseList .pointUse .point {display: table-cell; width: 154px; padding: 27px 30px; vertical-align: top;}
.pointUseList .pointUse .point > p {font-size:16px; line-height: 24px; font-family: 'Roboto'; font-weight:500; text-align: right;}

.pointUseList .status.type1 { color:#9c836a;}
.pointUseList .status.type1:after { background:#9c836a;}
.pointUseList .status.type1 ~ .pointUse .point { color:#9c836a;}

.pointUseList .status.type2 { color:#e66045;}
.pointUseList .status.type2:after { background:#e66045;}
.pointUseList .status.type2 ~ .pointUse .point { color:#e66045;}

.pointUseList .status.type3 { color:#999;}
.pointUseList .status.type3:after { background:#999;}
.pointUseList .status.type3 ~ .pointUse .point { color:#999;}

.btnPointMore { position:relative; margin-bottom:150px; border-top:1px solid #e6e3df;}
.btnPointMore a { display:block; position:absolute; top:-20px; left:50%; width:40px; height:40px; font-size:0; background:url('/pcPub/static/images/mypage/btn_more.png') no-repeat;}

.listNone { padding:40px 0; font-size:16px; color:#9c836a; text-align:center;}
.listNone p { padding-top:55px; background:url('/pcPub/static/images/mypage/icon_none.png') no-repeat center 0;}
.listNone.bigSize p { padding-top:138px; background:url('/pcPub/static/images/common/icon/icon_none_big.png') no-repeat center 0;}

.listLoding { padding:40px 0; font-size:16px; color:#9c836a; text-align:center;}
.listLoding p { padding-top:80px; background:url('/pcPub/static/images/common/loading.svg') no-repeat center 0; background-size:80px 80px;}

.fullLoding { position:fixed; top:0; left:0; z-index:999; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.8);}
.fullLoding span { display:block; position:absolute; top:50%; left:50%; width:150px; height:150px; margin:-75px 0 0 -75px; background: url('../images/common/loading.svg') no-repeat center center; background-size:150px 150px;}


/* 이용문의 */

.btnInquiry { position:absolute; top:122px; right:80px;}
.btnInquiry > a{color: #9c836a;}

.inquiryList { position:relative; padding:0 240px 0 116px; border:1px solid #f4f2ef; border-color:#fff #fff #f4f2ef #fff;}
.inquiryList:first-of-type { border-top-color:#f4f2ef}
.inquiryList .status { position:absolute; top:28px; left:24px; font-size:16px; font-weight:450;}
.inquiryList .status.end { color:#5d88de;}
.inquiryList .status.wait { color:#666;}
.inquiryList:after { content:''; display:block; position:absolute; top:32px; right:24px; width:15px; height:8px; background:url('/pcPub/static/images/mypage/icon_inquiry_arrow.png') no-repeat 0 -8px;}
.inquiryList button { display:block; width:100%; text-align:left; outline:0;}
.inquiryList button h2 {overflow:hidden; padding:28px 0 0 0; font-size:16px; color:#666666; text-overflow:ellipsis; white-space:nowrap;}
.inquiryList button .location { padding:10px 0 0 0; font-size:14px; color:#999999; font-weight:300;}
.inquiryList button .text { overflow:hidden; height:19px; margin:28px 0 28px 0; color:#999999; font-weight:300; text-overflow:ellipsis; white-space:nowrap;}
.inquiryList button .date { position:absolute; top:28px; right:140px; color:#999;}
.inquiryList button a { position:absolute; top:28px; right: 70px; display:inline-block; padding-left:15px; border-bottom:1px solid #9d836a; margin-left:11px; font-size:14px; line-height: 16px; color:#9d836a; background:url('/pcPub/static/images/mypage/btn_delete.png') no-repeat 3px center;}
.inquiryList .answerBox { display:none; position:relative; margin: 0 -240px 0 -116px; padding:28px 240px 28px 116px; border-top:1px solid #f4f2ef; background:#f9f9f9; }
.inquiryList .answerBox .date { position:absolute; top:28px; right:140px; color:#999;}
.inquiryList:hover { background:#f9f9f9;}

.inquiryList.on { border:1px solid #9c836a; background:#fff;}
.inquiryList.on button h2 { text-overflow:clip; white-space:normal;}
.inquiryList.on button .text { height:auto; text-overflow:clip; white-space:normal;}
.inquiryList.on:after { background-position:0 0;}

/* 오퍼 상세 */
.popOfferDetail .inquiryPopCont { position:relative;}
.popOfferDetail .inquiryPopCont > h2 { margin-top:-11px; font-size:30px; color:#9c836a; font-weight:100;}
.popOfferDetail .inquiryPopCont > h3 { margin-top:35px; font-size:16px; color:#333;}
.popOfferDetail .state { position:absolute; top:0; right:0px; font-size:0;}
.popOfferDetail .state span { display:inline-block; height:24px; padding:0 8px; margin-left:4px; font-size:12px; line-height:24px; color:#fff; background:#7e7578;}
.popOfferDetail .state .type1 { background:#da5b4e;}
.popOfferDetail .state .type2 { background:#9c836a;}
.popOfferDetail .state .type3 {}
.popOfferDetail .date { margin-top:8px; color:#999;}
.popOfferDetail .date span { display:inline-block;}
.popOfferDetail .date span:before { content:''; display:inline-block; width:1px; height:14px; margin-left:3px; margin-right:5px; vertical-align:middle; background:#e6e3df;}
.popOfferDetail .casyBox { position:absolute; top:66px; right:0; text-align:right;}
.popOfferDetail .casyBox .primeCost { color:#999999; text-decoration:line-through}
.popOfferDetail .casyBox .saleCost {}
.popOfferDetail .casyBox .saleCost .red { color:#e66045; font-weight:450;}
.popOfferDetail .casyBox .saleCost em { font-size:30px; font-family:'roboto'; color:#333; font-weight: 500;}
.popOfferDetail .casyBox .saleCost .smallText { font-size:16px; font-weight:450; color:#333;}
.popOfferDetail .casyBox .saleCost .subText { display:block; margin-top:-3px; font-size:12px; color:#999999;}
.popOfferDetail .btnReservation { margin-top:25px;}
.popOfferDetail .imgTextBox {margin-top:40px;padding:0 32px 32px;border:1px solid #e6e3df;border-top:none;}
.popOfferDetail .imgTextBox .img { margin:0 -33px; }
.popOfferDetail .imgTextBox .img img { width:736px;}
.popOfferDetail .imgTextBox h3 { margin-top:28px; font-size:16px; color:#9c836a;}
.popOfferDetail .imgTextBox p { margin-top:8px; color:#666666; line-height:22px;}
.popOfferDetail .facilities { overflow:hidden; margin:32px 0 0 -8px;}
.popOfferDetail .facilities .kind { overflow:hidden; float:left; position:relative; margin:0 0 8px 8px; width:178px; height:115px; font-size:300;}
.popOfferDetail .facilities .kind img { height:100%;}
.popOfferDetail .facilities .kind span { position:absolute; top:50%; left:0; right:0; text-align:center; color:#fff; transform: translateY(-50%);}
.popOfferDetail .facilities .kind:before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4)}
.popOfferDetail .facilitiesText { margin-top:5px; font-size:12px; color:#999999;}
.popOfferDetail .facilitiesMargin { margin-left:5px;}
.popOfferDetail .cautionBox { margin-top:30px;}

.dindDrinkwrap { padding-bottom:160px;}
.dindDrinkwrap .utilMenu { margin:6px 0 0;}

ul.diningTab{border-left: 0;}
ul.diningTab li{float: left; height: 40px; margin-right: 22px;}
ul.diningTab li a{height: 40px; font-size: 16px; font-weight: 300; color: #999; line-height: 40px; text-transform:uppercase;}
ul.diningTab li:last-of-type{margin-right: 0;}
ul.diningTab li.on a{color: #9c836a; text-decoration: underline;}

.DDfindList { margin-top:16px; padding:32px 0 64px; margin-left:-160px; border-top:1px solid #f4f2ef; font-size:0;}
.DDfindList .findDiningItem { display:inline-block; width:50%; padding-left:160px; margin-top:32px; vertical-align: middle;}
.DDfindList .findDiningItem.full { width:100%; padding:0;}
.DDfindList .findDiningItem.left { padding-right:80px; padding-left:0;}
.DDfindList .findDiningItem.right { padding-right:0px; padding-left:80px;}
.DDfindList .findDiningItem .img {}
.DDfindList .findDiningItem .textBox { position:relative; padding-right:125px;}
.DDfindList .findDiningItem h2 { margin-top:20px; font-size:16px; color:#9c836a; text-transform:uppercase;}
.DDfindList .findDiningItem .text { margin-top:4px; font-size:14px; color:#666;}
.DDfindList .findDiningItem .btn { position:absolute; top:0; right:0;}

.detailTextBox { position:relative; margin:32px 0 32px;}
.detailTextBox h2 { font-size:30px; color:#9c836a; font-weight:100; text-transform:uppercase;}
.detailTextBox .subTit { margin-top:3px; font-size:16px; color:#9c836a;}
.detailTextBox .subTit br { display:none;}
.detailTextBox .text { margin-top:20px; color:#666; line-height:22px;}
.detailTextBox .btnGroup { position:absolute; top:0; right:0; font-size:0;}
.detailTextBox .btnGroup a { width:125px; margin-left:8px;}

.detailInfo { position:relative; padding:40px 0; border-top:1px dotted #e6e3df;}
.detailInfo h3 { margin-bottom:12px; font-size:16px;}
.detailInfo .infoDetail { overflow:hidden; margin-top:30px;}
.detailInfo .infoDetail > dl { float:left; width:256px;}
.detailInfo .infoDetail > dl.type2 { width:516px;}
.detailInfo .infoDetail > dl + dl { margin-left:32px;}
.detailInfo .infoDetail > dl > dt { margin-bottom:3px; font-size:16px; color:#9c836a; font-weight:300; line-height: 30px;}
.detailInfo .infoDetail > dl > dd { line-height:30px;}
.detailInfo .infoDetail > dl > dd .dotList li { margin-top:10px;}
.detailInfo .infoDetail > dl > dd .dotList.type2 li { float:left; width:256px;}
.detailInfo .infoDetail > dl > dd dl { font-size:0;}
.detailInfo .infoDetail > dl > dd dt { display:inline-block; width:90px; margin-right:6px; font-size:14px; color:#666; vertical-align:top; line-height:30px;}
.detailInfo .infoDetail > dl > dd dd { display:inline-block; width:160px; font-size:14px; color:#666; line-height:30px;}
.detailInfo .infoDetail > dl > dd dl.type2 dt { width:100px;}
.detailInfo .infoDetail > dl > dd dl.type2 dd { width:150px;}
.detailInfo .infoDetail > dl > dd dd .smallText{line-height: 20px; display: block;}
.detailInfo .infoDetail .link { display:inline-block; margin-left:5px; color:#9c836a; text-decoration:underline;}
.detailInfo .infoDetail .bold { margin:10px 0 5px; font-weight:300; color:#333;}
.detailInfo .tbLink { position:absolute; top:40px; right:0; color:#9c836a; text-decoration:underline;}
.detailInfo .tbLink_menu1 { position:relative; top:20px; left:720px; color:#9c836a; text-decoration:underline;}
.detailInfo .tbLink_menu2 { left:750px; }
.detailInfo .priceList { margin-bottom:0;}
.detailInfo .priceList + * { margin-top:5px;}
.jsSwiperMotion {}
.jsSwiperMotion .slick-initialized { margin-left:-31px;}
.jsSwiperMotion .slick-slide { overflow:hidden; margin-left:31px;}
.detailInfo .jsSwiperMotion .img { width:544px; height:306px;}
.detailInfo .jsSwiperMotion .img img { width:100%;}
.detailInfo .jsSwiperMotion h4 { margin-top:20px; font-size:16px; color:#333; font-weight:450;}
.detailInfo .jsSwiperMotion .text { overflow:hidden; height:38px; margin-top:10px; color:#666;}
.detailInfo .btnDownloadLink { position:absolute; top:40px; right:0;}
.detailInfo .btnDownloadLink a { font-size:14px; color:#9c836a; text-decoration:underline;}
.detailInfo .btnDownloadLink a:before { content:''; display:inline-block; width:15px; height:15px; margin-top:-2px; margin-right:8px; vertical-align:middle; background:url('/pcPub/static/images/common/icon/icon_download.png') no-repeat;}
.detailInfo .btnDownloadLink a + a { margin-left:10px;}

.detailInfo .brandIntroduce { position:relative;}
.detailInfo .brandIntroduce h4 { font-size:16px; color:#9c836a;}
.detailInfo .brandIntroduce .text { margin-right:300px; margin-top:8px; color:#666;}
.detailInfo .brandIntroduce .link { margin-top:21px;}
.detailInfo .brandIntroduce .link a { color:#9c836a; text-decoration:underline;}
.detailInfo .brandIntroduce .brandLogo { position:absolute; top:0; right:0;}

.detailInfo .tapView {}
.detailInfo .tapView .title { margin-top:18px; font-weight:450; font-size:16px; color:#333;}
.detailInfo .tapView .text { margin-top:5px; color:#666; line-height:22px;}

.btnSubmitBox { padding:40px 0; border-top:1px dotted #e6e3df; text-align:center;}

.dindDrinkwrap .eventList { margin-top:12px; padding-top:56px; border-top:1px solid #f4f2ef;}
.dindDrinkwrap .eventList li div.txt { height:auto; padding:20px 0 0;}
.dindDrinkwrap .eventList li div.txt .sub { margin-bottom:0;}
.dindDrinkwrap .eventList + .paginate { margin-top:80px;}

.eventSwipe {}
.eventSwipe li > a { display:block;}
.eventSwipe .img {}
.eventSwipe h4 { margin-top:20px; color:#333; font-weight:450;}
.eventSwipe .text { overflow:hidden; height:38px; margin-top:10px; color:#666;}
.eventSwipe .date { margin-top:20px; font-size:12px; color:#999;}

.casualDetail { overflow:hidden; position:relative; margin-bottom:64px;}
.casualDetail .img { float:left; width:512px; margin-right:64px;}
.casualDetail .img img { width:512px;}
.casualDetail h2 { margin-top:13px; font-size:30px; color:#9c836a; font-weight:100;}
.casualDetail .subTit { margin-top:2px; font-size:16px; color:#9c836a;}
.casualDetail .siteLink { margin-top:9px;}
.casualDetail .siteLink a { color:#999; text-decoration:underline;}
.casualDetail .siteLink a:after { content:''; display:inline-block; width:12px; height:12px; margin-top:-2px; margin-left:8px; vertical-align:middle; background:url('/pcPub/static/images/common/icon/icon_site_link.png') no-repeat;}
.casualDetail .infoDetail { display:table; width:544px; padding-top:30px; table-layout:fixed;} 
.casualDetail .infoDetail > dl { display:table-cell;}
.casualDetail .infoDetail > dl:first-child { width:190px;}
.casualDetail .infoDetail > dl + dl { padding-left:24px;}
.casualDetail .infoDetail > dl > dt { margin-bottom:3px; font-size:16px; color:#333; font-weight:300;}
.casualDetail .infoDetail > dl > dd { margin-top:4px; line-height:22px;}
.casualDetail .infoDetail > dl > dd dl { font-size:0;}
.casualDetail .infoDetail > dl > dd dt { display:inline-block; width:50%; font-size:14px; color:#666; vertical-align:top; line-height:22px;}
.casualDetail .infoDetail > dl > dd dd { display:inline-block; width:50%; font-size:14px; color:#666; line-height:22px;}
.casualDetail .link { display:inline-block; color:#9c836a; text-decoration:underline;}

/* 다이닝 예약 */
.reservationPopCont {}
.reservationPopCont .textTopBox { margin-bottom:30px; border:1px solid #e6e3df; padding:30px; text-align:center; color:#9c836a;}
.reservationPopCont > h2 { font-size:30px; font-weight:100; color:#9c836a;}
.reservationPopCont .subTxt { padding-bottom:30px; border-bottom:1px solid #f4f2ef; font-size:14px; color:#999; font-weight:300; line-height:1;}
.reservationPopCont .subTxt span + span:before { content:''; display:inline-block; width:1px; height:13px; margin:0 9px; vertical-align:middle; background:#e6e3df;}
.reservationPopCont .reservationSelect { margin-top:20px; margin-left:-8px;}
.reservationPopCont .reservationSelect:after { content:''; display:block; clear:both;}
.reservationPopCont .reservationSelect dl { float:left; width:248px; padding-left:8px;}
.reservationPopCont .reservationSelect dt { font-size:14px; color:#9c836a;}
.reservationPopCont .reservationSelect dd { position:relative; margin-top:5px;}
.reservationPopCont .reservationSelect dd .inp,
.reservationPopCont .reservationSelect dd .ui-select-wrapper { width:100%;}
.reservationPopCont .btnUseCheck { margin:40px 0; text-align:center;}

.useCheckOk {}
.useCheckOk .textBox { padding:38px 0; color:#666; line-height:22px; text-align:center; background:#f9f9f9;}
.useCheckOk .textBox span { color:#5d88de;}
.useCheckOk .formInfoPop { margin-top:27px;}
.useCheckOk .formInfoPop h2 { position:relative; margin-bottom:18px; font-size:16px; color:rgba(0,0,0,0.8)}
.useCheckOk .formInfoPop h2 .important { position:absolute; top:0; right:0; font-size:14px; color:#666666;}
.useCheckOk .formInfoPop h2 .color { color:#9c836a;}
.useCheckOk .formInfoPop h3 { margin-bottom:18px; font-size:16px; color:rgba(0,0,0,0.8)}
.useCheckOk .formInfoPop dl { width:100%; margin-bottom:20px;}
.useCheckOk .formInfoPop dt { font-size:14px; color:#9c836a;}
.useCheckOk .formInfoPop dd { position:relative; margin-top:5px;}
.useCheckOk .formInfoPop dd .inp,
.useCheckOk .formInfoPop dd .ui-select-wrapper { width:100%;}
.useCheckOk .formInfoPop dd .checkbox { top:-30px;}
.useCheckOk .formInfoPop dd .errorText + .checkbox { top:0;}
.useCheckOk .formInfoPop .name { float:left; width:50%; padding-right:4px;}
.useCheckOk .formInfoPop .email { float:left; width:50%; padding-left:4px;}
.useCheckOk .formInfoPop .phoneTime { float:left; width:50%; padding-left:4px;}
.useCheckOk .formInfoPop .phone dd { font-size:0;}
.useCheckOk .formInfoPop .phone .inp,
.useCheckOk .formInfoPop .phone .ui-select-wrapper { width:232px;}
.useCheckOk .formInfoPop .phone .ui-select-wrapper { margin-right:8px;}
.useCheckOk .formInfoPop .phone dd span { display:inline-block; width:32px; font-size:14px; color:#666; text-align:center;}
.useCheckOk .formInfoPop .phone.small {float:left; width:50%; padding-left:4px;}
.useCheckOk .formInfoPop .phone.small .inp{ width:112px;}
.useCheckOk .formInfoPop .phone.small .ui-select-wrapper{ width:114px;}
.useCheckOk .formInfoPop .phone.small dd span { width:18px;}
.useCheckOk .formInfoPop .phone.small .checkbox { margin-top:16px; font-size:14px; color:#000;}
.useCheckOk .btnSubmit { margin:32px -32px 0; padding:24px 0; border-top:1px solid #f4f2ef; text-align:center; background:#f9f9f9;}
.useCheckOk .btnSubmit a { width:156px;}

/* 멤버쉽 팝업 */
.signatureInfo { position:relative;}
.signatureInfo .membershipCard { position:absolute; top:47px; left:48px; width:264px; height:166px; margin:0 auto 0px; text-align:left; box-shadow:7px 7px 15px rgba(0,0,0,0.15); background:url('/pcPub/static/images/mypage/bg_symbol2.png') 207px 20px no-repeat;}
.signatureInfo .membershipCard strong { display:block; margin-bottom:3px; color:#fff; font-family: 'Roboto'; font-size: 14px; font-weight:500; text-transform:inherit;}
.signatureInfo .membershipCard p { font-size: 14px; color:rgba(255,255,255,0.5);}
.signatureInfo .textBox { padding-left:390px;}
.signatureInfo .textBox h2 { padding-top:18px; color:#9c836a; font-size:30px; font-weight:100;}
.signatureInfo .textBox h2 span { display:block; font-size:16px; font-weight:450; text-transform:uppercase; color:#9c836a;}
.signatureInfo .textBox .text { margin-top:8px; font-size:14px; line-height:26px; color:#999999;}
.signatureInfo .expiryDate { overflow:hidden; margin:30px 0 60px;}
.signatureInfo .expiryDate dl { float:left; }
.signatureInfo .expiryDate dl + dl { margin-left:64px;}
.signatureInfo .expiryDate dt { font-size:14px; color:#333; font-weight:450;}
.signatureInfo .expiryDate dd { margin-top:9px; font-size:14px; color:#999999;}

.signatureInfo.type1 .membershipCard { background-color:#dc5b51;}
.signatureInfo.type1 .textBox h2 { color:#dc5b51;}
.signatureInfo.type2 .membershipCard { background-color:#9250b4;}
.signatureInfo.type2 .textBox h2 { color:#9250b4;}
.signatureInfo.type3 .membershipCard { background-color:#c69d5b;}
.signatureInfo.type3 .textBox h2 { color:#c69d5b;}

.accordionWrap { margin-top:-1px;}
.accordionWrap:last-of-type { margin-bottom:40px;}
.accordionWrap button.title { position: relative; width:100%; padding: 18px 24px; border: 1px solid #e6e3df; background-color: #f9f9f9; font-weight: 450; color: #9c836a; cursor: pointer; text-align:left;}
.accordionWrap button.title:after{content: ''; display: block; position: absolute; top: 24px; right: 21px; width: 15px; height: 8px; background: url(/pcPub/static/images/mypage/icon_inquiry_arrow.png) no-repeat 0 -8px;}
.accordionWrap.on button.title:after{background-position: 0 0;}

.accordionBox { display:none; padding:24px 24px 40px;}
.accordionBox .priceList { margin:0 0 20px;}
.accordionBox .priceList th { font-size:14px;}
.accordionBox .dotList li + li { margin-top:9px;}
.accordionBox p.tit { margin-bottom:10px; font-weight:300; color:#333; font-size:14px;}
.accordionBox .dotList + p.tit { margin-top:15px;}

.membershipWrap { padding-bottom:100px;}

.signatureWrap {}
.signatureWrap .signatureTap { padding:50px 0 20px;}
.signatureWrap .signatureTap a { display:inline-block; margin-right:22px; font-size:16px; color:#999;}
.signatureWrap .signatureTap a.on,
.signatureWrap .signatureTap a:hover { color:#9c836a; text-decoration:underline;}
.signatureWrap h3 { margin-top:50px; font-size:16px; font-weight:450; text-transform:uppercase;}
.signatureWrap h3 span { display:block; margin-top:7px; font-size:14px; color:#666; font-weight:300;}
.signatureWrap h4 { margin:22px 0 9px; font-size:16px; color:#333;}
.signatureWrap .headerInfo { overflow:hidden; border-top:1px solid #f4f2ef;}
.signatureWrap .headerInfo .text {color:#666; line-height:24px;}
.signatureWrap .membershipCard { float:left; width:264px; height:166px; margin:56px 85px 69px 40px;/* padding-left:24px; padding-top:100px;*/ text-align:left; box-shadow:7px 7px 15px rgba(0,0,0,0.15); background:url('/pcPub/static/images/mypage/bg_symbol2.png') 207px 20px no-repeat;}
.signatureWrap .membershipCard strong { display:block; margin-bottom:3px; color:#fff; font-family: 'Roboto'; font-size: 14px; font-weight:500; text-transform:inherit;}
.signatureWrap .membershipCard p { font-size: 14px; color:rgba(255,255,255,0.5);}
.signatureWrap .expiryDate { margin:17px 0;}
.signatureWrap .expiryDate p { color:#999;}
.signatureWrap .accordionBox .dotList > li { color:#666; line-height:28px;}
.signatureWrap .accordionBox .dotList > li + li { margin-top:14px;}
.signatureWrap .accordionBox .dotList > li:before { top:14px; background:#666;}
.signatureWrap .accordionBox .dashList > li { margin-top:0; color:#999; line-height:24px;}
.signatureWrap .accordionBox .dashList > li:before { top:12px; background:#999;}
.signatureWrap .accordionWrap:last-of-type { margin-bottom:0;}
.signatureWrap .priceList { margin:7px 0 10px -12px;}
.signatureWrap .priceList th { font-size:14px; text-align:center;}
.signatureWrap .smallText { margin-top:5px; font-size:12px; color:#999;}
.signatureWrap .signatureCont { display:none;}
.signatureWrap .signatureCont:nth-of-type(2) { display:block;}

.signatureWrap .type1 .membershipCard { background-color:#da905a;}
.signatureWrap .type1 h3 { color:#da905a;}
.signatureWrap .type2 .membershipCard { background-color:#dc5b51;}
.signatureWrap .type2 h3 { color:#dc5b51;}
.signatureWrap .type3 .membershipCard { background-color:#9250b4;}
.signatureWrap .type3 h3 { color:#9250b4;}
.signatureWrap .type4 .membershipCard { background-color:#c69d5b;}
.signatureWrap .type4 h3 { color:#c69d5b;}

.membershipWrap .cautionBox { margin-top:47px;}
.membershipWrap .beforeMembership { margin-top:5px; text-align:right; }
.membershipWrap .beforeMembership a { color:#9c836a; text-decoration:underline;}
.membershipWrap .btnGroup { margin-top:40px; text-align:center; font-size:0;}
.membershipWrap .btnGroup > * + * { margin-left:8px;}


/* 카지노 */
.casinoWrap {padding-bottom:160px;}
.gameguideList { overflow:hidden; margin-left:-32px; }
.gameguideList .box { float:left; position:relative; width:352px; margin-left:32px; margin-bottom:32px; border:1px solid #e6e3df;}
.gameguideList .box a { display:block;}
.gameguideList .box .img { overflow:hidden; height:232px; margin:0 -1px;}
.gameguideList .box .img img {transition: 0.3s;}
.gameguideList .box h2 { margin-left:24px; margin-top:20px; font-weight:450; color:#333; text-transform:uppercase}
.gameguideList .box p { margin:8px 0 20px 24px; color:#666;}
.gameguideList .box .over { visibility:hidden; position:absolute; top:0; left:0; right:0; height:232px; padding:30px 24px 70px; background:rgba(0,0,0,0.8); opacity:0; transition:all .3s ease;}
.gameguideList .box .over p { margin:0; padding:0; color:#fff; transition:all .3s ease; transform:translateY(-10px);}
.gameguideList .box .over p.link { position:absolute; bottom:24px; left:50%; width:112px; height:40px; margin-left:-56px; border:1px solid #fff; text-align:center; line-height:38px; transform:translateY(10px);}
.gameguideList .box a:hover .img img { transform:scale(1.06)}
.gameguideList .box a:hover .over { visibility:visible; opacity:1;}
.gameguideList .box a:hover .over p { transform:translateY(0px);}

/* 잭팟 */
.jackpotCumulative { position:relative; height:453px; background:url('/pcPub/static/images/casino/bg_jackpot.jpg') no-repeat;}
.jackpotWrap .jackpotCumulative h2 { margin:0; padding:0; font-size:0;}
.jackpotCumulative p { position:absolute; right:188px; font-size:64px; color:#fff; letter-spacing:0.31em; font-family:'roboto'; font-weight:400;}
.jackpotCumulative .count1 { top:105px;}
.jackpotCumulative .count2 { top:308px;}
.jackpotCumulative .item {}
.jackpotCumulative .item1 { position:absolute; left:91px; top:-20px;}
.jackpotCumulative .item1 span { display:block; position:relative; width:150px; height:147px; background:url('/pcPub/static/images/casino/item1.png') no-repeat; animation:jackpotCoin1 2s infinite ease-in-out alternate;}
.jackpotCumulative .item2 { position:absolute; left:0px; top:144px;}
.jackpotCumulative .item2 span { display:block; width:64px; height:75px; background:url('/pcPub/static/images/casino/item2.png') no-repeat; animation:jackpotCoin2 3s infinite ease-in-out alternate;}
.jackpotCumulative .item3 { position:absolute; left:195px; top:229px;}
.jackpotCumulative .item3 span { display:block; width:46px; height:41px; background:url('/pcPub/static/images/casino/item3.png') no-repeat; animation:jackpotCoin1 4s infinite ease-in-out alternate;}
.jackpotCumulative .item4 { position:absolute; left:57px; top:285px;}
.jackpotCumulative .item4 span { display:block; width:74px; height:64px; background:url('/pcPub/static/images/casino/item4.png') no-repeat; animation:jackpotCoin1 2.5s infinite ease-in-out alternate;}
.jackpotCumulative .item5 { position:absolute; left:192px; bottom:0px;}
.jackpotCumulative .item5 span { display:block; width:66px; height:30px; background:url('/pcPub/static/images/casino/item5.png') no-repeat;}
.jackpotCumulative .item6 { position:absolute; right:150px; top:64px;}
.jackpotCumulative .item6 span { display:block; width:45px; height:39px; background:url('/pcPub/static/images/casino/item6.png') no-repeat; animation:jackpotCoin2 2s infinite ease alternate;}
.jackpotCumulative .item7 { position:absolute; right:44px; top:163px;}
.jackpotCumulative .item7 span { display:block; width:71px; height:58px; background:url('/pcPub/static/images/casino/item7.png') no-repeat; animation:jackpotCoin1 1.5s infinite ease alternate;}
.jackpotCumulative .item8 { position:absolute; right:147px; top:246px;}
.jackpotCumulative .item8 span { display:block; width:58px; height:50px; background:url('/pcPub/static/images/casino/item8.png') no-repeat; animation:jackpotCoin2 2.5s infinite ease alternate;}
.jackpotCumulative .item9 { position:absolute; right:44px; top:352px;}
.jackpotCumulative .item9 span { display:block; width:147px; height:157px; background:url('/pcPub/static/images/casino/item9.png') no-repeat; animation:jackpotCoin2 2s infinite ease alternate;}

@keyframes jackpotCoin1{
	0% { transform:translateY(0px);}
	100% { transform:translateY(-10px);}
}

@keyframes jackpotCoin2{
	0% { transform:translateY(0px);}
	100% { transform:translateY(15px);}
}

.jackpotWrap h2 { margin-top:59px; font-size:16px; color:#333;}

.jackpotList { margin-top:52px;}
.jackpotList ul { margin-left:-32px;}
.jackpotList li { float:left; position:relative; width:256px; height:180px; margin-left:32px; border:1px solid #e6e3df; margin-bottom:64px; color:#9c836a; text-align:center;}
.jackpotList li .number { position:absolute; top:-33px; left:50%; width:88px; height:88px; margin-left:-44px; line-height:88px; font-size:16px; font-family:'roboto'; font-weight:500; background:url('/pcPub/static/images/casino/bg_jackpot_num.png') no-repeat;}
.jackpotList li .money { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); text-align:center; font-family:'roboto'; font-weight:500; font-size:24px;}
.jackpotList li > div { position:absolute; bottom:0; left:0; right:0; height:47px; font-size:0; background:#f9f9f9;}
.jackpotList li > div:after { content:''; display:block; position:absolute; top:50%; left:50%; width:1px; height:12px; margin-top:-6px; background:#e6e3df;}
.jackpotList li > div span { display:inline-block; width:50%;font-size:12px; color:#666; line-height:47px;}
.jackpotList + .paginate { margin-top:0;}
.jackpotList li:nth-child(1),
.jackpotList li:nth-child(4n + 1) { animation-delay: 0s;}
.jackpotList li:nth-child(2),
.jackpotList li:nth-child(4n + 2) { animation-delay: 0.2s;}
.jackpotList li:nth-child(3),
.jackpotList li:nth-child(4n + 3) { animation-delay: 0.4s;}
.jackpotList li:nth-child(4),
.jackpotList li:nth-child(4n + 4) { animation-delay: 0.6s;}


/* 아트 스페이스 */
.galleryFull { position:relative;}
.galleryFull .img { overflow:hidden; height:496px;}
.galleryFull .img img { width:100%;}
.galleryFull .text { margin:35px 0; padding-right:100px; line-height:22px; color:#666;}
.galleryFull .btn { position:absolute; top:530px; right:0; width:152px;}

.artSpaceWrap { padding-bottom:150px;}
.artSpaceWrap .galleryList { overflow:hidden; margin-left:-32px;}
.artSpaceWrap .galleryList > div { position:relative; float:left; width:544px; margin-left:32px;}
.artSpaceWrap .galleryList .img { overflow:hidden; height:306px;}
.artSpaceWrap .galleryList h2 { margin-top:20px; font-size:16px; color:#9c836a; font-weight:450;}
.artSpaceWrap .galleryList .text { /*overflow:hidden; height:38px; */margin-top:5px;}
.artSpaceWrap .galleryList .btn { margin-top:28px;}
.artSpaceWrap .galleryList .btnMapView { position:absolute; top:325px; right:24px; font-size:14px; color:#9c836a; text-decoration:underline;}

.artSpaceWrap .editBox { margin:45px 0;}
.artSpaceWrap .editBox .tit { margin-bottom:5px; font-size:16px; color:#333; font-weight:300;}
.artSpaceWrap .editBox .text { color:#666; line-height:28px; font-size:14px;}
.artSpaceWrap .editBox .text .width { display:inline-block; width:85px;}
.artSpaceWrap .editBox .btn { margin-top:20px;}
.artSpaceWrap .editBox.type2 { position:relative; font-size:0;}
.artSpaceWrap .editBox.type2:after { content:''; display:block; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#f4f2ef;}
.artSpaceWrap .editBox.type2 > div { display:inline-block; width:50%; padding-right:40px; vertical-align:top;}
.artSpaceWrap .editBox.type2 > div + div { padding:0; padding-left:40px;}

.artSpaceWrap .productPopOpen .casy { display:none;}

#productView .txt { padding-bottom:20px;}
#productView .txt strong { display:block; font-size:14px; color:#333; font-weight:bold;}

.layerPopWrap .productImg { width:100%; margin-bottom:16px;}
.layerPopWrap .productImg img { width:100%;}

.titleLink{position: relative;}
.titleLink a{position: absolute; bottom: 65px; right: 0;}
.titleLink + .eventBox { margin-top:0;}


/* 스튜디오 */
.studioWrap { padding-bottom:140px;}
.studioWrap .innerBox { position:relative;}
.studioWrap .galleryFull .text { padding:0;}
.studioWrap .phoneCall { top:150px; right:80px;}
.studioWrap .fileDown { margin-bottom:56px;}
.studioWrap .fileDown > span{top: 21px;}

.studioType { overflow:hidden;}
.studioType > div { float:left; width:544px;}
.studioType > div + div {margin-left:32px;}
.studioType .title { margin-top:30px; font-size:16px; color:#9c836a; font-weight:450;}
.studioType .text { height:44px; margin-top:5px; line-height:22px; color:#666;}
.studioType .dotList { margin-top:40px;}
.studioType .dotList li { margin-bottom:5px;}

.studioWrap .tapBox { margin-bottom:50px;}
.studioWrap .tapView h2 { margin-bottom: 15px; font-size: 16px; line-height: 1; color: #333;}
.studioWrap .tapView .tableT { margin:-30px 0 11px; color:#666; text-align:right; }
.studioWrap .tapView tbody th { background:#f9f9f9;}
.studioWrap .tapView tbody td { font-weight:200; line-height:22px;}
.studioWrap .tapView .smallText { margin-top:7px; font-size:12px; color:#999999; }
.studioWrap .asterisk { display:inline-block; position:relative; padding-left:10px;}
.studioWrap .asterisk:before { content:'*'; position:absolute; top:0; left:0;}
.studioWrap .btnDownloadLink { display:inline-block; font-size:14px; color:#9c836a; text-decoration:underline;}
.studioWrap .btnDownloadLink:before { content:''; display:inline-block; width:15px; height:15px; margin-top:-2px; margin-right:8px; vertical-align:middle; background:url('/pcPub/static/images/common/icon/icon_download.png') no-repeat;}

/* 유료 멤버십 신청 */
.chargeMembershipTB {}
.chargeMembershipTB .date { font-weight:450; color:#9c836a;}
.chargeMembershipTB .status { margin-top:-20px; text-align:right; font-weight:450; color:#333;}
.chargeMembershipTB .status.success { color:#5d88de;}
.chargeMembershipTB .priceList { margin-top:15px;}
.chargeMembershipTB .priceList tbody tr:first-child { border-top:0;}
.chargeMembershipTB .priceList tbody tr td { padding-left:20px;}

.btnSubmit.full { margin:32px -32px 0; padding:24px 0; border-top:1px solid #f4f2ef; text-align:center; background:#f9f9f9;}
.btnSubmit.full a { width:156px;}

/* 호텔 파라다이스 */
.hotelParadiseWrap { padding-bottom:140px;}
.hotelParadiseWrap.pb0 { padding-bottom:0;}
.hotelParadiseWrap .roomWrap { padding-bottom:50px;}
.hotelParadiseWrap .roomWrap > h2 { font-weight:450; font-size:16px; color:#333;}
.hotelParadiseWrap .roomWrap > .text { margin-top:2px; margin-bottom:13px; color:#999;}

.hotelParadiseWrap .offers { padding-top:45px; margin-top:45px; border-top:1px solid #f4f2ef;}
.hotelParadiseWrap .offers ul { margin:0 -16px 0;}
.hotelParadiseWrap .offers ul li { margin:0 16px 20px;}

.hotelParadiseWrap .tapBox { margin-bottom:0;}
.hotelParadiseWrap .eventTab { margin-bottom:0;}
.hotelParadiseWrap .tapView .jsSwiperMotion .swiperArrow { top:-30px;}

/* 액티비티 */
.activityWrap { padding-bottom:150px;}
.activityWrap .linkTab + ul.eventList { margin-top:-30px;}
.activityWrap ul.eventList { min-height:316px;}
.activityWrap ul.eventList li:nth-child(1), 
.activityWrap ul.eventList li:nth-child(2), 
.activityWrap ul.eventList li:nth-child(3) { margin-top:45px}
.activityWrap ul.eventList li .img > img{width: 352px; height: 232px;}

.activityViewBox { position:relative; min-height:340px; padding-left:575px;}
.activityViewBox .img { position:absolute; left:0; top:0;}
.activityViewBox h2 { margin:20px 0 5px; font-size:30px; color:#9c836a; font-weight:100;}
.activityViewBox .text { font-size:14px; color:#666; line-height:22px; word-break: keep-all;}
.activityViewBox .addTxt{display: block; margin-top: 10px; font-size: 12px; color: #999; line-height: 18px; word-break: keep-all;}
.activityViewBox ul {display: table; position:absolute; bottom:0; left:575px; right:0; width: 609px; margin: 0 -32px;}
.activityViewBox ul li {display: table-cell; padding: 0 32px;}
.activityViewBox ul li + li{border-left: 1px solid #f4f2ef;}
.activityViewBox ul li strong { display:block; margin-bottom:10px; color:#666; font-weight:300;}
.activityViewBox ul li span { display:block; margin-bottom: 3px; color:#999999; line-height:22px; word-break: keep-all;}
.activityViewBox ul li span:last-child{margin-bottom: 0;}
.activityViewBox ul li .indent{text-indent: -6px; padding-left: 6px;}
.activityViewBox ul li .indent2{text-indent: -65px; padding-left: 65px;}
.activityViewBox ul li .siteLink > a {display: block; word-break: break-all; text-decoration: underline; line-height: 18px; margin-bottom: 4px;}
.activityViewBox ul li .siteLink a:after {content: ''; display: inline-block; width: 12px; height: 12px; margin-top: -2px; margin-left: 5px; vertical-align: middle; background: url(/pcPub/static/images/common/icon/icon_site_link.png) no-repeat;}
.activityWrap .btnGroup { padding-top:40px; margin-top:48px; border-top:1px solid #e6e3df; text-align:center;}
.activityViewBox.full > ul{position: relative; overflow: hidden; left: 0; margin-top: 30px;}
.activityView2Box {}
.activityView2Box h2 { margin-bottom:10px; font-size:16px; color:#333; font-weight:450;}
.activityView2Box .text { margin-bottom:35px; color:#666;}
.activityView2Box > .img { margin-bottom:95px;}
.activityView2Box .list { overflow:hidden; margin-left:-32px; font-size:0;}
.activityView2Box .list li { display:inline-block; width:352px; margin-left:32px; margin-bottom:45px; vertical-align:top;}
.activityView2Box .list li .img { padding-left:0; margin:0;}
.activityView2Box .list li h3 { margin-top:20px; color:#333; font-size:14px;}
.activityView2Box .list li h3 span { 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;}
.activityView2Box .list li h3 + dl { margin-top:10px;}
.activityView2Box .list li p { margin:8px 0 0px; color:#666; font-size:14px; line-height:24px;}
.activityView2Box .list li dl { position:relative; padding-left:40px; margin-bottom:5px; font-size:14px;}
.activityView2Box .list li dt { position:absolute; top:0; left:0; font-weight:400;}
.activityView2Box .list li dd p {}
.activityView2Box + .btnGroup { margin-top:0;}

.activityView3Box {}
.activityView3Box h2 { margin-top:30px; font-size:30px; color:#9c836a; font-weight:100;}
.activityView3Box .text { margin-top:5px; font-size:16px; color:#9c836a;}
.activityView3Box .detailInfo { border-top:0; padding-bottom:0;}

.activityWrap .imgSource { margin-top:40px; padding:30px 20px; font-weight:300; color:#999; font-size:12px; background:#f9f9f9;}

/* siteMap */
.siteMapBox { margin-left:-32px; margin-bottom:70px; font-size:0;}
.siteMapBox + .siteMapBox { margin-top:70px;}
.siteMapBox h2 { padding-bottom:18px; margin-bottom:28px; border-bottom:1px solid #e6e3df; font-family:'roboto'; color:#9c836a; font-weight:500; font-size:16px; text-transform:uppercase;}
.siteMapBox > div { display:inline-block; margin-left:32px; vertical-align: top; font-size:0;}
.siteMapBox dl { display:inline-block; width:256px; vertical-align:top;}
.siteMapBox dl + dl { margin-left:32px;}
.siteMapBox dt { margin-bottom:15px;}
.siteMapBox dt a { display:block; position:relative; font-family:'roboto'; padding-top:18px; color:#333; font-weight:500; font-size:14px; text-transform:uppercase;}
.siteMapBox dt span { display:block; position:absolute; top:0; left:0; color:#9c836a; font-size:12px; font-weight:bold;}
.siteMapBox dd { margin-bottom:9px;}
.siteMapBox dd a { font-size:14px; color:#666; text-transform:uppercase;}

.siteMapWrap .right { margin-top:-20px; text-align:right;}
.siteMapWrap .right .ui-select-wrapper { text-align:left;}
.siteMapWrap .termTxt { margin:24px 0 100px; padding:20px; border:1px solid #e6e3df;}


/* artMap */
.artMapTap { position:relative;}
.artMapTap .eventTab { margin-bottom:16px;}
.artMapTap .btnKART { position:absolute; top:0; right:0; font-size:16px; color:#999999;line-height: 40px; font-weight:300;}
.artMapTap .btnKART.on { color: #9c836a; text-decoration: underline;}
.artMap { position:relative;}
.artMap .tit { position:absolute; top:20px; left:25px; font-size:16px; color:#333; font-weight:450;}
.artMap .tit strong { display:block; font-size:16px; font-weight:450;}
.artMap .tit span { color:#666; font-weight:200;}
.artMap .tit.type1 strong { color:#07608b;}
.artMap .tit.type2 strong { color:#bf4933;}
.artMap .tit.type3 strong { color:#9c7437;}
.artMap .mark {}
.artMap .mark > a { display:block; position:absolute;}
.artMap .mark [class*=type] { width:22px; height:22px; border-radius:50%; color:#fff; text-align:center;}
.artMap .mark [class*=type] span { position:relative; display:block; line-height:22px; font-weight:450; font-size:12px;}
.artMap .mark [class*=type].on:before {content:''; display:block; position:absolute; left:-3px; top:-3px; width:28px; height:38px; background:url('/pcPub/static/images/map/icon_art_mark.png') no-repeat;}
.artMap .mark .type1 { background:#6aa0b9;}
.artMap .mark .type1.on:before { background-position:0 0;}
.artMap .mark .type2 { background:#d6887a;}
.artMap .mark .type2.on:before { background-position:0 -38px;}
.artMap .mark .type3 { background:#bfa47d;}
.artMap .mark .type3.on:before { background-position:0 -76px;}
.artMap .mark .type5 { background:#e69f01;}
.artMap .mark .type5.on:before { background-position:0 -114px;}
.artMap .mark .type6 { background:#7f669e;}
.artMap .mark .type6.on:before { background-position:0 -152px;}
.artMap .mark .type4 { cursor:default; background:#a8a8a8;}

.artMap .pos1 { top:493px; left:500px;}
.artMap .pos2 { top:433px; left:453px;}
.artMap .pos3 { top:464px; left:324px;}
.artMap .pos4 { top:364px; left:324px;}
.artMap .pos5 { top:387px; left:520px;}

.artMap .pos6 { top:329px; left:517px;}
.artMap .pos7 { top:263px; left:375px;}
.artMap .pos8 { top:269px; left:483px;}
.artMap .pos9 { top:40px; left:481px;}
.artMap .pos10 { top:222px; left:261px;}

.artMap .pos11 { top:141px; left:362px;}
.artMap .pos12 { top:203px; left:547px;}
.artMap .pos13 { top:157px; left:631px;}
.artMap .pos14 { top:274px; left:308px;}
.artMap .pos15 { top:320px; left:261px;}

.artMap .pos16 { top:426px; left:260px;}
.artMap .pos17 { top:333px; left:128px;}
.artMap .pos18 { top:267px; left:149px;}
.artMap .pos19 { top:474px; left:636px;}
.artMap .pos20 { top:389px; left:674px;}

.artMap .pos21 { top:300px; left:599px;}
.artMap .pos22 { top:207px; left:678px;}
.artMap .pos23 { top:338px; left:750px;}

.artMap .pos24 { top:463px; left:516px;}
.artMap .pos25 { top:313px; left:423px;}
.artMap .pos26 { top:380px; left:284px;}
.artMap .pos27 { top:363px; left:165px;}
.artMap .pos28 { top:298px; left:287px;}
.artMap .pos29 { top:159px; left:122px;}
.artMap .pos30 { top:187px; left:202px;}

.artMap .pos31 { top:231px; left:319px;}
.artMap .pos32 { top:505px; left:345px;}
.artMap .pos33 { top:362px; left:617px;}
.artMap .pos34 { top:300px; left:658px;}
.artMap .pos35 { top:254px; left:637px;}

.artMap .pos36 { top:177px; left:501px;}
.artMap .pos37 { top:50px; left:708px;}

.artMapView {}
.artMapView .box { display:none; overflow:hidden; position:absolute; top:120px; right:25px; width:304px; /*height:409px;*/ padding:0 23px 60px; border-radius:5px; box-shadow:10px 10px 30px rgba(0,0,0,0.2); background:#fff;}
.artMapView .box.on { display:block;}
.artMapView .box .img { margin:0 -23px;}
.artMapView .box .img img{display: block; width: 100%;}
.artMapView .box h2 { margin:20px 0 10px; font-size:16px;}
.artMapView .box h2 .cycle { display:inline-block; width:22px; height:22px; margin-right:5px; border-radius:50%; color:#fff; line-height:20px; font-weight:450; font-size:15p; text-align:center; background:silver;}
.artMapView .box h2.type1 { color:#07608b;}
.artMapView .box h2.type1 .cycle { background:#07608b; font-size:12px;}
.artMapView .box h2.type2 { color:#bb3921;}
.artMapView .box h2.type2 .cycle { background:#bb3921; font-size:12px;}
.artMapView .box h2.type3 { color:#946826;}
.artMapView .box h2.type3 .cycle { background:#946826; font-size:12px;}
.artMapView .box h2.type5 { color:#e68802;}
.artMapView .box h2.type5 .cycle { background:#e68802; font-size:12px;}
.artMapView .box h2.type6 { color:#5d3d86;}
.artMapView .box h2.type6 .cycle { background:#5d3d86; font-size:12px;}
.artMapView .box ul {}
.artMapView .box li { color:#666; line-height:2.1;}
.artMapView .box li strong { display:inline-block; width:34px; color:#333; font-weight:300;}
.artMapView .box a { position:absolute; bottom:24px; left:23px; border-bottom:1px solid #9c836a; color:#9c836a;}

.otherArtView { display:none; border-top:1px solid #f4f2ef;}
.otherArtView .otherArtBox { overflow:hidden; padding-top:64px; margin-left:-32px;}
.otherArtView .box { float:left; width:352px; padding:23px; margin-bottom:40px; margin-left:32px; border:1px solid #dddcd8;}
.otherArtView .box .img { margin:-23px -23px 0;}
.otherArtView .box h2 { margin:20px 0 10px; font-size:16px;}
.otherArtView .box ul {}
.otherArtView .box li { color:#666; line-height:2.1;}
.otherArtView .box li strong { display:inline-block; width:34px; color:#333; font-weight:300;}
.otherArtView .box a { margin-top:20px;}

.floorMapTab { margin:50px 0 55px;}
.floorMapTab ul.reserveCategory li { position:relative;}
.floorMapTab ul.reserveCategory li.active:after { content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:#9c836a;}

.floorMapView { display:none; position:relative; margin-bottom:100px;}
.floorMapView .levelWrap { display:none;}
.floorMapView .levelWrap.on { display:block;}
.floorMapView .map { position:relative;}
.floorMapView .map ul { position:absolute; bottom:40px; left:30px;}
.floorMapView .map ul li { display:inline-block;}
.floorMapView .map ul li + li { margin-left:15px;}
.floorMapView .map ul li a { font-size:16px; color:#999; font-weight:300;}
.floorMapView .map ul li.on a { color:#9c836a; text-decoration:underline;}
.floorMapView .mapView .box { display:none; overflow:hidden; position:absolute; top:40px; right:25px; width:304px; height:440px; padding:0 23px; border-radius:5px; box-shadow:10px 10px 30px rgba(0,0,0,0.2); background:#fff;}
.floorMapView .mapView .box.on { display:block;}
.floorMapView .mapView .box .img { margin:0 -23px;}
.floorMapView .mapView .box h2 { margin:20px 0 10px; font-size:16px;}
.floorMapView .mapView .box h2 span { display:block; color:#666; font-size:12px;}
.floorMapView .mapView .box .text { font-size:14px; color:#666; line-height:1.71;}
.floorMapView .mapView .box .link { position:absolute; bottom:32px; left:24px;}
.floorMapView .mapView .box a { border-bottom:1px solid #9c836a; color:#9c836a;}
.floorMapView .mapView .box a + a { margin-left:15px;}
.floorMapView .mapView .box.parking {}
.floorMapView .mapView .box.parking h2 { padding-bottom:25px; border-bottom:1px solid #9c836a; font-size:16px; color:#9c836a; font-weight:300; }
.floorMapView .mapView .box.parking .text { margin-top:15px; font-size:16px; color:#333; font-weight:300; }
.floorMapView .mapView .box.parking .dotList li { font-size:14px; color:#666;}
.floorMapView .floorInfo { position:absolute; top:39px; left:30px; z-index:2;}
.floorMapView .floorInfo li { margin-bottom:7px;}
.floorMapView .floorInfo li a { display:table-cell; width:88px; height:80px; border:1px solid #dcdcdc; font-size:14px; color:#999; text-align:center; vertical-align:middle;}
.floorMapView .floorInfo li.on a { border:2px solid #9c836a; box-shadow:3px 3px 3px rgba(0,0,0,0.1); color:#9c836a; font-weight:450; background:#fff;}

.detailFloor { display:none;}
.detailFloor.on { display:block;}

.mapViewInfo { margin-top:60px; margin-left:-32px; font-size:0;}
.mapViewInfo .box { position:relative; display:inline-block; width:352px; height:235px; margin-left:32px; margin-bottom:32px; padding:0 22px; border:1px solid #e6e3df; border-radius:4px; vertical-align:top;}
.mapViewInfo .box h2 { margin:20px 0 10px; font-size:16px;}
.mapViewInfo .box h2 span { display:block; color:#666; font-size:14px;}
.mapViewInfo .box .text { font-size:14px; color:#666; line-height:1.71;}
.mapViewInfo .box .link { position:absolute; bottom:23px; left:22px;}
.mapViewInfo .box a { border-bottom:1px solid #9c836a; color:#9c836a; font-size:14px;}
.mapViewInfo .box a + a { margin-left:15px;}

.mapLocation { position:absolute; top:110px; left:29px;}
.mapLocation li { margin-bottom:5px; font-size:12px; color:#333;}
.mapLocation li span { display:inline-block; width:17px; height:17px; margin-right:5px; border-radius:50%; font-size:11px; color:#fff; text-align:center; vertical-align:middle; background:#000000;}


/* 윤주미 */
	.membershipCard{ border-radius: 10px; color: #fff; background: url(/pcPub/static/images/mypage/bg_symbol2.png) 241px 20px no-repeat;}
	.membershipCard strong{color: rgba(255,255,255,0.65); text-transform: uppercase;}

	.myMembership h2.type1{color: #dc5b51;} /*레드*/
	.myMembership h2.type2{color: #f1924c;} /*오렌지*/
	.myMembership h2.type3{color: #262422;} /*블랙*/
	.myMembership h2.type4{color: #9c4ac7;} /*퍼플*/
	.myMembership h2.type5{color: #999999;} /*실버*/
	.myMembership h2.type6{color: #c69d5b;} /*골드*/
	.myMembership h2.type7{color: #666;} /*그레이*/

	/*로그인_스텝영역*/
	.stepWrap{ margin-top:-8px; margin-bottom: 56px;}
	.stepWrap ul li{position: relative; float: left; width: 227px; line-height: 24px; padding-top: 35px; font-size: 16px; color: #9c836a; font-weight: 300;}
	.stepWrap ul li:before { content:''; display:block; position:absolute; top:0; left:0; width:32px; height:32px; background: url(/pcPub/static/images/common/icon/icon_step.png) 0 0 no-repeat; background-position: 0 -32px;}
	.stepWrap ul li.on:before{background-position: 0 -64px;}
	.stepWrap ul li.off:before{background-position: 0 0; color: #999;}
	.stepWrap ul li:after{display: block; content: '';  position: absolute; top: 16px; right: 8px; left: 40px; height: 1px; background-color: #e6e3df;}
	.stepWrap ul li:last-of-type:after{display: none;}
	
	/*로그인_약관동의*/
	.termBox h2{font-size:16px; color:#000; font-weight:300;}
	.termBox h2 span{display: inline-block; color: #e66045; vertical-align: top;}
	.termBox p{margin-top:8px; color:#555; font-size:16px; font-weight: 300;}
	.termBox .titleArea{position: relative; border-bottom: 1px solid #e6e3df; padding-bottom: 48px;}
	.termBox .titleArea .checkbox2{position: absolute; right: 0; bottom: 48px;}
	.termBox .titleArea .checkbox2 label{color: #000; font-size: 16px;}
	.termArea{padding-bottom: 49px; border-bottom: 1px solid #e6e3df;}
	.termArea.none { padding:0; border:0;}
	.termArea > div{position: relative; margin-top: 40px;}
	.termArea > div:first-of-type{margin-top: 47px;}
	.termArea .termTxt{width: 100%; height: 196px; margin-top: 15px; padding: 15px; border: 1px solid #e6e3df; resize: none; box-sizing: border-box; overflow-y: auto; vertical-align: top; background-color: #fff; word-break: keep-all;}
	.termArea .checkbox{position: absolute; top: 0; right: 0;}
	.termArea .checkbox label{vertical-align: top; font-size: 14px; line-height: 22px;}

	/*로그인_가입완료*/
	.completeBox{position: relative; padding-bottom: 60px; border-bottom: 1px solid #e6e3df;}
	.completeBox > p{font-size: 16px; font-weight: 300; line-height: 26px; color: #666;}
	.completeBox dl{margin-top: 27px;}
	.completeBox dl dt{margin-bottom: 6px; font-size: 16px; font-weight: 300; color: #000;}
	.completeBox dl dd{font-size: 14px; font-weight: 300; line-height: 24px; color: #666;}
	.completeBox .membershipCard{position: absolute; top:0px; right: 0; width: 320px; height: 192px; padding:24px 31px; font-size: 16px;}
	.completeBox .membershipCard p{padding-top: 46px;}
	.completeBox .membershipCard > strong span { display:block; margin-top:7px; color:#fff; font-size:16px;}
	.completeBox .membershipCard p strong { display:block; color:#fff;}
	.completeBox .membershipCard p span { color:rgba(255,255,255,0.5);}

	/*예약_search*/
	ul.reserveCategory{ display:table; table-layout:fixed; width:100%; border-bottom: 1px solid #f4f2ef;}
	ul.reserveCategory:after { display:none;}
	ul.reserveCategory li{ display:table-cell; text-transform: uppercase; text-align: center; vertical-align: top;}
	ul.reserveCategory li a{display: block; width: 100%; height: 89px; color:#857b71; font-size: 12px; font-weight: normal; line-height: 16px; transition: 0.1s;}
	ul.reserveCategory li a span{display: block; width: 24px; height: 24px; margin: 0 auto 12px; background: url(/pcPub/static/images/reservation/icon_category.png) center 0 no-repeat;}
	ul.reserveCategory li a div{opacity: 0.4;}
	ul.reserveCategory li:hover a div,	ul.reserveCategory li.active a div{opacity: 1; font-weight:400;}
	ul.reserveCategory li:nth-of-type(1) a span{margin-bottom: 18px;}
	ul.reserveCategory li.activeNone:hover a div{ cursor:inherit; opacity:0.4;}
	
	ul.reserveCategory li a {color: #9c836a;}
	ul.reserveCategory li a span.icon1{margin-bottom: 18px;}
	ul.reserveCategory li a span.icon2{background-position-y: -240px;}
	ul.reserveCategory li a span.icon3{background-position-y: -24px;}
	ul.reserveCategory li a span.icon4{background-position-y: -48px;}
	ul.reserveCategory li a span.icon5{background-position-y: -264px; margin-bottom: 18px;}
	ul.reserveCategory li a span.icon6{background-position-y: -72px;}
	ul.reserveCategory li a span.icon7{background-position-y: -96px;}
	ul.reserveCategory li a span.icon8{background-position-y: -120px;}
	ul.reserveCategory li a span.icon9{background-position-y: -192px;}
	ul.reserveCategory li a span.icon10{background-position-y: -144px;}
	ul.reserveCategory li a span.icon11{background-position-y: -168px;}
	ul.reserveCategory li a span.icon12{background-position-y: -288px;}
	ul.reserveCategory li a span.icon13{background-position-y: -312px; margin-bottom: 18px;}

	div.searchTab{margin-top: 17px; text-align: right;}
	div.searchTab div.inp{margin-right: 5px;}
	div.searchTab div.inp input{height: 40px; line-height: 38px; padding: 0 40px 0 12px;}
	div.searchTab div.inp button.btnSearch{position: absolute; top: 1px; right: 1px; width: 38px; height: 38px; text-indent: -9999px; background: url(/pcPub/static/images/common/btn/btn_input_search.png) center no-repeat;}
	div.searchTab div.selectBox{text-align: left}
	div.searchTab div.selectBox .ui-select-trigger{height: 40px; line-height: 38px; font-size: 14px; padding-left: 12px;}
	div.searchTab div.selectBox .ui-select-option{line-height: 40px; font-size: 14px;}
	
	.reservationBox{width: 800px; padding-bottom:40px;}
	.reservationBox > img:first-child {width:800px;}
	.reservationBox + .reservationBox {padding-top:40px; border-top:2px solid #9c836a;}
	div.offers{padding-top: 28px;}
	div.offers:first-of-type{padding-top: 20px;}
	div.offers:last-of-type{padding-bottom: 80px;}
	div.offers h2{margin-bottom: 15px; font-size: 16px; font-weight: 450; color: rgba(0,0,0,0.85);}
	div.offers ul{margin: 0 -8px 0;}
	div.offers ul li{float: left; width: 256px; margin: 0 8px 20px;}
	div.offers ul li:nth-child(1),
	div.offers ul li:nth-child(3n + 1) { animation-delay: 0s;}
	div.offers ul li:nth-child(2),
	div.offers ul li:nth-child(3n + 2) { animation-delay: 0.2s;}
	div.offers ul li:nth-child(3),
	div.offers ul li:nth-child(3n + 3) { animation-delay: 0.4s;}
	div.offers ul li div.img{position:relative;width:256px;height:168px;}
	div.offers ul li div.img img { width:100%; height:100%;}
	div.offers ul li div.img p{position: absolute;top: 0; left: 0;}
	div.offers ul li div.img p span{float: left; display: block; padding: 0 8px; color: #fff; font-size: 12px; font-weight: 300; line-height: 24px; background-color: #857b71; vertical-align: top;}
	div.offers ul li div.img p span.type1{background-color: #e66045;}
	div.offers ul li div.img p span.type2{background-color: #9c836a}
	div.offers ul li div.img div.cover{ visibility:hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 42px; background-color: rgba(31,29,28,0.9); text-align: center; transition:all .3s ease; opacity:0;}
	div.offers ul li div.img div.cover a{display: block; width: 113px; margin: 0 auto 8px; padding: 9px 0; border: 1px solid #fff; color: #fff; transform:translateY(-10px);transition:transform .3s ease;}
	div.offers ul li div.img div.cover a + a { transform:translateY(10px);}
	div.offers ul li:hover div.img div.cover{ visibility:visible; opacity:1;}
	div.offers ul li:hover div.img div.cover a { transform:translateY(0px);}
	div.offers ul li.sold div.img:after{display: block; content: 'SOLD OUT'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(156,131,106,0.9); text-align: center; color: #fff; font-weight: 450; line-height: 168px;}
	div.offers ul li.sold:hover div.img div.cover{ z-index:1;}
	div.offers ul li.sold:hover div.img div.cover a { margin-top:20px;}
	div.offers ul li div.txt{padding: 20px 25px 30px; border: 1px solid #f4f2ef; border-top: 0;}
	div.offers ul li strong{display: block; color: rgba(0,0,0,0.85); font-weight: 450; text-transform: uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	div.offers ul li span.sub{overflow:hidden; display: block; height:38px; margin: 12px 0 16px; color: rgba(0,0,0,0.7);}
	div.offers ul li p.price{margin-bottom: 18px; height:19px;}
	div.offers ul li p.price span{font-weight: 450;}
	div.offers ul li p.price span.price1{font-size: 14px; color: rgba(0,0,0,0.85);}
	div.offers ul li p.price span.price2{position: relative; font-size: 12px; margin-left: 1px; color: rgba(0,0,0,0.4);}
	div.offers ul li p.price span.price2:after{display: block; content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: rgba(0,0,0,0.3);}
	div.offers ul li p.price span.discount{font-size: 14px;color: #e66045; margin-left: 5px;}
	div.offers ul li span.tag{ overflow:hidden; display: block; height:36px; font-size: 12px; line-height: 18px;}
	div.offers ul li span.date{display: block; font-size: 12px; line-height: 1; margin-top: 2px; }
	div.offers ul li .btn.full { margin-top:22px;}
	.reservationBox div.moreOffers{position: relative; width: 100%; height: 36px; text-align: center;}
	.reservationBox div.moreOffers:before{display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #f4f2ef;}
	.reservationBox div.moreOffers a{display: inline-block; position: relative; height: 36px; padding: 10px 6px 0; background-color: #fff; }
	.reservationBox div.moreOffers a span{display: inline-block; padding: 0 3px 0 19px; line-height: 16px; vertical-align: top; color: #9c836a; font-weight: 300; border-bottom: 1px solid #9c836a; z-index: 1; background: url(/pcPub/static/images/reservation/icon_plus.gif) 2px center no-repeat;}

	/*예약_E,F*/
	.productList{margin-top: 40px; padding-top: 40px; border-top: 1px dotted #e6e3df;}
	.productList h2{margin-bottom:14px; font-size:16px; color: rgba(0,0,0,0.8);}
	.productList ul li{float: left; width: 50%; margin-bottom: 8px;}
	.selectChoice p.title{font-size: 18px; color: #9c836a; font-weight: 300;}
	.selectChoice p.desc{margin: 18px 0 35px; line-height: 22px;}

	/*payment*/
	.paymentWrap .bigTitle{margin: 0 0 16px; color: #444; font-weight: bold; font-size: 16px;}
	.paymentWrap h2{margin-bottom: 14px; font-size: 16px; color: rgba(0,0,0,0.8);}
	.paymentWrap > div{padding-top: 55px;}
	.paymentWrap > div:first-of-type{padding-top: 0; margin-top: 10px;}

	.paymentForm {position:relative;}
	.paymentForm p.sub{color: rgba(0,0,0,0.65);}
	.paymentForm .formImportant{position: absolute; top: 0; right: 0; font-size: 14px; color: #666;}
	.paymentForm .color{color: #9c836a;}
	.paymentForm dl{margin-top: 20px;}
	.paymentForm dt{color: #9c836a;}
	.paymentForm dd{margin-top: 5px;}
	.paymentForm .left { float:left; width:50%; padding-right:8px;}
	.paymentForm .right { float:right; width:50%; padding-left:8px;}
	.paymentForm [class*=nameType] dd { font-size:0;}
	.paymentForm .nameType1 .inp { width:261px; margin-right:8px;}
	.paymentForm .nameType1 .selectBox { width:123px;}
	.paymentForm .nameType2 .inp { width:198px;}
	.paymentForm .nameType2 .inp + .inp {width: 186px; margin-left:8px;}
	.paymentForm .nameType3 .inp { width:126px; margin-left:8px;}
	.paymentForm .nameType3 .selectBox { width:124px;}
	.paymentForm .birthday dd { font-size:0;}
	.paymentForm .birthday dd>div:nth-of-type(1){width: 126px;}
	.paymentForm .birthday dd>div:nth-of-type(2){width: 127px;}
	.paymentForm .birthday dd>div:nth-of-type(3){width: 123px;}
	.paymentForm .birthday .ui-select-wrapper ~ * { margin-left:8px;}
	.paymentForm .phone dd { font-size:0;}
	.paymentForm .phone .ui-select-wrapper { width:122px; margin-right:8px;}
	.paymentForm .phone dd span { display:inline-block; width:18px; font-size:14px; color:#000; line-height:46px; vertical-align:middle; text-align:center;}
	.paymentForm .phone .inp { width:122px;}
	.paymentForm .email .inp{width: 100%;}
	.paymentForm .email p { padding:5px 0 8px; font-size:14px; color:#666;}
	.paymentForm .request .ui-select-wrapper{width: 100%;}
	.paymentForm .request .title{position: relative; padding-right: 83px; margin: 8px 0;}
	.paymentForm .request .inp{width: 100%;}
	.paymentForm .request .title .btn{position: absolute; top: 0; right: 0;}
	.paymentForm .request textarea{display: block; resize: none; width: 100%; height: 160px; padding: 12px; box-sizing: border-box; border: 1px solid #e6e3df; overflow-y: auto;}

	.paymentOption .radioBox{width: 396px; padding: 0;}
	.paymentOption .radioBox:first-child{float: left;}
	.paymentOption .radioBox:last-child{float: right;}	
	.paymentOption .radioBox input{top: 15px; left: 16px; cursor: pointer;}
	.paymentOption .radioBox label{display: block; width: 100%; padding: 15px 16px 15px 54px; font-weight: 300; line-height: 24px; border: 1px solid #e6e3df; cursor: pointer; transition: 0.1s;}
	.paymentOption .radioBox label:after{left: 16px; width: 24px; height: 24px; margin-top: -12px; background:url('/pcPub/static/images/common/icon/icon_radio2.png') no-repeat; cursor: pointer;}
	.paymentOption .radioBox input:checked + label{color: #9c836a; border: 1px solid #9c836a;}
	.paymentOption .radioBox input:checked + label:after{background-position: 0 -24px;}
	.paymentOption .textBox{margin-top: 24px; border: 1px solid #e6e3df;}
	.paymentOption .textBox>.checkbox2{width: 100%; padding: 15px 16px 15px 25px; background-color: #f9f9f9;}
	.paymentOption .textBox>.checkbox2 label{color: rgba(0,0,0,0.8); font-size: 16px; font-weight: 300;}
	.paymentOption .textBox>.checkbox2 label:after{right: 16px; left:inherit;}
	.paymentOption .textBox .txtArea{padding:  16px 25px; line-height: 22px;}

	.paymentTerm .termArea{border-bottom: 0; padding-bottom: 0;}
	.paymentTerm .termArea h3{color: rgba(0,0,0,0.8);}
	.paymentTerm .termArea > div{position: relative; margin-top: 26px;}
	.paymentTerm .termArea .termTxt{height: 126px; padding:  19px 25px; line-height: 22px; background-color: #f9f9f9;}
	.paymentTerm .termArea .checkbox{position: absolute; top: 0; right: 0;}
	.paymentTerm .termArea .checkbox label{vertical-align: top; font-size: 14px; line-height: 22px; font-weight: 300;}
	
	.membership .jsSwiperMotion .slick-initialized { margin-left:-8px;}
	.membership .jsSwiperMotion .slick-slide { margin-left:8px;}
	.membership .membershipCard{width:100%; height: 122px; padding:0; background-size: 55px auto; border-radius: 6px; font-family: 'Roboto';}
	.membership .membershipCard p{font-size: 14px; padding: 32px 0 22px; font-weight: 500;}
	.membership .membershipCard strong{display: block; font-size: 12px; line-height: 1;font-weight: 500;}

	table.discount{margin-top: 26px;}
	table.discount tbody td{ line-height: 26px; padding: 0;}
	table.discount tbody td:nth-of-type(1){}
	table.discount tbody td + td,
	table.discount tbody td[class] {text-align: right; font-weight: 300;}
	table.discount tbody td:last-child{text-align: right; font-weight:200;}
	table.discount tbody tr:last-of-type >td{padding-bottom: 20px;}
	table.discount tbody td.type1{color: #dc5b51;}
	table.discount tbody td.type2{color: #f1924c;}
	table.discount tbody td.type3{color: #262422;}
	table.discount tbody td.type4{color: #9c4ac7;}
	table.discount tbody td.type5{color: #000;}
	table.discount tbody td.type6{color: #c69d5b;}
	table.discount tfoot{border-top: 1px solid #e6e3df; color: #e66045; font-size: 16px; font-weight: 450;}
	table.discount tfoot tr > *{padding: 20px 0 0;}
	table.discount tfoot th{text-align: left; font-weight: 450;}
	table.discount tfoot td{text-align: right;}

	.couponList h2 span{display: inline-block; font-weight: 300;}
	.couponList > ul{padding-top: 10px;}
	.couponList > ul > li{margin-top: 16px;}
	.couponList > ul > li > *{float: left; display: block; width: 396px; vertical-align: top; height: 48px;}
	.couponList > ul > li span{padding: 0 12px; margin-right: 8px; background-color: #f9f9f9; border: 1px solid #e6e3df; line-height: 46px;}

	.point > div > *{float: left; vertical-align: bottom;}
	.point p.myPoint{color: #9c836a; width: 396px;}
	.point p.myPoint span.num{display: block; padding: 0 12px; margin: 3px 0 0; color: rgba(0,0,0,0.8); background-color: #f9f9f9; border: 1px solid #e6e3df; line-height: 46px; text-align: right;}
	.point .inp{width: 286px; margin: 22px 8px 0;}
	.point .btn{width: 102px; margin-top: 22px; padding: 0 22px;}

	.eventWrap{width: 1280px; margin: 0 auto; padding: 0 80px 160px;}
	.eventWrap h1 { padding:59px 0 58px; font-weight:100; font-size:30px; line-height:40px; color: rgba(0,0,0,0.8);}
	.eventWrap h1 span { display:block; padding-bottom:13px; font-size:16px; color:#9c836a; font-weight:450;}
	
	.eventWrap .visual{ height: 302px; padding: 84px 0 0 40px; margin:45px 0;}
	.eventWrap .visual.hotelParadise{background: url(/pcPub/static/images/hotalParadise/img_event_leo.jpg) 0 0 no-repeat;}
	.eventWrap .visual h2{font-size: 30px; line-height: 1; font-weight: 100; color: #fff; margin-bottom: 20px; text-indent: -2px; text-transform:uppercase;}
	.eventWrap .visual p{font-size: 14px; line-height: 22px; color: rgba(255,255,255,0.8);}

	.eventWrap ul.reserveCategory li{ position:relative;}
	.eventWrap ul.reserveCategory li.active:after { content:''; display:block; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:#9c836a}
	
	ul.eventTab{margin-bottom: 24px; border-left: 0;}
	ul.eventTab li{float: left; height: 40px; margin-right: 24px;}
	ul.eventTab li a{height: 40px; font-size: 16px; font-weight: 300; color: #999; line-height: 40px; border:0;}
	ul.eventTab li a:before,
	ul.eventTab li a:after{display: none;}
	ul.eventTab li:last-of-type{margin-right: 0;}
	ul.eventTab li.on a{color: #9c836a; text-decoration: underline; border: none;}
	ul.eventTab li.on a:before,
	ul.eventTab li.on a:after{display: none;}

	.contTitle + .eventBox { margin-top:0;}
	.eventBox{position: relative; margin-top: 55px;}
	.eventBox div.searchTab{position: absolute; top: 0; right: 0; margin-top: 0;}
	.eventBox div.searchTab > *{float: left;}
	.eventBox div.searchTab p{display: inline-block; line-height: 40px; margin-right: 24px;}
	.eventBox div.searchTab div.ui-select-wrapper{vertical-align: top;}
	
	.eventBox div.searchTab.type2 { position:relative; margin-bottom:20px; text-align:right;}
	.eventBox div.searchTab.type2 > * { float:none;}

	ul.eventList{margin: 0 -16px 0; font-size: 0;}
	ul.eventList li{display: inline-block; width: 352px; margin: 45px 16px 0; vertical-align: top; font-size: 14px;}
	ul.eventList li:nth-child(1),	ul.eventList li:nth-child(2),	ul.eventList li:nth-child(3){margin-top: 0;}
	ul.eventList li a{display: block;}
	ul.eventList li .img { width:352px; height:232px;}
	ul.eventList li .img img { display:block; width:100%; height:100%;}
	ul.eventList li div.txt{padding: 20px 0 30px;}
	ul.eventList li strong{display: block; color: #333; font-size: 14px; font-weight: 450; text-transform: uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	ul.eventList li span.sub{ overflow:hidden; display: block; height:40px; margin: 12px 0 16px; color: #666; font-size: 14px; word-break: keep-all; line-height: 20px;}
	ul.eventList li span.date{display: block; font-size: 12px; line-height: 1; margin-top: 2px; color: #999;}
	ul.eventList li:nth-child(1),
	ul.eventList li:nth-child(3n + 1) { animation-delay: 0s;}
	ul.eventList li:nth-child(2),
	ul.eventList li:nth-child(3n + 2) { animation-delay: 0.2s;}
	ul.eventList li:nth-child(3),
	ul.eventList li:nth-child(3n + 3) { animation-delay: 0.4s;}
	ul.eventList .tag { position:absolute; top:0; left:0; z-index:1; height:24px; padding:0 8px; color:#fff; line-height:24px; font-size:12px; background:#9c836a;}
	
	.eventBox.type2 { margin-top:0;}
	.eventBox.type2 ul.eventList li div.txt { min-height:auto; height:auto; padding-bottom:0;}
	.eventBox.type2 ul.eventList li span.sub { margin-bottom:0;}

	.paginate{margin-top: 50px; text-align: center;}
	.paginate a{display: inline-block; width: 24px; height: 24px; padding: 0 3px; font-size: 14px; color: #999; font-weight: 300; line-height: 23px; vertical-align: top; transition: 0.2s; box-sizing: unset;}
	.paginate a.direction{background: url(/pcPub/static/images/common/btn/btn_paging.png) center no-repeat; text-indent: -9999px;}
	.paginate a.direction{background-position: 0 0;}
	.paginate a.direction:nth-of-type(2){background-position: 0 -24px; margin-right: 10px;}
	.paginate a.next{background-position: 0 -48px; margin-left: 10px;}
	.paginate a.direction:last-of-type{background-position: 0 -72px; margin-left: 0;}
	.paginate a.active, .paginate a:hover{text-decoration: underline; color: #9c836a;}

	a.seeCalendar{position: fixed; bottom: 32px; right: 96px; padding-top: 50px; display: block; width: 96px; height: 96px; border-radius: 50%; color: #fff; background: #9c836a url(/pcPub/static/images/common/icon/icon_see_calendar.png) center 18px no-repeat; font-size: 12px; line-height: 16px; font-weight: 300; text-align: center; box-shadow: 8px 8px 15px rgba(156,131,106,0.25);}
	a.seeList{position: fixed; bottom: 32px; right: 96px; padding-top: 50px; display: block; width: 96px; height: 96px; border-radius: 50%; color: #fff; background: #9c836a url(/pcPub/static/images/common/icon/icon_see_list.png) center 25px no-repeat; font-size: 12px; line-height: 16px; font-weight: 300; text-align: center; box-shadow: 8px 8px 15px rgba(156,131,106,0.25);}

	/*FAQ*/
	.faqWrap{width: 1280px; margin: 0 auto; padding: 0 80px 160px;}
	.faqWrap h1 { padding:59px 0 58px; font-weight:100; font-size:30px; line-height:40px; color: rgba(0,0,0,0.8);}
	.faqWrap h1 span { display:block; padding-bottom:13px; font-size:16px; color:#9c836a; font-weight:450;}

	.utilMenu{margin: 55px 0 24px; position: relative;}
	.utilMenu .searchTab{position: absolute; top: 0; right: 0; margin-top: 0;}
	.utilMenu .searchTab input{	width: 352px;}
	.utilMenu .paginate{margin-top: 60px;}

	ul.faqTab{border-left: 0;}
	ul.faqTab li{float: left; height: 40px; margin-right: 22px;}
	ul.faqTab li a{height: 40px; font-size: 16px; font-weight: 300; color: #999; line-height: 40px; text-transform:uppercase;}
	ul.faqTab li:last-of-type{margin-right: 0;}
	ul.faqTab li.on a{color: #9c836a; text-decoration: underline;}

	ul.faqList{border-top: 1px solid #f4f2ef;}
	ul.faqList li{border-bottom: 1px solid #f4f2ef;}
	ul.faqList li .txtQ{position: relative; display: block; padding: 23px 0; width: 100%;}
	ul.faqList li .txtQ > span{float: left; font-size: 16px; line-height: 24px; height: 24px; vertical-align: top;}
	ul.faqList li .txtQ > span:first-child{width: 70px; padding: 0 30px 0 24px; font-family: 'Roboto'; font-weight: 500; color: #9c836a; font-size: 24px;}
	ul.faqList li .txtQ > span.category{color: #9c836a;}
	ul.faqList li .txtQ > span:last-child{max-width: 940px; margin-left: 3px; color: #666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	ul.faqList li .txtQ:before{display: block; content: ''; position: absolute; top: 31px; right: 24px; width: 15px; height: 8px; background: url(/pcPub/static/images/common/btn/btn_faq.png) 0 0 no-repeat; background-position: 0 -8px;}
	ul.faqList li .txtA{display: none; padding: 40px 70px; background-color: #f9f9f9;}
	ul.faqList li .txtA p{line-height: 24px; color: #999; font-weight: 300;}
	ul.faqList li .txtQ.on{border: 1px solid #9c836a;}
	ul.faqList li .txtQ.on > span{margin-top: -1px;}
	ul.faqList li .txtQ.on > span:first-child{margin-left: -1px;}
	ul.faqList li .txtQ.on:before{top: 30px; right: 23px; background-position: 0 0;}

	/*notice*/
	.noticeWrap{width: 1280px; margin: 0 auto; padding: 0 80px 160px;}
	.noticeWrap h1 { padding:59px 0 58px; font-weight:100; font-size:30px; line-height:40px; color: rgba(0,0,0,0.8);}
	.noticeWrap h1 span { display:block; padding-bottom:13px; font-size:16px; color:#9c836a; font-weight:450;}
	.noticeWrap div.paginate{margin-top: 60px;}

	div.noticeList table{width: 100%; margin-top: 56px; text-align: center; font-size: 16px; font-weight: 300; border-top: 1px solid #9c836a; border-bottom: 1px solid #c6b5a4;}
	div.noticeList table th{position: relative; height: 60px; font-weight: 300; color: #9c836a;}
	div.noticeList table thead th:before{display: block; content: ''; position: absolute; top: 23px; right: 0px; height: 16px; width: 1px; background-color: #e6e3df;}
	div.noticeList table thead th:last-child:before{display: none;}
	div.noticeList table tbody tr{border-top: 1px solid #f4f2ef;}
	div.noticeList table tbody tr:first-child{border-top: 1px solid #e6e3df;}
	div.noticeList table tbody tr:hover > *{background-color: #f9f9f9;}
	div.noticeList table td{height: 62px; padding: 0 24px;}
	div.noticeList table td.link { padding:0;}
	div.noticeList table td.link a { display:block; height:62px; padding:0 24px; line-height:62px;}
	div.noticeList table tbody tr td:first-child{color: #9c836a; font-size: 14px;}
	div.noticeList table tbody tr td.link{text-align: left;}
	div.noticeList table tbody tr td.link a{display: block; width: 100%; font-weight: 200; color: #666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	div.noticeList table tbody tr td:last-child{font-weight: 200; color: #999;}

	.noticeViewWrap{width: 1280px; margin: 0 auto; padding: 59px 80px 160px;}
	.noticeViewWrap h1{font-size:16px; color:#9c836a; font-weight:450; padding-bottom: 20px; border-bottom: 1px solid #e6e3df;}
	.noticeViewWrap h2{position: relative; width: 100%; font-size: 24px; color: #333; font-weight: 400; padding: 45px 193px 40px 0 ;}
	.noticeViewWrap h2 span{position: absolute; top: 42px; right: 0; line-height: 33px; font-size: 16px; font-weight: 200; color: #999;}
	.noticeViewWrap div.cont{padding: 35px 193px 40px 0; margin-bottom: 40px; border-top: 1px solid #f4f2ef; border-bottom: 1px solid #f4f2ef;}
	.noticeViewWrap div.cont p{font-size: 16px; line-height: 26px; color: #666;}
	.noticeViewWrap > a.btn{display: block; width: 192px; margin: 0 auto;}
	.noticeViewWrap > a.btn span{font-size: 16px;}

	/*구매예약확인*/
	.confirmWrap{padding: 0 0 80px;}	
	table.confirmList{width: 100%; border-top: 1px solid #9c836a;}
	table.confirmList:last-of-type{margin-bottom: 40px; border-bottom: 1px solid #c6b5a4;}
	table.confirmList span.textColor {color: #9c836a; font-weight: 300;}
	table.confirmList a{color: #9c836a; text-decoration: underline; font-weight: 300;}
	table.confirmList tr{border-bottom: 1px solid #f4f2ef;}
	table.confirmList tbody tr:last-child{border-bottom: 0;}
	table.confirmList:last-child tbody tr:last-child{border-bottom: 1px solid #c6b5a4;}
	table.confirmList tr > *{height: 56px; padding: 0 16px;}
	table.confirmList thead{background-color: #f9f9f9;}
	table.confirmList thead th{color: #9c836a;}
	table.confirmList thead th:first-child{text-align: left;}
	table.confirmList thead th span{font-weight: 450;}
	table.confirmList thead th span.num{margin-right: 32px;}
	table.confirmList tbody td{text-align: center;}
	table.confirmList tbody td:first-child{text-align: left;}
	table.confirmList tbody td:last-child{font-weight: 450;}
	table.confirmList td:last-child{color: #333333; } /*기본*/ 
	table.confirmList td.completion{ color: #5d88de; } /*이용완료*/ 
	table.confirmList td.cancel{ color: #e66045; } /* 예약취소*/ 
	table.confirmList td.wait{ color: #666; } /*미이용,예약대기*/ 	
	div.noList{ padding: 48px 0 40px; text-align: center;}
	div.noList p{padding-top: 50px; font-size: 16px; color: #9c836a; background: url(/pcPub/static/images/reservation/icon_nolist.png) center 0 no-repeat;}
	div.noList.bigSize p{ padding-top:138px; background: url(/pcPub/static/images/common/icon/icon_none_big.png) center 0 no-repeat;}

	/*구매취소*/
	.cancelWrap{padding: 0 0 150px;}
	.cancelWrap div.innerBox > div{position: relative; margin-bottom: 55px;}
	.cancelWrap div.innerBox > .btn.btnFull{display: block; width: 192px; margin: 0 auto;}
	.cancelWrap h2{margin-bottom: 15px; color: #333; font-size: 16px; font-weight: 300;}
	.cancelWrap h2 span{display: block; font-size: 14px; font-weight: 200; color: #333; margin-top: 10px; vertical-align: top;}
	.cancelWrap h2 span.txtRed{display: inline-block; color: #e66045; margin-top: 0; font-size: 16px;}
	.cancelWrap div.noList p{font-weight: 300; background: url(/pcPub/static/images/common/icon/icon_none_1.png) center 0 no-repeat;}
	.cancelWrap .paymentOption .radioBox{width: 556px;}
 	.cancelWrap .termTxt{width: 100%; max-height: 176px; padding: 24px; line-height: 22px; border: 1px solid #e6e3df; background-color: #f9f9f9; resize: none; box-sizing: border-box; overflow-y: auto; vertical-align: top; word-break: keep-all;}
 	.cancelWrap div.checkbox{position: absolute; top: 0; right: 0;}
  	.cancelWrap div.checkbox label{font-weight: 300;}
	table.detailList{width: 100%; border-top: 1px solid #9c836a;}
	table.detailList tr{border-bottom: 1px solid #f4f2ef;}
	table.detailList thead{background-color: #f9f9f9;}
	table.detailList thead th{height: 56px; color: #9c836a; font-weight: 450;}
	table.detailList thead th:first-child{text-align: left;}
	table.detailList thead th > span{float: left; font-weight: 450; padding: 0 16px; vertical-align: top;}
	table.detailList thead th > span:first-child{width: 700px;}
	table.detailList thead th > span:nth-child(2){width: 290px; text-align: center;}
	table.detailList thead th > span:last-child{width: 128px; text-align: center; color:#333;}
	table.detailList thead th > span:last-child.completion{ color: #5d88de; } /*이용완료*/ 
	table.detailList thead th > span:last-child.cancel{ color: #e66045; } /* 예약취소*/ 
	table.detailList thead th > span:last-child.wait{ color: #666; } /*미이용,예약대기*/ 	
	table.detailList thead th > span a{color: #9c836a; font-weight: 450; text-decoration: underline;}
	table.detailList tbody td{padding: 22px 16px;}
	table.detailList tbody td > strong{display: block; font-weight: 300; color: #333; margin-bottom: 6px;}
	table.detailList tbody td > span{display: block; margin-bottom: 4px; line-height: 1.4;}
	table.detailList tbody td > span:last-child{margin-bottom: 0;}
	table.detailList tbody td:last-child{text-align: right;}
	table.detailList tfoot tr{border-bottom: 0;}
	table.detailList tfoot td{height: 56px; padding: 0 16px; text-align: right; font-weight: 450; font-size: 15px;}
	table.detailList:last-child{border-bottom: 1px solid #c6b5a4;}

	ul.basicList{border-top: 1px solid #9c836a; border-bottom: 1px solid #c6b5a4;}
	ul.basicList li{border-bottom: 1px solid #e6e3df; padding: 16px 0;}
	ul.basicList li:last-child{border-bottom: 0;}
	ul.basicList li > span{float: left; line-height: 24px; vertical-align: top;}
	ul.basicList li > span:first-child{width: 122px; padding: 0 16px; font-size: 16px; color: #9c836a; font-weight: 300;}	

	ul.refundValue{border: 1px solid #e6e3df; border-top: 1px solid #9c836a;}
	ul.refundValue li{position: relative; float: left; padding: 35px 0;}
	ul.refundValue li > span{ height: 40px; font-size: 16px; line-height: 40px; vertical-align: top;}
	ul.refundValue li > span:first-child{float: left; width: 140px; padding: 0 16px 0 24px; font-weight: 300;}
	ul.refundValue li > span:last-child{float: right; padding: 0 24px 0 0; color: #333; font-weight: 450;}
	ul.refundValue li > span em{padding-right: 2px; font-size: 30px; font-family: 'Roboto'; font-weight: 400; line-height: 38px; color: #333; vertical-align: top;}
	ul.refundValue li:nth-of-type(2){padding: 35px 20px; margin-left: 20px; border-left: 1px solid #e6e3df; border-right: 1px solid #e6e3df;}
	ul.refundValue li:nth-of-type(2):before{display: block; content: ''; position: absolute; top: 35px; left: -20px; width: 40px; height: 40px;background: url(/pcPub/static/images/reservation/icon_refund.png) 0 0 no-repeat;}
	ul.refundValue li:nth-of-type(2):after{display: block; content: ''; position: absolute; top: 35px; right: -20px; width: 40px; height: 40px;background: url(/pcPub/static/images/reservation/icon_refund.png) 0 0 no-repeat; background-position: 0 -40px;}
	ul.refundValue li:last-child{float: right;}
	ul.refundValue li:last-child > span{color: #9c836a;}
	ul.refundValue li:last-child > span em{color: #9c836a; font-weight: 500;}
	p.commission{padding: 16px; margin-top: 24px; font-size: 16px; color: #9c836a; font-weight: 300; line-height: 22px; border-top: 1px solid #9c836a; border-bottom: 1px solid #c6b5a4;}
	p.commission span{margin-left: 45px; font-size: 14px; font-weight: 200; color: #333; line-height: 22px; vertical-align: top;}
	
	/*마이페이지_구매내역*/
	.purchaseBox{position: relative; margin-bottom: 55px;}
	.purchaseBox h2{margin-bottom: 15px; color: #333; font-size: 16px; font-weight: 300;}
	.purchaseBox h2 span{display: block; font-size: 14px; font-weight: 200; color: #333; margin-top: 10px; vertical-align: top;}
	
	div.paymentInfo{border-top: 1px solid #9c836a; border-bottom: 1px solid #c6b5a4;}
	div.paymentInfo div.cell{position: relative; overflow: hidden;}	
	div.paymentInfo div.cell ul{ float:left; width:668px;}
	div.paymentInfo div.cell ul li{ display:table; table-layout:fixed; width:100%; margin-bottom: 13px;}
	div.paymentInfo div.cell ul li:after { display:none;}
	div.paymentInfo div.cell ul li span{ display:table-cell; line-height: 1.2;}
	div.paymentInfo div.cell ul li span:last-child { width:125px; text-align:right;}
	
	div.paymentInfo div.cell02 ul li span:nth-child(2) { width:80px; text-align:center;}
	div.paymentInfo div.cell02 ul li span:nth-child(3) { width:170px; text-align:right;}
	
	div.paymentInfo div.cell03 div.left > p{float: right; text-align: right;}
	
	div.paymentInfo div.cell04 ul li span:last-child { width:500px;}
	
	div.paymentInfo div.left{ float: left; width: 830px; padding: 24px 24px 24px 15px; border-bottom: 1px solid #f4f2ef;}
	div.paymentInfo div.left > span{float: left; width: 122px;}
	div.paymentInfo div.left > span:first-child{font-size: 16px; font-weight: 300; color: #9c836a; line-height: 16px; vertical-align: top;}
	div.paymentInfo div.right{position: absolute; top: 0; right: 0; width: 290px; height: 100%; padding: 24px; background-color: #f9f9f9; border-bottom: 1px solid #fff;}
	div.paymentInfo div.right > span{vertical-align: top; font-size: 16px;}
	div.paymentInfo div.right > span:first-child{font-weight: 300; color: #9c836a; line-height: 16px;}
	div.paymentInfo div.right > span:last-child{position: absolute; right: 24px; bottom: 24px; text-align: right;  font-weight: 450; color: #333;}
	div.paymentInfo div.cell04 div.right > span:last-child{bottom: 30px; color: #9c836a; height: 16px;}
	div.paymentInfo div.cell04 div.right > span:last-child em{font-family: 'Roboto'; font-size: 24px; font-weight: 500; vertical-align: top; line-height: 1;}
	div.paymentInfo ul li span.type1{color: #dc5b51;}
	div.paymentInfo ul li span.type2{color: #f1924c;}
	div.paymentInfo ul li span.type3{color: #262422;}
	div.paymentInfo ul li span.type4{color: #9c4ac7;}
	div.paymentInfo ul li span.type6{color: #c69d5b;}

	ul.buttonBox{width: 392px; margin: 0 auto;}
	ul.buttonBox li{float: left; margin-right: 8px;}
	ul.buttonBox li:last-child{margin-right: 0;}

	/*마이페이지_쿠폰*/
	.mypageWrap{padding-bottom: 150px;}
	.mypageWrap div.utilMenu{height: 20px; margin-bottom: 24px;}
	.mypageWrap div.utilMenu > div{margin-right: 24px;}
	.mypageWrap div.paginate{margin: 57px 0 74px;}
	.mypageWrap section.mypageMembership{margin-bottom: 25px;}
	.mypageWrap .mypageMembership + .btnGroup{text-align: center; padding: 25px 0 52px; border-top: 1px solid #f4f2ef;}
	.mypageWrap .mypageMembership + .btnGroup > a{width: 182px; margin: 0 2px; padding: 0;}
	
	/*카지노 회원 전용 프로모션 배너*/
	.promotionBanner{position: relative; display: block; height: 162px; background: url(/pcPub/static/images/sample/promotion_img.jpg) 0 0 no-repeat; text-align: center;}
	.promotionBanner:before{display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); opacity: 0; transition: .4s ease;}
	.promotionBanner:hover:before{opacity: 1;}
	.promotionBanner > span{position: absolute; top:50%; left:0; right:0; font-size: 18px; font-weight: 300; color: #fff; z-index: 1; transform:translateY(-50%);}
	.promotionBanner .data { display:block; margin-top:5px; font-size:14px; color:#fff;}
	.promotionBanner .link { display:block; margin-top:15px; font-size:14px; text-decoration:underline;}

	table.myCoupon{width: 100%; border-top: 1px solid #9b8369; border-bottom: 1px solid #c6b5a4;}
	table.myCoupon thead th{position: relative; padding: 19px 0; color: #9c836a; font-weight: 300; font-size: 16px;}
	table.myCoupon thead th:after{display: block; content: ''; position: absolute; top: 22px; right: 0; width: 1px; height: 16px; background-color: #e6e3df; vertical-align: top;}
	table.myCoupon thead th:last-child:after{display: none;}
	table.myCoupon tbody{border-top: 1px solid #e6e2df; text-align: center;}
	table.myCoupon tbody tr{border-bottom: 1px solid #f4f2ef;}
	table.myCoupon tbody tr:last-child{border-bottom: none;}
	table.myCoupon tbody tr td{margin: 0; padding: 19px 7px;}
	table.myCoupon tbody tr td:first-child{text-align: left; padding: 19px;}
	table.myCoupon tbody tr td:nth-child(2){font-weight: 450; color: #e66045;}
	table.myCoupon tbody tr:hover > * { background-color:#f9f9f9;}
	
	/*마이페이지_예약내역 상세*/
	.purchaseWrap > .mypointInfo{margin: 48px 0;}
	.purchaseWrap > .mypointInfo dl{padding: 20px 24px;}
	.purchaseWrap > .mypointInfo dl:first-child *{color: #fff;}
	.purchaseWrap > .mypointInfo dt{color: #666666;}
	.purchaseWrap > .mypointInfo dd{font-family: 'Roboto'; font-size: 30px;}
	.purchaseWrap > .mypointInfo dl:last-child dd{color: #333;}
	.purchaseWrap > .mypointInfo dl dd a{ margin-top:3px; font-size: 30px; line-height: 25px; font-weight: 400;}
	.purchaseWrap > .mypointInfo dl:first-child a{border-bottom-color: #fff;}
	.purchaseWrap > .mypointInfo dl dd span.txtSmall{ display:inline-block; margin-left: 3px; font-family: 'Noto Sans'; font-size: 16px; font-weight: 450; line-height: 26px; vertical-align: text-bottom;}
	.purchaseWrap > .searchBoxWrap{margin-bottom: 32px; border: 1px solid #e6e3df;}

	/*예약확인_ 로그인*/
	.reserveLogin{margin-top: 5px;}
	.reserveLogin > div{float: left; width: 50%;}
	.reserveLogin > div:first-child{padding-right: 79px; border-right: 1px solid #eceae7;}
	.reserveLogin > div:last-child{padding: 66px 0 0 80px;}
	.reserveLogin .loginBox{padding: 0; width: 100%;}
	.reserveLogin div.phone{margin-top: 8px;}
	.reserveLogin div.phone > .ui-select-wrapper{width: 160px; float: left;}
	.reserveLogin div.phone > .inp{width: 152px; float: left; margin: 0 0 0 8px;}
	.reserveLogin .joinBox{float: none; padding: 0; width: 100%;}

	/*예약_예약완료*/
	.reservationResult > h1.contTitle{padding-top: 16px;}

	/*예약팝업_구성상품*/
	.popOfferDetail .btmButton{margin: 0 -32px; padding: 24px 0; background-color: #f9f9f9; border-top: 1px solid #f4f2ef; text-align: center;}
	.popOfferDetail .btmButton > a{width: 156px; height: 48px;}
	.popOfferDetail .btmButton > a span{font-size: 14px; font-weight: 200; line-height: 48px; vertical-align: top;}
	.popOfferDetail .cautionBox .dotList > li > span{display: block;}
	.popOfferDetail .cautionBox .dotList > li > span:first-child{margin-top: 6px;}
	.popOfferDetail h3 + p.facilitiesText{margin-top: 22px;}

	.component ul{margin: 16px -16px 0; font-size: 0;}
	.component ul li{display:inline-block; width: 50%; padding: 0 16px; vertical-align:top; margin-bottom: 32px;}
	.component ul li > img{width: 100%;}
	.component ul li > div.txtBox{width: 100%; padding: 20px 0 0;}
	.component ul li > div.txtBox strong{display: block; text-transform: uppercase; font-weight: 450; color: #9c836a; font-size: 14px;}
	.component ul li > div.txtBox strong span{display: block; margin-top: 8px; font-weight: 300; color: #333; font-size: 14px;}
	.component ul li > div.txtBox p.desc{margin-top: 16px; line-height: 22px; word-break: keep-all; font-size: 14px;}
	.component ul li > div.txtBox p.addInfo{margin-top: 18px;}
	.component ul li > div.txtBox p.addInfo span{position: relative; display: block; font-size: 12px; color: #999; margin-bottom: 4px; padding-left: 8px; word-break: keep-all;}
	.component ul li > div.txtBox p.addInfo span:last-child{margin-bottom: 0px;}
	.component ul li > div.txtBox p.addInfo span:before{display: block; content: '*'; position: absolute; top: 0; left: 0; line-height: 16px; vertical-align: top;}
	.component ul li > div.txtBox .dotList span{display: block; margin-bottom: 10px; font-size: 14px;}
	.component ul li > div.txtBox .dotList span:last-child{margin-bottom: 0;}
	.component ul li.full{display: block; width: 100%;}
	.component ul li.full > div.txtBox{min-height: unset;}
	.component ul li.full > div.txtBox > div{float: left; width: 50%;}
	.component ul li.full > div.txtBox > div:first-child{padding-right: 16px;}
	.component ul li.full > div.txtBox > div:last-child{padding-left: 16px;}

	table.priceList{width: 100%; margin: 22px 0 32px; border-top: 1px solid #9b8369; border-bottom: 1px solid #c6b5a4;}
	table.priceList thead th{position: relative; padding: 20px 0; font-size: 16px; font-weight: 300; color: #9c836a; line-height: 16px;}
	table.priceList thead th:after{display: block; content: ''; position: absolute; top: 20px; right: 0; width: 1px; height: 16px; background-color: #e6e3df;}
	table.priceList thead th:last-child:after{display: none;}
	table.priceList tbody tr{border-top: 1px solid #f4f2ef;}
	table.priceList tbody tr:first-child{border-top: 1px solid #e6e2df;}
	table.priceList tbody td{padding: 18px 10px; text-align: center;}
	table.priceList tbody td.img{padding: 0; text-align: left;}
	table.priceList tbody td.name{padding: 0 15px; text-align: left; font-weight: 300; color: #333;}
	table.priceList tbody td.sort{font-weight: 300; color: #333;}
	table.priceList .tbg { font-size:14px; color:#333; font-weight:300; background:#f9f9f9;}

	div.priceDetail{padding-bottom: 33px;}
	div.priceDetail > p{position: relative; padding: 18px 24px; border: 1px solid #e6e3df; background-color: #f9f9f9; font-weight: 450; color: #9c836a; cursor: pointer;}
	div.priceDetail > p a { display:block; font-weight: 450; color: #9c836a;}
	div.priceDetail > p:after{content: ''; display: block; position: absolute; top: 24px; right: 21px; width: 15px; height: 8px; background: url(/pcPub/static/images/mypage/icon_inquiry_arrow.png) no-repeat 0 -8px;}
	div.priceDetail > p.on:after{background-position: 0 0;}
	div.priceDetail .calendarTop{position: relative; margin: 33px 0 24px;}
	div.priceDetail .date { overflow:unset; margin: 0; padding: 0;}
	div.priceDetail .date .tit {display:block; float:left; line-height:32px; font-family:'Roboto'; font-size:30px; color:#9c836a; font-weight:300;}
	div.priceDetail .date .tit:before{display: none;}
	div.priceDetail .date [class*=btn] { overflow:hidden; float:left; width:32px; height:32px; font-size:0; background:url('/pcPub/static/images/event/btn_calendarArrow.png') no-repeat;}
	div.priceDetail .date .btnLeft { margin-right:24px;}
	div.priceDetail .date .btnRight { margin-left:24px; background-position:0 -32px;}
	div.priceDetail .calendarTop > .ui-select-wrapper{position: absolute; bottom: 0; right: 0;}
	div.priceDetail .calendarTop .ui-select-trigger{height: 40px; line-height: 38px;}
	div.priceDetail .calendarDay{border-right: 0; border-left: 0;}
	div.priceDetail .calendarDay > li{padding: 0 10px; font-size: 16px; text-align: left; color: #666;}
	div.priceDetail .calendarDay > li:first-child{color: #e66045;}
	div.priceDetail .calendarDay > li:last-child{color: #5164b9;}	
	div.priceDetail .calendarDate{min-height: 80px;}
	div.priceDetail .calendarDate > li{padding: 50px 10px 15px;}
	div.priceDetail .calendarDate > li .day{font-size: 16px; top: 6px; left: 10px;}
	div.priceDetail .calendarDate > li.blinkDate .day{color: #666; opacity: 0.5;}
	div.priceDetail .calendarDate > li:first-child .day{color: #e66045;}
	div.priceDetail .calendarDate > li:last-child .day{color: #5164b9;}
	div.priceDetail .calendarDate > li .price{font-size: 12px; font-weight: 300; color: #999;}
	div.priceDetail .calendarDate > li:first-child .price,
	div.priceDetail .calendarDate > li:last-child .price{color: #e66045;}

	/*아트콜렉션*/
	.artWrap{width: 1280px; margin: 0 auto; padding: 0 80px 120px;}
	.artWrap h1.contTitle{color: #000;}
	.artWrap .swiperWrap{overflow: hidden;}	
	.artWrap > .jsSwiperMotion{margin-bottom: 25px;}
	.artWrap > .jsSwiperMotion .slick-initialized{margin-left: -35px;}
	.artWrap > .jsSwiperMotion .slick-initialized .slick-slide{margin-left: 35px;}
	.artWrap > .jsSwiperMotion p { overflow:hidden; position:relative; height:568px; background:#c9c8c6;}
	.artWrap > .jsSwiperMotion p img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width: 1120px; height:100%;}
	.artWrap > .jsSwiperMotion p.title{position: relative; width: 100%; height:auto; margin-top: 24px; font-weight: 450; line-height: 1.5; color: #333; background:none;}
	.artWrap > .jsSwiperMotion p.title span{position: absolute; top: 0; right: 0; line-height: 1; vertical-align: top; font-weight: 200; color: #666;}
	.artWrap > .utilMenu{margin: 0;}
	.artWrap > .paginate{margin-top: 80px;}

	.artTitle{position: relative;}
	.artTitle a{position: absolute; bottom: 65px; right: 0;}
	.artTitle a:after{display: inline-block; content: ''; width: 16px; height: 7px; margin: 20px 0 0 10px; background: url(/pcPub/static/images/common/btn/btn_move.png) 0 0 no-repeat; vertical-align: top; }
	.artTitle a:hover:after{background-position: 0 -7px;}

	ul.artList{margin: 25px -16px 0;}
	ul.artList li{float: left; width: 33.333333%; padding: 48px 16px 0;}
	ul.artList li:nth-child(1),	ul.artList li:nth-child(2), 	ul.artList li:nth-child(3){padding-top: 0;}
	ul.artList li a{display: block;}
	ul.artList li a *{vertical-align: top; line-height: 1;}
	ul.artList li a .img{display: block; width: 352px; height: 176px; margin-bottom: 24px; background:#c9c8c6; text-align:center;}
	ul.artList li a .img img { max-height:100%;}
	ul.artList li a > strong{display: block; width: 100%; height:51px; font-weight: 450; color: #333; text-transform: uppercase;}
	ul.artList li a > strong span{display: block; width: 100%; margin-top: 9px; font-weight: 200; color: #666;}
	ul.artList li a > strong + p{margin-top: 24px;}
	ul.artList li a > p span{display: inline-block; font-size: 12px; font-weight: 200; color: #999;}
	ul.artList li:nth-child(1),
	ul.artList li:nth-child(3n + 1) { animation-delay: 0s;}
	ul.artList li:nth-child(2),
	ul.artList li:nth-child(3n + 2) { animation-delay: 0.2s;}
	ul.artList li:nth-child(3),
	ul.artList li:nth-child(3n + 3) { animation-delay: 0.4s;}
	
	.artViewWrap{ position:relative; width: 1280px; margin: 0 auto; padding: 0 80px 120px;}
	.artViewWrap > h1{padding: 59px 0 20px; border-bottom: 1px solid #e6e3df; font-size: 16px; font-weight: 450; color: #9c836a;}
	.artViewWrap > h2{position: relative; display: block; margin: 48px 0 40px; line-height: 1; font-size: 24px; font-weight: 300; color: #333; line-height: 1;}
	.artViewWrap > h2 span{position: absolute; top: 0; right: 0; display: block; font-size: 16px; line-height: 24px; font-weight: 200; color: #666;}
	.artViewWrap > a.btnFull{width: 192px; margin: 40px auto 0; display: block;}
	.artViewWrap > .jsSwiperMotion p:not(.number) { overflow:hidden; position:relative; height:568px; background:#c9c8c6;}
	.artViewWrap > .jsSwiperMotion p:not(.number) img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width: 1120px; height:100%;}
	.artViewWrap > .jsSwiperMotion.type2 p.img{ height: 176px;}
	.artViewWrap > .jsSwiperMotion.type2 p.img img{ max-width: 352px; max-height: 176px;}
	.artViewWrap .swiperWrap{overflow: hidden;}
	.artViewWrap .period{ position:absolute; top:150px; right:80px; font-size:16px; color:#666;}
	.artViewWrap .period strong { margin-right:10px; color:#333;}
	.artViewWrap .period strong:after { content:''; display:inline-block; width:1px; height:15px; margin-left:10px; background:#f4f2ef;}
	.artViewWrap .textLinkBox { position:relative; margin-top:35px; padding-right:270px; padding-bottom:40px; border-bottom:1px solid #e6e3df;}
	.artViewWrap .textLinkBox h3 { font-size:16px; color:#9c836a;}
	.artViewWrap .textLinkBox .text { margin-top:10px; color:#666;}
	.artViewWrap .textLinkBox .btnGroup { position:absolute; top:3px; right:0;}
	.artViewWrap .btn2 { margin-top:15px; text-align:right;}
	.artViewWrap .btn2 a { font-size:14px; color:#9c836a; text-decoration:underline;}
	.artViewWrap .btn2 .btnDownload { padding-left:20px; background:url('/pcPub/static/images/common/icon/icon_download.png') no-repeat 0 center;}
	.artViewWrap .btn2 .btnShare { margin-left:30px; padding-left:20px; background:url('/pcPub/static/images/event/btn_share2.png') no-repeat 0 center;}
	
	.artViewWrap .editBox { margin:45px 0 0; padding-bottom:45px; border-bottom:1px solid #e6e3df;}
	.artViewWrap .editBox .tit { margin-bottom:5px; font-size:16px; color:#9c836a; font-weight:300;}
	.artViewWrap .editBox .text { color:#666; line-height:22px; font-size:14px;}
	.artViewWrap .editBox .img { width:100%; margin-top:35px;}
	.artViewWrap .editBox .img img { width:100%;}
	
	.artCaption{padding: 48px 0; border-bottom: 1px solid #f4f2ef;}
	.artCaption h3{margin-bottom: 20px; font-size: 16px; font-weight: 300; color: #9c836a; line-height: 1;}
	.artCaption h3 ~ p{line-height: 22px; word-break: keep-all;}
	.artCaption .column{float: left; width: 50%;}
	.artCaption .column:first-child{padding-right: 35px;}
	.artCaption .column:last-child{padding-left: 35px; padding-right: 10px;}
	.artCaption .column h3{margin-bottom: 13px;}
	.artCaption .swiperWrap h4{margin:25px 0px 5px; line-height: 1; font-weight: 450; color: #333;}
	.artCaption .swiperWrap .swiperArrow{top: 45px}
	
	.artCaption .author { float:right; margin-left:70px;}
	.artCaption .author ~ .column { float:none; width:auto; padding:0; }
	.artCaption .author ~ .column + .column { margin-top:43px;}
	
	ul.artInfo li{float: left; width:33%; margin-top:10px;}
	ul.artInfo li > *{display: inline-block;}
	ul.artInfo li strong{width: 60px; color: #333; font-weight: 300;}
	ul.artInfo li span{position: relative; min-width:228px;}
	ul.artInfo li span a{position: absolute; top: 100%; left: 0; padding-top: 9px; color: #9c836a; text-decoration: underline;}

	.searchArea{padding: 24px 0; margin-bottom: 40px; background-color: #f9f9f9; text-align: center;}
	.searchArea > .inp > input{width: 315px; height: 40px;}
	.searchArea > .inp{margin-right: 2px;}

	.artSelect > ul{font-size: 0;}
	.artSelect > ul > li{position: relative; display: inline-block; margin-right: 16px;}
	.artSelect > ul > li:after{display: block; content: ''; position: absolute; right: 0; top: 12px; width: 1px; height: 16px; background-color: #ddd;}
	.artSelect > ul > li > a{display: block; font-size: 16px; font-weight: 300; color: #333; line-height: 40px; padding-right: 16px;}
	.artSelect > ul > li.on > a{color: #9c836a;}
	.artSelect > ul > li > span{display: inline-block; font-size: 16px; font-weight: 300; color: #333; line-height: 40px;}
	.artSelect > ul > li:last-child{padding-right: 0; margin-right: 0;}
	.artSelect > ul > li:last-child:after{display: none;}
	.artSelect .ui-select-wrapper{vertical-align: top;}
	
	/* 리스트 이미지 확대 효과*/
	ul li .img {overflow: hidden; position:relative;}
	ul li .img > img{transition: 0.45s;}
	ul li:hover .img > img{transform: scale(1.06);}

	/*멤버십*/
	.membershipWrap .tapBox{margin-bottom: 48px;}
	.membershipWrap .visual{height: 302px; padding: 84px 0 0 40px;}
	.membershipWrap .visual.rewards{background: url(/pcPub/static/images/membership/img_rewards.jpg) 0 0 no-repeat;}
	.membershipWrap .visual.casino{background: url(/pcPub/static/images/membership/img_casino.jpg) 0 0 no-repeat;}
	.membershipWrap .visual.chroma{background: url(/pcPub/static/images/membership/img_chroma.jpg) 0 0 no-repeat;}
	.membershipWrap .visual.signature{background: url(/pcPub/static/images/membership/img_signature.jpg) 0 0 no-repeat;}
	.membershipWrap .visual h2{font-size: 30px; line-height: 1; font-weight: 100; color: #fff; margin-bottom: 20px; text-indent: -2px; text-transform:uppercase;}
	.membershipWrap .visual p{font-size: 14px; line-height: 22px; color: rgba(255,255,255,0.8);}

	.membershipInfo h3{font-weight: 300; font-size: 16px; color: #333; margin-bottom: 8px;}	
	.membershipInfo > div{margin-top: 52px;}
	.membershipInfo p.warnTxt{margin-top: 5px; font-size: 12px; color: #999; line-height: 1.3;}
	.membershipInfo dl{padding-top: 48px;}
	.membershipInfo dl dt{margin: 50px 0 0;}
	.membershipInfo dl dd{position: relative; padding-left: 10px; margin-bottom: 6px;}
	.membershipInfo dl dd:before{display:block; content: ''; position:absolute; top:8px; left:0; width: 2px; height: 2px; background-color: #898989; vertical-align: top;}
	.membershipInfo dl dd.tableCelll{padding: 5px 0 0; margin-bottom: 0;}
	.membershipInfo dl dd.tableCelll:before{display: none;}
	.membershipInfo .btnGroup{margin-top: 40px;}
	
	table.basicForm{width: 100%; border-top: 1px solid #9b8369; border-bottom: 1px solid #c6b5a4;}
	table.basicForm thead th{position: relative; padding: 20px 0; font-size: 16px; font-weight: 300; color: #9c836a; line-height: 16px;}
	table.basicForm thead th:after{display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -7px; background-color: #e6e3df;}
	table.basicForm thead th:first-child:after{display: none;}
	table.basicForm tbody tr{border-top: 1px solid #f4f2ef;}
	table.basicForm tbody tr:first-child { border-top:0;}
	table.basicForm thead + tbody tr:first-child{border-top: 1px solid #e6e2df;}
	table.basicForm tbody td{padding: 18px 10px; text-align: center; font-weight: 300;}
	table.basicForm tbody td.tl { text-align:left;}
	table.basicForm tbody th{font-weight: 300;}
	table.basicForm .tbg{background-color: #f9f9f9; color: #333;}
	table.basicForm + p.addTxt{margin-top: 10px;}
	table.basicForm + p.addTxt > span{display: block; font-size: 12px; color: #999; line-height: 20px;}
	table.basicForm tfoot th{padding: 18px 35px 10px; text-align: center; font-weight: 300;}
	table.basicForm tfoot th:after{display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -7px; background-color: #e6e3df;}
	table.basicForm tfoot th:first-child:after{display: none;}
	table.basicForm tfoot th.tc{text-align:center;}
	table.basicForm tfoot th.tr{text-align:right;}
	table.basicForm tfoot th.tl{text-align:left;}
	table.basicForm tfoot tr:first-child{border-top: 1px solid #f4f2ef;}
	table.basicForm tfoot tr:last-child{border-bottom: 1px solid #9b8369;}
	
	.cardList > h3{font-weight: 450; text-transform: uppercase;}
	.cardList > p{line-height: 22px; color: #666; letter-spacing: -0.005em;}
	.grade{ margin: 20px 0 0; font-size: 0; display: table; width: 100%;}
	.grade > div{width: 363px; position: relative; display: table-cell; vertical-align: top; border: 1px solid #e6e3df;}
	.grade > div:nth-child(2) { left:16px;}
	.grade > div:nth-child(3) { left:32px;}
	.grade .cardArea{padding: 48px 0 38px; background-color: #f9f9f9; text-align: center;}
	.grade .cardArea > p.membershipType{padding-bottom: 8px; font-size: 16px; font-weight: 450; text-transform: uppercase;}
	.grade .cardArea > span{display: block; color: #999; font-size: 14px;}
	.grade .textArea{padding: 35px 37px 45px;}
	.grade .textArea.type2{padding: 35px 37px 35px;}
	.grade .textArea p.text {display: block; font-size: 14px; color: #666; text-align:center;}
	.grade .textArea > strong{display: block; margin: 28px 0 10px; font-size: 16px; font-weight: 300; color: #333;}
	.grade .textArea > strong:first-Rchild{margin-top: 0;}
	.grade .textArea .dotList > span{display: block; padding-left: 7px; margin-bottom: 6px; font-size: 14px; line-height: 1.6; color: #666;}
	.grade .textArea .dotList > span:last-child{margin-bottom: 0;}
	.grade .textArea .two-depthList > *{ position:relative; }
	.grade .textArea .two-depthList > span{display: block; padding-left: 10px; margin: 0 0 6px 10px !important; font-size: 15px; line-height: 1.6; color: #666; font-weight:400;}
	.grade .textArea .two-depthList > *:before{display:block; content: '-'; position:absolute; top:-2px; left:0; vertical-align: top;}
	.grade .textArea .three-depthList > *{ position:relative; }
	.grade .textArea .three-depthList > span{display: block; padding-left: 10px; margin: 0 0 6px 20px; font-size: 13px; line-height: 1.6; color: #666;}
	.grade .textArea .three-depthList > *:before{display:block; content: ''; position:absolute; top:9px; left:0; width: 2px; height: 2px; background-color: #898989; vertical-align: top;}
	.grade .textArea .dashList > span{display: block; margin-top: 4px; line-height: 1.4;}
	.grade .membershipCard{ overflow:hidden; width: 264px; height: 166px; /* padding: 106px 0 0 24px; */ margin: 0 auto 33px; border-radius: 8px; text-align: left; background-position:  207px 21px; background-size: 40px auto; box-shadow: 10px 10px 30px rgba(0,0,0,0.2);}
	.grade .membershipCard > img { display:block;}
	.grade .membershipCard > *{ display:none; font-family: 'Roboto'; font-size: 14px; font-weight: 400; color: #fff;}
	.grade .membershipCard > strong{text-transform: none;}
	.grade .membershipCard > p{opacity: 0.5;}

	/*멤버십카드 색상*/	
	.grade .type1 .membershipCard{background-color: #dc5b51;}
	.grade .type1 .membershipType{color: #dc5b51;}
	.grade .type2 .membershipCard{background-color: #f1924c;}
	.grade .type2 .membershipType{color: #f1924c;}	
	.grade .type3 .membershipCard{background-color: #262422;}
	.grade .type3 .membershipType{color: #262422;}
	.grade .type4 .membershipCard{background-color: #9c4ac7;}
	.grade .type4 .membershipType{color: #9c4ac7;}
	.grade .type5 .membershipCard{background-color: #999999;}
	.grade .type5 .membershipType{color: #999999;}
	.grade .type6 .membershipCard{background-color: #c69d5b;}
	.grade .type6 .membershipType{color: #c69d5b;}
	.grade .type7 .membershipCard{background-color: #666;}
	.grade .type7 .membershipType{color: #666;}

	/*멤버십공지사항*/
	.membershipNotice table.basicForm tbody td{font-size: 16px; font-weight: 200;}
	.membershipNotice table.basicForm tbody td:first-child{text-align: left; }
	.membershipNotice table.basicForm tbody td:first-child a{color: #666; display: block; padding: 0 13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.membershipNotice table.basicForm tbody td:last-child{color: #999;}

	/*CASINO*/
	.casinoWrap{padding-bottom: 160px;}
	.casinoWrap h1{color: rgba(0,0,0,0.8)}
	.casinoWrap h2{font-size: 16px;}
	.casinoWrap li > p{word-break: keep-all;}

	.rules ul{margin: 0 -16px;}
	.rules ul li{float: left; width: 352px; height:300px; padding: 40px 48px 0; margin: 0 16px; text-align: center; border: 1px solid #e6e3df;}
	.rules ul li > span{display: block; width: 88px; height: 88px; margin: 0 auto 22px; background: url(/pcPub/static/images/casino/casino_rules.png);}
	.rules ul li > p{min-height: 85px; font-weight: 200; color: #666; line-height: 22px; vertical-align: top;}
	.rules ul li > p span{display: block; margin-bottom: 12px; font-weight: 450; color: #333; font-size: 16px; line-height: 1;}
	.rules ul li:nth-child(2) > span{background-position: 0 -88px;}
	.rules ul li:nth-child(3) > span{background-position: 0 -176px;}
	
	.howTo{position: relative; padding-bottom: 48px; margin: 56px 0 48px; border-bottom: 1px solid #f4f2ef;}
	.howTo > h2{margin-bottom: 24px; color: #333; line-height: 1;}
	.howTo > img{position: absolute; top: 40px; right: 0;}
	.howTo ol{position: relative; width: 465px;}
	.howTo ol li{position: relative; padding-left: 96px; margin-bottom: 34px;}
	.howTo ol li > i{position: absolute; top: 0; left: 0; width: 30px; height: 30px; font-family: 'Roboto'; text-align: center; border-radius: 50%; border: 1px solid #9c836a; line-height: 30px; font-weight: 500; color: #9c836a;}
	.howTo ol li > p{line-height: 22px;}
	.howTo ol li > p strong{display: block; margin-bottom: 10px; font-weight: 300; font-size: 16px; line-height: 1; color: #9c836a;}
	.howTo ol li .arrowDown{display: block; position: absolute; width: 1px; height: 80%; left: 15px; top: 39px; background: #e1dad2;}
	.howTo ol li .arrowDown:after{display: block; content: ''; position: absolute; left: -5px; bottom: 0; width: 11px; height: 6px; background: url(/pcPub/static/images/casino/icon_arrow_down.png) 0 bottom no-repeat;}
	.howTo ol li:last-child{margin-bottom: 0;}
	.howTo ol li:last-child .arrowDown{display: none;}

	.etiquette > h2{margin-bottom: 32px; color: #333; line-height: 1;}
	.etiquette ul{font-size: 0;}
	.etiquette ul li{position: relative; display: inline-block; width: 50%; padding: 0 40px 35px 96px; vertical-align: top;}
	.etiquette ul li > span{position: absolute; top: 0; left: 0; display: block; width: 48px; height: 48px; background: url(/pcPub/static/images/casino/casino_etiquette.png) 0 0 no-repeat;}
	.etiquette ul li > p{line-height: 22px; font-size: 14px; word-break: keep-all;}
	.etiquette ul li > p strong{display: block; margin-bottom: 10px; font-weight: 300; font-size: 16px; line-height: 1; color: #9c836a;}
	.etiquette ul li:nth-child(odd){width: 576px; padding-right: 80px;}
	.etiquette ul li:nth-child(even){width: 544px;}
	.etiquette ul li.icon2 > span{background-position: 0 -48px;}
	.etiquette ul li.icon3 > span{background-position: 0 -96px;}
	.etiquette ul li.icon4 > span{background-position: 0 -144px;}

	ul.helpMenu{margin: 0 -8px;}
	ul.helpMenu li{float: left; text-align: center; border: 1px solid #e6e3df; width: 268px; padding: 48px 40px 40px; margin: 0 8px; transition: .15s;}
	ul.helpMenu li > span{display: block; width: 88px; height: 88px; margin: 0 auto 40px; background: url(/pcPub/static/images/casino/casino_help.png); transition: .15s;}
	ul.helpMenu li > p{min-height: 92px; font-weight: 200; color: #666; line-height: 22px; vertical-align: top; word-break: keep-all;}
	ul.helpMenu li > p span{display: block; margin-bottom: 10px; font-weight: 450; color: #333; font-size: 16px; line-height: 1;}
	ul.helpMenu li > a{margin-top: 30px;}
	ul.helpMenu li:nth-child(2) > span{background-position: 0 -88px;}
	ul.helpMenu li:nth-child(3) > span{background-position: 0 -176px;}
	ul.helpMenu li:nth-child(4) > span{background-position: 0 -264px;}
	ul.helpMenu li:hover{border-color: #9c836a; box-shadow: 7px 8px 12px rgba(0,0,0,0.1);}
	ul.helpMenu li:hover > span { transform:translateY(-10px);}

	/*여행사/가이드 전용페이지*/
	.guidePage{padding-bottom: 150px;}
	.guidePage .innerBox > h1{color: rgba(0,0,0,0.8)}
	.guidePage .innerBox > h1 > strong{font-weight: 100;}
	.guidePage .innerBox > h1 + div h2{margin-top: 0;}
	.guidePage .innerBox > div{position: relative;}
	.guidePage div:not(.cautionBox) > h2{margin: 45px 0 20px; color: #333; font-size: 16px; line-height: 1;}
	.guidePage div.cautionBox{margin: 40px 0 56px;}
	.guidePage div.cautionBox:last-child{margin-bottom: 0;}
	.guidePage ul.dotList li{margin-bottom: 8px;}

	.guidePage table.basicForm tbody th{background-color: #f9f9f9; font-weight: normal; color: #333;}
	.guidePage table.commission tbody td{color: #333;}
	.guidePage table.commission tbody td:last-child{padding-right: 15px; color: #666; font-weight: 200; text-align: right;}
	.guidePage table.commission + p{margin: 10px 0 56px;}
	.guidePage table.commission + p > span{display: block; font-size: 12px; line-height: 22px; color: #999; font-weight: 200;}
	.guidePage table.provider{margin-bottom: 80px;}
	.guidePage table.provider tbody td{text-align: left; padding: 18px 25px; font-weight: 200; color: #666;}
	.guidePage table.comminsionList {width:1700px;}
	.guidePage table.comminsionList tbody td{font-weight: 200; color: #666;}
	.guidePage table.comminsionList tbody td.tr{padding-right: 35px;}

	.guidePage .searchTab{position: absolute; top: -25px; right: 0; margin: 0;}
	.guidePage .searchTab > *{float: left; margin-left: 8px;}

	/* wonder box */
	.wonderBoxWrap{padding-bottom: 95px;}
	.wonderBoxWrap .innerBox > div{position: relative;}
	.wonderBoxWrap h1{color: #333;}
	.wonderBoxWrap .tapView:first-child{display: block;}
	.wonderBoxWrap .tapBox{margin-bottom: 48px;}
	.wonderBoxWrap .fileDown + .tapBox{margin: 48px 0;}
	.wonderBoxWrap .eventBox > .tapBox{margin: 0 0 24px;}

	.wonderBoxWrap ul.eventList li{margin-top: 30px;}
	.wonderBoxWrap ul.eventList li:nth-child(1), 
	.wonderBoxWrap ul.eventList li:nth-child(2),
	.wonderBoxWrap ul.eventList li:nth-child(3){margin-top: 0;}
	.wonderBoxWrap ul.eventList li .txt{min-height: 150px;}
	.wonderBoxWrap ul.eventList li .txt > strong{font-weight: 450;}
	.wonderBoxWrap ul.eventList li .txt > span.sub{margin-top: 10px;}
	.wonderBoxWrap ul.eventList li .txt > span:last-child{font-size: 12px; color: #999;}

	.wonderBoxWrap .tapView{}
	.wonderBoxWrap .tapView > div{margin-bottom: 54px;}
	.wonderBoxWrap .tapView > div.precautions{margin-bottom: 0;}
	.wonderBoxWrap .tapView > div > h2{margin-bottom: 15px; font-size: 16px; line-height: 1; color: #333;}

	.fileDown{position: relative; padding: 34px 25px; background-color: #f9f9f9;}
	.fileDown > p{line-height: 22px; color: #777;}
	.fileDown > span{position: absolute; top: 32px; right: 25px; display: block; overflow: hidden;}
	.fileDown a.btn{float: left; width: 150px; padding: 0; margin-left: 8px; line-height: 46px;}
	.fileDown a.btn:before{display: inline-block; content: ''; width:15px; height:15px; margin: 16px 7px 0 0; background:url('/pcPub/static/images/common/icon/icon_download.png') no-repeat; vertical-align: top;}
	.fileDown a.btn:hover:before{background:url('/pcPub/static/images/common/icon/icon_download2.png') no-repeat;}
	.fileDown a.btn.btnFull { width:auto; padding:0 24px;}
	.fileDown a.btn.btnFull:before { display:none;}	

	p.phoneCall{position: absolute; top: -80px; right: 0; height: 20px; line-height: 20px; color: #9c836a;}
	p.phoneCall:before{display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 9px; background: url(/pcPub/static/images/common/icon/icon_phone.png) 0 0 no-repeat; vertical-align: top;}
	p.phoneCall > span{margin-left: 14px; font-weight: 300; vertical-align: top; line-height: 20px;}

	.operantionHours table.basicForm tbody td{font-weight: 200;}
	
	.precautions li{margin-bottom: 9px;}
	.precautions li:last-child{margin-bottom: 0;}
	.precautions li > span{color: #333;}
	.precautions ul.dashList{margin-top: 9px;}
	.precautions ul.dotList > li{margin-bottom: 13px;}
	.precautions li.txtRed{padding-left: 0;}
	.precautions li.txtRed:before{display: none;}

	/*convention*/

	a.rightLink{position: absolute; top: 0; right: 0; color: #9c836a; font-weight: 300; border-bottom: 1px solid #9c836a; line-height: 1.2;}

	.conventionWrap{padding-bottom: 155px;}
	.conventionWrap .innerBox{position: relative;}
	.conventionWrap .innerBox > a.btn.small{position: absolute; right: 80px; top: 120px;}
	.conventionWrap h1{color: rgba(0,0,0,0.8);}
	.conventionWrap h3{margin: 48px 0 0; font-size: 16px; line-height: 1; color: #333; text-transform: uppercase;}
	.conventionWrap .tapBox{margin-bottom: 48px;}
	.conventionWrap .tapBox li > a{text-transform: uppercase;}
	.conventionWrap .tapView > div{position: relative; padding-bottom: 48px; border-bottom: 1px solid #f4f2ef;}
	.conventionWrap .tapView > div:last-child{border-bottom: none; padding-bottom: 0;}
	.conventionWrap .detailInfo{padding-top: 0; border-top: none;}
	.conventionWrap .detailInfo > .infoDetail{margin: 30px -16px 0;}
	.conventionWrap .detailInfo > .infoDetail > dl{width: 20%; padding: 0 16px; margin: 0;}
	.conventionWrap .detailInfo > .infoDetail > dl dt{margin-bottom: 10px;}
	.conventionWrap .detailInfo > .infoDetail > dl dd{line-height: 22px;}
	.conventionWrap .detailInfo > .infoDetail > dl dd a{display: block; margin: 5px 0 0;}
	.conventionWrap .detailInfo .dotList > span{display: block; margin-bottom: 7px; padding-left: 8px; word-break: keep-all; line-height: 22px;}
	.conventionWrap .detailInfo .dotList > span:last-child{margin-bottom: 0;}
	.conventionWrap .jsSwiperMotion + p{margin-top: 35px; line-height: 22px;}
	.conventionWrap .swiperWrap{overflow: hidden;}
	
	.conventionWrap  .wedding h3{margin-bottom: 16px;}	
	.conventionWrap  .wedding > div{padding-bottom: 48px; border-bottom: 1px solid #f4f2ef}	
	.conventionWrap  .wedding > div:last-child{border-bottom: none; padding-bottom: 0;}

	.standardTable > table.basicForm{margin-top: 16px;}
	.standardTable > table.basicForm th.tbg{text-transform: uppercase; font-size: 14px; border-top: 1px solid #f4f2ef;}
	.standardTable > table.basicForm tbody th{color: #333;}
	.standardTable > table.basicForm tbody td{font-weight: 400; font-family: 'Roboto';}

	.concept ul{margin: 0 -16px;}
	.concept li{float: left; width: 25%; padding: 0 16px;}
	.concept li > p.txt{line-height: 22px; word-break: keep-all; letter-spacing: -0.02em;}
	.concept li > p.txt span{display: block; margin: 26px 0 9px; font-size: 16px; font-weight: 450; color: #333; line-height: 1;}
	
	.venue > h3 + div{margin-bottom: 115px;}

	.descBox{ width: 100%; position: relative;}
	.descBox + .descBox{margin-top: 40px;}
	.descBox > *{vertical-align: top;}
	.descBox .imageWrap{ padding-right: 352px; border: 1px solid #d5cabe;}
	.descBox .text{ overflow:hidden; position: absolute; top: 1px; right: 1px; width: 352px; height: 463px; margin:0; padding: 55px 40px 40px 40px; background-color: #fff; transition:all .3s ease;}
	.descBox .textBox .text { opacity:0; visibility:hidden;}
	.descBox p.title{ color: #9c836a; line-height: 24px; word-break: keep-all; transition:all .3s ease; transform:translateY(0px);}
	.descBox p.title span{display: block; margin-bottom: 10px; font-size: 30px; font-weight: 100; line-height: 1;}
	.descBox p.sub{margin-top: 25px; line-height: 22px; color: #999; word-break: keep-all; transition:all .3s ease; transform:translateY(0px);}
	.descBox .info{width: 100%; margin-top: 20px; padding: 15px 0; border-top: 1px solid #f4f2ef; line-height: 22px; transition:all .3s ease; transform:translateY(0px); word-break: keep-all;}
	.descBox .info p{position: relative; margin-top: 7px; padding-left: 65px; line-height: 22px; color: #999;}
	.descBox .info p span{position: absolute; top: 0; left: 0; display: block; font-weight: 300; color: #666; vertical-align: top; line-height: 22px;}
	.descBox .btn{position: absolute; left: 40px; bottom: 40px; line-height: 38px; transition:all .3s ease; transform:translateY(0px);}
	
	.descBox .textBox .text.on { opacity:1; visibility:visible;}
	.descBox .textBox .text.on .title,
	.descBox .textBox .text.on .sub,
	.descBox .textBox .text.on .info,
	.descBox .textBox .text.on .btn { transform:translateY(0px);}
	
	.descBox.type2 .info { position:static; padding-top:24px; margin-top:24px; border-top:1px solid #f4f2ef;}
	.descBox.type2 .info > p { position:relative; padding-left:65px;}
	.descBox.type2 .info > p:first-child { padding-top:0; border:0;}
	.descBox.type2 .info > p span { position:absolute; top:0; left:0;}
	.descBox.type2 .btn { position:absolute; bottom:40px; left:0;}

	.partyBox{ overflow:hidden; position: relative;}
	.partyBox + .partyBox{margin-top: 65px;}
	.partyBox:nth-child(odd) > .txtArea{right: 0; padding-left: 40px; padding-right: 10px;}
	.partyBox:nth-child(even) > .txtArea{left: 0; padding-right: 72px;}
	.partyBox > .txtArea{position: absolute; bottom: 0; width: 352px; padding: 56px 0 65px; background-color: rgba(255,255,255,0.95);}
	.partyBox > .txtArea p.title{color: #9c836a; font-size: 16px;}
	.partyBox > .txtArea p.title span{display: block; margin-bottom: 12px; font-size: 30px; font-weight: 100; line-height: 1.2;}
	.partyBox > .txtArea p.sub{margin-top: 25px; line-height: 22px; color: #666; font-weight: 200; word-break: keep-all;}
	.partyBox img { transition:all .3s ease;}
	.partyBox:hover img { transform:scale(1.02);}

	/*plaza*/
	.rightButton{position: relative;}
	.rightButton a{position: absolute; bottom: 65px; right: 0;}
	.rightButton a.arrow:after{display: inline-block; content: ''; width: 16px; height: 7px; margin: 20px 0 0 10px; background: url(/pcPub/static/images/common/btn/btn_move.png) 0 0 no-repeat; vertical-align: top; }
	.rightButton a.arrow:hover:after{background-position: 0 -7px;}

	.plazaWrap{padding-bottom: 155px;}
	.plazaWrap h1{color: rgba(0,0,0,0.8);}
	.plazaWrap .utilMenu{margin: 0 0 50px; padding-bottom: 13px; border-bottom: 1px solid #f4f2ef;}
	.plazaWrap .tapBox{margin-bottom: 45px;}
	.plazaWrap .tapView > p{margin-bottom: 48px; line-height: 20px;}
	.plazaWrap  ul.eventList li{margin-top: 0px;}
	.plazaWrap  ul.eventList li strong{font-weight: 450;}

	.plazaWrap h3{color: #333;}
	.plazaWrap .detailTextBox{margin-top: 40px;}
	.plazaWrap .detailTextBox > .btnGroup{margin-top: 10px;}
	.plazaWrap .cautionBox.type2{margin: 20px 0 66px;}
	.plazaWrap .infoDetail > dl > dt{margin-bottom: 8px;}

	.infoDetail .findLink{display: table; height: 23px; padding: 3px 1px 0px; font-weight: 300; color: #9c836a; border-bottom: 1px solid #9c836a;}
	.infoDetail .findLink:before{display: inline-block; content: ''; width: 9px; height: 9px; margin: 5px 6px 0 0; background: url(/pcPub/static/images/reservation/icon_plus.gif) 0 0 no-repeat; vertical-align: top;}
	.infoDetail .addTxt{font-size: 12px; color: #999; line-height: 19px; display: block; text-indent: -8px; padding: 7px 0 0 8px;}
	.infoDetail .addTxt > *{word-break: keep-all; line-height: 19px; margin-bottom: 3px;}
	.infoDetail .siteLink > a{display: block; word-break: break-all; text-decoration: underline; line-height: 22px;}
	.infoDetail .siteLink a:after {content: ''; display: inline-block; width: 12px; height: 12px; margin-top: -2px; margin-left: 5px; vertical-align: middle; background: url(/pcPub/static/images/common/icon/icon_site_link.png) no-repeat;}
	.detailInfo .swiperWrap p.text{height: auto; letter-spacing: -0.02em;}
	.detailInfo .swiperWrap p.time{margin-top: 10px; font-size: 12px; color: #999;}

	/* 외국인전용 예약 페이지 */
	.specialReservation{padding: 64px 0 0;}
	.specialReservation label{cursor: pointer;}
	.specialReservation label:after{cursor: pointer;}
	.specialReservation h1{color: rgba(0,0,0,0.8);}
	.specialReservation h2{color: #333; /*font-weight: bold;*/}
	/*.specialReservation .formJoinWrap{font-family: 'Noto Sans CJK';}*/
	.specialReservation .formJoinWrap dl:last-child{margin-bottom: 0;}
	.specialReservation .formJoinWrap > div:last-child{border-bottom: none; padding-bottom: 0;}
	.specialReservation .formJoinWrap > div.totalAmount {padding-bottom: 48px; border-bottom: 1px solid #e6e3df;}
	.specialReservation .ui-select-wrapper{width: 100%;}
	.specialReservation div.left{float: left; width: 50%; padding-right: 16px;}
	.specialReservation div.right{float: right; width: 50%; padding-left: 16px;}
	.specialReservation div.bottom{clear: both; padding-top: 20px;}
	.specialReservation dt > *{display: inline-block; vertical-align: top; line-height: 20px;}
	.specialReservation dt > span{margin-left: 5px; font-size: 12px; color: #999;}
	.specialReservation dd{margin-top: 7px;}
	.specialReservation dd textarea{display: block; width: 100%; height: 140px; padding: 12px; resize: none; overflow-y: auto; border: 1px solid #e6e3df; outline: 0; transition: all .3s ease; box-sizing:border-box;}
	.specialReservation dd textarea:focus{border: 1px solid #9c836a;}
	.specialReservation dl.blank3 > dd > div{margin: 0 -9px 0 0;}
	.specialReservation dl.blank3 > dd > div > *{float: left; width: 175.3px; margin-right: 9px;}
	.specialReservation dl.date > dd{margin: 7px -4px 0;}
	.specialReservation dl.date div.calendar{float: left; width: 50%; padding: 0 4px;}
	.specialReservation dl.radioArea dd > .radioBox{display: block; margin-top: 16px;}
	.specialReservation dl.radioArea dd > .radioBox:first-child{margin-top: 20px;}
	.specialReservation dl.radioArea dd label{margin-left: 4px; color: rgba(0,0,0,0.65);}
	.specialReservation dl.num dd .ui-select-wrapper{width: 100%;}	
	.specialReservation dl.option dt + dd{margin: 20px 0 15px;}
	.specialReservation dl.option dd.clearFixed{margin: 7px -4px 0;}
	.specialReservation dl.option dd .ui-select-wrapper{ float: left; width: 268px; margin: 0 4px;}
	.specialReservation .roomRequest dl{margin-bottom: 26px;}
	.specialReservation .totalAmount > * > span{display: block; font-size: 12px; color: #999; padding: 4px 0 0;}
	.specialReservation .totalAmount > h2{float: left; margin-bottom: 0;}
	.specialReservation .totalAmount > p{float: right; text-align: right; font-size: 16px; font-weight: 450; color: #333;}
	.specialReservation .btnGroup{text-align: center; padding-top: 50px;}
	.specialReservation .btnGroup > a {line-height: 10px; margin: 0 5px;}
	.specialReservation .btnGroup > a > span{display: block; padding-top: 3px; font-size: 18px;}
	.specialReservation .btnGroup > a > span > i{display: block; font-size: 14px;}
	.specialReservation dl.foreignerAD > dd > div > *{float: left; width: 172px; margin-right: 9px;}
	.specialReservation dl.foreignerAD > dd .clearFixed + .clearFixed { margin-top:10px;} 

	/*CIMER*/
	.SBUWrap{padding-bottom: 150px;}
	.SBUWrap.pb0{padding-bottom: 0;}
	.SBUWrap .swiperWrap{overflow: hidden;}
	.SBUWrap h2{margin-bottom: 6px; font-size: 16px; color: #333;}
	.SBUWrap div.cautionBox > h2{margin-bottom: 0; color: #e66045;}
	.SBUWrap div.cautionBox.type2 > h2{color: #9c836a;}
	.SBUWrap .tapBox{margin-bottom: 48px;}
	.SBUWrap > .tapBox{margin: 0 auto 48px; width: 1120px;}	
	.SBUWrap .tapView > div{margin-top: 38px;}
	.SBUWrap div.facilityTab{margin: 48px 0; padding: 46px 0; border-top: 1px solid #f4f2ef; border-bottom: 1px solid #f4f2ef;}
	.SBUWrap div.operationStep{margin: 60px 0 50px;}
	.SBUWrap .precautions ul.dotList > li{margin: 10px 0 0;}
	.SBUWrap .eventBox{margin-top: 0;}
	.SBUWrap .eventBox .tapBox{margin-bottom: 0;}
	.SBUWrap .detailTextBox h2{color: #9c836a; font-size: 30px;}
	.SBUWrap .ticketBuyInfo{padding-bottom: 46px; margin-bottom: 46px; border-bottom: 1px solid #f4f2ef;}
	.SBUWrap .btnGroup{margin: 32px 0 0; text-align: center;}
	.SBUWrap .btnGroup > a{margin: 0 2px;}
	.SBUWrap a.linkTxt{color: #9c836a; text-decoration: underline;}
	
	.tabMenu{margin-bottom: 24px;}
	.tabMenu > a{display: inline-block; height: 22px; margin-right: 20px; font-weight: 300; font-size: 16px; color: #999;}
	.tabMenu > a.active{color: #9c836a; border-bottom: 1px solid #9c836a;}
	
	.facilityWrap h2{}
	.facilityWrap h2 + p{line-height: 22px; word-break: keep-all;}
	.facilityWrap div.itemList > h2{color: #333; margin-bottom: 15px;}
	.operationWrap h2{margin-bottom: 15px;}
	.operationWrap div.cautionBox > h2{margin-bottom: 0;}

	.itemList{margin-bottom: 48px; border-bottom: 1px solid #f4f2ef;}
	.itemList > .eventList{padding-bottom: 45px;}
	.itemList > .eventList div.txt{padding-bottom: 0;}
	.itemList > .eventList strong{color: #9c836a; font-size: 16px; font-weight: 300; text-transform: uppercase;}
	.itemList > .eventList span.sub{height: auto; min-height: 66px; line-height: 22px; margin-top: 8px;}
	.itemList > .eventList span.sub > i{display: block; margin-top: 3px; font-size: 12px; color: #e66045; line-height: 20px;}
	.itemList > .eventList .dotList > p:before{width: 3px; height: 3px; border-radius: 50%;}	
	.itemList > .eventList .addInfo *{line-height: 22px;}
	.itemList > .eventList .addInfo > p{display: table; width: 100%; margin-bottom: 5px; padding-left: 8px;}
	.itemList > .eventList .addInfo > p > span{float: left; color: #999;}
	.itemList > .eventList .addInfo > p > span:first-child{padding-right: 25px; color: #666; font-weight: 300;}
	.itemList > .eventList .addInfo > p > span .width { display:inline-block; width:80px;}
	.itemList > .eventList table.addInfo{width: 100%;}
	.itemList > .eventList table.addInfo tr{height: 22px;}
	.itemList > .eventList table.addInfo th{color: #666; font-weight: 300;}
	.itemList > .eventList table.addInfo td{color: #999;}
	
	.ticket.itemList {border-bottom: 0;}
	.ticket.itemList > .eventList{display: table; width: 100%; margin: 15px 0 0; padding: 0;}
	.ticket.itemList > .eventList li{position: relative; display: table-cell; border: 1px solid #e6e3df;}
	.ticket.itemList > .eventList p.img > img{width: 100%;}
	.ticket.itemList > .eventList span.sub{min-height: unset;}
	.ticket.itemList > .eventList div.txt{padding: 20px 23px 95px;}
	.ticket.itemList > .eventList a.buyTicket{position: absolute; bottom: 24px; left: 23px; width: 304px;}
	.ticket.itemList > .eventList .dotList > p:before{width: 2px; height: 2px; border-radius: 0; top: 10px;}
	.ticket.itemList > .eventList li:nth-child(2) { left:32px;}
	.ticket.itemList > .eventList li:nth-child(3) { left:64px;}

	.priceList .basicForm tbody th{color: #333;}
	.priceList .basicForm tbody td{font-weight: 200;}
	
	.slideDescBox{position: relative; display: none;}
	.slideDescBox .slideArea{width: 512px;}
	.slideDescBox .text{position: absolute; top: 0; left: 0; height: 100%; margin-left: 512px; padding: 0 0 41px 60px;}
	.slideDescBox .text .title{padding: 8px 0 30px; color: #666; line-height: 22px; word-break: keep-all;}
	.slideDescBox .text .title > span{display: block; margin-bottom: 10px; font-size: 30px; color: #9c836a; font-weight: 100;}
	.slideDescBox ul.info{margin: 0 -32px; max-height: 160px;}
	.slideDescBox ul.info li{float: left; width: 50%; padding: 0 32px;}
	.slideDescBox ul.info li:first-child{border-right: 1px solid #f4f2ef;}
	.slideDescBox ul.info li > *{display: block;}
	.slideDescBox ul.info li > strong{margin-bottom: 7px; color: #666; font-weight: 300;}
	.slideDescBox ul.info li > span{margin-top: 4px; color: #999; word-break: keep-all; line-height: 22px;}
	.slideDescBox .text > a.btn{position: absolute; left: 60px; bottom: 41px; line-height: 46px;}

	.numList{margin: 0 -16px; font-size: 0;}
	.numList li{position: relative; float: left; width: 352px; height: 280px; margin: 55px 16px 0; padding: 47px 30px 45px; text-align: center; border: 1px solid #e6e3df; font-size: 14px; vertical-align: top;}
	.numList i{position: absolute; top: -15px; left: 50%; margin-left: -15px; display: block; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #9c836a; text-align: center; line-height: 30px; background-color: #fff; font-family: 'Roboto'; font-weight: 400; color: #9c836a;}
	.numList .icon{display: block; width: 48px; height: 48px; margin: 0 auto; background: url(/pcPub/static/images/sbu/icon_operation.png) 0 0 no-repeat;}
	.numList .title{padding: 21px 0 12px; font-size: 16px; color: #333; font-weight: 450; line-height: 1; }
	.numList .desc{line-height: 22px; word-break: keep-all; color: #666; letter-spacing: -0.02em;}	
	.numList p.addTxt{font-size: 12px; line-height: 20px; color: #999;}
	.numList p.addTxt > span{color: #666;}
	.numList .desc + p.addTxt{margin-top: 6px;}
	.numList li.li02 .icon{background-position: 0 -48px;}
	.numList li.li03 .icon{background-position: 0 -96px;}
	.numList li.li04 .icon{background-position: 0 -144px;}
	.numList li.li05 .icon{background-position: 0 -192px;}
	.numList li.li06 .icon{background-position: 0 -240px;}
	.numList li.li07 .icon{background-position: 0 -288px;}
	.numList li.li08 .icon{background-position: 0 -336px;}
	.numList li.li09 .icon{background-position: 0 -384px;}
	.numList li:nth-child(1), .numList li:nth-child(2), .numList li:nth-child(3){margin-top: 0;}
	.numList li:nth-child(4), .numList li:nth-child(5), .numList li:nth-child(6){float: right; height: 303px;}
	.numList li:nth-child(7), .numList li:nth-child(8), .numList li:nth-child(9){height: 260px;}
	.numList li:after{display: block; content: ''; position: absolute; width: 24px; height: 11px; background: url(/pcPub/static/images/sbu/icon_operation_arrow.png) 0 0 no-repeat;}
	.numList li.li01:after, .numList li.li02:after, .numList li.li07:after, .numList li.li08:after{left: 100%; top: 50%; margin-top: -5.5px;}
	.numList li.li03:after, .numList li.li06:after{left: 50%; bottom: -18px; margin-left: -12px; transform: rotate(90deg);}
	.numList li.li04:after, .numList li.li05:after{right: 100%; top: 50%; margin-top: -5.5px; transform: rotate(180deg);}
	.numList li.li09:after{display: none;}

	/* Art Paradiso */
	.SBUWrap.artParadiso .eventTab{margin-bottom: 5px;}
	.SBUWrap.artParadiso .tapView > div{margin-top: 0;}
	.SBUWrap.artParadiso .tapView .jsSwiperMotion .swiperArrow{bottom: 100%; top: unset; margin-bottom: 15px;}
	.SBUWrap.artParadiso .offers {padding: 45px 0 0; margin-top: 45px; border-top: 1px solid #f4f2ef;}
	.SBUWrap.artParadiso div.fullBg{margin-top: 80px; padding: 70px 0 130px;}
	.SBUWrap.artParadiso div.fullBg .tapBox{margin-bottom: 0;}
	.SBUWrap.artParadiso .operantionHours{margin-bottom: 52px;}
	.SBUWrap.artParadiso .operantionHours > table{margin-top: 15px;}

	.roomBox{margin-bottom: 55px;}
	.roomBox > h2{font-weight: 450;}
	.roomBox > h2 + p{margin-bottom: 15px; color: #999;}
	.roomBox .descBox .text{padding-top: 55px;}

	/* chroma */
	.SBUWrap.chroma h2.title + *{margin-top: 20px;}
	.SBUWrap.chroma h2.title + p{margin-top: 10px;}
	.SBUWrap.chroma p.subDesc{line-height: 22px;}
	.SBUWrap.chroma .tapView .innerBox > *{margin-bottom: 45px;}
	.SBUWrap.chroma .tapView .innerBox > *:last-child{margin-bottom: 0;}
	.SBUWrap.chroma .facilityFeature{padding-bottom: 20px;}
	.SBUWrap.chroma .facilityFeature > div + div{padding-top: 60px;}
	.SBUWrap.chroma .facilityFeature > div > strong{display: block; margin: 35px 0 12px; line-height: 1; font-weight: 450; color: #333;}
	.SBUWrap.chroma .tapView .innerBox > .detailInfo{border-top: 0; padding-top: 0;}
	.SBUWrap.chroma .clubTime{padding-bottom: 0;}
	.SBUWrap.chroma .clubTime dt{font-size: 14px;}
	.SBUWrap.chroma .ticketInfo {position: relative; border-bottom:1px solid #f4f2ef;}
	.SBUWrap.chroma .ticketBox { overflow:hidden; margin-bottom:24px; margin-top:10px;}
	.SBUWrap.chroma .ticketBox > p { margin-bottom:5px; text-align:right; color:#666;}
	.SBUWrap.chroma .ticketBox > div { /* float:left; */ width:100%; /* height:174px; */ padding:25px; border:1px solid #e6e3df; font-size:0;}
	.SBUWrap.chroma .ticketBox > div + div { margin-left:24px;}
	.SBUWrap.chroma .ticketBox > div h3 { padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #e6e3df; font-size:16px; color:#9c836a; font-weight:300;}
	.SBUWrap.chroma .ticketBox > div .text { display:inline-block; width:50%; font-size:14px; vertical-align:top; color:#666;}
	.SBUWrap.chroma .ticketBox > div .dotList { display:inline-block; width:50%; font-size:14px; vertical-align:top; color:#999;}
	.SBUWrap.chroma .ticketBox > div .dotList li { margin-bottom:10px;}
	.SBUWrap.chroma .ticketBox > div .dotList strong { display:inline-block; width:75px; color:#666; font-weight:300;}
	.SBUWrap.chroma .itemList .eventList{margin: 0 -8px;}
	.SBUWrap.chroma .itemList .eventList > li{width: 268px; margin: 20px 8px 0;}
	.SBUWrap.chroma .itemList .eventList strong{text-transform: none;}
	.SBUWrap.chroma .itemList .eventList span.sub{margin-bottom: 20px; color: #666; font-weight: 350; min-height: unset;}
	.SBUWrap.chroma ul.eventList li .img { width:auto; height:auto;}
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(1),
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(4n + 1) { animation-delay: 0s;}
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(2),
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(4n + 2) { animation-delay: 0.2s;}
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(3),
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(4n + 3) { animation-delay: 0.4s;}
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(4),
	.SBUWrap.chroma .itemList ul.eventList li:nth-child(4n + 4) { animation-delay: 0.6s;}
	.SBUWrap.chroma .innerBox div.etiquette{padding-top: 45px; margin-bottom: 10px; border-top: 1px solid #f4f2ef;}
	.SBUWrap.chroma .innerBox div.etiquette > ul{margin-top: 30px;}
	.SBUWrap.chroma .innerBox div.etiquette + div.cautionBox{margin-bottom: 140px;}

	.SBUWrap .convenience ul{display: table; width: 100%; margin-top: 20px;}
	.SBUWrap .convenience li{position: relative; display: table-cell; width: 211px; text-align: center; border: 1px solid #e6e3df; background-color: #f9f9f9;}
	.SBUWrap .convenience li > div{height: 122px; padding-top: 40px; background-color: #fff;}
	.SBUWrap .convenience li > div span{display: block; width: 48px; height: 48px; margin: 0 auto; background: url(/pcPub/static/images/sbu/icon_convenience.png); }
	.SBUWrap .convenience li:nth-child(2) > div span{background-position: 0 -48px;}
	.SBUWrap .convenience li:nth-child(3) > div span{background-position: 0 -96px;}
	.SBUWrap .convenience li:nth-child(4) > div span{background-position: 0 -144px;}
	.SBUWrap .convenience li:nth-child(5) > div span{background-position: 0 -192px;}
	.SBUWrap .convenience li > p{padding: 30px 0 40px; font-size: 14px; line-height: 24px;}
	.SBUWrap .convenience li > p strong{display: block; margin-bottom: 10px; font-size: 16px; font-weight: 350; color: #9c836a;}
	.SBUWrap .convenience li:nth-child(5n+2){left: 16px;}
	.SBUWrap .convenience li:nth-child(5n+3){left: 32px;}
	.SBUWrap .convenience li:nth-child(5n+4){left: 48px;}
	.SBUWrap .convenience li:nth-child(5n+5){left: 64px;}
	.SBUWrap .convenience p.addTxt{margin-top: 5px;}
	.SBUWrap .convenience p.addTxt > span{font-size: 12px; color: #999; line-height: 22px;}

	.chroma .SMFloorMap{padding: 0 0 50px;}
	.chroma .SMFloorMap .floorMapBox{margin-top: 10px; border: 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
	.chroma .SMFloorMap .viewMap > img{display: none;}
	.chroma .SMFloorMap .floorButton{position: relative;}
	.chroma .SMFloorMap .floorButton > li{position: relative; z-index: 2; border-bottom: 0}
	.chroma .SMFloorMap .floorButton button{background-color: transparent; outline: none; line-height: 66px;}
	.chroma .SMFloorMap .floorButton button > span{margin-right: 15px; font-weight: 500; letter-spacing: 0.18em;}
	.chroma .SMFloorMap .textBox{width: 286px; height: 254px; padding: 30px 13px 30px  40px; border-top: 1px solid #eee;}
	.chroma .SMFloorMap .textBox > div{display: none;}
	.chroma .SMFloorMap .textBox p.title{font-weight: 450; text-transform: uppercase;}
	.chroma .SMFloorMap .textBox p.text{word-break: keep-all;}
	.chroma .SMFloorMap .btnGroup > a{width: 140px; font-size: 16px; line-height: 46px;}
	.chroma .SMFloorMap .floorMapBox ul li.on button{color: #fff;}

	.tableRightTxt{position: absolute; top: 32px; right: 0;}

	.photoWrap{position: relative; padding: 0 27px 30px 0px; display: inline-block; vertical-align: top;}
	.photoWrap:last-child{padding-bottom: 90px; margin-bottom: 4px;}
	/* .photoWrap:before{display: block; content: ''; position: absolute; top: 4px; left: 3px; width: 1px; height: 100%; background-color: #ddd;} */
	.photoWrap > p.date{position: relative; margin-bottom: 22px; font: 500 16px/16px 'Roboto' ; color: #222;}
	/*.photoWrap > p.date:before{ display: inline-block; content: ''; position: absolute; top: 0; left: -32px; width: 8px; height: 8px; margin: 4px 0 0; border-radius: 50%; background-color: #333; vertical-align: top;} */
	.photoWrap ul{margin: 0 -12px; font-size: 0;}
	.photoWrap li{display: inline-block; width: 346px; margin: 0 12px 30px; vertical-align: top;}
	.photoWrap li > a{}
	.photoWrap li p.txt{margin-top: 15px; font-size: 14px; color: #333; font-weight: 450;}
	.photoWrap li p.txt > span{margin-right: 3px; font-weight: 450; text-transform: uppercase;}

	/*포토&비디오 레이어팝업*/
	.layerPopWrap .vodArea{width: 736px; height: 480px; margin-bottom: 40px; background-color: #000;}
	.layerPopWrap .vodArea > iframe{width: 736px; height: 480px;}

	.artistList > .eventList > li .name{margin: 20px 0; font-size: 14px; font-weight: 450; color: #333;}
	.chroma .artistList .eventList li .img { width:auto; height:auto;}
	.artistView{padding-bottom: 55px; border-bottom: 1px solid #f4f2ef;}
	.artistView .txtArea{position: relative; padding: 52px 100px 0 386px;}
	.artistView .txtArea > p{word-break: keep-all; line-height: 22px;}
	.artistView .txtArea > span{display: block; margin-top: 30px;}
	.artistView .txtBox{position: absolute; top: -204px; left: 0; width: 288px; min-height: 336px; padding: 50px 0 0 43px; color: #fff; background-color: #9c836a;}
	.artistView .txtBox > .boxInner{position: relative; height: 100%;}
	.artistView .txtBox .name{font-size: 30px; font-weight: 100; min-height: 211px; text-transform: uppercase;}
	.artistView .txtBox .name > span{display: block; margin: 0 0 3px; font-size: 16px; font-weight: 450;}
	.artistView .txtBox .tag{position: relative; width: 100%; padding: 27px 30px 27px 0; border-top: 1px solid rgba(255,255,255,0.2);}
	.artistView .txtBox .tag:after{display: block; content:''; position: absolute; top: -1px; left: 100%; width: 64px; height: 1px; background-color: #9c836a;}
	.artistView .txtBox .tag > span{word-break: keep-all;}
	.artistView .siteLink > a {text-decoration: underline; line-height: 22px; color: #999999; transition: .2s;}
	.artistView .siteLink > a:after {content: ''; display: inline-block; width: 12px; height: 12px; margin: -2px 0 0 8px; vertical-align: middle; background: url(/pcPub/static/images/common/icon/icon_site_link.png) no-repeat;}
	.artistView .siteLink > a:hover{color: #222;}
	.albumList{padding-top: 54px; border-bottom: 1px solid #f4f2ef;}
	.albumList > ul{font-size: 0; margin: 0 -16px;}
	.albumList > ul > li{display: inline-block; width: 25%; padding: 0 16px 32px;}
	.albumList > ul > li > a{display: block;}
	.albumList > ul > li .name{display: block; padding: 20px 0; font-size: 14px; font-weight: 450; color: #333;}
	.careerList{padding: 54px 0; margin-bottom: 40px; border-bottom: 1px solid #e6e3df;}
	.careerList > div{margin: 0 -16px;}
	.careerList dl{float: left; width: 50%; padding: 0 16px;}
	.careerList dl > dt{margin-bottom: 2px; font-weight: 450; color: #9c836a; line-height: 28px;}
	.careerList dl > dd{display: table; width: 100%;}
	.careerList dl > dd > span{display: table-cell; line-height: 28px;}
	.careerList dl > dd > span.date{width: 70px;}
	.careerList dl > dd > span.country{width: 160px;}

	/*About Us*/
	.aboutWrap{padding-bottom: 150px;}
	.aboutWrap h2.title{margin-bottom: 16px; font-size: 16px; font-weight: 450; color: #333; line-height: 1;}

	.companyList{padding-bottom: 55px;}
	.companyBox{position: relative; padding: 54px 64px 70px; margin-bottom: 115px;}
	.companyBox .name{color: #333; font-size: 18px; font-weight: 450; line-height: 1; text-transform: uppercase;}
	.companyBox .desc{min-height: 66px; margin-top: 20px; line-height: 22px; word-break: keep-all;}
	.companyBox .logo{position: absolute; top: -45px; width: 256px; height: 227px; border: 1px solid #a8927e; background-color: #fff;}
	.companyBox .logo > img{display: block;}
	.companyList .companyBox:nth-child(odd){padding-left: 384px;}
	.companyList .companyBox:nth-child(odd) .logo{left: 64px;}
	.companyList .companyBox:nth-child(even){padding-right: 400px;}
	.companyList .companyBox:nth-child(even) .logo{right: 64px;}
	.companyList .companyBox:nth-child(3n+1){margin-bottom: 40px;}
	.companyList .companyBox:nth-child(3n+2){background-color: #a48e79;}
	.companyList .companyBox:nth-child(3n+2) .name{color: #fff;}
	.companyList .companyBox:nth-child(3n+2) .desc{color: #fff;}
	.companyList .companyBox:nth-child(3n+3){background-color: #f3f3f3;}
	.companyList .companyBox:last-child{margin-bottom: 0;}


	.investorInfo ul{border-bottom: 1px solid #eee;}
	.investorInfo ul li{position: relative; margin-top: 0; border-top: 1px solid #eee;}
	.investorInfo ul li:last-of-type{margin-bottom: 0;}
	.investorInfo ul li > .title{position: relative; padding: 23px 150px 23px 24px; border: 1px solid #fff; cursor: pointer; background-color: #fff; outline: none;}
	.investorInfo ul li > .title > p{font-size: 16px; font-weight: 300; color: #666;}
	.investorInfo ul li > .title > .date{position: absolute; top: 23px; right: 70px; color: #999; line-height: 22px;}
	.investorInfo ul li > .title:after{display: block; content: ''; position: absolute; top: 30px; right: 24px; width: 15px; height: 8px; background: url(/pcPub/static/images/common/btn/btn_faq.png) 0 0 no-repeat;  background-position: 0 -8px;}
	.investorInfo ul li > .desc{display: none; padding: 30px 80px 30px 24px; background-color: #f9f9f9;}
	.investorInfo ul li > .desc > p{color: #999; line-height: 22px; word-break: keep-all;}
	
	.investorInfo ul li.on{border-top: 1px solid #fff;}
	.investorInfo ul li.on .title{border: 1px solid #9c836a;}
	.investorInfo ul li.on .title > p{color: #9c836a;}
	.investorInfo ul li.on .title:after{background-position: 0 0;}

	.aboutWrap  > .section .sectionH{position: static; width: 100%; margin: 0; padding: 20px 0 0;}
	.aboutWrap  > .section .sectionH > h1{margin: 0 0 20px; font-size: 30px; line-height: 40px;}
	.aboutWrap  > .section .sectionH > p{line-height: 26px; word-break: keep-all;}
	.aboutWrap  > .section .imgWrap{position: absolute;}
	.aboutWrap  > .section .imgWrap > img{position: relative; box-shadow: 20px 30px 40px rgba(38,36,34,0.1);}
	.aboutWrap  > .section.section02{margin-top: 120px;}
	.aboutWrap  > .section.section02 .sectionH{padding-right: 500px;}
	.aboutWrap  > .section.section02 .imgWrap{top: 0; right: 0;}
	.aboutWrap  > .section.section01{margin: 250px 0 170px;}
	.aboutWrap  > .section.section01 .sectionH{padding-left: 620px;}
	.aboutWrap  > .section.section01 .imgWrap{left: -280px; bottom: 0;}
	.aboutWrap  > .section.section01 .bgbar{width: 464px; left: -280px; top: 200px; background-color: #ececec;}
	.aboutWrap  > .section.section04 .imgWrap{position: static;}
	.aboutWrap  > .section.section04 .sectionH{position: relative; padding: 0 0 90px; margin-top: 75px;}
	.aboutWrap  > .section.section04 .sectionH > *{float: left; width: 50%; padding-bottom: 90px;}
	.aboutWrap  > .section.section04 .sectionH > h1{padding-right: 110px;}
	.aboutWrap  > .section.section04 .sectionH > p{padding-left: 70px;}
	.aboutWrap  > .section.section04 .sectionH:before{display: block; content: ''; position: absolute; width: 1px; height: 100%; left: 50%; top: 0; margin-left: -2px; background-color: #ac9073;}
	.aboutWrap  > .btmVisual{padding-top: 105px; height: 570px; background: url(/pcPub/static/images/aboutUs/btm_visual.jpg) center top; background-size:cover; text-align: center;}
	.aboutWrap  > .btmVisual > p{margin-bottom: 15px; font-size: 18px; color: #fff; line-height: 1;}

	/*회원탈퇴 팝업*/
	.leaveLayer.normalLayer .layerPopCont{width: 640px;}
	.leaveLayer.normalLayer .popHeader{margin-bottom: 40px;}
	.leaveLayer .leaveText{text-align: center;}
	.leaveLayer .leaveText > p.p1{margin-top: 35px; font-size: 16px; line-height: 28px; font-weight: 300; color: #9c836a;}
	.leaveLayer .leaveText > p.p2{margin: 10px 0 20px; font-size: 14px; line-height: 22px; color: #999;}
	.leaveLayer .leaveText > p.p3{margin-bottom: 40px; font-size: 16px; font-weight: 300; color: #999;}

	/*쿠폰내역 팝업*/
	.couponHistory.normalLayer .layerPopCont{width: 640px;}
	.couponHistory .inquiryPopCont{position: relative;}
	.couponHistory h2{font-size: 16px; color: #333;}
	.couponHistory h2 + p.addTxt{position: absolute; right: 0; top: 2px; line-height: 22px;}
	.couponHistory table.history{margin: 23px 0 35px;}
	.couponHistory table.history tbody td{font-size: 16px; font-weight: 200;}
	.couponHistory table.history tbody td:last-child{font-weight: 300; color: #333;}
	.couponHistory table.history tbody tr.use td:last-child{color: #5f89df;}

	.selectBox.type2{height: 40px;}
	.selectBox.type2 .ui-select-trigger{height: 40px; line-height: 40px; border: 0; font-size: 16px; font-weight: 300; color: #999;}
	.selectBox.type2 .ui-select-options{border: 0; padding-bottom: 10px;}
	.selectBox.type2 .ui-select-option{padding: 0 15px; font-size: 16px; font-weight: 300; color: #999; line-height: 40px;}
	.selectBox.type2 .ui-select-option.selection{color: #9c836a;}

	/*P-city MAP*/
	.mapWrap{padding: 0 0 150px;}
	.mapWrap .mapBox{margin: 48px 0 0; height: 496px;}
	.mapWrap .titleArea{position: relative; margin: 33px 0 50px;}
	.mapWrap .titleArea > .title{font-size: 30px; line-height: 40px; color: #9c836a; font-weight: 100;}
	.mapWrap .titleArea > .address{margin: 10px 0 0; font-size: 16px; color: #666; font-weight: 200;}
	.mapWrap .titleArea > .btnGroup{position: absolute; top: 7px; right: 0;}
	.mapWrap .titleArea > .btnGroup > a{margin-left: 4px;}
	.mapWrap .tapBox{padding: 0 0 13px; border-bottom: 1px solid #f4f2ef;}
	.mapWrap .eventTab{margin: 0;}
	.mapWrap .detailInfo{margin: 45px 0 0; padding: 0; border-top: 0;}
	.mapWrap .detailInfo .infoDetail{margin: 20px 0 0;}
	.mapWrap .detailInfo .infoDetail > dl{width: 340px;}
	.mapWrap .detailInfo a.timeDetail{position: absolute; top: 0; right: 0; color: #9c836a; text-decoration: underline; line-height: 22px;}
	.mapWrap .route{margin: 50px 0 0;}
	.mapWrap .route > h3{margin: 0 0 20px; font-size: 16px; color: #333;}
	
	.mapWrap .mapDetailInfo { position:relative;}
	.mapWrap .mapDetailInfo > div { position:absolute;}
	.mapWrap .mapDetailInfo > div > span { display:block; position:absolute; top:-65px; left:0; color:#999; font-weight:300;}
	.mapWrap .mapDetailInfo .tit { color:#333; font-weight:300;}
	.mapWrap .mapDetailInfo .tit.color { color:#9c836a;}
	.mapWrap .mapDetailInfo .tit span { display:block; color:#999;}
	.mapWrap .mapDetailInfo .text { margin-top:10px; font-weight:300; color:#666;}
	
	.mapWrap .mapDetailInfo.type1 .info1 { top:176px; left:77px; width:200px;}
	.mapWrap .mapDetailInfo.type1 .info2 { top:115px; left:423px; width:230px;}
	.mapWrap .mapDetailInfo.type1 .info3 { top:115px; left:667px; width:230px;}
	.mapWrap .mapDetailInfo.type1 .info4 { top:172px; left:933px; width:185px;}
	.mapWrap .mapDetailInfo.type1 .info5 { top:292px; left:580px; width:230px;}
	.mapWrap .mapDetailInfo.type1 .info6 { top:292px; left:328px; width:230px;}
	
	.mapWrap .mapDetailInfo.type2 { font-size:0;}
	.mapWrap .mapDetailInfo.type2 > div { display:inline-block; position:relative; margin-top:12px; font-size:14px; text-align:center; vertical-align:top;}
	.mapWrap .mapDetailInfo.type2 .info1 { width:178px; text-align:left;}
	.mapWrap .mapDetailInfo.type2 .info2 { width:180px;}
	.mapWrap .mapDetailInfo.type2 .info3 { width:205px;}
	.mapWrap .mapDetailInfo.type2 .info4 { width:183px;}
	.mapWrap .mapDetailInfo.type2 .info5 { width:223px;}
	.mapWrap .mapDetailInfo.type2 .info6 { width:151px;}
	
	.mapWrap .mapDetailInfo.type3 { font-size:0;}
	.mapWrap .mapDetailInfo.type3 > div { display:inline-block; position:relative; margin-top:12px; font-size:14px; text-align:center; vertical-align:top;}
	.mapWrap .mapDetailInfo.type3 .info1 { width:160px;}
	.mapWrap .mapDetailInfo.type3 .info2 { width:213px;}
	.mapWrap .mapDetailInfo.type3 .info3 { width:202px;}
	.mapWrap .mapDetailInfo.type3 .info4 { width:184px;}
	.mapWrap .mapDetailInfo.type3 .info5 { width:208px;}
	.mapWrap .mapDetailInfo.type3 .info6 { width:153px;}
	
	.mapWrap .mapDetailInfo.type4 { font-size:0;}
	.mapWrap .mapDetailInfo.type4 > div { display:inline-block; position:relative; margin-top:12px; font-size:14px; text-align:center; vertical-align:top;}
	.mapWrap .mapDetailInfo.type4 .info1 { width:150px;}
	.mapWrap .mapDetailInfo.type4 .info2 { width:152px;}
	.mapWrap .mapDetailInfo.type4 .info3 { width:193px;}
	.mapWrap .mapDetailInfo.type4 .info4 { width:134px;}
	.mapWrap .mapDetailInfo.type4 .info5 { width:180px;}
	.mapWrap .mapDetailInfo.type4 .info6 { width:159px;}
	.mapWrap .mapDetailInfo.type4 .info7 { width:152px;}


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




/* casino 게임 팝업 */
	div.layerPopWrap.popGame > .layerPopCont{ width: 1300px; padding: 0;}
	div.layerPopWrap.popGame > .layerPopCont h1{height: 60px; margin: 0; font-weight: 300; line-height: 60px; background-color: #928677;}
	div.popGame .inquiryPopCont{ padding: 30px 30px 60px;}
	/* div.popGame .contArea{height: 620px; overflow-y: scroll; } */ /*스크롤바영역*/
	div.popGame .inner{width: 1200px; margin: 0 auto;}
	div.popGame p.title{margin: 0 0 35px; font-size: 40px; text-align: center; color: #333; font-weight: bold; line-height: 60px; letter-spacing: -0.02em;}
	div.popGame p.title > span{display: block; font-size: 14px; line-height: 21px; vertical-align: top; color: #000;}
	div.popGame .tapBox li > a{font-size: 15px;}
	div.popGame .tapView:after { content:''; display:block; clear:both;}
	div.popGame .tapView p{line-height: 1.5; color: #333; word-break: keep-all;}
	div.popGame h3{margin: 25px 0 10px; color: #000; font-size: 22px; font-weight: 450; line-height: 1.5;}
	div.popGame figure{position: relative; margin-top: 10px;}
	div.popGame .con1 > div{float: left; width: 800px;}
	div.popGame .con1 > figure{float: right;}
	div.popGame .subDesc{font-size: 16px; font-weight: 300; margin: 0 0 20px;}
	div.popGame .subDesc > strong{color: #000; font-weight: 450;}
	div.popGame .subDesc + p{word-break: keep-all;}
	div.popGame h4 {margin:25px 0 0;color:#9d8a69;font-size:16px;font-weight:450; line-height: 1.5;}
	div.popGame .detail{position: relative; margin-top: 30px; padding: 15px 40px 15px 35px; background: #f7f5f2; border-top: 1px solid #e1dbd1; border-bottom: 1px solid #e1dbd1;}
	div.popGame .detail > p{position: relative; padding-left: 85px; font-size: 15px; word-break: keep-all;}
	div.popGame .detail .tip{position: absolute; top: 0; left: 0; width: 64px; height: 25px; line-height: 25px; background-color: #928677; color: #fff; border-radius: 12.5px; text-align: center; font-size: 13px;}
	div.popGame .w620{width: 620px; box-sizing: unset;}
	div.popGame .figureDesc {position: absolute; bottom: 0; right: 0; width: 400px; padding: 20px 25px; border-top: 1px solid #877352; color: #fff; font-size: 13px;}
	div.popGame .figureDesc > em {display: block; margin-bottom: 3px; font-size: 16px; font-weight: 450; color: #fff;}
	div.popGame .subTab {display:table;table-layout:fixed;width:100%;margin-top:10px;border-top:1px solid #b1b0b0;border-bottom:1px solid #b1b0b0;/*border-left:1px solid #b1b0b0;*//*margin-top:40px;*/}
	div.popGame .subTab > a {position:relative;display:table-cell;padding:8px 0;border-right:1px solid #b1b0b0;text-align:center;color:#999999;font-weight:300;background-color:#ffffff;}
	div.popGame .subTab > a:first-child{border-left:1px solid #b1b0b0;}
	div.popGame .subTab > .active {background:#666666;color:#ffffff;}
	div.popGame .subTab > .active:after {position:absolute;bottom:-10px;left:50%;display:inline-block;content:'';width:0;height:0;margin-left:-8px;border-top:16px solid #666666;border-left:10px solid transparent;border-right:10px solid transparent;}
	div.popGame .betting .subTab{margin: 10px -1px 0; width: 1200px;}
	div.popGame .subView{display: none;}
	div.popGame .subView.active{display: block;}
	div.popGame .option p {margin:0; font-size: 14px;}
	div.popGame .option h2+article {border-top:0;}
	div.popGame .option h3 span {display:block;margin:0 0 10px;font-size:15px;font-weight:normal;color:#9d8a69;}
	div.popGame .option article{ position:relative; width: 100%; padding: 25px 0; min-height:170px; border-top:1px solid #eaeaea;}
	div.popGame .option article h3{margin-top: 0;}
	div.popGame .option article p{word-break: keep-all;}
	div.popGame .option article > div{width: 100%;}
	div.popGame .option article > figure{position: absolute; top: 20px; right: 0;}
	div.popGame .option article > figure img{margin-left: 10px;}
	div.popGame .option article > figure img:first-child{margin-left: 0;}
	div.popGame .option article:first-child {border-top:0;}
	div.popGame .option article > div.detail{clear: both; width: 100%;}
	div.popGame .option article > div.detail2{height:145px;}
	div.popGame .option article > div.detail2 h4{font-weight:bold; margin: 20px 0 5px;}
	div.popGame .option article > div.detail2 p{padding-left: 0;}
	div.popGame .option article > div.detail2 figure {position:absolute;top:5px;right:30px;}
	div.popGame .option article.img1 > div:first-child{padding-right: 150px;}
	div.popGame .option article.img2 > div:first-child{padding-right: 300px;}
	div.popGame .option article .dashList li + li { margin-top:5px;}
	div.popGame .dotList{padding-left: 15px;}
	div.popGame .dotList > p{margin-bottom: 10px; line-height: 1.6;}
	div.popGame .dotList > p:before{top: 10px; width: 3px; height: 3px; background: #9d8a69;}
	div.popGame ul.stepDown {margin-top:20px;}
	div.popGame ul.stepDown > li {position:relative;margin-bottom:25px;padding:7px 0;background:#e1dcd2;border-radius:4px;text-align:center; line-height: 1.5;}
	div.popGame ul.stepDown > li:after {position:absolute;top:-21px;left:50%;display:block;content:'';width:18px;height:18px;margin-left:-8px;background:url('/pcPub/static/images/casino/game_arrow.png') no-repeat 0 0;}
	div.popGame ul.stepDown > li:first-child:after {display:none;}
	div.popGame .visual-sub {background-image:url('../images/casino/subvisual_tablegame.jpg');}
	div.popGame .title-wrap~[class$='tab']{margin-top:35px;}
	div.popGame [class$='tab'] .tab-list {display:table;width:100%;border-left:1px solid #cec4b4;}
	div.popGame [class$='tab'] .tab-list a {display:table-cell;float:none;border-left:0;}
	div.popGame .card-txt {display:inline-block;min-width:56px;height:76px;line-height:76px;text-align:left;font-weight: normal;}
	div.popGame .card-txt b {font-size:18px;font-weight:bold; font-family: 'Arial';}
	div.popGame .card-txt-small{display:block;line-height:35px;text-align:center;font-weight: normal;}
	div.popGame .descBox {position:relative;padding:40px 0 40px 300px;margin-top:25px;background:#f7f5f2;border:#e1dbd1;}
	div.popGame .descBox:before {display:block;content:'';position:absolute;top:45px;left:100px;width:102px;height:102px;background:url('/pcPub/static/images/casino/guide.png') no-repeat -300px 0px;}
	div.popGame .descBox h4 {margin:25px 0 3px;}
	div.popGame .descBox h4:first-child {margin-top:0;}
	div.popGame .descBox .addTxt{margin-top:20px;color:#666;}
	div.popGame .addTxt {display:inline-block;margin-top:5px;font-size:12px;line-height:2;color:red;}
	div.popGame .addTxt:before {display:inline-block;content:'';width:19px;height:19px;margin-right:4px; vertical-align:middle;}
	ol.gameStep {margin-top:30px;}
	ol.gameStep li{position: relative; display: table; width: 100%; height: 142px;}
	ol.gameStep li.sub div.detail{margin: 20px 15px 10px; padding-left: 30px;}
	ol.gameStep li.sub div.detail .tip{top: -2px;}
	ol.gameStep > li{width:1053px; /*min-height:102px;*/ height:144px; margin:20px 0 0 147px; padding:20px 14px; border:1px solid #cec4b4; color:#666;}
	ol.gameStep > li:first-child{ margin-top:0;}
	ol.gameStep > li h4{margin:0 15px 0; display: block;}
	ol.gameStep > li figure[data-len='2']{ min-width:300px; }
	ol.gameStep > li> i{ position:absolute; left:-147px; top:12px; display:block; width:127px; height:120px; background:url('/pcPub/static/images/casino/guide_tablestep.png') no-repeat;}
	ol.gameStep > li.step1 > i{ background-position:0 0px;}
	ol.gameStep > li.step2 > i{ background-position:0 -150px;}
	ol.gameStep > li.step3 > i{ background-position:0 -300px;}
	ol.gameStep > li.step4 > i{ background-position:0 -450px;}
	ol.gameStep > li.step5 > i{ background-position:0 -600px;}
	ol.gameStep > li.step6 > i{ background-position:0 -750px;}
	ol.gameStep > li.step7 > i{ background-position:0 -900px;}
	ol.gameStep > li.step8 > i{ background-position:0 -1050px;}
	ol.gameStep > li p{ display:table-cell; padding:0 15px; vertical-align:middle; font-size: 14px; word-break: keep-all;}
	ol.gameStep > li .middle-box{ display:table-cell; vertical-align:middle;}
	ol.gameStep > li figure{ display:table-cell; min-width:140px; padding-top:0; text-align:right; vertical-align:top;}
	ol.gameStep > li.sub > p{ display:block;}
	ol.subStep > li{box-sizing:border-box; padding:15px 0 15px 68px; border-top:1px solid #e1dbd1;}
	ol.subStep > li:first-child{ border-top:none;}
	ol.subStep > li i{position:absolute; left:15px; top:50%; display:table-cell; width:55px; height:55px; border-radius: 50%; margin-top:-27.5px; background-color: #9d8a69; vertical-align:middle; color:#ffffff; font-family:Arail; font-size:16px; text-align:center;}
	ol.subStep > li i > span{display:table-cell; width:55px; height:55px; font-family:'Roboto'; font-size:16px; font-weight: 400; line-height: 55px; color:#fff; text-align:center; vertical-align:top;}
	ol.subStep > li.sub p{ display:block;}
	ol.subStep > li.sub > i{top: 40px;}
	ol.subStep .no-border{ border:none; padding:0; }
	ol.gameStep .gameTable{ margin:30px 15px 10px; }
	ol.gameStep .gameTable th{ padding:6px 0; background:#aca091;}
	ol.gameStep .gameTable td{ padding:6px 0; background-color:#f4f2ee; color:#666666;}
	ol.gameStep .gameTable td.left{ padding:6px 10px 6px 70px; text-align:left;}

	/*게임 표*/
		/*.gameTable table{font-family: 'Roboto'; font-weight: 400;}*/
		.tapView  .gameTable .jackpotInfo { padding:30px 0; margin-top:20px; border-top:1px dashed #eaeaea; text-align:center;}
		.tapView  .gameTable .jackpotInfo p { font-size:20px; color:#9d8a69; font-weight:300; }
		.tapView  .gameTable .jackpotInfo span { font-size:18px; font-weight:300; color:#222;}
		.tapView  .gameTable .jackpotInfo p ~ p { margin-top:10px;}
		.gameTable table thead th {padding:10px 0;background:#9d8a69;color:#fff;font-weight:normal;text-align:center;}
		.gameTable table tbody th {font-weight: normal;}
		.gameTable table tbody th,
		.gameTable table tbody td {padding:16px 10px;text-align:center;vertical-align:middle;background:#f3f2ee;border-bottom:1px solid #d1d0ce; line-height: 1.5;}
		.gameTable table tbody td.rules_card {text-align:left; padding-left:90px;}
		.gameTable+p{margin-top: 15px; font-size: 14px;}
		.onemore-player{position:relative;height:90px;margin:10px 0;color:#9d8a69;text-align:center;font-size:22px; font-family: 'Roboto'; font-weight: 300;}
		.onemore-player:before{display:block;content:"";position:absolute;top:0px;left:50%;width:87px;height:90px;margin-left:-43px;background:url('/pcPub/static/images/casino/guide.png') no-repeat -410px 0px;}
		.gameTable.half {width:50%;}
		.gameTable.half table tbody th,
		.gameTable.half table tbody td {text-align:left;padding:16px;}
		.gameTable.handtype .col1 {width:35%;}
		.gameTable.handtype .col2 {width:20%;}
		.gameTable.handtype .col3 {width:45%;}
		.gameTable .type-white th, .gameTable .type-white td {background:#ffffff;}
		.gameTable .type-border th, .gameTable .type-border td {border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
		.gameTable .type-border td:first-child,
		.gameTable .type-border tr+th, .gameTable .type-border tr+td {border-left:0;}
		.bigwheel .gameTable{position:relative;margin-top:20px;}
		.bigwheel-p{padding-right:180px;}
		.slot .gameTable{margin-top:20px;}
		.slot .gameTable.v2 table tbody th,.slot .gameTable.v2 table tbody td{padding:10px 0;}
		.slot .gameTable .bg-white>td{background-color:#fff !important;}
		.slot .gameTable .separate-line{border-left:20px solid #fff;}

	/*baccarat*/
		.baccaratTab div.con1 > div > p{margin-top: 0;}
		.baccaratTab .con1 .detail{width: 780px;}
		.baccaratTab .result-table .col7,
		.baccaratTab .result-table .col8{width:250px;}
	/*blackjack*/
		.blackjackTab .con2 ul li {position:relative;min-height:115px;margin:0 0 10px;padding:19px 19px 19px 166px;border:1px solid #d3d2cf;}
		.blackjackTab .con2 ul li h4 {margin:6px 0 0;font-size:22px; font-weight: bold; font-family: 'Roboto';}
		.blackjackTab .con2 ul li .movie{position:absolute;top:13px;left:19px;}
		.blackjackTab .con2 ul li .movi {position:absolute;top:13px;left:19px;}
	/*Roulette*/
		.rouletteTab .subView {position:relative;display:none;min-height:550px;}
		.rouletteTab .subView.active {display:block;}	
		.rouletteTab .betting {min-height:620px;margin-top:40px;border:1px solid #b1b0b0;border-top:0;}
		.rouletteTab .betting .tab-view{position:relative;}
		.rouletteTab .battingLlist > li {position:relative;min-height:49px;margin-top:30px;padding-left:102px;padding-right:450px;}
		.rouletteTab .battingLlist > li:first-child{margin-top:60px;}
		.rouletteTab .battingLlist a {display:block;color:#c2c2c2; transition: .1s;}
		.rouletteTab .battingLlist a > strong{display:block;font-size:18px; font-weight: 450; line-height: 1.5;}
		.rouletteTab .battingLlist a > strong > span{color:#cec6b8;font-size:13px;line-height:2.2; font-weight: 450; transition: .1s;}
		.rouletteTab .battingLlist a > span{display:block;font-size:14px;line-height: 1.5;}
		.rouletteTab .battingLlist h3 {font-size:18px;}
		.rouletteTab .battingLlist h3 > span {font-size:13px;color:#9d8a69;}
		.rouletteTab .battingLlist > li a i {position:absolute;top:8px;left:40px;display:block;width:38px;height:38px;background:#d5cec5;border-radius:50%;color:#fff;line-height:39px;text-align:center; font-family: 'Roboto'; font-weight: 300; vertical-align: top; transition: .2s;}
		.rouletteTab .battingLlist > li a i:after {display:block;content:'';width:38px;height:38px;color:#fff;line-height:38px;text-align:center;font-size:18px;}
		.rouletteTab .battingLlist li.active a{color:#000000;}
		.rouletteTab .battingLlist li.active a > strong > span{color:#9d8a69}
		.rouletteTab .battingLlist > li.active a i {background:#96856e}	
		.rouletteTab .bettingImg {position:absolute;top:-30px;right:90px;display:none;}
		.rouletteTab .bettingImg.active{display:block;}
	/*3Card Poker*/
		.card3Tab .option .gameTable{border-top:1px solid #d7d7d7;}
		.card3Tab .option .gameTable th{background:#9d8a69;color:#fff;}
		.card3Tab .option .gameTable td{font-family: 'Roboto'; font-weight: 400;}
	/*taisai*/
		.taisaiTab .con1 .detail{width: 780px;}
		.taisaiTab .con1 p.subDesc{margin-top: 20px;}
		.taisaiTab .game-info {position:relative;padding-top:413px;margin-top:20px;border:1px solid #b1b0b0;}
		.taisaiTab .game-info .bettingImg {display:none;position:absolute;top:25px;left:125px;}
		.taisaiTab .game-info .bettingImg.active {display:block;}
		.taisaiTab .game-info .bettingImg figure {float:left; margin-top: 0;}
		.taisaiTab .game-info .bettingImg .txt-area {float:left;width:400px;margin-left:40px; word-break: keep-all; line-height: 1.5;}
		.taisaiTab .game-info .bettingImg .txt-area h4{margin-bottom: 10px;}
		.taisaiTab .game-info .bettingImg .txt-area h5{margin-top: 10px; line-height: 1.6;}
		.taisaiTab .game-info .bettingImg .arr {margin-right:20px;}
		.taisaiTab .battingLlist ul{width:100%;overflow:hidden;}
		.taisaiTab .battingLlist ul li {float:left;width:400px;margin-left:-1px;}
		.taisaiTab .battingLlist a,
		.taisaiTab .battingLlist span {position:relative;display:block;height:58px;padding:15px 15px 15px 85px;line-height: 30px; border-top:1px solid #b1b0b0;border-left:1px solid #b1b0b0;font-size:18px;font-family: 'Roboto'; font-weight: 500;color:#c2c2c2;}
		.taisaiTab .battingLlist a i {position:absolute;top:11px;left:40px;display:block;width:38px;height:38px;background:#d5cec5;border-radius:50%;color:#fff;line-height:38px;text-align:center;font-family: 'Roboto'; font-weight: 400;}
		.taisaiTab .battingLlist a i:after {display:block;content:'';width:38px;height:38px;color:#fff;line-height:38px;text-align:center;font-size:18px;}
		.taisaiTab .battingLlist li.active a{color:#000000;}
		.taisaiTab .battingLlist li.active a i {background:#96856e;}
		.taisaiTab .battingLlist .step1 a i:after{content:"01";}
		.taisaiTab .battingLlist .step2 a i:after{content:"02";}
		.taisaiTab .battingLlist .step3 a i:after{content:"03";}
		.taisaiTab .battingLlist .step4 a i:after{content:"04";}
		.taisaiTab .battingLlist .step5 a i:after{content:"05";}
		.taisaiTab .battingLlist .step6 a i:after{content:"06";}
		.taisaiTab .battingLlist .step7 a i:after{content:"07";}
		.taisaiTab .battingLlist .step8 a i:after{content:"08";}
		.taisaiTab .battingLlist .step9 a i:after{content:"09";}
		.taisaiTab .battingLlist .step10 a i:after{content:"10";}
		.taisaiTab .battingLlist .step11 a i:after{content:"11";}
		/*Big Wheel*/
			.bigwheelTab .gameTable{position:relative;margin-top:20px;}
		/*texas*/
			.texasTab div.con1 > div {width: 550px;}
			.texasTab div.con3 ol.gameStep > li > p{display: block; margin-top: 5px;}
			.texasTab div.con3 ol.gameStep > li:nth-child(4) h4,
			.texasTab div.con3 ol.gameStep > li:nth-child(5) h4{margin-top: 13px;}
			.texas2Tab div.con1 > div {width: 550px;}
		/*Slot Game*/
			.slotTab div.con1 > figure {margin-top: 32px;}
			.slotTab .gameTable{margin-top:20px;}
			.slotTab .gameTable.v2 table tbody th,
			.slotTab .gameTable.v2 table tbody td{font-family:'Roboto'; font-weight: 400;}
			.slotTab .gameTable.v2 tbody th,.slot .game-table-wrap.v2 tbody td{padding:10px 0;}
			.slotTab .gameTable .bg-white>td{background-color:#fff !important;}
			.slotTab .gameTable .separate-line{border-left:20px solid #fff;}
			.slotTab .gameTable.half{float: left; width: 580px; margin-top: 40px;}
			.slotTab .gameTable.half:first-child{margin-right:40px;}
			.slotTab .gameTable.half td > *{vertical-align: middle;}
			.slotTab .gameTable.half td > i{display:inline-block; margin:0 12px 0 24px;color:#9d8a69;font-size:34px;font-family:'Roboto';font-weight: 600;}
			.slotTab .gameTable.half td > span{display:inline-block;width:310px; word-break: keep-all;}
			.slotTab div.option > article.img1{padding-top: 10px;}
			.slotTab div.option > article.img1 > div:first-child{padding-right: 210px;}
			.slotTab div.option > article.img2.bigImg {overflow: hidden; padding-bottom: 35px;}
			.slotTab div.option > article.img2.bigImg > div {float: left; width: 706px; padding-right: 0;/*padding-right: 599px*/}
			.slotTab div.option > article.img2.bigImg > figure{float: right; position: relative; margin: -15px 0 0; vertical-align: top;}
			.slotTab div.option > article.img2.bigImg > figure > img{vertical-align: top;}
			.slotTab div.option > article.img2.bigImg > figure > img:last-of-type{margin: 108px 0 0 -27px;}

	/*CARD IMG*/
		[class*="card-small"]{display:inline-block;width:56px;height:76px;margin:0 5px;background-image:url('../images/casino/card_small.png');background-repeat:no-repeat;vertical-align:middle;}
		[class*="card-small"][class*="rotate"]{width:76px;height:56px;background-image:url('../images/casino/card_small_rotate.png');}
		.card-ha {background-position:0 0;}
		.card-h2 {background-position:-100px 0;}
		.card-h3 {background-position:-200px 0;}
		.card-h4 {background-position:-300px 0;}
		.card-h5 {background-position:-400px 0;}
		.card-h6 {background-position:-500px 0;}
		.card-h7 {background-position:-600px 0;}
		.card-h8 {background-position:-700px 0;}
		.card-h9 {background-position:-800px 0;}
		.card-h10 {background-position:-900px 0;}
		.card-hj {background-position:-1000px 0;}
		.card-hq {background-position:-1100px 0;}
		.card-hk {background-position:-1200px 0;}

		.card-ca {background-position:0 -120px;}
		.card-c2 {background-position:-100px -120px;}
		.card-c3 {background-position:-200px -120px;}
		.card-c4 {background-position:-300px -120px;}
		.card-c5 {background-position:-400px -120px;}
		.card-c6 {background-position:-500px -120px;}
		.card-c7 {background-position:-600px -120px;}
		.card-c8 {background-position:-700px -120px;}
		.card-c9 {background-position:-800px -120px;}
		.card-c10 {background-position:-900px -120px;}
		.card-cj {background-position:-1000px -120px;}
		.card-cq {background-position:-1100px -120px;}
		.card-ck {background-position:-1200px -120px;}

		.card-sa {background-position:0 -240px;}
		.card-s2 {background-position:-100px -240px;}
		.card-s3 {background-position:-200px -240px;}
		.card-s4 {background-position:-300px -240px;}
		.card-s5 {background-position:-400px -240px;}
		.card-s6 {background-position:-500px -240px;}
		.card-s7 {background-position:-600px -240px;}
		.card-s8 {background-position:-700px -240px;}
		.card-s9 {background-position:-800px -240px;}
		.card-s10 {background-position:-900px -240px;}
		.card-sj {background-position:-1000px -240px;}
		.card-sq {background-position:-1100px -240px;}
		.card-sk {background-position:-1200px -240px;}

		.card-da {background-position:0 -360px;}
		.card-d2 {background-position:-100px -360px;}
		.card-d3 {background-position:-200px -360px;}
		.card-d4 {background-position:-300px -360px;}
		.card-d5 {background-position:-400px -360px;}
		.card-d6 {background-position:-500px -360px;}
		.card-d7 {background-position:-600px -360px;}
		.card-d8 {background-position:-700px -360px;}
		.card-d9 {background-position:-800px -360px;}
		.card-d10 {background-position:-900px -360px;}
		.card-dj {background-position:-1000px -360px;}
		.card-dq {background-position:-1100px -360px;}
		.card-dk {background-position:-1200px -360px;}
		.card-back {background-position:0 -480px;}


/* 김재섭 */


@media screen and (max-width:640px){
}
/* 20180917 /cimer/operation */
.itemList > .eventList .addInfo > p > span.dotDate {display: table-row; float:none;}
.itemList > .eventList .addInfo > p > span.dotDate .dotDateInner {float:right; padding-right:30px;}
table.basicForm .tableRemarks {display:block; position:relative; text-align:left; padding-left: 10px;}
table.basicForm .tableRemarks:before {content:''; position:absolute;left:0;top:9px;display:block;width:2px;height:2px;background:#898989;border-radius: 50%; vertical-align:top;}

table.priceList .tableRemarks {display:block; position:relative; text-align:left; padding-left: 10px;}
table.priceList .tableRemarks:before {content:''; position:absolute;left:0;top:9px;display:block;width:2px;height:2px;background:#898989;border-radius: 50%; vertical-align:top;}
table.priceList .tableRemarkStars {display:block; position:relative; text-align:left; padding-left: 20px;}
table.priceList .tableRemarkStars:before {content:'※'; font-size:13px; position:absolute;left:0;top:0;display:block;width:2px;height:2px;vertical-align:top;}

/* 20180911 /memnotice/membership */
.cautionBox.cautionMatch h2 {font-size: 14px; color: #9c836a; margin-bottom:0;}

/* 20180913 hotel/facility */
.cabanaTable .priceList thead th:after {top:50%; transform:translateY(-50%);background-color: #f4f2ef;}
.cabanaTable .priceList .cabaOP:after {content:none;}
.cabanaTable .priceList .cabaPr:before {content: '';display: block;position: absolute;top:50%;left:0; transform:translateY(-50%);width: 1px;height: 16px;background-color: #f4f2ef;}


/* 20180911 reservation/reservationStep2 */
  	.cautiWrap.reservation .cautionBox .dotList {margin:0; padding: 25px 34px;}
	.cautiWrap .cautionBox .dotList li .minusList {margin-top:10px;}
	.cautiWrap .cautionBox .dotList li strong {font-weight: bold;}
	.cautiWrap .cautionBox .dotList em {color:#e66045;}
	.cautiWrap .minusList li {position:relative;padding-left: 10px;margin-top: 0;}
	.cautiWrap .minusList li .standardSpan {position:absolute;top:0;left:0;}
	.cautiWrap .threeDep {display:inline-block; padding-left:4px;font-size:13px;}
	.cautiWrap .minusList .ticketingSp {font-size: 12px;}
	.cautiWrap .minusList .fontSmall {font-size:13px;}
	.cautiWrap .fontWe {font-weight:500;}
	.cautiWrap .cautionBox .cautionMore {color:#e66045; font-weight:300;padding: 0 0 25px 34px;background: #fff;margin-top: -15px;}
/* 20180820 css 투숙 수정 - ta9 */

	/* 공통 */
	.mul_detail_wrap .detailF {margin-top:0;margin-bottom:2px;}
	.mul_detail_wrap {-webkit-overflow-scrolling: touch;}
	.mul_detail_wrap p.dailyP {position: relative; padding: 18px 24px; border: 1px solid #e6e3df; background-color: #f9f9f9; font-weight: 450; color: #9c836a; cursor: pointer;}
	.mul_detail_wrap p.dailyP a { display:block; font-weight: 450; color: #9c836a;}
	.mul_detail_wrap p.dailyP:after{content: ''; display: block; position: absolute; top: 24px; right: 21px; width: 15px; height: 8px; background: url(/pcPub/static/images/mypage/icon_inquiry_arrow.png) no-repeat 0 -8px;}
	.mul_detail_wrap p.dailyP.on:after{background-position: 0 0;}
	.mul_detail_wrap.layerPopWrap {visibility: visible; opacity: 1;}
	.mul_detail_wrap.layerPopWrap.normalLayer .layerPopCont {opacity: 1;transform: translateX(-50%);}
	.mul_detail_wrap.popOfferDetail .facilities .kind span {font-size: 13px;}
	.mul_detail_wrap.popOfferDetail .facilities .kind img {width:100%; height:auto;}
	.mul_detail_wrap .fontWe {font-weight:500;}
	.mul_detail_wrap.popOfferDetail .imgTextBox h3 {letter-spacing: -0.3px;}
	.mul_detail_wrap.popOfferDetail .imgTextBox p .tItal {font-style:italic;}
	.mul_detail_wrap.popOfferDetail .date span:before {width:0;}
	.mul_detail_wrap.popOfferDetail .cautionBox {margin-bottom:30px;}
	.mul_detail_wrap.popOfferDetail .cautionBox h2 {font-weight: 400;}
	.mul_detail_wrap.popOfferDetail .casyBox {position:static;}
	.mul_detail_wrap.popOfferDetail .btnReservation {display:none; margin-top: -35px;}
	.mul_detail_wrap.popOfferDetail .imgTextBox {margin-top:40px;}
	
	div.priceDetail .calendarDate > li.diagonal:before {content: ''; position: absolute; top:0; left: 0; display: inline-block; width:100%; height:100%;
		background: url('../images/common/offer_detail_diagonal.png');background-size: 100% 100%; opacity:0.25;}
	div.priceDetail .selectBox {width:210px !important;}

	/* .popOfferDetail .imgTextBox p {letter-spacing: -1.3px;} */
	.mul_detail_wrap.popOfferDetail .facilitiesText {margin-top:15px;font-weight: 300;}
	.mul_detail_wrap.popOfferDetail .facilities {margin: 15px 0 0 -8px;}
	.mul_detail_wrap.popOfferDetail .state span { vertical-align:top; }
	/* .mul_detail_wrap.popOfferDetail .state .type1{ line-height:26px;} */
	.mul_detail_wrap .minusList li {position:relative;padding-left: 10px;margin-top: 0;}
	.mul_detail_wrap .minusList li .standardSpan {position:absolute;top:0;left:0;}
	.mul_detail_wrap .threeDep {display:inline-block; padding-left:4px;font-size:13px;}
	.mul_detail_wrap .minusList .ticketingSp {font-size: 12px;}
	.mul_detail_wrap .minusList .fontSmall {font-size:13px;}
	.mul_detail_wrap .facilitiesText .standardSpan {position:absolute;top:2px;left:0;}
	.mul_detail_wrap .SpecialProduct{display:inline-block; vertical-align:top;margin-top:25px;color: #999;}
	.mul_detail_wrap .btn.btnFull.btndisabled:hover {background: #9c836a;border-color: #9c836a; cursor: default;}
	/* .dotList > *:before {background:url('/pcPub/static/images/sbu/img_Dot.jpg') no-repeat 50% 50%;} */

	/* 파라다이스 아트스페이스 버튼 disable */
	.mul_detail_wrap .btnDisable:hover {background: #fff;}
	.mul_detail_wrap .btnDisable:hover span {color: #9c836a;}

	/* 객실별 요금 */
	.mul_detail_wrap.popOfferDetail .facilitiesText2 {position:relative; text-align: right;margin:5px 0 -13px 0;color: #707070;font-size:13px;} 
	.mul_detail_wrap.popOfferDetail .facilitiesText2 span {position:absolute;left:50%;top:-10px;transform: translateX(-50%);font-size: 15px;letter-spacing: 0.6px;}
	.mul_detail_wrap.popOfferDetail h3 + p.facilitiesText {position: relative;padding-left: 10px;margin-bottom: 25px;}
	.mul_detail_wrap.popOfferDetail .dayNoti {font-size:16px; font-weight:500;}
	.mul_detail_wrap table.priceList {margin: 22px 0 28px;}
	.mul_detail_wrap table.priceList thead th:after {right:auto;left:0; top:50%; transform: translateY(-50%);-ms-transform: translateY(-50%);}
	.mul_detail_wrap table.priceList thead .tBold, table.priceList tbody td.tBold {font-weight: 500;}
	.mul_detail_wrap table.priceList thead .detailSpan {display: inline-block; vertical-align:top; margin-top: 3px;font-size: 14px;}
	.mul_detail_wrap table.priceList tbody td.name {text-align: center;}
	.mul_detail_wrap table.priceList thead th.tItal {font-style:italic;}
	.mul_detail_wrap table.priceList .tDate {font-size:11px;}
	.mul_detail_wrap table.priceList thead th{background: url('../images/common/icon/ico_border_right.jpg') no-repeat 0 50%;}
	/* table.priceList thead th:after{display: block; content: ''; position: absolute; top: 20px; right: 0; width: 1px; height: 16px; background-color: #e6e3df;} */
	/* table.priceList thead th:first-child:after{display: none;} 20180829 수정 */
	.mul_detail_wrap table.priceList thead th:after{width:0;}
	.mul_detail_wrap table.priceList thead th:first-child{background: none;}
	.mul_detail_wrap table.priceList thead th:last-child:after{display: block;}
	.mul_detail_wrap div.priceDetail .calendarDay > li {text-align: center;font-weight: 600;}	

	/* 유의사항 */
	.mul_detail_wrap .cautionBox .dotList li .minusList {margin-top:10px;}
	.mul_detail_wrap .cautionBox .dotList li strong {font-weight: bold;}
	.mul_detail_wrap .cautionBox .dotList em {color:#e66045;}

	.mul_detail_wrap .cautionBox .cautionMore {color:#e66045; font-weight:300;padding: 0 0 25px 34px;background: #fff;margin-top: -15px;}
	.mul_detail_wrap .thereDepthSpan{font-size:12px;}
	/* 상품 구성 상세 */
	.mul_detail_wrap .component ul li{word-wrap:break-word;}
	.mul_detail_wrap .component ul li.full > div.txtBox > div:last-child {padding-top:64px;}
	.mul_detail_wrap .component ul li > div.txtBox p.addInfo span.addInfoDetail:before {display: block;content: '-';}
	.mul_detail_wrap .component ul li > div.txtBox p.addInfo em {color:#e66045;}
	.mul_detail_wrap .component ul li > div.txtBox .dotList span {font-size:13px;}
	.mul_detail_wrap .component ul li > div.txtBox .dotList span em {color: #e66045;}
	.mul_detail_wrap .component ul li > div.txtBox p.addInfo span:before {top:2px;}
	.mul_detail_wrap .component ul li > div.txtBox .dotList span.dotListSp {margin-top: -6px;}
	.mul_detail_wrap .component ul li > div.txtBox .dotList span:last-child {font-size:13px;}
	.mul_detail_wrap .component ul li.full > div.txtBox > div:last-child em {color: #9c836a;font-size:14px;}
	.mul_detail_wrap .component ul li.full > div.txtBox > div:last-child .detail_credit:before {width:0;}
	.mul_detail_wrap .component ul li.full > div.txtBox > div:last-child .detail_credit a {color:#e66045; font-style:italic;}
	.mul_detail_wrap .dotList .choiceTwo {font-size: 12px;color: #999;}
	/* 일별 상세 요금표 */
	.mul_detail_wrap div.priceDetail .calendarDate > li .price {font-size:11px;}
	.mul_detail_wrap .exceptionList {margin:10px 0 33px; font-size: 12px;color: #999999;}
	.mul_detail_wrap.popOfferDetail .btmButton > a {height:auto;}
	.mul_detail_wrap.popOfferDetail .btmButton .enBtn {width:auto;}
	.mul_detail_wrap.popOfferDetail .btmButton > a span {display:inline-block;vertical-align: middle; line-height: 1.4em; margin-top:-2px;}
	.mul_detail_wrap div.priceDetail {padding-bottom:10px;}
	/* detail3 */
	.mul_detail_wrap .arrowWrap {background:url('/pcPub/static/images/sbu/icon_right_arrow.jpg') no-repeat 100% 50%;padding-right:15px;margin-right:5px; text-decoration: line-through;}
	.mul_detail_wrap table.priceList thead .tBoldWrap .tLineH {line-height:18px;}
	.mul_detail_wrap .txtTop {display: inline-block;vertical-align: top;font-size: 10px;margin-right: 5px;}
	.mul_detail_wrap .tBodyDetail {display:block;font-size:12px;font-style:italic;margin-top:4px;}
	.mul_detail_wrap .exceptionTable {margin:-15px 0 33px; font-size: 12px;color: #999999;}
	.mul_detail_wrap.layerPopWrap.normalLayer .layerPopCont {margin-bottom:0;}

/* 20180820 css 투숙 수정 - ta9 // */


/* Responsive Pop up */
@media screen and (max-width:640px){
	.layerPopWrap .bg{background:#fff;}
	.layerPopWrap.dgResponsive .popHeader{height:60px; margin:0; font-weight:bold; text-align:center; color:#191919; font-size:17px; line-height:60px; background:#fff;}
	.layerPopWrap.layerPopWrap.dgResponsive .layerPopCont .layerPopClose{position:absolute; top:22px; left:16px; right:auto; width:15px; height:15px; background:url(/pcPub/static/images/common/btn/btn_layerclose.gif) no-repeat; background-size:100%; text-indent:-9999px;}


	.layerPopWrap.dgResponsive .inquiryPopCont > h2{margin:0; padding:0 0 0; background:#fff; font-weight:bold; color:#111; font-size:16px; line-height:18px;}
	
	.layerPopWrap.dgResponsive .date{margin:0; padding:8px 0 12px; background:#fff; color:#333; font-size:14px; font-weight:bold;}

	.layerPopWrap.dgResponsive .state{position: static; padding:8px 0 0;}
	.layerPopWrap.dgResponsive .state span{font-size:10px; line-height:18px; height:18px; margin:0;}
	.layerPopWrap.dgResponsive .casyBox .saleCost{text-align:right; }

	.layerPopWrap.dgResponsive .casyBox .saleCost{margin-top:0; color:#999;}
	.layerPopWrap.dgResponsive .casyBox .saleCost em{color:#9c836a; font-size:20px;}
	.layerPopWrap.dgResponsive .casyBox .saleCost .smallText{color:#767676; font-size:16px;}

	.layerPopWrap.dgResponsive .btnReservation{display:none;height:35px;line-height:35px;padding:0 15px;margin-top:-45px;}

	.layerPopWrap.dgResponsive .layerPopCont{width:100%; padding:0 16px;}

	.layerPopWrap.dgResponsive .imgTextBox{margin:0; padding:16px 0; border:0 none;}
	.layerPopWrap.dgResponsive .imgTextBox .img{margin:0;}
	.layerPopWrap.dgResponsive .imgTextBox .img img{width:100%;}

	.layerPopWrap.dgResponsive .facilities{margin:0 0 0 -2%; padding:16px 0 0; font-size:0; letter-spacing:0;}
	.layerPopWrap.dgResponsive .facilities .kind{margin:0 0 8px 2%; width:31.333%; font-size:14px; height:auto; float:none; display:inline-block; vertical-align:top;}
	

	.layerPopWrap.dgResponsive .cautionBox{margin:12px 0 0; padding:0 0 16px; border:0 none; background:#fff;}
	.layerPopWrap.dgResponsive .cautionBox h2{padding:0;}
	.layerPopWrap.dgResponsive .cautionBox .dotList{padding:0;}

	.layerPopWrap.dgResponsive .inquiryPopCont > h3{margin:12px 0 0; padding-bottom:12px;}
	
	.layerPopWrap.dgResponsive .component{}
	.layerPopWrap.dgResponsive .component ul{margin:0;}
	.layerPopWrap.dgResponsive .component ul li{position:relative; width:100%; overflow:hidden; padding:12px 0 0; margin-bottom:6px; border-top:1px solid #ece9e7;}
	.layerPopWrap.dgResponsive .component ul li:before {content:''; position:absolute; top:17px; right:3px; width:9px; height:6px; background:url(/pcPub/static/images/common/icon/icon_updown.png) no-repeat 0 0; background-size:9px 12px;}
	.layerPopWrap.dgResponsive .component ul li.full > div.txtBox > div{float:none; width:100%; padding-right:0;}
	.layerPopWrap.dgResponsive .component ul li.full > div.txtBox > div:last-child{padding:0}
	.layerPopWrap.dgResponsive .component ul li > img{width:42%; min-height:82px; padding:0 12px 6px 0; float:left; box-sizing:border-box;}
	.layerPopWrap.dgResponsive .component ul li > div.txtBox{display:inline;}
	.layerPopWrap.dgResponsive .component ul li > div.txtBox strong{line-height:17px; float:left; width:58%; padding-right:15px; box-sizing:border-box;}
	.layerPopWrap.dgResponsive .component ul li > div.txtBox strong span{margin:0; padding:2px 0 6px;}
	.layerPopWrap.dgResponsive .component ul li > div.txtBox p.desc{display:none; margin-top:0; padding-top:5px; line-height:22px;}
	.layerPopWrap.dgResponsive .component ul li > div.txtBox p.addInfo{display:none; }
	.layerPopWrap.dgResponsive .component ul li.active{height:auto; padding-bottom:10px;}
	.layerPopWrap.dgResponsive .component ul li.active:before {background:url(/pcPub/static/images/common/icon/icon_updown.png) no-repeat 0 -6px; background-size:9px 12px;}


	.layerPopWrap.dgResponsive .component ul li .dotList{display:none; margin-top:18px;}
	.layerPopWrap.dgResponsive .component ul li.active .txtBox .desc,
	.layerPopWrap.dgResponsive .component ul li.active .txtBox .addInfo,
	.layerPopWrap.dgResponsive .component ul li.active .dotList{display:block; clear:both;}

	.layerPopWrap.dgResponsive .SpecialProduct{display:block; text-align: right; margin-top:0;}
	.layerPopWrap.dgResponsive .cautionBox .cautionMore{padding:0; margin-top:16px;}

	.layerPopWrap.dgResponsive .facilitiesText{margin-top:0; padding-bottom:12px;}
	.layerPopWrap.dgResponsive .facilitiesText2{}
	.layerPopWrap.dgResponsive .facilitiesText2 span{ display: inline-block; vertical-align: top; width: 100%; position: static; transform:none; text-align: center;}

	.layerPopWrap.dgResponsive table.priceList{}
	.layerPopWrap.dgResponsive table.priceList th{}
	.layerPopWrap.dgResponsive table.priceList th,
	.layerPopWrap.dgResponsive table.priceList tbody td{word-break:break-all; font-size:13px;}
	.layerPopWrap.dgResponsive table.priceList.prieceCh th,
	.layerPopWrap.dgResponsive table.priceList.prieceCh tbody td {word-break:keep-all;}
	.layerPopWrap.dgResponsive table.priceList thead .detailSpan {font-size:12px;}

	.layerPopWrap.dgResponsive div.priceDetail .calendarDay > li,
	.layerPopWrap.dgResponsive div.priceDetail .calendarDate > li .day{font-size:13px; padding: 0 1px;}


	.layerPopWrap.dgResponsive .casyBox:before,
	.layerPopWrap.dgResponsive .imgTextBox:before,
	.layerPopWrap.dgResponsive .inquiryPopCont > h3:before{content:""; display:block; margin:0 -16px 16px; height:12px; border-top:2px solid #ece9e7; background:#f9f9f9;}
		
	.layerPopWrap.dgResponsive .casyBox{position:static;}	
	
	.layerPopWrap.dgResponsive .btmButton{margin:0; padding:0 0 35px; background:#fff;}
	.layerPopWrap.dgResponsive .btmButton > a{width:100%;}	

	.layerPopWrap.dgResponsive .priceDetail .calendarDate > li{padding:50px 5px 15px; word-break:break-all;}
	.layerPopWrap.dgResponsive .priceDetail .calendarTop > .ui-select-wrapper{width:100%; position:relative; margin-top:20px;}
	.layerPopWrap.dgResponsive .priceDetail .calendarTop > .ui-select-wrapper .selectBox{width:100% !important;}

	.layerPopWrap.dgResponsive .priceDetail .date{text-align:center;}
	.layerPopWrap.dgResponsive .priceDetail .date [class*=btn]{float:none; display:inline-block;}
	.layerPopWrap.dgResponsive .priceDetail .date .tit{float:none; display:inline-block; vertical-align:top;}
	/*
	table.priceList thead th{width:100px !important;}
	table.priceList  td{width:100px !important;}
	*/
}

@media screen and (max-width:350px) {
	.layerPopWrap.dgResponsive .facilities .kind span {font-size:12px;}
	.layerPopWrap.dgResponsive table.priceList tbody td {padding: 18px 0px;}
}

/* 20180907 ta9 roomDetail 코드 삽입 */
/*! 시설 */
.facilities_wrap{line-height:22px}
.facilities_wrap .tit_18{margin-top:40px}
.facilities_info_wrap{position:relative}
.facilities_btn01{position:absolute;top:0;right:0;width:220px;text-align:right}
.facilities_btn01 .btn_call_reserve{display:block;margin-bottom:10px}
.facilities_btn01 .btn_gold02{width:98.5%}
.facilities_btn02.right{text-align:right}
.facilities_btn02 a{margin-left:3px}
.facilities_btn02.title_side{margin-top:-43px;margin-bottom:10px}
.facilities_btn02 .btn_fix_gray{width:auto;padding:0 12px}
.btn_full{display:table;width:100%;margin-bottom:10px}
.btn_full>span{display:table-cell;width:50%}
.btn_full>span:nth-child(2){padding-left:6px}
.facilities_gallery{position:relative;margin:0 0 40px}
.facilities_gallery .controller{padding-top:5px;text-align:center}
.facilities_gallery .btn_next,.facilities_gallery .btn_prev{position:absolute;z-index:2;top:50%;left:0;display:block;width:24px;height:40px;margin-top:-50px;padding:30px;background:url(/resource/front/images/common/btn_gallery_prev.png) no-repeat}
.facilities_gallery .btn_next{right:0;left:inherit;background-image:url(/resource/front/images/common/btn_gallery_next.png)}
.facilities_gallery .large_view{position:relative;width:1118px;height:498px;margin:0 0 10px;border:1px solid #f2f2f2}
.facilities_gallery .large_view>div{position:relative;overflow:hidden;width:1118px;height:498px}
.facilities_gallery .large_view img{position:absolute;top:0;left:0;width:1118px;height:498px}
.facilities_gallery .large_view .btn_large{position:absolute;top:14px;right:14px}
.facilities_gallery .full_screen{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;opacity:.5;background:#000;filter:alpha(opacity=50)}
.facilities_gallery .small_view{overflow:hidden;height:100px}
.facilities_gallery .small_view li{float:left;margin-left:5px}
.facilities_gallery .small_view li:first-child{margin-left:0}
.facilities_gallery .small_view li a{position:relative;display:block;width:220px;height:100px}
.facilities_gallery .small_view li a img{width:220px;height:100px}
.facilities_gallery .small_view li a .over{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100px;opacity:.6;background:#fff;filter:alpha(opacity=60)}
.facilities_gallery .small_view li a.on .over,.facilities_gallery .small_view li a:focus .over,.facilities_gallery .small_view li a:hover .over{display:block;background:url(/resource/front/images/common/bg_gallery_over.png) no-repeat}
.facilities_detail01{min-height:60px;margin-right:250px}
.facilities_detail01 .cl_title{font-size:16px;display:block;margin:0 0 10px;color:#b28634}
.facilities_detail02{margin:35px 0 40px}
.facilities_detail02 dl{width:265px;border-top:1px solid #b19660}
.facilities_detail02 table{width:100%}
.facilities_detail02 table td,.facilities_detail02 table th{padding-left:20px;text-align:left}
.facilities_detail02 table td:first-child,.facilities_detail02 table th:first-child{padding-left:0}
.facilities_detail02 table th span{font-family:'Noto Sans KRR';font-size:16px;display:block;padding:15px 0 12px;text-align:left;color:#333;border-top:1px solid #b19660}
.facilities_detail02 table td{vertical-align:top}
.facilities_detail03 .bx_color h5{font-size:16px;margin:25px 0 15px;color:#333}
.facilities_detail03 .bx_color h5:first-child{margin-top:0}
.facilities_contact{margin:20px 0 35px}
/*! facilities packages*/
.controller{height:10px}
.controller a,.controller em{display:inline-block;width:10px;height:10px;margin:0 0 0 3px;vertical-align:top;background:url(/resource/front/images/common/bg_slide_nav.png) no-repeat}
.controller a:first-child,.controller em:first-child{margin-left:0}
.controller a.on,.controller em.on{background-position:-10px 0}
.controller a.on:after{font-size:0;line-height:1px;overflow:hidden;width:1px;height:1px;content:'Selected';opacity:0;color:transparent}
.controller .hide_txt{display:none}
/*! 시설(객실) - Accommodations */
.aco .facilities_detail02{margin:15px 0 0}
.aco .facilities_detail01{min-height:132px}
.detail02_nxt_area{padding-top:20px}
/*! 시설(객실) - Accommodations 다른객실보기 */
.room_preview_wrap{background:#3e3833}
.room_preview_wrap_inner{position:relative;width:1120px;margin:0 auto;padding:40px 0}
.room_nav{position:absolute;top:63px;left:0}
.room_nav li a{line-height:36px;display:block;width:205px;height:38px;padding-left:15px;color:#888;border-bottom:1px solid #4f4944}
.room_nav li:first-child a{border-top:1px solid #4f4944}
.room_nav li.on a{color:#b19660;border-bottom:1px solid #807052}
.room_list_wrap{position:relative;margin:0 0 0 305px}
.room_list_wrap .next,.room_list_wrap .prev{position:absolute;top:50%;display:block;width:23px;height:40px;margin-top:-20px;background:url(/resource/front/images/common/ico_comm.png) -30px -70px no-repeat}
.room_list_wrap .prev{left:-45px}
.room_list_wrap .next{right:-44px;background-position:0 -80px}
.room_list{position:relative;overflow:hidden;width:815px;height:165px}
.room_list ul{position:absolute;top:0;left:0;overflow:hidden;height:165px}
.room_list li{float:left;width:265px;margin-left:10px}
.room_list li:first-child{margin-left:0}
.room_list li a img{width:265px;height:120px;vertical-align:top}
.room_list li a strong{font-family:'Noto Sans KRL';font-size:16px;line-height:43px;display:block;height:45px;text-align:center;color:#333;background:#fff}
.room_list li:nth-child(odd) strong{color:#fff;background:#817d73}

.card_type1{color: #dc5b51; font-weight:bold;} /*레드*/
.card_type2{color: #f1924c; font-weight:bold;} /*오렌지*/
.card_type3{color: #262422; font-weight:bold;} /*블랙*/
.card_type4{color: #9c4ac7; font-weight:bold;} /*퍼플*/
.card_type5{color: #999999; font-weight:bold;} /*실버*/
.card_type6{color: #c69d5b; font-weight:bold;} /*골드*/
.card_type7{color: #666; font-weight:bold;} /*그레이*/

/* P-CITY MAP 2018.12.06 */
.selectDesignTab{position:relative; width:352px; padding-top:8px;}
.selectDesignTab .selectDesignTrigger{position:relative; display:inline-block; width:100%;  height: 40px; line-height: 38px; font-size: 14px; padding: 0 39px 0 12px; border:1px solid #e6e3df;}
.selectDesignTab .selectDesignTrigger:after{position:absolute; top:50%;right:16px; display:block;content:'';width:10px;height:6px;margin-top:-3px; background:url('/pcPub/static/images/common/icon/icon_selectbox.gif') no-repeat 80% 50%;}
.selectDesignTab .selectDesignTrigger.active {border:1px solid #9c836a;}

.selectDesignTab .selectDesignOptions{display:none;  overflow:hidden; overflow-y:auto; width:100%; position:absolute; top:100%; left:0;right:0; z-index:5; max-height:280px; min-width:100%;border:1px solid #e6e3df; border-top:0; background:#fff;}
.selectDesignTab .selectDesignOptions.active{display:block;}
.selectDesignTab .selectDesignOptions .disabled {background:#f9f9f9;}
.selectDesignTab .selectDesignOptions .disabled a { cursor:inherit; opacity:0.5;}
.selectDesignTab .selectDesignOptions .ui-select-option-hover:before{background:#f9f9f9;}
.selectDesignTab .selectDesignOptions .selectDesignOption{position:relative; display:block; padding:0 22px;line-height:46px; font-size:15px;}
.selectDesignTab .selectDesignOptions .selectDesignOption:hover,
.selectDesignTab .selectDesignOptions .selectDesignOption.selection{background:#f9f9f9;}

.selectDesignTabView{display:none;}
.selectDesignTabView.defaultView{display:block;}
.selectDesignTabView .detailInfo{margin-top:47px;}
.selectDesignTabView .detailInfo h3{font-weight:bold;}
.selectDesignTabView .detailInfo .detailStrong{font-weight:300; margin-right:10px;}
.selectDesignTabView .defaultWay{text-align:center; font-size:26px; color:#333; font-weight:200; padding:228px 0;}
.selectDesignTabView .defaultWay .defaultWayIcon{display:block;  margin:0 auto 21px;}
.selectDesignTabView .detailSchedule{margin-top:45px;}
.selectDesignTabView .detailSchedule h3{margin:0 0 23px; font-size:16px; color:#333;}
.selectDesignTabView .detailWayTitle h3{margin-top:41px; font-size:26px; font-weight:100; color:#333;}

.selectDesignTabView .route{margin-top:53px;}
.selectDesignTabView .route .wayNotice{margin-top:37px; padding:0 0 0 25px; font-size:14px; font-weight:100; color:#666; background:url('/pcPub/static/images/map/bg_way_notice.png') no-repeat 0 50%;}
.selectDesignTabView .route .mapDetailInfo > div{display:inline-block; vertical-align:top; text-align:center; font-size:14px;line-height:19px;}

.selectDesignTabView .route .newType1 .info1 .tit,
.selectDesignTabView .route .newType1 .info2 .tit,
.selectDesignTabView .route .newType2 .info1 .tit,
.selectDesignTabView .route .newType2 .info2 .tit,
.selectDesignTabView .route .newType3 .info1 .tit,
.selectDesignTabView .route .newType3 .info2 .tit,
.selectDesignTabView .route .newType4 .info1 .tit,
.selectDesignTabView .route .newType4 .info2 .tit,
.selectDesignTabView .route .newType5 .info1 .tit,
.selectDesignTabView .route .newType5 .info2 .tit,
.selectDesignTabView .route .newType7 .info1 .tit,
.selectDesignTabView .route .newType7 .info2 .tit{font-size:16px; color:#9c836a;}

.selectDesignTabView .route .newType1 .info1{left:60px; top:45px;}
.selectDesignTabView .route .newType1 .info1-1{left:60px; top:157px;}
.selectDesignTabView .route .newType1 .info1-2{left:950px; top:157px;}
.selectDesignTabView .route .newType1 .info2{left:60px; top:290px;}
.selectDesignTabView .route .newType1 .info2-1{left:77px; top:401px;}
.selectDesignTabView .route .newType1 .info2-2{left:950px; top:401px;}

.selectDesignTabView .route .newType2 .info1{left:60px; top:47px;}
.selectDesignTabView .route .newType2 .info1-1{left:55px; top:157px;}
.selectDesignTabView .route .newType2 .info1-2{left:950px; top:157px;}
.selectDesignTabView .route .newType2 .info2{left:60px; top:310px;}
.selectDesignTabView .route .newType2 .info2-1{left:77px; top:422px;}
.selectDesignTabView .route .newType2 .info2-2{left:925px; top:422px;}

.selectDesignTabView .route .newType2_1 .info1{left:278px; top:47px;}
.selectDesignTabView .route .newType2_1 .info1-1{left:270px; top:145px;}
.selectDesignTabView .route .newType2_1 .info1-2{left:777px; top:145px;}
.selectDesignTabView .route .newType2_1 .info2{left:247px; top:366px;}
.selectDesignTabView .route .newType2_1 .info2-1{left:187px; top:475px;}
.selectDesignTabView .route .newType2_1 .info2-2{left:802px; top:468px;}

.selectDesignTabView .route .newType3 .info1{left:60px; top:47px;}
.selectDesignTabView .route .newType3 .info1-1{left:70px; top:157px;}
.selectDesignTabView .route .newType3 .info1-2{left:350px; top:157px;}
.selectDesignTabView .route .newType3 .info1-3{left:653px; top:157px;}
.selectDesignTabView .route .newType3 .info1-4{left:948px; top:157px;}
.selectDesignTabView .route .newType3 .info2{left:254px; top:294px;}
.selectDesignTabView .route .newType3 .info2-1{left:77px; top:400px;}
.selectDesignTabView .route .newType3 .info2-2{left:350px; top:400px;}
.selectDesignTabView .route .newType3 .info2-3{left:690px; top:400px;}
.selectDesignTabView .route .newType3 .info2-4{left:974px; top:400px;}

.selectDesignTabView .route .newType3_1 .info1{left:97px; top:47px;}
.selectDesignTabView .route .newType3_1 .info1-1{left:58px; top:145px;}
.selectDesignTabView .route .newType3_1 .info1-2{left:513px; top:145px;}
.selectDesignTabView .route .newType3_1 .info1-3{left:952px; top:145px;}
.selectDesignTabView .route .newType3_1 .info2{left:57px; top:363px;}
.selectDesignTabView .route .newType3_1 .info2-1{left:79px; top:474px;}
.selectDesignTabView .route .newType3_1 .info2-2{left:512px; top:474px;}
.selectDesignTabView .route .newType3_1 .info2-3{left:954px; top:474px;}

.selectDesignTabView .route .newType4 .info1{left:80px; top:47px;}
.selectDesignTabView .route .newType4 .info1-1{left:80px; top:157px;}
.selectDesignTabView .route .newType4 .info1-2{left:364px; top:157px;}
.selectDesignTabView .route .newType4 .info1-3{left:680px; top:157px;}
.selectDesignTabView .route .newType4 .info1-4{left:958px; top:157px;}
.selectDesignTabView .route .newType4 .info2{left:70px; top:374px;}
.selectDesignTabView .route .newType4 .info2-1{left:5px; top:480px;}
.selectDesignTabView .route .newType4 .info2-2{left:382px; top:480px;}
.selectDesignTabView .route .newType4 .info2-3{left:663px; top:480px;}
.selectDesignTabView .route .newType4 .info2-4{left:974px; top:480px;}

.selectDesignTabView .route .newType5 .info1{left:80px; top:47px;}
.selectDesignTabView .route .newType5 .info1-1{left:63px; top:157px;}
.selectDesignTabView .route .newType5 .info1-2{left:364px; top:157px;}
.selectDesignTabView .route .newType5 .info1-3{left:676px; top:157px;}
.selectDesignTabView .route .newType5 .info1-4{left:958px; top:157px;}
.selectDesignTabView .route .newType5 .info2{left:70px; top:374px;}
.selectDesignTabView .route .newType5 .info2-1{left:5px; top:480px;}
.selectDesignTabView .route .newType5 .info2-2{left:378px; top:480px;}
.selectDesignTabView .route .newType5 .info2-3{left:663px; top:480px;}
.selectDesignTabView .route .newType5 .info2-4{left:957px; top:480px;}

.selectDesignTabView .route .newType5_1 > div{top:124px;}
.selectDesignTabView .route .newType5_1 .info1{left:81px;}
.selectDesignTabView .route .newType5_1 .info2{left:264px;}
.selectDesignTabView .route .newType5_1 .info3{left:431px;}
.selectDesignTabView .route .newType5_1 .info4{left:605px;}
.selectDesignTabView .route .newType5_1 .info5{left:772px;}
.selectDesignTabView .route .newType5_1 .info6{left:954px;}

.selectDesignTabView .route .newType6 > div{top:124px;}
.selectDesignTabView .route .newType6 .info1{left:77px;}
.selectDesignTabView .route .newType6 .info2{left:227px;}
.selectDesignTabView .route .newType6 .info3{left:370px;}
.selectDesignTabView .route .newType6 .info4{left:510px;}
.selectDesignTabView .route .newType6 .info5{left:655px;}
.selectDesignTabView .route .newType6 .info6{left:802px;}
.selectDesignTabView .route .newType6 .info7{left:952px;}

.selectDesignTabView .route .newType7 .info1{left:60px; top:47px;}
.selectDesignTabView .route .newType7 .info1-1{left:60px; top:157px;}
.selectDesignTabView .route .newType7 .info1-2{left:344px; top:157px;}
.selectDesignTabView .route .newType7 .info1-3{left:656px; top:157px;}
.selectDesignTabView .route .newType7 .info1-4{left:948px; top:157px;}
.selectDesignTabView .route .newType7 .info2{left:60px; top:294px;}
.selectDesignTabView .route .newType7 .info2-1{left:77px; top:400px;}
.selectDesignTabView .route .newType7 .info2-2{left:388px; top:400px;}
.selectDesignTabView .route .newType7 .info2-3{left:678px; top:400px;}
.selectDesignTabView .route .newType7 .info2-4{left:944px; top:400px;}

.innTableSd {display: table; width: 250px; left: 30px; position: relative;}
.innTableCn {display: table; width: 250px; left: 30px; position: relative;}
.rowMap {display: table-row;}
.cellMap {display: table-cell; padding: 3px;}
.innTableSd .col1 {width: 35%;}
.innTableSd .col2 {width: 65%;}
.innTableCn .col1 {width: 35%;}
.innTableCn .col2 {width: 65%;}
/* //P-CITY MAP 2018.12.06 */

.listStar {padding-top:16px;}
.listStar > li {position: relative;padding-left: 10px;}
.listStar > li:before {content:'*';position:absolute;top: 3px;left: 0;}
/*Rewards Membership img change, 2019.05.31*/
.noneCard {background:none !important;box-shadow:none !important;}
.mypageMembership .membershipCard div{ overflow:hidden; display:block; position:relative; height:156px; border-radius: 7px;}
.mypageMembership .membershipCard .overLogo {visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0;line-height:156px;color:#fff;text-align:center;text-decoration:underline;opacity:0;}
.mypageMembership .membershipCard div:hover .overLogo {visibility:inherit; opacity:1;}
.mypageMembership .membershipCard .overLogo > span {cursor:pointer;}
.rrLogo{background:url('/pcPub/static/images/mypage/rrLogo.png') !important;}
.rpLogo{background:url('/pcPub/static/images/mypage/rpLogo.png') !important;}
.rgLogo{background:url('/pcPub/static/images/mypage/rgLogo.png') !important;}

/* 20190725 ta9 갤러리 start */
#popup.type-gallery{z-index:1000;overflow-y: auto;visibility: hidden;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.85);text-align:center;}
#popup.type-gallery.on{visibility: visible;}
#popup.type-gallery .pop-close{position: absolute;right: 42px;top: 20px;width: 22px;height: 22px;line-height: 0;}
#popup.type-gallery .pop-close .close-btn{background: 0 none;outline: 0 none; border: 0 none;padding: 0;cursor: pointer;}
#popup.type-gallery .pop-close .close-btn img{width: 100%;}
#popup.type-gallery .pop-in{display:inline-block;position: relative;margin-top:50px;width: 1057px;height: 999px;background: #fff;}
#popup.type-gallery .pop-in .pop-top{height: 67px;line-height: 67px;background: #857b71;}
#popup.type-gallery .pop-in .pop-top .pop-title{height: 67px;line-height: 67px;font-size: 22px;font-weight: 500;color: #fff;text-align: center;font-family: 'Noto Sans', sans-serif;}
#popup.type-gallery .pop-in .pop-bottom{padding: 48px 42px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#popup.type-gallery .pop-in .pop-bottom .pop-bottom-in{height: 100%;}
#popup.type-gallery .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
#popup.type-gallery .swiper-slide {background-size: cover;background-position: center;}
#popup.type-gallery .gallery-top {width: 100%;height: 648px;padding-bottom: 53px;-webkit-box-sizing:content-box;box-sizing:content-box;}
#popup.type-gallery .gallery-top .swiper-wrapper{padding-bottom:53px;-webkit-box-sizing:content-box;box-sizing:content-box;}
#popup.type-gallery .gallery-top .swiper-wrapper .swiper-slide{padding-bottom:53px;-webkit-box-sizing:content-box;box-sizing:content-box;}
#popup.type-gallery .gallery-top .btn-youtube{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 123px;height: 123px;background: url("/pcPub/static/images/common/btn/btn_video_on.png") no-repeat 0 0;background-size: 100% auto;outline: none;border: 0 none;cursor: pointer;}

#popup.type-gallery .gallery-thumbs {margin-top: 46px;width: 100%; height: 86px;background: #fff;}
#popup.type-gallery .gallery-thumbs .swiper-wrapper{transition: all 0.1s;}
#popup.type-gallery .gallery-thumbs .swiper-slide {position: relative; width:130px; height:86px; margin-left:10px;-webkit-box-sizing: border-box;box-sizing: border-box;cursor:pointer;}
#popup.type-gallery .gallery-thumbs .swiper-slide:first-child{margin-left:0;}
#popup.type-gallery .gallery-thumbs .swiper-slide-thumb-active:after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0%;border: 3px solid #9C836A;}
#popup.type-gallery .gallery-thumbs .swiper-slide:last-child{margin-right: 0 !important;}
#popup.type-gallery .swiper-pagination{position: relative;right: auto;top: auto;bottom: auto;left: auto;margin-top: -24px;width: auto;color: #9c836a;font-size: 19px;font-weight: 400;letter-spacing: -1px;font-family: 'Roboto', sans-serif;text-align: right;}
#popup.type-gallery .swiper-pagination:after{content:"";z-index:-1;position:absolute;right:0;top:0;width:80px;height:100%;background:#fff;}
#popup.type-gallery .swiper-pagination .swiper-pagination-current{font-weight: 700;}
#popup.type-gallery .gallery-title{position: absolute;left: 0;bottom: 0;width: auto;color: #333;margin: 0;font-size: 17px;font-weight: 400;font-family: 'Noto Sans', sans-serif;}
#popup.type-gallery .swiper-button-prev, #popup.type-gallery .swiper-button-next{width: 56px;height: 93px;background-size: 56px 93px;}
#popup.type-gallery .swiper-button-next, #popup.type-gallery .swiper-container-rtl .swiper-button-prev{right: 13px;margin-top: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-image: url("/pcPub/static/images/common/btn/bg_arrow_right_btn.png");right: 10px;left: auto;}
#popup.type-gallery .swiper-button-prev, #popup.type-gallery .swiper-container-rtl .swiper-button-next{left: 13px;margin-top: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-image: url("/pcPub/static/images/common/btn/bg_arrow_left_btn.png");left: 10px;right: auto;}

#popup-video.type-video{z-index:1001;overflow-y: auto;visibility: hidden;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.85);text-align:center;}
#popup-video.type-video.on{visibility: visible;}
#popup-video.type-video .pop-in{display:inline-block;position: absolute;width: 973px;height:648px; transform: translate(-50%, -50%);top: 50%;left: 50%;}
#popup-video.type-video iframe{width: 100% !important;height: 100% !important;}
#popup-video.type-video .pop-close{position: absolute;right: 0;top: -42px;width: 22px;height: 22px;line-height: 0;}
#popup-video.type-video .pop-close .close-btn{background: 0 none;outline: 0 none; border: 0 none;padding: 0; cursor: pointer;}
#popup-video.type-video .pop-close .close-btn img{width: 100%;}

.subMainCont.type-gallery .gallery-main{width: 100%;height: 511px;}
.subMainCont.type-gallery .gallery-main .gallery-title{z-index:1;position:absolute;left:50%;bottom: 41px;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 18px;font-weight: 300;color:#fff;font-family: 'Noto Sans', sans-serif;}
.subMainCont.type-gallery .gallery-main .swiper-slide{position:relative;}
.subMainCont.type-gallery .gallery-main .swiper-slide:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100px;background:rgba(0,0,0,0.8);}
.subMainCont.type-gallery .gallery-main .btn-youtube{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 123px;height: 123px;background: url("/pcPub/static/images/common/btn/btn_video_on.png") no-repeat 0 0;background-size: 100% auto;outline: none;border: 0 none;cursor: pointer;}
.subMainCont.type-gallery .pagingWrap{position:relative;}
.subMainCont.type-gallery .pagingWrap .swiper-pagination{position:static;height:80px;line-height:80px;font-size: 15px;font-weight: 500;letter-spacing: -1px;font-family: 'Roboto', sans-serif;text-align:center;color:#9c836a;}
.subMainCont.type-gallery .pagingWrap .swiper-pagination .swiper-pagination-current{font-weight: 700;}
.subMainCont.type-gallery .pagingWrap .swiper-button-prev{z-index:20;position: absolute;left:0;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-top:0;width:32px;height:17px;background:url("/pcPub/static/images/common/btn/bg_arrow_left_main.png") no-repeat 0 0;background-size: 100% auto;cursor:pointer;outline:none;}
.subMainCont.type-gallery .pagingWrap .swiper-button-next{z-index:20;position: absolute;right:0;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-top:0;width:32px;height:17px;background:url("/pcPub/static/images/common/btn/bg_arrow_right_main.png") no-repeat 0 0;background-size: 100% auto;cursor:pointer;outline:none;}
.subMainCont.type-gallery .gallery-main .cPointer {cursor:pointer;}

.galleryWrap.type-gallery{padding-bottom: 118px;}
.type-gallery .btnMore{margin-top: 34px;text-align: center;}
.type-gallery .btnMore a{font-size: 14px;color: #9c836a;text-decoration: underline;}
.type-gallery .eventList{padding-top:0;margin-top: 22px;}
.type-gallery .eventList li{cursor:pointer;}
.type-gallery ul.reserveCategory li:nth-of-type(1) a span{margin-bottom: 12px;}
.type-gallery ul.reserveCategory li a span{background: url(../images/reservation/icon_category.png) center 0 no-repeat;}
.type-gallery ul.reserveCategory li a span.icon2{background-position-y: -240px;}
.type-gallery ul.reserveCategory li a span.GSBU02{background-position-y: -24px;}
.type-gallery ul.reserveCategory li a span.GSBU03{background-position-y: -48px;}
.type-gallery ul.reserveCategory li a span.GSBU04{background-position-y: -264px; margin-bottom: 18px;}
.type-gallery ul.reserveCategory li a span.GSBU05{background-position-y: -72px;}
.type-gallery ul.reserveCategory li a span.GSBU06{background-position-y: -96px;}
.type-gallery ul.reserveCategory li a span.GSBU07{background-position-y: -120px;}
.type-gallery ul.reserveCategory li a span.GSBU08{background-position-y: -192px;}
.type-gallery ul.reserveCategory li a span.GSBU09{background-position-y: -144px; margin-bottom: 18px;}
.type-gallery ul.reserveCategory li a span.GSBU01{background-position-y: -241px;}
.type-gallery ul.reserveCategory li a span.icon12{background-position-y: -288px;}
.type-gallery ul.reserveCategory li a span.GSBU10{background-position-y: -168px;}
.type-gallery .utilMenu{margin:51px 0 0 0;}
.type-gallery .eventList{border: 0 none;}
.type-gallery .eventList li .img{position: relative;}
.type-gallery .eventList li.typeVideo .img:after{content:"";width:60px;height:60px;position:absolute;left: 50%; top:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); background: url(/pcPub/static/images/common/btn/btn_video_on.png) no-repeat 0 0; background-size: 100% auto;}
.galleryWrap ul.reserveCategory li{ position:relative;}
.galleryWrap ul.reserveCategory li.active:after { content:''; display:block; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:#9c836a}

/*캘린더 TOBE*/
.reserveSelectWrap .tapBox{margin: 0;}

/* 셀렉트박스 커스텀 */
.selectWrap .selectOriginal{display: none;}
.selectWrap .selectCustom{width: 100%;position: relative;}
.selectWrap .selectCustom .showSelect{position:relative;height: 48px; line-height: 48px; padding: 0 30px 0 10px;border: 1px solid #e6e3df;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;color: rgba(0, 0, 0, 0.65);}
.selectWrap .selectCustom .showSelect.on{border: 1px solid #9c836a;border-bottom: 0 none;}
/*.selectWrap .selectCustom .showSelect:after{position: absolute;top: 50%;right: 16px;display: block;content: '';width: 10px;height: 6px;margin-top: -3px;background: url(../images/common/icon/icon_selectbox.gif) no-repeat 80% 50%;}*/
.selectWrap .selectCustom .showSelect.on:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.selectWrap .selectCustom .moreShow{z-index:9;display:none;position: absolute;left: 0; top: 46px; width: 100%;background: #fff;border: 1px solid #9c836a;border-top: 1px solid #e6e3df;}
.selectWrap .selectCustom .showSelect.on ~ .moreShow{display: block;}
.selectWrap .selectCustom .selectList{max-height: 240px; overflow-y: scroll;}
.selectWrap .selectCustom .selectList::-webkit-scrollbar {width: 1px;}
.selectWrap .selectCustom .selectList::-webkit-scrollbar-thumb {background: #b7b7b7; }
.selectWrap .selectCustom .selectList > li{display:inline-block;width: 100%; height: 48px; line-height: 48px;-webkit-box-sizing: border-box;box-sizing: border-box; font-size: 14px; color: #808080;font-weight:300;background: #fff;border-bottom: 1px solid #e6e3df;}
.selectWrap .selectCustom .selectList > li:first-child{color: #595959;}
.selectWrap .selectCustom .selectList > li .infort{color: #9c836a;font-weight:400;}

.selectWrap .selectCustom .bottomArea{position:relative; border-top: 0 none;height:47px;line-height:47px;-webkit-box-sizing: border-box; box-sizing: border-box;line-height:0;}
.selectWrap .selectCustom .bottomArea .resetArea{position:relative;display: inline-block; height: 46px; line-height: 46px; padding-left: 29px;font-size: 14px; font-weight: 300; color:#808080;outline: none;}
.selectWrap .selectCustom .bottomArea .resetArea:before{content:""; position: absolute;left: 11px;; top: 17px;width:11px; height:12px; background: url("../images/common/icon/icon_reset.png") no-repeat 0 0;}
.selectWrap .selectCustom .bottomArea .complete{position: absolute;right: 0;top: 0; padding-right:10px; height: 46px; line-height: 46px; font-size: 14px; font-weight: 300; color: #9c836a;outline: none;}

/* 체크박스 기본형 커스텀 */
.customCheckbox{}
.customCheckbox input[type=checkbox]{display: none;}
.customCheckbox label{position:relative; padding: 0 30px 0 39px;display:inline-block;width: 100%; height: 48px; line-height: 48px;cursor: pointer;}
.customCheckbox label:before{content:""; position: absolute;left: 10px;top: 13px; width: 20px; height:20px; background: url("../images/common/icon/icon_checkbox.png") no-repeat 0 0;background-position: 0 0;}
.customCheckbox input[type=checkbox]:checked + label:before{background: url("../images/common/icon/icon_checkbox.png") no-repeat 0 0;background-position: 0 -20px;}

.customSearchArea{padding: 20px 19px 0; border-right: 1px solid #e6e3df;border-left: 1px solid #e6e3df;}
.customSearchArea::after{content: ""; display: block; clear: both;}
.customSearchArea .selectWrap{width: 376px; float: left;}
.customSearchArea .callenderWrap{width: 376px; float: left; margin-left: 8px;}
.customSearchArea .callenderWrap .inp{width:100%;}
.customSearchArea .callenderWrap .inp input[type=text]{color: rgba(0, 0, 0, 0.65);}
.customSearchArea .callenderWrap .inp .btnCalendar{background: url(../images/common/icon/icon_calendar.png) no-repeat;}
.customSearchArea .date-picker-wrapper .footer .btn{margin:16px 0;}
.customSearchArea .date-picker-wrapper .footer .btn + .btn{margin-left: 8px;}

.customSearchMore{padding: 15px 20px 20px;border: 1px solid #e6e3df; border-top: 0 none;}
.customSearchMore .keywordSelect{display:none;}
.customSearchMore .keywordSelect .keywordTitle{padding:1px 0 5px; font-size: 14px; font-weight: 300; color: #9d8a69; letter-spacing: 0;}
.customSearchMore .keywordSelect .keywordTitle.typeTwo{padding: 13px 0 5px;}
.customSearchMore .keywordSelect .customCircleCheck{font-size: 0; line-height: 0;width:600px;}
.customSearchMore .keywordSelect .customCircleCheck > li{display: inline-block;vertical-align: top;margin: 0 8px 8px 0;}

/* 체크박스 둥근모서리형 커스텀 */
.radiusChceck{position: relative}
.radiusChceck input[type=checkbox]{display: none;}
.radiusChceck label{position:relative;display: inline-block; width:100%; padding: 0 15px; height:30px; line-height: 30px;font-size:12px;font-weight:300;text-align: center;cursor: pointer; color: #666; letter-spacing: 0; -webkit-box-sizing: border-box;box-sizing: border-box;}
.radiusChceck label:after{content: "";z-index:-1; position: absolute;left: 0;right:0;top: 0;bottom:0; border: 1px solid #f1f1f1;background: #fff; -webkit-border-radius: 15px;border-radius: 15px;}
.radiusChceck input[type=checkbox]:checked + label{color: #9d8a69;}
.radiusChceck input[type=checkbox]:checked + label:after{background: #f1f1f1;}

.inputWrap.typeInput{position:relative;width: 296px; height: 40px;padding-left: 192px;margin-bottom:15px;}
.inputWrap.typeInput input[type=text]{position:absolute;left:0;top:0;width: 192px; height: 40px; line-height: 40px; padding: 0 11px; border: 1px solid #e6e3df; font-size: 14px; color:#b8b8b8; letter-spacing: 0; -webkit-box-sizing: border-box;box-sizing: border-box;}
.inputWrap.typeInput .btn{width:104px; height:40px;line-height:40px; color:#fff; background: #c4bfbb;border:0 none;outline: none;}

.customSearchMore .btnWrap{position:relative; text-align:right;padding-top:15px; border-top: 1px solid #e6e3df; }
.customSearchMore .btnWrap .moreText{position: absolute; left:0; top:34px; font-size:14px; font-weight:300; color:#9d8a69;outline: none;}
.customSearchMore .btnWrap .moreText:after{content:""; position: absolute; right: -18px;top: 5px; width:10px; height:6px; background: url("../images/common/icon/icon_selectbox.gif") no-repeat 0 0;}
.customSearchMore .btnWrap .moreText.on:after{transform: rotate(180deg);}
.customSearchMore .btnWrap .moreText.on:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.customSearchMore .btnWrap .btn{width:162px; padding:0; text-align:center;}
.customSearchMore .btnWrap .btn + .btn{margin-left:4px;}
.customSearchMore .btnWrap{position:relative;}

.searchTab.typeHotel .ui-select-trigger{width:152px;}
.searchTab.typeHotel .ui-select-trigger:after {background: url("../images/common/icon/icon_selectbox.gif") no-repeat 80% 50%;}

.offers.typeReserve{padding-top:14px;}
.offers.typeReserve.typeNoImg{padding-top:210px;}
.offers.typeReserve.PKG {display:none;}
.reservationBox div.moreOffers.typeReserve{margin-bottom:11px;}
.reservationBox div.moreOffers.typeReserve a{padding: 5px 6px 0;}
.reservationBox div.moreOffers.typeReserve a span{padding: 32px 0 0 0;background: url("../images/common/icon/icon_plus_2.png") no-repeat 50% 0;}
.reserveNoImg{margin:40px 0 30px 0;text-align:center;}
.reserveNoImg div.noImgWrap{height:96px;}
.reserveNoImg div.noImgWrap img{height:100%;}
.reserveNoImg .noImgText{margin-top:24px;font-size: 14px; line-height: 18px; color:#999;font-weight:300;}
.tapBox li.on a{font-weight:400;}

/* 안내문구 추가 */
.roomSelectBox.typeInfo{padding: 34px 0 40px;}
.roomSelectBox.typeInfo h2{margin-bottom:7px;}
.roomSelectBox.typeInfo h2 .info{font-size:12px;color:#666666;margin-left:6px;}

/*검색영역 기본 노출 여부*/
.reserveSelectWrap .PKG {display:none;}
.searchTab.typeHotel.PKG {display:none;}

/*예약 상세 취소규정 문구(KO)*/
.noneDot {left:-14px; font-size:13px;}
.noneDot ul.minusList {margin-top:5px !important;}
.noneDot ul.minusList li {left:14px; margin-top:5px;}
.noneDot::before {background-color: #ffffff;}