.photoList { background:#000; }
.photoList .slideVis { width:1216px; height:608px; box-sizing:border-box; }
.photoList .slideVis.players { padding:0 0 60px; }
.hotelMent { margin:73px 0 37px 0; }

.mapInfoList > li { position:relative; padding-left:20px; }
.mapInfoList .icon { position:absolute; left:0; top:3px; }

.areaHotelMap { position:relative; }
.areaHotelMap .mapLayer { width:517px; overflow:hidden; background:#fff; margin-left:-258px; margin-top:12px; border:solid 1px #ccc; padding:10px; box-sizing:border-box; }
.areaHotelMap .mapLayer .itemImg { width:180px; height:132px; float:left; margin-right:20px; padding-right:0;  }
.areaHotelMap .mapLayer .itemImg img { width:180px; height:132px; }
.areaHotelMap .mapLayer .itemInfo { width:288px; float:left; }
.areaHotelMap .mapLayer .itemTit { font-size:18px; color:#000; border-bottom:solid 1px #ccc; padding:2px 0 6px; margin:0 0 11px; }
.areaHotelList { overflow:hidden; margin-bottom:80px; }
.areaHotelList:last-child { margin-bottom:0; }
.areaHotelList li:nth-child(3n+1) { width:400px; margin-left:0; }
.areaHotelList li { float:left; width:398px; height:60px; margin:10px 0 0 10px; overflow:hidden; }
.areaHotelList a { display:block; width:100%; height:100%; border:solid 1px #ddd; position:relative; box-sizing:border-box; line-height:58px; padding-left:20px; color:#333; }
.areaHotelList a:hover { border-color: #a87161; color:#a87161; }
.areaHotelList a:after { position:absolute; right:-50px; top:20px;  }
.areaHotelList a:hover:after { background-position: -480px 0; right:26px; top:20px; }

.hotelIntro { margin:73px 0 36px 0; }
.hotelIntro .title-2 { margin-bottom:3px; letter-spacing:-0.05em; line-height:1.4; font-weight:normal; }
.hotelIntro .txtCont p { padding-top:7px; }

.hotelInfo { text-align:center; border-top:solid 1px #3d3c3c; padding:20px 0 14px 0; }
.hotelInfo dl { display:inline-block; width:20%; box-sizing:border-box; color:#333; margin-left:-4px; position:relative; }
.hotelInfo dl:before { content:''; display:inline-block; width:1px; height:16px; background:#ddd; position:absolute; left:0; top:0; }
.hotelInfo dl:first-child:before { background:#fff; }
.hotelInfo dt { display:inline-block; font-weight:bold; margin-right:13px; }
.hotelInfo dd { display:inline-block; }

.hotelVis { position:relative; height:608px; }
.hotelVis img { width:1216px; height:608px; }
.hotelVis:after { content:''; display:block; clear:both; }
.hotelVis .slideBtn { margin:0; }
.hotelVis .btnPrev, .hotelVis .btnNext { position:absolute; top:50%; margin-top:-17px; z-index:2; width:34px; height:34px; }
.hotelVis .btnPrev { left:33px; }
.hotelVis .btnNext { right:33px; }
.hotelVis .i-prev { width:34px; height:34px; margin:-5px 0 0 5px; background:none; border-top:1px solid #fff; border-left:1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.hotelVis .i-next { width:34px; height:34px; margin:-5px 0 0 -10px; background:none; border-bottom:1px solid #fff; border-right:1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.hotelVis .slick-dots  { position:absolute; bottom:40px; display:block; text-align:center; width:100%; }
.hotelVis .slick-dots button { position:relative; width:8px; height:8px; margin:0 5px; border:1px solid #fff; }
.hotelVis .slick-dots .slick-active button { background:#fff; }

.touristAttraction { border-top:solid 1px #e5e5e5; margin-top:20px; }
.touristAttraction li { border-bottom:solid 1px #ddd; padding:20px 0; }
.touristAttraction .cImg { display:table-cell; width:176px; padding-right:32px; }
.touristAttraction .cImg img  { max-width:176px; }
.touristAttraction .cTxt { display:table-cell; vertical-align:middle; }
.touristAttraction .cTxt dt { color:#a87161; margin-bottom:4px; font-weight:bold; }

.hotelFooter { background:#f5f5f5; padding:27px 30px 21px; margin-top:40px; text-align:center; }
.hotelFooter .footList li { display:inline-block; font-size:12px; color:#777; }
.hotelFooter .footList li:before { content:''; width:1px; height:12px; background:#dcdcdc; display:inline-block; margin:-2px 13px 0 13px; vertical-align:middle; }
.hotelFooter .footList li:first-child:before { display:none; }
.hotelFooter .hotelSns { display:block; margin-top:16px; }
.hotelFooter .hotelSns a { display:inline-block; margin-left:5px; }

.viewInfo { position:relative; overflow:hidden; margin-top:64px; }
.viewInfo:after { content:''; display:block; clear:both; }
.viewInfo .info-1 { display:table-cell; width:832px; vertical-align:top; border-top:solid 2px #000; box-sizing:border-box; padding-right:32px; }
.viewInfo .info-1 .title-2:first-child, .viewInfo .info-2 .title-2:first-child { margin-top:25px; }
.viewInfo .info-2 { display:table-cell; width:384px; vertical-align:top; padding:0 34px 32px 34px; box-sizing:border-box; border-top:solid 2px #604d40; background:#f7f5f3; }
.viewInfo .info-2 .price em { font-size:28px; }
.viewInfo:before { position:absolute; top:0; right:384px; content:''; display:block; width:32px; height:2px; background:#fff; }
.viewInfo .infoBtn { margin-top:35px; }

.hotelDetail { background:#f4f4f3; padding:17px 0 0; }
.hotelDetail .detailHead { width:100%; display:table; height:120px; padding:20px 0 40px; }
.hotelDetail .detailHead .hotelTit { display:table-cell; width:auto; font-size:34px; color:#111; vertical-align:middle; padding-top:7px; }
.hotelDetail .detailHead .hotelTit .name { display:block; font-size:20px; margin-top:-1px; color:#a87161; }
.hotelDetail .detailHead .detailBtn { display:table-cell; width:385px; vertical-align:middle; text-align:right; }
.hotelDetail .detailHead .detailBtn .btnRsvt { width:385px; height:61px; line-height:64px; font-size:17px; margin-bottom:-1px; position:relative; z-index:2; display:block; text-align:center; }
.hotelDetail .detailHead .detailBtn .btnCont { float:left; width:129px;  height:60px; line-height:58px; font-size:15px; font-weight:bold; margin-right:-1px; box-sizing:border-box; text-align:center; }

.brandTab { overflow:hidden; position:relative; }
.brandTab:after { content:""; display:block; clear:both; width:100%; height:3px; left:0; bottom:0; z-index:4; background:#604d40; }
.brandTab li:first-child { width:19.9%; }
.brandTab li { width:10%; height:80px; float:left; box-sizing:border-box; }
.brandTab li a { display:inline-block; width:100%; height:100%; font-size:15px; color:#333;  text-align:center; line-height:56px; border:solid 1px #ccc; margin-left:-1px; border-width:1px 1px 0 1px; background:#fff; }
.brandTab li:first-child a { margin-left:0; }
.brandTab li.active a,.brandTab li a:hover { position:relative; z-index:3; }
.brandTab .txt { display:inline-block; padding:0; margin:0px 0 0 0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
.brandTab .txt220 { width:203px; }
.brandTab .brand.ty-1 .txt { width:200px; height:70px; background:url('/static/ko/img/hotels/brand-logo-1.png') center 0 no-repeat; }
.brandTab .brand.ty-2 .txt {width:121px; height:70px; background:url('/static/ko/img/hotels/brand-logo-2.png') center 0 no-repeat; }
.brandTab .brand.ty-3 .txt { width:120px; height:70px; background:url('/static/ko/img/hotels/brand-logo-13.png') center 0 no-repeat; }
.brandTab .brand.ty-14 .txt { width:120px; height:70px; background:url('/static/ko/img/hotels/brand-logo-14.png') center 0 no-repeat; }
.brandTab .brand.ty-5 .txt { width:118px; height:70px; background:url('/static/ko/img/hotels/brand-logo-5.png') center 0 no-repeat; }
.brandTab .brand.ty-6 .txt { width:118px; height:70px; background:url('/static/ko/img/hotels/brand-logo-6.png') center 0 no-repeat; }
.brandTab .brand.ty-7 .txt {width:118px; height:70px; background:url('/static/ko/img/hotels/brand-logo-7.png') center 0 no-repeat; }
.brandTab .brand.ty-8 .txt {width:100px; height:70px; background:url('/static/ko/img/hotels/brand-logo-8.png') center 0 no-repeat; }
.brandTab .brand.ty-9 .txt { width:100px; height:70px; background:url('/static/ko/img/hotels/brand-logo-9.png') center 0 no-repeat; }
.brandTab .brand.ty-10 .txt { width:100px; height:70px; background:url('/static/ko/img/hotels/brand-logo-10.png') center 0 no-repeat; }
.brandTab .brand.ty-15 .txt { width:100px; height:70px; background:url('/static/ko/img/hotels/brand-logo-15.png?20221007') center 0 no-repeat; }
.brandTab .brand.active .txt, .brandTab .brand a:hover .txt { background-position:center -70px; }

.brandTab .brand.ty-1.active a, .brandTab .brand.ty-1 a:hover { background:#3d3c3c; border-color:#3d3c3c; }
.brandTab .brand.ty-2.active a, .brandTab .brand.ty-2 a:hover { background:#e31937; border-color:#e31937; }
.brandTab .brand.ty-3.active a, .brandTab .brand.ty-3 a:hover { background:#aeaeae; border-color:#aeaeae; }
.brandTab .brand.ty-14.active a, .brandTab .brand.ty-14 a:hover { background:#291F1D; border-color:#291F1D; }
.brandTab .brand.ty-5.active a, .brandTab .brand.ty-5 a:hover { background:#1e22aa; border-color:#1e22aa; }
.brandTab .brand.ty-6.active a, .brandTab .brand.ty-6 a:hover { background:#f1efec; border-color:#f1efec; }
.brandTab .brand.ty-7.active a, .brandTab .brand.ty-7 a:hover { background:#5f2965; border-color:#5f2965; }
.brandTab .brand.ty-8.active a, .brandTab .brand.ty-8 a:hover { background:#756866; border-color:#756866; }
.brandTab .brand.ty-9.active a, .brandTab .brand.ty-9 a:hover { background:#574f4e; border-color:#574f4e; }
.brandTab .brand.ty-10.active a, .brandTab .brand.ty-10 a:hover { background:#c6c6bc; border-color:#c6c6bc; }
.brandTab .brand.ty-15.active a, .brandTab .brand.ty-15 a:hover { background:#000000; border-color:#000000; }

.brandTab .active:after { content:''; display:block; position:absolute; width:100%; height:2px; left:0; bottom:0; z-index:3; }
.brandTab .brand.ty-1.active:after { background:#3d3c3c; }
.brandTab .brand.ty-2.active:after { background:#e31937; }
.brandTab .brand.ty-3.active:after { background:#aeaeae; }
.brandTab .brand.ty-14.active:after { background:#291F1D; }
.brandTab .brand.ty-5.active:after { background:#20255f; }
.brandTab .brand.ty-6.active:after { background:#ad8e48; }
.brandTab .brand.ty-7.active:after { background:#5f2965; }
.brandTab .brand.ty-8.active:after { background:#756866; }
.brandTab .brand.ty-9.active:after { background:#574f4e; }
.brandTab .brand.ty-10.active:after { background:#c6c6bc; }
.brandTab .brand.ty-15.active:after { background:#000000; }

.floorList { overflow:hidden; padding:1px 0 6px; }
.floorList dt { float:left; width:33px; font-weight:bold; color:#a87161; clear:left; margin:2px 0 0 0;  background:url(/static/ko/img/common/arr-ty-3.png) 0 11px no-repeat; padding-left:10px; }
.floorList dd { float:left; width:740px; margin-top:2px; }

.fBnr { position:fixed; top:242px; left:50%; margin-left:640px; }
.fBnr .slideList { border:solid 1px #e5e5e5; padding-bottom:28px; width:138px; position:relative; }
.fBnr .list li { display:block; border:solid 1px #e5e5e5; width:107px; height:76px; margin-bottom:5px; }
.fBnr img { width:107px; height:76px; }
.fBnr:after { content:''; display:block; clear:both; }
.fBnr .slideBtn { margin:0; }
.fBnr .btnPrev, .fBnr .btnNext { position:absolute; bottom:0; z-index:2; width:28px; height:28px; }
.fBnr .btnPrev { left:0; }
.fBnr .btnNext { right:0; }
.fBnr .i-prev { width:6px; height:6px; margin:-3px 0 0 5px; background:none; border-top:1px solid #000; border-left:1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.fBnr .i-next { width:6px; height:6px; margin:-3px 0 0 -5px; background:none; border-bottom:1px solid #000; border-right:1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.fBnr .pages { display:block; position:absolute; left:29px; bottom:0; width:80px; border:solid 1px #e5e5e5; border-width:0 1px 0 1px; height:28px; line-height:28px; text-align:center; color:#3d3d3d; font-size:12px; }
.fBnr .curpage { color:#a87161; font-weight:bold; }

/****************** 멤버십 ******************/
.membership { border-top:solid 2px #333; border-bottom:solid 1px #e5e5e5; }
.membership:after { content:''; display:block; clear:both; }
.membership .item { width:50%; float:left; min-height:333px; }
.membership .item.ty-1 { background:#19293e; }
.membership .item.ty-1-0  { background:#19293e url(/static/ko/img/utility/mbs-card-1-0.png) 20px 55px no-repeat;background-size:100%; }
.membership .item.ty-2 { background:#333536 url(/static/ko/img/utility/mbs-card-2.png) 312px 75px no-repeat; }
.membership .item.ty-3 { background:#ECECEC; }
.membership .item.ty-3-0 { background:#ECECEC url(/static/ko/img/utility/mbs-card-3-0.png) 0px 0px no-repeat;}
.membership .item.ty-4 { background:#ECECEC;}
.membership .item.ty-4-0 { background:#ECECEC url(/static/ko/img/utility/mbs-card-4.jpg) 120px 50px no-repeat;}
.membership .item.ty-5 { background:#ECECEC;}
.membership .item.ty-5-0 { background:#ECECEC url(/static/ko/img/utility/mbs-card-5.jpg) 120px 50px no-repeat;}
.membership .title { font-size:22px; color:#fff; font-weight:bold; padding:27px 0 20px 80px; }
.membership dl { margin:0 290px 0 80px; height:144px; }
.membership dt { font-weight:bold; color:#fff; margin-bottom:9px; }
.membership dd { color:#999; background:url(/static/ko/img/common/arr-ty-1.png) 0 7px no-repeat; padding-left:9px; margin-top:2px;  font-size:12px; line-height:1.5; }
.membership .btnArea { padding:0 80px; margin-top:20px; overflow:hidden; text-align:right; }
.membership .btn-3, .membership .btn-8 { width:216px; float:left; }
.membership .btn-6 { margin-right:2px; }

.mbsList { overflow:hidden; position:relative; }
.mbsList .slide { width:1216px; height:186px; text-align:center; color:#fff; }
.mbsList .mbs-1 { background:url(/static/ko/img/hotels/membership-1.jpg) 0 0 no-repeat;  }
.mbsList .mbs-2 { background:url(/static/ko/img/hotels/membership-2.jpg) 0 0 no-repeat;  }
.mbsList .mbs-3 { background:url(/static/ko/img/hotels/membership-3.jpg) 0 0 no-repeat;  }
.mbsList .mbs-4 { background:url(/static/ko/img/hotels/membership-4.jpg) 0 0 no-repeat;  }
.mbsList .mbs-4 { background:url(/static/ko/img/hotels/membership-4.jpg) 0 0 no-repeat;  }
.mbsList .slide p { padding:35px 0 19px; font-weight:bold; }
.mbsList .slide .btn { display:inline-block; border:solid 1px #fff; padding:0 24px; line-height:46px; }
.mbsList .btnPrev, .mbsList .btnNext { position:absolute; top:63px; z-index:2; width:60px; height:60px; background:#666; background-color:rgba(17,17,17,0.8); text-align:center; line-height:60px; }
.mbsList .btnPrev { left:0; }
.mbsList .btnNext { right:0; }
.mbsList .btnPrev.slick-disabled,
.mbsList .btnNext.slick-disabled { background-color:rgba(17,17,17,0.8) !important; cursor:default; }
.mbsList .btnPrev:hover,.mbsList .btnNext:hover,.mbsList .btnPrev:focus,
.mbsList .btnNext:focus { background:#b98d81; background-color:rgba(168,113,97,0.8); }
.mbsList .i-prev { width:14px; height:14px; margin:-5px 0 0 5px; background:none; border-top:2px solid #fff; border-left:2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mbsList .i-next { width:14px; height:14px; margin:-5px 0 0 -10px; background:none; border-bottom:2px solid #fff; border-right:2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mbsList .slick-dots  { position:static; display:block; margin:35px 0 0; text-align:center; width:100%; }
.mbsList .slick-dots button { position:relative; width:8px; height:8px; margin:0 5px; border:1px solid #333; }
.mbsList .slick-dots .slick-active button { background:#333; }
.mbsList a:hover dl dt, .mbsList a:hover dl dd { color:#a87161; }
.mbsList a:hover dl dt { border-color:#a87161; }

.ccmInfoT { text-align:center; padding:60px 0 14px 0; }
.ccmInfoB { text-align:center; padding:60px 0 14px 0; }

/********** BRAND CEO **********/
.tb-1 .ceoMsg { overflow:hidden; font-family:NanumGothic; color:#a87161; font-size:24px; line-height:24px; border-bottom:solid 0px #a87161; padding-top:20px;}
.tb-1 .ceoMent { border-bottom:solid 0px #a87161; padding:12px 0 34px 0; margin-bottom:20px; }
.tb-1 .ceoMent p { padding-top:22px; }
.tb-1 .ceoMent .ceoName { padding-top:42px; }
.tb-1 .ceoHistory .tb-1 th { font-weight:normal; }

/********** MEMBERSHIP **********/
.membership { border-top:solid 2px #333; border-bottom:solid 1px #e5e5e5; margin-bottom:60px; }
.membership:after { content:''; display:block; clear:both; }
.membership .item { width:50%; float:left; min-height:333px; }
.membership .item.ty-1 { background:#19293e url(/static/ko/img/utility/mbs-card-1.png) 312px 75px no-repeat; }
.membership .item.ty-2 { background:#333536 url(/static/ko/img/utility/mbs-card-2.png) 312px 75px no-repeat; }
.membership .title { font-size:22px; color:#fff; font-weight:bold; padding:27px 0 20px 80px; }
.membership dl { margin:0 290px 0 80px; height:144px; }
.membership dt { font-weight:bold; color:#fff; margin-bottom:9px; }
.membership dd { color:#999; background:url(/static/ko/img/common/arr-ty-1.png) 0 7px no-repeat; padding-left:9px; margin-top:2px;  font-size:12px; line-height:1.5; }
.membership .btnArea { padding:0 80px; margin-top:20px; overflow:hidden; text-align:right; }
.membership .btn-3, .membership .btn-8 { width:216px; float:left; }
.membership .btn-6 { margin-right:2px; }
.mbsInfo .title-3 { margin-top:33px; }
.mbsLevel { padding:1px 0 36px; }
.mbsLevel tbody { background:#FFF; }
.mbsJoinInfo { margin:20px 0 40px; }
.mbsJoinInfo + .mbsJoinInfo { margin-top:48px; }
.mbsJoinInfo:after { content:''; clear:both; display:block; }
.mbsJoinInfo .title { float:left; width:280px; border-top:solid 1px #8ba47f; padding:21px 0 45px 16px; font-size:18px; color:#285549; line-height:1.3; box-sizing:border-box; font-weight:bold; }
.mbsJoinInfo .cont { float:left; width:930px; padding:8px 0 45px 30px; border-top:solid 1px #e5e5e5; box-sizing:border-box; }
.mbsJoinInfo .cont dt { float:left; width:86px; clear:both; font-weight:bold; margin-top:11px; }
.mbsJoinInfo .cont dd { float:left; width:790px; margin-top:11px; }
.clubBenefit { border-bottom:solid 1px #e5e5e5; padding:9px 0 26px; }
.clubBenefit .item { display:inline-block; margin-left:-5px; text-align:center; position:relative; font-size:15px; }
.clubBenefit .item dt { color:#333; }
.clubBenefit .item dd { display:block; text-align:center; color:#a87161; }
.clubBenefit .item:before { display:inline-block; margin-left:-5px; }
.clubBenefit.col-4 .item { width:313px; }
.clubBenefit.col-4 .item:first-child, .clubBenefit.col-4 .item:last-child { width:295px; }
.clubBenefit.col-3 .item { width:33.3%; }
.clubBenefit.col-3 .item:first-child { width:33.4%; }
.mbsCoupon { margin:36px 0 -160px; padding:1px 0 160px; }

.cardRadG  { overflow:hidden; }
.cardRadG .radFm { margin-left:60px; float:left; padding-top:0; }
.cardRadG .radFm .rad:not(old) { position:absolute; left:50%; top:137px; margin-left:-8px; }
.cardRadG .radFm .rad:not(old) + .act { position:absolute; left:50%; top:137px; margin-left:-8px; }
.cardRadG .radFm label { display:block; text-align:center; line-height:1.1; padding:40px 0 0; }
.cardRadG .radFm:first-child { margin-left:0; }

.contBg-4 { background:#eeeeee; }

.tb-1 .point-2, .tb-1 .point-2 th { background:#8ba47f; color:#fff; border-color:#8ba47f; }
.tb-1 .trance { background:transparent; }
.tb-1 .point-2 th { padding:28px 0 28px; }

.mobileGuide { background:url(/static/ko/img/utility/join-1.jpg) 100% 100% no-repeat; min-height:160px; border:solid 1px #eee; border-width:1px 0; padding-left:195px; margin-top:52px; }
.mobileGuide .mobileTit { font-size:20px; color:#333; margin:36px 0 13px; line-height:1.4; }
.mobileGuide .btnB { min-width:auto; width:160px; padding:0; font-size:14px; color:#000; }
.mobileGuide .ico:before { margin:-2px 8px 0 0; }
.btnMobile { display:inline-block; text-align:center; width:160px; height:48px; line-height:47px; font-size:14px; border:solid 1px #666; color:#333; box-sizing:border-box; vertical-align:middle; color:#000; margin:0 1px; }

.joinCard { overflow:hidden; text-align:center; margin-top:36px; }
.joinCard .cardImg { display:inline-block; width:339px; height:212px; vertical-align:top; margin:0 11px; }
.joinCard .cardInfo { display:inline-block; background:url('/static/ko/img/utility/join-card-back.png') 0 0 no-repeat; width:339px; height:212px; padding:0 23px 0; box-sizing:border-box; vertical-align:top; margin:0 11px; }
.joinCard .cardInfo .cardNum { padding-top:106px; color:#111; }
.joinCard .cardInfo .cardState { overflow:hidden; display:block; margin-top:44px; }
.joinCard .cardInfo .cardState em { padding-right:7px; color:#a87161; }
.joinCard .cardInfo .cardState .date { float:left; }
.joinCard .cardInfo .cardState .state { float:right; }