@charset "utf-8";

/* header */
header{position:relative;padding:0.7rem 1.6rem;height:4.1rem;line-height:2.4rem;}
header::after{content:'';display:block;clear:both}
/* [s] 240404 수정 */
header .logo{position:absolute;left:0.9rem;margin-left:0;}
/* [e] 240404 수정 */
/* [s] 240724 수정 */
header .logo .clemo-logo{width:11rem;}
header.bg-wh{background:#fff;}
header .logo.symbol::before{display:none}
header .btn-close{position:absolute;top:2rem;right:2rem;width:1.5rem;height:1.5rem;}
.ico.close{width:1.5rem;height:1.5rem;background-image:url(../images/ico_close.png);background-size:1.5rem auto;vertical-align:top}
header .login{position:relative;height:1.6rem;margin-top:1rem;padding-left:3.2rem;}
header .login::before{content:"";display:block;position:absolute;top:-.5rem;left:0;width:2.4rem;height:2.4rem;background:url(../images/login_symbol.png) no-repeat center / 2.4rem;}
header .login > div{float:left}
header .login a{color:#fff;font-size: 1.4rem;font-weight:400;line-height: 1.4rem;vertical-align:top}
header .login a:first-of-type{position:relative;padding-right:.8rem;margin-right:.5rem;}
header .login a:first-of-type::after{content:"";display:block;position:absolute;top:.2rem;right:-.2rem;width:.1rem;height:1.4rem;background:#D9D9D9}
header .login .after{color:#fff;font-size: 1.4rem;font-weight:400;line-height: 1.4rem;}
header .login a:first-of-type,header .login .after span{font-weight: 700;}
header .login .after span{padding-right:.3rem}
/* [e] 240724 수정 */

.main-header{background:url(/images/bg_main02-57147ce05dc6b986b3dcda254a2f8b6c.png) no-repeat 0 / cover;}
/* [s] 240404 수정 */
.main-header .usage-price{text-align:center;padding:4rem 0 3.7rem;}
.main-header .usage-price .usage-card{margin-bottom:4.6rem;}
/* [e] 240404 수정 */
.main-header .usage-price .clemo-no{margin-bottom:0.5rem;}
.main-header .usage-price .clemo-no span{font-size:1.2rem;color:#E9F4F7}
.main-header .usage-price .clemo-no span:first-child{font-weight:700;}
.main-header .usage-price .clemo-no span:last-child{font-weight:400;}
.main-header .usage-price .clemo-va{margin-bottom:0.6rem;}
.main-header .usage-price .clemo-va span{font-size:1.2rem;color:rgba(242, 248, 250, 0.7);margin-right:0.4rem}
.main-header .usage-price .clemo-va span:last-child{margin-right:0}
.main-header .usage-price .clemo-pr span{color:#E9F4F7;font-weight:700;}
.main-header .usage-price .clemo-pr span:first-child{font-size:3.2rem;}
.main-header .usage-price .clemo-pr span:last-child{font-size:4rem;}
/* [s] 240724 추가 */
.clemo-login{margin-bottom:1rem;color:#E9F4F7;text-decoration:underline}
.main-header .usage-price .clemo-mycard{margin-top:1rem}
.main-header .usage-price .clemo-mycard a{color:#fff;font-size:1.2rem;font-weight:400;text-decoration:underline;text-underline-position:under;}
header .card{z-index:10;position:absolute;top:1.2rem;right:4.6rem;width:2.8rem;height:2.8rem;box-sizing:border-box;}
.main-header header .card button{display:block;width:2.8rem;height:2.8rem;background:url(../images/ico_mycard.png) no-repeat center 0 / 2.8rem;}
.main-header header .menu{background:url(/images/ico_menus-c137e8e0aa6141b37d7436f0661624a1.png) no-repeat center 0 / 0.4rem 2rem}
/* [e] 240724 추가 */

/* [s] 240228 수정 */
.main-header .usage-price .clemo-tit{color:#E9F4F7;font-size:2.2rem;font-weight:700;margin-bottom:0.8rem;}
.main-header .usage-price .clemo-cont{color:rgba(240, 253, 255, 0.7);font-size:1.4rem;font-weight:400;}
.main-header .usage-price .clemo-scan{margin-top:1rem}
.main-header .usage-price .clemo-scan a{color:#fff;font-size:1.2rem;font-weight:400;text-decoration:underline;text-underline-position:under;}
/* [e] 240228 수정 */
.main-header .usage-price .btn-group{display:flex;justify-content:space-between;margin:0 2.8rem}
.main-header .usage-price .btn-group li button{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.8rem;}
/* [s] 240307 수정 */
.main-header .usage-price .btn-group li button::before{content:"";display:block;width:6rem;height:6rem;margin:0 auto}
/* [e] 240307 수정 */
.main-header .usage-price .btn-group li.bt-charge button::before{background:url(/images/btn_top_charge-0e057ed518c3c1304647c08c1705e220.png) no-repeat 0 / 6rem 6rem;}
.main-header .usage-price .btn-group li.bt-remit button::before{background:url(/images/btn_top_remit-3642c7ea53e67e66322bff3bd1218c4f.png) no-repeat 0 / 6rem 6rem;}
/* [s] 240228 수정 */
.main-header .usage-price .btn-group li.bt-history button::before{background:url(/images/btn_top_user-f9e608b7131c43ba060f7ce217d247c0.png) no-repeat 0 / 6rem 6rem;}
.main-header .usage-price .btn-group li.bt-menu button::before{background:url(/images/btn_top_menu-a11ad291aa46d9e5243d7b72f56e2a9d.png) no-repeat 0 / 6rem 6rem;}
.main-header .usage-price .btn-group li.bt-qr button::before{background:url(/images/btn_top_qr-e8933adba008c8d4c599c50223bdd6ef.png) no-repeat 0 / 6rem 6rem;}
.main-header .usage-price .btn-group li.bt-use button::before{background:url(/images/btn_top_history-b2d8aaa9d7fe8bd10402ce53f6b2ad54.png) no-repeat 0 / 6rem 6rem;}
.main-header .usage-price .btn-group li.bt-mall button::before{background:url(/images/btn_top_mall-07b93a4bed485a83a028c19ff57a4b36.png) no-repeat 0 / 6rem 6rem;}
/* [e] 240228 수정 */

/* [s] 240724 수정 */
header .select-lang{z-index:22;position:absolute;top:1.4rem;right: 9rem;box-sizing:border-box;}
header .select-lang ul{display:none;border:.1rem solid rgba(0,0,0,0.15);border-radius:0.8rem;position:relative;left:1.8rem;background:#fff;padding:0.8rem 0}
header .select-lang ul.open{display:block;}
header .select-lang ul li{min-width:8rem;height:3rem;padding:.7rem 2rem;font-weight:400;font-size:1.3rem;color:#222;line-height:1.8rem;text-align:center;box-sizing:border-box;}
header .select-lang h2.init{margin:0 0 1.3rem auto;width:5rem;font-size:1.2rem;font-weight:600;border-radius:1.2rem;border:0.1rem solid rgba(255, 255, 255, 0.8);color:rgba(255, 255, 255, 0.8);padding:0.4rem 0.5rem 0.3rem;line-height:1.4rem;box-shadow:none;text-align:center;box-sizing:border-box;}
/* [e] 240724 수정 */
header .select-lang ul li.selected{background:#ECECED;font-weight:700;}
.custom-select{position:relative;width:auto;border-radius:0.8rem;z-index:11;float:right;margin-bottom:1rem;padding-right:1rem}  
.custom-select::after{content:'';display:block;clear:both}
.custom-select .select-trigger{padding:0.2rem 1.6rem;cursor: pointer;outline:none;font-weight:700;}  
.custom-select .select-trigger::after{content:"";display:block;width:1rem;height:0.5rem;background:url(/images/ico_down_arrow-3c302eb514df7f1b04b3161951e19643.png) no-repeat 0 / 1rem 0.5rem;position: absolute;right:0.5rem;top:0.7rem;}
/* [s] 240219 수정 */
.custom-select .options{list-style: none;margin: 0;padding:0.8rem 0;position: absolute;top:0;right:0;width:auto;border:0.1rem solid rgba(0,0,0,0.15);border-radius:0.8rem;background-color: #fff;display:none;box-sizing:border-box;}  
.custom-select .options li{padding:0.7rem;cursor:pointer;transition:background-color 0.3s;text-align:center;white-space:nowrap;}  
/* [e] 240219 수정 */
.custom-select .options li.on{color:#222;font-size:1.4rem;font-weight:700;background:#ECECED;}
.custom-select .options li:hover{background-color: #f4f4f4;}  
.custom-select.active .options{display: block;}
header .menu{z-index:10;position:absolute;top:1.6rem;right: 1rem;width:0.4rem;height:2rem;box-sizing:border-box;background: url(/images/ico_menu-0d895da19424b6d8395d4d159d3959e9.png) no-repeat center 0 / 0.4rem 2rem;padding: 0 1rem;display: block;}
.text-area{padding:2rem 0 2rem 1.6rem;height:9.4rem;letter-spacing:-0.05rem;}
.text-area h2{font-size:2.2rem;color:#17171B;font-weight:500;}
/* 메인 */
.top-info{padding-bottom:1.6rem;}
.tit-area{padding:0.4rem 1.6rem 1.6rem;letter-spacing:-0.05rem;}
.tit-area h3{font-size:2.4rem;font-weight:700;color:#212323;}
.tit-area .tit{font-size:1.4rem;color:#383838;font-weight:400;}
.tit-area .tit span{color:#0F9EE1}
.main-info{background:#F3F3F3;}
.main-info .top-info{padding-bottom:0;border-bottom:none;}
/* [s] 240724 수정 */
.main-info .tit-area{margin-bottom:-0.5rem;padding:0 1.6rem;position:relative;top:-2.1rem;} 
/* [e] 240724 수정 */
.main-info .tit-area h3{font-size:2.8rem;color:#212121;}
.main-info .tit-area .tit{font-size:1.4rem;font-weight:700;color:#383838;line-height: 2.6rem;padding-left: 3.8rem;position: relative;text-align:right;vertical-align: middle;}
.main-info .tit-area .tit::before{content:"";display: inline-block;width:3.1rem;height:2.4rem;background:url(/images/ico_illust_card-b7f2dec38d3f900c7864b5b0663c4279.png) no-repeat 0 / 3.1rem 2.4rem;margin-right: 0.75rem;position: relative;top: 0.6rem;}
.main-info .tit-area .tit::after{content:"";display: inline-block;margin: 0 0 0 1rem;width:0.6rem;height:1rem;background:url(/images/ico_next-8b6e3db2fb99e03640140fa2f0166d5e.png) no-repeat 0 / 0.6rem 1rem;}
/* [s] 240228 사용내역 추가수정 */
.usage-box{position:relative;background:#f3f3f3;padding:2rem 1.6rem;border-radius:1.6rem;margin-top:1.6rem}
.usage-box .usage-balance{font-size:1.4rem;font-weight:700;color:#666;display:block;margin-bottom:0.7rem}
.usage-box .usage-card{display:flex;align-items:flex-end;}
.usage-box .usage-card li:first-child{margin-right:0.8rem;}
.usage-box .usage-card li em{font-size:2rem;font-weight:700;color:#212323}
.usage-box .usage-card .price{position:relative;top:0.5rem;font-size:3.2rem;font-weight:800;color:#212323;margin-right:0.8rem;}
.usage-box .card-number{letter-spacing:0;position:absolute;top:2rem;right:1.6rem;text-align:right;}
.usage-box .refresh span{position:relative;top:0.1rem;content:"";display:block;width:3.2rem;height:3.2rem;background:url(/images/ico_refresh-a3ebd2faabb9c60cf865f81b567d8d80.png) no-repeat 0 / 3.2rem 3.2rem;}
.usage-box .card-number span{display:block;white-space:nowrap;}
.usage-box .card-number span:first-child{font-size:1.2rem;color:#212323;display:flex;}
.usage-box .card-number span:last-child{font-size:1rem;color:#212323}
.usage-box .card-number span .copy{margin-left:0.3rem;width:1.4rem;height:1.4rem;background:url(/images/ico_copy-7d09f763aac95d9bcdf0c58fb83e3c4e.png) no-repeat 0 / 1.4rem 1.4rem;text-indent:-9999px;font-size:0}
.price-switch{display:flex;justify-content:space-between;margin-top:2rem;align-items:baseline;}
.price-switch span.switch_change{font-size:1.4rem;font-weight:700;color:#212323;margin-right:1rem}
.price-switch span.switch_change::after{content:"";display:inline-block;width:1.6rem;height:1.6rem;background:url(/images/ico_qa-13afd522a9eafe5eb68f2c276bb55358.png) no-repeat 0 / 1.6rem 1.6rem;position:relative;left:0.5rem;top:0.3rem;}
.price-switch .switch-pr > span{font-size:1.6rem;font-weight:700;color:#212323;margin-right:0.8rem}
.price-switch .switch-pr > span em{font-size:1.6rem;font-weight:700;color:#212323;margin-right:0.1rem}
.price-switch .btn-change{position:relative;top:-0.3rem;font-size:1.2rem;color:#C7C7CC;padding:0.4rem 1rem;border:0.1rem solid #C7C7CC;border-radius:1.2rem;}
.price-switch .btn-change:disabled{border:0.1rem solid #E4E2EA;color:rgba(56, 56, 56, 0.3);background:#fff;}
.offline-guide{display:block;margin-bottom:1.6rem;padding:1rem 3rem;border:1px solid #D7D4E3;border-radius:2rem;font-size:1.4rem;font-weight:700;color:#383838}
/* [e] 240228 사용내역 추가수정 */
.cont-info .date-box{margin:1.3rem 0 2.4rem}
.switch_layer{position:absolute;margin-top:-1.2rem;box-sizing:border-box;background:#48495B;color:#fff;padding:1.6rem 1.6rem 2.4rem;border-radius:1rem;box-shadow:0px 5px 4px 0px rgba(0, 0, 0, 0.3);width:calc(100% - 3.2rem);z-index:99;display:none}
.switch_layer::before{position:absolute;top:-1rem;left:9rem;content:"";width: 0;height: 0;border-bottom:1.6rem solid #48495B;border-left:1rem solid transparent;border-right:1rem solid transparent;}
.switch_layer .tit{font-size:1.6rem;font-weight:700;display:block;margin-bottom:1.2rem;}
.switch_layer .cont{font-size:1.4rem;font-weight:400;}
.tit-area .switch_layer .tit{color:#fff}
/* [s] 240119 추가수정 */
@media (max-width: 360px) {.usage-box .usage-card .price{font-size:3rem;}}
/* [e] 240119 추가수정 */
@media (max-width: 320px) {.usage-box .usage-card .price{font-size:2rem;top:0}
.price-switch span.switch_change{margin-right:0;font-size:1.2rem}
.price-switch .switch-pr > span{font-size:1.4rem;margin-right:0.4rem}
}
.card-box{position:relative;padding:0 1.6rem;margin-bottom:0;letter-spacing:-0.05rem;}
.card-box ul::after{content:'';display:block;clear:both}
.card-box ul li{float:left;position:relative;width:calc(50% - .55rem);height: 8rem;padding: 1.8rem 0 1.8rem 1.6rem;font-size: 1.6rem;color:#17171B;font-weight:700;box-sizing:border-box;background:#fff;}
.card-box ul li span{float:left}
.card-box ul li.use-way{margin-right:.5rem;border:0.1rem solid #D7D4E3;border-radius:3.8rem 1.7rem 1.7rem 1.7rem;}
.card-box ul li.trans-card{margin-left:.5rem;border:0.1rem solid #D7D4E3;border-radius:1.7rem 3.8rem 1.7rem 1.7rem;}
.card-box ul li.use-way::after{content:"";display:block;width:6.8rem;height:5.9rem;background:url(/images/img_card01-943062be027d2ffa4093af7fdd332d7d.png) no-repeat 0 / 6.8rem 5.9rem;position: absolute;right: 0;top: 0.8rem;}
.card-box ul li.trans-card::after{content:"";display:block;width:6rem;height:4rem;background:url(/images/img_train-73659b43cc76816917fe6f351074502f.png) no-repeat 0 / 6rem 4rem;position: absolute;right: 0;top: 2.4rem;}
.list-info{position:relative;margin:0 1.6rem 7.4rem;padding:1.6rem 1.2rem;background:#fff;border-radius:0.8rem;}
.list-info .line-area{display:flex;justify-content:space-between;margin-bottom:2.4rem;}
.list-info .line-area h4 button{font-size:2rem;font-weight:700;color:#383838}
.list-info .line-area h4 button::after{content:"";display:inline-block;margin-left:1.2rem;width:2.3rem;height:1.7rem;background:url(/images/ico_arrow_sale-5bd035b65047b9b7bfd62f60b08d71db.png) no-repeat 0 / 2.3rem 1.7rem;position:relative;top:0.1rem}
.list-info .line-area .more{font-size:1.4rem;font-weight:700;color:#625AE4}
.list-info .tab ul{display:flex;align-items:center;height:100%;position:relative;}
.list-info .tab ul li{position:relative;font-size:1.4rem;color:#a4a4a4;font-weight:700;padding:0 1rem}
.list-info .tab ul li.on{color:#212121}
.list-info .tab ul li:first-child::after{content:"";display:inline-block;width:0.1rem;height:1.4rem;background:#EAEAEA;position:absolute;right:0;top:0.2rem;}
.list-info .list-box{display:none}
.list-info .list-box.on{display:block}
.list-info .list-box{width:100% !important;padding:0;box-sizing:border-box;}
.thumbnail{position:relative;display:table;width:100%;height:100%;}
.list-info .list-box ul .item{width:calc(50% - 10px);padding-bottom:2rem;}
.list-info .list-box ul .item:nth-last-child(2),.list-info .list-box ul .item:last-child{margin-bottom:0;}
.list-info .list-box ul .item img{display:block;margin-bottom:0.8rem;border-radius:1.2rem;}
.list-box li span.t-sale{float:left;border-radius:1.1rem;background:#0F9EE1;color:#fff;font-size:1.2rem;font-weight:700;display: inline-block;padding: .3rem 1.2rem;margin:0 0.3rem 0.5rem 0;max-width:100%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-box li span.t-cashback{float:left;border-radius:1.1rem;background:#00C6E8;color:#fff;font-size:1.2rem;font-weight:700;display: inline-block;padding: .3rem 1.2rem;margin:0 0.3rem 0.5rem 0;}
.list-box li span.tit{clear:both;font-size:1.6rem;font-weight:700;color:#212121;margin-bottom:0.4rem;max-width:100%;display:block;word-break:break-all;}
.list-box li span.address{clear:both;font-size:1.2rem;font-weight:400;color:#606060;}
.discount_info .list-info{margin:0 0 7.4rem;padding:1.6rem 0}
.discount_info .list-info .line-area{margin-bottom:0;padding:1.6rem 0;border-bottom:0.1rem solid #EAEAEA;border-top:0.1rem solid #EAEAEA;}
.discount_info .list-info .line-area .tab ul li{font-size:1.6rem;padding-left:1.6rem;}
.discount_info .list-info .tab ul li:first-child::after{right:0;top:0.3rem}
.discount_info .list-info .tab ul li:last-child{padding-left:1.6rem;}
.discount_info .list-info .tab ul li{padding:0 1.6rem}
.discount_info .list-info .box-area{position:relative;width:100%;box-sizing:border-box;padding:0 2rem}
.discount_info .list-info .box-area .menuSwiper .swiper-slide{width:auto;padding:0 1rem;height:5.4rem;font-size:1.4rem;font-weight:700;color:#A4A4A4;}
.discount_info .list-info .box-area .menuSwiper .swiper-slide.on{color:#212121}
.discount_info .list-info .box-area .menuSwiper .swiper-slide:first-child{padding-left:0;}
.terms-info{padding:1.9rem 0 14rem 1.6rem;color:#BBBBBB;background:#383838;}
.terms-info h4{font-size:1.4rem;font-weight:700;margin-bottom:1.8rem;}
.terms-info h4 a{color:#F2F2F7;margin-right:3rem}
.terms-info h4 a.put{color:#73E2F5}
.terms-info ul li{font-size:1.2rem;font-weight:400;margin-bottom:0.8rem;}
.terms-info ul li.last{margin-top:3rem}
.terms-info ul li:first-child{font-size:1.4rem;font-weight:700;color:#F2F2F7;margin-bottom:1.6rem;}
.terms-info .footer-logo{margin:3rem 0 0.8rem 0}
.terms-info .footer-logo img{width:7.6rem;height:2.8rem}

/* 비밀번호 변경 */
header .title{padding:0.8rem 0;font-size:1.6rem;font-weight:700;text-align:center;box-sizing:border-box;color:#222;}
header .title + button{position:absolute;top:0;height:100%;}
header .title + button.btn-prev{left:0;width:6.5rem;padding:0 2rem;}
.text-area .tit{font-size:2.2rem;color:#17171B;}
.text-area .tit span{color:#0F9EE1}

/* 잔액 충전 */
.company-box{position:relative;padding:0;margin:1.6rem 1.6rem 0;}
.recharge-info .re-limit{color:#0F9EE1;font-size: 1.3rem;padding:1.2rem 2.6rem 0 2.4rem;text-indent:-1rem;word-break:break-all;letter-spacing: -0.05rem;}
.recharge-info .re-limit.exceed{color:#DE5353}
.recharge-info .re-limit + .re-limit{padding-top:0.8rem;}
.recharge-info .re-limit::before{content:"";display:inline-block;width:0.3rem;height:0.3rem;border-radius:50%;background:#5F5D5D;margin-right:0.7rem;margin-top:0;position:relative;top:-2px;}
.recharge-info .re-limit span{font-weight:700;}
.company-box .cont{background:#5755DA;border-radius:2rem 2rem 0 0;padding:1.6rem 2.2rem 1.8rem;}
.recharge-info.re-list .cont-info .price-box{margin:1.4rem 0 5rem}
.recharge-info.re-list .cont-info .price-box ul li{margin-bottom:0.8rem;}
.recharge-info.re-list .cont-info .price-box ul li .btn_p.on{background:#48495B;color:#fff}
.recharge-info.re-list .cont-info .price-box ul li .btn_p:active{border: 1px solid #BDBDBD}
.recharge-info.re-list .cont-info .price-box ul li .fee-event{padding:0.6rem 1.3rem;border-radius:0.8rem;background:#383838;color:#73E2F5;font-size:1.2rem;font-weight:700;margin:-0.35rem 0 0 1.8rem;position: absolute;word-break: keep-all;} 
.cont-info .price-box ul li .fee-event::before{content:'';width:0.93rem;height:0.9rem;background:url(/images/ico_lpolygon-bdced5f765c4f39188ff8c19b11e3727.png) no-repeat 0 0 / 0.93rem 0.9rem;display: inline-block;position: absolute;left:-8px;top:9px;}
.price-box ul li button.btn_p{border:0.1rem solid #eaeaea;border-radius:0.8rem;font-weight:700;font-size:1.6rem;color:#383838;padding:0.8rem 0;width:100%;}
.recharge-info.re-list .tit-area{padding-bottom:0.8rem;}
.recharge-info.re-list .tit-area h3{margin-bottom:0.8rem;}
.recharge-info.re-list .info-list{margin-bottom:6rem}
.recharge-info.re-list .cont-info .pt-way{font-size:1.4rem;color:#333;float:right}
.recharge-info.re-list .cont-info .way_list{color:#0F9EE1;font-size:1.3rem;margin-bottom:2rem;}
.zeplin-info .cont-info .pt-way{font-size:1.4rem;color:#333;float:right}
.zeplin-info .cont-info .way_list{color:#0F9EE1;font-size:1.3rem;margin-bottom:2rem;}
.re-list .tit-area .tit{color:#5F5D5D}
.way_list li::before{content:"";display:inline-block;width:0.3rem;height:0.3rem;border-radius:50%;background:#0F9EE1;position:absolute;left: 0.6rem;top: 0.7rem;}
.way_list li{position:relative;padding-left:1.6rem;margin-bottom:0.6rem;}
.re-list .atm-guide{margin-top:4rem;border-bottom: 0.1rem solid #E4E2EA;padding-bottom: 3rem;margin-bottom: 2.4rem;}
.re-list .atm-guide li{font-size:1.6rem;font-weight:700;line-height:2.6rem;color:#5F5D5D;text-indent: -2rem;padding-left: 2.2rem;margin-bottom: 0.3rem;}
.re-list .atm-guide li em{display:inline-block;width: 1.6rem;text-indent: 0;}
.recharge-info.re-list .info-list.bar-code{margin-bottom:4.4rem;}
.re-list .info-list.bar-code li.price-sum{border-top:none;border-bottom:0.1rem solid #f3f3f3;padding-bottom:0.8rem;margin-bottom:1rem;margin-top:3rem}
.re-list .info-list.bar-code li.price-charge{line-height:1.6rem;margin-bottom:1.4rem;}
.barcode-area{width:100%;margin-bottom:4rem;height:16.7rem;text-align:center;}
.barcode-area .bcTarget{width:28rem;margin:0 auto;overflow:hidden !important;}
.barcode-area .bcTarget.time-opp{position:relative;width: 100%;height:13.5rem;background: url(/images/img_barcode-79b4aaff71bf4b7a32112244cf0c687b.png) no-repeat center 0 / 23.3rem 10rem;}
/* 버튼삭제
.barcode-area .bcTarget.time-opp .btn-refresh{background:#6563E3;padding:0.4rem 2rem 0.4rem 0.4rem;border-radius:1.6rem;color:#fff;font-size:1.6rem;font-weight:700;position: absolute;left: 50%;transform: translate(-50%, 50%);top: 15%;}
.barcode-area .bcTarget.time-opp .btn-refresh > span{position:relative;top:0.1rem;margin-left:0.5rem;}
.barcode-area .bcTarget.time-opp .ico.brefresh{background-image:url(/images/ico_brefresh-d234e5f365ef346b24ebd7e72ffd00a4.png)}
*/
.barcode-area .bcTarget.time-opp > p{color:#212323;font-size:1.5rem;font-weight:700;text-align:center;position:absolute;transform: translate(-50%, 0);left:50%;width: 22rem;line-height: 2.2rem;top: 1.6rem;word-break: keep-all;}
.barcode-area .remain-time{font-size:1.4rem;color:#5f5d5d;height:3rem;border-top:0.1rem solid #E4E2EA;display:flex;justify-content:center;align-items:end;}
.barcode-area .remain-time span{color:#0F9EE1;font-weight:700;margin-left:0.5rem}

.company-box .tit{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:1.4rem}
.company-box .cont li{display:flex;justify-content:space-between;margin-bottom:0.8rem}
.company-box .cont01{color:#17171B;font-size:1.4rem;font-weight:400;}
.company-box .cont02{color:#111;font-size:1.4rem;font-weight:600;}
.company-box .bot{background:#4140CA;border-radius:0 0 2rem 2rem ;}
.company-box .remit-now{font-size:1.2rem;color:#fff;padding-top: 1.5rem;}
.company-box .remit-now span{margin-left:1.5rem;font-size:1.4rem}
.company-box .remit-now span em{font-size:1rem;margin-right:0.2rem}
.company-box .remit-info{padding:1rem 2.2rem;color:#C3C2FA;}
.company-box .remit-info > span{font-size:1.4rem;letter-spacing:-0.05rem;margin-right:1.2rem}
.company-box .remit-info p{display:inline-block;}
.company-box .remit-info p span:first-child{font-size:1.2rem;}
.company-box .remit-info span:last-child{font-size:1.6rem;color:#0F9EE1;font-weight:700;}

.sending-amount{position:relative;display:flex;align-items:center;}
.sending-amount > span{display:inline-block}

.sending-amount label{display:inline-block;font-weight:700;font-size:1.4rem;color:#C3C2FA;margin-right:0}
.sending-amount input{transition:width 0.25s;height:auto;font-size:3.2rem;font-weight:800;background:transparent;color:#0F9EE1;text-align:left;
-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}

.sending-amount input:valid{min-width:auto}
.sending-amount input + span.guide-txt{display:block;z-index:-1;position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:3rem;font-weight:500;color:#CECFD1;line-height:5.6rem;text-align:center;}
.sending-amount input:valid + span.guide-txt{display:none;}
/* 삭제 
.sending-amount input::placeholder{font-size:3.2rem;color:#0F9EE1;}
.sending-amount input::-moz-placeholder{font-size:3.2rem;color:#0F9EE1;text-align:center;}
*/
.sending-amount.error label,.sending-amount.error input{color:#F63434 }
.sending-amount input::placeholder{font-size:2.6rem;color:#0F9EE1;white-space:nowrap;font-weight:400;text-align:left;}

@media (max-width: 360px) {
    .sending-amount input{font-size:2.2rem}
    .company-box .remit-info > span{font-size:1.3rem}
    /* [s] 240118 수정 */
    /* .company-box .remit-info p{width:40%} */
    /* [e] 240118 수정 */
    .company-box .remit-info span:last-child{font-size:1.4rem}
    .sending-amount input::placeholder{font-size:2.2rem;}
}

.sending-amount input.vib{animation:vibration .1s 7;color:#FF5656}
@keyframes vibration  {
    from {
      transform: rotate(1deg);
      
    }
    to {
      transform: rotate(-1deg);
    }
  }
/* content */
.cont-info{padding:2.4rem 1.6rem;}
.cont-info h4{font-size:1.6rem;font-weight:700;color:#212121;margin-bottom:0.8rem}
.cont-info .txt{color:#0F9EE1;font-size:1.2rem;margin-bottom:2rem;}
.select-amount{display:flex;flex-wrap:wrap;}
.select-amount button{border:0.1rem solid #D7D4E3;border-radius:0.4rem;padding:0.7rem 2.2rem;margin:0 0.8rem 0.8rem 0;font-size: 1.4rem;color: #383838;font-weight: 700;}
.select-amount button.on{background:#E4E4FA;border:none}

/* 잔액 충전 */
.re-recharge.re-recharge .tit-area{padding-bottom:0.5rem}
.re-recharge .remit-now{padding-top:0;text-align:right;font-size:1.4rem;font-weight:700;color:#383838;}
.re-recharge .remit-now span{margin-left:0.2rem}
.re-recharge .remit-now span em{font-size:1.4rem}
.re-recharge .remit-now span span{margin-left:0.4rem;font-size:1.4rem}
.re-recharge .company-box .cont{background:#f3f3f3;border-radius:2rem 2rem 0 0;padding:2rem 1.6rem 2.2rem;}
.re-recharge .company-box .remit-info{padding:0 1.6rem 1.6rem;color:#C3C2FA;display:flex;justify-content:space-between;}
.re-recharge .sending-amount{display:flex;}
.re-recharge .sending-amount .send-remit{display:flex;justify-content:space-between;align-items:center;}
.re-recharge .sending-amount .send-remit .price-now{font-weight:700;}
.re-recharge .sending-amount,.re-recharge .sending-amount > span{display:block;}
.re-recharge .sending-amount label{color:#212323;margin-bottom:0.6rem;}

.re-recharge .sending-amount .send-line{display:flex;align-items:center;padding-top:2.2rem;border-bottom:0.1rem solid #0F9EE1;}
.re-recharge .sending-amount .send-line em{font-size:2rem;color:#0F9EE1;font-weight:600;margin-right:0.2rem}
.re-recharge .sending-amount input{caret-color:transparent;font-size:2.6rem;font-weight:400;}
.re-recharge .sending-amount input::placeholder{color:#0F9EE1;opacity:0.3;font-weight:600;font-size:2.6rem;}
.re-recharge .charge-low{color:#8B8B8B;font-size:1.2rem;font-weight:500;margin-top:0.6rem;}
.re-recharge .company-box .bot{background:#f3f3f3;}
.re-recharge .company-box .remit-info > span{color:#212323;font-size:1.4rem;font-weight:700;display:inline-block;margin-bottom:0.5rem;}
.re-recharge .company-box .remit-info p span:first-child{font-size:1.4rem;font-weight:700;color:#0F9EE1;position:relative;top:-0.1rem}
.re-recharge .company-box .remit-info span:last-child{font-size:1.4rem;}
.recharge-info.re-recharge .re-limit{color:#5F5D5D;font-size:1.4rem;font-weight:400;text-indent:0;}
.recharge-info.re-recharge .re-limit span{color:#5F5D5D;font-weight:700;}
.recharge-info.re-recharge .cont-info{padding:1.6rem 1.6rem 6rem}
.recharge-info.re-recharge .cont-info .price-box{margin:0}
.recharge-info.re-recharge .cont-info .price-box ul li{border:0.1rem solid #c4c4c4;border-radius:0.8rem;margin-bottom:1.6rem;padding:1rem 4rem 1rem;align-items:center;}
.recharge-info.re-recharge .cont-info .price-box ul li:last-child{margin-bottom:1.2rem;}
.recharge-info.re-recharge .price-box ul li .price-btn{width:11rem;justify-content:space-between;}
.recharge-info.re-recharge .price-box ul li .price-btn button:active{border:1px solid #B0B1C3;background:#E8E7EA;}
.recharge-info.re-recharge .price-box ul li .price-btn button span{color:#939393;}
.recharge-info.re-recharge .price-box ul li .price-btn .inp{font-size:2rem;}
.recharge-info.re-recharge .price-box ul li .price-btn button.plus span{left:0.3rem;}
.recharge-info.re-recharge .price-box ul li .price-line{font-size:2rem;font-weight:700;position:relative;top:-0.1rem}
.recharge-info.re-recharge .cont-info .txt{color:#5F5D5D;font-size:1.4rem;margin-bottom:6rem}
.recharge-info.re-recharge .cont-info .txt::before{content:"";display:inline-block;width:0.3rem;height:0.3rem;border-radius:50%;background:#5F5D5D;margin-right:0.7rem;margin-top:0;position:relative;top:-0.3rem;left:0.2rem}
/* 충전 방식 */
.recharge-info.re-list.re-recharge .top-info{padding-bottom:0;}
.recharge-info.re-list.re-recharge .tit-area{padding-bottom:0.2rem;}
.recharge-info.re-list.re-recharge .tit-area h3{margin-bottom:0;}
/* [s] 240809 폰트크기 수정 */
.recharge-info.re-list.re-recharge .re-limit{padding:1.2rem 1.6rem 0;text-indent:0;font-size:1.8rem;color:#212323}
/* [e] 240809 폰트크기 수정 */
.recharge-info.re-list.re-recharge .re-limit.f14{font-size:1.4rem}
.recharge-info.re-list.re-recharge .re-limit::before{display:none}
.recharge-info.re-list.re-recharge .cont-info{padding:2.4rem 1.6rem 8rem}
.recharge-info.re-list.re-recharge .cont-info .price-box ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.recharge-info.re-list.re-recharge .cont-info .price-box ul li{border:none;width:calc(50% - 0.6rem);padding:0;margin-bottom:1.2rem;}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p{position:relative;height:10.2rem;display:flex;justify-content:space-between;padding:0.8rem;font-size:1.8rem}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p:first-child{text-align:left;}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method{position:absolute;right:0.8rem;bottom:0.8rem;background:#fff;width:4.3rem;height:4.3rem;border-radius:50%;}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p.on .method{background:#97979D;}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method img{position:absolute;max-width:inherit;}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method.metC0101 img{width:4.6rem;right:0;bottom:0.4rem}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method.metC0102 img{width:3.4rem;left:0.5rem;bottom:0.6rem}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method.metC0301 img{width:4.3rem;right:0.4rem;bottom:0.6rem}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method.metC0303 img{width:4.8rem;right:0rem;bottom:0.3rem}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method.metC0304 img{width:4.8rem;right:-0.1rem;bottom:0.3rem}
.recharge-info.re-list.re-recharge .price-box ul li button.btn_p .method.metC0103 img{width:5.6rem;right:0.3rem;bottom:0.7rem}
.recharge-info.re-list.re-recharge .cont-info .price-box ul li .fee-event{border-radius:1.2rem;margin:-3.35rem 0 0 -1.2rem}
.recharge-info.re-list.re-recharge .cont-info .price-box ul li .fee-event::before{content:'';width:1.2rem;height:1rem;background:url(/images/ico_down_polygon-68f8d33325ac8b3374674122ea1cea0d.png) no-repeat 0 0 / 1.2rem 1rem;display:inline-block;position: absolute;left:50%;bottom:-0.8rem;top:inherit;transform:translate(-0.6rem,-0.1rem);}
/* [s] 240809 충전대기금 기존 잔액충전에서 추가 */
.recharge-info.re-list.re-recharge .strong-box{position:relative;display:flex;width:calc(100% - 3.2rem);height:7.2rem;padding:1.2rem 1.8rem;box-sizing:border-box;margin:2.2rem 1.6rem 0;background:#F2F2F7;border-radius:0.6rem;}
.recharge-info.re-list.re-recharge .strong-box::before{content:"";display:block;width:4.3rem;height:4.8rem;background:url(/images/img_strongbox-77c7cb88ba6a997f7bd76ed7ac923ed4.png) no-repeat 0 / 4.3rem 4.8rem;}
.recharge-info.re-list.re-recharge .strong-box .tit-area h4{font-size:1.6rem}
.recharge-info.re-list.re-recharge .strong-box .tit-area .price{display:inline-block;margin-top:0.2rem;font-size:1.8rem;font-weight:700;color:#0F9EE1;letter-spacing:0;}
.recharge-info.re-list.re-recharge .strong-box .tit-area .price em{font-size:1.6rem;margin-right:0.2rem;}
.recharge-info.re-list.re-recharge .strong-box .tit-area + .btn-ch{position:absolute;right:1.6rem;top:1.6rem;color:#212323;width:8rem;height:4rem;font-size:1.4rem;font-weight:700;box-sizing:border-box;background:#fff;border-radius:0.4rem;box-shadow:0px 0px 9px 0px rgba(0, 0, 0, 0.06);}
/* [e] 240809 충전대기금 기존 잔액충전에서 추가 */

/* 충전확인 */
.recharge-info.re-list.re-recharge .top-info.bg-wh{background:#fff;border-bottom:none;}
.recharge-info.re-list.re-recharge .top-info.bg-wh + .cont-info{padding-top:1.5rem}
.recharge-info.re-list.re-recharge .info-list{margin-bottom:1.6rem;border-radius:0.8rem;padding:1.6rem 1.6rem 1.5rem;background:#f3f3f3;}
.recharge-info.re-list.re-recharge .info-list li{margin-bottom:0;align-items:center;}
.recharge-info.re-list.re-recharge .info-list span:first-child{font-size:1.8rem;font-weight:700;color:#212323}
.recharge-info.re-list.re-recharge .info-list li .pt-way{font-size:1.6rem;font-weight:700;color:#212323}
.recharge-info.re-list.re-recharge .info-list .price-fee span{font-size:1.2rem;font-weight:400;}
.recharge-info.re-list.re-recharge .info-list .price-fee span.price{font-size:1.4rem}
.recharge-info.re-list.re-recharge .info-list .price-fee{margin:1.4rem 0 1.5rem 0}
.recharge-info.re-list.re-recharge .info-list.ch-mount{margin-bottom:3rem}
.recharge-info.re-list.re-recharge .cont-info .way_list{font-size:1.4rem;color:#5F5D5D;}
.recharge-info.re-list.re-recharge .cont-info .way_list li{padding-left:1.3rem}
.recharge-info.re-list.re-recharge .cont-info .way_list li::before{background:#5F5D5D;left:0.3rem}
.recharge-info.re-list.re-recharge .atm-guide{margin:2rem 0 3rem;border-bottom:none;padding-bottom:0;}
.recharge-info.re-list.re-recharge .cont-info .atm-guide + .way_list{color:#0F9EE1}
.recharge-info.re-list.re-recharge .cont-info .atm-guide + .way_list li::before{background:#0F9EE1}
.zeplin-info.re-list .top-info{padding-bottom:0;border-bottom:0.1rem solid #E4E2EA;}
.zeplin-info.re-list .tit-area{padding-bottom:0.2rem;}
.zeplin-info.re-list .tit-area h3{margin-bottom:0;}
/* [s] 240806 대기금 수정 */
.zeplin-info.re-list .re-limit{padding:1rem 1.6rem 0;text-indent:0;color:#5F5D5D;font-size:1.6rem;font-weight:400;word-break:break-all;letter-spacing:-0.05rem;}
/* [e] 240806 대기금 수정 */
.zeplin-info.re-list .re-limit.f14{font-size:1.4rem}
.zeplin-info.re-list .re-limit::before{display:none}
.zeplin-info.re-list .top-info.bg-wh{background:#fff;border-bottom:none;}
.zeplin-info.re-list .top-info.bg-wh + .cont-info{padding-top:1.5rem}
.zeplin-info.re-list .info-list{margin-bottom:1.6rem;border-radius:0.8rem;padding:1.6rem 1.6rem 1.5rem;background:#f3f3f3;}
.zeplin-info.re-list .info-list li{margin-bottom:0;align-items:center;}
.zeplin-info.re-list .info-list span:first-child{font-size:1.8rem;font-weight:700;color:#212323}
.zeplin-info.re-list .info-list li .pt-way{font-size:1.6rem;font-weight:700;color:#212323}
.zeplin-info.re-list .info-list .price-fee span{font-size:1.2rem;font-weight:400;}
.zeplin-info.re-list .info-list .price-fee span.price{font-size:1.4rem}
.zeplin-info.re-list .info-list .price-fee{margin:1.4rem 0 1.5rem 0}
.zeplin-info.re-list .info-list.ch-mount{margin-bottom:3rem}
.zeplin-info.re-list .cont-info .way_list{font-size:1.4rem;color:#5F5D5D;}
.zeplin-info.re-list .cont-info .way_list li{padding-left:1.3rem}
.zeplin-info.re-list .cont-info .way_list li::before{background:#5F5D5D;left:0.3rem}
.zeplin-info.re-list .atm-guide{margin:2rem 0 3rem;border-bottom:none;padding-bottom:0;}
.zeplin-info.re-list .cont-info .atm-guide + .way_list{color:#0F9EE1}
.zeplin-info.re-list .cont-info .atm-guide + .way_list li::before{background:#0F9EE1}

@media (max-width: 360px) {
  .re-recharge .sending-amount input{font-size:3.2rem}
  .recharge-info.re-recharge .cont-info .price-box ul li{padding:1rem 2rem}
  .recharge-info.re-recharge .company-box .remit-info p{width:auto}
}
@media (max-width: 320px) {
  .recharge-info.re-list.re-recharge .price-box ul li button.btn_p span{font-size:1.6rem;word-break:break-all;}
  .recharge-info.re-list.re-recharge .cont-info .price-box ul li button.btn_p span.fee-event{font-size:1.2rem;}
}

/* 충전확인 */
.charge-info{padding-bottom:8rem}
.price-box{position:relative;margin:2.4rem 0;}
.price-box ul li{display:flex;justify-content:space-between;margin-bottom:1.6rem;}
.price-box ul li .price-line{font-size:1.6rem;font-weight:600;color:#17171B;}
.price-box ul li .price-btn{display:flex;justify-content:space-evenly;align-items:center;width: 15rem;box-sizing: border-box;}
.price-box ul li .price-btn input{background:none;}
.price-box ul li .price-btn button{position:relative;color:#0F9EE1;font-size:3rem;width:2.4rem;height:2.4rem;border:1px solid #ddd;border-radius:50%;}
.price-box ul li .price-btn button.plus{position:relative;font-size:2.5rem;border:1px solid #cacaca}
.price-box ul li .price-btn button span{display:block;width:1rem;height:0.2rem;position:absolute;top:-0.9rem;left:0.5rem;}
.price-box ul li .price-btn button.plus span{top:-0.6rem;left:0.4rem;}
.price-box ul li .price-btn .inp{font-size:1.8rem;color:#17171B;font-weight:600;width: 4rem;text-align: center;height: 3rem;}
.remit-txt{color:#17171B;font-size:1.2rem;text-align: right;margin-right: 2rem;font-weight: 400;}
.remit-txt span{font-weight:600;}
.remit-txt.error{color:#F63434}
.company-box .charge-price{display:flex;justify-content:space-between;border-bottom: 0.1rem solid #D8D8FF;margin-bottom: 1.4rem;padding-bottom: 1.4rem;}
.company-box .charge-price span:first-child{padding-top:1rem;font-size: 1.6rem;color: #17171B;}
.company-box .charge-price span:last-child{font-size: 2.8rem;font-weight: 600;color: #0F9EE1;letter-spacing:-0.1rem;}
.company-box .charge-price span:last-child em{font-size:1.6rem;font-weight:600;margin-left:0.3rem}
.charge-txt{margin:3rem 0 0 2rem;color:#222;font-size:1.4rem;text-align:left;font-weight: 400;}
.charge-txt span{font-weight:600;}
.inp-box3{position:relative;padding:0 2rem;margin: 0.4rem 0 2.4rem;}
.inp-box3 input{height:5.6rem;margin:.8rem 0;font-weight:500;font-size:1.8rem;color:#111;border:.1rem solid #D0D0D0;border-radius:8px; line-height:4rem;letter-spacing:1rem;text-align:center;}
.inp-box3 input::-moz-placeholder{color:#D0D0D0}
.inp-box3 input:-ms-input-placeholder{color:#D0D0D0}
.inp-box3 input::placeholder{color:#D0D0D0;font-size:1.6rem;font-weight:400;letter-spacing:-0.1rem;}
.inp-box3 input[type="text"]:focus{color:#111111;border-color:#0F9EE1;opacity:1}
.charge-progress .icon-mark.check{margin:0 auto 1.5rem}
.charge-progress .charge-price span{display:block;text-align:center;}
.charge-progress .charge-price span em{font-size:1.8rem;color:#5F5D5D;font-weight:400;margin-left:0.6rem}
/* [s] 240806 대기금 수정 */
.charge-progress .charge-price span:first-child{font-size: 1.6rem;color:#383838;font-weight:700;margin-right:0.4rem}
.charge-progress .charge-price span:last-child{display:flex;align-items:center;font-size: 3.2rem;font-weight: 800;color: #383838;letter-spacing:-0.1rem;margin-bottom:0.3rem}
.charge-progress .charge-price span:last-child em{font-size:1.6rem;font-weight:400;margin-left:1.6rem;color:#5F5D5D}
.charge-progress .sub-txt{font-size:1.8rem;color:#383838;text-align:center;margin:3.2rem 0 2rem;}
.charge-progress .sub-title{font-size: 1.6rem;color:#222;font-weight:700;line-height:2.2rem;text-align:center;}
.charge-progress .layer-cont .charge-price{border-bottom:0.1rem solid #f3f3f3;justify-content:center;}
.text-area2.text-area2 {padding:5.2rem 0 3.8rem;height:3rem;letter-spacing:-0.05rem;text-align:center;}
.text-area2 .tit{font-size:2.2rem;color:#17171B;}
.text-area2 .tit span{color:#0F9EE1}
.card-num{font-size:1.6rem;font-weight:600;color:#222;text-align:center;margin:1rem 0 2rem;letter-spacing:-0.05rem;}
::-moz-placeholder{opacity:1;}
.appli-valid1 .layer-cont,
.appli-valid2 .layer-cont{padding:4.6rem 2rem 3.2rem}
.appli-valid1 .layer-cont .charge-price{text-align:center;border-bottom:none;justify-content:center;line-height:2.4rem;margin:0}
.appli-valid2 .layer-cont .charge-price{text-align:center;border-bottom:none;justify-content:center;line-height:2.4rem;margin:0}
.appli-valid1 .layer-cont .charge-price strong{margin-bottom:1.6rem;}
.appli-valid2 .layer-cont .charge-price strong{margin-bottom:0.8rem;}
.dis-cancel .layer-cont .charge-price{text-align:center;border-bottom:none;justify-content:center;line-height:2.4rem;}
.overlay-layer.dis-cancel .layer-cont{padding:6rem 2rem 3rem}
/* [e] 240806 대기금 수정 */

/* [s] 240806 대기금 추가 */
.recharge-info.re-stand .top-info > .re-limit::before{display:none}
.recharge-info.re-stand .tit-area{padding-bottom:0.5rem}
.re-stand .company-box .cont{background:#fff;border-radius:0;padding:1rem 0 0;}
.re-stand .company-box .remit-info{padding:0;color:#C3C2FA;display:flex;justify-content:space-between;align-items:center;}
.re-stand .company-box .current-info{padding:0;margin-bottom:0.5rem;color:#C3C2FA;display:flex;justify-content:space-between;align-items:center;}
.re-stand .sending-amount{display:flex;}
.re-stand .sending-amount .send-remit{text-align:center;}
.re-stand .sending-amount .send-remit .price-now{font-size:1.6rem;margin:1rem 0}
.re-stand .sending-amount .stand-fund{border:1px solid #E4E4E4;color:#212323;border-radius:0.6rem;padding:1rem 2.4rem 0.8rem;display:flex;justify-content:space-between;margin:2rem auto 0.8rem;}
.re-stand .sending-amount .stand-fund span{font-weight:700;font-size:1.6rem}
.re-stand .sending-amount .stand-fund span em{font-weight:400;font-size:1.4rem}
.re-stand .sending-amount .stand-fund span span{font-size:1.8rem}
.re-stand .sending-amount .charging-box{background:#f3f3f3;padding:0 2.4rem 2rem;border-radius:0.8rem;}
.re-stand .sending-amount .charging-box .bot{background:#f3f3f3;}
.re-stand .sending-amount,.re-stand .sending-amount > span{display:block;}
.re-stand .sending-amount label{color:#212323;margin-bottom:0.6rem;}
.re-stand .sending-amount .send-line{display:flex;align-items:center;padding:1.2rem 0 0.6rem;border-bottom:0.1rem solid #bbb;margin-bottom:1.4rem;}
.re-stand .sending-amount .send-line span{color:#212323;font-size:1.6rem;font-weight:700;white-space:nowrap;margin-right:1.6rem;}
.re-stand .sending-amount .send-line em{position:relative;top:0.1rem;font-size:2rem;color:#0F9EE1;font-weight:700;margin-right:0.3rem;letter-spacing:0;}
.re-stand .sending-amount input{font-size:2.8rem;font-weight:700;height:2.8rem}
.re-stand .sending-amount input::placeholder{position:relative;top:-0.2rem;color:#81C8EA;font-weight:400;font-size:2rem;letter-spacing:-0.05rem;}
.re-stand .company-box .remit-info > span{color:#212323;font-size:1.4rem;font-weight:400;display:inline-block;letter-spacing:0;}
.re-stand .company-box .remit-info p span:first-child{font-size:1.6rem;font-weight:600;color:#0F9EE1;position:relative;top:-0.1rem}
.re-stand .company-box .remit-info span:last-child{font-size:2rem;}
.re-stand .company-box .current-info > span{color:#212323;font-size:1.4rem;font-weight:400;display:inline-block;}
.re-stand .company-box .current-info p span:first-child{font-size:1.4rem;font-weight:600;color:#212323;position:relative;top:-0.1rem}
.re-stand .company-box .current-info span:last-child{font-size:1.6rem;color:#212323;font-weight:700;}
.re-stand .card-charge{display:flex;justify-content:center;}
.re-stand .card-charge .img{width:3.2rem}
.re-stand .send-remit{text-align:center;}
.re-stand .send-remit .price-now{font-size:1.6rem;margin:1rem 0}
.recharge-info.re-stand .re-limit{color:#212323;font-size:1.8rem;font-weight:400;text-indent:0;padding:0.5rem 1.6rem 0}
.recharge-info.re-stand .re-limit span{color:#5F5D5D;font-weight:700;}
.recharge-info.re-stand .cont-info{padding:0 1.6rem 6rem}
.recharge-info.re-stand .cont-info .price-box{margin:0}
.recharge-info.re-stand .cont-info .price-box ul li{border:0.1rem solid #c4c4c4;border-radius:0.8rem;margin-bottom:0.4rem;padding:1rem 4rem 1rem;align-items:center;}
.recharge-info.re-stand .cont-info .price-box ul li:last-child{margin-bottom:1.2rem;}
.recharge-info.re-stand .price-box ul li .price-btn{width:11rem;justify-content:space-between;}
.recharge-info.re-stand .price-box ul li .price-btn button:active{border:1px solid #B0B1C3;background:#E8E7EA;}
.recharge-info.re-stand .price-box ul li .price-btn button span{color:#939393;}
.recharge-info.re-stand .price-box ul li .price-btn .inp{font-size:2rem;}
.recharge-info.re-stand .price-box ul li .price-btn button.plus span{left:0.3rem;}
.recharge-info.re-stand .price-box ul li .price-line{font-size:2rem;font-weight:700;position:relative;top:-0.1rem}
.recharge-info.re-stand .cont-info .txt{color:#5F5D5D;font-size:1.4rem;margin-bottom:0.8rem;line-height:1.68rem;}
.recharge-info.re-stand .cont-info .txt::before{content:"";display:inline-block;width:0.3rem;height:0.3rem;border-radius:50%;background:#5F5D5D;margin-right:0.7rem;margin-top:0;position:relative;top:-0.3rem;left:0.2rem}
.card-charge .swiper-wrapper .swiper-slide .box-img .img{width:3.2rem}
.card-charge .swiper-button-next{display:inline-block;right:25%;top:50%;margin-top:-1rem;height:1.8rem;background:url(../images/ico_arrow_right.png) no-repeat center 0 / 0.9rem 1.8rem;}
.card-charge .swiper-button-prev{display:inline-block;left:25%;top:50%;margin-top:-1rem;height:1.8rem;background:url(../images/ico_arrow_right.png) no-repeat center 0 / 0.9rem 1.8rem;transform:rotate(180deg);}
.recharge-info.re-list.re-stand .top-info{padding-bottom:0;}
.recharge-info.re-list.re-stand .tit-area{padding-bottom:0.2rem;}
.recharge-info.re-list.re-stand .tit-area h3{margin-bottom:0;}
.recharge-info.re-list.re-stand .re-limit{padding:1rem 1.6rem 0;text-indent:0;font-size:1.8rem;color:#212323}
.recharge-info.re-list.re-stand .re-limit.f14{font-size:1.4rem}
.recharge-info.re-list.re-stand .re-limit::before{display:none}
.recharge-info.re-list.re-stand .cont-info{padding:2.4rem 1.6rem 10rem;}
.recharge-info.re-list.re-stand .cont-info .price-box ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.recharge-info.re-list.re-stand .cont-info .price-box ul li{border:none;width:calc(50% - 0.75rem);padding:0;margin-bottom:1.2rem;}
.recharge-info.re-list.re-stand .price-box ul li button.btn_p{display:flex;flex-direction: column-reverse;border:.1rem solid #E4E4E4;position:relative;height:12rem;padding:.6rem 1.2rem;box-sizing:border-box}
.recharge-info.re-list.re-stand .price-box ul li button.btn_p span:first-child{display:flex;flex-wrap:wrap;width:100%;min-height:4rem;color:#212323;font-size:1.6rem;font-weight:700;justify-content: left;align-items: center;text-align:left;}
:lang(ko) .recharge-info.re-list.re-stand .price-box ul li button.btn_p span:first-child{justify-content:center;text-align:center}
:lang(ko) .recharge-info.re-list.re-stand .price-box ul li button.btn_p span em{display:block;width:100%;font-size:1.4rem;font-weight:400;color:#212323}
.recharge-info.re-list.re-stand .price-box ul li{background:url(../images/ico_method05.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .price-box ul li:nth-child(1){background:url(../images/ico_method01.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .price-box ul li:nth-child(2){background:url(../images/ico_method02.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .price-box ul li:nth-child(3){background:url(../images/ico_method03.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .price-box ul li:nth-child(4){background:url(../images/ico_method04.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .price-box ul li:nth-child(5){background:url(../images/ico_method05.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .price-box ul li:nth-child(6){background:url(../images/ico_method06.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .price-box ul li:nth-child(7){background:url(../images/ico_method07.png) no-repeat center / contain}
.recharge-info.re-list.re-stand .cont-info .price-box ul li .fee-event{padding:0.4rem 1.7rem;left:50%;background:#383838;color:#73E2F5;font-size:1.4rem;font-weight:700;bottom:4.5rem;position: absolute;word-break: keep-all;transform: translateX(-50%);border-radius:1.2rem;margin: 0;white-space: nowrap;line-height: 1.7rem;}
.recharge-info.re-list.re-stand .cont-info .price-box ul li .fee-event::before{content:'';width:1.2rem;height:1rem;background:url(/images/ico_down_polygon-68f8d33325ac8b3374674122ea1cea0d.png) no-repeat 0 0 / 1.2rem 1rem;display:inline-block;position: absolute;left:50%;bottom:-0.8rem;top:100%;transform:translate(-0.6rem,-0.2rem);}
.recharge-info.re-list.re-stand .strong-box{position:relative;display:flex;width:calc(100% - 3.2rem);height:7.2rem;padding:1.2rem 1.8rem;box-sizing:border-box;margin:2.2rem 1.6rem 0;background:#F2F2F7;border-radius:0.6rem;}
.recharge-info.re-list.re-stand .strong-box::before{content:"";display:block;width:4.3rem;height:4.8rem;background:url(/images/img_strongbox-77c7cb88ba6a997f7bd76ed7ac923ed4.png) no-repeat 0 / 4.3rem 4.8rem;}
.recharge-info.re-list.re-stand .strong-box .tit-area h4{font-size:1.6rem}
.recharge-info.re-list.re-stand .strong-box .tit-area .price{display:inline-block;margin-top:0.2rem;font-size:1.8rem;font-weight:700;color:#0F9EE1;letter-spacing:0;}
.recharge-info.re-list.re-stand .strong-box .tit-area .price em{font-size:1.6rem;margin-right:0.2rem;}
.recharge-info.re-list.re-stand .strong-box .tit-area + .btn-ch{position:absolute;right:1.6rem;top:1.6rem;color:#212323;width:8rem;height:4rem;font-size:1.4rem;font-weight:700;box-sizing:border-box;background:#fff;border-radius:0.4rem;box-shadow:0px 0px 9px 0px rgba(0, 0, 0, 0.06);}
.recharge-info.re-list.re-stand .info-list span:first-child{font-size:1.8rem;font-weight:700;color:#212323}
.recharge-info.re-list.re-stand .info-list li .pt-way{font-size:1.6rem;font-weight:700;color:#212323}
.recharge-info.re-list.re-stand .info-list .price-fee .price.pt-line span{font-size:1.4rem;color:#5F5D5D;margin-left:0.6rem}
.recharge-info.re-list.re-stand .info-list .price-fee .price.pt-line span:first-child{text-decoration:line-through;}
.recharge-info.re-list.re-stand .info-list.ch-mount{margin-bottom:1.5rem}
.recharge-info.re-list.re-stand .cont-info .way_list{font-size:1.4rem;color:#666;}
.recharge-info.re-list.re-stand .cont-info .way_list li::before{background:#666;left:0.3rem}
.recharge-info.re-list.re-stand .cont-info .way_list li.warn{padding-left:1.3rem;color:#DE5353}
.recharge-info.re-list.re-stand .cont-info .way_list li.warn::before{background:#DE5353;left:0.3rem}
/* [e] 240806 대기금 추가 */

/* zeplin */
.confirm-box{display:flex;margin:0 1.6rem}
.card-img{content:'';display:inline-block;width:9.2rem;height:6rem;background: url(/images/img_card03-95fa53b2e4e4b77d28214ce2e2e11f43.png) no-repeat 0 0 / 9.2rem 6rem;margin-right:2.4rem}
.confirm-box .card-tit{color:#212323;}
.confirm-box .con-tit{font-size:1.4rem;font-weight:700;display:block;margin:0.3rem 0 0.8rem 0}
.confirm-box .con-price{font-size:2.4rem;font-weight:700;}
.confirm-box .con-price em{font-weight:700;font-size:2rem;margin-right:0.5rem;}
.cont-info h4{display: inline-block;margin-bottom: 2.4rem;background: url(/images/img_bg-9ab560863ed16f4e13bb980bfcded069.png) 0px 100% / auto 0.7rem no-repeat;}
.info-list{margin-bottom:4.8rem;}
.info-list li{display:flex;justify-content:space-between;font-size:1.4rem;font-weight:400;color:#5F5D5D;margin-bottom:0.5rem;}
.info-list li.price-charge{margin-bottom:1rem;font-size:1.6rem;font-weight:700;}
.info-list li.price-charge .price{font-size:1.8rem;color:#212323}
.info-list li.price-sum{font-size: 1.6rem;color: #212323;align-items: center;border-top: 0.1rem solid #fff;padding-top: 0.5rem;margin-top: 0.8rem;}
.info-list li.price-sum .price{font-size:2.4rem;font-weight:700;color:#212323}
.info-list li .price.pt-line em{text-decoration:line-through;margin-right:1rem;color:#5F5D5D}
.radio-wrap > div{margin-bottom:0.6rem;}
.zeplin-info.result .top-info{background:#fff;border-bottom: none;padding-top: 10.4rem;text-align: center;}
.zeplin-info.result .tit-area{margin-bottom:3.6rem;}
.zeplin-info.result .tit-area h3{margin-bottom:1.6rem;}
.zeplin-info.result .tit-area .tit{font-size:1.6rem;line-height:2.2rem;}
.zeplin-info.result .confirm-box{display:block;}
.zeplin-info.result .confirm-box .card-img{content:'';display:inline-block;width:7.5rem;height:7.5rem;background: url(/images/ico_check-0b27403510c8cf02ac8700034fbb1fee.png) no-repeat 0 0 / 7.5rem 7.5rem;margin:0 0 5.6rem 0}
.zeplin-info.result .confirm-box .card-img.failed{background: url(/images/ico_subtract-bf55a57606d9a627303731a76ce03aef.png) no-repeat 0 0 / 7.5rem 7.5rem;}
.zeplin-info.result .confirm-box .con-tit{font-size:1.6rem;font-weight:700;padding-top:0.8rem}
.zeplin-info.result .confirm-box .card-tit{border-top:0.1rem solid #E4E2EA;display:flex;padding-top:0.5rem;justify-content:space-between;}
.zeplin-info.result .confirm-box .card-cont{display:flex;padding-top:0.5rem;justify-content:space-between;}
.zeplin-info.result .confirm-box .card-cont .con-tit{font-size:1.4rem;font-weight:400;color:#212323}
.zeplin-info.result .confirm-box .card-cont .con-price{font-size:1.4rem;font-weight:400;color:#212323}
.confirm-box .process-txt{margin: 0 3.6rem 1.5rem;text-align:center;color:#212323;font-weight:700;font-size:1.6rem;padding-top: 3rem;}
/* 사용내역 */
.usage_info .top-info{padding-bottom:0;}
.usage_info .top-info .tit-area{padding-bottom:0;}
.usage_info .top-info .info-list{margin:1.7rem 0 0 0;}
.usage_info .top-info .info-list li{margin-bottom:0;color:#212121;font-size:1.2rem}
.usage_info .top-info .info-list li span:first-child{align-items:end;display:flex;}
.usage_info .top-info .info-list li .price{font-size:2.4rem;font-weight:800;}
.usage_info .top-info .info-list li .price em{font-size:1.4rem;font-weight:400;margin-right:0.6rem}
.usage_info .cont-info{padding:1.2rem 1.6rem 2.4rem;}
.usage_info .select-lang{z-index:10;position:relative;width:8rem;border-radius:.4rem;background:#F1F1F1;box-sizing:border-box;margin-top:-.1rem;}
.usage_info .select-lang ul li.init{display:block;font-family:'NotoSansKR','Noto Sans SC',sans-serif;}
.usage_info .select-lang ul li{display:none;min-width:6.8rem;height:3rem;padding:.6rem 2.4rem .6rem 1rem;font-weight:700;font-size:1.3rem;color:#222;border-bottom:.1rem solid #fff;line-height:1.8rem;text-align:center;box-sizing:border-box;}
.usage_info .select-lang .arrow{display:block;position:absolute;top:1.9rem;right:1.2rem;width:.3rem;height:1rem;margin-top:-1rem;cursor:pointer;/*! border:1px solid #fff; */}
.usage_info .select-lang .arrow:before,
.usage_info .select-lang .arrow:after{ transition:0.15s all ease-in-out;position:absolute;content:"";width:.7rem;height:.2rem;background:#757575;top:49%;border-radius:5px;}
.usage_info .select-lang .arrow:before{transform:rotate(138deg);left:0;}
.usage_info .select-lang .arrow:after{transform:rotate(-138deg);right:0;}
.usage_info .select-lang.open .arrow:before{transform:rotate(225deg);left:0;}
.usage_info .select-lang.open .arrow:after{transform:rotate(-225deg);right:0;}
.cont-info .list-box{border-top:0.1rem solid #F2F0FA;clear:both;}
.cont-info .list-box li{border-bottom:0.1rem solid #f3f3f3;padding:1.6rem 0;position:relative;}
.cont-info .list-box li::after{content:'';display:block;clear:both;background:none;position:relative;right:inherit;top:inherit;width:auto;height:auto;}
.cont-info .list-box li span.date{font-size:1.2rem;font-weight:400;color:#767574;margin-bottom:1rem}
.cont-info .list-box li::before{content:"";display:inline-block;float:left;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_used-65db4859478c1152bd21a66633f4a191.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .list-box li.plus::before{content:"";display:inline-block;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_add-d53e620ae8d44cfa4d1b0f7ae5b4851c.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .list-box li.minus::before{content:"";display:inline-block;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_cancel-f85d249b61fab51af1cb9e2ab4576a64.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .list-box li span.tit{margin:0.4rem 0 0.6rem 0;}
.cont-info .list-box li.usage-cancel span.tit,
.cont-info .list-box li.usage-cancel span.price,
.cont-info .list-box li.charge-cancel span.tit,
.cont-info .list-box li.charge-cancel span.price{color:#C4C4C4;text-decoration:line-through;}
.cont-info .list-box li.usage-cancel span.date,
.cont-info .list-box li.usage-cancel span.balance,
.cont-info .list-box li.charge-cancel span.date,
.cont-info .list-box li.charge-cancel span.balance{color:#C4C4C4;}
.cont-info .list-box li.charge-cancel::before{content:"";display:inline-block;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_cancel-f85d249b61fab51af1cb9e2ab4576a64.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .list-box li span.price{display:block;font-size:1.8rem;color:#212121;font-weight:700;z-index:9;margin-bottom:0.3rem;}
.cont-info .list-box li.plus span.price{display:block;color:#0F9EE1}
.cont-info .list-box li.minus span.price{color:#000}
.cont-info .list-box li span.balance{color:#767574;font-size:1.2rem;font-weight:400;display:block;word-break:break-all;}
.cont-info .list-box li span.balance span{margin-left:0.3rem;display:inline-block}
.cont-info .list-box li button{margin-top:1rem;color: #777;font-size: 1.2rem;font-weight: 400;background: #fff;padding: 0.3rem 1.6rem;border-radius: 0.4rem;border:0.1rem solid #d1d1d1;white-space:nowrap;}
.cont-info .list-box li button:disabled{background:#fff;color:#C4C4C4}
.cont-info .list-box li .dis-switch{float:left;width:calc(100% - 4rem);}
.cont-info .list-box li .dis-switch .dis-box{display:flex;justify-content:space-between;}
.cont-info .list-box li .dis-price{float:right;text-align:right;margin-top:0.4rem}
.cont-info .list-box li .dis-price .cancel{font-size:1.2rem;color:#DE5353;margin-top:0.4rem;display:block;font-weight:400;}
.cont-info .list-box li button.btn-copy{background:#fff;color:#777;line-height: 1.6rem;width:48%;height: 3.2rem;margin-top:1rem;border:0.1rem solid #d1d1d1;font-weight:500;}
.cont-info .list-box li button.vt-cancel{background:#fff;color:#777;line-height: 1.6rem;width:48%;height: 3.2rem;margin-top:1rem;border:0.1rem solid #d1d1d1;font-weight:500;}
.cont-info .list-box li .dis-switch ul li{padding:0;border-bottom:none;font-size:1.2rem;color:#777;display:flex;justify-content:space-between;width:100%;letter-spacing:-0.05rem;}
.cont-info .list-box li .dis-price .vt-cancel{border:none;border-radius:0;background:none;text-decoration:underline;padding:0;margin:0.8rem 0 0 0;min-width:6rem;color:#5F5D5D;text-align:right;}
.cont-info .list-box li .dis-switch ul li::before{display:none}
.cont-info .list-box li .dis-switch ul li::after{display:none}
.cont-info .list-box li .dis-switch ul li span:first-child{margin-right:0.4rem;font-size: 1.2rem;font-weight:600;color: #777;line-height: 1.56rem;}
.cont-info .list-box li .dis-switch ul li span:last-child{text-align:right;word-break:break-all;}
.cont-info .list-box li .dis-switch ul{margin-top:0.8rem;margin-left:-4rem;background:rgba(243, 243, 243, 0.8);padding:1.6rem 1.6rem 1.4rem;border-radius:1.6rem;}
@media (max-width: 360px) {
  .cont-info .list-box li .dis-switch{width:calc(100% - 4rem)}
  .cont-info .list-box li .dis-price{width:9.5rem}
  .cont-info .list-box li .dis-switch ul li{margin-bottom:0.4rem}
  .charge-progress .layer-cont .charge-price{margin:0 1.8rem}
  .charge-progress .charge-price span em{font-size:1.4rem;}
  .charge-progress .charge-price span:first-child{font-size: 1.4rem;color:#383838;font-weight:700;}
  .charge-progress .charge-price span:last-child{display:flex;align-items:center;font-size: 2.6rem;font-weight: 800;color: #383838;letter-spacing:-0.1rem;margin-bottom:0.3rem}
  .charge-progress .charge-price span:last-child em{font-size:1.6rem;font-weight:400;margin-left:1.6rem;color:#5F5D5D}
  }

.cont-info .list-box li.nonuse::before{display:none;}
.cont-info .list-box li.nonuse{display:flex;border-bottom:none;color:rgba(84, 83, 81, 0.8);justify-content:center;padding:6.4rem 0;}
.charge-cancel .sub-txt{font-size:1.8rem;color:#383838;text-align:center;margin:2.4rem 0;line-height:2.5rem;}
.charge-cancel .sub-title{font-size: 1.6rem;color:#222;font-weight:700;line-height:2.2rem;text-align:center;}
.irrevocable .sub-txt{font-size:2rem;color:#383838;text-align:center;margin:2.4rem 0;line-height:2.5rem;}
.irrevocable .sub-txt::before{content:"";display:block;margin:0 auto 1.3rem;width:7.2rem;height:7.2rem;background:url(/images/ico_closepannel-68334ca39fa997d9034e08bfa4e2dd97.png) no-repeat 0 / 7.2rem 7.2rem;}
.irrevocable .sub-title{font-size: 1.6rem;color:#222;font-weight:700;line-height:2.2rem;text-align:center;}
.convert .sub-txt{color:#383838;font-size:1.6rem;font-weight:400;text-align:center;line-height:3.2rem;}
.convert .layer-cont{padding:7rem 2rem 7rem}
.convert .sub-txt span{font-size:1.8rem;font-weight:700;display:block;}
.convert .btn-full-blue{background:#0F9EE1;color:#fff}

/* [s] 메인 거래내역 */
.list-info .deal-box{display:none}
.list-info .deal-box.on{display:block}
.list-info .deal-box{width:100% !important;padding:0;box-sizing:border-box;}
.list-info .deal-box ul .item{width:calc(50% - 10px);padding-bottom:2rem;}
.list-info .deal-box ul .item:nth-last-child(2),.list-info .deal-box ul .item:last-child{margin-bottom:0;}
.list-info .deal-box ul .item img{display:block;margin-bottom:0.8rem;border-radius:1.2rem;}
.deal-box li span.t-sale{float:left;border-radius:1.1rem;background:#0F9EE1;color:#fff;font-size:1.2rem;font-weight:700;display: inline-block;padding: .3rem 1.2rem;margin:0 0.3rem 0.5rem 0;max-width:100%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.deal-box li span.t-cashback{float:left;border-radius:1.1rem;background:#00C6E8;color:#fff;font-size:1.2rem;font-weight:700;display: inline-block;padding: .3rem 1.2rem;margin:0 0.3rem 0.5rem 0;}
.deal-box li span.tit{clear:both;font-size:1.6rem;font-weight:700;color:#212121;margin-bottom:0.4rem;max-width:100%;display:block;word-break:break-all;}
.deal-box li span.address{clear:both;font-size:1.2rem;font-weight:400;color:#606060;}
.cont-info .deal-box{border-top:0.1rem solid #F2F0FA;clear:both;}
.cont-info .deal-box li{border-bottom:0.1rem solid #F2F0FA;padding:0.8rem 0;position:relative;}
.cont-info .deal-box li::after{content:'';display:block;clear:both;background:none;position:relative;right:inherit;top:inherit;width:auto;height:auto;}
.cont-info .deal-box li span.date{font-size:1.2rem;font-weight:400;color:#767574;margin-bottom:1rem}
.cont-info .deal-box li::before{content:"";display:inline-block;float:left;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_used-65db4859478c1152bd21a66633f4a191.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .deal-box li.plus::before{content:"";display:inline-block;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_add-d53e620ae8d44cfa4d1b0f7ae5b4851c.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .deal-box li.minus::before{content:"";display:inline-block;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_cancel-f85d249b61fab51af1cb9e2ab4576a64.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .deal-box li span.tit{margin:0.4rem 0 0.6rem 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cont-info .deal-box li.usage-cancel span.tit,
.cont-info .deal-box li.usage-cancel span.price,
.cont-info .deal-box li.charge-cancel span.tit,
.cont-info .deal-box li.charge-cancel span.price{color:#C4C4C4;text-decoration:line-through;}
.cont-info .deal-box li.usage-cancel span.date,
.cont-info .deal-box li.usage-cancel span.balance,
.cont-info .deal-box li.charge-cancel span.date,
.cont-info .deal-box li.charge-cancel span.balance{color:#C4C4C4;}
.cont-info .deal-box li.charge-cancel::before{content:"";display:inline-block;padding-right:0.8rem;width:3.2rem;height:3.2rem;background:url(/images/ico_cancel-f85d249b61fab51af1cb9e2ab4576a64.png) no-repeat 0 / 3.2rem 3.2rem;}
.cont-info .deal-box li span.price{display:block;font-size:1.8rem;color:#212121;font-weight:700;z-index:9;margin-bottom:0.3rem;}
.cont-info .deal-box li.plus span.price{display:block;color:#0F9EE1}
.cont-info .deal-box li.minus span.price{color:#000}
.cont-info .deal-box li span.balance{color:#767574;font-size:1.2rem;font-weight:400;display:block;word-break:break-all;}
.cont-info .deal-box li span.balance span{margin-left:0.3rem;display:inline-block}
.cont-info .deal-box li button{margin-top:0.4rem;width:8.5rem;color: #777;font-size: 1.2rem;font-weight: 400;background: #F0F1FA;padding: 0.3rem 1.6rem;border-radius: 0.4rem;border:0.1rem solid #E8E4F8;white-space:nowrap;}
.cont-info .deal-box li button:disabled{background:#fff;color:#C4C4C4}
.cont-info .deal-box li .dis-switch{float:left;width:calc(100% - 4rem);}
.cont-info .deal-box li .dis-switch .dis-box{display:flex;justify-content:space-between;}
.cont-info .deal-box li .dis-price{float:right;text-align:right;margin-top:0.4rem}
.cont-info .deal-box li .dis-price .cancel{font-size:1.2rem;color:#DE5353;margin-top:0.4rem;display:block;font-weight:400;}
.cont-info .deal-box li button.btn-copy{background:#fff;color:#777;line-height: 1.6rem;width:48%;height: 3.2rem;margin-top:1rem;border:0.1rem solid #d1d1d1;font-weight:500;}
.cont-info .deal-box li button.vt-cancel{background:#fff;color:#777;line-height: 1.6rem;width:48%;height: 3.2rem;margin-top:1rem;border:0.1rem solid #d1d1d1;font-weight:500;}
.cont-info .deal-box li .dis-switch ul li{padding:0;border-bottom:none;font-size:1.2rem;color:#777;display:flex;justify-content:space-between;width:100%;letter-spacing:-0.05rem;}
.cont-info .deal-box li .dis-price .vt-cancel{border:none;border-radius:0;background:none;text-decoration:underline;padding:0;margin:0.8rem 0 0 0;min-width:6rem;color:#5F5D5D;text-align:right;}
.cont-info .deal-box li .dis-switch ul li::before{display:none}
.cont-info .deal-box li .dis-switch ul li::after{display:none}
.cont-info .deal-box li .dis-switch ul li span:first-child{margin-right:0.4rem;font-size: 1.2rem;font-weight:600;color: #777;line-height: 1.56rem;}
.cont-info .deal-box li .dis-switch ul li span:last-child{text-align:right;word-break:break-all;}
.cont-info .deal-box li .dis-switch ul{margin-top:0.8rem;margin-left:-4rem;background:rgba(243, 243, 243, 0.8);padding:1.6rem 1.6rem 1.4rem;border-radius:1.6rem;}

.cont-info .deal-box li .dis-switch ul{margin-top:0.6rem}
@media (max-width: 360px) {
  .cont-info .deal-box li .dis-switch{width:calc(100% - 4rem)}
  .cont-info .deal-box li .dis-price{width:9.5rem}
  .cont-info .deal-box li .dis-switch ul li{margin-bottom:0.4rem}
  }
.cont-info .deal-box li.nonuse::before{display:none;}
/* [s] 사용내역 없음 추가 */
.main-info .cont-info .deal-box li.nonuse{display:flex;border-bottom:none;color:#8E8E93;justify-content:center;padding:2.5rem 0 2rem;font-size:1.6rem;font-weight:700;line-height:2.2rem;}
/* [e] 사용내역 없음 추가 */
/* [e] 메인 거래내역 */

/* 고객센터 */
.customer_info .top-info{padding-bottom:0.4rem;background:none;border-bottom:none;}
.customer_info .company-box{position:relative;padding:2.4rem 2.4rem 0.4rem;margin:0 0 2.5rem;background:#f3f3f3;border-radius:2rem;}
.operate-hour,.email-inquiry{font-size:1.2rem;margin-bottom:2.4rem;text-align:center;}
.operate-hour .tit,.email-inquiry .tit{font-weight:700;margin-bottom:0.4rem;}
.customer_info .company-box .tit{display:flex;justify-content:center;color:#212121;font-size:2.4rem;font-weight:400;text-align:center;padding:3.4rem 0;border-bottom:0.1rem solid #fff;margin-bottom:0;}
.customer_info .company-box .tit::before{content:"";position:relative;top:0.2rem;margin-right:1.4rem;display:block;width:2.4rem;height:2.4rem;background:url(/images/ico_headset-14787bb963bf802d0cd554edca347e07.png) no-repeat 0 / 2.4rem 2.4rem;}
.customer_info .company-box .cont{background:none;padding:0 2.4rem;text-align:center;}
.customer_info .company-box .cont button{font-size:1.4rem;font-weight:700;color:#383838;padding:2rem 0;width:100%;}
.customer_info .custom-guide{display:flex; justify-content:center;align-items:center;}
.customer_info .custom-guide li{min-width:calc(50% - .4rem)}
.customer_info .custom-guide li button{width:100%;border-radius:2rem;background:#f3f3f3;color:#0F9EE1;font-size:1.4rem;font-weight:700;padding:1.1rem 1rem;text-align:center;}
.customer_info .custom-guide li:hover button,
.customer_info .custom-guide li:active button,
.customer_info .custom-guide li:focus button{background:#EEEEFB;}
 .customer_info .tit-area .tit{margin-top:1.4rem}
.customer_info.map-info .cont-info{padding:0}
.customer_info.map-info .top-info{padding:0}
.customer_info.map-info .top-info .tit-area{padding:0.4rem 1.6rem 1.6rem}
.customer_info .cont-info .map{height:calc(100vh - 10.6rem)}

.customer_info .cont-info .map img{height:calc(100% - 3rem);width:100%}
/* [s] 240415 수정 */
/* [s] 240425 오프라인센터 z-index수정 */
/* [s] 240429 추가수정 */
.offline-center{z-index:19;transition:0.3s all ease-in-out;position:fixed;bottom:0;width:100%;height:0;border-top-left-radius:2rem;border-top-right-radius:2rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;background:#fff;}
.offline-center.on{height:calc(100% - 13.6rem);}
.offline-center.high-down{height:0}
/* 삭제
.offline-center.high-up{height:calc(100% - 13.6rem);}
*/
.swiper.offline-list{overflow:inherit;z-index:19;transition:0.3s all ease-in-out;position:fixed;bottom:2rem;width:100%;height:auto;-webkit-overflow-scrolling:touch;}
/* [e] 240429 추가수정 */
/* [e] 240425 오프라인센터 z-index수정 */
.swiper.offline-list.on{display:block}
.offline-list .offline-box{padding:2.4rem 2.4rem 1.6rem 2.4rem;box-shadow:0px 0 6px 1px rgba(0, 0, 0, 0.1);width:27.7rem;height:14.8rem;box-sizing:border-box;background:#fff;border-radius:1.6rem;text-align:left;justify-content:left;align-items:start;}
.offline-list .offline-box button{position:absolute;right:1.6rem;top:1.6rem}
.offline-list .offline-box button::before{content:'';position:relative;margin-right:0.6rem;display:inline-block;width:1.3rem;height:1rem;background:url(/images/ico_list_view-32583e78061e9dcb5644018a82886561.png) no-repeat 0 / 1.3rem 1rem;}
.offline-list .offline-box .tit{font-size:1.6rem;font-weight:700;color:#212323;margin-bottom:0.3rem;}
.offline-list .offline-box .area{font-size:1.4rem;font-weight:400;color:#212323;margin-bottom:0.2rem;}
.offline-list .offline-box .date{font-size:1.2rem;font-weight:400;color:#5f5d5d}
.offline-list .offline-box .label{margin-top:1rem;font-weight:700;}
.offline-list .offline-box .label span{display:inline-block;padding:0.4rem 1.3rem;margin:0 0.4rem 0.4rem 0;border:1px solid #0F9EE1;color:#0F9EE1;border-radius:1.1rem;font-size:1.2rem;letter-spacing:0;}
/* [e] 240415 수정 */
/* [s] 240429 추가수정 */
.offline-center .btn-close{position:absolute;top:.3rem;left:50%;width:70%;height:3rem;transform:translate(-50%, 0);z-index:2;}
.offline-center .btn-close::before{display:none;}
.offline-center .btn-close::after{content: "";display:block;position:absolute;left:50%;width:4rem;height:.4rem;margin-top:-1rem;border-radius:.2rem;background:#C4C4C4;transform:translate(-50%, 0);}
.offline-center .sub-title{font-size:1.8rem;font-weight:700;color:#0F9EE1;padding:4rem 1.6rem 0}
.offline-center .layer-cont{padding:4.8rem 1.6rem 3.2rem}
/* [e] 240429 추가수정 */
/* [s] 240118 수정 */
.offline-center .layer-cont .inp-box ul li{list-style:disc;margin-bottom:0.4rem;}
.offline-center .offline-box{display:flex;margin-bottom:2.4rem;}
/* [e] 240118 수정 */
.offline-center .offline-box:after{content:'';display:block;clear:both}
.offline-center .offline-box .place{margin-right:1.6rem;width:10rem;height:10rem;border-radius:0.8rem;}
.offline-center .offline-box .place img{width:10rem;height:10rem;border-radius:1.2rem;}
.offline-center .offline-box ul li{font-size:1.4rem;color:#212323;font-weight:400;}
.offline-center .offline-box ul .tit{margin:0.4rem 0;font-weight:700;}
.offline-center .offline-box ul .area{margin-bottom:0.2rem;word-break:keep-all;}
.offline-center .offline-box ul .date{font-size:1.2rem;color:#949494;}
/* [s] 240429 추가수정 */
.offline-center .offline-box:first-child{padding-top:0;}
/* [e] 240429 추가수정 */
.offline-center .offline-box:last-child{margin-bottom:0;}
.offline-center .offline-box .label{font-size:1.2rem;color:#fff;font-weight:700;margin-top:0.6rem}
/* [s] 240119 추가수정 */
.offline-center .offline-box .label span{display:inline-block;padding:0.4rem 0.8rem;margin:0 0.8rem 0.4rem 0;border: 1px solid #0F9EE1;color:#0F9EE1;border-radius:1.1rem;font-size:1.2rem;letter-spacing:0;}
/* [e] 240119 추가수정 */

/* 할인혜택 */
.discount_info .top-info .tit-area{padding:0.4rem 1.6rem 0;}
.discount_info .top-info{padding-bottom:0;}
/* [s] 240604 상세페이지 라운드 효과 제거 */
.discount_info .top-info .topImg{border-radius:0;}
/* [e] 240604 상세페이지 라운드 효과 제거  */
.discount_info .top-info .top-img img{width:100%}
.topImg .swiper-pagination-bullet{width:0.8rem;height:0.8rem;background:rgba(255, 255, 255, 0.7);opacity:1;}
.topImg .swiper-pagination-bullet:first-child,.topImg .swiper-pagination-bullet:last-child{transform:scale(.8);}
.topImg .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;transform:scale(1);}
.discount_info .list-box{box-sizing:border-box;}
.discount_info .cont-info{padding-top:1.4rem;text-align:center;}
.discount_info .cont-info h3{display:inline-block;font-size:2.4rem;font-weight:700;color:#212121}
.discount_info .cont-info span.t-sale{border-radius: 1.1rem;background: #0F9EE1;color: #fff;font-size: 1.2rem;font-weight: 700;display: inline-block;padding: .3rem 1.2rem;position: relative;top: -0.4rem;left: 1.2rem;}
.discount_info .cont-info span.t-cashback{border-radius: 1.1rem;background: #00C6E8;color: #fff;font-size: 1.2rem;font-weight: 700;display: inline-block;padding: .3rem 1.2rem;position: relative;top: -0.4rem;left: 1.2rem;}
.discount_info .cont-info em{font-size:1.2rem;color:#606060;display:block;}
.discount_info .cont-info .title{margin-bottom:2.4rem;text-align:left;}
.discount_info .cont-info .contents{text-align:left;}
.discount_info .cont-info .contents .sale{margin-bottom:2.4rem;font-size:1.6rem;font-weight:700;color:#383838}
.discount_info .cont-info .contents ul{margin-bottom:2.4rem;}
.discount_info .cont-info .contents .sale-txt{font-size:1.6rem;color:#5F5D5D;line-height:22px;padding-bottom:7rem;}
.discount_info .cont-info .contents ul li{display:flex;margin-bottom:1.4rem;}
.discount_info .cont-info .contents ul li::before{content:"";float:left;display:block;width:1.8rem;height:1.8rem;margin-right:1.3rem}
.discount_info .cont-info .contents ul li.clock::before{position:relative;top:-0.1rem;background:url(/images/ico_clock-431629bb34f8fb546cb41f562f5cdcc7.png) no-repeat 0 / 1.8rem 1.8rem;}
.discount_info .cont-info .contents ul li.location::before{background:url(/images/ico_location-4da23d42c00281885b5fe7bcad35aff6.png) no-repeat 0 / 1.8rem 1.8rem;}
.discount_info .cont-info .contents ul li.phone::before{background:url(/images/ico_phone-fdacff0c85c82ebe90d55b334498961b.png) no-repeat 0 / 1.8rem 1.8rem;}
.discount_info .cont-info .contents ul li::after{content:'';display:block;clear:both}
/* [s] 240419 추가수정 */
.discount_info .cont-info .contents .btn-wrap{display:flex;justify-content: space-between;padding:0.5rem 1.6rem 2.5rem;background:#fff;box-shadow:4rem 2rem 4rem 4rem white;}
/* [e] 240419 추가수정 */
.discount_info .cont-info .contents .btn-wrap .btn-50p{display:flex;justify-content:center;align-items:center;width:calc(50% - 0.35rem);float:none;height:4.6rem;border-radius:2.8rem;color:#fff}
.discount_info .cont-info .contents .btn-wrap .btn-50p:first-child{background-color:#212323;}
.discount_info .cont-info .contents .btn-wrap .btn-50p:first-child::before{content:"";display:block;margin-right:0.7rem;width:1.6rem;height:1.6rem;background:url(/images/ico_anchor-044bfe70aaf9b3d490e43adab088df34.png) no-repeat 0 / 1.6rem 1.6rem}
.discount_info .cont-info .contents .btn-wrap .btn-50p:last-child{background-color:#0F9EE1;}
.discount_info .cont-info .contents .btn-wrap .btn-50p:last-child::before{content:"";display:block;margin-right:0.7rem;width:1.6rem;height:1.6rem;background:url(/images/ico_group-b62aea9c6643c2c58b32adaaf66c70e5.png) no-repeat 0 / 1.6rem 1.6rem}
/* 주소카드 레이어 추가 */
.overlay-layer.address-card{border-radius:0;background:rgba(0, 0, 0, 0.8);}
.overlay-layer.address-card .layer-cont{position:absolute;border-radius:0;background:none;color:#fff;transform:rotate(90deg);transform-origin:top left;top: 10%;width: calc(100vh - 30%);height: calc(100vw - 10%);left: 90%;box-sizing: border-box;}
.overlay-layer.address-card .layer-cont > div:first-child{margin-bottom:5rem;}
.overlay-layer.address-card .btn-close{height:2.8rem}
.overlay-layer.address-card .btn-close:before, .overlay-layer.address-card .btn-close:after{height:2.8rem;background:#fff;}
.overlay-layer.address-card .name-tit{font-size:1.4rem;font-weight:700;color:#9D9D9D}
.overlay-layer.address-card .sub-tit{font-size:3.6rem;font-weight:400;color:#fff}
.overlay-layer.address-card .sub-cont{font-size:1.6rem;font-weight:400;color:#fff}
/* 우측상단 메뉴 추가 */
/* [s] 240724 수정 */
.overlay-layer.menu-right{border-radius:0;z-index:30;}
/* [e] 240724 수정 */

/* [s] 240820 날개메뉴 기존 */
.overlay-layer.menu-right .logo{position:absolute;left:1.6rem;top:0.7rem;}
.overlay-layer.menu-right .logo .clemo-logo{width:11.7rem}
.overlay-layer.menu-right .btn-close{top:1.4rem}
.overlay-layer.menu-right .layer-cont{padding:0 1.6rem 3.2rem;margin:8.6rem 0 0;border-top:1px solid #E9F4F7}
.overlay-layer.menu-right .layer-cont > div::after{content: "";position:absolute;display:block;width:0.5rem;height:1rem;background:url(/images/ico_gobacks-b2e2d4f101df9b60e6be47a3cf2c0b00.png) no-repeat 0 / 0.5rem 1rem;right:0;top:50%;transform:translate(0, -50%);}
.overlay-layer.menu-right .menu-line{position:relative;border-bottom:0.1rem solid #E4E2EA;}
.overlay-layer.menu-right .menu-line.mline{border-bottom:0.1rem solid #ddd;}
.overlay-layer.menu-right .menu-line a{padding:2.4rem 0;display:block}
.overlay-layer.menu-right .menu-line.mline a{padding:2rem 0 2rem 3.8rem;}
.overlay-layer.menu-right .menu-line.mline:last-child{margin-bottom:0.7rem;}
.overlay-layer.menu-right .menu-line:first-child::after{display:block;}
.overlay-layer.menu-right .menu-line:first-child::before{content:'';background: url(/images/ico_menu_plus-020ab12c87919b5273eb9ff2d4b4f646.png) no-repeat 0 / 2.2rem 2.2rem;display:inline-block;width:2.2rem;height:2.2rem;position:absolute;top:2.3rem;}
.overlay-layer.menu-right .menu-line:nth-child(2)::before{content:'';background: url(/images/ico_menu_list-a5eb9dbac09a95ac6e2d032d0a546404.png) no-repeat 0 / 2.4rem 2.4rem;display:inline-block;width:2.4rem;height:2.4rem;position:absolute;top:2rem;}
.overlay-layer.menu-right .menu-line:nth-child(3)::before{content:'';background: url(/images/ico_menu_tag-065dd3f700c9440a9aa995fc2f1af13b.png) no-repeat 0 / 2.4rem 2.4rem;display:inline-block;width:2.4rem;height:2.4rem;position:absolute;top:2.1rem;}
.overlay-layer.menu-right .menu-line:nth-child(4)::before{content:'';background: url(/images/ico_menu_mall-f712ffce51f885be8be8fec549282fc0.png) no-repeat 0 / 2.4rem 2.4rem;display:inline-block;width:2.4rem;height:2.4rem;position:absolute;top:2.1rem;}
.overlay-layer.menu-right h4{color:#212121;font-size:1.8rem;font-weight:700;}
.overlay-layer.menu-right ul li{margin-bottom:2.4rem;}
.overlay-layer.menu-right ul li a{font-size:1.6rem;font-weight:700;color:#383838}
.overlay-layer.menu-right ul li.put-line{margin-bottom:0;display:flex;align-items:center;justify-content:space-between;}
.overlay-layer.menu-right ul li span.phone{font-size:1.6rem}
.overlay-layer.menu-right ul li span.phone::before{content: '';background: url(/images/ico_call-b451bd894d2dffe31a49bffe4f4d7c05.png) no-repeat 0 / 2rem 2rem;display: inline-block;width: 2rem;height: 2rem;margin-right: 0.5rem;position: relative;top: 0.4rem;}
.overlay-layer.menu-right .menu-lines{position:relative;border-bottom:0.1rem dashed #ddd;}
.overlay-layer.menu-right .menu-lines a{padding:3rem 0 2.4rem;display:block;}
.overlay-layer.menu-right .menu-lines.put-line{border-bottom:none;display:flex;}
.overlay-layer.menu-right .menu-lines.put-line::after{display:none;}
.overlay-layer.menu-right .menu-lines.put-line a:first-child{padding-right:1rem;margin-right:1.4rem;position:relative;}
.overlay-layer.menu-right .menu-lines.put-line a:first-child::after{content:'';width:0.1rem;height:15px;background:#D9D9D9;display:inline-block;position:absolute;margin-left:1rem;}
.overlay-layer.menu-right h4 + ul{display:flex;font-size:1.4rem;}
.overlay-layer.menu-right h4 a,.overlay-layer.menu-right h4 + ul li a{color:#212121}
.overlay-layer.menu-right h4 + ul li{margin-bottom:0;display:flex;align-items:center;}
.overlay-layer.menu-right h4 + ul li a{font-weight:400;font-size:1.4rem}
.overlay-layer.menu-right h4 + ul li::before{position:relative;content:'';display:inline-block;width:2.4rem;height:2.4rem;margin:0 0.4rem 0 2.2rem}
.overlay-layer.menu-right h4 + ul li:first-child::before{margin:0 0.4rem 0 0}
.overlay-layer.menu-right h4 + ul li.menu-card::before{background:url(/images/ico_mobile-e0df9c6324ccb9b477863ec4e29b43c4.png) no-repeat 0 / 2.4rem 2.4rem;}
.overlay-layer.menu-right h4 + ul li.menu-store::before{background:url(/images/ico_store_line-3b4c175b307c5537c5e25727dd4df3ca.png) no-repeat 0 / 2.4rem 2.4rem;}
.overlay-layer.menu-right h4 + ul li.menu-atm{display:flex;}
.overlay-layer.menu-right h4 + ul li.menu-atm::before{background:url(/images/ico_atm-8c2cd8f977a1b1cd2e36a92696054239.png) no-repeat 0 / 2.4rem 2.4rem;}
.overlay-layer.menu-right .menu-terms{color:#5F5D5D;font-weight:700;font-size:1.6rem}
.overlay-layer.menu-right .menu-lines.put-line .menu-terms{font-size:1.4rem}
/* [e] 240820 날개메뉴 기존 */

/* [s] 240228 수정 */
.overlay-layer.menu-right .menu-lines.put-line .menu-terms.put{color:#0A82C6;}
.overlay-layer.photo-back{text-align:center;}
.overlay-layer.photo-back .sub-tit{font-size:2.2rem;line-height:3rem;font-weight:500;color:#212323;margin-bottom:1.6rem;word-break:keep-all;}
.overlay-layer.photo-back .sub-txt{font-size:1.6rem;font-weight:400;color:#212323}
.overlay-layer.photo-back .photo-img{display: block;margin-top:2.3rem;font-size:0}
.overlay-layer.photo-back .photo-img::before{content: "";display:block;margin:0 auto;width:14.2rem;height:12.5rem;background:url(/images/img_cardnumber-603d196b5587c46db6621eccbe020650.png) no-repeat 0 / 14.2rem 12.5rem;}
.overlay-layer.photo-back .photo-img img{width:18rem;text-align:center;}
.overlay-layer.photo-back .layer-cont{padding:4.2rem 2rem 2.4rem}
.overlay-layer.photo-back .layer-cont .btn-con{margin-top:2.3rem;width:16.8rem;height:4.6rem;border-radius:2.8rem;background:#0F9EE1;font-size:1.6rem;color:#fff;font-weight:700;}
.overlay-layer.photo-back .btn-close{position:fixed;top:inherit;z-index:99;margin-top:-2.8rem;}
.overlay-layer.photo-back .btn-close:before,.overlay-layer.photo-back .btn-close:after{background-color:#fff}
.overlay-layer.non-card{text-align:center;bottom:50% !important;transform:translate(0, 30%);border-radius:3.2rem;margin:0 1.6rem;box-sizing:border-box;width:calc(100% - 3.2rem);}
.overlay-layer.non-card .sub-tit{font-size:2.4rem;font-weight:400;color:#212121;margin-bottom:0.6rem;}
.overlay-layer.non-card .sub-txt{font-size:1.6rem;font-weight:400;color:#5F5D5D}
.overlay-layer.non-card .photo-img{display: block;margin-top:2.3rem;font-size:0}
.overlay-layer.non-card .photo-img::before{content: "";display:block;margin:0 auto;width:7.2rem;height:7.2rem;background:url(/images/ico_closepannel-68334ca39fa997d9034e08bfa4e2dd97.png) no-repeat 0 / 7.2rem 7.2rem;}
.overlay-layer.non-card .photo-img img{width:18rem;text-align:center;}
.overlay-layer.non-card .layer-cont{padding:4.2rem 3rem 2.4rem}
.overlay-layer.non-card .layer-cont .btn-con{margin-top:2.3rem;width:100%;height:4.6rem;border-radius:2.8rem;background:#383838;font-size:1.6rem;color:#fff;font-weight:700;}
.overlay-layer.non-card .btn-close{position:fixed;top:inherit;z-index:99;margin-top:-2.8rem;}
.overlay-layer.non-card .btn-close:before,.overlay-layer.non-card .btn-close:after{background-color:#fff}
/* [s] 240424 메인레이어 수정 */
.overlay-layer.non-service{text-align:center;bottom:50% !important;left:50%;transform:translate(-50%, 50%);border-radius:1.6rem;margin:0;box-sizing:border-box;width:29.8rem;}
.overlay-layer.non-service .sub-tit{font-size:1.8rem;font-weight:500;color:#212323;margin:0 0 1.2rem 0;}
.overlay-layer.non-service .sub-txt{font-size:1.6rem;font-weight:400;margin:0 3.2rem 10.3rem;color:#212323;line-height:2.5rem;}
.overlay-layer.non-service .sub-tit + .sub-txt{margin-top:1.6rem}
.overlay-layer.non-service .photo-img{display: block;margin-top:2.3rem;font-size:0}
.overlay-layer.non-service .photo-img::before{content: "";display:block;margin:0 auto;width:7.2rem;height:7.2rem;background:url(/images/ico_closepannel-68334ca39fa997d9034e08bfa4e2dd97.png) no-repeat 0 / 7.2rem 7.2rem;}
.overlay-layer.non-service .photo-img img{width:18rem;text-align:center;}
.overlay-layer.non-service .layer-cont{padding:3.2rem 0 0}
.overlay-layer.non-service .layer-cont .btn-con{position:absolute;left:2rem;bottom:2.4rem;margin-top:2.3rem;width:calc(100% - 4.8rem);height:4.6rem;border-radius:2.8rem;background:#383838;font-size:1.6rem;color:#fff;font-weight:700;}
.overlay-layer.non-service .layer-cont .btn-wrap{position:absolute;bottom:2.4rem;width:calc(100% - 4.8rem);display:flex;justify-content: center;}
.overlay-layer.non-service .layer-cont .btn-wrap [class*="btn-50p"]{width:13.5rem;height:4.5rem;box-sizing:border-box;border-radius:2.8rem;}
.overlay-layer.non-service .layer-cont .btn-wrap [class*="btn-50p"]:first-child{background:#383838;margin-right:1rem}
.overlay-layer.non-service2{text-align:center;bottom:50% !important;left:50%;transform:translate(-50%, 50%);border-radius:1.6rem;margin:0;box-sizing:border-box;width:29.8rem;}
.overlay-layer.non-service2 .sub-tit{font-size:1.8rem;font-weight:500;color:#212323;margin:0 0 1.2rem 0;}
.overlay-layer.non-service2 .sub-txt{font-size:1.6rem;font-weight:400;margin:0 3.2rem 10.3rem;color:#212323;line-height:2.5rem;}
.overlay-layer.non-service2 .sub-tit + .sub-txt{margin-top:1.6rem}
.overlay-layer.non-service2 .layer-cont{padding:3.2rem 0 0}
.overlay-layer.non-service2 .layer-cont .btn-con{position:absolute;left:2rem;bottom:2.4rem;margin-top:2.3rem;width:calc(100% - 4.8rem);height:4.6rem;border-radius:2.8rem;background:#383838;font-size:1.6rem;color:#fff;font-weight:700;}
.overlay-layer.non-service2 .layer-cont .btn-wrap{position:absolute;left:50%;bottom:2.4rem;width:calc(100% - 4.8rem);display:flex;justify-content: center;transform:translate(-50%, 0);}
.overlay-layer.non-service2 .layer-cont .btn-wrap [class*="btn-50p"]{width:13.5rem;height:4.5rem;box-sizing:border-box;border-radius:2.8rem;}
.overlay-layer.non-service2 .layer-cont .btn-wrap [class*="btn-50p"]:first-child{background:#383838;margin-right:1rem}
/* [e] 240424 메인레이어 수정 */
.overlay-layer.non-service .btn-close{position:fixed;top:inherit;z-index:99;margin-top:-2.8rem;}
.overlay-layer.non-service .btn-close:before,.overlay-layer.non-card .btn-close:after{background-color:#fff}
.overlay-layer.notice-layer{text-align:left;max-height:52vh;margin-top:3.4rem;overflow-y:hidden;background:none;}
.overlay-layer.notice-layer .nt-close{position:fixed;color:#fff;z-index:99;left:2rem;margin-top:1rem}
.overlay-layer.notice-layer .nt-close input[type="checkbox"]:before{border:1px solid #fff;border-radius:0;}
.overlay-layer.notice-layer .nt-close a{font-size:1.4rem;font-weight:400;color:#fff;}
.overlay-layer.notice-layer .sub-tit{display:flex;font-size:2.2rem;line-height:2.4rem;font-weight:500;color:#0A82C6;margin-bottom:2.3rem;align-items:center;padding-bottom:0.7rem;border-bottom:0.1rem solid #ddd;}
/* 공지사항 레이어 아이콘 삭제
.overlay-layer.notice-layer .sub-tit::before{content: "";padding:2rem;background:url(/images/ico_notice-6b2b2acafe6f7e68a0452aac245c9e6f.png) no-repeat 0 / 4rem 4rem;margin-right:1.2rem}
*/
.overlay-layer.notice-layer .sub-txt{font-size:1.6rem;font-weight:400;}
.overlay-layer.notice-layer .sub-txt p{color:#212323;letter-spacing:-0.1rem;line-height:2.2rem;font-size:1.6rem;font-weight:400;}
.overlay-layer.notice-layer .sub-txt .title{font-size:1.6rem;font-weight:700;line-height:2.2rem;color:#212323;margin-bottom:1.4rem;}
.overlay-layer.notice-layer .layer-cont{padding:2rem 2.4rem 4rem;position:relative;overflow-y:auto;max-height:calc(52vh - 7rem);margin-top:3.4rem;border-top-left-radius:2rem;border-top-right-radius:2rem;}
.overlay-layer.notice-layer .layer-cont .btn-con{margin-top:2.3rem;width:16.8rem;height:4.6rem;border-radius:2.8rem;background:#73E2F5;font-size:1.6rem;color:#212121;font-weight:700;}
.overlay-layer.notice-layer .btn-close{position:fixed;top:inherit;z-index:99;}
.overlay-layer.notice-layer .btn-close:before,.overlay-layer.notice-layer .btn-close:after{background-color:#fff}
/* [e] 240228 수정 */

/* 제휴MALL */
/* [s] 240228 수정 */
.partner-mall .top-info .tit-area{border-bottom: 1px solid #EAEAEA;padding-top:0}
.partner-mall .cont-info{padding:0.8rem 2rem 2.6rem}
.mall-box{border-bottom:0.1rem solid #ddd;}
.mall-box > div{position:relative;clear:both;overflow:hidden;margin-bottom:4rem;}
.mall-box > div:last-child{margin-bottom:2.6rem;}
.mall-box > div::after{content:"";display:block;width:0.7rem;height:1.3rem;background:url(/images/ico_right_arrow-ac4b8702d1416c0b9c203293b98d0807.png) no-repeat 0 / 0.7rem 1.3rem;position:absolute;right:0;top:50%;margin-top:-0.65rem}
/* [s] 240510 회원가입 추가 */
.mall-box > div > a{color: inherit;selector-dummy:expression(this.hideFocus=true);}
/* [e] 240510 회원가입 추가 */
.mall-box > div > a > .mall-img{float:left;margin-right:1.6rem;display:inline-block;width:6.4rem;height:6.4rem}
.mall-box > div > a > div{display:flex;align-items:center;margin:1.2rem 2rem 0.4rem 0;}
.mall-box > div > a > div .tit{font-size:1.6rem;font-weight:700;color:#383838;margin-right:0.8rem}
.mall-box > div > a > div .t-sale{border-radius:1.1rem;background:#0F9EE1;color:#fff;font-size:1.4rem;font-weight:700;display: inline-block;padding: .2rem 1.1rem;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mall-box > div a .txt{display:block;margin:0 2rem 0 0;font-size:14px;font-weight:400;color:#606060;}
.mall-box .mall01 .mall-img{background:url(/images/img_mall01-0416faccf9501a5905f138ac12124832.png) no-repeat 0 / 6.4rem 6.4rem;}
.mall-box .mall02 .mall-img{background:url(/images/img_mall02-85195c6dbaba51bc8ea9709ff0f1ddfd.png) no-repeat 0 / 6.4rem 6.4rem;}
.mall-box .mall03 .mall-img{background:url(/images/img_mall03-b9e9185f0482ae268e3929d588a6bc14.png) no-repeat 0 / 6.4rem 6.4rem;}
.partner-mall .cont-info .store-txt{font-size:1.6rem;font-weight:400;color:#999;margin-top:5.4rem;text-align:center;}
@media (max-width: 360px) {
  .mall-box > div > a > div{flex-wrap:wrap;margin:0 2rem 0.4rem 0}
}
/* [e] 240228 수정 */

/* 이용약관 */
.etc_info .tit-area h3{margin-bottom:0;}
/* [s] 240826 이용약관 수정 */
.etc_info .tit-area{padding:0.4rem 1.6rem 1.6rem;border-bottom:0.1rem solid #eaeaea;}
.etc_info .top-info{padding-bottom:0;}
/* [e] 240826 이용약관 수정 */
.etc_info .cont-info{padding:1.6rem}
.etc_info .cont-info h4{background:none;font-size:1.2rem;margin:2.6rem 0 0.2rem;}
.etc_info .cont-info h4:first-child{margin-top:0}
.etc_info .cont-info p{font-size:1.2rem;}
.etc_info .cont-info .terms-txt h3{padding:3rem 0 1.5rem}
.etc_info .cont-info .terms-txt h3 + h4{margin-top:0}
.etc_info .cont-info .terms-txt p:last-child{margin-bottom:10rem;}
/* clemo이용방법 */
.privacy-txt{color:#212121}
.privacy-txt p{margin-bottom:0.3rem;padding-left:0.3rem;}
.mb2{margin-bottom:2rem !important;}
.privacy-txt p.mb2{padding-left:0;}
.privacy-txt h4:nth-of-type(2){padding-left:0.5rem;}

/* [s] 240826 이용약관 수정 */
.etc_info .top-info .tit-area{border-bottom:0.1rem solid #eaeaea;}
.term{padding:2rem 1.6rem 1rem;}
.terms-tit{background:#fafafa;font-size:1.2rem;padding:1.2rem 1rem;border:1px solid #ddd;margin-bottom:2rem;}
.select-list{height:0;overflow:hidden;}
.select-list li{padding:1rem 1.5rem;}
/* [s] 240905 이용약관 수정 */
.term .before-terms,.term .before-terms-list li span{position:relative;display:inline-block;padding-right:0;font-size:1.4rem;font-weight:700;border-bottom:.1rem solid #5F5D5D;color:#5F5D5D;cursor:pointer;}
/* [e] 240905 이용약관 수정 */
.term .before-terms::after{content:'';display:block;position:absolute;right:-1.4rem;bottom:.6rem;width:.4rem;height:.4rem;border-top:.1rem solid #444;border-right:.1rem solid #444;transform:rotate(45deg);transition:transform ease 0.4s;}
.term .before-terms.active::after{transform:rotate(135deg);transition:transform ease 0.4s;}
.term .before-terms-list li{margin-top:.8rem;padding:0;}
.term_table th,.term_table td{padding:0.2rem;font-size:1.2rem;font-weight:400;border:0.1rem solid #ccc;}
.term_table th{background:#fafafa;font-weight:600;}
.term_table td{font-size:1.2rem;}
.term_table td span{font-size:1rem;display:block;margin-top:1rem}
.etc_info .cont-info .terms-txt h4{font-size:2rem;text-align:center;display:block;margin-bottom:2rem;}
.etc_info .cont-info .terms-txt h5{padding:3rem 0 1rem;font-size:1.6rem}
.etc_info .cont-info .terms-txt p{margin-bottom:1rem;font-size:1.3rem}
.etc_info .cont-info .terms-txt p .msocomanchor{font-weight:500;border-bottom:0.1rem solid #0F9EE1;color:#0F9EE1;margin-left:0.5rem}
/* [e] 240826 이용약관 수정 */

.guideTab .tab ul{display:flex;height:5.6rem;box-sizing:border-box;border-bottom:0.1rem solid #E4E2EA;}
.guideTab .tab ul li{position:relative;font-size: 1.6rem;font-weight:700;padding:2rem 2.4rem 2rem 1.6rem;color:#a4a4a4}
.guideTab .tab ul li:first-child:after{content:'';width:0.1rem;height:1.4rem;background:#D9D9D9;display:inline-block;position:absolute;right:0.2rem;top:50%;transform:translateY(-44%);}
.guideTab .tab ul li.on{color:#212121}
.guideTab .guide-txt{display:none;}
.guideTab .guide-txt.on{display:block;}
.guide-txt .tit{color:#5F5D5D;font-size:1.4rem;font-weight:400;margin:2.4rem 0 2.8rem;line-height:2rem;}
.guide-txt .tit span{font-size:1.8rem;word-break:keep-all;font-weight:700;}
.guide-txt .cont-info .txt-rail{text-indent:-9999px;z-index:-1;font-size:0;position:relative;top:0.2rem;margin-right:0.5rem}
.guide-txt .cont-info .txt-rail::before{content:'';display:inline-block;width:6.3rem;height:2.3rem;background:url(/images/txt_Rail-d278ac71a57de8fead1b361ae45f20b6.png) no-repeat 0 / 6.3rem 2.3rem;}
.guide-box{padding:2rem 1.6rem 3rem;background:#F3F3F3;border-radius:1.6rem;position:relative;margin-bottom:4rem;}
.etc_info .cont-info .guide-box h4{font-size:1.6rem;font-weight:700;color:#383838;margin-bottom:2rem;}
.guide-box ul::before{content:'';background:#00C1FF;height:4rem;display:block;width:0.2rem;position:absolute;top:71px;left:26px;height:calc(100% - 11rem);}
.guide-txt.wel1 .guide-box ul::before{height:calc(100% - 16rem);}
.guide-box ul li{font-size:1.4rem;font-weight:700;color:#212121;display:flex;align-items:center;padding-bottom:2rem;position:relative;}
.guide-txt.wel2 .guide-box ul li{flex-wrap:wrap;}
.guide-txt.wel2 .guide-box ul li:first-child{display:block}
.guide-txt.wel2 .guide-box ul li:first-child::before{float:left}
.guide-box ul li span{font-size: 1.2rem;color: #A4A4A4;font-weight: 400;margin-left: 2.9rem;margin-top: 0.2rem;display:block}
.guide-box ul li:last-child{padding-bottom:0;}
.guide-box ul li::before{content: '';background: #0F9EE1;text-align:center;width:2.1rem;height:2.1rem;border-radius: 10rem;display:flex;justify-content:center;align-items:center;margin-right: 0.9rem;color: #fff;font-size: 1rem;font-weight: 700;box-sizing:border-box;padding:0.8rem 1rem 1rem 0.9rem;}
.guide-box ul li:nth-child(1):before{content:'1';}
.guide-box ul li:nth-child(2):before{content:'2';}
.guide-box ul li:nth-child(3):before{content:'3';}
.guide-box ul li:nth-child(4):before{content:'+';font-size:1.8rem;font-weight:500;padding:0.8rem 1rem 1rem 0.9rem;background:#000;}
.guide-txt h5{font-size:1.6rem;font-weight:700;color:#212121;display:flex;align-items:center;margin-bottom:1.6rem;}
.guide-txt h5::before{content: '';background: #0F9EE1;text-align:center;width: 2.1rem;height: 2.1rem;border-radius: 10rem;display:flex;justify-content:center;align-items:center;margin-right: 0.9rem;color: #fff;font-size: 1rem;font-weight: 700;box-sizing:border-box;padding:0.8rem 1rem 1rem 0.9rem;}
.guide-txt .guide-t{margin-bottom:1.6rem;}
.guide-txt .guide-t li{line-height:2rem;text-indent: -1.5rem;padding-left: 1.5rem;}
.guide-txt .guide-t li::before{content:'·';font-weight:700;margin:0 5px;border-radius:100%;font-size:1.8rem;}
.sequence-box.seq02 h5{padding-left:1.2rem;font-size:1.6rem;font-weight:700;color:#383838;word-break: keep-all;line-height: 2.8rem;margin-bottom:0;}
.sequence-box.seq02 h5::before{display:none;}
.sequence-box.seq02 .guide-t{padding-left:1.2rem;margin-bottom:0.8rem;}
.guide-txt .cont-info h5.tplus:before{content:'+';font-size:1.8rem;background:#383838;}
.sequence-box.seq02 .guide-t li{color:#747474;font-size:1.4rem;font-weight:400;text-indent:0;padding-left:1.9rem;line-height:2.4rem;}
.sequence-box.seq02 .guide-t li::before{display:none;}
.sequence-box.seq02 .guide-t li:first-child{font-weight:500;display:flex;align-items:center;padding-left:0;margin-bottom:0;color:#383838}
.sequence-box.seq02 .guide-t li:first-child::before{float:left;display:block;content:'';width:1.1rem;height:1.4rem;background:url('/images/ico_area-817e3c12c180cc2a1089d55dba5654b0.png') no-repeat 0 / 1.1rem 1.4rem;text-indent:0;margin:0 0.8rem 0 0;padding:0;}
.sequence-box.seq02 .guide-t li:last-child{margin-top:0.2rem}
.sequence-box.seq02 .guide-t li:last-child span{display:inline-block;margin-right:0.6rem;padding:0.4rem 1.2rem;border-radius:10rem;border:0.1rem solid #0F9EE1;color:#0F9EE1;font-size:1.4rem;font-weight:500;line-height:1.8rem;}
/* [s] 240119 추가수정 */
.etc_info .guide-txt .cont-info .sequence-box.seq02 .img-box{margin-top:0}
/* [e] 240119 추가수정 */
.etc_info .guide-txt .cont-info p{margin-bottom:1.6rem;font-size:1.4rem;font-weight:400;color:#383838}
.etc_info .guide-txt .cont-info p.subt1{font-size:1.4rem;font-weight:600;color:#212121;margin-bottom:0.4rem;}
.etc_info .guide-txt .cont-info .img-box{margin-bottom:6rem;}
.guide-btn{border:0.1rem solid #D7D4E3;border-radius:2rem;padding:1rem 2.5rem;font-size:1.4rem;font-weight:700;margin-bottom:6rem;}
.guide-txt .cont-info h5.t1:before{content:'1';}
.guide-txt .cont-info h5.t2:before{content:'2';}
.guide-txt .cont-info h5.t3:before{content:'3';}
.guide-txt .cont-info h5.t4:before{content:'+';font-size:1.8rem;padding:0.8rem 1rem 1rem 0.9rem;background:#383838;}
.guide-txt .cont-info h5.t3 + .guide-t + .img-box{margin-bottom:1.6rem;}
.guide-txt .cont-info h5.tplus + .guide-t + .guide-btn{margin-bottom:1.6rem;}
.etc_info .guide-txt .cont-info .ps{font-size:1.2rem;font-weight:600;color:#212121;margin-bottom:6rem;}
.guide-txt .cont-info .guide-area{margin-bottom:1.6rem;}
.guide-txt .cont-info .guide-area li{margin-bottom:1rem;font-size:1.4rem;color:#383838;font-weight:600;}
.guide-txt .cont-info .guide-area li::before{content:"";float:left;display:block;width:1.8rem;height:1.8rem;margin-right:1rem}
.guide-txt .cont-info .guide-area li::after{content:'';display:block;clear:both}
.guide-txt .cont-info .guide-area li.clock::before{background:url(/images/ico_clock-431629bb34f8fb546cb41f562f5cdcc7.png) no-repeat 0 / 1.8rem 1.8rem;}
.guide-txt .cont-info .guide-area li.location::before{background:url(/images/ico_location-4da23d42c00281885b5fe7bcad35aff6.png) no-repeat 0 / 1.8rem 1.8rem;}
.guide-txt .cont-info .guide-area li.phone::before{background:url(/images/ico_phone-fdacff0c85c82ebe90d55b334498961b.png) no-repeat 0 / 1.8rem 1.8rem;}
.guide-txt .cont-info .caultion{display:flex;align-items:center;font-weight:700;font-size:1.6rem;margin-bottom:1rem;}
.guide-txt .cont-info .caultion:before{content:'!';background:#C7C7C7;text-align:center;width: 2.1rem;height: 2.1rem;border-radius: 10rem;display: inline-block;margin-right: 0.9rem;color: #fff;font-size: 1.4rem;font-weight: 400;box-sizing:border-box;padding:0.3rem 0 1rem 0}
.etc_info .guide-txt .cont-info p.guide-tip{margin:0.4rem 0 4rem;color:#383838;font-size:1.2rem;font-weight:600;}

.dis-box ul::after{content:'';display:block;clear:both}
.dis-box ul li{float:left;position:relative;width:calc(50% - .55rem);min-height:14rem;padding:2.4rem 2.0rem 1.5rem 2.2rem;font-size:1.8rem;color:#17171B;font-weight:700;border-radius:1.2rem;box-sizing:border-box;background:#F1F1FF;}
.dis-box ul li::before{content:"";display:block;position:absolute;top: 3rem;right: 2.6rem;width:0.67rem;height:1.2rem;background:url(/images/ico_detail-fb3374b92962a94f2261b483ac4621f7.png) no-repeat 0 / 0.67rem 1.2rem;}
.dis-box ul li::after{content:"";display:block;position:absolute;bottom:1.5rem;right:2.2rem;}
.dis-box ul li.dis-check,.dis-box ul li.dis-charge{margin-right:.5rem;}
.dis-box ul li.dis-history,.dis-box ul li.dis-detail{margin-left:.5rem;}
.dis-box ul li.dis-check::after{content:"";display:block;width:5.4rem;height:3.7rem;background:url(/images/img_distribute01-7e7219f0e71755a1c53172ab5e741702.png) no-repeat 0 / 5.4rem 3.7rem;}
.dis-box ul li.dis-history::after{content:"";display:block;width:4rem;height:4.1rem;background:url(/images/img_distribute02-603f96c9a06ac667798296081e42b526.png) no-repeat 0 / 4rem 4.1rem;}
.dis-box ul li.dis-charge::after{content:"";display:block;width:3.3rem;height:4.9rem;background:url(/images/img_charge01-fe3395aae5eae3261373ffcaeb4c4767.png) no-repeat 0 / 3.3rem 4.9rem;}
.dis-box ul li.dis-detail::after{content:"";display:block;width:5.4rem;height:3.8rem;background:url(/images/img_charge02-b4ca61b08cd1388962d32b2a4f515789.png) no-repeat 0 / 5.4rem 3.8rem;}

.inp-box{position:relative;padding-left:2rem;margin-bottom:2.4rem;letter-spacing:-0.05rem;}
.inp-box label{display:block;padding-top:.7rem;font-size:1.8rem;color:#111;font-weight:600;}
.inp-box input, .select-box .select-line{height:4rem;margin:.8rem 0;font-weight:400;font-size:1.6rem;border-bottom:.1rem solid #F0F0F0;line-height:4rem;letter-spacing:-0.05rem}
.inp-box input::-moz-placeholder{color:#D0D0D0}
.inp-box input:-ms-input-placeholder{color:#D0D0D0}
.inp-box input::placeholder{color:#D0D0D0}
.inp-box input[type="text"]:focus,.inp-box input[type="password"]:focus{color:#111111;border-color:#0F9EE1;opacity:1}
.inp-box .modify{color:#FF2E2E;font-size:1.2rem;text-align:right;margin-right:2rem}
.inp-box input[type='password'].false{border-bottom:.1rem solid #FF2E2E;color:#FF2E2E}
.check-box{position:relative;padding-left:2rem;margin:2rem 0 2.4rem;}
.txt-box{position:relative;padding-left:2rem;margin:6rem 0 2.4rem;}
.txt-box p{color:#666;font-size:1.4rem;font-weight:400}
.txt-box .call-number{font-weight:600;margin-top:0.3rem}
.txt-box .call-number::before{content:'';display:inline-block;width:1rem;height:1rem;background: url(/images/ico_call-b451bd894d2dffe31a49bffe4f4d7c05.png) no-repeat 0 0 / 1rem 1rem;margin-right: 0.2rem;}

/* 배포확인 */
.distribute-info{padding-bottom:8rem}
.imgs-box{position:relative;padding:0 2rem;margin:14rem 0 2.4rem 0;letter-spacing:-0.05rem;text-align:center;}
[class^="img-area"]{overflow:hidden;color:transparent;text-indent:-9999px;position:relative;z-index:-1;font-size:0;left:1rem}
[class^="img-area"].scan{left:2rem}
[class^="img-area"].scan::before{content:'';display:inline-block;width:11.8rem;height:12.1rem;background: url(/images/img_scan-a2d2110ced9c4c69c6654de0130b7400.png) no-repeat 0 0 / 11.8rem 12.1rem;}
[class^="img-area"].card::before{content:'';display:inline-block;width:12.1rem;height:10.4rem;background: url(/images/img_card-7c285c8f3c3917ca5bc472312650cea4.png) no-repeat 0 0 / 12.1rem 10.4rem;}
[class^="img-area"].error::before{content:'';display:inline-block;width:12.3rem;height:9.5rem;background: url(/images/ico_error-d13b1584081a534b262eb745cf534c13.png) no-repeat 0 0 / 12.3rem 9.5rem;}
[class^="img-area"].email::before{content:'';display:inline-block;width:17.8rem;height:13.9rem;background: url(/images/img_mail-b92fdd2ccc90f003a1db6ae25950adfa.png) no-repeat 0 0 / 17.8rem 13.9rem;}
[class^="img-area"].email{z-index:9;left:0}
.inp-box2{position:relative;padding:0 2rem;margin:6rem 0 2.4rem;}
.inp-box2 input{height:4rem;margin:.8rem 0;font-weight:400;font-size:2.2rem;color:#111;border-bottom:.1rem solid #F0F0F0;line-height:4rem;letter-spacing:0.1rem;text-align:center;}
.inp-box2 input::-moz-placeholder{color:#D0D0D0}
.inp-box2 input:-ms-input-placeholder{color:#D0D0D0}
.inp-box2 input::placeholder{color:#D0D0D0;font-size:1.6rem;font-weight:400;letter-spacing:-0.1rem;}
.inp-box2 input[type="text"]:focus{color:#111111;border-color:#0F9EE1;opacity:1}
/* 배포내역 */
/* [s] 240228 수정 */
.date-box{position:relative;display:flex;justify-content:space-between;padding:0.3rem 2.4rem;margin:0 0 1.2rem;background:#fff;border:0.1rem solid #CBCBCB;border-radius:10rem;}
/* [e] 240228 수정 */
.date-box .btn-prev,.date-box .btn-next{width:2.5rem;height:2.5rem}
.select-ui{padding:0 15%;font-size:1.6rem;font-weight:600;color:#222;letter-spacing:-0.05rem;line-height:2.5rem;white-space:nowrap;}
.select-ui::after{content:'';position:relative;left:0.8rem;top:-0.3rem;display:inline-block;width:0.8rem;height:0.4rem;background: url(/images/ico_down-46eec41d5ab9b6e8df4535a92cabce95.png) no-repeat 0 0 / 0.8rem 0.4rem;}
.date-pick .date-list{overflow-y:scroll;max-height:4rem;padding:9rem 0;width: 50%;text-align: center;scroll-snap-type:y mandatory;z-index:1; -ms-overflow-style: none;}
.date-pick .date-list::-webkit-scrollbar{display:none;}
.date-pick .date-list li{display:flex;align-items:center;justify-content:center;padding:1.4rem 0;box-sizing:border-box;height:4.4rem;scroll-snap-align: center;transition: all 0.2s ease;}
.date-pick .date-list li.selected{font-size:1.6rem;font-weight:600;color::#444}
.icon-mark{width:3.6rem;height:3.6rem;margin: 0 auto 2.6rem;display: block;}
.icon-mark::before{content:'';display:inline-block;width:3.6rem;height:3.6rem;background: url(/images/ico_not-6217c441eb6e4c908e976475b3177f74.png) no-repeat 0 0 / 3.6rem 3.6rem;}
.icon-mark.check::before{content:'';display:inline-block;width:3.6rem;height:3.6rem;background: url(/images/ico_check-0b27403510c8cf02ac8700034fbb1fee.png) no-repeat 0 0 / 3.6rem 3.6rem;}
.event .layer-cont .sub-title{font-size:1.6rem;color:#222;font-weight:700;margin:0 auto 3rem;text-align: center;padding: 0;letter-spacing: -0.1rem;}
.event .layer-cont .sub-txt{font-size:1.6rem;color:#222;font-weight:400;text-align: center;letter-spacing: -0.1rem;}
.email .layer-cont .inp-box label{margin:6rem 0 1.2rem;font-weight:400;}
.date-pick{display:flex;position:relative;border-top: 2rem solid white;border-bottom: 2rem solid white;padding-left: 1rem;padding-right: 1rem;background: white;}
.picker-window{position:absolute;border-radius:0.8rem;background:#E7E9ED;height:4.4rem;box-sizing:border-box;left:0;top:50%;transform: translateY(-50%);width:100%;pointer-events:none;}
.date-pick::before,.date-pick::after{content:'';position:absolute;left: 0;width:100%;height: 2.5em;pointer-events: none;z-index: 2;}
.date-pick::before{top:-.2em;background: rgba(255, 255, 255, 0.5);}
.date-pick::after{bottom:-.2em;background: rgba(255, 255, 255, 0.5);}

/* [s] 240430 수정 */
.swiper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:1.6rem;}
.swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center;background:#fff}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.topImg .swiper-slide img{display:block;width:100%;height:28.7rem;object-fit:cover;}
.topSwiper{margin-bottom:0;}
.topSwiper .swiper-pagination-bullets{bottom:.8rem !important;height: .6rem;}
.topSwiper .swiper-pagination-bullet{width:.6rem;height:.6rem;margin:0 .4rem !important;background:#9595A9;opacity:1;vertical-align: top;}
.topSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#48495B;}
.topSwiper .swiper-slide p{position:absolute;font-size:1.8rem;color:#3c3c3c;font-weight:700;;text-align:left;line-height:2.8rem;}
.topSwiper .swiper-slide p span{font-size:2rem;}
.topSwiper .swiper-slide.left p{left:2.8rem}
.topSwiper .swiper-slide.right p{right:2.1rem}
/* [e] 240430 수정 */

.switch-info{background:#fff;height:100%}
.switch-info .tit-area{padding:0.4rem 1.6rem 2.2rem}
.switch-info .top-info{background:none;padding-bottom:0;border-bottom:none}
.switch-info .company-box{position:relative;padding:0;margin:0 1.6rem;}
.switch-info .company-box .re-limit{color:#383838;font-size:1.4rem;font-weight:700;padding:2.2rem 0 0;display:flex;justify-content:space-between;}
.switch-info .company-box .re-limit span{color:#0F9EE1;margin-left:1.7rem;font-size:1.6rem}
.switch-info .company-box .re-limit span em{font-size:1.2rem;font-weight:400;margin-right:0.4rem}
.company-box .remit-now span > span,
.switch-info .company-box .remit-now span span,
.switch-info .company-box .re-limit span span{margin-left:0;}
.switch-info .company-box .top{background:#f3f3f3;border-radius:1.6rem 1.6rem 0 0;}
.switch-info .company-box .cont{background:#f3f3f3;border-radius:0 0 1.6rem 1.6rem;padding:1.2rem 2.4rem 2rem;}
.switch-info .company-box .tit{color:#383838;font-size:1.6rem;font-weight:700;margin-bottom:1.4rem;text-align:center;}
.switch-info .company-box .cont li{display:flex;justify-content:space-between;margin-bottom:0.8rem}
.switch-info .company-box .cont01{color:#17171B;font-size:1.4rem;font-weight:400;}
.switch-info .company-box .cont02{color:#111;font-size:1.4rem;font-weight:600;}
.switch-info .company-box .remit-now{font-size:1.2rem;color:#383838;padding-top:0.8rem;}
.switch-info .company-box .remit-now span{margin-left:1.5rem;font-size:1.4rem}
.switch-info .company-box .remit-now span em{font-size:1rem;margin-right:0.2rem}
.switch-info .company-box .remit-info{padding:1.5rem 2.4rem 0.9rem;color:#C3C2FA;}
.switch-info .company-box .remit-info > span{font-size:1.4rem;font-weight:700;color:#212323;}
.switch-info .company-box .remit-info p{float:right;}
.switch-info .company-box .remit-info p span:first-child{font-size: 1.4rem;color: #212323;font-weight:700;}
.switch-info .company-box .remit-info span:last-child{font-size:1.4rem;color:#212323;font-weight:700;}
/* [s] 240118 수정 */
.switch-info .sending-amount {position:relative;border-bottom: 0.1rem solid #0F9EE1;text-align:left;padding-bottom:0.4rem;display:flex}
.switch-info .sending-amount label{display:inline-block;font-weight:700;font-size:2rem;color:#0F9EE1;margin:0.4rem 0.3rem 0 0}
/* [e] 240118 수정 */
.switch-info .sending-amount input{transition:width 0.25s;height:4rem;font-size:3.2rem;font-weight:700;text-align:left;background:transparent;color:#0F9EE1;}
.switch-info .sending-amount input:valid{min-width:auto}
.switch-info .sending-amount input + span.guide-txt{display:block;z-index:-1;position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:3rem;font-weight:500;color:#CECFD1;line-height:5.6rem;text-align:center;}
.switch-info .sending-amount input:valid + span.guide-txt{display:none;}
.switch-info .sending-amount input::placeholder{font-size:2.6rem;font-weight:600;color:rgba(15, 158, 225, 0.3);text-align:left;}
.switch-info .sending-amount input::-moz-placeholder{font-size:2.6rem;font-weight:600;color:rgba(15, 158, 225, 0.3);text-align:left;}
.switch-info .sending-amount.error label,.switch-info .sending-amount.error input{color:#F63434 }

.overlay-layer.switch-progress .layer-cont{padding:6rem 2rem 3rem;}
.layer-cont .switch-price{display:flex;flex-wrap:wrap;margin:0 3.6rem;padding-bottom:0.3rem;border-bottom:0.1rem solid #f3f3f3;justify-content:space-between;align-items: center;line-height: 3rem;}
.switch-progress .icon-mark.check{margin:0 auto 1.5rem}
.switch-progress .switch-price span{display:block;text-align:center;}
.switch-progress .switch-price span em{font-size:1.8rem;color:#5F5D5D}
.switch-progress .switch-price span:first-child{font-size: 1.6rem;color:#383838;font-weight:700;}
.switch-progress .switch-price span:last-child{display:flex;align-items:center;font-size: 3.2rem;font-weight: 800;color: #383838;letter-spacing:-0.1rem;margin-bottom:0.3rem}
.switch-progress .switch-price span:last-child em{font-size:1.6rem;font-weight:400;margin-right:0.8rem;color:#5F5D5D}
.switch-progress .sub-txt{font-size:1.8rem;color:#383838;text-align:center;margin:3.2rem 0 2rem;}
.switch-progress .sub-title{font-size: 1.6rem;color:#222;font-weight:700;line-height:2.2rem;text-align:center;}

.etc_info .layer-cont{padding:0 0 3.2rem;margin:0;}
.etc_info .layer-cont .menu-line::after{content: "";position:absolute;display:block;width:0.5rem;height:1rem;background:url(/images/ico_gobacks-b2e2d4f101df9b60e6be47a3cf2c0b00.png) no-repeat 0 / 0.5rem 1rem;right:0;top:50%;transform:translate(0, -50%);}
.etc_info .layer-cont .menu-line{position:relative;border-bottom:0.1rem solid #E4E2EA;padding:2.4rem 0}
.etc_info .layer-cont .menu-line a{font-size:1.6rem;font-weight:700;color:#5F5D5D}
.etc_info .layer-cont .menu-line:first-child{padding:0.8rem 0 2.4rem}
.etc_info .layer-cont .menu-line:first-child::after{transform:translate(0, calc(-50% - 0.6rem));}

.loading-wrap{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;}
.loading {position:absolute;top:50%;left:50%;padding:0;margin-top:-40px;transform:translateX(-50%);text-align:center;}
.loading .loading03{width:7rem;height:7.25rem;margin:0 auto 12px}
.loading .loading03 img{width:100%}
.loading span{display:inline-block;}
.loading03 span{margin:0.8rem;font-size:1.4rem;animation:loading03 0.7s infinite alternate;text-indent:-999rem;border:0.7rem solid #E9F4F7;border-radius:50%;width:1rem;height:1rem;box-sizing:border-box;}
.loading03 span:nth-child(2){animation-delay:0.1s;}
.loading03 span:nth-child(3){animation-delay:0.2s;}
@keyframes loading03 {
  0% {
    transform: translate(0, -50px) scale(1);
    border:0.7rem solid #0F9EE1;
    transform-origin: center center;
  }
  100% {
    transform: translate(0, 0) scale(.8);
  }
}

.loading-wrap.re-process{position:relative;left:inherit;top:inherit;padding:5rem 0}
.loading-wrap.re-process .loading{position:relative;top:inherit;left:inherit;margin-top:0;transform:translateX(0);}
.zeplin-info.result .confirm-box .card-tit.waiting{margin-top:10rem;padding-top:3rem}
.card-tit.waiting ul{margin:0 1.6rem;width:100%}
.card-tit.waiting ul li{display:flex;justify-content:space-between;margin-bottom:1.2rem;}
.card-tit.waiting ul li .txt-info{font-size:1.4rem;font-weight:400;color:#737373}
.card-tit.waiting ul li .txt_info2{font-size:1.4rem;font-weight:700;color:#383838}
.card-tit.waiting ul li .txt_info2.fontn{font-weight:normal;}

.main-info .cont-info{padding:0 1.6rem;margin-bottom:2.4rem;}
.main-info .cont-info ul{border-top:none;background:#fff;border-radius:1.6rem;}
.main-info .cont-info ul li{border-bottom:none;padding:1.2rem 2.2rem 0 0.8rem;}
.main-info .cont-info ul li:first-child{padding-top:2rem}
.main-info .cont-info ul li:last-child{padding-bottom:0.8rem;}
.main-info .cont-info ul li:last-child::before{display:none;}
.main-info .cont-info ul li button{border:none;margin-top:0;background:none;border-radius: 0;font-size: 1.4rem;width: 100%;color: #666;line-height: 1.8rem;}
.main-info .list-info{background:none;margin:0 0 4rem;padding:0 2rem;}
.main-info .list-info .line-area{margin:0 0 1.4rem 0.4rem}
.main-info .list-info .line-area h4 button{color:#212323;font-size:1.8rem}
.main-info .list-info .line-area h4 button::after{display:none}
.main-info .list-info .tab ul li{font-weight:500;}
.main-info .list-info .tab ul li.on{font-weight:700;}
.main-info .list-info .list-box ul .item{padding-bottom:3rem;}
.main-info .line-more{text-align:center;width:100%;font-size:1.4rem;}
/* [s] 240404 수정 */
.main-info .line-more button{padding:0.5rem 0;white-space:nowrap;font-weight:400;line-height:1.8rem;color:#666;width:100%;font-size:1.4rem}
/* [e] 240404 수정 */

/* [s] 240710 수정 */
.join-info{padding-bottom:10rem}
.company-box .inp-tit{padding:0 0 .8rem 1.7rem;color:#737373;font-size:1.4rem;font-weight:700;line-height:2.5rem}
.company-box .inp-confirm.now-pw{margin-bottom:4rem}
.company-box .inp-box{display:flex;flex-wrap:wrap;padding:0.7rem 1.2rem 0.7rem 2.2rem;margin-bottom:0;background:#F6F6F6;margin-bottom:1rem;border:0.1rem solid #f6f6f6;border-radius:1.2rem;box-sizing:border-box;}
.company-box .inp-box label{font-size:1.4rem;font-weight:700;color:#999;padding-top:0}
.company-box .inp-box input{padding:0;margin:0.4rem 0;background:#F6F6F6;height:2rem;border-bottom:none;font-size:1.8rem;font-weight:500;color:#212323}
.company-box .inp-box.inp-confirm{padding:0.7rem 1.2rem 0.7rem 2.2rem;}
.company-box .inp-box.move-box{display:none}
.company-box .inp-box.email-box{display:none}
.company-box .inp-box input::placeholder{color:#BBBBBB}
.company-box .inp-box.move-fade{display:none}
.company-box .radio-box.move-fade{display:none;}
.company-box .radio-box.move-fade .tit{margin:0 0 1.4rem}
.join-info .company-box .login-chk{margin:1.2rem auto 0.8rem;color:#666;text-align:center;}
.join-info .company-box .login-chk input{margin-right:0.5rem;top:-0.1rem;border-radius:0.1rem;}
.join-info .company-box .inp-box input::placeholder{color:#BBBBBB}
.join-info .company-box .pw-ex1{font-size:1.4rem;font-weight:500;color:#666;margin:0 0 0.8rem 1rem;text-indent: -10px;padding-left: 10px;line-height: 1.8rem;}
.join-info .company-box .pw-ex1::before{content:'';display:inline-block;width:3px;height:3px;background:#666;border-radius:100%;margin-right:6px;position:relative;top:-3px;overflow:hidden;}
.join-info .company-box .pw-ex2{font-size:1.2rem;color:#8E8E93;margin:0 0 1rem 2.2rem}
.join-info .company-box .pw-txt{color:#DE5353;font-weight:400;font-size:1.4rem;margin-left:2.2rem;margin-bottom:1rem;}
.join-info .company-box .pw-txt2{color:#DE5353;font-weight:500;font-size:1.4rem;margin-left: 2rem;margin-bottom:1rem;text-indent:-2rem;word-break: keep-all;line-height: 2.2rem;}
.join-info .company-box .pw-txt2::before{position:relative;top:0.3rem;left:0.2rem;content:'';display:inline-block;margin-right:0.4rem;width:1.6rem;height:1.6rem;background:url(../images/ico_mark.png) no-repeat 0 / 1.6rem 1.6rem}
.join-info .company-box .txt-area{margin:2rem 0}
.AgencyPopup .layer-cont > div{margin-bottom:3rem;font-size:1.8rem;font-weight:700;}
.AgencyPopup .layer-cont > div + ul li{margin-bottom:2.2rem;font-size:1.8rem;font-weight:500;color:#000}
.join-info .company-box .tit{color:#212323;font-size:1.8rem;font-weight:700;margin:4rem 0 1.4rem;display:block;}
.radio-wrap{margin-bottom:2.2rem;}
.radio-wrap label{margin-right:2.8rem}
.radio-wrap label .label-text{margin-left:0.3rem;font-size:1.6rem}
.join-info .company-box .select-box .select-line{position:relative;border-bottom:none;background:#F6F6F6;width:80%;height:5rem;padding:0.8rem 0 0.2rem 2.2rem;margin-bottom:1rem;border-radius:1.2rem;font-size:1.8rem;font-weight:500;line-height:inherit;}
.join-info .company-box .select-box .select-line label{color:#999;font-size:1.4rem;font-weight:700;display:block}
.select-line .btn-select{position:absolute;top:2.6rem;right:2rem;width:1.6rem;height:0.9rem;background:url(../images/ico_down_arr.png) no-repeat center / 1.6rem 0.9rem}
/* [e] 240710 수정 */
.a11y-hidden{overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;}
.a11y-hidden.focusable:focus, .a11y-hidden.focusable:active{outline:visible;clip:auto;position:static;width:auto;height:auto;margin:0;}
.agree-wrap .agree-tit{font-size:1.8rem;font-weight:700;color:#212323;margin-bottom:1.4rem;}
.agree-wrap .agree-chk{margin:1.2rem 0 2.4rem 0}
.agree-wrap .agree-chk label{font-size:1.8rem;font-weight:700;color:#212323}
.agree-wrap .agree-chk input[type="checkbox"]{margin:0 0.8rem 0 0.2rem}
.agree-wrap ul li{margin-bottom:0.5rem;}
/* [s] 체크박스 모양 수정 */
.agree-wrap ul.terms_check li input[type=checkbox]{width:2rem;height:2rem;margin-right:0.9rem;background-image:url("../images/ico_selected_off.png");background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:2rem;vertical-align:middle;}
.agree-wrap ul.terms_check li input[type=checkbox]::before{display:none;}
.agree-wrap ul.terms_check li input[type=checkbox]::after{display:none;}
.agree-wrap ul.terms_check li input[type=checkbox]:checked{background-image:url("../images/ico_selected.png")}
.join-info .company-box .agree-wrap ul.terms_check li{position:relative;margin-bottom:2rem;}
.agree-wrap ul.terms_check li::after{content:"";display:block;width:2rem;height:2rem;background:url(../images/ico_right_arrow2.png) no-repeat 0 / 2rem 2rem;position: absolute;right:0;top:0.2rem;}
/* [e] 체크박스 모양 수정 */
.agree-wrap ul li label{padding-left:.8rem;vertical-align:middle;}
/* [s] 240516 수정 */
.join-info [class*="btn-full"]{background:#0F9EE1;color:#fff;font-size:1.8rem}
/* [e] 240516 수정 */
.join-info [class*="btn-full"].off{display:none;}
.join-info [class*="btn-full"]:disabled{background:#E5E5EA;color:#fff}
.join-info [class*="btn-full"].bor-line{border-radius:2.7rem;height:5.4rem;margin:0.4rem 1.6rem 2.4rem 1.6rem;width:calc(100% - 3.2rem);}
.join-info .company-box .exceed-box{display:flex;margin:0 0 0 2rem;}
.join-info .company-box .exceed-box .modify{color:#DE5353;font-size:1.4rem;padding-top:0.4rem;margin-right:2rem}
.join-info .company-box .exceed-box .btn-resend{background:#383838;border-radius:0.4rem;font-size:1.4rem;font-weight:700;color:#fff;padding:0.5rem 1.2rem;}
.join-info .company-box .name-wrap{display:flex;}
.join-info .company-box .name-wrap .inp-box:first-child{margin-right:0.8rem}
/* [s] 240516 수정 */
.join-info .company-box .btn-full.btn-login{border-radius:2.3rem;height:4.6rem;background:#0F9EE1;font-weight:500;}
.join-info .company-box .btn-almember{margin:1.6rem auto;display:block;color:#666;font-size:1.2rem;font-weight:400;text-decoration:underline;text-underline-position:under;}
.join-info .btn-full.btn-case{border-radius:1.2rem;margin:0.8rem 1.6rem 0;width:calc(100% - 3.2rem)}
/* [e] 240516 수정 */
.join-info .company-box .join-member{display:flex;margin-top:1.6rem;justify-content:center;}
.join-info .company-box .join-member span{font-size:1.6rem;font-weight:400;color:#666}
.join-info .company-box .join-member span{border-right:0.1rem solid #d9d9d9;padding-right:2rem;margin-right:2rem;}
.join-info .company-box .join-member span:last-child{border-right:none;padding-right:0;margin-right:0}
.join-info .company-box .sns-login{border-bottom:1px solid #d9d9d9;padding-bottom:1.6rem;margin-bottom:2.4rem;}
.join-info .company-box .sns-login p{font-size:1.4rem;font-weight:500;color:#666;margin:4rem 0 3rem 0;text-align:center;position:relative;}
.join-info .company-box .sns-login p::before{content:'';position:absolute;top:0.8rem;left:0;background:#d9d9d9;width:100%;height:0.1rem;display:inline-block;}
.join-info .company-box .sns-login p span{position:relative;background:#fff;z-index:1;padding:0 1.5rem}
.join-info .company-box .sns-login ul li a{display:block;width:100%;height:4.4rem;border-radius:0.8rem;position:relative;}
.join-info .company-box .sns-login ul li a span.sns-log{display:flex;justify-content:center;align-items:center;height:100%;font-weight:500;font-size:1.8rem}
.join-info .company-box .sns-login ul li a span.recent-log{position:absolute;top:-2rem;left:50%;padding:0.6rem 0.8rem;background:#383838;font-size:1.2rem;font-weight:700;color:#D4EEF5;border-radius:1.2rem;transform:translate(-120%, 0);}
.join-info .company-box .sns-login ul li a span.recent-log::after{content: '';display:inline-block;position:absolute;left:50%;bottom:-0.9rem;border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid #383838;transform:translate(-50%, 0px);}
.join-info .company-box .sns-login ul li a.sns-naver{background:#03C75A url(../images/ico_log_naver.png) no-repeat 1.4rem center / 1.5rem 1.5rem}
.join-info .company-box .sns-login ul li a.sns-naver span{color:#fff}
.join-info .company-box .sns-login ul li a.sns-naver span.recent-log{color:#73E2F5;}
.join-info .company-box .sns-login ul li a.sns-kakao{background:#FEE500 url(../images/ico_log_kakao.png) no-repeat 1.4rem center / 1.9rem 1.7rem}
.join-info .company-box .sns-login ul li a.sns-google{background:#ffffff url(../images/ico_log_google.png) no-repeat 1.4rem center / 1.6rem 1.6rem;border:0.1rem solid #c6c6c6;box-sizing:border-box;}
/* [s] 240516 수정 */
.join-info .company-box .sns-login ul li a.sns-wechat{color:#fff;background:#3FAB35 url(../images/ico_log_wechat.png) no-repeat 1.4rem center / 2.4rem 2rem;}
/* [e] 240516 수정 */
.join-info .company-box .sns-login ul li a.sns_facebook{background:url(../images/ico_sns_facebook.png) no-repeat 1.4rem center / 4.4rem 4.4rem}
.join-info .company-box .sns-login ul li a.sns_apple{background:url(../images/ico_sns_apple.png) no-repeat 1.4rem center / 4.4rem 4.4rem}

/* [s] 240710 수정 */
.join-info .company-box .sns-login{margin-bottom:3.3rem;}
.join-info .tit-area .tit{font-size:1.8rem;font-weight:400;margin-top:1.6rem}
.company-box .sns-login.sns-inter{margin-top:13rem}
.company-box ul li{margin-bottom:0.8rem;font-size:1.6rem;color:#666}
.company-box ul li input[type=checkbox]{margin-right:0.8rem;}
.company-box .join-txt{font-size:2.4rem;font-weight:700;line-height:2.8rem;margin:8.5rem 0 9.6rem;text-align:center;}
.company-box .join-clemo{text-align:center;margin:0 auto;display:block;max-width:26.6rem;}
.company-box .self-certify{font-size:1.6rem;font-weight:400;color:#212323}
.company-box .inp-box .btn-resend{position:relative;bottom:0.4rem;right:0.2rem;background:#8E8E93;border-radius:0.4rem;font-size:1.4rem;font-weight:700;color:#fff;padding:0.6rem 1.2rem}
.company-box .inp-box .certify{display:flex;width:100%;white-space:nowrap;align-items:center;}
.company-box .inp-box .clear-btn{position:relative;top:-0.8rem;margin-right:0.7rem;padding:1rem;box-sizing:border-box;background:url(../images/ico_fault2.png) no-repeat 0 / 1.6rem 1.6rem}
.company-box .inp-box .certify .clear-btn.hidden{display:none;}
.company-box .inp-box .certify input{margin-right:1rem}
.company-box .inp-box.border{border:0.1rem solid #f6f6f6 !important}
.company-box .inp-box.on{border:0.1rem solid #0F9EE1;}
.company-box .inp-box.on label{color:#0A82C6;}
/* [e] 240710 수정 */

.join-info .company-box .inp-box .pw-eyes{position:absolute;right:1.6rem;bottom:1.6rem;z-index:9;width:2.4rem;height:2.4rem;box-sizing:border-box;background:url(../images/ico_pw02.png) no-repeat 0 / 2.4rem 2.4rem}
.join-info .company-box .inp-box .pw-eyes.open{background:url(../images/ico_pw01.png) no-repeat 0 / 2.4rem 2.4rem}

/* [s] 240806 결제완료, 처리중 추가 */
.pay-info{text-align:center;margin-top:1.8rem}
.pay-info .company-box{margin-top:0}
.pay-info .complete-welcome{font-size:1.6rem;word-break:keep-all;}
.pay-info .charge-amount{position:fixed;top:calc(50% + 13rem);border-top:0.2rem solid #f3f3f3;width:calc(100% - 3.2rem);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;}
.pay-info .charge-amount .amount-txt{font-size:1.6rem;font-weight:700}
.pay-info .charge-amount .amount-price{font-size:2.4rem;font-weight:700}
.pay-info .charge-txt{position:fixed;top:calc(46% + 13rem);width:100%;margin:0;padding:0;left:0;}
.pay-info .charge-txt .process-txt{text-align:center;font-size:1.6rem;font-weight:400;color:#DE5353;line-height:2.2rem;margin-bottom:3rem;}
/* [e] 240806 결제완료 / 처리중 추가 */

/* [s] 250804 에러페이지 추가 */
.error-info{text-align:center;margin-top:1.8rem}
.error-info .error-form{padding-top:4rem;margin-bottom:4rem;}
.error-info .error-img{display:block;margin-bottom:4rem;}
.error-info .error-img img{width:7.5rem;height:7.5rem;}
.error-info .error-form .tit{font-size:2rem;font-weight:700;color:#222;margin-bottom:2rem;}
.error-info .error-form .text{font-size:1.6rem;line-height:2.2rem;color:#666;word-break:keep-all;}
/* [e] 250804 에러페이지 추가 */

.home-login .user{display:flex;align-items:center;font-size:1.6rem;color:#fff}
.home-login .user::before{content:'';display:inline-block;margin-right:0.8rem;width:4rem;height:4rem;background:url(../images/img-user-login.png) no-repeat 0 / 4rem 4rem}
.overlay-layer.email-lap{text-align:center;bottom:50% !important;transform:translate(0, 30%);border-radius:2.4rem;margin:0 2.8rem;box-sizing:border-box;width:calc(100% - 5.6rem);height:215px !important}
.overlay-layer.email-lap .sub-tit{font-size:1.6rem;font-weight:400;color:#212323;margin-top:3.2rem}
.overlay-layer.email-lap .sub-tit.error{color:#DE5353;font-size:1.8rem;font-weight:500;margin-top:0}
.overlay-layer.email-lap .sub-txt{margin-top:2.4rem;font-size:1.6rem;font-weight:400;color:#212323}
.overlay-layer.email-lap .layer-cont{padding:3.2rem 2rem 1.6rem}
.overlay-layer.email-lap .layer-cont .btn-con{position:absolute;bottom:2.4rem;left:2.4rem;margin-top:3rem;width:calc(100% - 4.8rem);height:4.6rem;border-radius:2.8rem;background:#0F9EE1;font-size:1.6rem;color:#fff;font-weight:700;}
.overlay-layer.email-lap .btn-close{position:fixed;top:inherit;z-index:99;margin-top:-2.8rem;}
.overlay-layer.email-lap .btn-close:before,.overlay-layer.non-card .btn-close:after{background-color:#fff}

.overlay-layer.inter-lock{overflow:visible;text-align:center;bottom:50% !important;transform:translate(0, 30%);border-radius:2.4rem;margin:0 2.8rem;box-sizing:border-box;width:calc(100% - 5.6rem);}
.overlay-layer.inter-lock .sub-tit{font-size:1.8rem;font-weight:400;color:#212323;}
.overlay-layer.inter-lock .sub-tit.error{color:#DE5353}
.overlay-layer.inter-lock .sub-txt{font-size:1.6rem;font-weight:400;color:#212323;line-height:2.2rem;}
.overlay-layer.inter-lock .layer-cont{padding:3.8rem 2rem 1.6rem;border-radius:2rem;}
.overlay-layer.inter-lock .layer-cont .btn-con{margin-top:2.4rem;width:100%;height:4.6rem;border-radius:2.8rem;background:#383838;font-size:1.6rem;color:#fff;font-weight:700;}
.overlay-layer.inter-lock .btn-close{position:fixed;top:inherit;z-index:99;margin-top:-2.8rem;}
.overlay-layer.inter-lock .btn-close:before,.overlay-layer.non-card .btn-close:after{background-color:#fff}
.overlay-layer.inter-lock .btn-next-lock{font-size:1.6rem;color:#fff;text-decoration:underline;position:absolute;margin-top:0.8rem;font-weight:400;transform:translate(-50%, 0);text-underline-position:under;}
/* [s] 240710 수정 */
.company-box .inp-box.certify-form{padding:0.7rem 1rem 0.7rem 2.2rem}
.company-box .inp-box.certify-form .clear-btn{position:absolute;right:0.6rem;top:2rem;z-index:9;}
.company-box .inp-box .time{color:#666;position:relative;right:0.6rem;top:-0.3rem;}
.self-txt{font-size:2rem;font-weight:400;color:#212323;text-align:center;line-height:2.6rem;margin-top:16%}
.join-info .btn-wrap.bor-line{display: flex;justify-content: space-between;padding: 0.5rem 1.6rem 2.5rem;}
.join-info .btn-wrap.bor-line .btn-50p{display: flex;justify-content:center;align-items:center;width: calc(50% - 0.8rem);min-width:11.6rem;float: none;height: 5.4rem;border-radius: 2.7rem;}
.join-info .btn-wrap.bor-line .btn-50p:first-child{background-color: #383838;color: #fff}
.join-info .btn-wrap.bor-line .btn-50p:last-child{background-color: #0F9EE1;color: #fff;}
@media (max-width: 360px){
.company-box .inp-box input::placeholder{font-size:1.6rem}
}
/* [e] 240710 수정 */
.main-splash{background:#212323;height:100%}
.main-splash .btn-wrap {display:flex;justify-content:space-between;padding:0.5rem 1.6rem 2.5rem;}
.main-splash .btn-wrap .btn-50p{display: flex;justify-content: center;align-items: center;width: calc(50% - 0.85rem);float: none;height: 5.4rem;border-radius: 3rem;}
.main-splash .btn-wrap .btn-50p:first-child{background-color:#383838;color:#fff}
.main-splash .btn-wrap .btn-50p:last-child{background-color:#F2F2F7;color:#666;}
.main-splash .swiper-slide{display:block;text-align:left;padding:3.6rem 4rem;box-sizing:border-box;}
.main-splash .tit{font-size:3rem;font-weight:700;color:#fff;letter-spacing:-0.1rem;line-height:3.8rem;margin-bottom:1rem;opacity:0;}
.main-splash .sub{font-size:1.8rem;font-weight:400;color:rgba(255, 255, 255, 0.5);line-height:2.6rem;margin-bottom:10rem;opacity:0;}
.main-splash .splash-img{height:13.5rem;position:relative;}
.main-splash .splash-img img{position:absolute;bottom:0;opacity:0;}
.main-splash .splash-img .card01{width:10.9rem;height:7.8rem;left:50%}
.main-splash .splash-img .card02{width:15.3rem;height:10.6rem;left:calc(50% - 7.5rem);}
.main-splash .splash-img .card03{width:14.9rem;height:13.5rem;left:calc(50% - 11rem);}
.main-splash .splash-img .charge01{width:18rem;height:14rem;left:50%;}
.main-splash .splash-img .charge02{width:9.1rem;height:13.4rem;left:50%;bottom:3rem}
.main-splash .splash-img .coin01,
.main-splash .splash-img .coin02,
.main-splash .splash-img .coin03,
.main-splash .splash-img .coin04{width:7.7rem;height:12.6rem;}
.main-splash .splash-img .coin01{left:calc(50% - 9.2rem);z-index:4}
.main-splash .splash-img .coin02{left:calc(50% - 5.4rem);z-index:3}
.main-splash .splash-img .coin03{left:calc(50% - 1rem);z-index:2}
.main-splash .splash-img .coin04{left:calc(50% + 2.9rem);z-index:1}
.main-splash .swiper-slide.swiper-slide-active .tit{animation:fadein 0.3s ease-in 0s forwards;}
.main-splash .swiper-slide.swiper-slide-active .sub{animation:fadein 0.5s ease-in 0s forwards;}
.main-splash .swiper-slide.swiper-slide-active .splash-img img{animation:slide_in 0.5s ease-in 0s forwards;}
.main-splash .swiper-slide.swiper-slide-active .splash-img .card02{animation-delay:0.3s;}
.main-splash .swiper-slide.swiper-slide-active .splash-img .card03{animation-delay:0.6s;}
.main-splash .swiper-slide.swiper-slide-active .splash-img .charge01{animation:slide_in2 0.5s ease-in 0s forwards;}
.main-splash .swiper-slide.swiper-slide-active .splash-img .charge02{animation:slide_in2 0.8s ease-in 0s forwards;}
.main-splash .swiper-slide.swiper-slide-active .splash-img .coin01{animation-delay:0.7s;}
.main-splash .swiper-slide.swiper-slide-active .splash-img .coin02{animation-delay:0.5s;}
.main-splash .swiper-slide.swiper-slide-active .splash-img .coin03{animation-delay:0.3s;}


@keyframes slide_in {
  0% {
      transform:translate(100%, 0);
       opacity: 0;
  }
  100% {
      transform:translate(0, 0);
       opacity: 1;
  }
}

@keyframes slide_in2 {
  0% {
      transform:translate(100%, 0);
       opacity: 0;
  }
  100% {
      transform:translate(-50%, 0);
       opacity: 1;
  }
}

@keyframes fadein {
  from {
      transform:translate(0, -2rem);
      opacity: 0;
  }
  to {
      transform:translate(0, 0rem);
      opacity: 1;
  }
}
.main-splash .top-info .splashImg{padding-bottom:30%;}
.main-splash .splashImg .swiper-pagination .swiper-pagination-bullet{background:#7A7B7B;}
.main-splash .splashImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.join-info .company-box .complete-welcome{font-size:1.6rem;font-weight:400;color:#212323;line-height:2.2rem;margin-top:-1.6rem}
.join-info .company-box .tab ul{display:flex;}
.join-info .company-box .tab ul li{padding:0.8rem 2rem;margin:0 1.2rem 4rem 0;border-radius:2.5rem;background:#F2F2F7;color:#C7C7CC;font-size:1.6rem;font-weight:700;line-height:2.4rem;}
.join-info .company-box .tab ul li.on{background:#0F9EE1;color:#fff;}
.join-info .company-box .identity-check{display:none;text-align:center;}
.join-info .company-box .identity-check.on{display:block;}
.join-info .company-box .identity-check img{width:97.5rem}

/* [s] 240806 수정 */
/* [D] gif 이미지 디자인과 상관없이 30rem으로 통일 */
.join-object {position:fixed;top:52%;left:50%;width:30rem;transform:translate(-50%, -50%);text-align:center;}
.join-object.type2{top:48%}
/* [e] 240806 수정 */
.email-info .tit-area h3{padding:5.8rem 0 7.5rem}
.email-info p{padding:0 1.6rem;font-size:1.8rem;color:#212323;font-weight:700}
.email-info p + .btn-full{width:calc(100% - 3.2rem);margin:4rem 1.6rem 0;color:#000;border:.1rem solid #c6c6c6;border-radius:1.2rem;background:#fff}

/* [s] 240724 카드등록 추가 */
.register-card{height:calc(100% - 5.5rem)}
.register-card .tit{margin:.6rem 0 0;font-size:1.8rem;line-height:2.4rem}
.register-card .scan-qr{height:calc(100% - 7.9rem)}
.join-info .card-info{margin:1.6rem 1.6rem 0.8rem;padding:1.2rem 1.6rem 3.4rem;background:#f4f4f4;border-radius:0.8rem;}
.join-info .card-info p{color:#999}
.join-info .card-info p:first-child{font-size:1.8rem;font-weight:700}
.join-info .card-info p:nth-of-type(2){color:#666;}
.join-info .card-info strong{display:block;margin:.8rem 0 .4rem;font-size:2.4rem;font-weight:700}
.join-info .picture-info{display:flex;margin:0 1.6rem 1rem}
.join-info .picture-info button{width:50%;border:0.1rem solid #c3c3c3;border-radius:0.6rem;color:#666;font-size:1.4rem;margin-right:0.7rem;padding:0.9rem 0}
.join-info .picture-info button:last-child{margin-right:0;}
.join-info .re-register{color:#666;margin:0 1.6rem 3rem;font-size:1.4rem;}
.re-register + .company-box p{margin-bottom:.8rem;font-size:1.6rem;line-height:2.4rem;font-weight:700;}
.re-register + .company-box p span{display:inline-block;vertical-align:top;padding-left:0.4rem;font-size:1.4rem;color:#999;font-weight:400;}
.mycard-list{padding-bottom:10rem;}
.card-line{display:flex;justify-content:space-between;margin:.8rem 1.6rem 0;padding:1rem 1.6rem;border-radius:.8rem;background:#fff;font-size:1.6rem;color:#212323}
.card-line > div span em{font-size:2rem;font-weight:700;}
.mycard-list ul{margin:1rem 1.6rem 0;padding:1.2rem 0;border-radius:.8rem;background:#fff}
.mycard-list ul li{position:relative;border-top:.1rem solid #eee}
.mycard-list ul li:first-child{border-top:0}
.mycard-list ul li .btn-star{position:absolute;top:50%;left:1.4rem;width:1.8rem;height:1.7rem;margin-top:-1rem}
.mycard-list ul li .btn-del{position:absolute;top:50%;right:1.8rem;width:2.4rem;height:2.4rem;margin-top:-1.2rem;background:url(../images/ico_trash.png) no-repeat center / 2.4rem}
.mycard-info a{display:flex;align-items:center;width:calc(100% - 8.6rem);margin:0 4.2rem 0 4.4rem;padding:1.6rem 0 1.5rem 0;box-sizing:border-box}
.mycard-info img{max-width:3.2rem;}
.mycard-info div:last-child{display:flex;flex-direction:column;width:100%;margin-left:2.3rem}
.mycard-info div span{display:block;padding-top:.4rem;}
.mycard-info div span:first-child{font-size:1.6rem;font-weight:700;color:#212323;line-height: 2.2rem;}
.plus-card{position:fixed;left:50%;bottom:3.2rem;width:11.4rem;height:3.8rem;margin-left:-5.5rem;padding:0 2.4rem 0 3.7rem;font-size:1.4rem;color:#fff;font-weight:700;border-radius:1.9rem;box-sizing:border-box;background:
#383838 url(../images/ico_plus.png) no-repeat 1.7rem 1.3rem / 1.2rem}
.card-detail{margin-top:1.4rem;text-align: center;}
.card-detail .detail-box .box-img{position:relative;width:15rem;height:24rem;margin:0 auto;}
.box-img .clemo-logo{position:absolute;top:1.3rem;left:.8rem;width:6.7rem;height:2.3rem;}
.box-img .img{border-radius:1.2rem;}
.img .txt {position:absolute;bottom:3.8rem;left:.8rem;}
.img .txt p{color:#fff;font-size:1.6rem;line-height:2.2rem;text-align:left}
.img .txt strong{font-size:1.8rem;font-weight:700;line-height:2.4rem;}
.img{display:block}
.img.type01{background:linear-gradient(335.97deg, #A146AA 8.85%, #7D97F3 77.62%);}
.img.type02{background: linear-gradient(335.97deg, #DE5353 8.85%, #D46EDC 77.62%);}
.img.type03{background: linear-gradient(330.85deg, #E3CE0D 22.51%, #6CDE48 86.07%);}
.img.type04{background: linear-gradient(335.15deg, #4393E8 3.26%, #48DE84 66.59%);}
.img.more{border:.1rem dashed #B1B1B1;background:#fff url(../images/ico_imgPlus.png) no-repeat center 5.6rem / 2.2rem;box-sizing:border-box;}
.img.more p{padding-top:12rem;font-size:1.6rem;color:#666;line-height:2.2rem;}
.card-detail .box-info{padding-top:.8rem}
.card-detail .box-info p{padding:.6rem 0 0;font-size:1.8rem;font-weight:700;color:#383838;line-height:2.4rem}
.card-detail .box-info p.mycard-name span{padding:0 .2rem .1rem;font-size:1.8rem;font-weight: bold;vertical-align: middle;}
.card-detail .box-info p.mycard-name button{width:2rem;height:2rem;background:url(../images/ico_penc.png) no-repeat center / 2rem;vertical-align:middle;}
.card-detail .box-info p.mycard-name .btn-star{display:inline-block;width:1.8rem;height:1.7rem;background-image:url(../images/ico_star_on.png);vertical-align: middle;}
.card-detail .box-info p span{font-size:1.4rem;font-weight:400}
.card-detail .box-info p.num{font-size:1.4rem;font-weight:400}
.card-detail .box-info p.num span{padding-left:.8rem;font-size:1.2rem;opacity:.8}
.card-detail .swiper-container {max-width: 960px;}
.card-detail .swiper-slide {width: calc(100% / 3); transition: all .25s ease-out;background:#f4f4f4;}
.card-detail .swiper-slide .box-img .img {display:block;width:100%;height:100%;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;transform: scale(.8);transform: scale(.8);-webkit-transform-origin: center;transform-origin: center;}
.card-detail .swiper-slide-active .box-img .img {transform: scale(1);-webkit-transform: scale(1)}
.card-detail .swiper-slide .box-info {opacity:0;transition:all .3s;-webkit-transition:all .3s;}
.card-detail .btn-charge{width:8rem;height:2.4rem;margin-top:.8rem;padding:0 1.2rem 0 2.6rem;color:#fff;border-radius:12.5rem;font-size:1.2rem;font-weight:700;background:#0F9EE1 url(../images/ico_plus.png) no-repeat 1rem .7rem / 1rem}
.overlay-layer.mycard-use-list{z-index:29;overflow:hidden;transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;height:calc(100% - 50.3rem) !important;top: 50.3rem !important;visibility:visible;border-top-left-radius:3.2rem;border-top-right-radius:3.2rem;}
.overlay-layer.mycard-use-list.on{overflow:auto;top:5.5rem !important;height: calc(100% - 5.5rem) !important;}
.overlay-layer.mycard-use-list .btn {z-index: 1;position:fixed !important;top:50.3rem !important;left:50%;width:100%;height:5.1rem;transform:translate(-50%, 0);background:#fff;border-top-left-radius:3.2rem;border-top-right-radius:3.2rem;}
.overlay-layer.mycard-use-list.on .btn{ position:fixed !important;top: 5.5rem !important;z-index: 1;}
.overlay-layer.mycard-use-list .btn.open{z-index:2}
.overlay-layer.mycard-use-list .btn::before {display: none;}
.overlay-layer.mycard-use-list .btn::after {content: "";display: block;position: absolute;top:.8rem;left: 50%;width: 4rem;height: .4rem;border-radius: .2rem;background: #E0E0E0;transform: translate(-50%, 0);}
.mycard-use-list .layer-cont{padding:5.1rem 2.4rem 0;}
.mycard-use-list .cont-info{padding:0 0 2.4rem;}
.mycard-use-list .cont-info h3{padding:0 0 1.6rem .7rem;font-size:1.6rem;font-weight:700;color:#999;line-height: 2.2rem;}
.mycard-use-list .cont-info .list-box {border:0}
.mycard-use-list .cont-info .list-box li{padding:0 0 1.6rem;border:0}
.mycard-use-list .cont-info .list-box li::before {width:4rem;height:4rem;background-size:4rem}
.mycard-use-list .cont-info .list-box li .dis-switch{width:calc(100% - 6.8rem);padding: .6rem 0 0;}
.mycard-use-list .cont-info .list-box li button{margin-top:.4rem}
.mycard-use-list .cont-info .list-box li.plus span.price{color:#0A82C6}
.mycard-use-list .list-box li span.tit{margin:0 0 0;font-size:1.8rem;color:#212323;}
.mycard-use-list .list-box li > span{color:#767574}
.overlay-layer.mycard-change-name .btn-close {position:absolute;top:.8rem;left:50%;width:100%;height:3rem;transform:translate(-50%, 0);background:#fff;border-top-left-radius:3.2rem;border-top-right-radius:3.2rem;}
.overlay-layer.mycard-change-name .btn-close::before {display: none;}
.overlay-layer.mycard-change-name .btn-close::after {content: "";display: block;position: absolute;top:.8rem;left: 50%;width: 4rem;height: .4rem;border-radius: .2rem;background: #E0E0E0;transform: translate(-50%, 0);}
.overlay-layer.mycard-change-name .layer-cont h3{font-size:1.6rem;font-weight:700;color:#212323;text-align:center}
.overlay-layer.mycard-change-name .layer-cont {padding:3.4rem 0 1.7rem;}
/* [e] 240724 카드등록 추가 */

/* [s] 240710 기명회원가입 신규 */
.join-info .company-box .identify-tab .tab ul{justify-content:space-between;}
.tit-area.id-line{border-bottom:0.8rem solid #f3f3f3;padding-bottom:2.4rem;}
.join-info .company-box .identify-tab .tab ul li{position:relative;background:none;font-size:1.6rem;color:#BCBDBD;line-height:1.9rem;padding:0.8rem 0.3rem;border:none;margin:0 0 3rem 0;width:33%;}
.join-info .company-box .identify-tab .tab ul li.on{color:#212323}
.join-info .company-box .identify-tab .tab ul li::after{content:"";display:inline-block;position:absolute;right:0;top:0.4rem;width:.1rem;height:2.6rem;background:#D9D9D9}
.join-info .company-box .identify-tab .tab ul li:last-child::after{display:none;}
.join-info .company-box .identify-tab .tab ul li:nth-child(2){text-align:center;}
.join-info .company-box .identify-tab .tab ul li:nth-child(3){text-align:right;}
.join-info .company-box .identify-tab .identify-box{display:none;}
.join-info .company-box .identify-tab .identify-box.on{display:block;}
.overlay-layer.Expire-layer{text-align:center;}
.overlay-layer.Expire-layer .sub-txt{font-size:1.8rem;font-weight:400;color:#212323;line-height:2.5rem;margin-bottom:4.8rem;}
.overlay-layer.Expire-layer .photo-img{display:block;font-size:0;margin-bottom:1.6rem;}
.overlay-layer.Expire-layer .photo-img::before{content: "";display:block;margin:0 auto;width:5.6rem;height:5.6rem;background:url(/images/ico_error-d13b1584081a534b262eb745cf534c13.png) no-repeat 0 / 5.6rem 5.6rem;}
.overlay-layer.Expire-layer .photo-img img{width:18rem;text-align:center;}
.overlay-layer.Expire-layer .layer-cont{padding:4.2rem 2rem 5.6rem}
.join-info .company-box .account-confirm .tab ul{width:100%;height:5rem;margin-bottom:2rem;}
.join-info .company-box .account-confirm .tab ul li{position:absolute;width:53%;margin:0;text-align:center;padding:1rem;border-radius:0.8rem;background:#fff;color:#BDBDBD;border:0.15rem solid #C7C7CC;box-sizing:border-box;}
.join-info .company-box .account-confirm .tab ul li:last-child{left:47%;}
.join-info .company-box .account-confirm .tab ul li.on{border:0.15rem solid #0F9EE1;color:#0A82C6;z-index:1;}
.join-info .company-box .account-confirm .identity-check .bank-list li{width:100%;padding:1rem 0 1rem 1.9rem;margin-bottom:0.4rem;}
.join-info .company-box .account-confirm .identity-check .bank-list li .name{color:#212323}
.join-info .company-box .account-confirm .identity-check .stock-list li{width:100%;padding:1rem 0 1rem 1.9rem;margin-bottom:0.4rem;}
.join-info .company-box .account-confirm .identity-check .stock-list li .name{color:#212323}
.company-box .bank-list + .inp-box{margin-top:0.8rem}
.join-info .company-box .account-confirm .inp-box.move-fade + .bank-list{margin-top:1.6rem}
.join-info .company-box .account-confirm .inp-box.move-fade + .pw-txt2 + .bank-list{margin-top:1.6rem}
/* [s] 240711 신분증 촬영 추가 */
.film-info{height:calc(100% - 5.5rem);}
.film-info .top-info{position:relative;padding-bottom:0;z-index:10;background:#fff;}
.film-info .tit-area .tit{font-size:1.8rem;font-weight:400;margin-top:1.6rem;white-space:nowrap;}
.film-info .scan-qr{position:relative;padding-top:12%;height:calc(100% - 10.7rem);box-sizing:border-box;}
.film-info .scan-qr .qr-picture{position:absolute;top:0;width:100%;height:100%;z-index:1;}
.film-info .scan-qr .scan-container{position:relative;margin:0 2.8rem 1.2rem;height:calc(100% - 50%);z-index:9;box-shadow:0 10rem 10rem 12rem rgba(0, 0, 0, 0.7);}
.film-info .scan-qr .scan-area{position:relative;width:100%;height:100%;box-sizing:border-box;background:transparent;}
.film-info .scan-qr .film-txt{position:relative;font-size:1.6rem;color:#fff;line-height:2.2rem;text-align:center;z-index:9;}
.film-info .scan-qr .btn-film{position:relative;display:flex;justify-content:center;align-items:center;width:7.2rem;height:7.2rem;border-radius:100%;border:0.4rem solid #fff;position:fixed;bottom:3rem;left:50%;transform:translate(-50%, 0);z-index:9;}
.film-info .scan-qr .btn-film .line-film{width:5.6rem;height:5.6rem;border-radius:100%;display:block;background:#0F9EE1;}
.film-info .scan-qr .scan-container::before,.film-info .scan-qr .scan-container::after{content: '';position:absolute;width:30px;height:30px;border-color:#fff;border-style:solid;}
.film-info .scan-qr .scan-container::before{top:0;right:0;border-width:1px 1px 0 0;}
.film-info .scan-qr .scan-container::after{bottom:0;left:0;border-width:0 0 1px 1px;}
.film-info .scan-qr .scan-area::before,.film-info .scan-qr .scan-area::after{content: '';position:absolute;width:30px;height:30px;border-color:#fff;border-style:solid;}
.film-info .scan-qr .scan-area::before{top:0;left:0;border-width:1px 0 0 1px;}
.film-info .scan-qr .scan-area::after{bottom:0;right:0;border-width:0 1px 1px 0;}
.film-info .id-check{margin:1.6rem 2.8rem 3.4rem}
.film-info .id-name{margin:0 2.8rem;line-height:3.2rem;}
.film-info .id-name li{font-size:1.6rem;}
.film-info .id-name li span{width:10.7rem;display:inline-block;}
.film-info .btn-wrap [class*="btn-50p"]:first-child{background:#383838;font-size:1.8rem;}
.film-info .btn-wrap [class*="btn-50p"]:last-child{font-size:1.8rem}
/* [e] 240711 신분증 촬영 추가 */
.overlay-layer.non-certify{text-align:center;bottom:50% !important;left:50%;transform:translate(-50%, 50%);border-radius:1.6rem;margin:0;box-sizing:border-box;width:29.8rem;}
.overlay-layer.non-certify .sub-tit{font-size:1.6rem;font-weight:400;color:#212323;margin:0 3.2rem 10.3rem;line-height:2.5rem;}
.overlay-layer.non-certify .layer-cont{padding:3.2rem 0 0}
.overlay-layer.non-certify .layer-cont .btn-con{position:absolute;left:2rem;bottom:2.4rem;margin-top:2.3rem;width:calc(100% - 4.8rem);height:4.6rem;border-radius:2.8rem;background:#383838;font-size:1.6rem;color:#fff;font-weight:700;}
.pin-number{margin:3.8rem 0 2.4rem;text-align:center;}
.pin-number input{width:1.6rem;height:1.6rem;margin-left:1.2rem;-webkit-text-security:disc;color:#0F9EE1;border-radius:10rem;font-size:1.6rem;background-color:#D9D9D9;text-align:center;vertical-align:0;}
.pin-number input:first-child{margin-left:0}
.pin-number input:valid{background-color:#0F9EE1;position:relative;top:1px}
.pin-error{color:#999;font-size:1.2rem;font-weight:400;text-align:center;line-height:1.6rem;}
/* [s] 240801 해외/국내카드 */
.account-confirm .try-again{color:#DE5353;text-align:center;margin-bottom:1.6rem;font-weight:500;}
/* [e] 240801 해외/국내카드 */
.overlay-layer.phone-layer{text-align:left;overflow-y:hidden;background:none;}
.overlay-layer.phone-layer .sub-tit{display:flex;font-size:1.8rem;line-height:2.2rem;font-weight:700;color:#222;margin-bottom:2.3rem;align-items:center;padding:0 0 2.4rem 3rem;border-bottom:0.1rem solid #E5E5EA;}
.overlay-layer.phone-layer .layer-cont{padding:2.4rem 0 4rem;position:relative;overflow-y:auto;border-top-left-radius:2rem;border-top-right-radius:2rem;}
.overlay-layer.phone-layer .agree-wrap{padding:0 2.8rem}
.overlay-layer.phone-layer .agree-wrap .agree-chk{margin:1.2rem 0 2rem 0}
.overlay-layer.phone-layer .agree-wrap .agree-chk label em{font-size:1.6rem;font-weight:400;color:#666}
.overlay-layer.phone-layer .agree-wrap li::after{display:none;}
.overlay-layer.phone-layer .agree-wrap .checkagree li{font-size:1.6rem;color:#666;font-weight:400;margin-bottom:1rem;}
.overlay-layer.phone-layer .agree-wrap .btn-case{border-radius:1.2rem;margin-top:2.5rem}
.overlay-layer.phone-layer .btn-close{position:absolute;top:1.8rem}
.overlay-layer.phone-layer .btn-close:before,.overlay-layer.phone-layer .btn-close:after{background-color:#313131}
.overlay-layer.phone-layer2{text-align:left;overflow-y:hidden;background:none;}
.overlay-layer.phone-layer2 .sub-tit{display:flex;font-size:1.8rem;line-height:2.2rem;font-weight:700;color:#222;margin-bottom:2.3rem;align-items:center;padding:0 0 2.4rem 3rem;border-bottom:0.1rem solid #E5E5EA;}
.overlay-layer.phone-layer2 .layer-cont{padding:2.4rem 0 4rem;position:relative;overflow-y:auto;border-top-left-radius:2rem;border-top-right-radius:2rem;}
.overlay-layer.phone-layer2 .agree-wrap{padding:0 2.8rem}
.overlay-layer.phone-layer2 .agree-wrap .agree-chk{margin:1.2rem 0 2rem 0}
.overlay-layer.phone-layer2 .agree-wrap .agree-chk label em{font-size:1.6rem;font-weight:400;color:#666}
.overlay-layer.phone-layer2 .agree-wrap .news-ag li{font-size:1.8rem;font-weight:400;color:#222;padding:1rem 0;}
.overlay-layer.phone-layer2 .agree-wrap li::after{display:none;}
.overlay-layer.phone-layer2 .agree-wrap .btn-case{border-radius:1.2rem;margin-top:2.5rem}
.overlay-layer.phone-layer2 .btn-close{position:absolute;top:1.8rem}
.overlay-layer.phone-layer2 .btn-close:before,.overlay-layer.phone-layer .btn-close:after{background-color:#313131}
/* [s] 비밀번호 설정 키패드 */
.mobile-keypad{width:100%;margin:0;background-color:#0F9EE1;padding:1rem 2rem;position:fixed;left:0;bottom:0;box-sizing:border-box;}
.keypad-row{display:flex;justify-content:space-between;}
.keypad-btn{width:8rem;height:6rem;font-size:2.4rem;font-weight:500;border:none;border-radius:0.5rem;cursor:pointer;color:#fff}
.keypad-btn.cancel{font-size:1.8rem;font-weight:600;}
.keypad-btn.delete::before{content: "";display:block;margin:0 auto;width:2.8rem;height:2.8rem;background:url(../images/ico_delete.png) no-repeat 0 / 2.8rem 2.8rem;}
/* [e] 비밀번호 설정 키패드 */
/* [s] 240711 신분증 촬영 추가 */
@media (max-width: 320px){
  .join-info .company-box .identify-tab .tab ul li{font-size:1.3rem}  
  .film-info .id-check{margin:1.6rem 1.4rem 2rem}
  .film-info .id-name{margin:0 1.4rem}
}
/* [e] 240711 신분증 촬영 추가 */
/* [e] 240710 기명회원가입 신규 */

@media (max-width: 280px) {
    #gnb .qrscan-box{width:28rem}
    #gnb ul li{font-size:1.2rem}
    #gnb ul li.charge-area{font-size:1.2rem}
    .guideTab .tab ul li{padding:2rem 1.4rem;font-size:1.4rem}
    .guide-txt.wel2 .guide-box ul li{display:block}
    .guide-box ul::before{height:calc(100% - 12rem)}
    .guide-box ul li::before{margin-right:0.5rem;float:left}
    .table-type3 thead th:first-child{min-width:auto}
    .table-type3 thead th{word-break:normal}
    .table-type3 tbody td{word-break:normal}
    .company-box .remit-info{padding:1.3rem 2.2rem 2rem;}
    /* [s] 240118 수정 */
    /* .company-box .remit-info p{width:50%} */
    /* [s] 240118 수정 */
    .info-list li{flex-wrap:wrap;}
    .barcode-area .bcTarget{width:25rem;}    
    .card-tit.waiting ul li .txt-info,
    .card-tit.waiting ul li .txt_info2{font-size:1.3rem;letter-spacing:-0.05rem;}
}