@charset "utf-8";

/* DatePicker Container */
.ie8 .ui-datepicker {border:1px solid #ddd;}
.ui-datepicker {
    width: auto;
    height: auto;
    margin: 5px auto 0;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
}
.ui-datepicker a {
    text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker-header {
    background:#8cd3ff;
    line-height: 36px;
}
.ui-datepicker-title {
    text-align: center;
    font-size:14px;
}
.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    background: url('/sg/en/resource/img/components/common/datepicker-arrow.png') no-repeat;
    line-height: 1000%;
    overflow: hidden;
}
.ui-datepicker-prev {
    float: left;
    background-position: center -27px;
}
.ui-datepicker-next {
    float: right;
    background-position: center 3px;
}
.ui-datepicker thead {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.ui-datepicker th {
    font-size: 6pt;
    padding: 8px 0;
    color: #666666;
}
.ui-datepicker tbody td {
    padding: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #666666;
}
.ui-datepicker-calendar .ui-state-default {
    background: #fff;
}
.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-hover {
    background: #8cd3ff;
}
.ui-datepicker-calendar .ui-state-active {
    background: #8cd3ff;
    position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
    background: #f7f7f7;
    color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}
@charset "utf-8";

.mbsimgtit {display:table; width:100%; height:168px; background:url('/sg/en/resource/img/components/membership/join-titbox-bg.jpg') no-repeat center top; text-align:center;}
.mbsimgtit-wrap {padding:0 15px; display:table-cell; vertical-align:middle;}
.mbsimgtit-wrap strong {font-size:24px; padding-bottom:10px; display:inline-block;}

.tablet .mbsimgtit {height:195px; text-align:left; background-position:left top;}
.tablet .mbsimgtit-wrap {padding-left:50px; background:url('/sg/en/resource/img/components/membership/join-titbox-item-tablet.png') no-repeat right top;}

.web .mbsimgtit-wrap {padding-left:80px; background:url('/sg/en/resource/img/components/membership/join-titbox-item.png') no-repeat right top;}

@charset "utf-8";

.mbsform-requiretxt {padding:20px 0; text-align:center; border-bottom:1px solid #e4e4e4; display:block;}
.mbsform .required {padding-left:17px; background:url('/sg/en/resource/img/components/membership/joinform-required.gif') no-repeat left 3px;}
.mbsform-wrap {border-bottom:1px solid #e4e4e4;}
.mbsform-line {padding-bottom:20px;}
.mbsform-line-radio {text-align:center; padding:20px 0;}
.mbsform-line-radio > label {padding-bottom:10px; display:inline-block;}
.mbsform-line-radio .radio-wrap > span {padding-left:20px;}
.mbsform-label {display:inline-block; padding-bottom:7px;}
.mbsform-label label {padding-left:17px;}
.mbsform .checkbox-wrap {padding:10px 0 30px 0; text-align:center;}
.warning-label {color:#c5497d; margin-top:5px; display:block; padding-left:17px; background:url('/sg/en/resource/img/components/membership/ico-warning.gif') no-repeat left 1px;}
.input-groupbtn {padding-right:95px; position:relative;}
.input-groupbtn .quadbtn {position:absolute; right:0; top:0;}
.input-groupbtn .quadbtn span {width:85px; height:46px; line-height:46px;}

.tablet .mbsform-requiretxt {text-align:right; display:block;}
.tablet .mbsform-line {position:relative; padding-bottom:10px;}
.tablet .mbsform-line-radio {text-align:left; padding:15px 0 10px;}
.tablet .mbsform-line-radio:after {content:""; display:block; clear:both;}
.tablet .mbsform-line-radio > label {float:left; padding-right:10px;}
.tablet .mbsform-line-radio .radio-wrap {padding-bottom:10px; float:right;}
.tablet .mbsform-label {position:absolute; left:0; top:13px;}
.tablet .mbsform-input {padding-left:150px;}
.tablet .mbsform .checkbox-wrap {padding-top:20px; text-align:center;}
.tablet .warning-label {margin-bottom:7px;}
.tablet .input-groupbtn {padding-right:102px;}
.tablet .input-groupbtn .quadbtn span {width:92px;}

.web .mbsform-colum {margin-left:-80px;}
.web .mbsform-colum:after {content:""; display:block; clear:both;}
.web .mbsform-col {float:left; width:50%; padding-left:80px; }
.web .warning-label {background-position:left 2px;}


/* joln page */
.joinform .subselect {margin:0 -5px; max-width:420px;}
.joinform .subselect:after {content:""; display:block; clear:both;}
.joinform .subselect-jqList {width:33.3%; float:left; padding:0 5px;}
.joinform .radio-wrap span {padding-right:30px; display:inline-block;}
.joinform .gender {padding-top:13px; padding-bottom:13px;}
.joinform .checkbox-wrap.radio-wrap label {display:inline-block; padding-bottom:10px;}
.joinform .checkbox-wrap.radio-wrap .mbsform-wrap-radio {display:inline-block; padding-bottom:10px; padding-left:20px;}
.joinagree {padding-top:50px;}
.joinagree-tit {display:block; background:url('/sg/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top;}
.joinagree-body {margin:13px 0;  height:165px; border:1px solid #000; overflow:auto; position:relative;}
.joinagree-body.jsoverscroll { overflow: auto;}
.joinagree-bodycon {padding:15px; overflow:hidden;}
.joinagree .radio-wrap {padding-top:15px;}
.joinagree .radio-wrap span {padding-right:30px; display:inline-block;}
.join-btn {padding-bottom:60px;}

.tablet .joinagree .radio-wrap {float:right; padding-top:0;}
.tablet .joinagree .radio-wrap span {padding-right:0; padding-left:30px;}

.web .joinform .refertxt {padding-bottom:9px;}
.web .joinagree-body {margin:20px 0;}
.web .join-btn {padding-bottom:80px;}


/* search email/ID, password page */
.findform {padding-top:20px;}
.findform-tit {padding-bottom:20px;}
.findform-tittxt {padding-bottom:13px; display:inline-block; padding-right:40px; background:url('/sg/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top;}
.findform-titdes {display:block;}
.findform-wrap {background:#f7f7f7; padding:30px 15px 20px; max-width:1200px; margin:0 auto; position:relative; z-index:1;}
.findform .mbsform-label label {padding-left:0;}
.findform .subselect {margin:0 -5px; max-width:420px;}
.findform .subselect:after {content:""; display:block; clear:both;}
.findform .subselect-jqList {width:33.3%; float:left; padding:0 5px;}
.find-btn {padding-bottom:60px;}


.tablet .findform-wrap {padding-left:30px; padding-right:30px;}

.web .findform {padding-top:30px;}
.web .findform-wrap {padding-top:40px; padding-bottom:30px;}
.web .findform .mbsform-line {max-width:560px; margin:0 auto;}
.web .findform-tit {padding-bottom:10px;}
.web .findform-tittxt {margin-right:15px; padding-bottom:10px;}
.web .findform-titdes {display:inline-block; padding-bottom:5px;}
.web .find-btn {padding-bottom:80px;}


.pwchangeform {padding-top:0;}
.repwchtit {margin:30px 0; padding-top:90px; text-align:center; background:url('/sg/en/resource/img/components/membership/pwchange-mark-s.gif') no-repeat center top;}
.repwchtit strong {padding-bottom:13px; display:block;}

.tablet .repwchtit {margin:40px 0;}

.web .pwchangeform .mbsform-input {padding-left:165px;}


.changeaccpwform {padding-top:30px;}
.changeaccpwform-wall {background:#f7f7f7; padding:30px 15px;}
.changeaccpwform-txt {text-align:center; padding-bottom:20px;}
.changeaccpwform .mbsform-label label {padding-left:0;}

.tablet .changeaccpwform-wall {padding:30px;}
.tablet .changeaccpwform .mbsform-line {padding-left:150px; max-width:560px; margin:0 auto;}

.web .changeaccpwform {max-width:1200px; margin:0 auto;}
.web .changeaccpwform-wall {padding:60px;}
.web .changeaccpwform-txt {padding-bottom:30px;}


/* close account form */
.closeaccform {padding-top:30px;}
.closeaccform-tit {padding:0 15px 20px; width:100%;}
.closeaccform-wall {background:#f7f7f7; padding:30px 15px; position: relative;}
.closeaccform-radio {  padding-bottom:10px;}
.closeaccform .radio-wrap {display:block; width:100%; padding-bottom:20px;}
.closeaccform-other label {padding-bottom:15px; display:block;}
.closeaccform-radio-inner { display: none; position: absolute; left:0; top:0; float:left; width:100%;}
.closeaccform-radio-innerwrap {margin:0;background:#fff; padding:20px 15px 0;}
.closeaccform-radio-innerwrap:after {content:""; display:block; clear:both;}

.tablet .closeaccform-tit {padding:0 30px 20px;}
.tablet .closeaccform-wall {padding:30px;}
.tablet .closeaccform-radio:after {content:""; display:block; clear:both;}
.tablet .closeaccform .radio-wrap {width:50%; float:left;}
.tablet .closeaccform .radio-wrap.other {width:100%;}
.tablet .closeaccform-radio-innerwrap {margin:0 15px; padding-left:15px; padding-right:15px;}

.web .closeaccform {max-width:1260px; padding:40px 30px 0;}
.web .closeaccform-tit {padding:0 0 30px;}
.web .closeaccform-wall {padding:40px;}
.web .closeaccform-radio {padding-bottom:20px;}
.web .closeaccform-radio-innerwrap {margin:0 15px; padding-left:25px; padding-right:25px;}


.inquiryform .mbsform .checkbox-wrap {padding:20px 0 0 0;}
.inquiryform .mbsform-wrap {border-bottom:none; padding-top:0;}
.inquiryform .mbsform-columwrap {border-bottom:1px solid #e4e4e4; padding-top:40px; padding-bottom:30px;}
.inquiryform .mbsform-col100 {width:100%;}
.inquiryform .counter-warp {top:5px; width:100%;}
.inquiryform .counter {display:inline-block; padding:2px 0 0 17px; font-size:12px; float:right;}

.tablet .inquiryform .mbsform .checkbox-wrap {text-align:left; padding:10px 0;}
.tablet .inquiryform .mbsform .mbsform-col100 .checkbox-wrap {text-align:center;}
.tablet .inquiryform .counter-warp {width:auto;}
.tablet .inquiryform .counter {display:block; float:none;}

.web .inquiryform .mbsform .checkbox-wrap {padding:20px 0 10px;}
.web .inquiryform .mbsform-col100 {float:left; padding-left:80px;}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .mbsform .required {background-image:url('/sg/en/resource/img/components/membership/joinform-required-X2.gif'); background-size:9px;}
    .warning-label {background-image:url('/sg/en/resource/img/components/membership/ico-warning-X2.gif'); background-size:13px;}
    .repwchtit {background-image:url('/sg/en/resource/img/components/membership/pwchange-mark.gif'); background-size:63px;}
}


@charset "utf-8";

/* membership common */


/* popup style */
.popup-tit {border-bottom:1px solid #000; padding:15px 20px; position:relative;}
.popup-tit:after {content:""; display:block; clear:both;}
.popup-tit h1 {float:left; font-size:24px; padding-right:20px;}
.popup .closebtn {position:absolute; right:20px; top:22px; width:15px;}
.popup .closebtn img {width:100%;}
.popup-body {padding:30px 20px;}
.popup-wall {background:#f7f7f7; padding:30px;}
.popup-nmtxt {font-size:14px; line-height:20px;}

.findpu-txt {padding:20px 0 30px 0;}
.findpu-walltxt {text-align:center; color:#106ea8; font-size:20px; padding:10px 0;}
.findpu-formline {position:relative; max-width:500px; margin:0 auto;}
.findpu-label {position:absolute; left:0; top:13px;}
.findpu-input {padding-left:110px;}
.findpu-oplinebtn-group {text-align:center;}
.findpu-oplinebtn-group .oplinebtn {text-align:left; float:none; display:inline-block; margin-left:10px; margin-right:10px;}

.linkpopup1-con {text-align:center; padding:0 5px 30px;}
.linkpopup1-con > img {width:63px; height:63px;}
.linkpopup1-contit {font-size:20px; display:block; padding:25px 0 13px 0;}
.linkpopup1-walltit {font-size:16px; padding-bottom:10px; display:inline-block; line-height:22px;}
.linkpopup1-walldes {padding-left:8px; background:url('/sg/en/resource/img/components/membership/popup-linebullet.gif') no-repeat left 8px;}
.linkpopup-oplinebtn-group1 {max-width:450px;}

.linkpopup-oplinebtn-group2 {max-width:600px;}
.tbl-linkpopup2 {padding-bottom:20px;}
.tbl-linkpopup2 .col {font-size:14px;}
.tbl-linkpopup2 .col-1 {width:40%;}
.tbl-linkpopup2 .col-2 {width:60%; text-align:left;}

.tbl-samplepulist {padding-bottom:0;}
.tbl-samplepulist .tbl-row {display:table; width:100%;}
.tbl-samplepulist .col {font-size:14px; float:none; display:table-cell; vertical-align:middle;}
.tbl-samplepulist .col-1 {width:40%;}
.tbl-samplepulist .col-2 {width:60%; text-align:left;}
.tbl-samplepulist .quadbtn {font-size:12px; display:inline-block; margin:5px;}


.tablet .tbl-linkpopup2 .col-2 {padding-left:20px;}
.tablet .tbl-samplepulist .col-2 {padding-left:20px;}


.tbl-pointserh {padding-bottom:20px;}
.tbl-pointserh .col {font-size:14px;  display:block; width:100%; padding-left:0; padding-right:0;}
.tbl-pointserh .quadbtn-wrap {margin:0 -10px;}
.tbl-pointserh .quadbtn-wrap:after {content:""; display:block; clear:both;}
.tbl-pointserh .quadbtn {padding:10px; width:50%; float:left;}
.pointserh-form {max-width:436px; margin:0 auto;}
.pointserh-calwrap {padding:20px 0 85px 0; position:relative;}
.pointserh-calwrap:after {content:""; display:block; clear:both;}
.pointserh-calwrap .input-group {padding-right:32px; position:relative; float:left; width:46%}
.ui-datepicker-trigger {position:absolute; right:0; top:50%; margin-top:-11px; width:22px; height:22px;}
.pointserh-calwrap-web, .pointserh-calwrap-mob {display:none;}
.pointserh-calwrap-mob input {background:#fff;}
.pointserh-calbtn-mob {position:absolute; right:0; top:50%; margin-top:-11px; width:22px;}
.pointserh-calbtn-mob img {width:100%;}
.pointserh-caltxt {display:block; text-align:center; float:left; width:8%; line-height:46px;}
.pointserh-searchbtn {position:absolute; right:50%; margin-right:-23px; bottom:15px; width:46px;}
.pointserh-searchbtn img {width:100%;}

.tablet .tbl-pointserh {padding-bottom:40px;}
.tablet .tbl-pointserh .col {display:table-cell; padding-top:40px; padding-bottom:40px;}
.tablet .tbl-pointserh .col-1 {width:30%;}
.tablet .tbl-pointserh .col-2 {width:70%;}
.tablet .tbl-pointserh .quadbtn-wrap {margin:0;}
.tablet .tbl-pointserh .quadbtn {padding:0 6px; width:25%;}
.tablet .pointserh-calwrap {padding:30px 70px 0 6px;}
.tablet .pointserh-calwrap .input-group {width:42%;}
.tablet .pointserh-caltxt {width:16%;}
.tablet .pointserh-searchbtn {right:0; margin-right:0; bottom:0;}


.tbl-pointbody {border-top:1px solid #e4e4e4; margin-top:20px;}
.tbl-pointbody .col {text-align:left;}

.tbl-pointlist {padding-bottom:0;}
.tbl-pointlist .col {float:none; display:table; padding:0; width:100%;}
.tbl-pointlist .colhead {background:#f7f7f7; display:table-cell; width:40%; padding:10px; text-align:center; vertical-align:middle;}
.tbl-pointlist .colbody {display:table-cell; width:60%; vertical-align:middle; padding:10px;}

.tablet .tbl-pointbody {border:none; margin:0;}
.tablet .tbl-pointlist {padding-bottom:0;}
.tablet .tbl-pointlist .col {float:left; padding:15px 10px;}
.tablet .tbl-pointlist .col-1 {width:20%;}
.tablet .tbl-pointlist .col-2 {width:15%;}
.tablet .tbl-pointlist .col-3 {width:50%;}
.tablet .tbl-pointlist .col-4 {width:15%;}
.tablet .tbl-pointlist .colhead {overflow:hidden; position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; font-size:1px;}
.tablet .tbl-pointlist .colbody {padding:0; text-align:center; width:100%;}
.tablet .tbl-pointlist .tbl-row .col-3 .colbody {text-align:left;}


.pointpopup .popup-body {padding:0 0 30px 0;}
.points-head {background:#f7f7f7; padding:30px 20px;}
.points-head-txt {font-size:24px;}
.points-head-point {padding-top:15px;}
.points-head-point > span {padding-left:30px; display:inline-block; background:url('/sg/en/resource/img/components/common/ico-point.gif') no-repeat left center;}
.point-body {padding:30px 20px;}
.point-body-tit {font-size:20px;}

.purchasepopup .points-head-txt {font-size:20px;}
.purchasepopup .points-head-txt em {font-size:24px; padding-right:10px;}


.tablet .points-head {display:table; width:100%; padding:20px;}
.tablet .points-head-txt {display:table-cell;}
.tablet .points-head-point {display:table-cell; padding-top:0; padding-left:10px; text-align:right;}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .points-head-point > span {background-image:url('/sg/en/resource/img/components/common/ico-point-X2.gif'); background-size:23px;}
}

/* 2020 new membership */
.renew input { width:100%; height:48px; padding:6px 15px; color:#000; background:#f4f4f4; border:none; box-sizing: border-box;}
.renew input[type="number"]::-webkit-outer-spin-button,
.renew input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.renew input[type="number"] { -moz-appearance:textfield; }
.renew input[type='radio'],.renew input[type='checkbox'] {height:18px;}
/* .renew .pc-only.hide {display: none;} */
.renew .mo-only {display: none;}
.renew .input-label {color:#767676;}
.renew .subselect-jqList .jqListBox-combo {height:49px; border-color:#f4f4f4; line-height:49px;  box-sizing: border-box;}
.renew .subselect-jqList .jqListBox-combo-txt {height:49px; padding-left:15px; color:#a1a0a0; font-size:16px; font-family: "brandon-grotesque"; font-weight:400; line-height:49px; background-color:#f4f4f4; box-sizing: border-box;}
.renew .subselect-jqList .jqListBox-combo-txt.selected {color:#000;}
.renew .subselect-jqList .jqListBox-combo-arrow {width:24px; background:url("/sg/en/resource/img/components/membership/new/subjqlistbox-arrow2.png") no-repeat 0 50%}
.renew .subselect-jqList .jqListbox-adapt {height:49px;}
.renew .subselect-jqList .jqListbox-adapt .disabled {display:none;height:49px;padding-left:15px;background:#f4f4f4;font-size:16px;font-family:"brandon-grotesque";font-weight:400;color:#aaa;line-height:49px;box-sizing:border-box;}
.register.renew .warning-label {color:#da1b56 !important; font-family: "NotoSansKR"; font-weight:300;  font-size:12px; line-height:12px; background-image:url('/sg/en/resource/img/components/membership/new/ico-warning2.png'); background-position: left 0;}

/* register */
.register.renew {color:#000; font-family: "brandon-grotesque"; font-weight: 400;}
.register.renew input[type="text"]:disabled {color:#aaa;-webkit-text-fill-color:inherit;opacity:1;}
.register.renew .star {color:var(--brand-color); font-size:16px; font-weight: 600; vertical-align: text-top;}
.register.renew .opt-boxside fieldset:first-child + .join-btn {margin-top:60px;}
.register.renew .mbsimgtit {height:231px; color:#fff; background:url('/sg/en/resource/img/components/membership/new/register-tit-bg.jpg') no-repeat center top;}
.register.renew .mbsimgtit-wrap {position:relative; padding:70px; background-image:none !important;}
.register.renew .mbsimgtit-wrap strong {font-size:28px; font-family: "brandon-grotesque"; font-weight: 700;}
.register.renew .mbsimgtit-wrap .opt-btm {font-size:20px; font-family: "brandon-grotesque"; font-weight: 600;}
.register.renew .mbsform-requiretxt {border:none; padding:12px 0 10px; font-size:14px; font-weight: 600;}
.register.renew .mbsform-wrap {position:relative; padding-top:70px; border-bottom:0;}

/**240304 이세라 라네즈 리브랜딩*/
/*.register.renew .mbsform-wrap:after {position: absolute; display:block; width: 100%; height:2px; top:0; left:0; background:url('/sg/en/resource/img/components/membership/new/login_blueline2.png') repeat-x; content:'';} */
.register.renew .mbsform-wrap:after {position: absolute;display:block;width: 100%;height: 6px;top:0;left:0;content:'';background-image: radial-gradient(circle, rgba(102, 145, 255, 1) 1px, transparent 0);background-position: -4px -4px;background-size: 6px 6px;}

.register.renew .mbsform-table {width:100%;}
.register.renew .mbsform-table:after {display:block;clear:both;content:'';}
.register.renew .mbsform-table .tb-conts {float:left; width:50%; padding:0 40px; box-sizing:border-box;}
.register.renew .mbsform-table .tb-conts.wid {width:100%; padding:0;}
.register.renew .mbsform-table .tb-conts .inner {width:50%; padding:0 40px;}
.register.renew .mbsform-table .tb-conts:after {display:block; content:''; clear: both;}
.register.renew .mbsform-table .th-box {float:left; display:table; width:17.7%}
.register.renew .mbsform-table .th-box > div {display:table; height:48px;}
.register.renew .mbsform-table .th-box label {display:table-cell; color:#000; font-size:16px; font-weight: 600; line-height:18px; vertical-align: middle;}
.register.renew .mbsform-table .td-box {float:left; width:82.3%; min-height:84px;}
.register.renew .mbsform-table .td-box .checked + label {color:#000}
.register.renew .mbsform-table .td-box .desc {padding-right:10px; font-family: "NotoSansKR"; font-weight:300;  font-size: 12px; line-height: 13px;}
.register.renew .mbsform-table .input-group label {color:#a1a0a0; font-size:14px; font-family: 'Noto Sans', sans-serif; font-weight: 400; }
.register.renew .mbsform-table .subselect {max-width:none;}
.register.renew .mbsform-table .input-box.id-box {display:flex;}
.register.renew .mbsform-table .input-box.id-box .input-group {flex:1;}
.register.renew .mbsform-table .input-box.id-box .verify-box {width:110px; margin-left:6px;}
.register.renew .mbsform-table .id-box .verify-box button,
.register.renew .mbsform-table .id-box .verify-box span {display: none; width:111px; height:48px; font-size:16px; font-family: "brandon-grotesque"; font-weight: 400; letter-spacing: -0.025em; box-sizing:border-box;}
.register.renew .mbsform-table .id-box .verify-box button.on,
.register.renew .mbsform-table .id-box .verify-box span.on {display: block;}
.register.renew .mbsform-table .id-box .verify-box .btn-re {color:#fff; background:#505050;}
.register.renew .mbsform-table .id-box .verify-box .verify-time {color:#fff; font-size:18px; text-align: center; line-height: 46px; background:#959eaa;}
.register.renew .mbsform-table .id-box .verify-box .btn-veri {color:#000; background:#fff; border:1px solid #000;}
.register.renew .mbsform-table .id-box .verify-box .btn-veri:disabled {color:#fff; background: var(--brand-color); border-color:var(--brand-color);cursor:default;}
.register.renew .mbsform-table .id-box .verify-box .btn-veri:hover {color:#fff; background: var(--brand-color); border-color:var(--brand-color); transition: all 0.4s;}
.register.renew .mbsform-table .td-box .radio-wrap span {color:#aaa; font-size:16px; line-height: 48px;}
.register.renew .mbsform-table .verif-check {position:absolute; top:50%; right:21px; transform: translateY(-50%);}
.register.renew .mbsform-table .verif-check span {display: none; font-size:14px;}
.register.renew .mbsform-table .verif-check span.on {display: block;}
.register.renew .mbsform-table .verif-check .verify {padding-right:15px; background: url('/sg/en/resource/img/components/membership/new/verify_check.png') no-repeat right;}
.register.renew .mbsform-table .verif-check .verify-non {color:#da1b56; text-decoration: underline;}
.register.renew .marketing-check {margin-top:70px; padding:0 40px;}
.register.renew .marketing-check h3 {font-size:20px;font-weight:600;font-family:"brandon-grotesque";}
.register.renew .marketing-check h3 .star {vertical-align:baseline;}
.register.renew .marketing-check p {margin:13px 0 35px;color:#656565; font-size:14px; font-family:"NotoSansKR"; font-weight:300; line-height:20px;}
.register.renew .marketing-check p .warning-label {margin-left:7px;}
.register.renew .marketing-check .check-list {margin-top: 20px;}
.register.renew .marketing-check .check-list + .check-list {margin-top: 13px;}
.register.renew .marketing-check .check-list + .check-list .radio-wrap {float:none;}
.register.renew .marketing-check .check-list .inner:after {display:block; content:''; clear: both;}
.register.renew .marketing-check .radio-wrap {float:left;}
.register.renew .marketing-check .check-wrap {float:left; margin-left:20px;}
.register.renew .marketing-check .radio-wrap label {color:#7c7c7c; font-size:14px; font-weight:300; font-family:"NotoSansKR";}
.register.renew .marketing-check .check-wrap label {padding-left:5px; color:#7c7c7c; font-size:12px; font-weight:600; font-family:"NotoSansKR"; line-height:18px;}
.register.renew .marketing-check .check-wrap span ~ span {margin-left:20px;}
.register.renew .marketing-check .check-list .error-box {margin-left:18px;}
.register.renew .ack_cons {margin-top:70px; padding:70px 40px 60px; border-top:1px solid #d4d4d4;}
.register.renew .ack_cons h3 {font-size:20px; font-weight: 600;}
.register.renew .ack_cons h3 .star {vertical-align: baseline;}
.register.renew .ack_cons p {margin-top:13px; margin-bottom:35px; color:#686262; font-family: "NotoSansKR"; font-weight:300; font-size:14px; line-height:24px;}
.register.renew .ack_cons .check-wrap .inner {display:inline-block;}
.register.renew .ack_cons .check-wrap .inner label {color:#7c7c7c; font-family: "NotoSansKR"; font-weight:300; font-size:14px;}
.register.renew .ack_cons .check-wrap .inner ~ .inner {margin-top:7px;}
.register.renew .ack_cons .link-arr {margin-left:20px; color:#656565; font-family: "NotoSansKR"; font-weight:500; font-size:12px; text-decoration: underline;}
.register.renew .ack_cons .warning-label {margin-left:18px;}
.register.renew .join-btn .complete {display:block; width:390px; height:54px; margin:0 auto; color:#fff; font-family: "brandon-grotesque"; font-size:20px; font-weight:600; line-height:52px; background:var(--brand-color);}

@media only all and (max-width: 1260px){
    .renew input { height:48px; height:3.8095vw; padding:6px 15px; padding:0.4761vw 1.1904vw;}
    .renew .input-label {padding:15px 15px 0 20px; padding:1.1904vw 1.1904vw 0 1.5873vw;}
    .renew .subselect-jqList .jqListBox-combo {height:49px; height:3.8888vw; line-height:49px; line-height:3.8888vw;}
    .renew .subselect-jqList .jqListBox-combo-txt {height:49px; height:3.8888vw; padding-left:15px; padding-left:1.1904vw; font-size:16px; font-size:1.2698vw; line-height:49px; line-height:3.8888vw;}
    .renew .subselect-jqList .jqListBox-combo-arrow {width:24px; width:1.90476vw; background:url("/sg/en/resource/img/components/membership/new/subjqlistbox-arrow2.png") no-repeat 0 50%; background-size: 40px 6px; background-size:3.1746vw 0.4761vw;}
    .renew .subselect-jqList .jqListbox-adapt {height:49px; height:3.8888vw;}
    .renew .subselect-jqList .jqListbox-adapt .disabled {height:3.8888vw;padding-left:1.1904vw;font-size:1.2698vw;line-height:3.8888vw;}
    .renew .subselect-jqList .jqListBox-list {top:46px; top:3.6507vw; height:300px; height:23.8095vw;}
    .renew .subselect-jqList .jqListBox-option {height:46px; height:3.6507vw; line-height:46px; line-height:3.6507vw; font-size:12px; font-size:0.9523vw; }
    .register.renew .opt-boxside fieldset:first-child + .join-btn {margin-top:4.7619vw;}
    .register.renew .warning-label {padding-left:17px; padding-left:1.3492vw; margin-bottom:7px; margin-bottom:0.5555vw; font-size:10px; font-size:0.7936vw; line-height:12px; line-height:1.30208vw; background-image:url('/sg/en/resource/img/components/membership/new/ico-warning2.png'); background-position: left 0; background-size:1.0317vw;}

    /* register */
    .register.renew .star {font-size:16px; font-size:1.2698vw;}
    .register.renew .mbsimgtit {height:231px; height:18.3333vw; background:url('/sg/en/resource/img/components/membership/new/register-tit-bg.jpg') no-repeat center top;}
    .register.renew .mbsimgtit-wrap {padding:70px; padding:5.5555vw;}
    .register.renew .mbsimgtit-wrap strong {font-size:28px; font-size:2.2222vw;}
    .register.renew .mbsimgtit-wrap .opt-btm {font-size:20px; font-size:1.5873vw;}
    .register.renew .mbsform-requiretxt {padding:12px 0 10px; padding:0.9523vw 0 0.7936vw; font-size:14px; font-size:1.1111vw;}
    .register.renew .mbsform-wrap {padding-top:70px; padding-top:5.5555vw;}
    /* .register.renew .mbsform-wrap:after {position: absolute; display:block; width: 100%; height:2px; top:0; left:0; background:url('/sg/en/resource/img/components/membership/new/login_blueline2.png') repeat-x; content:'';} */
    .register.renew .mbsform-table .tb-conts { padding:0 40px; padding:0 3.1746vw;}
    .register.renew .mbsform-table .tb-conts .inner { padding:0 40px; padding:0 3.1746vw;}
    .register.renew .mbsform-table .th-box > div {height:48px; height:3.8095vw; }
    .register.renew .mbsform-table .th-box label {font-size:16px; font-size:1.2698vw; line-height:18px; line-height:1.4285vw;}
    .register.renew .mbsform-table .td-box {min-height:80px; min-height:7.81250vw;}
    .register.renew .mbsform-table .td-box .desc {padding-right:10px; padding-right:0.7936vw; font-size: 10px; font-size:0.7936vw; line-height: 13px; line-height:1.0317vw;}
    .register.renew .mbsform-table .input-group label {font-size:16px; font-size:1.2698vw;}
    .register.renew .mbsform-table .input-box.id-box .verify-box {width:110px; width:8.7301vw; margin-left:6px; margin-left:0.4761vw;}
    .register.renew .mbsform-table .id-box .verify-box button,
    .register.renew .mbsform-table .id-box .verify-box span {width:111px; width:8.8095vw; height:48px; height:3.8095vw; font-size:16px; font-size:1.2698vw;}
    .register.renew .mbsform-table .id-box .verify-box .verify-time {font-size:18px; font-size:1.4285vw; line-height: 46px; line-height:3.6507vw;}
    .register.renew .mbsform-table .td-box .radio-wrap span {font-size:16px; font-size:1.2698vw; line-height: 48px; line-height:3.8095vw;}
    .register.renew .mbsform-table .verif-check {right:21px; right:1.6666vw;}
    .register.renew .mbsform-table .verif-check span {font-size:14px; font-size:1.1111vw;}
    .register.renew .mbsform-table .verif-check .verify {padding-right:15px; padding-right:1.1904vw; background: url('/sg/en/resource/img/components/membership/new/verify_check.png') no-repeat right; background-size: 11px 9px; background-size:0.8730vw 0.7142vw;}
    .register.renew .marketing-check {margin-top:20px; margin-top:5.5555vw; padding:0 40px; padding:0 3.1746vw;}
    .register.renew .marketing-check h3 {font-size:1.5873vw;}
    .register.renew .marketing-check p {margin:1.0317vw 0 2.7777vw;font-size:14px; font-size:1.1111vw; line-height:20px; line-height:1.5873vw;}
    .register.renew .marketing-check .check-list {margin-top: 20px; margin-top:1.5873vw;}
    .register.renew .marketing-check .check-list + .check-list {margin-top: 13px; margin-top:1.0317vw;}
    .register.renew .marketing-check .check-wrap {margin-left:20px; margin-left:1.5873vw;}
    .register.renew .marketing-check .radio-wrap label {font-size:14px; font-size:1.1111vw;}
    .register.renew .marketing-check .check-wrap label {padding-left:5px; padding-left:0.3968vw; font-size:12px; font-size: 0.9523vw; line-height:18px; line-height:1.4285vw;}
    .register.renew .marketing-check .check-wrap span ~ span {margin-left:20px; margin-left:1.5873vw;}
    .register.renew .marketing-check .check-list .error-box {margin-left:18px; margin-left:1.4285vw;}
    .register.renew .ack_cons {margin-top:70px; margin-top:5.5555vw; padding:40px 40px 60px; padding:5.5555vw 3.1746vw 4.7619vw;}
    .register.renew .ack_cons h3 {font-size:20px; font-size:1.5873vw;}
    .register.renew .ack_cons p {margin-top:13px; margin-top:1.0317vw; margin-bottom:35px; margin-bottom:2.7777vw; font-size:14px; font-size:1.1111vw; line-height:24px; line-height:1.9047vw;}
    .register.renew .ack_cons .check-wrap .inner label {font-size:14px; font-size:1.1111vw;}
    .register.renew .ack_cons .check-wrap .inner ~ .inner {margin-top:7px; margin-top:0.5555vw;}
    .register.renew .ack_cons .link-arr {margin-left:20px; margin-left:1.5873vw; font-size:12px; font-size: 0.9523vw;}
    .register.renew .ack_cons .warning-label {margin-left:18px; margin-left:1.4285vw;}
    .register.renew .join-btn .complete {width:390px; width:30.9523vw; height:54px; height:4.2857vw; font-size:20px; font-size:1.5873vw; line-height:52px; line-height:4.1269vw;}
}


@media only all and (min-width: 768px){
    .renew .icheckbox_minimal, .renew .iradio_minimal {background-image: url('/sg/en/resource/img/components/membership/new/icheck-minimal2.png');}
    .renew .icheckbox_minimal {vertical-align: top;}
}

@media only all and (max-width: 767px){
    .renew input {height:66px; height:9.1666vw;}
    .renew input[type='radio'],.renew input[type='checkbox'] {height:22px; height:3.0555vw;}
    .renew .pc-only,
    .renew .mo-only.hide {display: none;}
    .renew .mo-only {display: block;}
    .register.renew .opt-borderbot {padding-bottom:17px; padding-bottom:2.3611vw;}
    .register.renew .opt-boxside {padding:0;}
    .register.renew .opt-boxside fieldset:first-child + .join-btn {margin-top:8.3333vw;}
    .register.renew .mbsimgtit-wrap {padding:0 30px; padding:0 4.1666vw; color:#000;}
    .register.renew .mbsimgtit-wrap strong {font-size:40px; font-size:5.5555vw;}
    .register.renew .mbsimgtit-wrap .opt-btm {margin-top:5px; margin-top:0.6944vw; font-size:28px; font-size:3.8888vw; line-height:34px; line-height:4.7222vw;}
    .register.renew .mbsimgtit {height:320px; height:44.4444vw; background-image: url('/sg/en/resource/img/components/membership/new/register-tit-bg-mo.jpg'); background-size:cover;}

    .register.renew .opt-boxside .joinform {padding:0 30px; padding:0 4.1666vw;}
    .register.renew .mbsform-requiretxt {padding:4.1666vw 0 2.7777vw; font-size:22px; font-size:3.0555vw; text-align: right;}
    .register.renew .mbsform-requiretxt .star {font-size:22px; font-size:3.0555vw;}

    .register.renew .mbsform-table {padding:0 9px; padding:0 1.25vw;}
    .register.renew .mbsform-table .tb-conts {float:none; width: 100%; padding: 0; margin-bottom:20px; margin-bottom:2.7777vw;}
    .register.renew .mbsform-table .tb-conts .inner {width:100%; padding:0;}
    .register.renew .mbsform-table .th-box {width:25.5%;}
    .register.renew .mbsform-table .td-box {width:74.5%;}
    .register.renew .mbsform-table .th-box > div {width:100%; height:66px; height:9.1666vw;}
    .register.renew .mbsform-table .th-box label {font-size:24px; font-size:3.73333vw; line-height:30px; line-height:4.1666vw;}
    .register.renew .mbsform-table .th-box label .star {font-size:24px; font-size:3.3333vw; vertical-align: baseline;}
    .register.renew .mbsform-table .input-group label {padding:0 15px 0; padding:0 2.0833vw 0; font-size:22px; font-size:3.2vw; line-height: 66px; line-height:9.1666vw;}
    .register.renew .warning-label {margin:7px 0 0px; margin:0.9722vw 0 0; padding-left:23px; padding-left:3.1944vw; font-size:18px; font-size:2.5vw; line-height:20px; line-height:2.7777vw; background-image:url('/sg/en/resource/img/components/membership/new/ico-warning2_mo.png'); background-size:14px; background-size:1.9444vw; background-position: left 4px; background-position: left 0.5555vw;}

    .register.renew .joinform .subselect {max-width: inherit;}
	.register.renew .subselect-jqList .jqListBox-list {top:66px; top:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-combo {height:66px; height:9.1666vw; line-height: 66px; line-height:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-combo-txt {height:66px; height:9.1666vw; padding-left:15px; padding-left:2.0833vw; padding-right:30px; padding-right:4.1666vw; font-size:22px; font-size:3.0555vw; line-height:66px; line-height:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-combo-arrow {width:11px; width:1.5277vw; margin-right:20px; margin-right:2.7777vw; background:url("/sg/en/resource/img/components/membership/new/subjqlistbox-arrow2mo.png") no-repeat 0 50%; background-size:11px 6px; background-size:1.5277vw 0.8333vw;}
    .register.renew .subselect-jqList .jqListbox-adapt {height:66px; height:9.1666vw;}
    .register.renew .subselect-jqList .jqListbox-adapt .disabled {height:9.1666vw;padding-left:2.0833vw;font-size:3.0555vw;line-height:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-option {height:66px; height:9.1666vw; font-size:22px; font-size:3.0555vw;}
    .register.renew .mbsform-table .td-box .radio-wrap {display:table; height:66px; height:9.1666vw;}
    .register.renew .mbsform-table .td-box .radio-wrap span {display:table-cell; font-size:22px; font-size:3.0555vw; line-height:30px; line-height:4.1666vw; vertical-align: middle;}
    .register.renew .mbsform-table .td-box .radio-wrap span label {vertical-align: middle;}
    .register.renew .mbsform-table .input-box.id-box .verify-box {width:130px; width:18.0555vw; margin-left:10px; margin-left:1.3888vw;}
    .register.renew .mbsform-table .id-box .verify-box button,
    .register.renew .mbsform-table .id-box .verify-box span {width:130px; width:18.0555vw; height:66px; height:9.1666vw; font-size:22px; font-size:3.0555vw;}
    .register.renew .mbsform-table .id-box .verify-box .btn-veri {color:#fff; background: var(--brand-color); border-color:var(--brand-color); font-size:3.73333vw;}
    .register.renew .mbsform-table .id-box .verify-box .verify-time {font-size:22px; font-size:3.0555vw; line-height:64px; line-height:8.8888vw; letter-spacing: -0.05em;}
    .register.renew .mbsform-table .verif-check {right:32px; right:4.4444vw;}
    .register.renew .mbsform-table .verif-check .verify {padding-right:28px; padding-right:3.8888vw; font-size:22px; font-size:3.0555vw; background:url('/sg/en/resource/img/components/membership/new/verify_check_mo.png') no-repeat right; background-size:18px 15px; background-size:2.5vw 2.0833vw;}
    .register.renew .mbsform-table .verif-check span {font-size:22px; font-size:3.0555vw;}
    .register.renew .mbsform-table .td-box .desc {font-size:18px; font-size:2.5vw; line-height:22px; line-height:3.0555vw;}
    .register.renew .mbsform-table .td-box .desc + .warning-label {margin-top:25px; margin-top:3.4722vw;}
    .renew .icheckbox_minimal,
    .renew .iradio_minimal {background: url('/sg/en/resource/img/components/membership/new/icheck-minimal2-m.png') no-repeat; background-size:108px 22px; background-size: 15vw 3.0555vw; width:22px; width:3.0555vw; height:22px; height:3.0555vw; margin-right:2px; margin-right:0.2777vw; vertical-align: middle;}
    .renew .iradio_minimal {background: url('/sg/en/resource/img/components/membership/new/icheck-minimal2-m.png') no-repeat; background-size:108px 22px; background-size: 15vw 3.0555vw; width:22px; width:3.0555vw; height:22px; height:3.0555vw; margin-right:2px; margin-right:0.2777vw; vertical-align: middle;}
    .register.renew .marketing-check {margin-top:37px; margin-top:12.5vw; padding:0;}
    .register.renew .marketing-check h3 {font-size:4.26667vw;font-weight:700;}
    .register.renew .marketing-check h3 .star {font-size:4.1666vw;}
    .register.renew .marketing-check p {margin:3.8888vw 0 4.8611vw;font-size:24px; font-size:3.2vw; line-height:26px; line-height:4.4444vw; }
    .register.renew .marketing-check p .warning-label {margin-left:-7px; margin-left:-1.94444vw; text-indent:0;}
    .register.renew .marketing-check .check-list {margin-top:25px; margin-top:3.4722vw;}
    .register.renew .marketing-check .check-list + .check-list {margin-top:30px; margin-top:4.1666vw;}
    .register.renew .marketing-check .radio-wrap {float: none; display:flex;}
    .register.renew .marketing-check .radio-wrap .iradio_minimal {width:22px; width:3.0555vw; margin-top:2px; margin-top:1.06667vw; margin-right:12px; margin-right:1.6666vw;}
    .register.renew .marketing-check .radio-wrap label {flex:1; font-size:22px; font-size:3.73333vw; font-family: "brandon-grotesque"; font-weight: 300;}
    .register.renew .marketing-check .check-wrap {float:none; margin-top:30px; margin-top:4.1666vw; margin-left:35px; margin-left:4.8611vw;}
    .register.renew .marketing-check .check-wrap label {padding-left:3px; padding-left:0.4166vw; font-size:22px; font-size:3.73333vw; font-weight:300; line-height:22px; line-height:3.0555vw; vertical-align: middle;}
    .register.renew .marketing-check .check-list .error-box {margin-top:20px; margin-top:2.7777vw; margin-left:35px; margin-left:4.8611vw;}

    .register.renew .ack_cons {margin:90px 30px 0px; margin:12.5vw 4.1666vw 0px; padding:60px 0; padding:12.5vw 0 8.3333vw;}
    .register.renew .ack_cons h3 {font-size:30px; font-size:4.26667vw; font-weight: 700;}
    .register.renew .ack_cons h3 .star {font-size:30px; font-size:4.1666vw;}
    .register.renew .ack_cons p {margin:28px 0 35px; margin:3.8888vw 0 4.8611vw; font-size: 22px; font-size:3.2vw; line-height: 32px; line-height:4.4444vw;}
    .register.renew .ack_cons .check-wrap .inner {display:flex;}
    .register.renew .ack_cons .check-wrap .inner ~ .inner {margin-top:30px; margin-top:4.1666vw;}
    .register.renew .ack_cons .check-wrap .inner .icheckbox_minimal {width:22px; width:3.0555vw; margin-top:6px; margin-top:0.8333vw; margin-left:12px; margin-left:1.6666vw; margin-right:8px; margin-right:1.1111vw;}
    .register.renew .ack_cons .check-wrap .inner label {flex:1; font-size: 22px; font-size:3.2vw; line-height: 32px; line-height: 4.4444vw;}
    .register.renew .ack_cons .link-arr {margin-top:11px; margin-top:1.5277vw; margin-left:42px; margin-left:5.8333vw; font-size:20px; font-size:3.2vw; font-weight: 400;}
    .register.renew .ack_cons .warning-label {margin-top:25px; margin-top:3.4722vw; margin-left:42px; margin-left:5.8333vw;}
    .register.renew .join-btn {padding-bottom:100px; padding-bottom:13.8888vw;}
    .register.renew .join-btn .complete {width:470px; width:65.2777vw; height:85px; height:11.8055vw; font-size:26px; font-size:3.6111vw; line-height:83px; line-height:11.5277vw;}
    .renew .icheckbox_minimal {background-position: 0 0;}
    .renew .icheckbox_minimal.checked {background-position: -28px 0; background-position:-3.8888vw 0;}
    .renew .iradio_minimal {background-position: -56px 0; background-position:-7.7777vw 0;}
    .renew .iradio_minimal.checked {background-position: -84px 0; background-position: -11.6666vw 0;}

}

/* password setting : S */
.register.renew .password-box .mbsimgtit-wrap {text-align:center;}
.register.renew .password-box .mbsimgtit-wrap strong {padding-bottom:0;font-size:40px;}
.register.renew .password-box .mbsform-wrap {padding-top:29px;}
.register.renew .password-box .information-box {text-align:center;}
.register.renew .password-box .information-box em {display:block;font-size:24px;font-weight:700;color:#020202;line-height:44px;}
.register.renew .password-box .information-box .text {margin-top:8px;font-family:'NotoSansKR';font-weight:400;font-size:18px;line-height:30px;color:#666;}
.register.renew .password-box .information-box .text span {display:block;margin-top:10px;}
.register.renew .password-box .information-box + .mbsform-table {margin-top:60px;}

@media screen and (max-width:767px) {
    .register.renew .password-box .mbsimgtit-wrap strong {font-size:25px;font-size:6.94444vw;color:#fff}
    .register.renew .password-box .mbsform-wrap {padding-top:21px;padding-top:5.83333vw;}
    .register.renew .password-box .information-box em {font-size:15px;font-size:4.16667vw;line-height:24px;line-height:6.66667vw;}
    .register.renew .password-box .information-box .text {margin-top:8px;margin-top:2.22222vw;font-size:14px;font-size:3.88889vw;line-height:18px;line-height:5vw;}
    .register.renew .password-box .information-box .text span {margin-top:18px;margin-top:5vw;}
    .register.renew .password-box .information-box + .mbsform-table {margin-top:35px;margin-top:9.72222vw;}
}
/* password setting : E */

/* membership : S */
.sct-membership {font-family:brandon-grotesque; font-weight:400;}
.sct-membership a {font-family:inherit; font-weight:400;}
.sct-membership .pc-hide {display:none !important;}
.sct-membership .mo-hide {display:block !important;}
@media screen and (max-width: 999px) {
    .sct-membership .tablet-hide {display:none !important;}
}
@media screen and (max-width: 767px) {
    .sct-membership .pc-hide {display:block !important;}
    .sct-membership .mo-hide {display:none !important;}
}

/* layout :: common */
.mbs-cont-wrap {width:100%;}
.mbs-cont-inner {max-width:980px; margin:0 auto; padding:0 30px;}
.sct-membership .h-tit2 {color:#000; font-weight:700; font-size:38px; text-align:center;}

@media screen and (max-width: 767px) {
    .mbs-cont-inner {padding:0 30px;  padding:0 3.889vw;}
    .sct-membership .h-tit2 {font-size:45px;  font-size:6.250vw; letter-spacing: -0.02em;}
}

/* button */
.sct-membership .cta-wrap {text-align:center;}
.sct-membership .btn-link {display:inline-block; width:390px; padding:15px 91px 14px; background-color:var(--brand-color); color:#fff; font-weight:600; font-size:18px; line-height:1.3; text-align:center;}
@media screen and (max-width: 767px) {
    .sct-membership .btn-link {padding:0; width:470px; width:65.2777vw; font-size:28px; font-size:3.889vw; line-height:87px; line-height:12.0833vw;}
}

/* banner */
.mbs-header {width:100%; height:328px; background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-membership-title.jpg') no-repeat center 0;}
.mbs-header-inner {max-width:1200px; margin:0 auto;}
.mbs-header .h-tit {padding-top:105px; color:#000; font-weight:600; font-size:55px; text-align:center;}
.mbs-header .h-tit .small {display:block; font-size:42px;}
.mbs-pc-only {display:block;}
.mbs-mo-only {display:none;}
@media screen and (max-width: 767px) {
    .mbs-header {height:326px; background-size:1920px 329px;  height:45.278vw; background-size:266.667vw 45.694vw;}
    .mbs-header-inner {width:100%; margin:0;}
    .mbs-header .h-tit {padding-top:90px; font-size:58px;  padding-top:12.500vw; font-size:8.056vw; font-weight:700;}
    .mbs-header .h-tit .small {font-size:50px;  font-size:6.944vw;}
    .mbs-pc-only {display:none;}
    .mbs-mo-only {display:block;}
}

.mbs-logo {margin-top:100px; text-align: center;}
.mbs-logo ul {display:inline-block;}
.mbs-logo ul li {display:inline-block; padding:0 60px; line-height:45px;}
.mbs-logo ul li + li {border-left:2px solid #bdd0eb;}
.mbs-logo ul li img {vertical-align:middle;}
@media screen and (max-width: 767px) {
    .mbs-logo {margin-top:84px; margin-top:11.6666vw;}
    .mbs-logo ul li {height:45px; padding:0 50px; line-height:45px; height:6.25vw; padding:0 6.9444vw; line-height:6.25vw;}
    .mbs-logo ul li + li {border-left:2px solid #bdd0eb; border-left: 0.2777vw solid #bdd0eb;}
    .mbs-logo ul li img {display:inline-block; width:175px; height:30px; width:24.3055vw; height:4.1666vw; vertical-align: middle;}
}
/* introduction details */
.mbs-logo + .mbs-introduction {padding-top:60px;}
.mbs-introduction {padding:100px 48px 34px;}
.mbs-introduction .h-tit2 {color:#020202; font-weight:600; font-size:36px; letter-spacing:-0.03em; text-align:center;}
.mbs-introduction .intr-desc {margin-top:15px; color:#666; font-size:20px; line-height:1.5; text-align:center;}
.mbs-introduction .intr-list {margin-top:38px; padding:0 0 35px; background:url('/sg/en/resource/img/components/membership/customer-center-new/intr-bg-dotted.png') repeat-x 0 100%;}
.mbs-introduction .intr-list:after {clear:both; display:block; content:'';}
.mbs-introduction .intr-list li {position:relative; float:left; width:33.333%; padding-top:106px; color:#000; font-size:18px; font-weight:600; text-align:center;}
.mbs-introduction .intr-list li:after {display:block; position:absolute; top:0; left:50%; width:81px; height:81px; margin-left:-40px; background-repeat:no-repeat; background-position:0 0; content:'';}
.mbs-introduction .intr-list .item-1:after {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/intr-icon-01_sg_240304.png');}
.mbs-introduction .intr-list .item-2:after {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/intr-icon-02.png');}
.mbs-introduction .intr-list .item-3:after {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/intr-icon-03_sg_240304.png');}
.mbs-introduction .cta-wrap {padding-top:50px;}

@media screen and (max-width: 767px) {
    .mbs-logo + .mbs-introduction {padding-top:60px;padding-top:8.333vw;}
    .mbs-introduction {padding:84px 0 34px; padding:11.6666vw 0 4.722vw;}
    .mbs-introduction .h-tit2 {font-size:42px; line-height:1.2;  font-size:5.833vw;}
    .mbs-introduction .intr-desc {margin-top:20px; font-size:28px; line-height:1.3;  margin-top:2.778vw; font-size:3.889vw;}
    .mbs-introduction .intr-list {margin-top:56px; padding:0 0 45px; background:url('/sg/en/resource/img/components/membership/new/login_blueline2.png') repeat-x 0 100%;   margin-top:7.778vw; padding:0 0 6.250vw;}
    .mbs-introduction .intr-list li {padding-top:115px; font-size:22px; padding-top:15.972vw; font-size:3.056vw;}
    .mbs-introduction .intr-list li:after {width:100px; height:98px; margin-left:-50px; background-size:100px 98px;  width:13.889vw; height:13.611vw; margin-left:-6.944vw; background-size:13.889vw 13.611vw;}
    .mbs-introduction .intr-list .item-1:after {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/intr-icon-01-m_sg_240304.png');}
    .mbs-introduction .intr-list .item-2:after {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/intr-icon-02-m.png');}
    .mbs-introduction .intr-list .item-3:after {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/intr-icon-03-m_sg_240304.png');}
    .mbs-introduction .cta-wrap {padding-top:50px;  padding-top:6.944vw;}
}

/* my membership */
.mbs-my-info {padding-top:87px;}
.mbs-my-info-inner {padding:0 0 30px; border-bottom:1px solid #e4e4e4;}
.mbs-my-info .mbs-my-box {padding:34px 38px 49px; background-color:#f1f7ff; border-radius:8px;}
.mbs-my-info .mbs-my-box:after {clear:both; display:block; content:'';}
.mbs-my-info .bx-my {float:left;}
.mbs-my-info .bx-my .h-tit3 {color:#000; font-weight:700; font-size:24px; text-align:center;}
.mbs-my-info .my-membership {width:50%;}
.mbs-my-info .my-mem-wrap {position:relative; min-height:166px; margin-top:38px; padding:0 32px 0 139px;}
.mbs-my-info .my-grade {position:absolute; top:18px; left:16px; width:88px; height:113px; background-repeat:no-repeat; background-position:0 0;}
.mbs-my-info .mbs-my-box.basic .my-grade {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/grade-basic.png');}
.mbs-my-info .mbs-my-box.vip .my-grade {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/grade-vip.png');}
.mbs-my-info .mbs-my-box.vvip .my-grade {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/grade-vvip.png');}
.mbs-my-info .txt-hello {padding-top:6px; color:#000; font-size:20px; font-weight: 700; word-break:break-all;}
.mbs-my-info .level-desc {margin-top:7px; color:#000; font-size:18px; line-height:1.4;}
.mbs-my-info .my-points {position:relative; width:50%;  box-sizing:border-box;}
.mbs-my-info .my-points:after {display:block; position:absolute; top:10px; left:0; width:1px; height:235px; background-color:#bdd0eb; content:'';}
.mbs-my-info .txt-my-points {display:block; margin-top:16px; color:#666; font-weight:400; font-size:20px; text-align:center;}
.mbs-my-info .points-wrap {display:block; margin-top:29px; font-size:40px; text-align:center;}
.mbs-my-info .points-wrap .points-num {position:relative; display:inline-block; padding:0 0 0 80px; font-size:38px; font-weight:600; letter-spacing: -0.075em; line-height:1;}
.mbs-my-info .points-wrap .points-num:before {position:absolute; top:50%; left:0; width:66px; height:24px; margin-top:-12px; content:'';}
.mbs-my-info .mbs-my-box.basic .points-wrap .points-num:before {background:url('/sg/en/resource/img/components/membership/customer-center-new/my-points.png') no-repeat 0 0; content:'';}
.mbs-my-info .mbs-my-box.vip .points-wrap .points-num:before {background:url('/sg/en/resource/img/components/membership/customer-center-new/my-points-blue.png') no-repeat 0 0; content:'';}
.mbs-my-info .mbs-my-box.vip .points-wrap .points-num:before {background:url('/sg/en/resource/img/components/membership/customer-center-new/my-points-blue.png') no-repeat 0 0; content:'';}
.mbs-my-info .mbs-my-box.vvip .points-wrap .points-num:before {background:url('/sg/en/resource/img/components/membership/customer-center-new/my-points-green.png') no-repeat 0 0; content:'';}
.mbs-my-info .change-info {margin-top:50px; text-align: center;}
.mbs-my-info .change-info a {display:block; font-size:18px; font-weight:600; line-height:37px; text-decoration: underline;}
.mbs-my-info .mbs-my-box .change-info .profile,
.mbs-my-info .mbs-my-box .change-info .pwd {display:inline-block; height:37px; margin-top:5px; padding-left:47px;}
.mbs-my-info .mbs-my-box .change-info .pwd {margin-left:25px;}
.mbs-my-info .mbs-my-box.basic .change-info .profile {background:url('/sg/en/resource/img/components/membership/customer-center-new/prof-icon-basic.png') no-repeat left;}
.mbs-my-info .mbs-my-box.basic .change-info .pwd {background:url('/sg/en/resource/img/components/membership/customer-center-new/pwd-icon-basic.png') no-repeat left;}
.mbs-my-info .mbs-my-box.vip .change-info .profile {background:url('/sg/en/resource/img/components/membership/customer-center-new/prof-icon-vip.png') no-repeat left;}
.mbs-my-info .mbs-my-box.vip .change-info .pwd {background:url('/sg/en/resource/img/components/membership/customer-center-new/pwd-icon-vip.png') no-repeat left;}
.mbs-my-info .mbs-my-box.vvip .change-info .profile {background:url('/sg/en/resource/img/components/membership/customer-center-new/prof-icon-vvip.png') no-repeat left;}
.mbs-my-info .mbs-my-box.vvip .change-info .pwd {background:url('/sg/en/resource/img/components/membership/customer-center-new/pwd-icon-vvip.png') no-repeat left;}
@media screen and (max-width: 900px) {
    .mbs-my-info .mbs-my-box .change-info .pwd {margin-left:5px;}
}
@media screen and (max-width: 767px) {
    .mbs-my-info {padding-top:50px;  padding-top:6.944vw;}
    .mbs-my-info-inner {padding:0 0 38px; border-bottom:1px solid #e4e4e4;  padding:0 0 5.278vw;}
    .mbs-my-info .mbs-my-box {padding:27px 48px 35px; border-radius:10px;  padding:3.750vw 6.667vw 4.861vw; border-radius:1.389vw;}
    .mbs-my-info .mbs-my-box:after {display:none;}
    .mbs-my-info .bx-my {float:none;}
    .mbs-my-info .bx-my .h-tit3 {font-size:30px;  font-size:4.167vw;}
    .mbs-my-info .my-membership {width:100%;}
    .mbs-my-info .my-mem-wrap {min-height:196px; margin-top:23px; padding:0 0 50px 170px;  min-height:27.222vw; margin-top:3.1944vw; padding:0 0 6.9444vw 23.611vw;}
    .mbs-my-info .my-grade {top:46px; left:28px; width:106px; height:136px; background-size:106px 136px; top:6.3888vw; left:3.889vw; width:14.7222vw; height:18.8888vw; background-size:14.7222vw 18.8888vw;}
    .mbs-my-info .mbs-my-box.basic .my-grade {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/grade-basic-m.png');}
    .mbs-my-info .mbs-my-box.vip .my-grade {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/grade-vip-m.png');}
    .mbs-my-info .mbs-my-box.vvip .my-grade {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/grade-vvip-m.png');}
    .mbs-my-info .txt-hello {padding-top:20px; font-size:28px;  padding-top:2.778vw; font-size:3.889vw;}
    .mbs-my-info .level-desc {margin-top:14px; font-size:24px;  margin-top:1.944vw; font-size:3.333vw;}
    .mbs-my-info .my-points {width:100%; padding-top:25px; padding-left:0; border-top:1px solid #d9e5f6;  padding-top:3.472vw;}
    .mbs-my-info .my-points:after {display:none;}
    .mbs-my-info .txt-my-points {margin-top:20px; font-size:28px;  margin-top:2.778vw; font-size:3.889vw;}
    .mbs-my-info .points-wrap {margin-top:50px; font-size:40px;  margin-top:6.944vw; font-size:5.556vw;}
    .mbs-my-info .points-wrap .points-num {padding:0 0 0 77px;  padding:0 0 0 10.6944vw; font-size:42px; font-size:5.8333vw;}
    .mbs-my-info .points-wrap .points-num:before {left:0; width:69px; height:26px; margin-top:-13px; margin-top:-1.8055vw; background-size:69px 26px;  width:9.5833vw; height:3.6111vw;}
    .mbs-my-info .mbs-my-box.vvip .points-wrap .points-num:before {background:url('/sg/en/resource/img/components/membership/customer-center-new/my-points-green-m.png') no-repeat 0 0;background-size:9.5833vw 3.6111vw;}
    .mbs-my-info .mbs-my-box.vip .points-wrap .points-num:before {background:url('/sg/en/resource/img/components/membership/customer-center-new/my-points-blue-m.png') no-repeat 0 0;background-size:9.5833vw 3.6111vw;}
    .mbs-my-info .mbs-my-box.basic .points-wrap .points-num:before {background:url('/sg/en/resource/img/components/membership/customer-center-new/my-points-m.png') no-repeat 0 0;background-size:9.5833vw 3.6111vw;}

    .mbs-my-info .change-info {margin-top:45px; margin-top:6.25vw; padding-top:82px; padding-bottom:46px; border-top:1px solid #d9e5f6; padding-top:11.3888vw; padding-bottom:6.3888vw;}
    .mbs-my-info .mbs-my-box .change-info .pwd {margin-left: 107px; margin-left:14.8611vw;}
    .mbs-my-info .mbs-my-box .change-info .profile, .mbs-my-info .mbs-my-box .change-info .pwd {margin-top:0; padding-top:72px; padding-left:0; padding-top:10vw;}
    .mbs-my-info .mbs-my-box.basic .change-info .profile {background:url('/sg/en/resource/img/components/membership/customer-center-new/prof-icon-basic-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.basic .change-info .pwd {background:url('/sg/en/resource/img/components/membership/customer-center-new/pwd-icon-basic-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vip .change-info .profile {background:url('/sg/en/resource/img/components/membership/customer-center-new/prof-icon-vip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vip .change-info .pwd {background:url('/sg/en/resource/img/components/membership/customer-center-new/pwd-icon-vip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vvip .change-info .profile {background:url('/sg/en/resource/img/components/membership/customer-center-new/prof-icon-vvip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vvip .change-info .pwd {background:url('/sg/en/resource/img/components/membership/customer-center-new/pwd-icon-vvip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .change-info a {font-size:24px; font-size:3.3333vw; line-height:26px; line-height:3.6111vw;}
}


/* membership benefits */
.mbs-benefit {padding:40px 0 78px;}
.mbs-benefit-table {margin-top:38px;}
.mbs-benefit-table .rowgroup {margin-top:4px; background-color:#f1f7ff; border-radius:8px; overflow:hidden;}
.mbs-benefit-table .columnheader {margin-top:0; margin-bottom:10px; background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-table-columnheader.jpg') no-repeat center 0;}
.mbs-benefit-table .row {display:table; width:100%; height:76px; padding:17px 0;}
.mbs-benefit-table .cell {display:table-cell; vertical-align:middle; line-height:1.2;}
.mbs-benefit-table .cell-1 {position:relative; width:20.8%; padding:0 28px 0 22px; border-right:1px solid #bdd0eb; color:#000; /*font-family: "NotoSansKR";*/ font-weight:600; font-size:16px; line-height:22px; text-align:left;}
.mbs-benefit-table .cell-1.blank {border-right:none;}
.mbs-benefit-table .cell-2, .mbs-benefit .cell-3, .mbs-benefit .cell-4 {width:26.4%; padding:0 10px; color:#666; font-family: "NotoSansKR"; font-size:16px; font-weight:300; line-height:24px; text-align:center;}
.mbs-benefit-table .cell.top {vertical-align: top;}
.mbs-benefit-table .cell .checked {display:block; width:23px; height:23px; margin:0 auto; background-repeat:no-repeat; background-position:0 0; line-height:0;}
.mbs-benefit-table .cell-2 .checked {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/checked-basic_240304.png');}
.mbs-benefit-table .cell-3 .checked, .mbs-benefit-table .cell-4 .checked {background-image:url('/sg/en/resource/img/components/membership/customer-center-new/checked-vip_240304.png');}
.mbs-benefit-table .cell .cell-desc {display:block; margin-top:9px;}
.mbs-benefit-table .cell .cell-list {display: inline-block; margin-top:9px;}
.mbs-benefit-table .cell .cell-list li {position:relative; max-width:160px; padding-left:7px; font-size:16px; line-height:22px; text-align: left;}
.mbs-benefit-table .cell .cell-list li ~ li {margin-top:5px;}
.mbs-benefit-table .cell .cell-list li:after {position: absolute; width:2px; height:2px; top:9px; left:0; background:#6f7070; content:'';}
.mbs-benefit .tbl-desc {margin-top:25px; color:#999; font-family: "NotoSansKR"; font-weight:300; font-size:14px; line-height:1.6; text-align:center;}
.mbs-benefit .tbl-desc ~ .tbl-desc {margin-top:0;}

@media screen and (max-width: 900px) {
    .mbs-benefit-table .cell-1 {padding:0 18px 0 12px;}
}
/* membership benefit mobile */
@media screen and (max-width: 767px) {
    .mbs-benefit {padding:50px 0 70px; padding:6.9444vw 0 9.7222vw;}
    .mbs-benefit-accordion {margin-top:45px; margin-top:6.25vw;}
    .mbs-benefit-accordion .acc-box ~ .acc-box {margin-top:2px; margin-top:0.2777vw;}
    .mbs-benefit-accordion .acc-head {width:100%; height:120px; height:16.6666vw; background-size:cover !important;}
    .mbs-benefit-accordion .acc-box.basic .acc-head {background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-acc-basic.jpg') no-repeat 100% 100%;}
    .mbs-benefit-accordion .acc-box.vip .acc-head {background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-acc-vip.jpg') no-repeat 100% 100%;}
    .mbs-benefit-accordion .acc-box.vvip .acc-head {background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-acc-vvip.jpg') no-repeat 100% 100%;}
    .mbs-benefit-accordion .acc-head .acc-btn {position: relative; width:100%; height:100%; padding:0 30px 0 20px; padding:0 4.1666vw 0 2.7777vw; color:#fff; text-align: left; box-sizing:border-box;}
    .mbs-benefit-accordion .acc-head .acc-btn:before {position: absolute; display:block; top:50%; right: 30px; right:4.1666vw; width:18px; width:2.5vw; height:2px; height:0.2777vw; background:#fff; transform: translateY(-50%); content: '';}
    .mbs-benefit-accordion .acc-box .acc-head .acc-btn:after {position: absolute; display:block; top:50%; right: 38px; right:5.2777vw; width:2px; width:0.2777vw; height:18px; height:2.5vw; background:#fff; transform: translateY(-50%); content: '';}
    .mbs-benefit-accordion .acc-box.open .acc-head .acc-btn:after {display:none;}
    .mbs-benefit-accordion .acc-head .acc-tit {padding-left:54px; padding-left:7.5vw; font-family: "brandon-grotesque"; font-size:28px; font-size:3.8888vw; font-weight: 700;}
    .mbs-benefit-accordion .acc-box.basic .acc-tit {background:url('/sg/en/resource/img/components/membership/customer-center-new/acc-icon-basic.png') no-repeat left 1.3888vw; background-size:4.0277vw 2.3611vw;}
    .mbs-benefit-accordion .acc-box.vip .acc-tit {background:url('/sg/en/resource/img/components/membership/customer-center-new/acc-icon-vip.png') no-repeat left 0.2777vw; background-size:4.5833vw 3.75vw;}
    .mbs-benefit-accordion .acc-box.vvip .acc-tit {background:url('/sg/en/resource/img/components/membership/customer-center-new/acc-icon-vvip.png') no-repeat left 0.1388vw; background-size:4.5833vw 4.0277vw;}
    .mbs-benefit-accordion .acc-head .acc-desc {font-family: "NotoSansKR"; font-size:22px; font-size:3.0555vw; font-weight:300; letter-spacing: -0.02em;}
    .mbs-benefit-accordion .acc-body {display: none;}
    .mbs-benefit-accordion .acc-box .acc-body {font-family: "NotoSansKR"; font-size:22px; font-size:3.0555vw; font-weight:300; letter-spacing:-0.02em;}
    .mbs-benefit-accordion .acc-body .acc-list > li {padding:17px 20px 18px; padding:2.3611vw 2.7777vw 2.5vw;}
    .mbs-benefit-accordion .acc-body .acc-list > li + li {border-top:2px solid #e6e6e6; border-top:0.2777vw solid #e6e6e6;}
    .mbs-benefit-accordion .acc-box.vvip .acc-list > li {border-bottom:2px solid #e6e6e6; border-bottom:0.2777vw solid #e6e6e6}
    .mbs-benefit-accordion .acc-box.vvip .acc-list > li + li {border-top:none;}
    .mbs-benefit-accordion .acc-body .desc {line-height:28px; line-height:3.8888vw;}
    .mbs-benefit-accordion .acc-body .acc-list .line-h {line-height:67px; line-height:9.3055vw;}
    .mbs-benefit-accordion .acc-body .sub-list {margin-top:11px; margin-top:1.5277vw; padding-left:12px; padding-left:1.6666vw; color:#999; line-height:32px; line-height:4.4444vw;}
    .mbs-benefit-accordion .acc-body .sub-list li {position:relative; padding-left:16px; padding-left:2.2222vw;}
    .mbs-benefit-accordion .acc-body .sub-list li:after {position:absolute; display:block; top:50%; left:0; width:6px; width:0.8333vw; height:6px; height:0.8333vw; background:#999; border-radius:3px; border-radius: 0.4166vw; transform: translateY(-50%); content:'';}
    .mbs-benefit .tbl-desc {font-size:18px; font-size:2.5vw; line-height:28px; line-height:3.8888vw;}
}
/* membership point */
.mbs-point {width:100%; background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-mbs-point.jpg') no-repeat center 0;  background-size: contain;}
.mbs-point-inner {max-width:980px; margin:0 auto; padding:62px 30px 92px;}
.mbs-point .h-desc {margin-top:10px; color:#666; font-size:20px; line-height:1.5; text-align:center;}
.mbs-point .tbl-desc-wrap {padding:27px 0 50px;}
.mbs-point .tbl-desc {color:#666; font-family: "NotoSansKR"; font-size:14px; font-weight:300; text-align:center; line-height:22px;}
.mbs-point .tbl-desc ~ .tbl-desc {margin-top:5px;}
.mbs-point .tbl-desc.blue {color:var(--brand-color); font-weight:500;}
.mbs-point-table {margin-top:42px;}
.mbs-point-table .rowgroup {margin-top:4px; background-color:#f1f7ff; border-radius:8px; overflow:hidden;}
.mbs-point-table .rowgroup ~ .rowgroup {font-weight: 300;}
.mbs-point-table .columnheader {margin-top:0; margin-bottom:10px; background-color:var(--brand-color);}
.mbs-point-table .row {display:table; width:100%; height:84px; padding:20px 0; text-align:center;}
.mbs-point-table .columnheader .row {height:48px; padding:6px 0;}
.mbs-point-table .cell {display:table-cell; color:#666; /*font-family: "NotoSansKR";*/ font-size:16px; font-weight:400; vertical-align:middle;}
.mbs-point-table .columnheader .cell {color:#fff; font-weight:400; font-size:18px;}
.mbs-point-table .cell-1 {position:relative; width:15.5%; border-right:1px solid #bdd0eb; color:#000; font-weight: 600; }
.mbs-point-table .columnheader .cell-1 {padding:0; text-align:center;}
.mbs-point-table .cell-2 {width:68%; font-weight: 300;}
.mbs-point-table .cell-2 .num {margin-left:13px;}
.mbs-point-table .cell-2 .inner {display:table; width:100%; font-family: "NotoSansKR"; font-size:16px; font-weight: 300; line-height:26px; letter-spacing: -0.01em;}
.mbs-point-table .cell-2 .inner .point-desc1 {display:table-cell; vertical-align: middle; width:25.36%; padding:0 12px; box-sizing: border-box;}
.mbs-point-table .cell-2 .inner .point-desc2 {display:table-cell; vertical-align: middle; width:25.36%; padding:0 12px; box-sizing: border-box;}
.mbs-point-table .cell-2 .inner .point-desc3 {display:table-cell; vertical-align: middle; width:25.36%; padding:0 12px; box-sizing: border-box;}
.mbs-point-table .cell-2 .inner .point-desc1-quad,
.mbs-point-table .cell-2 .inner .point-desc2-quad,
.mbs-point-table .cell-2 .inner .point-desc3-quad,
.mbs-point-table .cell-2 .inner .point-desc4-quad {display:table-cell; vertical-align: middle; width:19%; padding:0 12px; box-sizing: border-box;}
.mbs-point-table .cell-2 .inner .point-or {display:table-cell; vertical-align: middle; width:4.2%; color:var(--brand-color); font-weight: 400;}
.mbs-point-table .cell-2 .inner .point-desc2 em {display:inline-block; margin-top:3px; font-size: 12px; font-weight:300;}
.mbs-point-table .cell-2 .inner .star {font-size:26px;color:var(--brand-color);line-height:22px;vertical-align:bottom;}

@media screen and (max-width: 1920px) {
    .mbs-point {width:100%; background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-mbs-point.jpg') no-repeat center 0; background-size: cover;}
}
@media screen and (max-width: 767px) {
    .mbs-point {background:url('/sg/en/resource/img/components/membership/customer-center-new/bg-mbs-point-m.jpg') no-repeat center 0; background-size:cover;}
    .mbs-point-inner {padding:62px 30px 100px;  padding:8.611vw 4.167vw 13.8888vw;}
    .mbs-point .h-desc {margin-top:8px; font-size:28px; line-height:1.4;  margin-top:1.111vw; font-size:3.889vw;}
    .mbs-point .tbl-desc-wrap {padding:23px 0 49px; padding:3.1944vw 0 6.8055vw;}
    .mbs-point .tbl-desc {font-size:18px; line-height:28px; font-size:2.5vw; line-height:3.889vw; font-weight:400;}
    .mbs-point .tbl-desc.blue {margin-bottom:12px; margin-bottom:1.6666vw;}
    .mbs-point .tbl-desc ~ .tbl-desc {margin-top:8px; margin-top:1.1111vw;}
    .mbs-point-table {margin-top:55px;  margin-top:7.639vw;}
    .mbs-point-table .rowgroup {margin-top:0; border-radius:0; background-color: transparent;}
    .mbs-point-table .columnheader {display: none;}
    .mbs-point-table .row {height:52px; padding:0;  height:7.222vw;}
    .mbs-point-table .cell {display:block; width:100%; margin-bottom:2px; font-size:22px;  font-size:3.056vw; background:rgba(255,255,255,.7);}
    .mbs-point-table .cell-1 {position:relative; padding:0 30px; padding:0 4.1666vw; border-right:none; color:#000; font-size:28px; font-weight:400; font-size:3.8888vw; line-height:120px; line-height:16.6666vw; cursor:pointer; text-align:left;}
    .mbs-point-table .cell-1 span {font-weight:700;}
    .mbs-point-table .cell-1:before {position: absolute; display:block; top:50%; right: 30px; right:4.1666vw; width:18px; width:2.5vw; height:2px; height:0.2777vw; background:#000; transform: translateY(-50%); content: '';}
    .mbs-point-table .cell-1:after {position: absolute; display:block; top:50%; right: 38px; right:5.2777vw; width:2px; width:0.2777vw; height:18px; height:2.5vw; background:#000; transform: translateY(-50%); content: '';}
    .mbs-point-table .rowgroup.open .cell-1:after {display:none;}
    .mbs-point-table .cell-2 {display: none;}
    .mbs-point-table .cell-2 .num {margin-left:4px;  margin-left:0.556vw;}
    .mbs-point-table .cell-2 .inner {display:block; padding:34px 30px 38px; padding:4.7222vw 4.1666vw 5.2777vw; color:#000; font-family: "NotoSansKR"; font-size:22px; font-size:3.0555vw; font-weight:300; line-height:32px; line-height:4.4444vw; letter-spacing: -0.02em; text-align: left;}
    .mbs-point-table .cell-2 .inner .point-desc1 {display:block; width:100%; padding:0; }
    .mbs-point-table .cell-2 .inner .point-desc2 {display:block; width:100%; padding:0; }
    .mbs-point-table .cell-2 .inner .point-desc3 {display:block; width:100%; padding:0; }
    .mbs-point-table .cell-2 .inner .point-desc1-quad,
    .mbs-point-table .cell-2 .inner .point-desc2-quad,
    .mbs-point-table .cell-2 .inner .point-desc3-quad,
    .mbs-point-table .cell-2 .inner .point-desc4-quad {display:block; width:100%; padding:0; }
    .mbs-point-table .cell-2 .inner .point-or {display:block; margin:18px 0; margin:2.5vw 0; font-weight:500;}
    .mbs-point-table .cell-2 .inner .point-desc2 em {margin-top:0; color:#999; font-size:18px; font-size:2.5vw;}
    .mbs-point-table .cell-2 .inner .star {font-size:17px;font-size:4.72222vw;line-height:18px;line-height:5vw;}
}

/* cs information */
.mbs-cs-info {width:100%; background-color:#f8f9fc;}
.mbs-cs-info-inner {max-width:1200px; margin:0 auto; padding:72px 0;}
.mbs-cs-info .h-wrap {text-align:center;}
.mbs-cs-info .h-tit2 {display:inline-block; position:relative;}
.mbs-cs-info .h-tit2 > span {position:relative; z-index:1;}
.mbs-cs-info .h-tit2:after {display:block; position:absolute; bottom:0; left:50%; width:105%; height:23px; background-color:rgba(180,205,255,0.6); transform:translateX(-50%); content:'';}
.mbs-cs-info .cs-info-txt {margin-top:13px; color:#666; font-family: "NotoSansKR"; font-size:20px; font-weight:400; text-align:center; letter-spacing: -0.025em;}
.mbs-cs-info .cs-info-txt ~ .cs-info-txt {margin-top:34px;}
.mbs-cs-info .cs-info-list {margin-top:48px;}
.mbs-cs-info .cs-info-list li {margin-top:4px; color:#666; font-family: "NotoSansKR"; font-weight:400; font-size:20px; text-align:center; letter-spacing: -0.025em;}
.mbs-cs-info .cs-info-list li:first-child {margin-top:0;}
.mbs-cs-info .cs-info-list li em {display:inline-block; width:1px; height:14px; margin:0 6px 0 8px; background-color: #666;;}

@media screen and (max-width: 767px) {
    .mbs-cs-info-inner {padding:60px 30px 85px;  padding:8.333vw 4.167vw 11.806vw;}
    .mbs-cs-info .h-tit2:after {height:23px;  height:3.194vw;}
    .mbs-cs-info .cs-info-txt {margin-top:10px; font-size:22px; margin-top:1.3888vw; line-height:38px; font-size:3.0555vw; line-height:5.2777vw;}
    .mbs-cs-info .cs-info-txt ~ .cs-info-txt {margin-top:39px; margin-top:5.4166vw;}
    .mbs-cs-info .cs-info-list {margin-top:41px;  margin-top:5.6944vw;}
    .mbs-cs-info .cs-info-list li {margin-top:5px; font-size:22px;  margin-top:0.694vw; line-height:38px; font-size:3.0555vw; line-height:5.2777vw;}
    .mbs-cs-info .cs-info-list li em {height:17px; height:2.3611vw; margin: 0 7px 0 9px; margin:0 0.9722vw 0 1.25vw;}
    .mbs-cs-info .cs-info-list li em ~ em {display: none;}
}

/* membership : E */

/* membership password setting alert : S */
.overlay .dialog-notice.notice-type .nt-txt {line-height:28px;}
.overlay .dialog-notice.notice-type .text {display:block;margin-top:7px;}
.overlay .dialog-notice.notice-type .mo-text {display:block;}
.overlay .dialog-notice.notice-type .link-type {display:block;margin-top:17px;}
.overlay .dialog-notice.notice-type .link-type a {color:#000;text-decoration:underline;}

@media screen and (max-width: 767px) {
    .overlay .dialog-notice.notice-type .nt-txt {line-height:17px;line-hight:4.72222vw;}
    .overlay .dialog-notice.notice-type .text,
    .overlay .dialog-notice.notice-type .mo-text {margin-top:5px;margin-top:1.38889vw;}
    .overlay .dialog-notice.notice-type .link-type {margin-top:9px;margin-top:2.5vw;}
}
/* membership password setting alert : E */

/* membereship Update Profile : S */
.update-profile{}
.register.renew.update-profile .mbsimgtit-wrap{text-align: center;}
.register.renew.update-profile .mbsimgtit-wrap strong{font-size: 44px;}
.register.renew.update-profile .mbsform-table + .mbsform-table{padding-top: 25px;margin-top: 25px;border-top: 1px solid #e3e3e3;}
.register.renew.update-profile .warning-label{display: none;}

.update-profile-pop{}
.update-profile-pop .mo-only{display:none;}
.update-profile-pop .pc-only{display:block;}
.overlay.update-profile-pop .dialog-notice{padding:43px 30px 20px;}
.overlay.update-profile-pop .dialog-notice .btn-submit{font-family: 'brandon-grotesque';}

@media screen and (max-width: 767px) {
    .register.renew.update-profile .mbsimgtit-wrap strong{font-size:25px;color:#fff;}
    .register.renew.update-profile .mbsform-table + .mbsform-table{margin-top: 10px;}

    .update-profile-pop .mo-only{display:block;}
    .update-profile-pop .pc-only{display:none;}
    .overlay.update-profile-pop .dialog-notice{padding:5.333vw 5.333vw 6.667vw;}
    .overlay.update-profile-pop .dialog-notice .nt-txt{padding:0;}
    .overlay.update-profile-pop .dialog-notice .btn-submit{width:65%;flex:none;margin:0 auto;line-height: 9.444vw;}
}
/* membereship Update Profile : E */

/* find-pwd-bottom */
.find-pwd-bottom{padding:70px 0;text-align: center;background-color: #f8f9fc;}
.find-pwd-bottom h3 span{display:inline-block;font-size: 38px;font-family:"brandon-grotesque";font-weight:700;color:#000;letter-spacing: -0.02em;position:relative;z-index: 2;}
.find-pwd-bottom h3 span:after{content:'';display:block;width:104%;height:23px;position:absolute;left:-2%;bottom:0;z-index:-1;background-color: #d0dffe;}
.find-pwd-bottom .desc{margin-top: 15px;font-size: 20px;line-height: 1.5;color:#666;letter-spacing: -0.025em;}
.find-pwd-bottom .contact{margin-top: 45px;}
.find-pwd-bottom .contact ul + ul{margin-top: 10px;}
.find-pwd-bottom .contact li{display: inline-block;vertical-align: middle;font-size: 20px;line-height:1;color:#666;letter-spacing: -0.025em;}
.find-pwd-bottom .contact li + li{margin-left: 7px;padding-left: 7px;border-left: 1px solid #666;}
.find-pwd-bottom .visit{margin-top: 30px;font-size: 20px;line-height: 1.5;color:#666;letter-spacing: -0.025em;}

@media screen and (max-width: 1024px) {
    .find-pwd-bottom{padding:60px 0;}
    .find-pwd-bottom h3 span{font-size: 40px;}
    .find-pwd-bottom .desc{font-size: 22px;line-height: 1.36;}
    .find-pwd-bottom .contact{margin-top: 40px;}
    .find-pwd-bottom .contact li{font-size: 22px;}
    .find-pwd-bottom .contact li + li{margin-left: 10px;padding-left: 10px;}
    .find-pwd-bottom .contact li:last-of-type{width:100%;margin-left: 0;padding-left: 0;border-left: 0;}
    .find-pwd-bottom .visit{margin-top: 50px;font-size: 22px;line-height: 1.72;}
}
@media screen and (max-width: 767px) {
    .find-pwd-bottom{padding:30px 0;}
    .find-pwd-bottom h3 span{font-size: 20px;}
    .find-pwd-bottom .desc{margin-top: 8px;font-size: 11px;}
    .find-pwd-bottom .contact{margin-top: 20px;}
    .find-pwd-bottom .contact li{font-size: 11px;}
    .find-pwd-bottom .contact li + li{margin-left: 5px;padding-left: 5px;}
    .find-pwd-bottom .visit{margin-top: 25px;font-size: 11px;}
}

/* 20230517 수정 - 브랜드웹 멤버십관련 페이지 팝업화 제작 : S */
#container{padding-top:0}
.breadcrumb.com-breadcrumb{display:none;}
.register.renew .mbsimgtit:first-child{margin-top:54px}
.mbs-top .mbs-top-inner{max-width:1200px;margin: 0 auto;min-height:54px;padding-top:0.6%;text-align:right;}
.mbs-top .mbs-top-inner .btn-login{display: none;padding:12px 0;font-size:0.9375rem;color:#555;text-decoration:underline;text-underline-position:under;}
.mbs-top .mbs-top-inner .btn-login.active{display: inline-block;}
.sct-membership .mbs-top .mbs-top-inner{max-width:920px}
.mbs-header{display:flex;align-items: center;justify-content: center;}
.mbs-header .h-tit{padding-top:0}
.mbs-my-info .my-membership .h-tit3{padding-left:135px;text-align:left;}
.mbs-my-info .my-membership .my-mem-wrap{margin-top:15px}
.mbs-my-info .mbs-my-box{border-radius: 8px 8px 0 0;}
.mbs-my-info .my-info-text{padding:30px;border-radius: 0 0 8px 8px;background-color: #e9f1fd;font-family: "NotoSansKR";font-size:1rem;font-weight:300;color:#666}
@media screen and (max-width: 767px) {
    .register.renew .mbsimgtit:first-child{margin-top:46px}
    .mbs-top .mbs-top-inner{min-height:46px}
	.mbs-top .mbs-top-inner{max-width:100%;padding-left:3.889vw;padding-right:3.889vw;}
	.sct-membership .mbs-top .mbs-top-inner{max-width:100%}
	.mbs-my-info .my-membership .h-tit3{padding-left:0;text-align:center;}
}
.register.renew .join-btn{text-align: center;}
.register.renew .join-btn .complete{display: inline-block;margin:0 7px;vertical-align: top;}
.register.renew .join-btn .complete.cancel{background: #fff;border: 1px solid #000;color: #000;}
@media only all and (max-width: 767px){
    .register.renew .join-btn .complete{margin-bottom:12px}
}
.register.renew.find-pwd .join-btn .complete{width: 47%;}
.register.renew.find-pwd .mbsimgtit-wrap{text-align: center;}
.register.renew.find-pwd .mbsimgtit-wrap strong{font-size: 44px;}
@media (max-width: 767px){
    .register.renew.find-pwd .mbsimgtit-wrap strong{font-size:25px;color:#fff;}
    .register.renew.find-pwd .join-btn .complete{width: 65.2777vw;}
}
/* 20230517 수정 - 브랜드웹 멤버십관련 페이지 팝업화 제작 : E */