<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*@import 'core.css';[D]배포:20230925-삭제*/

.bpGradeInfo .topInfo{display:flex;align-items:center;position:relative;}
.bpGradeInfo .topInfo:before{content:"";flex:none;width:55px;height:55px;background-repeat:no-repeat;}
.bpGradeInfo.family	.topInfo:before{background-image:url(/pb/renew3/resource/img/common/ico_bp_family.svg);}
.bpGradeInfo.green	.topInfo:before{background-image:url(/pb/renew3/resource/img/common/ico_bp_green.svg);}
.bpGradeInfo.silver	.topInfo:before{background-image:url(/pb/renew3/resource/img/common/ico_bp_silver.svg);}
.bpGradeInfo.gold	.topInfo:before{background-image:url(/pb/renew3/resource/img/common/ico_bp_gold.svg);}
.bpGradeInfo.platinum .topInfo:before{background-image:url(/pb/renew3/resource/img/common/ico_bp_platinum.svg);}
.bpGradeInfo .topInfo .infoGrade{display:block;padding-left:15px;font-size:18px;line-height:24px;font-weight:700;color:#000;}
.bpGradeInfo .topInfo .infoGrade em{font-weight:700;}
.bpGradeInfo.family	.topInfo em{color:#3781f7;}
.bpGradeInfo.green	.topInfo em{color:#37b271;}
.bpGradeInfo.silver	.topInfo em{color:#888;}
.bpGradeInfo.gold	.topInfo em{color:#e8bd16;}
.bpGradeInfo.platinum .topInfo em{color:#4c6577;}
.bpGradeInfo .infoBtS{margin:-2px 0 2px 2px;width:20px;height:20px;background:url(/pb/renew3/resource/img/common/ico_info_s.svg) no-repeat;font-size:0;text-indent:-999px;}
.bpGradeInfo .roundBox{margin-top:30px;padding:20px;text-align:center;border-radius:8px;background:#f5f6ff;font-size:15px;line-height:20px;}
.bpGradeInfo .roundBox strong{display:block;margin-bottom:10px;font-size:17px;}
.bpGradeInfo .progressBox{margin-top:35px;}
.bpGradeInfo .pgBg{height:5px;background:#f0f0f0;border-radius:3px;}
.bpGradeInfo .pgBar{position:relative;display:block;min-width:15px;height:5px;border-radius:3px;text-indent:-999px;font-size:0;background:#3a416f;}
.bpGradeInfo .pgBar:after{content:"";position:absolute;top:-5px;right:0;width:15px;height:15px;border-radius:8px;border:1px solid #fff;
    box-shadow:1px 1px 7px 0 rgba(58, 65, 111, 0.3);background:#3a416f;}
/* .bpGradeInfo.family	.pgBar{background:#3781f7;}
.bpGradeInfo.green	.pgBar{background:#37b271;}
.bpGradeInfo.silver	.pgBar{background:#b2b2b9;}
.bpGradeInfo.gold	.pgBar{background:#fed329;}
.bpGradeInfo.platinum .pgBar{background:#4c6577;}
.bpGradeInfo.family	.pgBar:after{background:#3781f7;}
.bpGradeInfo.green	.pgBar:after{background:#37b271;}
.bpGradeInfo.silver	.pgBar:after{background:#b2b2b9;}
.bpGradeInfo.gold	.pgBar:after{background:#fed329;}
.bpGradeInfo.platinum .pgBar:after{background:#4c6577;} */
.bpGradeInfo .pgGrade{display:flex;justify-content:space-between;align-items:center;margin-top:12px;}
.bpGradeInfo .pgGrade span{color:#a8a8a8;font-size:12px;font-weight:700;}
.bpGradeInfo .pgGrade span + span{color:#000;}
.bpGradeInfo .buyPrice{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:16px;}
.bpGradeInfo .tooltip{margin:-4px 0 0 0;}
html[data-os-name=ios] .bpGradeInfo .tooltip{margin:-6px 0 0 0;}
.bpGradeInfo .tooltip .layerTooltip {min-width:260px;}
.bpGradeInfo .icon.icoTooltipInfo:before{width:20px;height:20px;background-size:20px;}

.bpGradeList{margin-top:30px;}
.bpGradeList li{display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:1;color:#333;}
.bpGradeList li + li{margin-top:10px;}
.bpGradeList + .btnBpGrade{margin-top:24px;}
.btnBpGrade{width:100%;height:43px;font-size:14px;font-weight:700;border-radius:8px;border:1px solid #000;}
a.btnBpGrade{display:inline-flex;align-items:center;justify-content:center;color:#000;}
html[data-os-name=ios] .btnBpGrade{padding-top:3px;}

.popBpGd{width:100%;}
.popBpGd .roundBox{padding:17px 0 16px;text-align:center;border-radius:8px;background:#f5f6ff;font-size:14px;line-height:17px;}
.popBpGd .roundBox b{font-weight:700;}
.pgBarList{display:flex;padding:62px 20px 0;}
.pgBarList li{position:relative;width:25%;padding-bottom:15px;}
.pgBarList li.pt{width:0;}
.pgBarList li .pgBg{position:relative;margin-bottom:12px;display:block;width:100%;height:6px;border-radius:3px;background:#f5f6fe;}
.pgBarList li .pgBar{display:block;max-width:100%;height:6px;border-radius:3px;font-size:0;letter-spacing:-999px;background:#3a416f;}
.pgBarList li .pgBar:before{content:"";position:absolute;left:-3px;width:6px;height:6px;border:1px solid #666;background:#fff;border-radius:3px;}
.pgBarList li .pgBar.bdc{border-radius:0;}
.pgBarList li .pgBar.bdc:before{border-color:#23284b;}
.pgBarList li:first-child .pgBar.bdc{border-radius:3px 0 0 3px;}
.pgBarList li.fm .pgBar:before{left:0;}
.pgBarList li.pt .pgBar:before{left:-6px;}
.pgBarList li.on .pgBar:before{top:-6px;left:-6px;width:18px;height:18px;border-radius:9px;border:1px solid #fff;
    box-shadow:1px 1px 7px 0 rgba(58, 65, 111, 0.3);background:#3a416f;}
.pgBarList li.on .pgBar:after{content:"";z-index:2;position:absolute;top:-17px;left:-2px;width:8px;height:6px;transform:rotate(180deg);
	background-size:8px 7px;background-image:url(/pb/renew3/resource/img/common/ico_tooltip_bubble.svg);box-shadow:0 3px 6px 0 rgba(58, 65, 111, 0.1);}
.pgBarList li.on.fm .pgBar:before{left:-9px;}
.pgBarList li.on.fm .pgBar:after{left:-4px;}
.pgBarList li.on.pt .pgBar:before{left:-9px;}
.pgBarList li.on.pt .pgBar:after{left:-5px;}
.pgBarList li em{z-index:0;position:absolute;left:0;font-size:12px;color:#888;text-align:center;}
.pgBarList li.fm em{left:-16px;text-align:left;}
.pgBarList li.gr em{left:-18px;}
.pgBarList li.sv em{left:-17px;}
.pgBarList li.gd em{left:-17px;}
.pgBarList li.pt em{left:-46px;min-width:66px;text-align:right;}
.pgBarList li.on em{top:-43px;padding:6px 10px 0;height:27px;line-height:1;border:1px solid #3a416f;border-radius:4px;font-size:13px;font-weight:700;color:#3a416f;
    box-shadow:0 3px 6px 0 rgba(58, 65, 111, 0.1);background:#fff;}
html[data-os-name=ios] .pgBarList li.on em{padding:7px 10px 0;}
.pgBarList li.on.fm em{left:-20px;}
.pgBarList li.on.fm em:before{left:18px;}
.pgBarList li.on.gr em{left:-30px;}
.pgBarList li.on.sv em{left:-30px;}
.pgBarList li.on.gd em{left:-26px;}
.pgBarList li.on.pt em{left:-72px;min-width:90px;text-align:center;}
.pgBarList li.on.pt em:before{left:70px;}

.pgBarList li.price1 .prcTxt{left:-10px;}
.pgBarList li.price2 .prcTxt{left:-18px;}
.pgBarList li.price3 .prcTxt{left:-18px;}
.pgBarList li.price4 .prcTxt{left:-18px;}
.pgBarList li.price5 .prcTxt{left:-40px;min-width:60px;text-align:right;}
.pgBarList li.price5{width:0;}

.pgBarList li .prBar{display:block;position:relative;max-width:100%;height:6px;border-radius:3px;font-size:0;background:#3a416f;}
.pgBarList li .prBar:before{content:"";position:absolute;left:-3px;width:6px;height:6px;border:1px solid #666;background:#fff;border-radius:3px;}
.pgBarList li .prBar.on{border-radius:0;}
.pgBarList li .prBar.on:before{border-color:#3a416f;}
.pgBarList li .prcTxt{z-index:0;position:absolute;left:0;font-size:12px;color:#888;text-align:center;}
.pgBarList li .prcBalloon{display:none;z-index:1;position:relative;top:-41px;right:0;width:100%;}
.pgBarList li .prcBalloon:before{content:"";z-index:2;position:absolute;bottom:-31px;right:-4px;width:8px;height:6px;transform:rotate(180deg);
    background-size:8px 7px;background-image:url(/pb/renew3/resource/img/common/ico_tooltip_bubble.svg);box-shadow:0 3px 6px 0 rgba(58, 65, 111, 0.1);}
.pgBarList li .prcBalloon b{position:absolute;top:0;right:0;margin-right:-35px;text-align:center;border:1px solid #3a416f;border-radius:4px;
    padding:7px 10px 0;height:26px;line-height:1;word-break:keep-all;font-size:13px;font-weight:700;color:#3a416f;
    box-shadow:0 3px 6px 0 rgba(58, 65, 111, 0.1);background:#fff;}
.pgBarList li.price1 .prcBalloon b{width:36px;margin-right:-19px;}
html[data-os-name=ios] .pgBarList li .prcBalloon b{padding:7.5px 10px 0;}
.pgBarList li .prcBalloon:after{content:"";position:absolute;bottom:-52.5px;right:-9px;width:18px;height:18px;border-radius:9px;
    border:1.2px solid #fff;box-shadow:1px 1px 7px 0 rgba(58, 65, 111, 0.3);background:#3a416f;}
.pgBarList li.select .prcBalloon{display:inline-block;}
.pgBarList li.price5.select .prcBalloon b{margin-right:-22px;}

.popBpGd .bpGradeList li:first-child{font-size:17px;font-weight:700;color:#000;line-height:1;}
.popBpGd .bpGradeList li:first-child + li{margin-top:20px;}
.popBpGd .bpGradeList li{font-size:12px;}
.popBpGd .bpGradeList li.type1{font-size:13px;color:#888;line-height:1;}
.popBpGd .bpGradeList li + li{margin-top:7px;}
.popBpGd .lineInfo{margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0;font-size:12px;color:#888;text-align:left;}

.bpRwPoint dt{margin:20px 0 30px;font-size:16px;line-height:24px;color:#000;}
.bpRwPoint dd{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #ddd;border-radius:12px;}
.bpRwPoint dd + dd{margin-top:20px;}
.bpRwPoint .infoTxt{font-size:14px;line-height:18px;color:#888;}
.bpRwPoint .infoTxt b{display:block;margin-bottom:10px;font-size:16px;color:#000;}
.bpRwPoint .check:before{content:"";display:block;margin-bottom:2px;width:40px;height:40px;background:url(/pb/renew3/resource/img/common/ico_reward_check_off.svg) no-repeat;}
.bpRwPoint .check{text-align:center;font-size:13px;color:#888;}
.bpRwPoint .check.on:before{background:url(/pb/renew3/resource/img/common/ico_reward_check_on.svg) no-repeat;}
.bpRwPoint .check.on{color:#457cdb;}

.bpRwPoint.type1.topLine{margin-top:30px;padding-top:0;}
.bpRwPoint.type1 dt{margin:30px 0 25px;line-height:1.5;word-break:keep-all;}
.bpRwPoint.type1 dd.noBox{display:block;padding:0;border:0;}

.bpRwPoint1{padding:20px;border:1px solid #ddd;border-radius:12px;}
.bpRwPoint1 li{display:flex;justify-content:space-between;align-items:center;}

.vipBenefit{padding-top:20px;}
.vipBenefit .roundBox{margin:0 0 20px;padding:20px;border-radius:8px;background:#f5f6f8;font-size:12px;line-height:16px;color:#888;}
.vipBenefit .rBoxList &gt; li{padding:25px 20px;border:1px solid #ddd;border-radius:12px}
.vipBenefit .rBoxList &gt; li + li{margin-top:20px;}
.vipBenefit .rBoxList &gt; li b{display:block;font-size:16px;line-height:18px;line-height:1;}
.vipBenefit .rBoxList &gt; li strong{display:block;margin-top:8px;font-size:24px;line-height:1.25;}
.vipBenefit .rBoxList &gt; li strong.vPoint{color:#457cdb;}
.vipBenefit .rBoxList &gt; li .btnContained{width:100%;}
.vipBenefit .rBoxList &gt; li p{margin:10px 0 0;font-size:13px;line-height:18px;color:#888;}
.vipBenefit .rBoxList .date{margin:10px 0 20px;font-size:13px;line-height:18px;color:#888;}
.vipBenefit .rBoxList + .linkText{margin-top:30px;}

.listGrade{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0;}
.listGrade li{display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;
	padding:20px 0;width:23.2%;font-size:12px;line-height:16px;text-align:center;color:#fff;}
.listGrade li strong{display:block;font-size:14px;}
.listGrade li:nth-child(1){background:#37b271;height:105px;}
.listGrade li:nth-child(2){background:#b2b2b9;height:125px;}
.listGrade li:nth-child(3){background:#ffcf14;height:145px;}
.listGrade li:nth-child(4){background:#4c6577;height:165px;}

/* 뷰포 상세내역 */
.gradeInfo{display:flex;}
.gradeInfo .gradeCont{position:relative;flex:1 1 auto;padding:33px 0;text-align:center;background:#f5f6ff;}
.gradeInfo .gradeCont:nth-child(2):before{content:'';position:absolute;left:0;top:34px;width:1px;height:53px;background:#e2e2e2;}
.gradeInfo .gradeCont .tit{display:block;color:#1d2037;font-size:13px;}
.gradeInfo .gradeCont .val{display:inline-flex;margin-top:6px;align-items:center;color:#3a416f;font-size:22px;}
.gradeInfo .gradeCont .val.grade{font-size:19px;}
.gradeInfo .gradeCont .val.grade button{margin-left:7px;font-size:0;}
.gradeInfo .gradeCont.disabled .tit, .gradeInfo .gradeCont.disabled .val{color:#888;}
.pointTab .dateBox .dateBtn{display:flex;padding:10px 20px;background:#f5f6f8;}
.pointTab .dateBox button + button{margin-left:8px}
.pointTab .dateCalendar{padding:6px 20px 20px;background:#f5f6f8;}
.pointTab .dateCalendar .calendarCont{display:flex;}
.pointTab .dateCalendar .calendarCont .dateDash{display:inline-flex;align-items:center;padding:0 8px;color:#000;font-size:14px;}
.pointTab .dateCalendar .datebtnCont{margin-top:10px;}
.pointTab .dateCalendar .datebtnCont .btnContained{width:100%;}
.pointTab .dateInfo{padding:30px 20px;}
.pointTab .dateInfo .date{font-size:14px;color:#000;}
.pointTab .dateInfo .txt{display:block;margin-top:8px;font-size:12px;color:#888;}
.pointTab .pointInfo{display:flex;}
.pointTab .pointInfo .pointCont{flex-basis:50%;padding:22px 20px;border-top:1px solid #f0f0f0;}
.pointTab .pointInfo .pointCont:nth-child(2){border-left:1px solid #f0f0f0;}
.pointTab .pointInfo .pointCont .tit{display:block;font-size:14px;color:#000;font-weight:700;}
.pointTab .pointInfo .pointCont .pnt{display:block;margin-top:6px;font-size:22px;}
.pointList{padding:0 20px;border-top:10px solid #f0f0f0;}
.pointList .pointItem{padding:30px 0 27px;}
.pointList .pointItem:not(:first-child){border-top:1px solid #f0f0f0;}
.pointList .pointItem.nodataImg{padding:100px 0;}
.pointList .pointItem.disabled *{color:#888 !important;}
.pointList .pointItem .date{display:flex;align-items:center;font-size:14px;color:#000;font-weight:700;line-height:1;}
.pointList .pointItem .date .expiryDate{display:inline-block;margin:0 0 1px 8px;font-size:12px;font-weight:500;}
.pointList .pointItem .date .extntDate{margin-left:8px;}
.pointList .pointItem .itemWrap{display:flex;justify-content:space-between;margin-top:16px;}
.pointList .pointItem .itemWrap .info{flex:1;}
.pointList .pointItem .itemWrap .info &gt; p{display:-webkit-box;overflow:hidden;padding-right:20px;min-width:210px;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:18px;font-size:14px;color:#000;}
.pointList .pointItem .itemWrap .info &gt; span{display:-webkit-box;overflow:hidden;width:210px;
    -webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;margin-top:7px;font-size:14px;color:#888;}
.pointList .pointItem .itemWrap .pnt{line-height:1;color:#000;font-size:17px;font-weight:700;text-align:right;}
.pointList .pointItem .itemWrap .pnt &gt; span{display:block;margin-top:10px;text-align:right;font-size:14px;font-weight:400;}
.pointList .extntDetail{display:flex;justify-content:space-between;}
.pointList .extntDetail dt{color:#000;font-size:14px;}
.pointList .extntDetail dd{color:#000;font-size:17px;font-weight:700;}
.pointTab .moreBtnCont{margin:10px 20px 30px;}
.pointTab .moreBtnCont .btnOutlined{width:100%;}
.pointTab .dateGuide .foldBtn{padding:20px 0 20px 20px;border-bottom:1px solid #f0f0f0;}
.pointTab .dateGuide .foldBtn .tit{color:#333;font-size:14px;}
.pointTab .dateGuide .foldTxt{padding:20px;}
.pointTab .dateGuide .foldTxt .subTxt{display:block;margin-top:10px;}
.pointTab .datefilter{padding:16px 20px;border-top:10px solid #f0f0f0;background:#f5f6f8;}
.pointTab .datefilter .filterBtn{display:flex;margin-top:16px;}
.pointTab .extntInfo{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #f0f0f0;}
.pointTab .extntInfo dt{color:#000;font-size:16px;font-weight:700;}
.pointTab .extntInfo dd{color:#000;font-size:18px;font-weight:700;}

.dateBtn{display:flex;padding:10px 20px;background:#f5f6f8;}
.dateBtn button + button{margin-left:8px}
.dateCalendar{padding:6px 20px 20px;background:#f5f6f8;}
.dateCalendar .calendarCont{display:flex;}
.dateCalendar .calendarCont .dateDash{display:inline-flex;align-items:center;padding:0 8px;color:#000;font-size:14px;}
.dateCalendar .datebtnCont{margin-top:10px;}
.dateCalendar .datebtnCont .btnContained{width:100%;}
.dateInfo{padding:30px 20px;}
.dateInfo .date{font-size:14px;color:#000;}
.dateInfo .txt{display:block;margin-top:8px;font-size:12px;color:#888;}
.dateTotalPrice{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:58px;
	font-size:16px;line-height:20px;border-top:1px solid #f0f0f0;}

.tabContent{display:none;}
.tabContent.on{display:block;}
.listCont{padding:0 20px;}
.listCont .topInfo{display:flex;align-items:center;margin-top:15px;height:43px;}
.listCont .topInfo strong{margin-left:4px;}
.listCont .topInfo .icon.icoTooltipInfo:before{width:20px;height:20px;background-size:20px;}
.listCont .tooltip{margin:-1px 0 0 7px;}
.listCont .tooltip .layerTooltip{left:calc(50% - 69px);min-width:238px;}
.listCont .nodataImg{padding:100px 0;}
.listCont .moreBtnCont{margin:10px 0 30px;width:100%;}
.listType1 li{display:flex;justify-content:space-between;align-items:center;padding:25px 0;}
.listType1 li .btnReceipt{width:50px;height:50px;font-size:0;letter-spacing:-999px;
	background:url(/pb/renew3/resource/img/reciept/btn_receipt01.png) no-repeat 100%/100%;}
.listType1 li + li{border-top:1px solid #f0f0f0;}
.listType1 .txt{display:inline-grid;width:-webkit-fill-available;font-size:14px;line-height:18px;}
.listType1 .txt time{display:block;margin-bottom:16px;font-weight:700;}
.listType1 .txt em{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.listType1 .txt small{display:-webkit-box;;margin-top:7px;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#888;}
.listType1 .txt strong{display:block;margin-top:7px;}
.listType1 .txt .pri{font-weight:700;color:#000;}
.listType1 .txt .poi{font-weight:normal;color:#888;}
.listType1 .txt .poi:before{content:"";display:inline-block;margin:0 7px;width:1px;height:12px;background:#ccc;}

.smartReceipt{display:flex;flex-direction:column;padding:40px 20px 0;
	background-color:rgba(41, 119, 255, 0.05);
	background-size:92px;
	background-position:calc(100% - 20px) 33px;
	background-repeat:no-repeat;}
.smartReceipt.type1{background-image:url(/pb/renew3/resource/img/reciept/receipt_img01.png);}
.smartReceipt.type2{background-image:url(/pb/renew3/resource/img/reciept/receipt_img02.png);}
.smartReceipt &gt; dl{padding-bottom:30px;}
.smartReceipt &gt; dl dt{font-size:20px;line-height:27px;font-weight:700;}
.smartReceipt &gt; dl dd{margin-top:15px;font-size:14px;line-height:21px;}
.smartReceipt &gt; dl em{color:#457cdb;font-weight:700;}
.smartReceipt &gt; dl dd.bTxt{margin-top:20px;font-size:16px;line-height:20px;}
.smartReceipt &gt; dl dd.sTxt{margin-top:20px;}
.smartReceipt &gt; dl dd small{display:block;margin-top:5px;color:#888;}
.smartReceipt &gt; dl .udLine{position:relative;margin-left:8px;}
.smartReceipt &gt; dl .udLine:before{content:"";position:absolute;left:-2px;bottom:0;width:calc(100% + 4px);height:10px;
	background:rgba(41, 119, 255, 0.2);}
.smartReceipt &gt; dl .btnContained{width:100%;margin-top:30px;}
.smartReceipt &gt; dl .hashTag{margin-top:20px;}
.smartReceipt &gt; dl .hashTag &gt; em{display:inline-flex;align-items:center;height:22px;padding:0 7px;
	border:1px solid #3a416f;border-radius:4px;
	color:#3a416f;font-size:12px;line-height:unset;font-weight:normal;}
html[data-os-name=ios] .smartReceipt &gt; dl .hashTag &gt; em{padding-top:1px;}
.smartReceipt &gt; dl .hashTag &gt; em + em{margin-left:7px;}

@media screen and (min-width:800px){
	.smartReceipt{background-position:calc(50% + 23%) 33px;}
	.smartReceipt &gt; dl dt{padding-left:23.5%;}
	.smartReceipt &gt; dl dd p{padding-left:23.5%;}
	.smartReceipt &gt; dl dd .hashTag{padding-left:23.5%;}
}

.linkAgree{display:block;display:flex;align-items:center;margin:0 -20px;height:56px;padding:0 20px;font-size:14px;line-height:18px;background:#fff;color:#000;}
.linkAgree &gt; span{display:block;width:100%;padding:1px 8px 0;}
.linkAgree:before{content:"";display:inline-block;width:24px;height:24px;background:url(/pb/renew3/resource/img/common/ic_receipt_setting.svg) no-repeat 100%/100%;}
.linkAgree:after{content:"";display:inline-block;width:16px;height:16px;background:url(/pb/renew3/resource/img/common/ic_arrow_right.svg) no-repeat 100%/100%;}

.brandBi{display:flex;justify-content:center;}
.brandBi img{height:50px;}
.receiptDetail{border:1px solid #000;border-width:1px 0;}

.lineTable tr.pdt30 td{padding-top:30px;}
.lineTable tr.pdt20 td{padding-top:20px;}
.lineTable tr.pdt16 td{padding-top:16px;}
.lineTable tr.pdb10 td{padding-bottom:10px;}
.lineTable b{font-weight:700;}
.lineTable small{color:#888;font-size:14px;line-height:20px;}

.lineTable.type1 th,
.lineTable.type1 td{padding:20px 0px;height:initial;font-size:14px;word-break:keep-all;}
.lineTable.type1 th{line-height:18px;font-weight:700;border-top:0;border-bottom:1px solid #f0f0f0;}
.lineTable.type1 td{line-height:20px;border-bottom:0;word-break:break-all;}
.lineTable.type1 tr:last-child td{border-bottom:1px solid #f0f0f0;}
.lineTable.type1 tr + tr td{padding:0 0 20px;word-break:break-all;}
.lineTable.type1 tr.setLine td{padding-bottom:12px;}
.lineTable.type2{margin-bottom:20px;}
.lineTable.type2 col{width:auto !important;}
.lineTable.type2 td{padding:10px 0 0;height:initial;border-bottom:0;font-size:14px;word-break:keep-all;}
.lineTable.type2 tr:first-child td{padding:20px 0 0;}
.lineTable.type2 tr.lineType1 td{padding-bottom:20px;border-bottom:1px solid #f0f0f0;}
.lineTable.type2 tr.lineType2 td{padding-bottom:30px;border-bottom:1px solid #f0f0f0;}
.lineTable.type2 tr.total td{padding:10px 0 0;font-size:14px;font-weight:700;}
.lineTable.type2 tr.lineType2 + tr.total td{padding:30px 0 0;}

.receiptAdd{display:flex;align-items:flex-end;justify-content:space-between;padding:30px 0;font-size:14px;line-height:20px;}
.receiptAdd + .receiptAdd{border-top:1px solid #000;}
.receiptAdd dt{margin-bottom:16px;line-height:18px;font-weight:700;}
.receiptAdd dd{line-height:20px;}
.receiptAdd .nextLine{display:block;padding-left:66px;}
.receiptAdd .chit{line-height:20px;text-align:right;}
.barcodeWrap{display:flex;align-items:center;flex-direction:column;padding:20px;}
.barcodeWrap .barcodeSet{margin:0 auto;}
.barcodeWrap .barcodeSet + strong{display:block;margin-top:20px;}
.receiptAdd.type1{display:block;}
.receiptAdd.type1 dd{display:flex;align-items:flex-end;justify-content:space-between;}
.receiptAdd.type1 dd ul{flex:1;padding:0 20px 0 0;}
.receiptAdd.type1 dd ul + ul{border-left:1px solid #f0f0f0;padding:0 0 0 20px;}
.receiptAdd.type1 dd li{display:flex;align-items:flex-end;justify-content:space-between;}
.receiptAdd.type1 dd li + li{margin-top:10px;}
.receiptAdd.type1 dd + dd{margin-top:10px;}

.wrapScratch{position:relative;width:100%;height:150px;overflow:hidden;}
.wrapScratch .pointArea{display:flex;justify-content:center;height:150px;}
.wrapScratch .pointArea &gt; img{width:100%;height:100%;}
.wrapScratch .pointArea strong{display:inline-flex;align-items:center;
	position:absolute;top:calc(50% - 33px);left:33.6%;padding:0 14px;
	height:36px;line-height:unset;background:#457cdb;border-radius:18px;
	color:#fff;font-size:24px;font-weight:700;}
html[data-os-name=ios] .wrapScratch .pointArea strong{padding-top:4px;}
.wrapScratch .scratchArea{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;}
.wrapScratch .scratchArea canvas{width:unset !important;height:150px !important;}

@media all and (min-width:550px) {
	.wrapScratch .pointArea &gt; img{width:unset;}
	.wrapScratch .pointArea strong{top:43px;left:calc(50% - 150px);}
	.wrapScratch .scratchArea canvas{width:1024px !important;}
}

.receiptAlert{padding:40px 10px;text-align:center;background:#f5f6f8;}
.receiptAlert h2 span{position:relative;font-size:18px;line-height:28px;font-weight:700;letter-spacing:-1px;}
.receiptAlert h2 span:before{content:"";display:inline-block;position:absolute;left:-4px;bottom:0;width:calc(100% + 8px);height:10px;
	background:rgba(41, 119, 255, 0.2);}
.receiptAlert p{margin-top:11px;font-size:14px;line-height:21px;color:#888;word-break:keep-all;}

.countArea{display:flex;justify-content:center;align-items:center;padding:0 20px;border-bottom:1px solid #f0f0f0;}
.countArea dl{position:relative;padding:20px 0 20px 20px;width:50%;text-align:center;color:#3a416f;}
.countArea dl:first-child{padding:20px 20px 20px 0;}
.countArea dl:first-child:after{content:"";position:absolute;top:20px;right:0;width:1px;height:49px;background:#f0f0f0;}
.countArea dt{font-size:14px;line-height:17px;}
.countArea dd{display:flex;justify-content:center;align-items:center;margin-top:5px;font-size:22px;line-height:24px;font-weight:700;}

.stampArea{padding:30px 20px;text-align:center;}
.stampArea h2 span{position:relative;font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.5px;}
.stampArea h2 span:before{content:"";display:inline-block;position:absolute;left:-4px;bottom:0;width:calc(100% + 8px);height:10px;
	background:rgba(41, 119, 255, 0.2);}
.stampArea ul{position:relative;margin:30px auto 20px;width:335px;display:flex;flex-wrap:wrap;justify-content:center;}
.stampArea ul.block:after{content:"";position:absolute;width:100%;height:100%;
	background:rgba(0, 0, 0, 0.5);border-radius:12px;
	font-size:15px;font-weight:700;color:#fff;text-align:center;word-break:keep-all;}
.stampArea ul.type1:after{padding-top:100px;content:"참여 가능한 복권이 없습니다";}
.stampArea ul.type2:after{padding-top:89px;content:"월 최대 적립 포인트를 초과했습니다. 다음 달에 참여해 주세요!";}
.stampArea li{width:103px;height:103px;display:inline-flex;font-size:12px;line-height:16px;
	flex-direction:column;align-items:center;justify-content:center;
	background:url(/pb/renew3/resource/img/reciept/img_stamp_bg.png) no-repeat 100%/100%;}
.stampArea li:nth-child(2){margin:0 13px;}
.stampArea li:nth-child(4){margin:13px 6px 0 0;}
.stampArea li:nth-child(5){margin:13px 0 0 7px;}
.stampArea li .num{font-size:18px;color:#ccc;font-weight:700;}
.stampArea li b{display:block;margin:38px 0 1px;font-weight:700;font-size:14px;line-height:16px;color:#457cdb;}

.stampArea li.on{color:#fff;background:url(/pb/renew3/resource/img/reciept/img_stamp_on.png) no-repeat 100%/100%;}
.stampArea li.on b{color:#fff;}
.stampArea li.off{color:#3a416f;background:url(/pb/renew3/resource/img/reciept/img_stamp_off.png) no-repeat 100%/100%;}
.stampArea li.cancel{color:#3a416f;background:url(/pb/renew3/resource/img/reciept/img_stamp_cancel.png) no-repeat 100%/100%;opacity:0.7;}
.stampArea li.cancel b{color:#3a416f;}
.stampArea li.on .num, .stampArea li.off .num, .stampArea li.cancel .num{display:none;}

.stampArea p.txt{font-size:13px;line-height:20px;color:#888;}
.stampArea .btnContained{margin-top:30px;width:100%;height:55px;font-size:16px;font-weight:700;}

@media all and (max-width:360px) {
	.stampArea{padding:30px 0;}
	.stampArea .btnContained{margin:30px 20px 0;max-width:320px;}
}

@media all and (min-width:640px) {
	.stampArea ul{width:520px;}
	.stampArea li:nth-child(2){margin:0 104px;}
	.stampArea li:nth-child(4){margin:13px 52px 0 0;}
	.stampArea li:nth-child(5){margin:13px 0 0 52px;}
}

.bploginArea{padding:30px 20px;}
.bploginArea dt{margin-bottom:20px;font-size:14px;line-height:18px;color:#888;text-align:center;}
.bploginArea dd ul{margin-bottom:20px;padding:20px;background:#f5f6f8;border-radius:8px;}
.bploginArea dd li{font-size:12px;line-height:16px;color:#888;}
.bploginArea dd li + li{margin-top:10px;}

.quizTop{padding:24px 20px 30px;background:#f4f8ff;}
.quizTop dl{display:flex;justify-content:center;flex-direction:column;align-items:center;}
.quizTop dl:before{content:"";display:inline-block;width:200px;height:130px;background:url(/pb/renew3/resource/img/quiz/img_quiz_01.png) no-repeat 100%/100%;}
.quizTop dt{margin-top:8px;font-size:16px;line-height:20px;text-align:center;}
.quizTop dt b{display:block;margin-bottom:10px;font-size:20px;line-height:28px;font-weight:700;}
.quizTop dt b em{position:relative;color:#457cdb;}
.quizTop dt b em:before{content:"";position:absolute;left:-2px;bottom:0;width:calc(100% + 4px);height:10px;
	background:rgba(41, 119, 255, 0.2);}
.quizTop dd{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:0 20px;
	width:100%;max-width:360px;height:55px;border:1px solid #000;border-radius:8px;background:#fff;}
.quizTop dd b{font-size:16px;line-height:18px;font-weight:700;}
.quizTop dd strong{display:inline-flex;align-items:center;font-size:20px;line-height:1.3;font-weight:700;color:#457cdb;}
html[data-os-name=ios] .quizTop dd strong{padding-top:2px;}
.quizTop dd strong .pRfBtn{margin-left:6px;}
html[data-os-name=ios] .quizTop dd strong .pRfBtn{margin-top:-2px;}
@media all and (min-width:640px) {
	.quizTop dd{max-width:520px;}
}

.quizList{padding:30px 0;}
.quizList &gt; dt, .quizList &gt; dd{padding:0 20px;}
.quizList &gt; dt em{display:inline-flex;align-items:center;padding:0 11px;height:26px;line-height:1.3;font-size:14px;font-weight:700;color:#457cdb;
    border:1px solid #457cdb;border-radius:13px;}
html[data-os-name=ios] .quizList &gt; dt em{padding-top:3px;}
.quizList &gt; dt b{display:flex;margin-top:14px;font-size:20px;line-height:28px;font-weight:700;}
.quizList &gt; dt b:before{content:"";display:inline-block;flex:none;margin-right:10px;width:25px;height:26px;
    background:url(/pb/renew3/resource/img/quiz/img_quiz_02.png) no-repeat 100%/100%;}
.quizList &gt; dd ~ dt{margin-top:30px;padding-top:30px;border-top:1px solid #f0f0f0;}

.quizIp{margin-top:30px;margin-bottom:0;}
.quizIp li + li{margin-top:8px;}
.quizIp li label{position:relative;display:block;height:52px;border-radius:8px;overflow:hidden;}
.quizIp li label .ipAnswer{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.quizIp li label .txt{transition:all 0.1s linear;z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 20px;
	font-size:16px;color:#888;font-weight:normal;border:1px solid #e2e2e2;border-radius:8px;}
.quizIp li label .ipAnswer:disabled{cursor:default;}
.quizIp li label .ipAnswer:checked + .txt,
.quizIp li label .ipAnswer.checked + .txt{border-color:#3a416f;color:#3a416f;font-weight:700;background:#fafbff;}
.quizIp li label .pgBar{display:none;position:absolute;top:0;right:0;height:100%;font-size:0;letter-spacing:-999px;background:#f0f0f0;}
.quizIp li label em{display:none;align-items:center;justify-content:flex-end;position:absolute;top:0;right:0;height:100%;
	padding:0 20px;border-radius:0 8px 8px 0;font-size:16px;color:#888;}
.quizIp li label .ipAnswer:checked + .txt + .pgBar,
.quizIp li label .ipAnswer.checked + .txt + .pgBar{color:#3a416f;font-weight:700;background:#eff1fc;}
.quizIp.balance li label .pgBar{display:block;}
.quizIp.balance li label em{display:flex;}
.quizIp.balance li label .ipAnswer:checked + .txt,
.quizIp.balance li label .ipAnswer.checked + .txt{background:none;}

.quizList .inp{height:52px;font-size:16px;}
.quizList .quizExp{margin-top:20px;padding:20px;background:#fafbff;border-radius:8px;border:1px solid #eff1fc;color:#3a416f;font-size:14px;line-height:20px;}
.quizList .quizExp dt{margin-bottom:10px;font-size:15px;font-weight:700;}
.quizList .quizBt{margin-top:30px;display:flex;justify-content:space-between;align-items:center;}
.quizList .quizBt a, .quizList .quizBt button{flex:1;height:52px;font-size:16px;font-weight:700;}
.quizList .quizBt a{margin-right:4px;}
.quizList .quizBt a ~ button{margin-left:4px;}
/* .quizList .quizIp .inp:focus{color:#3a416f;font-weight:700;}
.quizList .quizIp .inp:focus ~ .inpFrame{border-color:#3a416f;background:#fafbff;} */
.quizList .quizIp .inp:focus ~ .inpFrame{border:1px solid #ddd;}
.quizList .quizIp .inp:disabled{color:#3a416f;font-weight:700;}
.quizList .quizIp .inp:disabled ~ .inpFrame{border-color:#3a416f;background:#fafbff;}

.quizHint{display:flex;width:100%;height:100%;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;}
.quizHint img{width:100%;height:100%;object-fit:cover;}

/* survey */
.svTopBnr{padding:30px 0 0 20px;}
.svTopBnr .swiper-slide{max-width:calc(100% - 20px);}
.svTopBnr .swiper-slide:last-child{margin-right:20px;}
.svTopBnr .surveyBnr &gt; a{display:block;border-radius:8px;}
.svTopBnr .surveyBnr &gt; a img{display:block;margin:0 auto;width:100%;max-width:480px;max-height:112px;object-fit:cover;}
.svTopBnr .swiperSurvey-progressbar{margin:20px 20px 0 0;width:calc(100% - 20px);}

.svMainImg{padding:30px 20px;}
.svMainImg .imgBox{padding:30px 20px;border-radius:8px;background:#f4f8ff;}
.svMainImg .imgBox .img{display:block;margin:0 auto;width:200px;}
.svMainImg .imgBox .txt{margin:20px 0 30px;text-align:center;font-size:20px;color:#3a416f;}
.svMainImg .imgBox .txt strong{display:block;}
.svMainImg .imgBox .txt b{position:relative;margin-left:4px;color:#457cdb;}
.svMainImg .imgBox .txt b:before{content:"";position:absolute;left:-2px;bottom:0;width:calc(100% + 4px);height:10px;
	background:rgba(41, 119, 255, 0.2);}
.svMainImg .imgBox .btnContained{display:block;margin:0 auto;width:100%;max-width:520px;height:55px;font-size:16px;font-weight:700;}

/* membership */
.membershipTop{background:#f4f8ff;}
.mbsTopText{display:flex;justify-content:space-between;align-items:center;max-width:520px;margin:0 auto;padding:40px 20px;color:#000;font-size:14px;line-height:21px;}
.mbsTopText:after{content:"";width:92px;height:92px;background:url(/pb/renew3/resource/img/common/img_membershipTop_s101_2x.png) no-repeat 100%/100%;}
.mbsTopText strong{display:block;margin-bottom:15px;font-size:20px;font-weight:700;line-height:1;}
.membershipTxt1{margin-top:8px;font-size:13px;line-height:1.38;color:#888;}

.membershipTable {margin:30px 0;border:0;border-collapse:collapse;word-break:keep-all;}
.membershipTable thead th{padding-bottom:4px;color:#888;}
.membershipTable tbody th{font-weight:700;}
.membershipTable th, .membershipTable td {padding-top:8px;height:18px;border:0;font-size:12px;font-weight:normal;text-align:center;}
.membershipTable th:first-child, .membershipTable td:first-child {text-align:left;}
.membershipTable .mbsGraph {position:relative;width:100%;}
.membershipTable .mbsPrograssBar{display:flex;justify-content:flex-end;align-items:center;padding:1px 8px 0 0;height:18px;font-size:12px;font-weight:600;color:#fff;line-height:1;}

.mbsPrograssBar.p40{width:35%;background:#a1bded;}
.mbsPrograssBar.p52{width:45%;background:#8fb0e9;}
.mbsPrograssBar.p64{width:65%;background:#7ca3e5;}
.mbsPrograssBar.p76{width:75%;background:#6a96e2;}
.mbsPrograssBar.p88{width:85%;background:#5888de;}
.mbsPrograssBar.p100{width:100%;background:#457cdb;}
.membershipBtn{width:100%;height:55px;font-size:16px;font-weight:600;}
.membershipBottom{border:10px solid #f0f0f0;border-width:10px 0;}

.membershipListBtn{padding:20px;}
.membershipListBtn li:not(:first-child){margin-top:12px;}
.membershipListBtn .link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:19px 15px 19px 20px;text-align:left;
    border:1px solid #457cdb;border-radius:8px;}
.membershipListBtn .link strong{display:block;margin-bottom:6px;font-size:16px;font-weight:bold;line-height:1;color:#457cdb;}
.membershipListBtn .link span{display:block;font-size:14px;line-height:1.29;color:#000;}
.membershipListBtn .link:after{content:"";display:inline-block;width:33px;height:33px;background:url(/pb/renew3/resource/img/common/ic_arrow_s33_000.svg) no-repeat;}
.membershipListBtn + .membershipToggle{border-top:1px solid #f0f0f0;}

.membershipToggle .accordionHead{padding:0 10px 0 20px;}
.membershipToggle .accHandle{position:unset;display:flex;justify-content:space-between;align-items:center;width:100%;height:59px;}
.membershipToggle .accHandle:after{width:35px;height:35px;background:url(/pb/renew3/resource/img/common/ic_arrow_s35_ccc.svg) no-repeat;}
.membershipToggle .accordionBody{padding:20px;border-top:1px solid #f0f0f0;}

.membershipBenefit{margin:30px 0;padding:4px 20px;border-radius:8px;background:#f5f6f8;}
.membershipBenefit li{display:flex;align-items:center;height:64px;}
.membershipBenefit li:before{content:"";display:inline-block;margin:0 12px 0 4px;width:32px;height:32px;}
.membershipBenefit li:not(:first-child){border-top:1px solid #e9ecef;}
.membershipBenefit li:nth-child(1):before{background:url(/pb/renew3/resource/img/common/ic_cosmetics_s32.svg) no-repeat;}
.membershipBenefit li:nth-child(2):before{background:url(/pb/renew3/resource/img/common/ic_gift_s32.svg) no-repeat;}
.membershipBenefit li:nth-child(3):before{background:url(/pb/renew3/resource/img/common/ic_coupon_s32.svg) no-repeat;}

.membershipRwdTop{display:flex;flex-direction:column;text-align:center;margin:0 auto;padding:40px 0 0;max-width:640px;}
.membershipRwdTop .icoBp{display:block;margin:0 auto;width:64px;height:64px;font-size:0;text-indent:-999px;
    background:url(/pb/renew3/resource/img/common/ic_beautypoint_s64.svg) no-repeat;}

.membershipInfo{margin:16px 0;font-size:14px;}
.membershipInfo &gt; dd{position:relative;display:flex;align-items:center;justify-content:center;margin-top:6px;}
.membershipInfo &gt; dd &gt; strong{font-size:26px;font-weight:bold;line-height:1;}
.membershipInfo .tooltip{position:unset;margin:-2px 0 2px 4px;}
.membershipInfo .btnOpenTooltip{position:relative;z-index:16;}
.membershipInfo .tooltip.show .btnOpenTooltip:before {top:calc(100% + -1px);}
.membershipInfo .layerTooltip{z-index:15;top:31px;left:calc(50% - 166px);transform:translateX(0) !important;width:100%;max-width:335px;padding:12px 14px;text-align:left;}
.membershipInfo .layerTooltip strong{display:block;font-weight:normal;font-size:13px;}
.membershipInfo .layerTooltip .grayList{margin-top:6px;font-size:13px;line-height:1.23;color:#888;}
.membershipInfo .layerTooltip .grayList li{margin-left:7px;text-indent:-7px;}
.membershipInfo .layerTooltip .grayList li:not(:first-child){margin-top:6px;}
.membershipInfo .layerTooltip .grayList li:before{content:"";display:inline-block;margin:5px 4px 0 0;width:3px;height:3px;border-radius:50%;background:#aaa;vertical-align:top;}
.membershipInfo .layerTooltip .grayList li.txtPointRed:before{background:#ff5a5a;}

.membershipDetail .gradeInfo{border-top:10px solid #f0f0f0;}
.membershipDetail .pointList{border:0;}

.membershipGraph .pgBarList{padding:60px 35px 0;}
.membershipGraph .pgBarList li{width:calc(100% / 6);}
.membershipGraph .pgBarList li:last-child{width:0;}
.membershipGraph .pgBarList li .prcTxt{line-height:1;}
.membershipGraph .pgBarList li.price5 .prcTxt{left:-20px;min-width:unset;text-align:inherit;}
.membershipGraph .pgBarList li.price6 .prcTxt{left:-20px;}
.membershipGraph .pgBarList li.price7 .prcTxt{left:-42px;min-width:60px;text-align:right;}
.membershipGraph .pgBarList li .bullet{display:none;z-index:1;position:relative;top:-41px;right:0;width:100%;}
.membershipGraph .pgBarList li .bullet:after{content:"";position:absolute;bottom:-52.5px;right:-9px;width:18px;height:18px;border-radius:9px;
    border:1.2px solid #fff;box-shadow:1px 1px 7px 0 rgba(58, 65, 111, 0.3);background:#3a416f;}
.membershipGraph .pgBarList li.select .bullet{display:inline-block;}
.membershipGraph .pgBarList li .mbsBalloon{position:absolute;top:-40px;text-align:center;border:1px solid #3a416f;border-radius:4px;
    padding:7px 8px 0;width:max-content;height:26px;line-height:1;word-break:keep-all;font-size:13px;color:#3a416f;
    box-shadow:0 3px 6px 0 rgba(58, 65, 111, 0.1);background:#fff;}
.membershipGraph .pgBarList li .mbsBalloon:before{content:"";z-index:2;position:absolute;bottom:-6px;right:28px;width:8px;height:6px;transform:rotate(180deg);
    background-size:8px 7px;background-image:url(/pb/renew3/resource/img/common/ico_tooltip_bubble.svg);box-shadow:0 3px 6px 0 rgba(58, 65, 111, 0.1);}
.membershipGraph .pgBarList li .complete_after:before{right:54px;}
.membershipGraph .pgBarList li .complete_before{min-width:62px;right:-32px;}
.membershipGraph .pgBarList li .complete_after{min-width:112px;right:-58px;}
.membershipGraph .pgBarList li.price6 .mbsBalloon{right:-11px;}
.membershipGraph .pgBarList li.price6 .mbsBalloon:before{right:5px;}

.membershipRwdTop .pgBarTxt{display:flex;align-items:center;justify-content:center;margin:16px 24px 40px;width:calc(100% - 48px);height:40px;
    line-height:1;text-align:center;border-radius:20px;background:#f5f6f8;}
.membershipRwdTop .pgBarTxt:after{content:"";margin-left:4px;width:12px;height:12px;background:url(/pb/renew3/resource/img/common/ic_arrow_s12_000.svg) no-repeat;}
html[data-os-name=ios] .membershipRwdTop .pgBarTxt &gt; span{display:inline-block;padding-top:2px;}
</pre></body></html>