@charset "UTF-8";

.mynh-info{padding:40px 0 15px; text-align:center; background:#f5f5f5;}
.mynh-info .grade{margin:0 auto; width:60px; height:60px; border-radius:60px; box-shadow:5px 6px 30px rgba(0, 0, 0, 0.2);}
.mynh-info .grade.open{width:117px; height:26px; background:url("/common/app/img/mynh_grade_open.png") no-repeat 0 0; background-size:101px 26px; box-shadow:none; border-radius:0;}
.mynh-info .grade.top{background:url("/common/app/img/mynh_grade_top.png") no-repeat 0 0; background-size:60px 60px;}
.mynh-info .grade.gold{background:url("/common/app/img/mynh_grade_gold.png") no-repeat 0 0; background-size:60px 60px;}
.mynh-info .grade.loyal{background:url("/common/app/img/mynh_grade_loyal.png") no-repeat 0 0; background-size:60px 60px;}
.mynh-info .grade.green{background:url("/common/app/img/mynh_grade_green.png") no-repeat 0 0; background-size:60px 60px;}
.mynh-info .grade.blue{background:url("/common/app/img/mynh_grade_blue.png") no-repeat 0 0; background-size:60px 60px;}
.mynh-info .cus-grade-txt{margin:20px 0 10px; color:#333; font-size:16px;}
.mynh-info .cus-grade-txt .gold-txt{font-family:"NotoSans-Bold"; color:#ebb92a;}
.mynh-info .nhm-d-day{padding:0 0 22px 0; font-family:"NotoSans-Light"; font-size:12px;}
.mynh-info .nhm-d-day span{font-family:"NotoSans-Bold"; color:#23b8bc;}
.mynh-info .my-point{display:inline-block; padding-right:20px; font-family:"Montserrat-Bold"; font-size:35px; color:#333; background:url("/common/app/img/icon_grayArrow1628.png") no-repeat right center; background-size:8px 14px;}
.mynh-info .my-point .p-txt{font-family:"Montserrat-Regular"; font-size:20px;}
.mynh-info .sett-box{margin-top:40px;}
.mynh-info .sett-box .icon-exc{float:left;}
.mynh-info .sett-box .icon-sett{float:right;}
.mynh-tb{padding-bottom:5px; background:#f5f5f5;}
.mynh-tb tbody{border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff;}
.mynh-tb tr:nth-child(2){border-bottom:1px solid #e8e8e8}
.mynh-tb th{padding:16px 0 10px; font-size:13px; color:#888; border-right:1px solid #e8e8e8;}
.mynh-tb td{padding-bottom:16px; font-family:"Montserrat-Bold"; font-size:17px; text-align:center; border-right:1px solid #e8e8e8;}
.mynh-tb td a{color:#333;}
.mynh-tb .gray-txt{color:rgba(51,51,51,0.2);}
.my-use-point{padding:40px 0 30px; text-align:center; background:#f5f5f5;}
.my-use-point .cus-txt{margin-bottom:25px; font-size:16px; color:#333;}
.my-use-point .point{display:inline-block; font-family:"Montserrat-Bold"; font-size:35px; color:#333;}
.my-use-point .point .p-txt{font-family:"Montserrat-Regular"; font-size:20px;}
.my-use-point .extinct-txt a{padding-right:10px; background:url(/common/app/img/extinction_arr.png) right center no-repeat; background-size:5px 9px;}
.my-use-point .d-info{margin-top:25px;}
.my-use-point .d-info .list{float:left; width:33.333%; text-align:center; font-size:14px; border-left:1px solid #e8e8e8;}
.my-use-point .d-info .list:first-child{border-left:0;}
.my-use-point .d-info .list .n-point{margin-top:8px; font-family:"Montserrat-Bold"; font-size:17px; color:#333;}
.my-use-point .d-info .list .n-point .p-txt-v1{font-family:"Montserrat-Regular";}
.my-use-point .d-info .list .n-point a{display:inline-block; position:relative; color:#f15921;}
.my-use-point .d-info .list .n-point a:after{display:block; position:absolute; bottom:-4px; left:50%; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); content:""; margin-top:3px; width:100%; height:2px; background:#f15921;}
.my-use-point .d-info.type2 .list{width:100%; margin-bottom:12px; overflow:hidden; border:0;}
.my-use-point .d-info.type2 .list:last-child{margin-bottom:0;}
.my-use-point .d-info.type2 .list .txt{float:left; font-size:14px; margin:0;}
.my-use-point .d-info.type2 .list .txt span{position:relative; top:-4px; left:1px;}
.my-use-point .d-info.type2 .list .n-point{float:right; margin:0}
.my-use-point .txt{margin-top:10px; font-size:12px;}
.my-use-point .txt span{font-family:"Montserrat-Regular";}
.my-use-point .txt span.red-txt{font-family:"Montserrat-Bold";}
.my-use-point .btn-blue{margin-top:25px;}
.my-use-point .noti-area{margin-top:15px; text-align:right;}
.my-use-point.list2{padding:40px 0 20px;}
.my-use-point.list2 .d-info .list{width:50%;}
.my-use-point.list2 .noti-w{margin-top:15px; text-align:right;}
.my-use-point.list2 .no-result{padding:30px 0;}
.my-use-point.bg-wht{padding:35px 0 40px; background:#fff;}
.period-area{margin-top:40px;}
.period-area .inner > .tit-txt{margin-bottom:25px;}
.period-area .btn-area a{display:inline-block; padding:7px 11px; border:1px solid #bdbdbd; border-radius:50px; color:rgba(0,0,0,0.5); background:#fff; overflow:hidden;}
.period-area .btn-area a.on{font-family:"NotoSans-Bold"; border:1px solid #23b8bc; color:#fff; background:#23b8bc;}
.period-area .btn-area a.p-btn{color:#fff; background:#888;}
.period-area .btn-area a.p-btn.on{font-family:"NotoSans-Bold"; color:#fff; background:#555;}
.period-area .btn-area a.p-btn:last-child.on{border:1px solid #555;}
.period-area .cal-area .cal-input{position:relative; float:left; width:48%; height:40px; border:1px solid #ddd;}
.period-area .cal-area .cal-input input{padding:0 40px 0 10px; border:0; width:100%; height:100%; box-sizing:border-box;}
.period-area .cal-area .cal-input .cal-btn{position:absolute; top:10px; right:10px; width:19px; height:20px; background:url("/common/app/img/icon_calendar.gif") no-repeat 0 0; background-size:19px 20px;}
.period-area .cal-area .wave{float:left; width:4%; text-align:center; line-height:40px;}
.period-area .period-view{margin:20px 0 30px;}
.period-sort-area{margin-top:10px; overflow:hidden;}
.period-sort-area .period-txt{float:left; font-size:15px; color:#333; line-height:40px;}
.period-sort-area .form-group{float:right; min-width:100px; width:40%;}
.period-sort-area .form-group select{width:100%; height:40px;}
.period-sort-area .form-group select option span{color:red;}

.my-info-area{padding:40px 0 15px 30px; background:#f5f5f5;}
.my-info-area.white{background:#fff;}
.my-info-area .info-txt{font-family:"NotoSans-Light"; color:#333; font-size:20px;}
.my-info-area .info-txt span{font-family:"NotoSans-Bold"; color:#f15921; line-height:25px;}
.my-info-area .help-noti{margin-top:27px;}
.my-card{padding-top:40px; text-align:center;}
.my-card .regist-btn{display:inline-block; padding:0 54px; height:40px; font-family:"NotoSans-Bold"; color:#fff; font-size:15px; line-height:40px; background:#888; border-radius:20px;}
.my-card .regist-btn span{display:inline-block; padding-left:28px; background:url(/common/app/img/plus_icon.png) left center no-repeat; background-size:18px;}
.my-card .my-card-list{padding-top:40px;}
.my-card .my-card-list .list{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e8e8e8;}
.my-card .my-card-list .list:last-child{padding-bottom:80px; margin-bottom:0; border-bottom:none;}
.my-card .my-card-list .list .list-wrap{width:75%; margin:auto;}
.my-card .my-card-list .list .card-img img{width:65%;}
.my-card .my-card-list .list .card-info{position:relative; margin-top:16px; text-align:left;}
.my-card .my-card-list .list .card-info .card-name{margin-bottom:10px; color:#333; font-size:15px; line-height:18px;}
.my-card .my-card-list .list .card-info .card-name span{display:none; margin-left:10px; padding:0 10px; height:18px; color:#fff; font-size:12px; /*line-height:18px;*/ text-align:center; background:#333; border-radius:9px;}
.my-card .my-card-list .list .card-info .card-num{margin-bottom:12px; color:#333; font-size:13px;}
.my-card .my-card-list .list .card-info .card-date{color:#888; font-size:12px;}
.my-card .my-card-list .list .card-info .view-opt-btn{position:absolute; right:0; top:35px; width:30px;}
.my-card .my-card-list .list .card-info .view-opt-btn img{width:100%;}
.my-card .my-card-list .list .card-info .my-card-opt{margin-top:13px; overflow:hidden;}
.my-card .my-card-list .list .card-info .my-card-opt a{width:49%;}
.my-card .my-card-list .list .card-info .my-card-opt a:first-child{float:left;}
.my-card .my-card-list .list .card-info .my-card-opt a:last-child{float:right;}
.my-card .my-card-list .list.loss .card-info .card-name span{display:inline-block; vertical-align:top;}
.my-card .my-card-list .list.loss .card-img{opacity:0.3;}

.recomm-area{position:fixed; top:calc(100% - 50px); top:calc(100% - (50px + env(safe-area-inset-bottom))); left:0; width:100%; min-height:100%; background:#fff; transition:all 0.5s ease; z-index:101;}
.recomm-area.on{top:0;}
.recomm-area.on .card-recomm-btn{height:50px;}
.recomm-area.on .card-recomm-btn img{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); transition:all 0.5s ease;}
.recomm-area > div{position:absolute; width:100%; height:100%;}
.recomm-area .card-recomm-btn img{position:absolute; right:3%; top:20px; width:18px; }
.recomm-area .recomm-card{height:calc(100% - 50px); overflow-y:auto;}
.recomm-area .recomm-card .list{display:block; padding:30px 0; border-bottom:1px solid #e8e8e8;}
.recomm-area .recomm-card .list .img-area{float:left; width:30%;}
.recomm-area .recomm-card .list .img-area img{width:100%;}
.recomm-area .recomm-card .list .txt-area{float:right; width:65%;}
.recomm-area .recomm-card .list .txt-area .card-txt{margin-bottom:11px; font-family:"NotoSans-Bold"; color:#333; font-size:15px;}
.recomm-area .recomm-card .list .txt-area .card-info{font-family:"NotoSans-Light"; color:rgba(0,0,0,0.7); font-size:13px; line-height:18px;}

.cfr-password{/*height:auto;*/ /*min-height:calc(100vh - 95px);*/ padding:136px 0 70px; text-align:center; background:#f5f5f5 url(/common/app/img/ico_password_confirm.png) center 40px no-repeat; background-size:80px;}
.cfr-password .input-noti{margin-bottom:10px; text-align:left;}
.cfr-password.no-bg{padding-top:40px; background-image:none;}
.cfr-password.no-bg .input-id{}
.cfr-password.no-bg .input-id .input-area-x{float:left; width:calc(100% - 78px); border-right:none;}
.cfr-password.no-bg .input-id button{float:left; width:78px; height:50px;}
.cfr-password.no-bg .input-id p{clear:both; margin-bottom:30px;}

.phone-certi{height:auto; /*min-height:calc(100vh - 45px);*/ padding:136px 0 60px; text-align:center; background:#f5f5f5 url(/common/app/img/ico_phone_certi.png) center 40px no-repeat; background-size:80px;}

.regist-card{padding:136px 0 20px; height:auto; min-height:calc(100vh - 95px); background:#f5f5f5 url(/common/app/img/ico_regist_card.png) center 40px no-repeat; background-size:80px;}
.regist-card .top-area{text-align:center;}
.regist-card .input-area{margin:44px 0 50px;}
.regist-card .input-area .tit{margin-bottom:15px; font-family:"NotoSans-Bold"; color:#333; font-size:15px;}
.regist-card .input-area .num-input{margin-bottom:30px;}
.regist-card .input-area .num-input .input-area-x{float:left; width:24.25%; margin-right:1%;}
.regist-card .input-area .num-input .input-area-x:last-child{margin-right:0;}
.regist-card .fold-info{margin-bottom:70px;}

.regist-end{position:relative; /*min-height:calc(100vh - 50px);*/ text-align:center; background:#f5f5f5;}
.regist-end .end-txt .tit{margin-bottom:10px; font-family:"NotoSans-Bold"; color:#333; font-size:19px; line-height:25px;}
.regist-end .end-txt .txt{font-size:13px; line-height:19px;}
.regist-end .img{width:75%; margin:37px auto 20px;}
.regist-end .img img{width:65%;}
.regist-end .card-info p{margin-bottom:8px;}
.regist-end .card-info .card-num-info{margin-bottom:20px; color:#333; font-size:15px;}
.regist-end .card-info .card-num-info p{font-size:12px;}
.regist-end .card-info .card-date-info{color:#888; font-size:12px;}


/* 이벤트 */
.anytime-eve{padding:40px 0 15px; text-align:center; background:#f5f5f5;}
.anytime-eve a{display:inline-block; width:87px; height:87px; margin-right:12px; padding-top:57px; font-family:"NotoSans-Bold"; color:#333; font-size:13px; background:#fff url(/common/app/img/) 0 0 no-repeat; border-radius:44px;}
.anytime-eve a:nth-child(1){background:#fff url(/common/app/img/anytime_event_icon_01.png) center 17px no-repeat; background-size:30px;}
.anytime-eve a:nth-child(2){background:#fff url(/common/app/img/anytime_event_icon_02.png) center 17px no-repeat; background-size:30px;}
.anytime-eve a:nth-child(3){margin-right:0; background:#fff url(/common/app/img/anytime_event_icon_03.png) center 17px no-repeat; background-size:30px;}
.event-area{padding:30px 0 0 30px;}
.event-area.has-quick-btn{padding-bottom:55px;}
.event-area .list-wrap.has-btn{padding-bottom:50px;}
.event-area .list{position:relative; display:block;}
.event-area .list .eve-con .tag-wrap{position:relative;}
/*.event-area .list .eve-con .eve-tag{padding:46% 15px 15px 15px;}*/
.event-area .list .eve-con .eve-tag{position:relative; padding:0}
.event-area .list .eve-con .eve-tag .tag-wrap{position:absolute; bottom:15px; left:0; height:auto;}
.event-area .list .eve-con .eve-tag .tag-wrap span{display:inline-block; width:auto; height:15px; margin-right:15px; color:#fff; font-size:13px;}
.event-area .list .eve-con .eve-tag .tag-wrap span:first-child{padding-left:15px;}
.event-area .list .eve-con .eve-tag .tag-wrap span:last-child{margin-right:0; padding-right:15px;}
.event-area .list .eve-con .eve-txt{width:90%; padding:12px 0 30px;}
.event-area .list .eve-con .eve-txt .tit-txt{margin-bottom:11px;}
.event-area .list .eve-con .eve-txt .tit-txt.no-date{margin-bottom:0;}
.event-area .list .eve-con .eve-txt .txt{color:#888; font-size:14px; line-height:14px;}
.event-area .list .period{position:absolute; left:0; top:15px; width:84px; height:32px; padding-left:10px; font-family:"Montserrat-Bold"; color:#fff; font-size:15px;}
.event-area .list .period.blue{background:url(/common/app/img/period_bg_blue.png) 0 0 no-repeat; background-size:90px 32px;}
.event-area .list .period.gray{background:url(/common/app/img/period_bg_gray.png) 0 0 no-repeat; background-size:90px 32px;}
.event-area .list .period span{line-height:24px;}
.event-area .list.end .eve-con .eve-tag{opacity:0.6;}
.event-area .list.end .eve-con .eve-txt{opacity:0.6;}
.event-area .list.end .period{font-family:"NotoSans-Bold"; font-size:12px; line-height:15px;}
.event-area.no-result{padding:30px 0 0 0; text-align:center;}
.event-area.no-result .txt{margin-bottom:20px; color:#333; font-size:15px;}
.event-area.view{padding:0;}
.event-area.view .sel-area{padding:40px 3% 0;}
.event-area.view .sel-area select.type1{margin-bottom:0}
.event-area.view .list .eve-con .eve-txt{width:65%; padding:38px 3% 30px;}
.event-area.view .list .eve-con .detail-txt{padding:30px 3%; font-size:15px; line-height:20px;}
.event-area.view .list .eve-con .detail-txt .img{margin-bottom:10px;}
.event-area.view .list .eve-con .btn-share{position:absolute; right:3%; top:40px; width:32px; height:32px; text-indent:-9999px; font-size:0; background:url(/common/app/img/btn_share.png) 0 0 no-repeat; background-size:32px;}
.event-area.mgz .list .eve-con .eve-tag{padding:0;}
.event-area.mgz .list .eve-con .eve-txt .mgz-txt{color:#666; font-size:14px; line-height:20px; word-break:keep-all;}
.event-area.view.mgz .eve-con{padding-top:38px;}
.event-area.view.mgz .eve-con .eve-txt{padding-top:0;}
.event-area.view.mgz .list .eve-con .eve-tag{padding:0;}
.event-area.view.has-btn{padding-bottom:50px;}
.event-area.view.first-time .btn-blue.type2{display:none;}
.event-area.view.first-time .btn-blue.r-btn{left:0; width:100%;}

.stamp-info-area{text-align:center; padding:0 0 15px 0; background:#f5f5f5;}
.stamp-info-area .txt{margin-bottom:35px; padding-top:140px; color:#333; font-size:15px; line-height:22px; background:url(/common/app/img/ico_stamp_info.png) center 40px no-repeat; background-size:80px;}

.my-coupon{/*margin-top:25px;*/}
.my-coupon > .inner{padding:40px 3%; background:#fff;}
.my-coupon > .inner.has-quick{padding:40px 3% 95px;}
.my-coupon .btn-area{text-align:center; margin-bottom:30px; overflow:hidden;}
.my-coupon .btn-area.download-btn{margin:30px 0 0 0;}
.my-coupon .btn-area .align-btn{display:block; float:left; padding:0 9px 0 19px; width:49%; height:30px; border:1px solid #bdbdbd;  border-radius:15px; background:#fff;}
.my-coupon .btn-area .align-btn:last-child{float:right;}
.my-coupon .btn-area .align-btn span{display:inline-block; width:100%; font-family:"NotoSans-Medium"; color:#a3a3a3; font-size:13px; line-height:28px; text-align:left; background:url(/common/app/img/btn_check_icon.png) right center no-repeat; background-size:11px;}
.my-coupon .btn-area .align-btn.on{border:1px solid #005bac; background:#005bac;}
.my-coupon .btn-area .align-btn.on span{font-family:"NotoSans-Black"; color:#fff; background:url(/common/app/img/btn_check_icon_on.png) right center no-repeat; background-size:11px;}
.my-coupon .my-coupon-list{}
.my-coupon .list{display:table; position:relative; margin-bottom:10px; width:100%; /*height:142px;*/ background:url(/common/app/img/coupon_list_bg.png) 0 0 no-repeat; background-size:100% 100%; overflow:hidden;}
.my-coupon .list:last-child{margin-bottom:0;}
.my-coupon .list > a:first-child{display:block; padding:28px 0 28px 5%;}
.my-coupon .list .item{display:table-cell; width:30%; vertical-align:middle; position:relative; z-index:1; font-family:"NotoSans-Medium"; color:#fff; font-size:14px; text-align:center; vertical-align:middle;}
.my-coupon .list .item p{position:relative; z-index:2;}
.my-coupon .list .item .bg{width:100%; height:100%; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#888; border-radius:100%; z-index:1;}
.my-coupon .list .item .bg.no-img{background:#e8e8e8;}
.my-coupon .list .item.img{background:none;}
.my-coupon .list .item.img img{width:100%;}
.my-coupon .list .coupon-txt{display:table-cell; padding:0 20px 35px 12%; /*width:60%;*/ text-align:left; vertical-align:middle; word-break:keep-all;}
.my-coupon .list .coupon-txt.no-down{padding-bottom:0;}
.my-coupon .list .coupon-txt .mall{margin-bottom:7px; font-family:"NotoSans-Bold"; color:#23b8bc; font-size:12px;}
.my-coupon .list .coupon-txt .mall.type1{color:#11a84e;}
.my-coupon .list .coupon-txt .mall.type2{color:#0086d1;}
.my-coupon .list .coupon-txt .mall.type3{color:#ea5404;}
.my-coupon .list .coupon-txt .txt{margin-bottom:11px; color:#333; font-size:15px; line-height:20px;}
.my-coupon .list .coupon-txt .date{color:#999; font-size:12px;}
.my-coupon .list .ribbon-img{position:absolute; left:10px; top:10px; width:30px;}
.my-coupon .list .btn-blue{position:absolute; left:45%; bottom:20px;}
.my-coupon .list .btn-blue.got{color:#999; background:#e8e8e8;}
.my-coupon.view{min-height:calc(100vh - 45px); background:#f5f5f5;}
.my-coupon.view .coupon-btn-area{margin-top:25px; text-align:center;}
.my-coupon.view > .inner{height:auto;}
.my-coupon.view .list{margin-bottom:0;}
.my-coupon.view .barcode .bar-img{width:75%; margin:29px auto 0;}
.my-coupon.view .barcode .bar-img img{width:100%;}
.my-coupon.view .barcode .bar-txt{margin-top:40px; font-family:"Montserrat-Light"; color:#222; font-size:16px; text-align:center;}
.my-coupon.view .barcode .bar-txt span{margin-right:20px;}
.my-coupon.view .barcode .bar-txt span:last-child{margin-right:0;}
.my-coupon.view .coupon-info{/*margin-top:40px;*/ padding:40px 0; background:#f5f5f5;}
.my-coupon.view .coupon-info dl{margin-bottom:30px;}
.my-coupon.view .coupon-info dl:last-child{margin-bottom:0;}
.my-coupon.view .coupon-info dl dt{margin-bottom:10px; line-height:17px;}
.my-coupon.view .coupon-info dl dd{font-size:13px;}
.my-coupon.view .coupon-info dl dd p{margin-bottom:5px;}
.my-coupon.popup{margin-top:0;}
.my-coupon.popup .input-noti-red{margin-bottom:28px;}
.my-coupon.popup .list .item{position:relative;}
.my-coupon.popup .list .item .coupon-black-bg{position:absolute; left:0; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%); display:inline-block; width:100%; height:100%; font-family:"NotoSans-Black"; color:#fff; font-size:12px; background:rgba(0,0,0,0.7); border-radius:50%;}
.my-coupon.popup .list .item .coupon-black-bg span{position:absolute; left:50%; top:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%; /*height:100%;*/ text-align:center;}
.my-coupon a.more {font-size:15px;color:#000;margin-top:10px;padding-right:18px;float:right;background:url(/common/app/img/ico_sch.png) 100% 1px no-repeat;background-size:13px 13px}

.inquiry-top{padding:40px 0; text-align:center; background:#f5f5f5;}
.inquiry-top .call-tit{margin-bottom:30px; color:#333; font-size:16px;}
.inquiry-top .call-tel{margin-bottom:15px; font-family:"Montserrat-Bold"; color:#333; font-size:36px;}
.inquiry-top .call-time{margin-bottom:18px; color:#f15921; font-size:12px;}
.inquiry-top .call-info{margin-bottom:25px; font-size:12px; line-height:17px;}
.my-inquiry{}
.my-inquiry .accor-click{position:relative; display:block; padding:15px 3% 15px 0; border-top:1px solid #e8e8e8;}
.my-inquiry .accor-click .q-state{margin-bottom:10px;}
.my-inquiry .accor-click .q-state .step{display:inline-block; margin-right:5px; padding:0 12px; color:#fff; font-size:12px; text-align:center; line-height:18px; border-radius:9px;}
.my-inquiry .accor-click .q-state .step1{background:#1fb25a;}
.my-inquiry .accor-click .q-state .step2{background:#f15921;}
.my-inquiry .accor-click .q-state .step3{background:#005bac;}
.my-inquiry .accor-click .q-state .q-category{font-family:"NotoSans-Bold"; color:#888; font-size:12px;}
.my-inquiry .accor-click .q-tit{margin-bottom:10px; padding-right:20px;}
.my-inquiry .accor-click .q-date{color:#888; font-size:14px;}
.my-inquiry .accor-click img{position:absolute; right:0; top:50%; width:18px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
.my-inquiry .accor-con{padding:30px 0; border-top:1px solid #e8e8e8; background:#f5f5f5;}
.my-inquiry .accor-con .txt{position:relative; padding-top:45px; color:#333; font-size:15px; line-height:21px; word-break:keep-all;}
.my-inquiry .accor-con .txt:before{content:'Q'; display:block; position:absolute; top:0; left:0; width:30px; height:30px; font-family:"Montserrat-Bold"t; color:#fff; font-size:15px; text-align:center; line-height:29px; border-radius:15px; background:#555;}
.my-inquiry .accor-con a{display:none; margin-top:10px;}
.my-inquiry .accor-con.receipt a{display:block;}
.my-inquiry .accor-con.answered{}
.my-inquiry .accor-con.answered .q-answer{position:relative; margin-top:28px; padding-top:75px; color:#333; font-size:15px; line-height:21px; /*border-top:1px dashed #ddd;*/ background:url(/common/app/img/dashed_border.jpg) 0 top repeat-x; background-size:7px;}
.my-inquiry .accor-con.answered .q-answer:before{content:'A'; display:block; position:absolute; top:30px; left:0; width:30px; height:30px; font-family:"Montserrat-Bold"t; color:#fff; font-size:15px; text-align:center; line-height:29px; border-radius:15px; background:#23b8bc;}

/* 로그인 */
.login-p .login-input .input-area{padding-top:50px;}
.login-p .login-input .input-area .input-id{position:relative;}
.login-p .login-input .input-area .input-id a{position:absolute; right:20px; top:14px; width:10px; height:10px;}
.login-p .login-input .input-area .input-id a img{width:100%;}
.login-p .login-input .input-area .input-area-x:nth-child(2){margin:10px 0 15px;}
.login-p .login-input .input-area input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width:17px; height:15px; background:url(/common/app/img/app_check.png) left center no-repeat; background-size:17px;}
.login-p .login-input .input-area input[type="text"]:focus{border:2px solid #5fc1c6;}
.login-p .login-input .input-area input[type="password"]:focus{border:2px solid #5fc1c6;}
.login-p .login-input .input-area input[type="checkbox"]:checked{background:url(/common/app/img/app_check_on.png) left center no-repeat; background-size:17px;}
.login-p .login-input .input-area label{margin-left:8px; font-family:"NotoSans-Bold"; color:#666; font-size:12px;}
.login-p .login-input .input-area label:nth-of-type(1){margin-right:35px;}
/*.login-p .login-input .input-area.fail .input-id input{border:1px solid #fbb900;}*/
.login-p .login-input .input-area.fail .kcaptcha{margin-top:20px; display:block !important;}
.login-p .login-input .input-area.fail .kcaptcha .img-area{overflow:hidden; margin:0 0 10px;}
.login-p .login-input .input-area.fail .kcaptcha .img-area *{float:left;}
.login-p .login-input .input-area.fail .kcaptcha .img-area .img{width:calc(100% - 100px); height:50px; border:1px solid #bbb; border-right:none;}
.login-p .login-input .input-area.fail .kcaptcha .img-area .img img{width:auto; height:100%;}
.login-p .login-input .input-area.fail .kcaptcha .img-area a{width:50px;}
.login-p .login-input .input-area.fail .kcaptcha .input-area-x{margin-bottom:10px;}
.login-p .login-input .btn-blue{margin-top:20px; height:40px; font-size:15px; line-height:39px; border-radius:20px;}
.login-p .login-input .btn-blue.no-margin-top{margin-top:0;}
.login-p .login-input .find-opt{padding:20px 0 30px; text-align:center;}
.login-p .login-input .find-opt a{position:relative; display:inline-block; padding-right:15px; margin-right:15px;}
.login-p .login-input .find-opt a:after{content:''; display:block; position:absolute; right:0; top:0; width:1px; height:10px; background:#ddd;}
.login-p .login-input .find-opt a:last-child{margin-right:0;}
.login-p .login-input .find-opt a:last-child:after{display:none;}
.login-p .easy-login{padding-top:20px; margin-top:30px; text-align:center; border-top:1px solid #e8e8e8; overflow:hidden;}
.login-p .easy-login .cho-sns .txt{float:left; padding-top:14px; font-family:"NotoSans-Bold"; color:#333; font-size:13px; text-align:left;}
.login-p .easy-login .cho-sns .sns-login{text-align:right; float:right;}
.login-p .easy-login .cho-sns .sns-login a{display:inline-block; width:40px; margin-right:12px;}
.login-p .easy-login .cho-sns .sns-login a:last-child{margin-right:0;}
.login-p .easy-login .cho-sns .sns-login a img{width:100%;}
.login-p .easy-login .help-noti{margin:20px 0 15px 0;}
.login-p .pin-login{position:relative; height:calc(100vh - 333px); padding-top:60px; text-align:center;}
.login-p .pin-login .output-area{position:absolute; top:45%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%;}
.login-p .pin-login .txt{color:#333; font-size:16px;}
.login-p .pin-login .pin-input{margin-top:30px;}
.login-p .pin-login .btn-area{position:absolute; left:50%; bottom:22px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);}

.login-p .keypad{position:fixed; left:0; bottom:0; width:100%;}
.login-p .keypad a{display:block; float:left; width:33%; padding:20px 0; font-family:"NotoSans-Black"; color:#333; font-size:18px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1);}
.login-p .keypad a:active{background:#fff;}
.login-p .keypad span{display:block; float:left; width:33%; height:59px; font-family:"NotoSans-Black"; color:#333; font-size:18px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1);}
.login-p .keypad a:nth-child(3n){width:34%; border-right:none;}

.login-p .body-login{position:relative; height:calc(100vh - 97px); text-align:center;}
.login-p .body-login .body-chk{position:absolute; top:35%; width:100%;}
.login-p .body-login .body-chk .txt{margin-bottom:27px; color:#333; font-size:16px;}
.login-p .body-login .body-chk .img{width:72px; height:72px; margin:auto;}
.login-p .body-login .body-chk.faceID .img{width:65px; height:65px;}
.login-p .body-login .help-noti{position:absolute; left:50%; bottom:30px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);}

/* 비밀번호 입력 관련 */
.pw-mod-rec{position:relative; padding-top:45px; padding-bottom:50px; height:auto; /*height:calc(100vh - 50px);*/ background:#f5f5f5;}
.pw-mod-rec .pw-con-wrap{padding-top:95px; background:url(/common/app/img/ico_password_confirm.png) center 0 no-repeat; background-size:80px;}
.pw-mod-rec .rec-txt{margin-bottom:20px; padding:0 9%; color:#333; font-size:15px; line-height:22px; text-align:center; word-break:keep-all; }
.pw-mod-rec .rec-txt.type2{padding:0 7%}
.pw-mod-rec .rec-txt span{color:#f15921;}
.pw-mod-rec.type2 .con-wrap{padding-top:95px; background:url(/common/app/img/ico_missing_alert.png) center 0 no-repeat; background-size:80px;}
.pw-mod-rec.type2 .con-wrap .tit{margin-bottom:8px; font-family:"NotoSans-Bold"; color:#333; font-size:19px; text-align:center;}

/*키패드가 입력창 덮는 현상 수정 2019.09.02*/
.pw-mod-rec.fixed_app .pw-con-wrap{padding-top:45px;background-size:40px;}
.pw-mod-rec.fixed_app .rec-txt {font-size:14px;line-height:20px}

/* 알림함,전체메뉴,검색 */
.no-noti{/*height:100vh;*/ background:#f5f5f5;}
.no-noti .con-wrap{padding-top:100px; text-align:center; background:url(/common/app/img/ico_notification.png) center 0 no-repeat; background-size:80px;}
.no-noti .con-wrap .txt{color:#333; font-size:15px;}

/* atm 출금 */
.atm-withdraw{height:auto; min-height:calc(100vh - 45px); background:#f5f5f5;}
.atm-withdraw .top-area{padding:40px 0; text-align:center;}
.atm-withdraw .top-area .txt1{color:#333; font-size:16px;}
.atm-withdraw .top-area .point{font-family:"Montserrat-Regular"; margin:25px 0 10px; color:#333; font-size:20px;}
.atm-withdraw .top-area .point span{font-family:"Montserrat-Bold"; font-size:35px;}
.atm-withdraw .top-area .nh-point{font-size:12px;}
.atm-withdraw .top-area .nh-point .red-txt{font-family:"Montserrat-Bold"; font-size:13px;}
.atm-withdraw .top-area .nh-point .p{font-family:"Montserrat-Regular"; font-size:13px;}
.atm-withdraw .use-info{margin:30px 0; padding:28px 15px; background:#fff;}
.atm-withdraw .fold-info{margin-bottom:40px;}

.charge-area{padding:20px 0 80px;}

/* 충전 내역 , 회원탈퇴 */
.charge-list .tit-area{padding:40px 3% 20px 3%; background:#f5f5f5;}
.charge-list.pad-bot{padding-bottom:50px;}
.charge-list .tit-area .charge-tit{margin-bottom:0;}
.charge-list .tit-area .txt{margin-top:8px; font-family:"NotoSans-Light"; font-size:13px; line-height:18px;}
.charge-list ul{}
.charge-list ul li{border-bottom:1px solid #e8e8e8;}
.charge-list ul li:first-child{border-top:1px solid #e8e8e8;}
.charge-list ul li div{overflow:hidden;}
.charge-list .ch-info p{float:left; color:#333; font-size:15px;}
.charge-list .ch-info p:last-child{float:right; font-family:"Montserrat-Regular";}
.charge-list .ch-info p:last-child span{font-family:"Montserrat-Bold";}
.charge-list .ch-opt p{float:right;}
.charge-list .ch-opt p.date{float:left;}
.charge-list li{padding:18px 3%;}
.charge-list li.list{font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.charge-list li.list p{margin-bottom:6px; text-indent:-7px; padding-left:7px;}
.charge-list li.list p:last-child{margin-bottom:0;}
.charge-list .cur-point .tit-area{padding-top:20px;}
.charge-list .cur-point li{padding:18px 3%;}
.charge-list .charge-his li{padding:11px 3%; background:#fff;} 
.charge-list .charge-his li:last-child{border-bottom:none;}
.charge-list .charge-his .ch-info p{font-size:17px;}
.charge-list .charge-his .ch-info p:last-child{font-size:13px;}
.charge-list .charge-his .ch-info p:last-child span{font-size:17px;}
.charge-list .charge-his .ch-opt{margin-top:12px; color:#999; font-size:14px;}
.charge-list .charge-his .ch-opt .date{color:#888;}
.charge-list .charge-his .ch-opt a{display:inline-block; padding-bottom:2px; border-bottom:1px solid #f15921;}
.charge-list .charge-his .no-result{padding:30px 0; background:#fff;}
.charge-list .charge-his.type2 .ch-opt{margin:0 0 10px 0;}
.charge-list .charge-his.type2 .ch-opt p{float:left; color:#333; font-size:17px;}
.charge-list .charge-his.type2 .ch-opt p:last-child{float:right; font-size:15px;}
.charge-list .charge-his.type2 .ch-opt a{padding-bottom:4px; font-family:"NotoSans-Bold"; color:#333; font-size:15px; border-bottom:1px solid #333;}
.charge-list .charge-his.type2 .ch-info{margin-bottom:12px;}
.charge-list .charge-his.type2 .ch-info:nth-child(4){margin-bottom:0;}
.charge-list .charge-his.type2 .ch-info p:first-child{font-size:15px;}
.charge-list .charge-his.type2 .ch-info p:last-child span{color:#666;}
.charge-list .charge-his.type2 .ch-info p.date{float:left; color:#888; font-size:14px;}
.leave-noti{padding:138px 0 16px; color:#333; font-size:15px; line-height:22px; text-align:center; background:#f5f5f5 url(/common/app/img/ico_leave.png) center 40px no-repeat; background-size:80px;}
.leave-noti span{font-family:"NotoSans-Bold";}
/*.charge-list .exhaust-way{padding-bottom:50px;}*/
.charge-list .exhaust-way li:first-child{border-top:none;}
.charge-list .exhaust-way li .txt{margin-top:12px; font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.charge-list .exhaust-way .tcell{display:table; width:100%;}
.charge-list .exhaust-way .tcell div{display:table-cell;}
.charge-list .exhaust-way .tcell div:nth-child(2){width:15px;}
/*.charge-list .exhaust-way .tcell a{display:inline-block; width:15px; height:11px; vertical-align:middle;}*/
.charge-list .exhaust-way .accor-con{padding:18px 3%; background:#efefef;}
.charge-list .exhaust-way .info-list.list{padding:0;}

/* 브랜드 */
/*.brand-info{padding:40px 0 0;}*/
.brand-info .info-list.list{padding:0; border-bottom:1px solid #e8e8e8;}
.brand-info .info-list.list:first-child{border-top:0;}
.brand-info .tcell{position:relative; display:table; width:100%; padding:35px 3%; background:3% center no-repeat; background-size:auto 50px;}
.brand-info .tcell.no-img{/*background-size:50px 50px;*/}
.brand-info .tcell div{display:table-cell;}
.brand-info .tcell .brand-name{float:left; width:100%; padding-right:33px; text-align:right;}
.brand-info .tcell .arrow-icon{position:absolute; top:50%; right:3%; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:translate(0,-50%); width:18px; height:10px;}
.brand-info .accor-con{padding:18px 3%; background:#efefef; border-top:1px solid #e8e8e8;}
.brand-info .accor-con .tit-txt{margin-bottom:16px;}
.brand-info .accor-con .brd-benefit li{color:#333; font-size:15px; margin-bottom:7px; background:transparent; border-bottom:0;}
.brand-info .accor-con .brd-benefit li:first-child{border-top:0;}
.brand-info .accor-con .brd-benefit li:last-child{margin-bottom:0;}
.brand-info .accor-con .btn-area{margin-top:15px;}
.brand-info .accor-con .btn-area.one-btn a{width:100%;}
.brand-info .accor-con .btn-area a{width:49.2%;}
.brand-info .accor-con .btn-area a:first-child{float:left;}
.brand-info .accor-con .btn-area a:last-child{float:right;}

.place-result{padding:40px 3% 0;}
.place-result .result-num{font-family:"NotoSans-Bold"; font-size:17px;}
.place-result .plc-sch-result{margin-top:20px;}
.place-result .plc-sch-result .accor-area{border-top:2px solid #333;}
.place-result .plc-sch-result .no-result{margin-top:20px; padding-top:40px; border-top:2px solid #333;}
.place-result .plc-sch-result.no-result .txt{margin-top:20px; padding-top:140px; color:#333; font-size:15px; text-align:center; background:url(/common/app/img/ico_nodata.gif) center 40px no-repeat; background-size:80px; border-top:2px solid #333;}
.place-result .plc-sch-result.type2{margin-top:0;}
.place-result .plc-sch-result.type2 .my-locate{overflow:hidden;}
.place-result .plc-sch-result.type2 .my-locate .result-locate{float:left; color:#333; font-size:17px;}
.place-result .plc-sch-result.type2 .my-locate .re-my-locate{float:right; padding-left:20px; font-size:15px; line-height:17px; background:url(/common/app/img/ico_my_locate.png) left center no-repeat; background-size:15px;}
.place-result .accor-area{margin-top:20px;}
.place-result .info-list.list{padding:0; border-bottom:1px solid #e8e8e8;}
.place-result .tcell{position:relative; display:table; width:100%; padding:15px 0;}
.place-result .tcell div{display:table-cell;}
.place-result .tcell .locate{margin-top:15px; color:#888; font-size:14px;}
.place-result .tcell .arrow-icon{position:absolute; top:50%; right:0; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:translate(0,-50%); width:18px; height:10px;}
.place-result .accor-con{padding:8px 0 0;}
.place-result .accor-con .txt{margin-bottom:10px; color:#333; font-size:15px; line-height:21px;}
.place-result .accor-con .place-map{border-top:1px solid #e8e8e8;}

.noti-list{padding-top:40px; background:#f5f5f5;}
.noti-list .info-list{border-bottom:1px solid #e8e8e8; background:#fff;}
.noti-list .info-list:first-child{border-top:1px solid #e8e8e8;}
.noti-list .info-list .tcell{position:relative; padding:15px 3%;}
.noti-list .info-list .tcell span{display:none;}
.noti-list .info-list .tcell .tit-txt{margin-bottom:10px; width:80%; word-break:keep-all;}
.noti-list .info-list .tcell .date{color:#888; font-size:14px;}
.noti-list .info-list .tcell .arrow-icon{position:absolute; top:50%; right:3%; -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:translate(0,-50%); width:18px; height:10px;}
.noti-list .info-list .accor-con{padding:25px 3%; background:#efefef; color:#333; font-size:15px; line-height:21px;}
.noti-list .info-list.top-noti .tcell span{display:inline-block; margin-bottom:11px; padding:0 11px; height:18px; font-family:"NotoSans-Regular"; color:#fff; font-size:12px; line-height:18px; text-align:center; background:#f15921; border-radius:9px;}
.noti-list .no-result{padding-top:30px; background:#fff;}
.noti-list.type2{padding-top:0;}
.noti-list.type2 .sch-area{padding:40px 3% 30px; background:#fff;}
.noti-list.type2 .sch-area input{padding-right:65px;}
.noti-list.type2 .tcell .category{margin-bottom:6px; font-family:"NotoSans-Bold"; color:#888; font-size:12px;}
.noti-list.type2 .tcell .tit-txt{margin-bottom:0;}
.noti-list.type2 .no-result{padding-top:80px; background:#fff; border-top:1px solid #e8e8e8;}
.noti-list.type2 .mod-inquiry{padding:40px 3% 80px;}
.noti-list.type2 .mod-inquiry .tit-txt{margin-bottom:15px;}
.noti-list.type2 .top-gray-area .txt{background:url(/common/app/img/ico_my_inquiry.png) center 0 no-repeat; background-size:80px;}

/* NH APPS */
.app-list{margin-top:40px;}
.app-list .list{position:relative; padding:15px 3% 11px; border-bottom:1px solid #e8e8e8;}
.app-list .list:first-child{border-top:1px solid #e8e8e8;}
.app-list .list .tit-txt{float:left; padding-left:15px; line-height:49px;}
.app-list .list .ico-img{float:left; width:50px; height:50px;}
.app-list .list .info-txt{clear:both; padding-top:10px; font-size:13px; line-height:18px;}
.app-list .list .down-btn{position:absolute; right:3%; top:15px; width:40px; height:40px; text-indent:-9999px; font-size:0; background:url(/common/app/img/down_btn.png) 0 0 no-repeat; background-size:40px;}

.m-pw-mod{position:relative; padding-top:45px; height:100vh; text-align:center; background:#f5f5f5;}
.m-pw-mod .pw-area{position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%;}
.m-pw-mod .pw-area .tit{font-family:"NotoSans-Bold"; color:#000; font-size:17px;}
.m-pw-mod .pw-area .txt{margin:15px 0 25px; font-family:"NotoSans-Light"; color:#555; font-size:13px;}
.m-pw-mod .pw-area .keypad{width:240px; margin:40px auto 0;}
.m-pw-mod .pw-area .keypad a{display:block; float:left; width:66px; height:66px; margin-right:20px; font-family:"Montserrat-Light"; color:rgba(0,0,0,0.9); font-size:31px; line-height:65px; border:1px solid #333; border-radius:33px;}
.m-pw-mod .pw-area .keypad span{display:block; float:left; width:66px; height:66px; margin-right:20px; line-height:65px;}
.m-pw-mod .pw-area .keypad a:nth-child(3n){margin:0 0 10px 0;}
.m-pw-mod .pw-area .keypad a:last-child{margin:0; background:url(/common/app/img/btn_keypad_del.png) center center no-repeat; background-size:25px; border:none;}
.m-pw-mod .pw-area .keypad a:active{color:#fff; background:#333;}
.m-pw-mod .pw-area .keypad a:last-child:active{background:url(/common/app/img/btn_keypad_del.png) center center no-repeat; background-size:25px;}
.m-pw-mod .btn-area{position:absolute; left:50%; bottom:30px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); width:100%; text-align:center;}

.mem-info-mod{min-height:calc(100vh - 95px); padding:40px 0 80px; background:#f5f5f5;}
.mem-info-mod .required-txt{padding:0 3% 15px 0; font-size:13px; text-align:right;}
.mem-info-mod .required-txt span{color:#ff5252;}
.mem-info-mod .tit-area{display:table; width:100%; padding:0 3% 0; height:52px; background:#efefef; border-top:1px solid #d8d8d8;}
.mem-info-mod .tit-area.bd-bot{border-bottom:1px solid #d8d8d8;}
.mem-info-mod .tit-area.no-border-bot{border-bottom:0;}
.mem-info-mod .tit-area .l-area{display:table-cell; vertical-align:middle; line-height:17px;}
.mem-info-mod .tit-area .l-area.has-icon{background:url(/common/app/img/btn_menu_arr_icon_2.png) right 6px center no-repeat; background-size:auto 20px;}
.mem-info-mod .tit-area .r-area{display:table-cell; vertical-align:middle; text-align:right;}
.mem-info-mod .tit-area .r-area .mod-btn{display:inline-block; height:30px; padding:0 15px; font-family:"NotoSans-Bold"; color:#fff; font-size:13px; line-height:29px; background:#333; border-radius:15px;}
.mem-info-mod .tit-area .r-area .accor-click{float:right; width:30px; margin-left:5px; height:30px;}
/*.mem-info-mod .basic-info{border-top:1px solid #d8d8d8;}*/
.mem-info-mod .add-info li .tcell div:nth-child(2){line-height:22px;}
.mem-info-mod .d-day-info li .tcell div:nth-child(1){font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.mem-info-mod .d-day-info li .tcell div:nth-child(2){width:80px;}
.mem-info-mod .keep-term .cho-term{position:relative; padding:18px 3%; width:100%; background:#fff; border-top:1px solid #e8e8e8;}
.mem-info-mod .keep-term .cho-term .txt{font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.mem-info-mod .total-m-agree .btn-area{padding:20px 0 15px; text-align:center; background:#fff;}
.mem-info-mod .total-m-agree .btn-area.has-border{border-bottom:1px solid #e8e8e8;}
.mem-info-mod .total-m-agree .btn-area .all-agree-btn{display:inline-block; padding:0 66px; height:50px; font-family:"NotoSans-Bold"; color:#fff; font-size:15px; line-height:49px; background:#888; border-radius:25px;}
.mem-info-mod .total-m-agree .btn-area .all-agree-btn span{padding-left:23px; background:url(/common/app/img/btn_active_arr.png) left center no-repeat; background-size:14px;}
.mem-info-mod .total-m-agree .btn-area .all-agree-btn.on{background:#555;}
.mem-info-mod .total-m-agree .btn-area .all-agree-btn.on span{background:url(/common/app/img/btn_active_arr_on.png) left center no-repeat; background-size:14px;}
.mem-info-mod .member-leave{display:block; margin-top:11px; /*border-top:1px solid #d8d8d8;*/}

/* 본인확인 */
.mem-info-mod.type2 .info-item > li:last-child{border-bottom:1px solid #e8e8e8;}
.mem-info-mod.type2 .total-m-agree .btn-area .all-agree-btn{padding:0 60px;}
.mem-info-mod.type2 .mem-info{padding-top:20px;}
.mem-info-mod.type2 .mem-info .input-area-x{float:left; width:calc(100% - 124px); margin-right:5px;}
.mem-info-mod.type2 .mem-info button{display:block; float:left; width:59px; height:50px; font-family:"NotoSans-Regular"; color:#333; font-size:14px; border:1px solid #333; border-left:none; background:#fff;}
.mem-info-mod.type2 .mem-info button:first-child{width:60px; border-left:1px solid #333;}
.mem-info-mod.type2 .mem-info button.on{color:#fff; background:#333;}
.mem-info-mod.type2 .mem-info .cho-agency{margin-bottom:10px; display:table; width:100%;}
.mem-info-mod.type2 .mem-info .cho-agency a{display:table-cell; width:25%; height:50px; vertical-align:middle; font-family:"NotoSans-Regular"; color:#333; font-size:14px; line-height:16px; text-align:center; word-break:keep-all; border:1px solid #333; border-left:none; background:#fff;}
.mem-info-mod.type2 .mem-info .cho-agency a:first-child{width:60px; border-left:1px solid #333;}
.mem-info-mod.type2 .mem-info .cho-agency a.on{color:#fff; background:#333;}
.mem-info-mod.type2 .termsTxt{font-family:"NotoSans-Light"; font-size:13px; line-height:18px;}
.mem-info-mod.type2 .termsTxt .tit{color:#333; font-family:"NotoSans-Regular"; margin:15px 0 7px; font-size:13px;}
.mem-info-mod.type2 .termsTxt .tit:first-child{margin:0 0 7px;}
.mem-info-mod.type2 .termsTxt ul li{background:none; border:none;}
.mem-info-mod.type2 .termsTxt ul.unordered li{text-indent:-8px; padding-left:8px;}
.mem-info-mod.type2 .termsTxt ul.ordered li{text-indent:-18px; padding-left:18px;}
.mem-info-mod.type2 .termsTxt table{border-collapse:collapse;}
.mem-info-mod.type2 .termsTxt table tr th{padding:10px; text-align:center;}
.mem-info-mod.type2 .termsTxt table tr td{padding:10px;}

/* 기본정보 변경*/
.mem-info-mod .info-item li .mod-area{padding:0 3% 18px;}
.mem-info-mod .basic-info.mod .cho-e-mail input{float:left; width:47%;}
.mem-info-mod .basic-info.mod .cho-e-mail select{float:left; width:45%;}
.mem-info-mod .basic-info.mod .cho-e-mail span{float:left; width:8%; padding-top:15px; text-align:center;}
.mem-info-mod .basic-info.mod .mod-area .certi-way-wrap{padding-top:18px; text-align:center;}
.mem-info-mod .basic-info.mod .mod-area .certi-way-wrap a{display:inline-block; width:100%; height:50px; padding:0; font-family:"NotoSans-Black"; color:#fff; font-size:15px; line-height:49px; background:#23b8bc; border-radius:5px;}
.mem-info-mod .basic-info.mod .mod-area .certi-way-wrap a span{display:block; padding-top:0; font-family:"NotoSans-Black"; font-size:15px; text-align:center; /*line-height:18px;*/}
.mem-info-mod .basic-info.mod .mod-area .txt{/*margin-top:12px;*/ padding:12px 0 0 10px; color:#666; font-size:13px; line-height:18px; text-indent:-10px;}

.t-cell-wrap{min-height:calc(100vh - 45px); padding:40px 0 50px; background:#f5f5f5;}
.t-cell-wrap .sns-noti{padding:0 0 11px; color:#333; font-size:15px; line-height:22px; text-align:center;}
.t-cell-list .list{display:table; padding:30px 3%; width:100%; background:#fff; border-bottom:1px solid #e8e8e8;}
.t-cell-list .list:first-child{border-top:1px solid #e8e8e8;}
.t-cell-list .list:last-child{border-bottom:none;}
.t-cell-list .list > div{display:table-cell;}
.t-cell-list .list > div:nth-child(1){padding-left:50px; font-family:"NotoSans-Bold"; color:#aaa; font-size:18px; line-height:40px;}
.t-cell-list .list > div:nth-child(1).on{color:#333;}
.t-cell-list .list.naver > div:nth-child(1){background:url(/common/app/img/app_loginSns_naver_off.png) left center no-repeat; background-size:40px;}
.t-cell-list .list.facebook > div:nth-child(1){background:url(/common/app/img/app_loginSns_facebook_off.png) left center no-repeat; background-size:40px;}
.t-cell-list .list.kakaotalk > div:nth-child(1){background:url(/common/app/img/app_loginSns_kakao_off.png) left center no-repeat; background-size:40px;}
.t-cell-list .list.naver.on > div:nth-child(1){background:url(/common/app/img/app_loginSns_naver.png) left center no-repeat; background-size:40px;}
.t-cell-list .list.facebook.on > div:nth-child(1){background:url(/common/app/img/app_loginSns_facebook.png) left center no-repeat; background-size:40px;}
.t-cell-list .list.kakaotalk.on > div:nth-child(1){background:url(/common/app/img/app_loginSns_kakao.png) left center no-repeat; background-size:40px;}
.t-cell-list .list > div:nth-child(2){width:50px; text-align:right; vertical-align:middle; color:#f15921; font-size:13px;}
.t-cell-list .list.on > div:nth-child(2){color:#999;/*pointer-events:none;*/}
/* 기념일 */
.t-cell-list.type2 .list{position:relative; padding:12px 3%;}
.t-cell-list.type2 .list > div:nth-child(1){padding-left:65px; background:url(/common/app/img/ico_anniversary_05.png) left center no-repeat; background-size:49px;}/* ico_anniversary_05 는 기본 이미지 */
.t-cell-list.type2 .list > div:nth-child(1) .tit{margin-bottom:8px; font-family:"NotoSans-Regular"; color:#333; font-size:17px; line-height:23px;}
.t-cell-list.type2 .list > div:nth-child(1) .date{font-family:"NotoSans-Regular"; color:#888; font-size:14px; line-height:19px;}
.t-cell-list.type2 .list > div:nth-child(1).birthday{background:url(/common/app/img/ico_anniversary_01.png) left center no-repeat; background-size:49px;}
.t-cell-list.type2 .list > div:nth-child(1).marriage{background:url(/common/app/img/ico_anniversary_02.png) left center no-repeat; background-size:49px;}
.t-cell-list.type2 .list > div:nth-child(1).couple{background:url(/common/app/img/ico_anniversary_03.png) left center no-repeat; background-size:49px;}
.t-cell-list.type2 .list > div:nth-child(1).money{background:url(/common/app/img/ico_anniversary_04.png) left center no-repeat; background-size:49px;}
.t-cell-list.type2 .list > div:nth-child(2){width:auto; font-family:"NotoSans-Regular"; color:#666; font-size:13px; padding-right:30px;}
.t-cell-list.type2 .list > div:nth-child(2) span{font-family:"Montserrat-Bold"; color:#333; font-size:17px;}
.t-cell-list.type2 .list .delBt{position:absolute; right:3%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:15px; height:15px;}
.no-anniversary{position:relative; height:auto; /*min-height:calc(100vh - 50px);*/ text-align:center; background:#f5f5f5;}
.no-anniversary .con-wrap{top:46%; padding-top:100px; background:url(/common/app/img/ico_calendar.png) center top no-repeat; background-size:80px;}
.no-anniversary .con-wrap .tit{margin-bottom:10px; font-family:"NotoSans-Bold"; color:#333; font-size:19px;}
.no-anniversary .con-wrap .txt{font-size:13px; line-height:19px;}
.make-anniversary{padding:40px 3% 0; height:auto; /*min-height:calc(100vh - 95px);*/ background:#f5f5f5;}
.make-anniversary .day-category{color:#888; font-size:13px; text-align:right;}
.make-anniversary .day-category input{margin-bottom:5px;}
.make-anniversary .day-cycle{margin-top:30px;}
.make-anniversary .day-cycle .day-radio{margin-bottom:15px;}
.make-anniversary .day-cycle .sel-cycle{}
.make-anniversary .day-cycle .sel-cycle .cho-cal select{width:32%; margin-right:1%;}
.make-anniversary .day-cycle .sel-cycle .cho-cal select:last-child{margin-right:0;}
.make-anniversary .day-noti{font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.make-anniversary .push-noti{margin-top:15px; font-size:13px;}

/* 동전 자동 적립 */
.coin-funds{}
.coin-funds .coin-noti-area{padding:25px 3% 10px; text-align:right; background:#f5f5f5;}
.coin-funds li{border-bottom:1px solid #e8e8e8;}
.coin-funds li:first-child{padding: border-top:1px solid #e8e8e8;}
.coin-funds li:first-child .tcell div:nth-child(1){padding:18px 3% 12px;}
.coin-funds li:first-child .tcell div:nth-child(1) span:after{display:none;}
.coin-funds li:first-child .sub-con{padding:0 3% 14px; overflow:hidden;}
.coin-funds li:first-child .sub-con p{float:left; width:60%; font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px; word-break:keep-all;}
.coin-funds li:first-child .sub-con a{float:right;}
.coin-funds li .tcell{display:table; width:100%;}
.coin-funds li .tcell div{display:table-cell; padding:18px 3%;}
.coin-funds li .tcell div:nth-child(1){width:calc(100% - 40px); color:#333; font-size:15px;}
.coin-funds li .tcell div:nth-child(1) span{position:relative; display:inline-block; padding-right:20px; color:#999;}
.coin-funds li .tcell div:nth-child(1) span:after{content:''; display:block; position:absolute; right:0; top:0; width:15px; height:15px; background:#d9d9d9; border-radius:8px;}
.coin-funds li .tcell div:nth-child(1).on span:after{background:#23b8bc;}
.coin-funds li .tcell div:nth-child(1).on span{color:#333;}
.coin-funds li .tcell div:nth-child(2){width:40px; min-width:initial; text-align:right;}
.coin-funds li .tcell div:nth-child(2) p{width:15px; opacity:0.25;}
.coin-funds li .tcell div:nth-child(2) p img{vertical-align:middle;}
.coin-funds li .tcell.on div:nth-child(2) p{opacity:1;}
.coin-funds li .accor-con{position:relative; padding:15px 3%; font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px; background:#efefef; overflow:hidden;}
.coin-funds li .accor-con p{width:70%; float:left;}
.coin-funds li .accor-con div{width:69px; float:right;}
.coin-funds li .accor-con a{position:absolute; right:3%; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
.coin-funds li .accor-con .tit{margin-bottom:14px; font-family:"NotoSans-Bold"; color:#333; font-size:15px;}
.coin-funds li .accor-con .parti-com li{float:left; width:50%; margin-top:6px; font-size:13px; background:transparent; border:0;}
.coin-funds li .accor-con .parti-com li:nth-of-type(1), .coin-funds li .accor-con .parti-com li:nth-of-type(2){margin-top:0;}

/* 알림함 */
.alarm-list{padding:40px 0 50px; min-height:calc(100vh - 95px); background:#f5f5f5;}
.alarm-list .list{position:relative; margin-bottom:10px; padding:20px 3%; background:#fff;}
.alarm-list .list .tit-txt{margin-bottom:5px;}
.alarm-list .list .date{margin-bottom:12px; color:#333; font-size:14px;}
.alarm-list .list .txt{font-family:"NotoSans-Light"; color:#666; font-size:14px; line-height:20px;}
.alarm-list .list a{display:inline-block; position:absolute; right:3%; top:20px; width:15px; height:15px;}
.alarm-list .list.on .list-con{opacity:0.5;}

/* 충전 */
.charge-page{}
.charge-page .top-gray-area{padding:40px 0 32px;}
.charge-page .top-gray-area .txt{background:url(/common/app/img/ico_charge.png) center 0 no-repeat; background-size:80px;}
.charge-page .charge-way{}
.charge-page .charge-way .list{display:block; padding:22px 3%; border-bottom:1px solid #e8e8e8; background:url(/common/app/img/icon_grayArrow1628_v2.png) right 3% center no-repeat; background-size:8px;}
.charge-page .charge-way .list:first-child{border-top:1px solid #e8e8e8;}
.charge-page .charge-way .list .txt-area{padding:0 20px 0 70px; min-height:55px; word-break:keep-all;}
.charge-page .charge-way .list .txt-area .tit{margin-bottom:6px; font-family:"NotoSans-Black"; color:#333; font-size:15px;}
.charge-page .charge-way .list .txt-area .txt{font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.charge-page .charge-way .list .txt-area .sub-txt{margin-top:7px; font-family:"NotoSans-Light"; color:#666; font-size:12px; line-height:16px;}
.charge-page .charge-way .list.normal .txt-area{background:url(/common/app/img/charge_way_01.png) left center no-repeat; background-size:55px;}
.charge-page .charge-way .list.mobile .txt-area{background:url(/common/app/img/charge_way_02.png) left center no-repeat; background-size:55px;}
.charge-page .charge-way .list.coin .txt-area{background:url(/common/app/img/charge_way_03.png) left center no-repeat; background-size:55px;}

.charge-page.switch{}
.charge-page.switch .top-gray-area .txt{background:url(/common/app/img/ico_change.png) center 0 no-repeat; background-size:80px;}
.charge-page.switch .charge-way .list.coupon .txt-area{background:url(/common/app/img/switch_way_01.png) left center no-repeat; background-size:55px;}
.charge-page.switch .charge-way .list.alliance .txt-area{background:url(/common/app/img/switch_way_02.png) left center no-repeat; background-size:55px;}

/* 전환 */
.change-page{padding-bottom:80px;}
.change-page.type2{padding-bottom:0; /*background:#f5f5f5;*/}
.change-page.type2 .my-use-point{padding:40px 0 50px;}
.change-page.alliance .top-gray-area .txt{background:url(/common/app/img/ico_alliance_change.png) center 0 no-repeat; background-size:80px;}
.change-page .top-gray-area{padding:40px 0;}
.change-page .top-gray-area .txt{background:url(/common/app/img/ico_change.png) center 0 no-repeat; background-size:80px;}
.change-page .alliance-list{/*padding-bottom:30px;*/ background:#f5f5f5;}
.change-page .alliance-list .no-result{background:#fff; padding-top:40px;}
.change-page .alliance-list .tit-txt{margin-bottom:15px; padding:0 3%;}
.change-page .alliance-list .list-wrap{padding-bottom:30px; overflow:hidden;}
.change-page .alliance-list .list-wrap a{display:block; float:left; width:50%; height:145px; padding-top:111px; text-align:center; color:#333; font-size:14px; background:#fff center 35px no-repeat; background-size:auto 50px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.change-page .alliance-list .list-wrap a:nth-child(even){border-right:0;}
.change-page .alliance-list .list-wrap a:nth-child(-n+2){border-top:1px solid #e1e1e1;}
.change-page .charge-w{padding-top:40px;}
.change-page .charge-point{padding:0 3%;}
.change-page .charge-point button{margin-top:15px;}
.change-page .change-noti .charge-tit, .change-page .brand-mem-chk .charge-tit{padding-left:3%;}
.change-page .change-noti .list{padding:18px 3%; background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.change-page .change-noti .list .txt{margin-bottom:5px; padding-left:10px; font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px; text-indent:-10px;}
.change-page .change-noti .list .txt:last-child{margin-bottom:0;}
.change-page .charge-expect{padding:0 3%;}
.change-page .brand-mem-chk .info-list{padding:20px 0; height:190px; text-align:center;}
.change-page .brand-mem-chk .brand-logo{position:relative; margin:auto; width:80px; height:80px; border:1px solid #e2e2e2; text-align:center; border-radius:40px;}
.change-page .brand-mem-chk .brand-logo img{position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:auto; height:50px;}
.change-page .brand-mem-chk .brand-name{margin:10px 0 15px; color:#333; font-size:14px;}
.change-page .brand-mem-chk .mem-chk-btn{display:inline-block; padding:0 15px; height:30px; font-family:"NotoSans-Bold"; color:#fff; font-size:13px; line-height:29px; background:#555; border-radius:15px;}
.change-page.pt40{padding-top:40px;}

.donate-page .donate-tit{}
.donate-page .donate-tit .img{width:58px;}
.donate-page .donate-tit .txt{margin:10px 0 30px; font-family:"NotoSans-Light"; color:#333; font-size:20px;}
.donate-page .charge-w{margin:30px 0;}
.donate-page .txt-list li{margin-bottom:15px;}

.donate-list{padding-top:40px;}
.donate-list .noti-txt{padding:0 3%; text-align:right;}
.donate-list .donate-present{padding-bottom:40px;}
.donate-list .donate-present .tit-txt{margin-bottom:20px; padding-left:3%;}
.donate-list .donate-present .cell-list .left{width:52%; text-align:left; color:#333; font-size:15px; line-height:20px; word-break:keep-all;}
.donate-list .donate-present .cell-list .right{text-align:right; font-family:"Montserrat-Regular"; font-size:15px; vertical-align:middle;}
.donate-list .donate-present .cell-list .right span{font-family:"Montserrat-Bold";}
.donate-list .donate-present .input-noti-red{margin:10px 3% 0 3%;}
.donate-list .donate-present .btn-area{margin-top:20px; text-align:center;}
/*.donate-list .donate-his{padding-bottom:30px;}*/
.donate-list .donate-his .list{position:relative; padding:30px 3%; border-bottom:1px solid #e8e8e8; background:#fff;}
.donate-list .donate-his .list .logo{margin-bottom:12px; height:12px;}
.donate-list .donate-his .list .logo img{width:auto; height:100%;}
.donate-list .donate-his .list .do-center{margin-bottom:15px; padding-bottom:15px; font-family:"NotoSans-Light"; color:#333; font-size:20px; border-bottom:1px solid #e8e8e8;}
.donate-list .donate-his .list .do-type{display:block; position:absolute; right:0; top:0; height:25px; padding:0 7px; color:#fff; font-size:12px; line-height:24px; background:#afafaf;}
.donate-list .donate-his .list .cell-list{padding:5px 0; border:0; font-size:15px;}
.donate-list .donate-his .list .btn-area{margin-top:19px;}
.donate-list .donate-his .list .btn-area a{width:49%; line-height:44px;}
/*.donate-list .donate-his .list .btn-area a:first-child{color:#333; background:#fbb900; border:0;}*/
.donate-list .donate-his .list .btn-area a:last-child{float:right; background:#888; border:0;}
.donate-list .donate-his .list.no-donate .do-type{display:none;}
.donate-list .donate-his .list.no-donate .cell-list:nth-of-type(2){display:none;}
.donate-list .donate-his .list.no-donate .btn-area a:first-child{width:100%;}
.donate-list .donate-his .list.no-donate .btn-area a:last-child{display:none;}
.donate-list .no-result{padding-top:40px; background:#fff;}

.my-donate-his{/*padding-bottom:30px;*/}
.my-donate-his .top-gray-area{padding-bottom:10px;}
.my-donate-his .top-gray-area .txt{background:url(/common/app/img/ico_donate_his.png) center 0 no-repeat; background-size:80px;}
.my-donate-his .top-gray-area .sel-area{padding:0 3%; margin-top:35px;}
.my-donate-his .charge-list ul{padding-bottom:30px; background:#f5f5f5;}
.my-donate-his .charge-list li:last-child{border-bottom:1px solid #e8e8e8;}

.quick-use{padding:40px 0 0 0;}
.quick-use .card-use-area{padding:25px 3% 0; margin-top:10px; text-align:center; background:#fff;}
.quick-use .card-use-area .card-img{width:130px; margin:auto;}
.quick-use .card-use-area .tit-txt{margin:13px 0 22px;}
.quick-use .card-use-area .barcode{position:relative; width:186px; margin:0 auto 35px;}
.quick-use .card-use-area .barcode a{position:absolute; right:0; top:58px; width:13px; height:13px; text-indent:-9999px; font-size:0; background:url(/common/app/img/barcode_zoom_btn.png) 0 0 no-repeat; background-size:13px;}
.quick-use .card-use-area .limit-time{margin-top:17px; text-align:center;}
.quick-use .card-use-area .limit-time span{display:inline-block; height:19px; padding-left:24px; font-family:"Montserrat-Medium"; font-size:12px; line-height:19px; background:url(/common/app/img/refresh_icon.png) left center no-repeat; background-size:19px;}
.quick-use .card-use-area .no-use-area{padding:0 2%; text-align:left;}
.quick-use .card-use-area .no-use-area .txt{margin:10px 0; padding-bottom:10px; font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:17px; word-break:keep-all; border-bottom:1px solid #e2e2e2;}
.quick-use .card-use-area .no-use-area .area-list{}
.quick-use .card-use-area .no-use-area .area-list span{display:inline-block; padding:0 7px; margin:0 0 3px 0; height:18px; color:#fff; font-size:12px; line-height:17px; background:#aeaeae; border-radius:3px;}

.quick-use.enlarge{padding:0;}
.quick-use.enlarge .card-use-area{padding:0; margin:0;}
.quick-use.enlarge .card-use-area .barcode .barcode-area .barcode-num{font-size:13px;}
.quick-use.enlarge .card-use-area .limit-time span{height:25px; padding-left:31px; font-size:15px; line-height:25px; background-size:25px;}

.quick-use.enlarge.vertical .card-use-area .barcode{width:auto; height:calc(100vh - 50px); margin:0;}
.quick-use.enlarge.vertical .card-use-area .barcode .barcode-area{position:absolute; top:49%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:85%; margin:auto;}
.quick-use.enlarge.vertical .card-use-area .limit-time{position:absolute; bottom:40px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}

.quick-use.enlarge.vertical.horizontal .card-use-area .barcode{width:auto;}
.quick-use.enlarge.vertical.horizontal .card-use-area .barcode .barcode-area{top:46%; width:70%; /*max-height:100px;*/ margin:auto; /*border:1px solid #000;*/}
.quick-use.enlarge.vertical.horizontal .card-use-area .limit-time{bottom:20px;}
.quick-use.enlarge.vertical.horizontal{}

.payment-his .charge-list .tit-txt{padding-left:3%; margin-bottom:20px;}
.payment-his .charge-list .charge-his .ch-info p:first-child{width:50%; line-height:20px;}

.cash-back .charge-w{padding:0 3% 80px;}
.cash-back .charge-w .noti-line{padding-left:10px; margin-bottom:22px; font-size:13px; text-indent:-10px; line-height:18px; word-break:keep-all;}
.cash-back .cho-bank .bank-cho-btn{margin-bottom:10px;}
.cash-back .cho-bank button{margin-top:0;}
.cash-back .btn-yellow.fixed{display:none;}
.cash-back.on .btn-yllow.fixed{display:block !important;}
/*.cash-back.on .charge-w{padding:0 3% 80px;}*/

.do-present .charge-w{padding:0 3% 80px;}
.do-present .charge-w .sch-mem-btn{margin-top:12px;}
.do-present .mem-result{margin-top:20px;}
.do-present .mem-result .list{display:block; width:100%; padding:20px 0 20px 15px; background:#fff; border-bottom:1px solid #ddd;}
.do-present .mem-result .list:nth-of-type(1){border-top:1px solid #ddd;}
.do-present .mem-result .list label{font-family:"NotoSans-Black"; color:#333; font-size:15px;}
.do-present .mem-result .list .mem-info{padding-left:25px;}
.do-present .mem-result .list .mem-info p{font-size:15px;}
.do-present .mem-result .list .mem-info .mem-tel{margin:10px 0;}

/*가입초대*/
.invite-page{padding-bottom:85px;}
.invite-page .top-gray-area{padding:40px 0 35px;}
.invite-page .top-gray-area .txt{background:url(/common/app/img/ico_invite_mem.png) center 0 no-repeat; background-size:80px;}
.invite-page .invite-inner{position:relative; padding:30px 3% 0; width:100%; height:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff;}
.invite-page .invite-inner .tab-con .code-result:nth-child(1) {margin-top:30px;}

/*시너지코드 관련 추가 2019.08.29 seo myoung ou */
.invite-page.fixed_app .invite-inner {padding-top:0;background-color:transparent;border:none}
.invite-page.fixed_app .rwTxt {line-height:20px}
.invite-page.fixed_app .invite-code {margin-top:10px} 


.chrge-term{position:relative; margin-bottom:0; margin-top:30px;}
.chrge-term .charge-tit{line-height:24px;}
.chrge-term .btn-round.gray{position:absolute; right:0; top:0;}
/*
.invite-page .invite-inner .tab-con:nth-child(2) .chrge-term{position:relative; margin-bottom:0;}
.invite-page .invite-inner .tab-con:nth-child(2) .chrge-term .charge-tit{line-height:24px;}
.invite-page .invite-inner .tab-con:nth-child(2) .chrge-term .btn-round.gray{position:absolute; right:0; top:0;}
*/
.invite-page .invite-inner .invite-code{padding:17px 0; font-size:13px; text-align:center; background:#efefef; border:1px solid #ddd;}
.invite-page .invite-inner .invite-code p{margin-top:10px; font-family:"NotoSans-Bold"; color:#333; font-size:19px;}
.invite-page .invite-inner .invite-code.no-result{padding:28px 0; font-size:15px;}
.invite-page .charge-w .chrge-term{margin-bottom:30px;}
.invite-page .charge-w .chrge-term:nth-of-type(3){margin:30px 0 0 0;}
.invite-page .noti-area{padding-top:37px;}
.invite-page .noti-area .tit-txt{margin-bottom:10px; font-size:15px;}
.invite-page .noti-area ul li{margin-bottom:10px; padding-left:13px; font-family:"NotoSans-Light"; font-size:13px; line-height:18px; background:url(/common/app/img/noti_list_dot_bullet.jpg) left 7px no-repeat; background-size:3px 3px;}
.invite-page .noti-area ul li:last-child{margin-bottom:0;}

/* 모꼬지 */
.mogg-page .top-noti-area{position:relative; padding:40px 3% 15px; background:#f5f5f5;}
.mogg-page .top-noti-area .btn-round{position:absolute; right:3%; bottom:15px;}
.mogg-page .border-ico .btn-round.blue{margin-top:20px;}
.mogg-page .my-mogg{position:relative; padding:40px 3% 30px; border-bottom:1px solid #e8e8e8;}
.mogg-page .my-mogg .tit{margin-bottom:15px; color:#333; font-size:16px;}
.mogg-page .my-mogg .date{color:#888; font-size:12px;}
.mogg-page .my-mogg a{display:block; position:absolute; top:40px; right:0; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); padding-right:16px; font-family:"NotoSans-Black"; color:#888; font-size:13px; background:url(/common/app/img/icon_grayArrow1628_v2.png) right center no-repeat; background-size:8px auto;}
.mogg-page .my-mogg-point{padding:30px 0; text-align:center;}
.mogg-page .my-mogg-point .my-point-num{margin-bottom:20px; font-family:"Montserrat-Regular"; color:#333; font-size:20px;}
.mogg-page .my-mogg-point .my-point-num span{font-family:"Montserrat-Bold"; font-size:35px;}
.mogg-page .tab-area2{padding:0 3%;}
.mogg-page .mogg-mem-list{padding:0 3%;}
.mogg-page .mogg-mem-list .list{position:relative; padding:18px 0; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.mogg-page .mogg-mem-list .list .name{float:left; color:#333; font-size:15px;}
.mogg-page .mogg-mem-list .list .name.leader{padding-left:25px; font-family:"NotoSans-Bold"; font-size:15px; background:url(/common/app/img/crown_icon.png) left center no-repeat; background-size:18px auto;}
.mogg-page .mogg-mem-list .list .date{position:absolute; top:19px; right:0; color:#888; font-size:12px;}
.mogg-page .mogg-mem-list .list a{display:inline-block; margin-left:7px; width:9px; height:9px; vertical-align:sub;}

.readyPage{width:100%; height:100%;}
.readyPage .readyBox{position:absolute; left:50%; top:50%; width:90%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.readyPage .readyBox .txt{margin-top:20px; font-family:"NotoSans-Bold"; color:#333; font-size:15px; text-align:center;}


/*  ----------  팝업  ----------  */
/* 회원등급팝업 */
.pop-grade-cont{}
.pop-grade-cont li{display:table; margin-top:27px; padding-left:90px; min-height:60px;}
.pop-grade-cont li:first-child{margin-top:0;}
.pop-grade-cont li:nth-child(1){background:url("/common/app/img/mynh_grade_top.png") no-repeat 15px center; background-size:60px 60px;}
.pop-grade-cont li:nth-child(2){background:url("/common/app/img/mynh_grade_gold.png") no-repeat 15px center; background-size:60px 60px;}
.pop-grade-cont li:nth-child(3){background:url("/common/app/img/mynh_grade_loyal.png") no-repeat 15px center; background-size:60px 60px;}
.pop-grade-cont li:nth-child(4){background:url("/common/app/img/mynh_grade_green.png") no-repeat 15px center; background-size:60px 60px;}
.pop-grade-cont li:nth-child(5){background:url("/common/app/img/mynh_grade_blue.png") no-repeat 15px center; background-size:60px 60px;}
.pop-grade-cont .info{display:table-cell; font-family:"NotoSans-Light"; text-align:left; vertical-align:middle;}
.pop-grade-cont .info .tit{margin-bottom:7px; font-family:"NotoSans-Bold"; font-size:15px; color:#333;}
.pop-grade-cont .info .req-txt{padding:2px 0 2px;}

/* 나의문의수정 팝업 */
.mod-inquiry{padding-bottom:40px;}
.mod-inquiry select{margin-bottom:10px;}
.mod-inquiry input{margin-bottom:10px;}
.mod-inquiry .t-area-wrap{position:relative; border:1px solid #ddd; background:#fff;}
.mod-inquiry .t-area-wrap p{position:absolute; left:15px; bottom:15px; font-family:"NotoSans-Bold"; color:rgba(0,0,0,0.3); font-size:12px;}
.mod-inquiry .t-area-wrap .t-area{padding-bottom:50px;}
.mod-inquiry .t-area-wrap .t-area > div textarea{border:0;}
.mod-inquiry .inquiry-top{background:none; padding:40px 0 20px;}

/* 로그인이 잘 안되시나요 팝업 */
.find-id-area{padding:42px 0; background:url(/common/app/img/dashed_border.jpg) 0 bottom repeat-x; background-size:7px;}
.find-id-area .pop-txt-st{margin-bottom:18px;}
.sns-login-area{padding:30px 0;}
.sns-login-area .txt{margin-bottom:15px; font-family:"NotoSans-Light"; color:#666; font-size:13px; line-height:18px;}
.sns-login-area .sns-login a{display:inline-block; width:40px; height:40px; margin-right:12px;}
.sns-login-area .sns-login a:last-child{margin-right:0;}

/* 충전안내 팝업 */
.charge-pop .list{text-align:left; word-break:keep-all;}
.charge-pop .list dl{margin:15px 0 35px; font-size:15px;}
.charge-pop .list dl dd{padding-left:8px; margin:7px 0 20px;}
.charge-pop .list dl dd p{margin-bottom:5px; line-height:20px;}
.charge-pop .list dl dd p:last-child{margin-bottom:0;}
.charge-pop .list:last-child dl{margin:15px 0 0;}

/* 멤버십카드 비밀번호 초기화 팝업 */
.miss-pw-pop-con{padding:42px 23px;}
.miss-pw-pop-con .pop-txt-st{margin-bottom:15px;}
.miss-pw-pop-con .pop-txt-st:last-child{margin-bottom:0;}
.miss-pw-pop-con .pattern-btn{margin-top:5px;}

/* 포인트 기부 안내 팝업 */
.p-donate-pop{}
.p-donate-pop .txt{font-size:15px; line-height:20px; word-break:keep-all;}
.p-donate-pop .charge-tit:nth-of-type(3){margin-top:36px;}

/* 주소검색 팝업 */
.sch-addr .sch-input{position:relative;}
.sch-addr .sch-input input{padding-right:50px;}
.sch-addr .sch-input button{position:absolute; right:6px; top:9px; width:24px; height:34px; text-align:center;}
.sch-addr .sch-input button img{display:inline-block; width:15px; position:relative; top:3px;}
.sch-addr .use-guide{margin-top:20px; }
.sch-addr .use-guide .charge-tit{margin-bottom:10px;}
.sch-addr .use-guide dl{margin-top:30px;}
.sch-addr .use-guide dl dt{margin-bottom:10px; font-size:13px; color:#333;}
.sch-addr .use-guide dl dd{margin-bottom:20px; font-size:13px; color:#f15921;}
.sch-addr .sch-result .many-result .charge-tit{margin-top:20px;}
.sch-addr .sch-result .many-result .txt{font-size:13px; line-height:18px;}
.sch-addr .sch-result .btn-area{margin-top:16px; text-align:center;}

.sch-addr .sch-result .addr-list{margin-top:30px; border-top:2px solid #333;}
.sch-addr .sch-result .addr-list .no-result{padding-top:40px;}
.sch-addr .sch-result .addr-list .list{display:table; width:100%; border-bottom:1px solid #e8e8e8;}
.sch-addr .sch-result .addr-list .list div{display:table-cell;}
.sch-addr .sch-result .addr-list .list-tit{/*border-top:2px solid #333;*/ text-align:center;}
.sch-addr .sch-result .addr-list .list-tit div:nth-child(1){width:75px;}
.sch-addr .sch-result .addr-list .list-tit{padding:14px 0; font-family:"NotoSans-Bold"; color:#333; font-size:13px; background:#f5f5f5;}
.sch-addr .sch-result .addr-list .scroll-area{/*height:calc(100vh - 245px);*/ overflow-y:scroll;}
.sch-addr .sch-result .addr-list .list.addr{padding:10px 0;}
.sch-addr .sch-result .addr-list .list.addr dl{overflow:hidden;}
.sch-addr .sch-result .addr-list .list.addr dl:nth-child(2){margin-top:7px;}
.sch-addr .sch-result .addr-list .list.addr dl *{float:left;}
.sch-addr .sch-result .addr-list .list.addr dt{box-sizing:border-box; width:43px; height:18px; margin-right:5px; padding:3px 0; color:#fff; font-size:12px; text-align:center; line-height:13px; background:#333; border-radius:9px;}
.sch-addr .sch-result .addr-list .list.addr dd{width:calc(100% - 75px); color:#333; font-size:12px;}
.sch-addr .sch-result .addr-list .list.addr div:nth-child(1){margin-bottom:10px; width:75px; vertical-align:middle; text-align:center; color:#f15921; font-size:13px;}
.sch-addr .sch-result .addr-list .list.addr div:nth-child(1) dd{line-height:17px;}
.sch-addr .sch-result .addr-list .list.addr div:nth-child(2) dd{color:#999; line-height:17px;}
.sch-addr .sch-result .addr-list .list.addr div:nth-child(2) dl:nth-child(1) dd{color:#333;}
.sch-addr .sch-result .addr-list .list.addr div:nth-child(2) dl:nth-child(2) dt{background:#888;}

/* 은행선택 팝업 */
.bank-list{padding:38px 20px 27px;}
.bank-list ul{overflow:hidden; margin-top:25px; height:165px; overflow-y:scroll;}
.bank-list ul li{position:relative; float:left; width:33%; height:48px; background:#eee; border-right:1px solid rgba(180,180,180,0.2); border-top:1px solid rgba(180,180,180,0.2);}
.bank-list ul li a{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:block; width:calc(100% - 10px); color:#666; font-size:13px; line-height:16px;}
.bank-list ul li:nth-child(3n){width:34%; border-right:none;}
.bank-list ul li:nth-child(-n+3){border-top:none;}
.bank-list ul li.on{border:none; background:#23b8bc;}
.bank-list ul li.on a{color:#fff; font-size:13px;}

/* 알뜰폰 선택 팝업 */
.cho-frugal .pop-tit-st{padding:40px 0 10px; text-align:center; }
.cho-frugal .cho-frugal-rad{padding:25px 0 40px 30px; text-align:left; background:url(/common/app/img/dashed_border.jpg) 0 0 repeat-x; background-size:7px;}
.cho-frugal .cho-frugal-rad p{margin-bottom:20px;}
.cho-frugal .cho-frugal-rad p:last-child{margin-bottom:0;}

/* NHPOINT 스탬프 달성내역 팝업 */
.stamp-his .list{padding:15px 0; border-bottom:1px solid #e8e8e8;}
.stamp-his .list:first-child{border-top:1px solid #e8e8e8;}
.stamp-his .list .date{color:#888; font-size:14px;}
.stamp-his .list .tit-txt{margin:15px 0; line-height:17px;}
.stamp-his .list .txt{font-size:15px;}

/* 모꼬지 소식 알림 팝업 */
#mogg-new-pop .ly-pop .ly-cont{padding:40px 0;}
#mogg-new-pop .top-area{padding:0 3% 20px 3%; border-bottom:1px solid #e8e8e8;}
#mogg-new-pop .top-area select{margin-top:30px;}
#mogg-new-pop .new-list .list{padding:15px 3%; border-bottom:1px solid #e8e8e8;}
#mogg-new-pop .new-list .list .label{padding:0 12px; height:18px; color:#fff; font-size:12px; line-height:17px; text-align:center; border-radius:9px;}
#mogg-new-pop .new-list .list .label.t1{background:#1fb25a;}
#mogg-new-pop .new-list .list .label.t2{background:#23b8bc;}
#mogg-new-pop .new-list .list .label.t3{background:#888888;}
#mogg-new-pop .new-list .list .label.t4{background:#f15921;}
#mogg-new-pop .new-list .list .label.t5{background:#0079c2;}
#mogg-new-pop .new-list .list .tit-txt{margin:8px 0 10px;}
#mogg-new-pop .new-list .list .date{color:#888; font-size:14px;}
#mogg-new-pop .new-list .list a{line-height:44px;}
#mogg-new-pop .new-list .list .btn-area{margin-top:13px;}
#mogg-new-pop .new-list .list .btn-area.invite a{width:49%; line-height:44px;}
#mogg-new-pop .new-list .list .btn-area.invite a:last-child{float:right;}
#mogg-new-pop .new-list .list .btn-area.invite-ask a{padding:0 12px; background:#888; border:0;}
#mogg-new-pop .new-list .list .btn-area.invite-ask a span{display:inline-block; width:100%; background:url(/common/app/img/btn_plus_ico.png) right center no-repeat; background-size:11px;}
#mogg-new-pop .no-result{padding-top:30px;}

/* 모꼬지 초대현황 팝업 */
#invite-list-pop .ly-cont{padding:35px 10px 0 25px;}
#invite-list-pop .ly-cont .pop-tit-st{margin-bottom:19px;}
#invite-list-pop .ly-cont .invite-list{height:279px; padding:0 15px 35px 0; overflow-y:auto;}
#invite-list-pop .ly-cont .invite-list .list{padding:11px 0; border-bottom:1px solid #e8e8e8; overflow:hidden;}
#invite-list-pop .ly-cont .invite-list .list .name{float:left; color:#333; font-size:15px; line-height:17px;}
#invite-list-pop .ly-cont .invite-list .list .state{float:right; color:#333; font-size:12px; line-height:17px;}
#invite-list-pop .ly-cont .invite-list .list .state.wait{color:#888;}
#invite-list-pop .ly-cont .invite-list .list .state.refusal{color:#ff5252;}
#invite-list-pop .ly-cont .invite-list .list.on .name{padding-right:22px; background:url(/common/app/img/invite_accept_icon.png) right center no-repeat; background-size:17px;}

/* 모꼬지 구성원 초대 팝업 */
#my-mogg-invite-pop{}
#my-mogg-invite-pop .sch-mem-btn{background:#555;}
#my-mogg-invite-pop .result-area{margin-top:30px; border-top:2px solid #333;}
#my-mogg-invite-pop .result-area .border-ico{padding-top:30px;}
#my-mogg-invite-pop .result-area .border-ico .txt{background:url(/common/app/img/ico_moggozi_sch_mem.png) center 0 no-repeat; background-size:80px;}
#my-mogg-invite-pop .result-area .selected-mem{position:relative; padding:0; width:100%; overflow:hidden; height:0; border-bottom:0px solid #e8e8e8;}
#my-mogg-invite-pop .result-area .selected-mem:after{content:''; display:block; position:absolute; right:0; top:0; width:50px; height:100%; background:url(/common/app/img/mem_list_gradient.png) right center no-repeat; background-size:auto 100%; z-index:1;}
#my-mogg-invite-pop .result-area .selected-mem a{position:relative; display:inline-block; margin-right:16px; width:63px; height:25px; color:#fff; font-size:15px; line-height:24px; text-align:center; background:#23b8bc; border-radius:13px;}
#my-mogg-invite-pop .result-area .selected-mem a:after{content:''; display:block; position:absolute; right:-3px; top:-7px; width:15px; height:15px; background:url(/common/app/img/list_delete_icon.png) 0 0 no-repeat; background-size:15px;}
#my-mogg-invite-pop .result-area .mem-result{/*padding-bottom:50px;*/}
#my-mogg-invite-pop .result-area .mem-result .list{display:block; padding:17px 0; border-bottom:1px solid #e8e8e8; overflow:hidden;}
#my-mogg-invite-pop .result-area .mem-result .list span{padding-left:26px; font-size:15px; background:url(/common/app/img/app_radio_check.png) left center no-repeat; background-size:18px;}
#my-mogg-invite-pop .result-area .mem-result .list.on span{background:url(/common/app/img/app_radio_check_on.png) left center no-repeat; background-size:18px;}
#my-mogg-invite-pop .result-area .mem-result .list .mem-email{float:right;}

#my-mogg-invite-finish-pop .ly-cont.full{padding:0; background:#f5f5f5;}
#my-mogg-invite-finish-pop .ly-cont.full .invite-finish{padding:40px 0 0 0; background:#f5f5f5; text-align:center;}
#my-mogg-invite-finish-pop .ly-cont.full .invite-finish .tit{padding-top:100px; font-family:"NotoSans-Bold"; color:#333; font-size:19px; line-height:25px; background:url(/common/app/img/ico_invite_finish.png) center 0 no-repeat; background-size:80px;}
#my-mogg-invite-finish-pop .ly-cont.full .invite-finish .mem{margin:15px 0; font-size:15px;}
#my-mogg-invite-finish-pop .ly-cont.full .invite-finish .txt{font-size:13px; line-height:19px;}

/* 결제취소 바코드 팝업 */
#pay-cancel-pop .ly-cont{padding:0; background:#f5f5f5;}
#pay-cancel-pop .pay-cancel{padding-top:100px;}
#pay-cancel-pop .barcode-img{width:214px; margin:0 auto;}
#pay-cancel-pop .charge-list{margin-top:85px;}
#pay-cancel-pop .charge-list .tit-txt{padding-left:3%; margin-bottom:20px;}
#pay-cancel-pop .charge-list li{padding:18px 3%;}
#pay-cancel-pop .charge-list .ch-info p:nth-child(1){font-size:15px;}
#pay-cancel-pop .charge-list .ch-info p:nth-child(2){font-size:15px;}

/* 개인정보처리방침, 이용약관 팝업 */
.personal-info .ly-cont{position:fixed;}
.personal-info select{position:fixed; width:94%; margin-bottom:20px;}
.personal-info .terms-list{position:absolute; top:110px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); padding-bottom:80px; width:94%; height:calc(100% - 110px); overflow:auto;}
.terms-list .tit-txt{margin-bottom:9px;}
.terms-list .list{margin-bottom:17px; font-size:15px; line-height:20px; word-break:keep-all;}
.terms-list .list:last-child{margin-bottom:0;}

.terms-list .topArea{padding-bottom:30px; border-bottom:1px solid #e8e8e8}
.terms-list .t_tit{color:#000; font-size:24px; margin-top:60px;}
.terms-list > .term-tit{color:#000; font-size:17px; font-family:"NotoSans-Bold"; margin-top:30px;}
.terms-list .txtDiv{margin-top:15px; font-family:"NotoSans-Light"; font-size:16px;}
.terms-list .txtDiv .term-tit{color:#333; font-size:16px; font-family:"NotoSans-Bold";}
.terms-list .txt{color:#666; font-size:14px; line-height:21px; margin-top:10px; font-family:"NotoSans-Light"; letter-spacing:-1px}
.terms-list .txtDiv ul li{font-size:14px; line-height:21px; margin-top:10px;}
.terms-list .txtDiv ul li:first-child{margin-top:0;}
.terms-list .linkBt{font-family:"NotoSans-Bold"; text-decoration:underline;}

.table-type3{position:relative; margin-top:10px; border-top:2px solid #777; overflow-x:scroll;}
.table-type3 table{width:980px;}
.table-type3 th{padding:15px 0; font-size:15px; color:#333; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#f9f9f9;}
.table-type3 td{padding:10px 3%; line-height:21px; font-family:"NotoSans-Light"; font-size:14px; vertical-align:top; letter-spacing:-0.3px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}

/*#use-term-pop .use-term{padding-bottom:50px;}
#use-term-pop .terms-list{margin-bottom:34px;}
#use-term-pop .terms-list:last-child{margin-bottom:0;}
#use-term-pop .terms-list .list{word-break:keep-all;}
#use-term-pop .terms-list .list .sub-list{display:block; margin-top:16px;}
#use-term-pop .terms-list .tit-txt{margin-bottom:11px;}
#use-term-pop .terms-list .light-tit{margin-bottom:10px; font-family:"NotoSans-Light"; font-size:20px; color:#333; line-height:24px;}
#use-term-pop .terms-list .gray-sub-tit{margin-bottom:12px; font-family:"NotoSans-Bold"; font-size:15px; color:#666; line-height:20px;}*/

#use-term-pop .ly-pop .ly-cont{padding-top:0;}
#use-term-pop .tab-area{background:none;;}

.clauseDiv{padding-bottom:50px;}
.clauseDiv .moveSelect{text-align:right; width:100%; margin-top:40px;}
.clauseDiv .moveSelect select{float:left; width:calc(100% - 74px); height:50px; border-right:0;}
.clauseDiv .moveSelect:after{display:block; content:''; clear:both;}
.clauseDiv .moveSelect .select-area{width:calc(100% - 74px); margin-right:0; float:left;}
.clauseDiv .moveSelect .sendBt{display:block; width:74px; float:left; height:50px; line-height:50px; font-size:14px; font-family:"NotoSans-Bold"; vertical-align:middle; color:#fff; background:#666;}
.clauseTxt .topArea{padding-bottom:30px; border-bottom:1px solid #e8e8e8}
.clauseTxt:first-child .topArea .t_tit{margin-top:0;}
.clauseTxt .t_tit{color:#000; font-size:20px; margin-top:40px;}
.clauseTxt > .tit{color:#000; font-size:17px; font-family:"NotoSans-Bold"; margin-top:30px;}
.clauseTxt .txtDiv{margin-top:15px; font-family:"NotoSans-Light";}
.clauseTxt .txtDiv .tit{color:#333; font-size:15px; font-family:"NotoSans-Bold";}
.clauseTxt .txt{color:#666; font-size:14px; line-height:21px; margin-top:10px; font-family:"NotoSans-Light"; letter-spacing:-1px}
.clauseTxt .txtDiv ul li{color:#666; font-size:14px; line-height:21px; margin-top:10px;}
.clauseTxt .txtDiv ul li:first-child{margin-top:0;}
.clauseTxt li{background:transparent; border-bottom:0;}
.clauseTxt li:first-child{border-top:0;}
.clauseTxt .table-type3 th{background:transparent; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.clauseTxt .table-type3 td{border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.clauseDiv .linkBt{font-family:"NotoSans-Bold"; text-decoration:underline;}
.clauseDiv .pressDiv{margin-top:30px;}

.termsDiv{margin:0; border-top:1px solid #e8e8e8;}
.termsDiv .list{border-bottom:1px solid #e8e8e8; background:transparent;}
.termsDiv .list:last-child{border-bottom:1px solid #e8e8e8;}
.termsDiv .list .topDiv{position:relative; padding:12px 3%; height:51px;}
.termsDiv .list .topDiv .check{position:relative; width:100%; height:100%;}
.termsDiv .list .topDiv .check label{display:block; position:absolute; left:0; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); width:70%; line-height:18px;}
.termsDiv .list .topDiv .showBt{color:#888; font-family:"NotoSans-Black"; position:absolute; right:3%; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.termsDiv .list .topDiv .showBt.on{color:#333;}
.termsDiv .list .termsTxt{height:404px; overflow-y:scroll !important; padding:18px 3%; font-family:"NotoSans-Light"; font-size:13px; line-height:18px; border-top:1px solid #e8e8e8; background:#ddd;}
.termsDiv .list .termsTxt .tit{margin:16px 0 8px;}
.termsDiv .list .termsTxt .tit:first-child{margin:0 0 8px;}
.termsDiv .list .check label{position:relative; color:#333;}
.termsDiv .list .check input[type="checkbox"]+ label::before{position:absolute; left:0; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); width:18px; height:16px; background-size:auto 16px;}
.termsDiv .list .check input[type="checkbox"]:checked+ label::before{background-size:auto 16px;}

.info-list .termsTxt{height:300px; overflow-y:scroll !important; /* padding:18px 3%; */ font-family:"NotoSans-Light"; font-size:13px; line-height:18px; background:#ddd;}
.info-list .termsTxt .tit{font-family:"NotoSans-Regular"; margin:16px 0 8px;}
.info-list .termsTxt .tit:first-child{margin:0 0 8px;}

/* 본인확인 팝업 */
#mem-identify-pop .ly-cont{padding:0;}
#mem-identify-pop .ly-cont .mem-info-mod{padding:0;}

/* 포인트 사용 확인번호 */
.p-num-chk .ly-cont{padding:0;}
.p-num-chk .pw-area{padding:40px 3% 0;}
.p-num-chk .pw-area .txt{margin-bottom:20px; color:#333; font-size:14px; text-align:center;}
.p-num-chk .pw-area input{margin-bottom:15px;}
.p-num-chk .keypad{position:absolute; bottom:0; left:0; padding-top:53px; width:100%;}
.p-num-chk .btn-area{/*position:absolute; bottom:70px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);*/ width:100%; text-align:center;}
.p-num-chk .btn-area.keypad-on{bottom:25px; left:50%; -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transform:translate(-50%,0); width:100%; text-align:center;}
.p-num-chk .input-noti{margin-bottom:15px; text-align:center;}
/* .p-num-chk .pw-info{margin-bottom:15px; line-height:18px;} */

/* 당첨안내 팝업 */
#win-pop .border-ico{padding-top:0;}
#win-pop .border-ico .txt p{line-height:22px;}
#win-pop .border-ico .txt p:first-child{margin-bottom:10px;}
#win-pop .border-ico .txt p span{font-family:"NotoSans-Bold";}
#win-pop .border-ico.win .txt{background:url(/common/app/img/ico_win1.png) center 0 no-repeat; background-size:80px;}
#win-pop .border-ico.not-win .txt{background:url(/common/app/img/ico_win2.png) center 0 no-repeat; background-size:80px;}

#access-pop .txt{margin-bottom:30px; padding:12px 0 25px; font-size:15px; line-height:20px; background:url(/common/app/img/dashed_border.jpg) 0 bottom repeat-x; background-size:7px 1px;}
#access-pop .sub-tit-txt{margin-bottom:8px; font-family:"NotoSans-Bold"; color:#333; font-size:15px;}
#access-pop .pop-txt-st{margin-bottom:20px;}
#access-pop .pop-txt-st span{color:#333;}
#access-pop .sub-txt{font-size:13px; line-height:18px;}

#eve_agree_pop .ly-cont{padding:40px 0 80px; background:#f5f5f5;}
#eve_agree_pop .tit-txt{margin-bottom:14px; padding-left:3%; text-align:left;}
#eve_agree_pop .accor-area .tcell{border-bottom:1px solid #e8e8e8;}
#eve_agree_pop .accor-area .accor-con{padding:18px 3%; font-family:"NotoSans-Light"; font-size:13px; line-height:18px; background:#efefef; border-bottom:1px solid #e8e8e8;}
#eve_agree_pop .mem-info-mod{min-height:auto; margin-bottom:30px; padding:0; background:none;}
#eve_agree_pop .mem-info-mod .accor-area .tcell{border-bottom:0;}
#eve_agree_pop .mem-info-mod .accor-area .accor-con{padding:0; border:none; background:none;}
#eve_agree_pop .radio-area{margin:15px 0 17px;}
#eve_agree_pop .phone-certi{display:none; margin-top:35px; padding:0; background:none;}
#eve_agree_pop .phone-certi .inner form > input{background:#e2e2e2; pointer-events:none;}
#eve_agree_pop .phone-certi .input-noti{text-align:left; margin-top:15px;}
#eve_agree_pop .get-p-certi .certi-n-input button.get-certi{float:none; width:100%; background:#23b8bc;}
#eve_agree_pop .get-p-certi .certi-n-input button.get-certi.gray{background:#888; pointer-events:none;}
#eve_agree_pop .get-p-certi .certi-n-input .noti-area{margin-bottom:0;}
#eve_agree_pop .get-p-certi .certi-n-input .input-noti{margin-top:15px; text-align:left;}
#eve_agree_pop .addr-area{display:none; margin-top:30px;}
#eve_agree_pop.not-first .ly-head .tit:nth-child(1){display:none;}
#eve_agree_pop.not-first .ly-head .tit:nth-child(2){display:block !important;}
#eve_agree_pop.not-first .btn-blue.modify{display:block !important;}
#eve_agree_pop.not-first .agree-area{display:none;}
#eve_agree_pop.not-first .addr-area{display:block !important; margin-top:0;}
#eve_agree_pop.not-first .phone-certi{display:none !important;}
#eve_agree_pop.agreed .agree-area{display:none;}
#eve_agree_pop.agreed .addr-area{display:block !important; margin-top:0;}
#eve_agree_pop.agreed .phone-certi{display:block !important;}

#cant-leave-pop{}
#cant-leave-pop .miss-pw-pop-con{padding:42px 15px}
#cant-leave-pop ul{width:100%; margin:auto;}
#cant-leave-pop ul li{padding:15px 0; border-bottom:1px solid #e8e8e8; overflow:hidden;}
#cant-leave-pop ul li:first-child{border-top:1px solid #e8e8e8;}
#cant-leave-pop ul li .txt{float:left; color:#333; font-size:14px;}
#cant-leave-pop ul li .number{float:right; font-family:"Montserrat-Regular"; font-size:14px; color:#666;}
#cant-leave-pop ul li .number span{font-family:"Montserrat-Bold";color:#f15921;}

#cant-leave-pop2{}
#cant-leave-pop2 .miss-pw-pop-con{padding:42px 15px}
#cant-leave-pop2 ul{width:100%; margin:auto;}
#cant-leave-pop2 ul li{padding:15px 0; border-bottom:1px solid #e8e8e8; overflow:hidden;}
#cant-leave-pop2 ul li:first-child{border-top:1px solid #e8e8e8;}
#cant-leave-pop2 ul li .txt{float:left; color:#333; font-size:14px;}
#cant-leave-pop2 ul li .number{float:right; font-family:"Montserrat-Regular"; font-size:14px; color:#666;}
#cant-leave-pop2 ul li .number span{font-family:"Montserrat-Bold";color:#f15921;}

#synergy-sch-pop{}
#synergy-sch-pop .sch-result{margin-top:30px; border-top:1px solid #e8e8e8;}
#synergy-sch-pop .sch-result .list{display:block; padding:15px 0; border-bottom:1px solid #e8e8e8;}
#synergy-sch-pop .sch-result .list div{margin-bottom:9px; overflow:hidden;}
#synergy-sch-pop .sch-result .list div:last-child{margin-bottom:0;}
#synergy-sch-pop .sch-result .list div .tit{float:left; color:#333; font-size: 13px;}
#synergy-sch-pop .sch-result .list div .txt{float:right; color:#888; font-size: 13px;}
#synergy-sch-pop .no-result{margin-top:50px;}

/*위치기반 알람 팝업*/
.location-alarm-pop {display:none; position:fixed; top:0; z-index:101; width:100%; height:100%;}
.location-alarm-pop .inner_wrap {position:fixed; top:50%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%); margin:0 3%;       width:94%;position:relative;padding:30px 0 0 0 ;z-index:999;background:url('/common/app/img/img_location_pop02.png') no-repeat 90% 25px #fff;background-size:103px 173px}
.location-alarm-pop .inner_wrap .cont {width:86%;height:100%;margin:0 auto;position:relative}
.location-alarm-pop .inner_wrap .cont .visual {width:100%;height:50%}
.location-alarm-pop .inner_wrap .cont .visual  p {height:170px;color:#000; font-family:"NotoSans-Light";font-size:26px;line-height:33px;letter-spacing:-2px;background:url('/common/app/img/img_location_pop01.png') no-repeat 0 bottom;background-size:88px 56px}
.location-alarm-pop .inner_wrap .cont .visual  p strong {font-family:"NotoSans-Midium";}
.location-alarm-pop .inner_wrap .cont .visual  p strong:last-child {color:#009599}
.location-alarm-pop .inner_wrap .cont .visual span {margin-top:10px;display:block;font-family:"NotoSans-Light";line-height:16px}
.location-alarm-pop .inner_wrap .cont .visual span em {color:#f15921;font-style:normal}
.location-alarm-pop .inner_wrap .cont .toggle {width:100%;height:180px;margin-top:20px;}
.location-alarm-pop .inner_wrap .cont .toggle li {width:100%;line-height:28px;letter-spacing:-1px;color:#333;;font-family:"NotoSans-Regular";margin-bottom:5px;font-size:16px;padding-left:18px;background:url('/common/app/img/img_location_pop03.png') no-repeat 0 8px;background-size:13px 12px}
.location-alarm-pop .inner_wrap .cont .toggle a {vertical-align:middle;float:right;padding-right:10px}
.location-alarm-pop .inner_wrap .cont .confirm-btn {width:100%;height:40px;display:block;position:absolute;bottom:65px;background-color:#23b8bc;line-height:40px;font-size:15px;text-align:center;color:#fff;}
.location-alarm-pop .inner_wrap .btn_bottom {width:100%;height:50px;position:absolute;bottom:0;background-color:#333;}
.location-alarm-pop .inner_wrap .btn_bottom a {width:50%;height:100%;position:relative;right:0;;float:left;line-height:50px;font-size:12px;text-align:center;color:#fff;background-image:none}
.location-alarm-pop .inner_wrap .btn_bottom a:first-child {background-color:#888}
