/********** LOGIN **********/
.login { width:1216px; margin:0 auto; }
.login .loginTit { font-size:32px; padding:80px 0 30px; color:#333; text-align:center; font-weight:bold; }
.login .loginTit2 { font-size:20px; padding:0; margin:0 0 18px; color:#333; font-weight:bold; }
.login .loginRow { position:relative; overflow:hidden; background:#fff; border:solid 1px #ddd; }
.login .loginRow:before { content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ddd; }
.login .loginCol { float:left; width:50%; box-sizing:border-box; padding:40px 48px; }
.login .forgot { display:block; margin-top:16px; margin-right:-160px; width:200px; text-align:right; float:right; }
.loginFm { position:relative; padding-right:160px; }
.loginFm .ipt, .loginFm .slt  { height:36px; margin-right:0; }
.loginFm .ipt-2 .ipt + .ipt { margin-left:-5px; }
.loginFm .ipt-2 .ipt + .slt  { margin-left:-6px; }
.loginFm .fmTxt-3 { width:16px; text-align:center; margin:0; }
.loginFm .ipt-2, .loginFm .ipt-2 .ipt, .loginFm .ipt-2 .slt { position:relative; z-index:1;  }

.loginFm span.fmMg-1 { white-space:nowrap; }
.loginFm .ipt-2 .ipt:focus, .loginFm .ipt-2 .slt:focus { z-index:2; }
.loginFm .ipt-2:after { content:''; width:1px; height:34px; background:#e5e5e5; position:absolute; left:174px; top:1px; z-index:1; }
.loginFm .chkFm { display:inline-block; margin:13px 0 -4px; }
.loginFm .chkFm label, .loginFm .radFm label { margin-bottom:-3px; }
.login .btnLogin { position:absolute; right:0; top:0; display:inline-block; width:150px; height:90px; line-height:90px; box-sizing:border-box; text-align:center; font-size:15px; font-weight:bold; }
.login .btnLogin.btn-1 { background-color:#a87161; }
.login .btnLogin.btn-1:hover { background-color:#8b4e3d; }

.login .loginOpt { position:relative; min-height:57px; margin-top:61px; padding-top:31px; border-top:1px solid #ddd; }
.login .loginOpt dt { font-size:20px; color:#333; display:block; margin:0 0 2px; padding-top:3px; font-weight:bold; }
.login .loginOpt .btnOpt { position:absolute; right:0; top:40px;  }
.login .loginOpt .btnOpt .btnJoin { display:inline-block; width: 150px; height:70px; line-height:70px; box-sizing:border-box; text-align:center; font-size:15px; font-weight:bold; }
.login .list-2.loginOpt { margin-top:12px; padding-right:160px; padding-top:0; border-top:0; }
.login .list-2.loginOpt .btnOpt { top:-2px; padding:0; margin:0; background:none; }
.login .list-2.loginOpt .btnOpt .btnJoin { height:90px; line-height:90px; }
.loginFm .fw-log-1 { width:176px; }
.loginFm .fw-log-1+.fw-log-1 { width:177px; }
.loginFm .fw-log-2 { width:70px; }
.loginFm .fw-log-3 { width:72px; }
.loginFm .fw-log-4 { width:225px; }
.loginFm .fw-log-5 { width:123px; }

.pwConfirm { width:680px; margin:55px auto; padding:1px 65px 50px; box-sizing:border-box; }
.pwConfirm .title-3 { margin-top:51px; }
.pwConfirm .ipt { width:417px;height:56px; }
.pwConfirm .btnA { height:56px; }
.pwConfirm .tbBtm.line { border-color:#e1e1e1; }

/********** JOIN **********/
.pagTit { font-size:32px; padding:0 0 10px; color:#a87161; line-height:1.1; text-align:center; font-weight:bold; }
.pagTitSub { text-align:center; }

.joinStep { margin:32px 0; position:relative; overflow:hidden; } 
.joinStep li { position:relative; float:left; width:25%; padding:0 17px 0 0; margin-right:-17px; color:#333; line-height:50px; background:url(/static/cn/img/common/bg-step2.png) 100% -140px no-repeat; }
.joinStep li:before { content:''; padding-left:41px; }
.joinStep li:first-child:before { padding-left:24px; }
.joinStep .step-1 { z-index:4; }
.joinStep .step-2 { z-index:3; }
.joinStep .step-3 { z-index:2; }
.joinStep .step-4 { z-index:1; padding-right:0; margin-right:0; background-position:0 -140px; }
.joinStep .step-1:after { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; }
.joinStep .step-4:after { content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#e5e5e5; }
.joinStep li.active { color:#fff; font-weight:bold; font-size:18px; background-position:100% -70px; }
.joinStep li.active:after { background:#be968a; }
.joinStep .active.step-4 { background-position:0 -70px; }
.joinStep li.end { color:#999; background-position:100% 0; }
.joinStep .end.step-4 { background-position:0 0; }

.authorization { text-align:center; margin:26px 0; overflow:hidden; }
.authorization a { display:inline-block; padding:0 95px 0 100px; }
.authorization a+a { border-left:1px solid #eee; }
.authorization a .btnF { min-width:151px; }
.authorization .ico:before { display:block; margin:0 auto -2px; }

.memberBenefit { padding:32px 59px; margin:32px 0 0; background:#f3f1f0; border:1px solid #e6e0df; }

.boxPd-2 { padding:54px 92px 60px; }
.boxPd-3 { padding:0 192px 80px; }
.mobileGuide { background:url(/static/cn/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/cn/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; }

/********** MY PAGE **********/
.lastRvt { border:solid 1px #eee; box-sizing:border-box; overflow:hidden; position:relative; }
.lastRvt:after { content:''; display:block; width:1px; height:100%; background:#eee; position:absolute; left:507px; top:0; }
.lastRvt .def-2 { float:left; margin-bottom:5px; }
.lastRvt .btn { float:right; }
.lastRvt .rvtImg img { margin-bottom:19px; }
.lastRvt .rvtItem-1 { float:left; width:507px; box-sizing:border-box; overflow:hidden; padding:39px 31px; }
.lastRvt .rvtItem-1 .rvtImg img { width:444px; height:296px; }
.lastRvt .rvtItem-2 { float:left; width:707px; box-sizing:border-box; overflow:hidden; }
.lastRvt .rvtItem-2-1 { border-bottom:solid 1px #eee; overflow:hidden; padding:29px 31px 28px; }
.lastRvt .rvtItem-2-2 { padding:24px 28px 35px 33px; }
.lastRvt .rvtItem-2-2 .title-3 { margin-top:0; }
.lastRvt .rvtItem-2-2 .rvtImg img { width:306px; height:204px; }
.lastRvt .rvtItem-2-2 ul { overflow:hidden; }
.lastRvt .rvtItem-2-2 ul li { width:306px; margin-left:32px; float:left; position:relative; }
.lastRvt .rvtItem-2-2 ul li:first-child { margin-left:0; }
.lastRvt .rvtItem-2-2 ul li:after { content:''; clear:both; display:block; }
.lastRvt .rvtItem-1 .def-2 { width:260px; }
.lastRvt .rvtItem-2-1 .def-2 { width:500px; }
.lastRvt .rvtItem-2-2 .def-2 { width:210px; }

.memberInfo { width:1216px; margin:0 auto; padding-top:82px; text-align:right; overflow:hidden; }
.memberInfo .memberSet { font-size:22px; color:#111; float:left; padding-left:4px; width:203px; text-align:left; line-height:1.4; }
.memberInfo .btnMyInfo { display:block; width:118px; height:30px; line-height:28px; font-size:12px; color:#666; border-radius:16px; border:solid 1px #abacab; background:#fff; text-align:center; margin:20px 0 0 0; }
.memberInfo dl { width:196px; height:80px; display:inline-block; text-align:center; position:relative; border-left:solid 1px #d6dbe1; margin-top:26px; text-align:center; vertical-align:top; }
.memberInfo dl:last-child { border-right:solid 1px #d6dbe1; }
.memberInfo dl dt { width:100%; color:#604d40; font-weight:bold; display:block; margin-bottom:10px; }
.memberInfo dl dd { font-size:28px; color:#a87161; font-weight:bold; line-height:32px; }
.memberInfo dl dd.num { font-size:32px; }

.calender { width:400px; background-position:100% -88px; }
.myCardList { overflow:hidden; padding:12px 0 0 36px; background:#f9f9f9; border-top:solid 2px #604d40; border-bottom:solid 1px #eee; }
.myCardList li { float:left; width:573px; height:138px; margin:24px 0; overflow:hidden; }
.myCardList .cardImg { float:left; width:220px; margin-right:24px; }
.myCardList .cardInfo { float:left; width:310px; overflow:hidden; color:#999 !important;  }
.myCardList .cardInfo .cardName { font-size:18px; font-weight:bold; color:#333; margin:13px 0 10px; }
.myCardList .cardInfo dt { float:left; width:80px; clear:left; font-weight:bold; text-align:left; color:#a87161; margin-bottom:2px; background:url(/static/cn/img/common/arr-ty-3.png) 0 8px no-repeat; padding-left:10px; }
.myCardList .cardInfo dd { float:left; margin-bottom:2px; }
.myCardList .cardExpiration { position:relative;}
.myCardList .cardExpiration:before { content:'到期'; display:inline-block; opacity:1; position:absolute; color:#fff; left:80px; top:60px; z-index:3; }
.myCardList .cardInfo { }
.cardExpiration .cardInfo .cardName, .cardExpiration .cardInfo dt, .cardExpiration  .cardInfo dd { color:#999 !important;  }
.myCardList .cardExpiration dt {  background:url(/static/cn/img/common/arr-ty-4.png) 0 9px no-repeat; }
.msbBox { padding:20px 24px; }
.txtInt-2 { text-indent:-7.5em; margin-left:7.5em; }
.txtInt-3 { text-indent:-7.2em; margin-left:7.2em; }

.faqInquiry .faqCont { display:none; }
.faqInquiry .faqCont td { text-align:left; background:#f5f5f5; padding-right:30px; }
.faqInquiry .faqCont.active { display:table-row; }
.faqInquiry .faqIn { position:relative; padding:15px 0 12px 16px; }
.faqInquiry .faqIn .answer { position:relative; margin-top:15px; padding:15px 0 0 22px; border-top:1px solid #dfdfdf; }
.faqInquiry .i-inquiryA { position:absolute; top:19px; left:0; }

/********** CONTACT US **********/
.sltWrap { content:''; display:block; clear:both; margin-bottom:20px; }
.sltWrap:after { content:''; display:block; clear:both; }
.sltWrap .sltItem { background:#fff; width:603px; height:56px; float:left; position:relative; margin-left:10px; box-sizing:border-box; }
.sltWrap .sltItem:first-child{ margin-left:0; }
.sltWrap .sltItem.ico:before { position:absolute; right:20px; top:16px; }
.sltWrap .slt-2 { width:100%; font-size:inherit; height:54px; border:solid 1px #ccc; padding:0 48px 0 25px; box-sizing:border-box; position:relative; background:transparent; z-index:4; cursor:pointer; vertical-align:middle; }
.sltItem input::-webkit-input-placeholder { color: #666; font-weight:bold; }
.sltItem input::-moz-placeholder { color: #000; font-weight:bold; }
.sltItem input:-ms-input-placeholder { color: #000; font-weight:bold; }
.sltLayer { display:none; width:100%; background:#fff; position:absolute; z-index:99; margin-top:-1px; }
.sltList { overflow-x:hidden; overflow-y:scroll; max-height:271px; }
.sltList a { display:block; color:#333; padding:15px 18px 15px 21px; height:55px; box-sizing:border-box; border:solid 1px #e5e5e5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:-1px 0 0 0; position:relative; z-index:1; }
.sltList li:first-child a { margin:0; }
.sltList a:hover { border-color:#a87161; position:relative; z-index:2; }

.faqList { border-top:solid 2px #604d40; }
.faqList .faqTit { cursor:pointer; padding:25px 0 26px; position:relative; border-bottom:solid 1px #eee; display:block; overflow:hidden; }
.faqList .faqTit .category { display:inline-block; width:200px; text-align:center; color:#000; margin-right:0; vertical-align:middle; }
.faqList .faqTit .hotel { display:inline-block; width:270px; text-align:center; color:#000; margin-right:20px; vertical-align:middle; }
.faqList .faqTit .subj { display:inline-block; width:577px; padding-left:57px; color:#333; position:relative; vertical-align:middle; }
.faqList .faqTit .i-faqQ { position:absolute; left:0; top:50%; margin-top:-18px; }
.faqList .faqTit.active .subj { color:#a87161; }
.faqList .faqTit .btnFaq { display:inline-block; width:78px; text-align:center; vertical-align:middle; }
.faqList .faqCont { display:none; padding:26px 30px 25px 560px; position:relative; color:#333; background:#f5f5f5; border-bottom:solid 1px #e5e5e5; position:relative; }
.faqList .faqCont .i-faqA { position:absolute; left:500px; top:18px; }

.guarantee { background:#f3f4f5 url('/static/cn/img/utility/guarantee-1.jpg') 0 0 no-repeat; width:1216px; text-align:center; padding:437px 60px 14px; box-sizing:border-box; } 
.guarantee .btnA { padding:0 20px; } 
.guarantee .title { font-family:NanumGothic; color:#000; font-size:36px; line-height:40px; padding:17px 0 10px; }
.guarantee .fc-1 { font-weight:bold; }
.guarantee .priceStep { display:table; margin-top:48px; width:100%; } 
.guarantee .priceStep .col { display:table-cell; width:33.33%; padding:48px 40px 18px; background:#fafafa; box-sizing:border-box; } 
.guarantee .priceStep .img { display:block; margin:0 auto;  width:194px; height:194px; border-radius:50%; border:solid 1px #a87161; overflow:hidden;  } 
.guarantee .priceStep dl { padding:20px 0 6px; } 
.guarantee .priceStep dt strong { width:82px; height:30px; display:inline-block; border-radius:15px; background:#a87161; color:#fff; line-height:30px; font-size:15px; } 
.guarantee .priceStep dd { margin:12px 0 0; } 
.guarantee .col { display:table-cell; width:356px; padding:0 0 50px;background:#fafafa; } 
.guarantee .col:nth-child(even) { background:#fff; }
.guarantee .guaranteeMsg { position:relative;  padding:13px 50px 0 30px; text-align:left; }
.guarantee .guaranteeMsg .i-ref:before { position:absolute; left:0; top:16px; }
.guarantee .guaranteeMsg .txtInt { text-indent:-2.5em;margin-left:2.5em; }
/********** ETHICS **********/
.ethics { padding:0 0 0px; }
.ethics .contWrap { margin-top:0; }
.ethics.contBg { padding:1px 0 60px; }
.ethics .title-2 + .title-3 { margin-top:0; }
.ethics .title-4 { margin:24px 0 14px 0; }
.ethics .title-3 .num { margin:0 14px 0 0; }
.ethics .title-4 .num { margin:0 14px 0 0; }
.ethManagement { margin-top:55px; overflow:hidden; }
.ethManagement .title-3 { float:left; width:280px; clear:left; border-top:solid 1px #a87161; padding:19px 0 45px 16px; margin:0; box-sizing:border-box; }
.ethManagement .txtCont { float:left; width:930px; border-top:solid 1px #e5e5e5; padding:19px 0 45px 30px; box-sizing:border-box; }
.ethManagement .txtCont:last-child { padding:19px 0 0 30px; }
.ethCodeList { border-top:solid 1px #888; margin-top:55px;  }
.ethCodeList .ethCodeTit { cursor:pointer; padding:25px 0 23px 30px; position:relative; border-bottom:solid 1px #eee; }
.ethCodeList .ethCodeTit .num { display:inline-block; width:663px; color:#a87161; }
.ethCodeList .ethCodeTit .sTit { display:inline-block; width:894px; color:#333; }
.ethCodeList .ethCodeTit .ethCodeBtn {position:absolute; right:0; top:50%; margin-top:-12px; width:80px; text-align:center; }
.ethCodeList .ethCodeCont { display:none; padding:26px 30px 25px 32px; position:relative; background:#f7f5f3; border-bottom:solid 1px #eee; }
.ethCodeList .ethCodeCont p { line-height:1.8; }
.ethCodeList .ethCodeCont .sTit { margin:15px 0 1px; color:#333; font-weight:bold; }
.terminology { border-top:solid 1px #888; line-height:1.7; }
.terminology li { overflow:hidden; border-bottom:solid 1px #eee; height:72px; display:table; }
.terminology .sTit { width:290px; display:table-cell; vertical-align:middle; padding-left:24px; }
.terminology .word { display:inline-block; width:135px; font-size:18px; color:#a87161; }
.terminology .des { width:900px; display:table-cell; vertical-align:middle; }
.ethDetailsBox { background:#fafafa; border:solid 1px #eee; position:relative; padding:4px 0 28px 310px; margin-top:10px; }
.ethDetailsBox .sTit { font-size:18px; color:#333; position:absolute; left:32px; top:27px; line-height:1.5; }
.ethDetailsBox .ethDetails { position:relative; padding:21px 0 0 105px; }
.ethDetailsBox .ethDetails dt { font-size:10px; color:#333; font-size:20px; color:#a87161; position:absolute; left:0; top:18px; }
.ethDetailsBox .ethDetails dd { background:url(/static/ko/img/common/arr-ty-1.png) 0 9px no-repeat; padding-left:12px; margin-top:2px; }
.ethDetailsBox { background:#fafafa; border:solid 1px #eee; position:relative; padding:4px 0 28px 310px; margin-top:10px; }

.ethInfoBox { background:#fafafa; border:solid 1px #eee; position:relative; padding:4px 0 28px 10px; margin:10px 0 10px 0; }
.ethInfoBox .sTit { font-size:18px; color:#333; position:absolute; left:32px; top:27px; line-height:1.5;}
.ethInfoBox .ethDetails { position:relative; padding:21px 0 0 10px;}
.ethInfoBox .ethDetails dt { font-size:10px; color:#333; font-size:20px; color:#a87161; position:absolute; left:0; top:18px; }
.ethInfoBox .ethDetails dd {padding-left:12px; margin-top:41px; }
.ethInfoBox { background:#fafafa; border:solid 1px #eee; position:relative; padding:4px 0 28px 310px; margin-top:10px; }
/********** 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/cn/img/utility/mbs-card-1.png) 362px 75px no-repeat; }
.membership .item.ty-1-0  { background:#19293e url(/static/cn/img/utility/mbs-card-1-0.png) 20px 55px no-repeat;background-size:100%; }
.membership .item.ty-2 { background:#333536 url(/static/cn/img/utility/mbs-card-2.png) 362px 75px no-repeat; }
.membership .item.ty-3 { background:#ECECEC; }
.membership .item.ty-3-0 { background:#ECECEC url(/static/cn/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 .title { font-size:22px; color:#fff; font-weight:bold; padding:27px 0 20px 31px; }
.membership dl { margin:0 230px 0 31px; height:144px; }
.membership dt { font-weight:bold; color:#fff; margin-bottom:9px; }
.membership dd { color:#999; background:url(/static/cn/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 31px; 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 #a87161; padding:21px 0 45px 16px; font-size:18px; color:#a87161; 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:160px; clear:both; font-weight:bold; margin-top:11px; }
.mbsJoinInfo .cont dd { float:left; width:650px; 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; }

.newsletter { border-top:solid 1px #333; border-bottom:solid 1px #ddd; }
