@charset "UTF-8";
@import 'core.css';
@font-face{font-family:'SFProText';font-weight:normal;font-style:normal;src:url('/pb/renew3/resource/img/microsite/SF-Pro-Text-Bold.ttf') format('truetype');}

.bpMicrosite{display:flex;flex-direction:column;margin:0 auto;min-height:100%;min-width:320px;max-width:640px;background:#edf1f5;}
.bpMicrosite .contents{flex:1 1 0;height:100%;border-bottom:7px solid #fff;}
.bpMicrosite .btnIr.goTop{bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom));}
.headerInner{display:flex;flex-direction:column;height:auto;padding:35px 20px 0;}
.headerPersonal{display:flex;flex-direction:column;}
.memberlogin{display:flex;flex-direction:column;align-items:center;margin:37px 0 47px;}
.memberlogin .topImg{position:relative;margin-bottom:15px;}
.memberlogin .topImg .before{position:absolute;z-index:1000;background:#edf1f5;}
.memberlogin .topImg .before img{width:57px;height:57px;}
.memberlogin .topImg .hide{transition-duration:0.3s;display:none;}
.memberlogin .topImg .imgLottie{width:57px;height:57px;}
.memberlogin .txtLogin{font-size:16px;text-align:center;line-height:22px;letter-spacing:-0.32px;}
.memberlogin .txtLogin strong{color:#468df8;}
.memberlogin .btnLogin{margin-top:22px;width:100%;height:50px;border-radius:25px;background:#4a90fa;box-shadow:0 4px 9px 0 rgba(44, 123, 252, 0.25);color:#fff;font-size:16px;font-weight:700;}
.memberlogin .linkJoin{position:relative;margin-top:20px;padding-bottom:1px;font-size:12px;color:#000;letter-spacing:-0.24px;}
.memberlogin .linkJoin:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;transform:scaleY(0.5);}
.memberInfo{display:flex;flex-direction:column;align-items:center;position:relative;margin:25px 0 20px;padding:21px 38px 30px;border-radius:12px;box-shadow:0 2px 2px 0 rgba(216, 216, 216, 0.33);background:#4a90fa;}
.memberInfo .topImg{z-index:0;position:relative;margin-bottom:11px;}
.memberInfo .topImg .before{position:absolute;z-index:1000;background:#4a90fa;}
.memberInfo .topImg .before img{margin:-2px 0 0 -2px;width:53px;height:53px;font-size:0;}
.memberInfo .topImg .hide{transition-duration:0.3s;display:none;}
.memberInfo .topImg .imgLottie{width:50px;height:50px;}
.memberLink{position:absolute;top:-49px;right:0;display:inline-flex;align-items:center;padding:0 11px;height:26px;line-height:1;border-radius:13px;background:#fff;color:#000;font-size:12px;letter-spacing:-0.02em;}
html[data-os-name=ios] .memberLink{padding-top:2px;}
.memberGrade{width:100%;color:#fff;font-size:16px;line-height:22px;letter-spacing:-0.32px;text-align:center;}
.memberGrade:after{content:"";display:block;margin-top:24px;width:100%;height:1px;background-color:rgba(255, 255, 255, 0.2);}
.memberGrade b{font-weight:normal;}
.memberGrade strong{font-weight:600;}
.memberPoint{display:flex;align-items:center;margin-top:22px;color:#fff;line-height:1;}
html[data-os-name=ios] .memberPoint strong{display:inline-block;padding-top:1px;height:32px;}
.bpPoint{font-family:'SFProText';font-size:32px;font-weight:700;letter-spacing:-0.33px;color:#fff;}
.bpPoint span{letter-spacing:-1.6px;}
.bpBarcode{margin-left:4px;width:30px;height:30px;background:url(/pb/renew3/resource/img/microsite/ico_barcode.svg) no-repeat 100%/100%;font-size:0;letter-spacing:-999px;}
.deletePoint{margin-top:9px;font-size:12px;letter-spacing:-0.24px;color:#fff;opacity:0.8;}
.deletePoint em{font-family:'SFProText';font-weight:700;}
.landingLink{padding:0 20px 50px;}
.bplinkList{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.bplinkList li{flex: 1 1 30%;border-radius:12px;box-shadow:0 2px 2px 0 rgba(216, 216, 216, 0.33);background:#fff;}
.bplinkList li a{position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:14px 8px 21px;font-size:13px;line-height:1.24;font-weight:600;letter-spacing:-0.13px;color:#181818;}
.bplinkList li a:before{content:"";margin-bottom:5px;display:inline-block;width:50px;height:50px;}
.bplinkList li:nth-child(1) a:before{background:url(/pb/renew3/resource/img/microsite/ico_gift_green.png) no-repeat 100%/100%;}
.bplinkList li:nth-child(2) a:before{background:url(/pb/renew3/resource/img/microsite/ico_trophy.png) no-repeat 100%/100%;}
.bplinkList li:nth-child(3) a:before{background:url(/pb/renew3/resource/img/microsite/ico_magnifier.png) no-repeat 100%/100%;}
.bplinkList li:nth-child(4) a:before{background:url(/pb/renew3/resource/img/microsite/ico_receipt.png) no-repeat 100%/100%;}
.bplinkList li:nth-child(5) a:before{background:url(/pb/renew3/resource/img/microsite/ico_change_orange.png) no-repeat 100%/100%;}
.bplinkList li:nth-child(6) a:before{background:url(/pb/renew3/resource/img/microsite/ico_book_green.png) no-repeat 100%/100%;}
.bplinkList li:nth-child(1) a:after,
.bplinkList li:nth-child(2) a:after{content:"";position:absolute;bottom:calc(50% - 6px);right:calc(50% - 24px);width:16px;height:16px;background:url(/pb/renew3/resource/img/microsite/ico_badge_new.png) no-repeat 100%/100%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.bplinkList li:nth-child(2), .bplinkList li:nth-child(3){margin:0 0 0 8px;}
	.bplinkList li:nth-child(4){margin:8px 0 0 0;}
	.bplinkList li:nth-child(5), .bplinkList li:nth-child(6){margin:8px 0 0 8px;}
}
.bpMsBanner{display:flex;justify-content:center;margin:30px 0;background:#d6e8ff;border-radius:12px;}
.bpMsBanner img{width:100%;max-width:335px;}
.aplinkList{display:flex;gap:11px;}
.aplinkList li{flex: 1 1 50%;border-radius:12px;}
.aplinkList li a{color:#fff;}
.aplinkList li .img{width:100%;height:134px;}
.aplinkList li .img img{width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0;}
.aplinkList li .txtBox{padding:18px 5px 15px 15px;background:#396184;border-radius:0 0 12px 12px;line-height:17px;}
.aplinkList li + li .txtBox{background:#396184;}
.aplinkList li .txtBox span{display:block;font-size:12px;letter-spacing:-0.5px;opacity:0.7;}
.aplinkList li .txtBox strong{display:block;margin-top:3px;font-size:16px;font-weight:700;letter-spacing:-0.32px;opacity:0.9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.aplinkList li + li{margin-left:8px;}
}
.popup-code{margin-bottom: 30px;}
.popup-code .code-header{display:flex;flex-wrap:inherit;justify-content:center;flex-direction:row;margin-bottom:30px;line-height:30px;text-align:center;}
.popup-code .code-header .tit{font-family:'SFProText';font-size:28px;letter-spacing:-1.4px;color:#457cdb;text-align:center;line-height:1;font-weight:700;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.popup-code .code-header a{display:inline-flex;margin-left:8px;}
.popup-code .module-code{margin-bottom: 30px;}
.barCode, .qrCode{display:flex;justify-content:center;flex-direction:column;align-items:center;}
.codeThumb{position:relative;width:246px;height:50px;overflow:hidden;}
.codeNum{font-size:16px;color:#000;line-height:normal;margin-top:10px;}
.icon.ic_right_round_30{width:30px;height:30px;background-size:30px 30px;background-image:url(/pb/renew3/resource/img/common/ic_right_round_30.svg);}
.footerInner{padding:40px 20px 94px;background:#f5f5f5;}
.footerLinks{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:25px;justify-content:center;}
.footerLinks li:after{content:"";display:inline-block;position:relative;margin:1px 15px -1px;width:1px;height:12px;background:#e2e2e2;}
.footerLinks li:last-child:after{display:none;}
.footerLinks a{font-size:13px;line-height:1.4;font-weight:700;color:#666;}
.footerCopyright{font-size:12px;line-height:14px;color:#888;text-align:center;}

/* 뷰티포인트 멤버십 개편 안내 팝업(Layer) */
.microPopup .popupWrap.fullLayer{min-width:320px;}
.microPopup .popupcontainerBox{background:#191919;}
.microPopup .mcPopTop{padding-top:64px;height:258px;background:url(/pb/renew3/resource/img/microsite/bg_micrositePop_top.png) no-repeat top center;background-size:400px auto;}
.microPopup .mcPopTop h1{display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:36px;line-height:1.17;letter-spacing:-0.36px;color:#fff;text-align:center;}
.microPopup .mcPopTop h1:before{content:"";display:inline-flex;margin-bottom:8px;width:117.8px;height:45px;background:url(/pb/renew3/resource/img/microsite/img_micrositePop_top.png) no-repeat;background-size:contain;}
.mcPopCon{padding:0 20px;}
.mcPopList{display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:335px;margin:0 auto;}
.mcPopList li{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px 20px 24px;width:100%;border-radius:8px;background:#fff;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.1);}
.mcPopList li + li{margin-top:10px;}
.mcPopList li .titTxt{font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;color:#298cf0;}
.mcPopList li .listTxt{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;}
.mcPopList li .listTxt:before{content:"";display:inline-flex;width:120px;height:80px;margin-top:10px;}
.mcPopList li:nth-child(1) .listTxt:before{background: url(/pb/renew3/resource/img/microsite/img_micrositePop_01.png) 100%/100%;}
.mcPopList li:nth-child(2) .listTxt:before{background: url(/pb/renew3/resource/img/microsite/img_micrositePop_02.png) 100%/100%;}
.mcPopList li:nth-child(3) .listTxt:before{background: url(/pb/renew3/resource/img/microsite/img_micrositePop_03.png) 100%/100%;}
.mcPopList li dt{margin-top:12px;font-size:18px;font-weight:700;line-height:1.23;}
.mcPopList li dd{margin-top:8px;font-size:13px;line-height:1.38;color:#888;}
.mcPopList li dd.smTxt{font-size:11px;line-height:1;}
.mcPopList li dd.listImg{margin:16px 0 6px;}
.mcPopList li dd.listImg img{width:176px;}
.mcPopCon > p{margin:20px 0 48px;font-size:12px;line-height:1.33;text-align:center;color:#888;}