/* BASIC css start */
/* 추가혜택팝업 */
.example-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.example-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--pri-black); opacity: .6; filter: alpha(opacity=50); }
.example-layer .pop-layer { display: block; }
.pop-layer { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; background-color: var(--pri-white); z-index: 10; border-radius: 20px 20px 0 0; }
.pop-layer .pop-container { position: relative; width: 100%;}
.pop-layer .pop-container .card_guide {max-height: 80vh; overflow-y: auto;}
.pop-layer .pop-container .btn-layerClose {float:right; margin-top:-1px;}
.pop-layer .pop-container .top_tit {font-size: 18px; font-weight: 600; padding: 28px 0 20px; margin: var(--defalt-margin);}
.pop-layer .pop-container .card_cont {}
.pop-layer .pop-container .card_cont h3 {padding: 28px 0 10px; font-size: 15px; font-weight: 500; border-bottom: 1px solid var(--pri-black); color: var(--pri-black); margin: var(--defalt-margin);}
.pop-layer .pop-container .card_cont:first-child h3 {padding-top:10px;}
.pop-layer .pop-container .card_cont > dl {display: flex; padding: 9.5px 0; border-bottom: 1px solid var(--gray-10); color: var(--pri-black); font-size: 13px; margin: var(--defalt-margin); align-items: center; position: relative;}
.pop-layer .pop-container .card_cont > dl > dt {font-size: 13px; font-weight: 600; padding-left: 8px; width: 96px;}
.pop-layer .pop-container .card_cont > dl > dt:before {content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 96px; height: 100%; background: var(--gray-01); z-index: -1;}
.pop-layer .pop-container .card_cont > dl > dt span {display: block; font-size: 10px;}
.pop-layer .pop-container .card_cont > dl > dd {flex: 1;}
.pop-layer .pop-container .card_cont > dl > dd p:first-child {margin-bottom:5px;}
.pop-layer .pop-container .card_cont .noti {padding: 16px 20px; background: var(--gray-05); color: var(--gray-60); margin-top: 16px;}
.pop-layer .pop-container .card_cont .noti .m-dot {padding-left: 10px; position: relative;}
.pop-layer .pop-container .card_cont .noti .m-dot:before {content: ''; display: inline-block; font-size: 12px; position: absolute; left: 2px; top: 7px; width: 2px; height: 2px; border-radius: 50%; background: var(--gray-60);}
.pop-layer .pop-container .card_cont .noti .point-dot {padding-left: 10px; position: relative;}
.pop-layer .pop-container .card_cont .noti .point-dot:before {content: '※'; display: inline-block; font-size: 12px; position: absolute; left: 0; top: 0;}
/* BASIC css end */