@charset "utf-8";
 
/* 전담반 uiux 전용 css */
/* 230605 v5 홈, 마이페이지 v2 (s) */
/* quick button 위치 조정 */
.unLogin.htmlMyV2 .quick,
.unLogin.htmlMyV2 .goingDown .quick {bottom:135px !important;}
.unLogin.htmlMyV2.senior .quick,
.unLogin.htmlMyV2.senior .goingDown .quick {bottom:155px !important;}

.htmlMyV2 .quick,
.htmlMyV2 .goingDown .quick {bottom:160px !important;}
.htmlMyV2.senior .quick,
.htmlMyV2.senior .goingDown .quick {bottom:215px !important;}

.scrollChk.htmlMyV2 .quick,
.scrollChk.htmlMyV2 .goingDown .quick,
.myLayerOn.htmlMyV2 .quick,
.myLayerOn.htmlMyV2 .goingDown .quick {bottom:15px !important;}
.scrollChk.htmlMyV2.senior .quick,
.scrollChk.htmlMyV2.senior .goingDown .quick,
.myLayerOn.htmlMyV2.senior .quick,
.myLayerOn.htmlMyV2.senior .goingDown .quick {bottom:15px !important;}

.htmlMyV2,
.htmlMyV2 body,
.htmlMyV2 #content {/*overscroll-behavior:none;*/}
.htmlMyV2 body.noFooter #content {padding-bottom:0;}
.htmlMyV2 .header {padding-left:49px; border-bottom:0;}
.htmlMyV2 .header strong.logo,
.htmlMyV2 .myHeaderMenu li a,
.htmlMyV2 .header .btnIco_allMenu,
.htmlMyV2 .header .btnIco_search{transition:all .3s; -webkit-transition:all .3s;}
.htmlMyV2 .header strong.logo{left:-30px; display:inline; padding-bottom:2px; font-size:1.8rem; color:rgb(37, 137, 244); border-bottom:1px solid rgb(37, 137, 244);}
.htmlMyV2 .header .btnIco_allMenu{background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_menu_off_new.png) center center / 20px auto no-repeat;}
.htmlMyV2 .header .btnIco_search{margin-top:-2px; margin-right:4px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_search_off_new.png) no-repeat center center/25px auto;}
html.htmlMyV2:not(.enterprise) #content.main {padding-top:52px; background:#fff;}
/*.htmlMyV2.myLayerTouchMove:not(.unLogin) .header strong.logo{color:#fff; border-bottom-color:#fff;}
.htmlMyV2.myLayerTouchMove:not(.unLogin) .myHeaderMenu li a{color:#fff;}
.htmlMyV2.myLayerTouchMove:not(.unLogin) .header .btnIco_allMenu{background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_menu_on_new.png) center center / 20px auto no-repeat;}
.htmlMyV2.myLayerTouchMove:not(.unLogin) .header .btnIco_search{margin-top:-2px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_search_on_new.png) no-repeat center center/25px auto;}*/
.myLayerOn .header strong.logo{color:#fff; border-bottom-color:#fff;}
.myLayerOn .myHeaderMenu li a{color:#fff;}
.myLayerOn .header .btnIco_allMenu{background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_menu_on_new.png) center center / 20px auto no-repeat;}
.myLayerOn .header .btnIco_search{margin-top:-2px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_search_on_new.png) no-repeat center center/25px auto;}
.myHeaderMenu{position:absolute; left:49px; top:12px;}
.myHeaderMenu li {display:inline-block; margin-right:9px;} 
.myHeaderMenu li a{font-size:1.8rem; color:#000;}

.myV2{padding:20px 20px 230px;}
.myLayerOn .myV2{-webkit-overflow-scrolling:touch; touch-action:none;}
.myLayerHalfOn.htmlMyV2 .header {background:none;}

/* 우리페이(basic & senior) */
.myV2 .contPay {position:relative;}
.myV2 .contPay .bg1 {position:absolute; left:0; top:24px; width:100%; height:67px; border-radius:9px; background:linear-gradient(45deg, #4C79D6 20% ,#4C79D6 30% ,#4697C1 100%)}
.myV2 .contPay .card {position:absolute; left:20px; bottom:12px; z-index:4; width:50px; border-radius:5px; box-shadow:0 3px 6px rgba(0,0,0,.16);}
.myV2 .contPay .card.rotate {transform:rotate(90deg);}
.myV2 .contPay .card a {display:block;}
.myV2 .contPay .card a img {/*max-width:87px; max-height:87px;*/ border-radius:5px;}
.myV2 .contPay .cont {position:relative; z-index:3; display:flex; justify-content:space-between; height:68px; padding:24px 75px 0 85px; box-sizing:content-box;}
.myV2 .contPay .cont a {flex:1; display:inline-flex; align-items:center; line-height:1.1; font-size:1.4rem; font-weight:700; color:#F1F6FF; /*background-repeat:no-repeat; background-position:left center; background-size:24px;*/}
.myV2 .contPay .cont a br {display:none;}
.myV2 .contPay .cont .pay {flex:none; position:absolute; top:48px; right:15px; height:21px; padding:0 17px 0 11px; text-align:left; line-height:2.1rem; color:#E2F3FC; font-weight:900; border-radius:11px; border:1px solid #E2F3FC;}
.myV2 .contPay .cont .pay:after {content:""; position:absolute; right:8px; top:0; width:4.5px; height:100%; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_pay_new.png) no-repeat left center/100% auto;}
.myV2 .contPay .cont .online:before,
.myV2 .contPay .cont .offline:before {content:""; display:inline-block; width:24px; height:24px; margin-right:4px; background-repeat:no-repeat; background-position:center; background-size:100%;}
.myV2 .contPay .cont .online:before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_pay_qr_new.svg);}
.myV2 .contPay .cont .offline:before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_pay_pc_new.svg);}
.myV2 .contPay.type-horizontal .card {top:34px; left:12px; width:75px;}
.myV2 .contPay.type-horizontal .cont { padding:24px 65px 0 95px;}
.myV2 .contPay.type-horizontal .cont .pay {right:12px;}

/* CLO 배너(basic & senior) */
.myV2 .contCLO {padding:24px 0 0 0;}

.myV2 .contCLO a {position:relative; display:block; padding:0 20px; overflow:hidden;}
.myV2 .contCLO a dl {position:relative; padding:9px 66px 9px 0;}
.myV2 .contCLO a dl dt {display:inline-block; height:22px; padding:0 12px; line-height:2.2rem; font-size:1.2rem; font-weight:700; color:#DC3296; border-radius:11px; background:rgba(220,50,150,.1);}
.myV2 .contCLO a dl dt span {display:inline-block; width:22.5px; height:20.5px; margin-top:-5px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_cont_clo_new.png) no-repeat left top/100%;}
.myV2 .contCLO a dl dd {margin-top:4px; padding-left:4px; color:#3A3D40; font-size:1.6rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.myV2 .contCLO a dl dd strong {font-weight:900;}
.myV2 .contCLO a dl.unLogin {padding:9px 66px 8px 25px;}
.myV2 .contCLO a dl.unLogin dt {position:absolute; top:10px; left:0; padding:0; background:none;}
.myV2 .contCLO a dl.unLogin span {margin-top:0;}
.myV2 .contCLO a dl.unLogin dd {margin-top:0; padding-left:0;}
.myV2 .contCLO a .img {position:absolute; top:0; right:25px; width:66px; height:66px;}

.myV2 .contBanner{margin-top:16px;}
.myV2 .contBanner a,
.myV2 .contBanner .slideList li > div {height:140px; border-radius:16px;}
.myV2 .contBanner dl dt{font-size:2.0rem;}
.myV2 .contBanner dl dd{margin-top:5px; color:#333;}
.myV2 .contBanner .thumb{margin-top:6px; margin-right:6px;}
.myV2 .contBanner .btnPrev,
.myV2 .contBanner .btnNext {display:none;}

.myV2 .contBannerBox {margin-top:32px;}
.myV2 .contBannerBox .contWonMarket + .contBannerList {margin-top:32px;}
.myV2 .contBannerBox .contBannerBtm {border-radius:16px;}
.myV2 .contBannerBox .contBannerBtm + .contBannerBtm {margin-top:16px;}
.myV2 .contBannerBox .contBannerBtm.bgColor01 {background-color:#CDF1FB;}
.myV2 .contBannerBox .contBannerBtm.bgColor02 {background-color:#A4CAF5;}
.myV2 .contBannerBox .contBannerBtm.bgColor03 {background-color:#B6AFF5;}
.myV2 .contBannerBox .contBannerBtm.bgColor04 {background-color:#F9E0F9;}
.myV2 .contBannerBox .contBannerBtm.bgColor05 {background-color:#FCDADA;}
.myV2 .contBannerBox .contBannerBtm.bgColor06 {background-color:#FCE6D0;}
.myV2 .contBannerBox .contBannerBtm.bgColor07 {background-color:#FFF5C1;}
.myV2 .contBannerBox .contBannerBtm.bgColor08 {background-color:#EBFFCB;}
.myV2 .contBannerBox .contBannerBtm.bgColor09 {background-color:#CCF9D8;}
.myV2 .contBannerBox .contBannerBtm a {position:relative; display:block; height:186px; padding:43px 24px 30px; -webkit-user-drag:none;}
.myV2 .contBannerBox .dday {position:absolute; top:16px; right:16px; height:22px; padding:0 8px; border-radius:11px; background-color:rgba(0,0,0,.7); color:#fff; font-size:1.1rem; font-weight:700; line-height:2.2rem;}
.myV2 .contBannerBox .title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; color:#333; font-size:2.0rem;}
.myV2 .contBannerBox .date {margin-top:5px; color:#333; font-size:1.2rem;}
.myV2 .contBannerBox .tagList {display:flex; margin-top:12px; color:#000; font-size:1.2rem;}
.myV2 .contBannerBox .tagList li + li {position:relative; margin-left:8px; padding-left:8px;}
.myV2 .contBannerBox .tagList li + li::before {content:''; position:absolute; top:calc(50% - 5px); left:0; width:1px; height:10px; background-color:rgba(0,0,0,.15);}
.myV2 .contBannerBox .btnTxt_more {min-height:48px; margin:16px 0 0; font-size:1.4rem; font-weight:700;}

.myV2 .wc-section-banner.type-top {margin-top:16px;}
.myV2 .wc-section-banner.type-top a {padding-top:0; height:66px;}
.myV2 .wc-section-banner.type-top dl {height:100%; top:0; border-radius:16px; background-color:#CAD1FB;}
.myV2 .wc-section-banner.type-top dl dt {font-size:1.2rem;}
.myV2 .wc-section-banner.type-top dl dd {margin-top:2px; font-size:1.6rem;}
.myV2 .wc-section-banner.type-top .thumb {top:0; height:66px;}
.myV2 .wc-section-banner.type-top .thumb.type1{position:absolute; right:15px; top:10px; width:104.5px; height:65.5px; margin:0;}
.myV2 .wc-section-banner.type-top .thumb.type1 img{width:104.5px;}
.myV2 .wc-section-banner.type-top .thumb.type1 > span{position:absolute; left:-10px; top:7px; display:block; height:24px; padding:0 6px 0 7px; border-radius:12px; line-height:2.4rem; font-size:1.2rem; font-weight:900; color:#3F455A; background:#FFD677; box-shadow:0 3px 6px rgba(0,0,0,.16);}
.myV2 .wc-section-banner.type-top .thumb.type1 > span:after{content:""; position:absolute; left:17px; bottom:-5px; width:9px; height:8px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_slot_pang_new.png) no-repeat left top/100%;}
.myV2 .wc-section-banner.type-top .thumb.type1 b{position:absolute; right:16px; top:23px; letter-spacing:4.5px; font-size:2.0rem; font-weight:900; color:#FFD677;}
.myV2 .wc-section-banner.type-top .thumb.type1 b span{position:relative; top:-1px; vertical-align:middle; font-size:1.8rem;}

.myV2 .contEvent {position:relative; float:left; width:calc(50% - 8px); margin-top:16px;}
.myV2 .contEvent a {position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; height:66px; padding-left:20px; border-radius:16px; font-size:1.2rem; color:#333;}
.myV2 .contEvent a strong {font-size:1.6rem; font-weight:900; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.myV2 .contEvent.contGame a {background:#FBDDF5 url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_event_game_new.png) no-repeat right top; background-size:78px 66px;}

.myV2 .contEvent.contAttendCheck {float:right;}
.myV2 .contEvent.contAttendCheck a {background-color:#FEF0AE;}
.myV2 .contEvent.contAttendCheck a strong {position:relative; padding-left:22px;}
.myV2 .contEvent.contAttendCheck a strong:before {content:""; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_honey_point_new.png) no-repeat left top/100%;}
.myV2 .contEvent.contAttendCheck .complete {position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-radius:6px; background:rgba(0,0,0,.2);}
.myV2 .contEvent.contAttendCheck .complete:after {content:""; position:absolute; right:6px; top:10px; display:block; width:45.5px; height:47px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_event_complete_new.png) no-repeat left top/100%;}

.myV2 .contCoupon {position:relative; margin-top:16px;}
.myV2 .contCoupon a {position:relative; display:flex; align-items:center; height:46px; font-size:1.2rem; color:#333; padding-left:20px; border-radius:6px; background-color:#619CF6;}
.myV2 .contCoupon a strong {display:inline-block; width:calc(100% - 100px); color:#fff; font-size:1.6rem; font-weight:900; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.myV2 .contCoupon .thumb {position:absolute; right:0; bottom:0; width:100px; height:58px;}

/* 제휴 서비스(basic & senior) */
.myV2 .contService {margin-top:30px;}
.myV2 .contService .tabList {display:flex; align-items:baseline; text-align:center; justify-content:center;}
.myV2 .contService .tabList li {display:inline-block; padding:0 4px;}
.myV2 .contService .tabList button {position:relative; padding:0 4px 4px; font-size:1.6rem; color:#000;}
.myV2 .contService .tabList button::after {content:''; display:block; position:absolute; bottom:0; left:0; right:0; z-index:-1; height:12px; border-radius:6px; transition:all .5s}
.myV2 .contService .tabList li.on button {font-weight:700;}
.myV2 .contService .tabList li.on button::after {background-color:#2769F0; opacity:0.2;}
.myV2 .contService .tabContents {margin-top:16px; padding:8px 28px; border-radius:24px; background-color:#F1F6FF;}
.myV2 .contService .contServiceList {display:flex; flex-wrap:wrap;}
.myV2 .contService .contServiceList li {position:relative; width:50%;}
.myV2 .contService .contServiceList li:nth-child(2n-1):before {content:''; position:absolute; top:0; left:0; width:200%; height:1px; background-color:#EBECF0;}
.myV2 .contService .contServiceList li:first-child:before {content:none;}
.myV2 .contService .contServiceList li a {display:inline-flex; align-items:center; width:100%; height:52px; padding:0 4px; font-size:1.4rem; color:#333;}
.myV2 .contService .contServiceList li img {display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:middle;}

/* won마켓 배너(basic & senior) */
.myV2 .contWonMarket {position:relative; margin:32px -20px 0; color:#333;}
.myV2 .contWonMarket .contTitle {position:absolute; top:50%; left:40px; transform:translateY(-50%); font-size:2.0rem;}
.myV2 .contWonMarket .swiper-slide {width:160px; height:190px; padding-right:16px; background-color:#fff;}
.myV2 .contWonMarket .swiper-slide:first-child {margin-left:170px;}
.myV2 .contWonMarket .swiper-slide .slideBg {display:block; height:100%; padding:20px; border-radius:24px; background:#F1F6FF;}
.myV2 .contWonMarket .swiper-slide .slideBg::after {opacity:0; z-index:0; content:''; position:absolute; top:0; left:0; width:144px; height:100%; border-radius:24px;}
.myV2 .contWonMarket .swiper-slide dl {position:relative; z-index:2;}
.myV2 .contWonMarket .swiper-slide dt {display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all; font-size:1.6rem; font-weight:700; line-height:2.4rem;}
.myV2 .contWonMarket .swiper-slide dd {margin-top:5px; color:#666; font-size:1.2rem; line-height:2.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.myV2 .contWonMarket .swiper-slide dd .price {display:block;}
.myV2 .contWonMarket .swiper-slide dd .sale {display:block; font-size:1.0rem; line-height:1.4rem;}
.myV2 .contWonMarket .swiper-slide .thumb {z-index:1; position:absolute; bottom:10px; right:6.933vw; width:80px; height:80px;}
.myV2 .contWonMarket .swiper-slide.lastSlide {display:inline-flex; flex-direction:column; justify-content:center; align-items:center; width:152px; padding-right:0; padding-left:16px; font-size:1.6rem; text-align:center; white-space:nowrap;}
.myV2 .contWonMarket .swiper-slide.lastSlide > p {font-weight:700;}
.myV2 .contWonMarket .swiper-slide.lastSlide > p > strong {font-weight:900;}
.myV2 .contWonMarket .swiper-slide.lastSlide > a {display:inline-flex; justify-content:center; align-items:center; width:63px; height:25px; margin-top:10px; border-radius:12px; background:linear-gradient(to right, #127db5, #8447f1 85%); color:#fff; font-size:1.2rem; line-height:2.5rem;}

.myV2 .contWonMarket .swiper-slide .slideBg .thumb {z-index: 3}
.myV2 .contWonMarket .swiper-slide .slideBg dt,
.myV2 .contWonMarket .swiper-slide .slideBg dd {transition: color 0.4s; color: #333;}
.myV2 .contWonMarket .swiper-slide .slideBg:after {background:linear-gradient(to top right, #127db5, #8447f1 85%); transition:opacity .4s; z-index: 1;}
.myV2 .contWonMarket .swiper-slide.swiper-slide-active dt,
.myV2 .contWonMarket .swiper-slide.swiper-slide-active dd {color: #fff;}
.myV2 .contWonMarket .swiper-slide.swiper-slide-active .slideBg:after {opacity:1;}/* background transition 안되서 opacity로 제어 */

.isIOS .myV2 .contWonMarket .swiper-slide .slideBg dt,
.isIOS .myV2 .contWonMarket .swiper-slide .slideBg dd,
.isIOS .myV2 .contWonMarket .swiper-slide .slideBg:after {transition: none;}
.isIOS.htmlMyV2 .quick {z-index: 999;}
.isIOS.myLayerOn .quick {z-index: 1100;}

/* 홈, 마이페이지 - tab common(basic) */
.htmlMyV2 .tabWrap.type1 .tabList {z-index:10; position:absolute; right:22px; display:flex; overflow:hidden; width:143px; height:34px; padding:2px 1px; background:#E5E6F5; border-radius:16px;}
.htmlMyV2 .tabWrap.type1 .tabList > li {flex:1; line-height:0;}
.htmlMyV2 .tabWrap.type1 .tabList > li button {font-size:1.3rem; color:#333; font-weight:700; line-height:2.8rem;}
.htmlMyV2 .tabWrap.type1 .current {z-index:11; position:absolute; right:91px; width:72px; height:30px; overflow:hidden; background:#5E63FF; border-radius:16px; transition:all .3s; -webkit-transition:all .3s;}
.htmlMyV2 .tabWrap.type1 .current > div {position:absolute; top:0; right:-72px; display:flex; width:200%; height:100%; transition:all .3s;}
.htmlMyV2 .tabWrap.type1 .current > div > span {flex:1; text-align:center; line-height:2.8rem; font-size:1.3rem; color:#fff; font-weight:700;}
.htmlMyV2 .tabWrap.type1 .current.change {right:24px;}
.htmlMyV2 .tabWrap.type1 .current.change > div {right:0;}

/* 홈, 마이페이지 - swiper controls(basic) */
.bannerControlSwiper {position:relative;}
.bannerControlSwiper .swiper-controls {position:absolute; z-index:9; top:50%; transform:translateY(-50%); right:0; display:flex; align-items:center; margin-right:24px; padding:6px; border-radius:50px; text-align:center;}
.bannerControlSwiper .swiper-controls::before {content:''; position:absolute; top:calc(50% - 4.5px); left:0; width:1px; height:9px;}
.bannerControlSwiper .swiper-controls [class^=swiper-button-] {position:relative; display:inline-block; width:18px; height:18px; vertical-align:middle; overflow:hidden; border:1px solid rgba(0,0,0,0);}
.bannerControlSwiper .swiper-controls .swiper-button-stop,
.bannerControlSwiper .swiper-controls .swiper-button-play {width:18px;height:18px;}
.bannerControlSwiper .swiper-controls .swiper-button-play {display:none;}
.bannerControlSwiper .swiper-controls .swiper-button-stop {border:0;-webkit-mask:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico-swiper-btn-stop.svg) center center / 5px 7px no-repeat;mask:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico-swiper-btn-stop.svg) center center / 7px 7px no-repeat;}
.bannerControlSwiper .swiper-controls .swiper-button-play {border:0;-webkit-mask:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico-swiper-btn-play.svg) center center / 6px 7px no-repeat;mask:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico-swiper-btn-play.svg) center center / 6px 7px no-repeat;}
.bannerControlSwiper .swiper-controls .swiper-counter {z-index:10; font-size:1.1rem; color:#333; line-height:1.7rem; height:18px; letter-spacing:1px; vertical-align:middle;}
.bannerControlSwiper .swiper-controls .swiper-counter em {color:inherit; font-weight:900;}
.bannerControlSwiper .swiper-controls button {color:inherit; border:0;}
.bannerControlSwiper .swiper-controls.dark::before {background-color:rgba(51,51,51,.3);}
.bannerControlSwiper .swiper-controls.light::before {background-color:rgba(51,51,51,.3);}
.bannerControlSwiper .swiper-controls.dark {background-color:rgba(0, 0, 0, 0.55);color:#fff;}
.bannerControlSwiper .swiper-controls.light {background-color:rgba(241, 241, 241, 0.9);color:#333;}
.bannerControlSwiper .swiper-controls.light .swiper-button-stop {background-color:rgba(51, 51, 51, 1);}
.bannerControlSwiper .swiper-controls.dark .swiper-button-stop {background-color:rgba(51, 51, 51, 1);}
.bannerControlSwiper .swiper-controls.light .swiper-button-play {background-color:rgba(51, 51, 51, 1);}
.bannerControlSwiper .swiper-controls.dark .swiper-button-play {background-color:rgba(51, 51, 51, 1);}

/* 홈, 마이페이지 - 플로팅 banner(basic) */
.bubbleBannerBox {z-index:300; position:fixed; top:30px; right:0; width:100%; margin:0 auto; background-color:#fff;}
.bubbleBannerBox .bubbleBanner {z-index:3; position:absolute; top:22px; left:calc(100% - 34px); width:40px; height:40px; border-radius:20px; color:#fff; overflow:hidden;}
.bubbleBannerBox .bubbleContent {padding-top:5px; padding-left:9px; align-items:center;}
.bubbleBannerBox .bubbleContent .bubbleLink {vertical-align:middle;}
.bubbleBannerBox .bubbleContent.bubbleBannerSwiper {opacity:0;}
.bubbleBannerBox .bubbleContent.bubbleBannerSwiper a {display:block; width:calc(100% - 80px); height:100%; padding-top:12px; font-size:1.2rem; font-weight:700; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bubbleBannerBox .btnCloseBubble {display:none; z-index:11; position:absolute; top:35px; right:35px; width:14px; height:14px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_close_bubble_w_new.png) no-repeat center / 10px;}

.bubbleBannerBox.on .bubbleBanner {-webkit-animation:bubbleMotion 2s forwards;}
.bubbleBannerBox.on .bubbleContent.on {height:100%; padding-top:0; padding-left:16px;}
.bubbleBannerBox.on .bubbleContent.on.bubbleBannerSwiper {opacity:1; height:100%;}
.bubbleBannerBox.on .bubbleContent.on.bubbleBannerSwiper .swiper-container {height:100%;}
.bubbleBannerBox.on .btnCloseBubble.on {display:block;}
.bubbleBannerBox .bubbleBannerSwiper.bannerControlSwiper .swiper-controls.dark {background-color:transparent;}

@keyframes bubbleMotion {
	from {left:calc(100% - 40px); width:80px; overflow:hidden; border-radius:20px;}
	20% {left:calc(100% - 100px); width:120px; padding-left:10px; border-radius:50%; overflow:hidden; border-top-left-radius:20px; border-bottom-left-radius:20px;}
	60% {left:106px; width:40px; padding-left:0; border-radius:20px; overflow:hidden; border-top-left-radius:20px; border-bottom-left-radius:20px;}
	to {left:106px; width:calc(100% - 126px); overflow:visible; border-radius:20px;}
}

.myLayerDim{display:none; position:fixed; z-index:300; left:0; top:0; width:100vw; height:100vh; opacity:0; background:#313767;}
.myLayerTou1ch .myLayer .core{-webkit-overflow-scrolling:touch; touch-action:none;}
.myLayer{position:fixed; left:0; bottom:0; z-index:1000; width:100%; height:142px; overflow:visible !important; background:#313767; border-radius:15px 15px 0 0; /*box-shadow:0 2px 2px rgba(0,0,0,.17);*/ transition:background .3s, transform .5s; transform:translateY(0);}
.myLayerHalfOn .myLayer{background:#fff;}
.myLayer .btnMyLayer{position:absolute; left:50%; top:-30px; width:64px; height:41.5px; margin-left:-32px;}
.myLayer.on .btnMyLayer{top:-43.5px;}
.myLayer .btnMyLayer .bg1,
.myLayer .btnMyLayer .bg2{position:absolute; left:0; top:0; width:64px; height:41.5px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_mylayer_off_new.png) no-repeat left top/100%;}
.myLayer .btnMyLayer .bg2{display:none; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/btn_mylayer_on_new.png) no-repeat left top/100%;}
.myLayerHalfOn .myLayer .btnMyLayer .bg1{display:none;}
.myLayerHalfOn .myLayer .btnMyLayer .bg2{display:block;}
.myLayer .btnMyLayer button{position:relative; z-index:10; overflow:hidden; width:64px; height:41.5px; text-indent:-9999px;}
.myLayer .core {position:relative; height:100%; border-radius:15px 15px 0 0; /*box-shadow:-1px -1px 50px rgba(0,0,0,.35);*/ overflow-x:hidden; overflow-y:hidden;}
.myLayer section {margin:0; padding:0;}

/* 결제예상금액(basic) */
.myLayer .contPayment {position:relative; margin-bottom:30px; padding:58px 20px 0;}
.myLayer .contPayment .tabWrap {margin:0;}
.myLayer .contPayment .tabWrap .tabContents {position:relative;}
.myLayer .contPayment .tabWrap.type1 .tabList {top:16px;}
.myLayer .contPayment .current {top:18px;}
.myLayer .contPayment .tabWrap .tabPanel {padding:0;}
.myLayer .contPayment h1 {height:24px; color:#fff; font-size:1.6rem; font-weight:bold;}
.myLayer .contPayment h1 .dDay {color:#fff; font-weight:900;}
.myLayer .contPayment .price {position:relative; margin-top:2px;}
.myLayer .contPayment .price a {position:relative; display:inline-block; padding-right:12px; text-align:right; color:#fff; font-size:2.0rem; pointer-events:none;}
.myLayer.on .contPayment .price a:after {content:""; position:absolute; right:0; top:50%; display:block; width:7px; height:12.5px; margin-top:-7px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_payment_price_new.png) no-repeat left top/100%}
.myLayer .contPayment .price strong {font-weight:900;}
.myLayer .contPayment .price b {margin-right:4px; overflow:hidden; vertical-align:middle !important; font-size:3.0rem; font-weight:900; color:#fff;}
.myLayer .contPayment .price b > div {transition:transform 300ms ease-in-out 0s, width 300ms ease-in-out 0ms !important; -webkit-transition:transform 300ms ease-in-out 0s, width 300ms ease-in-out 0ms !important;}
.myLayer .contPayment .price b > div > div {transition:transform 1000ms ease-in-out 0s !important; -webkit-transition:transform 1000ms ease-in-out 0s !important;}
.myLayer .contPayment .price b > div[data-numberanimate-pos="4"],
.myLayer .contPayment .price b > div[data-numberanimate-pos="8"],
.myLayer .contPayment .price b > div[data-numberanimate-pos="12"] {width: 12px !important;}
.myLayer .contPayment .price.none a {line-height:4.5rem;}
.myLayer .contPayment .btns {display:none; justify-content:space-between; padding:20px 0;}
.myLayer .contPayment .btns button {flex:1; height:42px; font-size:1.4rem; font-weight:bold; color:#fff; border-radius:4px; background:#5E54E3;word-break:keep-all}
.myLayer .contPayment .btns button span {position:relative; display:inline-block;}
.myLayer .contPayment .btns button + button {margin-left:7px;}

.myLayer .contPayment.unLogin {display:none; padding:0;}
.myLayer .contPayment.unLogin button {display:block; min-height: 118px; width: 100%; padding:35px 20px 18px; text-align: left;}
.myLayer .contPayment.unLogin button .tit {display: block; height: 24px; color: #fff; font-size: 1.6rem; font-weight: bold; text-align: left;}
.myLayer .contPayment.unLogin button .price {position:relative; display:inline-block; padding-right:12px; text-align:right; color:#fff; font-size:2.4rem;}
.myLayer .contPayment.unLogin button .price:after {content:""; position:absolute; right:-3px; top:50%; display:block; width:7px; height:12.5px; margin-top:-7px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_payment_price_new.png) no-repeat left top/100%}

.myLayerOn .myLayer .contPayment {margin:32px 20px 0; padding:60px 24px 0; background-color:#fff; border-radius:15px; box-shadow:0 2px 30px rgba(0,0,0,.09);}
.myLayerOn .myLayer .contPayment h1 {color:#000;}
.myLayerOn .myLayer .contPayment h1 .dDay,
.myLayerOn .myLayer .contPayment .price b {color:#494DCB;}
.myLayerOn .myLayer .contPayment .price a {color:#000; pointer-events:auto;}
.myLayerOn .myLayer .contPayment .btns {display:flex;}
.myLayerHalfOn,
.myLayerOn .myLayerDim {display:block; opacity:.2;}

/* 내가 받은 혜택(only basic) */
.myLayer .contMyBenefit {margin-top:30px;}
.myLayer .contMyBenefit h1{padding-left:44px; font-size:1.8rem; font-weight:900; color:#fff;}
.myLayer .contMyBenefit ul{margin-top:18px; padding:0 20px; overflow-x:auto; white-space:nowrap; scroll-snap-type:x mandatory;}
.myLayer .contMyBenefit ul li{display:inline-block; margin-right:8px; scroll-snap-align:center;}
.myLayer .contMyBenefit ul li:last-child{margin-right:0px;}
.myLayer .contMyBenefit ul li a{position:relative; overflow:hidden; display:inline-block; min-width:130px; height:66px; padding:10px 20px; border-radius:12px 40px 12px 12px;}
.myLayer .contMyBenefit ul li a dl dt{font-size:1.3rem; font-weight:bold; color:#fff;}
.myLayer .contMyBenefit ul li a dl dd{position:relative; display:inline-block; padding-right:14px; font-size:1.3rem; color:#fff;}
.myLayer .contMyBenefit ul li a dl dd:after{content:""; position:absolute; right:0; top:50%; width:10px; height:12px; margin-top:-6px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_benefit_new.png) no-repeat left top/100%;}
.myLayer .contMyBenefit ul li a dl dd span{position:relative; top:-1px; margin-right:3px; vertical-align:middle; font-size:1.6rem; font-weight:bold;}
.myLayer .contMyBenefit ul li.sales a{background-color:#8286F3;}
.myLayer .contMyBenefit ul li.point a{background-color:#F28867;}
.myLayer .contMyBenefit ul li.discount a{background-color:#EAAA4A;}
.myLayer .contMyBenefit ul li.oil a{background-color:#55C5CE;}
.myLayer .contMyBenefit ul li.mileageAsiana a{background-color:#B8A681;}
.myLayer .contMyBenefit ul li.mileageKorean a{background-color:#6E9BF8;}
.myLayer .contMyBenefit ul li.topPoint a{background-color:#F87678;}
.myLayer .contMyBenefit ul li.acr a{background-color:#2F3F8A;}
.myLayerHalfOn .myLayer .contMyBenefit h1{color:#333;}

/* 이번달 이용 실적(only basic) */
.myLayer .contUsingResult {padding:30px 20px 0; overflow:hidden;}
.myLayer .contUsingResult .inner {position:relative; padding:24px; border-radius:18px; background:#fff; box-shadow:0 2px 30px rgba(0,0,0,.09);}
.myLayer .contUsingResult .inner h1 {font-size:1.8rem; font-weight:900; color:#333;}
.myLayer .contUsingResult .inner h1 + .btnUsingResult {padding:6px 12px;}
.myLayer .contUsingResult .inner h1 + .btnUsingResult:after {margin-top:-3px;}
.myLayer .contUsingResult .inner .btnUsingResult {position:absolute; right:24px; top:22px; display:inline-block; padding:10px 12px 5px; font-size:1.2rem; font-weight:bold; color:#666;}
.myLayer .contUsingResult .inner .btnUsingResult:after {content:""; position:absolute; right:0; top:50%; display:block; width:6px; height:10px; margin-top:-1px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_more_new.png) no-repeat left top/100%;}
.myLayer .contUsingResult .inner dl {position:relative; min-height:63px; margin-top:16px; padding-right:95px;}
.myLayer .contUsingResult .inner dl dt {font-size:1.7rem; font-weight:900; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.myLayer .contUsingResult .inner dl .txt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin-top:1px; font-size:1.3rem; color:#000; line-height:140%; word-break:keep-all;}
.myLayer .contUsingResult .inner dl .img {position:absolute; top:0; right:20px; width:39px; box-shadow:0 3px 6px rgba(0,0,0,.16)}
.myLayer .contUsingResult .inner .graph {margin-top:12px; padding-bottom:32px;}
.myLayer .contUsingResult .inner .graph .standard {text-align:right; font-size:1.2rem; color:#666;}
.myLayer .contUsingResult .inner .graph .bar {position:relative; margin:3px 0 0; height:12px; border-radius:6px; background:#F5F4F4;}
.myLayer .contUsingResult .inner .graph .bar > div {position:relative; width:0; max-width:100%; height:12px; border-radius:6px; background:#2BB4C4; transition:all .5s .3s; -webkit-transition:all .5s .3s; box-shadow:0 3px 6px rgba(41,112,109,0.16);}
.myLayer .contUsingResult .inner .graph .bar .myResult {opacity:0; position:absolute; right:-6px; top:22px; display:inline-block; padding:1px 11px; font-size:1.2rem; font-weight:bold; color:#fff; border-radius:14px; background:#333; white-space:nowrap; transition:opacity .5s 1s; -webkit-transition:opacity .5s 1s;}
.myLayer.on .contUsingResult .inner .graph .bar .myResult {-webkit-animation:myResultMotion 2s forwards;}
.myLayer .contUsingResult .inner .graph .bar .myResult span {font-weight:900;}
.myLayer .contUsingResult .inner .graph .bar .myResult:after {content:""; position:absolute; right:8px; top:-4px; width:10.5px; height:8px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_using_result_graph_new.png) no-repeat left top/100%;}
.myLayer .contUsingResult.type1 .inner .graph .bar .myResult {right:auto; left:10%; margin-left:-20px;}
.myLayer .contUsingResult.type1 .inner .graph .bar .myResult:after {right:auto; left:8px;}
.myLayer .contUsingResult .btnNext,
.myLayer .contUsingResult .btnPrev {position:absolute; z-index:10; top:128px; left:5px; display:block; overflow:hidden; width:32px; height:32px; text-indent:-9999px; border:1px solid #E5EAF2; border-radius:100%; background:#FBFCFF url(/https/nm.wooricard.com/dcmw/img/mw/common/arrow_swiper_prev.png) no-repeat center center/16px 16px;}
.myLayer .contUsingResult .btnNext {left:auto; right:5px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/arrow_swiper_next.png)}
.myLayer .contUsingResult .inner .noCard  {padding:25px 0 10px; text-align:center;}
.myLayer .contUsingResult .inner .noCard p {font-size:1.6rem; color:#959595;}
.myLayer .contUsingResult .inner .noCard .btnUsingResult {position:relative; right:auto; top:auto;}
.myLayer .contUsingResult .inner .noInfo {margin:16px -2px -8px; padding:15px 0; background-color:#F7F9FD; border-radius:12px; font-size:1.3rem; text-align:center;}

@keyframes myResultMotion {
	from {opacity:0;}
	to {opacity:1;}
}

/* 마이데이터(basic) */
.myLayer .contMyData {position:relative; margin-top:40px; padding:0 20px;}
.myLayer .contMyData .switch {position:absolute; top:-3px; right:44px;}
.myLayer .contMyData .switch .tit {font-size:1.3rem; color:#666; font-weight:400; vertical-align:middle;}
.myLayer .contMyData .switch .toggleSwitch {vertical-align:middle;}
.myLayer .contMyData .switch .toggleSwitch input + label {background-color:#999;}
.myLayer .contMyData .switch .toggleSwitch input:checked + label {background-color:#5E54E3;}
.myLayer .contMyData .switch .toggleSwitch input:checked + label:after {border-color:#5E54E3;}
.myLayer .contMyData .toggleSwitch input + label > span {top:-1px;}
.myLayer .contMyData .dateBox {padding:0 24px 20px;}
.myLayer .contMyData .dateBox .date {color:#333; font-size:1.3rem;}
.myLayer .contMyData .amountBox {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:0 24px;}
.myLayer .contMyData .amountBox .title {color:#333; font-size:1.8rem; font-weight:700;}
.myLayer .contMyData .amountBox .amount,
.myLayer .contMyData .amountBox .noAmount {display:block; max-height:30px; color:#000; font-size:1.4rem; font-weight:700; line-height:2.4rem; text-align:right;}
.myLayer .contMyData .amountBox .amount a,
.myLayer .contMyData .amountBox .noAmount a {display:inline-flex; align-items:center;}
.myLayer .contMyData .amountBox .amount a:after,
.myLayer .contMyData .amountBox .noAmount a:after {content:''; display:block; width:16px; height:16px; margin-top:4px; margin-left:4px; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow10.png) no-repeat left top / 100%;}
.myLayer .contMyData .amountBox .amount a span,
.myLayer .contMyData .amountBox .noAmount a span {margin-top:4px; margin-right:4px; font-size:2.4rem; font-weight:900; color:#494DCB;}
.myLayer .contMyData .amountBox .amount a.off {display:none;}
.myLayer .contMyData .amountBox .amount a.off span {margin-right:0;}

/* 이용가능금액(basic) */
.myLayer .contMyLimit {padding:32px 20px 0;}
.myLayer .contMyLimit .inner{position:relative; padding:24px 22px 14px; background-color:#fff; border-radius:18px; box-shadow:0 2px 30px rgba(0,0,0,.09);}
.myLayer .contMyLimit .inner h1{margin-bottom:14px; font-size:1.8rem; font-weight:900; color:#333;}
.myLayer .contMyLimit .inner > button{overflow:hidden; width:36px; height:29px; margin:4px calc(50% - 18px) 0; padding:10px;}
.myLayer .contMyLimit .inner > button span{display:block; width:100%; height:100%; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_my_limit_new.png) no-repeat center center/15.5px auto;}
.myLayer .contMyLimit .inner.on > button span{transform:rotate(180deg)}
.myLayer .contMyLimit .inner .cont{overflow:hidden; transition:all .3s; -webkit-transition:all .3s;}
.myLayer .contMyLimit .inner a {display:block;}
.myLayer .contMyLimit .inner dl{display:flex; justify-content:space-between; padding:6px 4px;}
.myLayer .contMyLimit .inner dl dt {display:flex; align-items:baseline; flex-wrap:wrap; color:#666;}
.myLayer .contMyLimit .inner dl dt span {margin-left:4px; font-size:1.3rem;}
.myLayer .contMyLimit .inner dl dd {padding-top:2px; font-size:1.2rem; color:#333; white-space:nowrap;}
.myLayer .contMyLimit .inner dl dd span {color:rgb(37, 137, 244); font-size:1.3rem; font-weight:700; text-decoration:underline;}
.myLayer .contMyLimit .inner dl dd span.price {color:#333; font-size:1.4rem; font-weight:900; text-decoration:none;}
.myLayer .contMyLimit .inner dl.limitLength dd {white-space:nowrap; text-align:right;}
.myLayer .contMyLimit .inner li + li {border-top:1px solid #EBECF0;}
.myLayer .contMyLimit .inner .btns{margin-bottom:16px;}
.myLayer .contMyLimit .inner .btns:after{content:""; display:block; height:0; overflow:hidden; clear:both;}
.myLayer .contMyLimit .inner .btns button{float:left; height:38px; width:calc(50% - 3.5px); display:block; font-weight:900; color:#fff; border-radius:5px; background:#5E54E3;}
.myLayer .contMyLimit .inner .btns button:last-child{float:right;}
.myLayer .contMyLimit .inner .noList {padding:14px 0 24px; text-align:center; font-size:1.6rem; color:#959595;}

/* 최근 이용내역(basic) */
.myLayer .contUseList{position:relative; padding:32px 10px 0;}
.myLayer .contUseList:before{content:""; display:block; height:12px; border-radius:6px; background:#313767;}
.myLayer .contUseList:after{content:""; position:absolute; top:36px; left:10px; display:block; width:calc(100% - 20px); height:12px; background:linear-gradient(180deg, rgba(49,55,103,1) 0% ,rgba(255,255,255,0) 70%); opacity:.23;}
.myLayer .contUseList .inner{position:relative; width:calc(100% - 20px); min-height:170px; margin:-8px auto 0; background:#fff; border-radius:0 0 10px 10px; border:1px solid #D9D9D9; box-shadow:1px 6px 6px rgba(48,48,52,.08);}
.myLayer .contUseList .inner:before,
.myLayer .contUseList .inner:after{content:""; position:absolute; top:60px; width:17px; height:17px; background-color:#EFF6FE; background-repeat:no-repeat; background-position:left top; background-size:100%;}
.myLayer .contUseList .inner:before{left:-10px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/bg_tax_circle_left_new.png)}
.myLayer .contUseList .inner:after{right:-10px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/bg_tax_circle_right_new.png)}
.myLayer .contUseList .inner h1{position:relative; padding:22px 24px; font-size:1.8rem; font-weight:900; color:#333;}
.myLayer .contUseList .inner h1:after{content:""; position:absolute; left:50%; bottom:0; display:block; width:calc(100vw - 70px); height:1px; margin-left:calc(-50vw + 35px); border-radius:6px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/line_tax_new.png) repeat-x left bottom/auto 1px;}
.myLayer .contUseList .inner .tabWrap .tabPanel {padding-top:0;}
.myLayer .contUseList .tabWrap.type1 .tabList {top:19px;}
.myLayer .contUseList .current {top:21px;}
.myLayer .contUseList .inner ol{padding:20px 22px 22px 36px;}
.myLayer .contUseList .inner ol li + li{margin-top:18px;}
.myLayer .contUseList .inner ol li .date{position:relative; font-size:1.2rem; font-weight:bold; color:#333;}
.myLayer .contUseList .inner ol li .date:before{content:""; position:absolute; left:-12px; top:50%;; display:block; width:5px; height:5px; margin-top:-2px; border-radius:100%; background:#436EBE;}
.myLayer .contUseList .inner ol li .useBox {display:flex; align-items:center; padding-top:10px;}
.myLayer .contUseList .inner ol li .useBox .card {flex-shrink:0; width:22px; margin-right:10px;}
.myLayer .contUseList .inner ol li .useBox .card.rotate {transform:rotate(90deg);}
.myLayer .contUseList .inner ol li .useBox .card.rotate img {max-width:35px;max-height:35px;}
.myLayer .contUseList .inner .tabPanel01 ol li .useBox {align-items:flex-start;}
.myLayer .contUseList .inner ol li .useBox .info {flex:auto;}
.myLayer .contUseList .inner ol li .info1 {display:flex; justify-content:space-between; flex-wrap:wrap; font-weight:bold; color:#333;}
.myLayer .contUseList .inner ol li .info1 .place {width:65%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.myLayer .contUseList .inner ol li .info1 .price {font-size:1.2rem; text-align:right;}
.myLayer .contUseList .inner ol li .info1 .price span{font-size:1.4rem; vertical-align:middle;}
.myLayer .contUseList .inner ol li .info2{position:relative; margin-top:2px; font-size:1.2rem; color:#666;}
.myLayer .contUseList .inner ol li .info2 .type{position:relative; margin-left:4px; padding-left:8px;}
.myLayer .contUseList .inner ol li .info2 .type:before{content:""; position:absolute; left:0; top:50%; display:block; width:1px; height:8px; margin-top:-4px; background:#DEDEDE;}
.myLayer .contUseList .inner .btnTotalView {display:inline-block; width:calc(100% - 48px); margin:0 24px; padding:12px 10px 16px; border-top:1px solid #EBECF0; font-size:1.4rem; font-weight:bold; color:#666; text-align:center;}
.myLayer .contUseList .inner .btnTotalView span {position:relative; display:inline-block; width:12px; height:12px; margin-left:4px;}
.myLayer .contUseList .inner .btnTotalView span:after {content:""; position:absolute; right:0; top:50%; display:block; width:12px; height:12px; margin-top:-4px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_view_new.png) no-repeat left top/100%;}
.myLayer .contUseList .inner .tabPanel01 .noList,
.myLayer .contUseList .inner .typeWebContent .noList {padding:32px 0 30px; text-align:center; font-size:1.6rem; color:#959595;}
.myLayer .contUseList .inner .tabPanel01 .noList .btnTotalView,
.myLayer .contUseList .inner .typeWebContent .noList .btnTotalView {width:auto; padding:10px 10px 5px; border-top:0; font-size:1.2rem;}
.myLayer .contUseList .inner .tabPanel01 .noList .btnTotalView span,
.myLayer .contUseList .inner .typeWebContent .noList .btnTotalView span {margin-left:0;}
.myLayer .contUseList .inner .tabPanel01 .noList .btnTotalView span:after,
.myLayer .contUseList .inner .typeWebContent .noList .btnTotalView span:after {width:6px; height:10px; margin-top:-2px; background:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_more_new.png) no-repeat left top/100%;}
.myLayer .contUseList .inner .tabPanel02 .noList {padding:36px 0 40px; text-align:center; font-size:1.4rem; color:#666;}
.myLayer .contUseList .inner .tabPanel02 .noList .btnJoinMydata {display:inline-block; margin-top:16px; padding:10px 16px 12px; border:1px solid #333; border-radius:22px; font-size:1.3rem; font-weight:700;}
.myLayer .contUseList .inner .dateBox {display:flex; justify-content:space-between; align-items:center; margin:0 24px; padding:11px 0; border-bottom:1px solid #EBECF0;}
.myLayer .contUseList .inner .dateBox .date {color:#333; font-size:1.3rem;}
.myLayer .contUseList .inner .dateBox .btnRefresh {width:34px; height:34px; margin-right:-5px;}
.myLayer .contUseList .inner .dateBox .btnRefresh img {width:24px;}

/* 광고배너(basic) */
.myLayer .contAdBanner {padding:40px 20px 0;}
.myLayer .contAdBanner .contAdBannerSwiper {padding-right:70px; border-radius:18px; box-shadow:0 2px 30px rgba(0,0,0,0.09);}
.myLayer .contAdBanner .contAdBannerSwiper a {display:block; padding:10px 0 10px 48px; line-height:130%; color:#333; font-size:1.2rem; font-weight:700; background-repeat:no-repeat; background-position:left 20px top 8px; background-size:20px 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.myLayer .contAdBanner .contAdBannerSwiper a u {text-decoration:none;}
.myLayer .contAdBanner .contAdBannerSwiper.bannerControlSwiper .swiper-controls.light {margin-right:6px; background-color:transparent;}
.myLayer .contAdBanner .contAdBannerSwiper.noneSwiper {padding-right:0;}
.myLayer .contAdBanner .contAdBannerSwiper.noneSwiper .swiper-container {width:100%;}
.myLayer .contAdBanner .contAdBannerSwiper.noneSwiper .swiper-container .swiper-slide a {padding-right:20px;}

/* 바로가기(only basic) */
.myLayer .contQuickMenu{padding:32px 20px 0;}
.myLayer .contQuickMenu ul{width:100%; padding:0 4px 25px; border-radius:18px; background:#fffd; box-shadow:0 2px 30px rgba(0,0,0,.09);}
.myLayer .contQuickMenu ul:after{content:""; display:block; overflow:hidden; height:0; clear:both;}
.myLayer .contQuickMenu ul li{float:left; width:33.3%; margin-top:24px;}
.myLayer .contQuickMenu ul li:nth-child(3n){width:33.4%;}
.myLayer .contQuickMenu ul li a{display:block; height:68px; padding-top:49px; text-align:center; word-break:keep-all; font-size:1.3rem; font-weight:bold; background-repeat:no-repeat; background-position:center top; background-size:48px auto;}
.myLayer .contQuickMenu ul li a br{display:none;}
.myLayer .contQuickMenu ul li a.immediatePayment {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu1_new.png);}
.myLayer .contQuickMenu ul li a.inquiryUseList {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu2_new.png);}
.myLayer .contQuickMenu ul li a.modifyMyInfo {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu3_new.png);}
.myLayer .contQuickMenu ul li a.inquiryLastMonthResult {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu4_new.png);}
.myLayer .contQuickMenu ul li a.inquiryTotalResult {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu5_new.png);}
.myLayer .contQuickMenu ul li a.inquiryPoint {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu6_new.png);}
.myLayer .contQuickMenu ul li a.lossReport {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu7_new.png);}
.myLayer .contQuickMenu ul li a.checkEvent {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu8_new.png);}
.myLayer .contQuickMenu ul li a.loanQuick {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu9_new.png);}
.myLayer .contQuickMenu ul li a.changePoint {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu10_new.png);}
.myLayer .contQuickMenu ul li a.AutoPayment {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu11_new.png);}
.myLayer .contQuickMenu ul li a.domesticSend {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu12_new.png);}
.myLayer .contQuickMenu ul li a.overseasSend {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu13_new.png);}
.myLayer .contQuickMenu ul li a.inquiryUseLimit {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu14_new.png);}
.myLayer .contQuickMenu ul li a.changeLimit {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu15_new.png);}
.myLayer .contQuickMenu ul li a.paymentAlarmService {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu16_new.png);}
.myLayer .contQuickMenu ul li a.edit{position:relative; top:5px; width:68px; margin:0 auto; border-radius:15px; border:1px solid #CCCCCC; background:#F6F6F6 url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_quickmenu_edit_new.png) no-repeat center 19px/19px auto;}
.myLayer .contQuickMenu ul li a.edit span{position:relative; top:-10px; font-size:1.1rem;}

.scrollChk .myLayer.v2 {transform:translateY(150%);}
.myLayer.v2 .core{border-radius:15px;}
.htmlMyV2.lock {pointer-events: none !important;}
.htmlMyV2.lock * {pointer-events: none !important;}
.myLayerHalfOn .myLayer.v2{left:0; bottom:0; padding-bottom:30px; width:100%; border-radius:25px 25px 0 0;}
.myLayerHalfOn .myLayer.v2 .core{box-sizing:content-box;border-radius:25px 25px 0 0; padding-bottom:30px; background-color:#EFF6FE;}

.scrollChk.myLayerOn .myLayer.v2,
.scrollChk.myLayerHalfOn .myLayer.v2,
.scrollChk.myLayerTouch .myLayer.v2,
.scrollChk.myLayerTouchMove .myLayer.v2 {transform:translateY(0);}

.myLayer.v2 .core .myLayerTit {display:none;}
.myLayerOn .myLayer.v2 .core .myLayerTit {display:block; padding:30px 0 20px 20px; color:#333; font-size:2.2rem; font-weight:900;}

.unLogin .myV2{padding-bottom:150px;}
.unLogin .myLayer{height:118px; overflow: hidden !important;}
.unLogin .myLayer .contPayment.unLogin {display:block !important; margin-bottom: 0;}
.unLogin .myLayer.v2 .core > * {display: none;}

.htmlMyV2.senior .header .btnIco_search{position:relative; width:auto; top:14px; overflow:hidden; height:32px; background:none;}
.htmlMyV2.senior .header .btnIco_search span{position:relative; width:auto; height:32px; margin:0; padding:0 12px; border-radius:16px; line-height:3.0rem; font-size:1.4rem; font-weight:bold; color:#fff; clip:none; clip-path:none; background:rgb(37, 137, 244);}
.htmlMyV2.senior .header .btns{right:97px;}
.htmlMyV2.senior .header .btnIco_allMenu{right:19px; top:12px; overflow:hidden; width:auto; height:32px; background:none; mask:none; -webkit-mask:none;}
.htmlMyV2.senior .header .btnIco_allMenu span{position:relative; width:auto; height:32px; margin:0; padding:0 10px; border-radius:16px; line-height:3.0rem; font-size:1.4rem; font-weight:bold; color:#fff; clip:auto; clip-path:none; background:rgb(37, 137, 244);}

.myLayerOn.htmlMyV2.senior .header .btnIco_search span{color:rgb(37, 137, 244); background:#fff;}
.myLayerOn.htmlMyV2.senior .header .btnIco_allMenu span{color:rgb(37, 137, 244); background:#fff;}
.myLayerTouchMove.htmlMyV2.senior .header .btnIco_search span{color:rgb(37, 137, 244); background:#fff;}
.myLayerTouchMove.htmlMyV2.senior .header .btnIco_allMenu span{color:rgb(37, 137, 244); background:#fff;}

.htmlMyV2.senior.unLogin .myV2{padding-bottom:230px;}
.htmlMyV2.senior.unLogin .myLayer {height:138px;}
.htmlMyV2.senior.unLogin .myLayer .core{padding:0;}

.htmlMyV2.senior .myV2{padding-bottom:290px;}
.htmlMyV2.senior .header strong.logo{font-size:2.3rem;}
.htmlMyV2.senior .myHeaderMenu{left:54px; top:10px;}
.htmlMyV2.senior .myHeaderMenu li {margin-right: 7px;}
.htmlMyV2.senior .myHeaderMenu li:last-child {margin-right: 0;}
.htmlMyV2.senior .myHeaderMenu li a{font-size:2.3rem;}

/* 홈, 마이페이지 - tab common(senior) */
.htmlMyV2.senior .tabWrap.type1 .tabList {width:174px; height:46px; border-radius:23px;}
.htmlMyV2.senior .tabWrap.type1 .tabList > li button {font-size:1.7rem; line-height:4.0rem;}
.htmlMyV2.senior .tabWrap.type1 .current {right:109px; width:85px; height:42px; border-radius:21px;}
.htmlMyV2.senior .tabWrap.type1 .current > div {right:-85px;}
.htmlMyV2.senior .tabWrap.type1 .current > div > span {line-height:4.0rem; font-size:1.7rem;}
.htmlMyV2.senior .tabWrap.type1 .current.change {right:24px;}
.htmlMyV2.senior .tabWrap.type1 .current.change > div {right:0;}

/* 결제예상금액(senior) */
.htmlMyV2.senior .myLayer {height:201px;}
.htmlMyV2.senior .myLayer .contPayment {padding:88px 0 26px 24px;}
.htmlMyV2.senior .myLayer .contPayment h1 {height:28px; font-size:2.0rem;}
.htmlMyV2.senior .myLayer .contPayment .price a {font-size:2.4rem;}
.htmlMyV2.senior .myLayer .contPayment .price b {font-size:3.8rem;}
.htmlMyV2.senior .myLayer .contPayment .btns {display:none;}
.htmlMyV2.senior .myLayer .contPayment .tabWrap.type1 .tabList {top:25px;}
.htmlMyV2.senior .myLayer .contPayment .current {top:27px;}

.myLayerOn.htmlMyV2.senior .myLayer .contPayment {padding:84px 0 30px 24px;}
.myLayerOn.htmlMyV2.senior .myLayer .contPayment .tabWrap.type1 .tabList {top:20px;}
.myLayerOn.htmlMyV2.senior .myLayer .contPayment .current {top:22px;}

.htmlMyV2.senior.unLogin .myLayer .contPayment.unLogin {padding:0;}
.htmlMyV2.senior.unLogin .myLayer .contPayment.unLogin a {padding:36px 20px 22px 20px;}
.htmlMyV2.senior.unLogin .myLayer .contPayment.unLogin a .price {font-size:3.0rem;}

/* 간편 메뉴(only senior) */
.htmlMyV2.senior .myLayer .contSeniorMenu{position:relative; margin:32px 20px 0; padding:24px 13px; background-color:#fff; border-radius:15px; box-shadow:0 2px 30px rgba(0,0,0,.09);}
.htmlMyV2.senior .myLayer .contSeniorMenu ul {width:100%;}
.htmlMyV2.senior .myLayer .contSeniorMenu ul:after{content:""; display:block; height:0; overflow:hidden; clear:both;}
.htmlMyV2.senior .myLayer .contSeniorMenu li{float:left; width:33.33%;}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(3n){width:33.34%;}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(3) ~ li {margin-top:24px;}
.htmlMyV2.senior .myLayer .contSeniorMenu li a{display:block; padding-top:72px; text-align:center; font-size:1.9rem; font-weight:900; color:#333; background-repeat:no-repeat; background-position:center top; background-size:72px auto;}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(1) a.immediatePayment{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_senior_menu1_new.png);}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(2) a.dividedPayment{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_senior_menu2_new.png);}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(3) a.minimumPayment{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_senior_menu3_new.png);}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(4) a.benefitReceived{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_senior_menu4_new.png);}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(5) a.usingResult{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_senior_menu5_new.png);}
.htmlMyV2.senior .myLayer .contSeniorMenu li:nth-child(6) a.payPlaner{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_senior_menu6_new.png);}

/* 마이데이터(senior) */
.htmlMyV2.senior .myLayer .contMyData .switch .tit{font-size:1.6rem;}
.htmlMyV2.senior .myLayer .contMyData .switch{right:29px;}
.htmlMyV2.senior .myLayer .toggleSwitch input + label{width:67px; height:24px;}
.htmlMyV2.senior .myLayer .toggleSwitch input + label:after{top:-4px; width:32px; height:32px;}
.htmlMyV2.senior .myLayer .toggleSwitch input:checked + label:after{margin-left:36px;}
.htmlMyV2.senior .myLayer .toggleSwitch input + label > span{width:38px; height:24px; line-height:2.4rem; font-size:1.4rem;}
.htmlMyV2.senior .myLayer .contMyData .amountBox {font-size:1.6rem;}
.htmlMyV2.senior .myLayer .contMyData .amountBox .title {font-size:2.0rem;}

/* 이용가능금액(senior) */
.htmlMyV2.senior .myLayer .contMyLimit .inner dl{min-height:45px; padding:8px 0;}
.htmlMyV2.senior .myLayer .contMyLimit .inner dl dt{font-size:1.8rem;}
.htmlMyV2.senior .myLayer .contMyLimit .inner dl dd,
.htmlMyV2.senior .myLayer .contMyLimit .inner dl dd span {font-size:1.6rem;}
.htmlMyV2.senior .myLayer .contMyLimit .inner dl dd span.price{font-size:1.8rem;}
.htmlMyV2.senior .myLayer .contMyLimit .inner .btns button{height:50px; font-size:1.7rem;}
.htmlMyV2.senior .myLayer .contMyLimit .inner > button{bottom:13px; width:49px; height:38px; margin:4px calc(50% - 24.5px) 0;}
.htmlMyV2.senior .myLayer .contMyLimit .inner > button span{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/myv2/arrow_my_limit_senior_new.png); background-size:100% auto;}
.htmlMyV2.senior .myLayer .contMyLimit .inner .noList {font-size:1.8rem;}

/* 최근 이용내역(senior) */
.htmlMyV2.senior .myLayer .contUseList .tabWrap.type1 .tabList {top:16px;}
.htmlMyV2.senior .myLayer .contUseList .current {top:18px;}
.htmlMyV2.senior .myLayer .contUseList .inner:before,
.htmlMyV2.senior .myLayer .contUseList .inner:after {top:63px;}
.htmlMyV2.senior .myLayer .contUseList .inner h1 {padding:24px 22px 18px; font-size:2.0rem;}
.htmlMyV2.senior .myLayer .contUseList .inner ol {padding-bottom:0;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li {padding-top:7px;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li + li {margin-top:25px; padding:0;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .date{font-size:1.6rem;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .useBox {align-items:flex-start; padding:15px 0; border-bottom:1px solid #D9D9D9;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li:last-child .useBox:last-child {border:0;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .useBox + .useBox {padding:24px 0 15px;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .useBox .card {width:28px;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 {position:relative; display:block; padding-top:58px; text-align:right;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 .place {position:absolute; top:0; left:0; width:100%; font-size:1.9rem; line-height:120%; text-align:left;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 .price {width:100%; font-size:2.8rem;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 .price span {position:relative; top:-4px; margin-right:4px; color:rgb(37, 137, 244); font-size:3.0rem;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .info2 {margin-top:0; font-size:1.6rem; text-align:right;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .info2 .etc {position:absolute; top:-80px; left:0; display:flex;}
.htmlMyV2.senior .myLayer .contUseList .inner ol li .info2 .type:before {height:10px;}
.htmlMyV2.senior .myLayer .contUseList .inner .tabPanel01 .noList,
.htmlMyV2.senior .myLayer .contUseList .inner .typeWebContent .noList {font-size:1.8rem;}
.htmlMyV2.senior .myLayer .contUseList .inner .tabPanel02 .noList {font-size:1.6rem;}
.htmlMyV2.senior .myLayer .contUseList .inner .btnTotalView {width:calc(100% - 44px); margin:0 22px; border-color:#D9D9D9; font-size:1.6rem; font-weight:400;}
.htmlMyV2.senior .myLayer .contUseList .inner .dateBox {margin:0 22px; padding:18px 0;}
.htmlMyV2.senior .myLayer .contUseList .inner .dateBox .date {font-size:1.6rem;}

/* 광고배너(senior) */
.htmlMyV2.senior .myLayer .contAdBanner {padding:32px 20px 0;}
.htmlMyV2.senior .myLayer .contAdBanner .contAdBannerSwiper {display:flex; align-items:center; height:58px; border-radius:29px;}
.htmlMyV2.senior .myLayer .contAdBanner .contAdBannerSwiper a {height:100%; padding:11px 0 11px 62px; line-height:2.4rem; background-position:left 20px center; background-size:30px 30px; font-size:1.6rem;}

/* 메뉴편집 */
.popMyMenuEdit .popInner p {padding:37px 0 24px; font-size:1.6rem; font-weight:bold; color:#333; text-align:center;}
.popMyMenuEdit .popInner ul {padding:0 20px 40px;}
.popMyMenuEdit .popInner ul:after {content:""; display:block; height:0; clear:both; overflow:hidden;}
.popMyMenuEdit .popInner ul li {float:left; width:50%; margin-top:15px;}
.popMyMenuEdit .popInner ul li:nth-child(odd) {clear:both; padding-right:3.5px;}
.popMyMenuEdit .popInner ul li:nth-child(even) {padding-left:3.5px;}
.popMyMenuEdit .popInner ul li label {display:flex; min-height:50px; padding:0 10px 0 50px; flex-direction:column; justify-content:center; line-height:120%; color:#666; font-size:1.3rem; font-weight:700; border-radius:16px; background-color:#fff; background:url('/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_edit_quickmenu_default_new.png') no-repeat left 10px top 4px / 40px 40px; box-shadow:0 5px 15px rgba(0,0,0,.1); word-break:keep-all; border:1px dashed transparent; letter-spacing:-0.05em;}
.popMyMenuEdit .popInner ul li label:before {content:none;}
.popMyMenuEdit .popInner ul li label:after {content:""; position:absolute; display:none; top:0; right:9px; width:12px; height:100%; background:transparent url(/https/nm.wooricard.com/dcmw/img/mw/myv2/ico_edit_quickmenu_check_new.png) no-repeat left center; background-size:100% !important;}
.popMyMenuEdit .popInner ul li.on label {padding:4px 22px 0 50px; background-color:#E5E6F5; border:1px dashed #494DCB; color:#494DCB; font-weight:900; letter-spacing:-0.03em;}
.popMyMenuEdit .popInner ul li.on label:after {display:block;}

@media (min-width: 375px) {
	/* won마켓 배너(basic & senior) */
	.myV2 .contWonMarket .swiper-slide {width:42.667vw; padding-right:4.267vw;}
	.myV2 .contWonMarket .swiper-slide .slideBg::after {width:38.4vw;}
	.myV2 .contWonMarket .swiper-slide.lastSlide {width:40.533vw; padding-left:4.267vw;}
}

@media (max-width: 370px) {
	/* 최근 이용내역(basic) */
	.myLayer .contUseList .inner ol li .info1 .place {width:60%;}

	/* 최근 이용내역(senior) */
	.htmlMyV2.senior .myLayer .contUseList .inner h1 {padding:24px 22px 58px;}
	.htmlMyV2.senior .myLayer .contUseList .tabWrap.type1 .tabList {top:56px;}
	.htmlMyV2.senior .myLayer .contUseList .current {top:58px;}
	.htmlMyV2.senior .myLayer .contUseList .inner.typeWeb h1 {padding:24px 22px 18px;}
}

@media (max-width: 359px) {
	/* 우리페이(basic & senior) */
	.myV2 .contPay .cont a {flex-direction:column; justify-content:center;}
}

@media (max-width: 340px) {
	/* 제휴 서비스(basic & senior) */
	.myV2 .contService .tabContents {padding:8px 23px;}
	.myV2 .contService .contServiceList li a {font-size:1.2rem;}

	/* 최근 이용내역(basic) */
	.myLayer .contUseList .inner ol li .info1 .place {width:50%;}

	/* 결제예상금액(senior) */
	.htmlMyV2.senior .myLayer .contPayment .price a {font-size:2.2rem;}
	.htmlMyV2.senior .myLayer .contPayment .price b {font-size:3.6rem;}
}

@media (max-width: 330px) {
	/* 최근 이용내역(basic) */
	.myLayer .contUseList .inner h1 {padding:22px 24px 52px;}
	.myLayer .contUseList .tabWrap.type1 .tabList {top:54px;}
	.myLayer .contUseList .current {top:56px;}
	.myLayer .contUseList .inner.typeWeb h1 {padding:22px 24px;}
	.myLayer .contUseList .inner .tabPanel02 .noList {padding:36px 40px 40px;}
	.myLayer .contUseList .inner .tabPanel02 .noList p {word-break:keep-all;}

	/* 최근 이용내역(senior) */
	.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 {padding-top:63px;}
	.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 .price {font-size:2.4rem;}
	.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 .price span {font-size:2.6rem;}

	/* 간편 메뉴(only senior) */
	.htmlMyV2.senior .myLayer .contSeniorMenu li a {font-size:1.6rem; white-space:nowrap;}

	/* 이용가능금액(senior) */
	.htmlMyV2.senior .myLayer .contMyLimit .inner .btns button {font-size:1.5rem;}
}

@media (max-width: 310px) {
	/* 제휴 서비스(basic & senior) */
	.myV2 .contService .tabContents {padding:8px 23px;}
	.myV2 .contService .contServiceList li a {font-size:1.2rem;}

	/* 마이데이터(basic) */
	.myLayer .contMyData .dateBox {padding:0 20px 40px;}
	.myLayer .contMyData .switch {top:22px;}

	/* 결제예상금액(senior) */
	.htmlMyV2.senior .myLayer .contPayment .price a {font-size:1.8rem;}
	.htmlMyV2.senior .myLayer .contPayment .price b {font-size:3.2rem;}
}

@media (max-width: 300px) {
	/* 우리페이(basic & senior) */
	.myV2 .contPay .cont {padding:24px 60px 0 80px;}
	.myV2 .contPay .cont a {font-size:1.2rem;}
	.myV2 .contPay .cont .pay {right:10px; padding:0 15px 0 9px;}
	.myV2 .contPay.type-horizontal .cont {padding:24px 60px 0 90px;}

	/* CLO 배너(basic & senior) */
	.myV2 .contCLO a {padding:0 15px;}
	.myV2 .contCLO a .img {right:15px;}

	/* 제휴 서비스(basic & senior) */
	.myV2 .contService .tabList li {padding:0 2px;}
	.myV2 .contService .tabContents {padding:8px 10px;}
	.myV2 .contService .contServiceList li a {font-size:1.2rem;}

	/* 최근 이용내역(basic) */
	.myLayer .contUseList .inner ol li .info1 .place {width:45%;}
	
	/* 최근 이용내역(senior) */
	.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 {padding-top:66px;}
	.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 .price {font-size:2.2rem;}
	.htmlMyV2.senior .myLayer .contUseList .inner ol li .info1 .price span {font-size:2.4rem;}
}

@media (max-width: 290px) {
	/* 결제예상금액(basic) */
	.myLayer .contPayment .price a {font-size:1.8rem;}
	.myLayer .contPayment .price b {font-size:2.8rem;}
	.myLayer .contPayment .price strong {white-space:nowrap;}
	.myLayerOn .myLayer .contPayment {padding:60px 14px 0;}

	/* 이번달 이용 실적(only basic) */
	.myLayer .contUsingResult .inner {padding:24px 14px;}
	.myLayer .contUsingResult .inner .btnUsingResult {right:14px;}

	/* 이용가능금액(basic) */
	.myLayer .contMyLimit .inner {padding:24px 12px 14px;}
	
	/* 최근 이용내역(basic) */
	.myLayer .contUseList .inner ol {padding:20px 12px 22px 26px;}
	.myLayer .contUseList .inner .btnTotalView {width:calc(100% - 24px); margin:0 14px;}

	/* 결제예상금액(senior) */
	.htmlMyV2.senior .myLayer .contPayment .price a {font-size:1.6rem;}
	.htmlMyV2.senior .myLayer .contPayment .price b {font-size:3.0rem;}
	.myLayerHalfOn.htmlMyV2.senior .myLayer .contPayment {padding:85px 0 35px 14px;}

	/* 최근 이용내역(senior) */
	.htmlMyV2.senior .myLayer .contUseList .inner .btnTotalView {width:calc(100% - 24px); margin:0 12px;}
	.htmlMyV2.senior .myLayer .contUseList .inner .dateBox .date {font-size:1.4rem;}
}
/* 230605 v5 홈, 마이페이지 v2 (e) */

/* 230414, 230502 로그인 방식 (s) */
.secLogin .loginType nav + .lookapp {z-index:30; position:fixed; left:calc(50% - 125px); bottom:50px; width:250px; height:46px; border-radius:23px; border:1px solid #fff;}
.secLogin .loginType nav + .lookapp a {display:block; overflow:hidden; width:100%; height:100%; padding-left:32px; border-radius:36px 0 0 36px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/login/ico_nav_lookapp_new.svg); background-repeat:no-repeat; background-position:left 47px center; background-size:20px auto; color:#fff; font-size:1.3rem; font-weight:700; line-height:4.4rem; text-align:center; box-sizing:border-box;}
/* 230414, 230502 로그인 방식 (e) */

/* 230414 마이페이지 화면 테마 설정 (s) */
.popWrap.mymode .popup .mode-pager li {width:50%;}
/* 230414 마이페이지 화면 테마 설정 (e) */

/* 국민비서(s) */
.secSecretary.terms .contComplete section.type2 {background:url(/https/nm.wooricard.com/dcmw/img/mw/content/img_secretary_complete3.png) no-repeat center 51.5px / 96px auto;}
.secSecretary.terms .contAlrimChoice .formArea .tipWrap .btnIco_tip {border:none;background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_tooltip02.png) no-repeat left top / 100%;}
.secSecretary.terms .contAlrimChoice .formArea ul li {position:relative;display:flex;padding-right:10px;justify-content:space-between;}
.secSecretary.terms .contAlrimChoice .formArea ul li label {display:flex;padding-left:30px;line-height:2.2rem;}
.secSecretary.terms .contAlrimChoice .formArea ul li label .icon_alrim {margin-top:1px;padding-top:2px;flex-shrink:0;}
.secSecretary.terms .contAlrimChoice .formArea ul li label:before {top:-1px;}
.secSecretary.terms .contAlrimChoice .formArea .tip,
.secSecretary.terms .contAlrimChoice .formArea .tipWrap {position:static;}
.secSecretary.terms .contAlrimChoice .formArea .tip {margin:3px 0 0 8px;}
.secSecretary.terms .contAlrimChoice .formArea .tip .tooltip {top:32px;left:0 !important;width:100%;margin-left:0;padding:20px 48px 14px 20px;}
.secSecretary.terms .contAlrimChoice .formArea .tip .tooltip .cont {padding-right:0;}
.secSecretary.terms .contAlrimChoice .formArea .tip .tooltip .text {font-size:1.3rem;line-height:1.8rem;}
.secSecretary.terms .contAlrimChoice .formArea .tip .tooltip .txtList_disc {margin:9px 0 0;}
.secSecretary.terms .contAlrimChoice .formArea .tip .tooltip .txtList_disc li {margin-top:0;font-size:1.3rem;line-height:1.8rem;}
.secSecretary.terms .contAlrimChoice .formArea .tip .tooltip .txtList_disc li + li {margin-top:9px;}
.secSecretary.terms .secretaryTerms {display:flex;font-size:1.3rem;font-weight:700;align-items:center;}
.secSecretary.terms .secretaryTerms .termsTitle {color:#333;}
.secSecretary.terms .secretaryTerms .terms {display:flex;margin-left:20px;}
.secSecretary.terms .secretaryTerms .terms a {color:#999;text-decoration:underline;text-underline-offset:3px;}
.secSecretary.terms .secretaryTerms .terms span + span {position:relative;margin-left:15px;padding-left:16px;}
.secSecretary.terms .secretaryTerms .terms span + span:before {position:absolute;top:50%;left:0;display:block;width:1px;height:12px;background:#d2d2d2;transform:translate(0,-50%);content:'';}
.secSecretary.terms .contComplete .txtList_disc {position:relative;margin-top:34px;padding-top:23px;}
.secSecretary.terms .contComplete .txtList_disc:before {position:absolute;left:50%;top:0;width:231px;height:1px;margin-left:-115px;background:#e9e9e9;content:'';}
.secSecretary.terms .contComplete p {padding-bottom:0;}
.secSecretary.terms .contComplete p:after {display:none;}
.popWrap.pop_terms .bottom.popCont {padding-top:50px;}
.popWrap.pop_terms .bottom.popCont .popHead h1 {font-size:2.0rem;font-weight:700;color:#000;line-height:2.6rem;letter-spacing:-.6px;word-break:keep-all;}
.popWrap.pop_terms .bottom.popCont .popBody {font-size:1.6rem;color:#333;line-height:2.6rem;letter-spacing:-.6px;}
.popWrap.pop_terms .bottom.popCont .popBody .info {margin-top:26px;font-size:1.3rem;font-weight:700;line-height:2.1rem;letter-spacing:-.3px;}
/* 국민비서(e) */

/* 이용대금명세서(s) */
.bankAccount .topView {position:relative;display:flex;padding:0 0 15px 94px;z-index:2;}
.bankAccount .topView:before {position:absolute;bottom:-5px;left:0;display:block;width:87px;height:66px;background:url(/https/nm.wooricard.com/dcmw/img/mw/content/img_bank_account.png) no-repeat left top / 100%;content:'';}
.bankAccount .topView.wibee:before {bottom: -6px;left: 10px;width: 72px;height: 72px;background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/img_wibee_bank_account.png) no-repeat left bottom / 100%;}
.bankAccount .topView .balloon {display:flex;width:100%;padding:11px 16px 11px 0;background:#487aff;border-radius:10px;align-items:flex-start;justify-content:space-between;}
.bankAccount .topView .balloon .text {position:relative;padding-left:16px;font-size:1.6rem;font-weight:700;color:#fff;line-height:2.4rem;letter-spacing:-.25px;}
.bankAccount .topView .balloon .text:before {position:absolute;top:50%;left:-10px;display:block;width:0;height:0;margin-top:-7px;border-right:15px solid #487aff;border-top:7px solid transparent;border-bottom:7px solid transparent;content:'';}
.bankAccount .topView .tipBox {margin:1px 0 0 6px;}
.bankAccount .topView .tipBox .txtList_disc li + li {margin-top:9px;}
.bankAccount .topView .tip,
.bankAccount .topView .tipWrap {/*position:static;*/}
.bankAccount .topView .tipWrap {width:17px;height:17px;}
.bankAccount .topView .tipWrap .btnIco_tip {width:17px;height:17px;border:none;background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_tooltip03.png) no-repeat left top / 100%;border-radius:0;}
.bankAccount .topView .tooltip {top:27px;left:-302px !important;width:89vw;max-width:335px;margin:0;}
.bankAccount .topView .tooltip .arrow {margin-left:302px !important;}
.bankAccount .topView .tooltip .txtList_disc {margin:0;}
.bankAccount .topView .tooltip .txtList_disc li {font-size:1.3rem;line-height:1.8rem;word-break:keep-all;}
.bankAccount .dataAccount {display:flex;align-items:center;justify-content:space-between;}
.bankAccount .dataAccount .dataBox {display:flex;align-items:center;}
.bankAccount .dataAccount .dataBox .data {display:block;font-size:1.2rem;line-height:2.2rem;letter-spacing:-.25px;}
/* .bankAccount .dataAccount .btnIco_refresh {width:13px;height:13px;margin-left:6px;background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_refresh02.png) no-repeat left top / 100%;} */
.bankAccount .dataAccount .balanceMark {display:flex;align-items:center;}
.bankAccount .dataAccount .balanceMark .title {font-size:1.3rem;font-weight:400;}
.bankAccount .dataAccount .balanceMark .toggleSwitch {margin-left:6px;}
.bankAccount .commonToggle {position:relative;}
.bankAccount .commonToggle .limited-toggle {position:absolute;left:50%;bottom:-18px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.bankAccount .commonToggle .commonTrigger {border-radius:100%;box-shadow:0 3px 6px rgba(0,0,0,.09);-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease;}
.bankAccount .commonToggle.active .commonTrigger {box-shadow:0 -3px 6px rgba(0,0,0,.09);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.bankAccount .roundBox {padding:20px 20px 30px;border:1px solid #dde9ff;border-radius:16px;box-shadow:0 2px 3px rgba(0,0,0,.11);}
.bankAccount .roundBox .inner {margin-top:10px;padding-top:20px;border-top:1px solid #ececec;color:#333;letter-spacing:-.25px;}
.bankAccount .roundBox .inner ~ .inner {display:none;margin-top:16px;}
.bankAccount .roundBox .name {display:block;font-size:1.6rem;font-weight:700;line-height:1.8rem;}
.bankAccount .roundBox .accoountNumber {display:block;margin-top:6px;font-size:1.4rem;line-height:1.6rem;}
.bankAccount .roundBox .amount {display:block;margin-top:12px;font-size:2.1rem;color:rgb(37, 137, 244);line-height:2.4rem;text-align:right;}
.bankAccount .roundBox .amount a {display:inline-flex;align-items:center;}
.bankAccount .roundBox .amount a:after {display:block;width:16px;height:16px;margin-left:8px;background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow10.png) no-repeat left top / 100%;;content:'';}
.bankAccount .roundBox .amount a.off {display:none;}
.bankAccount .roundBox .connectAccount {display:flex;margin-top:8px;align-items:center;justify-content:flex-end;}
.bankAccount .roundBox .connectAccount .text {font-size:1.4rem;color:rgb(37, 137, 244);line-height:1.6rem;letter-spacing:-.25px;}
.bankAccount .roundBox .connectAccount .btn {margin-left:8px;padding:8px 21px;background:#7896f8;border-radius:7px;font-size:1.4rem;font-weight:700;color:#fff;line-height:1.6rem;letter-spacing:-.14px;}
.bankAccount .roundBox .addAccount {margin-top:16px;padding-top:16px;border-top:1px solid #ebecf0;}
.bankAccount .roundBox .addAccount a {display:block;border:1px solid #2769f0;border-radius:10px;font-size:1.5rem;font-weight:700;color:#2769f0;line-height:4.0rem;text-align:center;}
.bankAccount.none .topView .balloon {padding-right:17px;}
.bankAccount.none .topView .balloon .text {padding-left:20px;font-size:1.4rem;letter-spacing:-.2px;}
.bankAccount.none .roundBox {display:flex;padding-top:30px;justify-content:space-between;align-items:flex-end;}
.bankAccount.none .roundBox .infoBox .name {font-size:1.4rem;font-weight:400;line-height:1.6rem;}
.bankAccount.none .roundBox .infoBox .accoountNumber {margin-top:5px;}
.bankAccount.none .roundBox .amount span {font-weight:900;}
.bankAccount.active .roundBox .inner {display:block;}
.bankAccount .banner {display:block;margin-top:28px;}

@media screen and (max-width:360px) {
	.bankAccount .topView .tooltip {left:-287px !important;}
	.bankAccount .topView .tooltip .arrow {margin-left:287px !important;}
}

@media screen and (max-width:320px) {
	.bankAccount .topView .tooltip {left:-252px !important;}
	.bankAccount .topView .tooltip .arrow {margin-left:252px !important;}
}

@media screen and (max-width:280px) {
	.bankAccount .topView .tooltip {left:-207px !important;width:86vw;}
	.bankAccount .topView .tooltip .arrow {margin-left:206px !important;}
	.bankAccount .roundBox .connectAccount .btn {padding:8px 15px;}
	.bankAccount .dataAccount {display:block;}
}
/* 이용대금명세서(e) */

/* 포인트 바로지급 서비스(s) */
.bnpl-intro .bnpl-intro-text {margin-top:21px;}
.bnpl-intro .bnpl-intro-sub-txt {padding-top:24px; color:#333; font-size:1.4rem; line-height:2.2rem;}
.bnpl-intro .bnpl-intro-bb-wrap {padding:0 26px 30px;}
.bnpl-intro .bnpl-intro-bb-wrap h2 {max-width:100%; font-weight:700; text-align:center;}
.bnpl-intro .bnpl-intro-bb-wrap h2 .point-color {color:#014DE8;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-title > span {padding:0;background:none;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox {margin-top:20px;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox {position:relative;margin-top:16px;padding:26px 30px;background:linear-gradient(#5789e5, #7a97f5);border-radius:18px;color:#fff;text-align:right;box-shadow:0 2px 20px rgba(0,0,0,.2);}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:before {position:absolute;top:12px;left:35px;display:block;width:80px;height:80px;background:url('/https/nm.wooricard.com/dcmw/img/mw/million/bnpl-ex-img03.png') no-repeat left top / 100%;content:'';}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox .boxTitle {font-size:1.6rem;font-weight:700;line-height:2.3rem;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox .boxTitle span {position:relative;z-index:1;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox .boxTitle span:before {position:absolute;bottom:0;left:0;right:0;display:block;height:5px;background:#a490f6;border-radius:3px;z-index:-1;content:'';}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox .text {display:block;margin-top:20px;line-height:2.2rem;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child {margin-top:0;padding:59px 30px 30px;background:linear-gradient(#7193ff 0%, rgb(37, 137, 244) 7%, rgb(37, 137, 244) 81%,#2a449a 100%);text-align:left;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child:before {top:21px;left:30px;display:block;width:54px;height:42px;background:url('/https/nm.wooricard.com/dcmw/img/mw/million/bnpl-ex-img01.png') no-repeat left top / 100%;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child:after {position:absolute;top:30px;right:20px;display:block;width:89px;height:89px;background:url('/https/nm.wooricard.com/dcmw/img/mw/million/bnpl-ex-img02.png') no-repeat left top / 100%;content:'';}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child .boxTitle {font-size:1.8rem;line-height:2.6rem;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child .boxTitle + .text {margin-top:25px;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child .text {margin-top:16px;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .versus {position:relative;margin-top:13px;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .versus > span {display:block;width:25px;height:27px;margin:0 auto;background:url('/https/nm.wooricard.com/dcmw/img/mw/million/bnpl-ex-versus.png') no-repeat left top / 100%;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .versus:before,
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .versus:after {position:absolute;top:50%;width:44.2724%;height:1px;background:rgb(37, 137, 244);transform:translate(0,-50%);content:'';}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .versus:before {left:0;}
.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .versus:after {right:0;}
.bnpl-intro .bnpl-intro-cont .txtList_remark {margin-top:10px;}
.bnpl-intro .bnpl-intro-cont .bnpl-intro-cont-txt.bnpl-mark {display:inline-block; margin-top:5px; padding-left:5px;}
.bnpl-intro .bnpl-intro-cont .bnpl-intro-cont-caution {margin:4px 0 0 5px;}
.bnpl-intro .bnpl-intro-cont-wrap .bnpl-intro-cont .bnpl-intro-cont-txt-list li + li {margin-top:10px;}
.bnpl-intro .bnpl-intro-cont-wrap .bnpl-intro-cont .bnpl-intro-title-saving {display:block;margin-top:10px;color:#666;}
.bnpl-intro .bnpl-intro-cont-wrap .bnpl-intro-cont .bnpl-intro-title-saving + .bnpl-intro-cont-txt {margin-top:0;}
.bnpl-intro .bnpl-point-wrap .bnpl-point-caution {padding:0;background:none;}
.bnpl-intro .bnpl-point-wrap .bnpl-point-caution + p {margin-top:14px;}
.bnpl-intro .bnpl-intro-cont-wrap .bnpl-precautions .bnpl-intro-cont-txt-list li {padding-left:8px;text-indent:0;}

@media screen and (max-width:320px) {
	.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox {padding:26px 20px;}
	.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:before {top:20px;left:25px;width:50px;height:50px;}
	.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child {padding:59px 20px 30px}
	.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child:before {top:21px;left:20px;width:36px;height:24px;}
	.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child:after {top:30px;right:15px;width:50px;height:50px;}
	.bnpl-intro .bnpl-intro-bb-wrap .bnpl-intro-bb-exBox .innerBox:first-child .boxTitle {letter-spacing:-1px;}
}
/* 포인트 바로지급 서비스(e) */

/* 기업홈페이지 개선 - 카드상세정보조회 (s) */
.dataList .detail .btnAllView {margin-top:20px;text-align:right;}
.dataList .detail .btnAllView [class^=btn_] {background:#fff;}
/* 기업홈페이지 개선 - 카드상세정보조회 (e) */

/* 230608 v7 주요거래uiux개선 (s) */
.improveWrap,
.improveDateWrap {margin:0;padding:0;}
.improveWrap.hr {margin:0;padding:0;border:none;}
.improveWrap ~ section.hr,
.improveWrap .betweenAcco {margin-top:0;border-top:8px solid rgba(115, 132, 149, 0.05);}
.improveWrap .tabList {padding:0 2rem;}
.improveWrap .tabList li {padding:1.9rem 0;}
.improveWrap .tabList > .on:before {left:0;right:0;}
.improveWrap .moneyTotal {margin-top:0;padding:3.7rem 2rem 3.2rem;background:none;}
.improveDateWrap .moneyTotal {margin-top:0;padding:2.4rem 2rem 0;background:none;}
.improveDateWrap .moneyTotal .periodSel {width:auto;height:auto;margin:0;border:none;font-size:2.4rem;font-weight:900;color:#333;line-height:3.2rem;}
.improveDateWrap .moneyTotal .periodSel > span {padding-right:1.6rem;}
.improveDateWrap .moneyTotal .periodSel > span:after {width:1.2rem;height:1.2rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_bottom.svg') no-repeat left top / 100%;}
.improveDateWrap .moneyTotal .controls {position:relative;display:inline-block;margin:0 auto;padding:0 4.4rem;}
.improveDateWrap .moneyTotal .controls .btnPrev,
.improveDateWrap .moneyTotal .controls .btnNext {position:absolute;top:0;width:3.2rem;height:3.2rem;}
.improveDateWrap .moneyTotal .controls .btnPrev {left:0;background:url('/https/nm.wooricard.com/dcmw/img/mw/bflife/btn_arrow_left_on.png') no-repeat left top / 100%;}
.improveDateWrap .moneyTotal .controls .btnNext {right:0;background:url('/https/nm.wooricard.com/dcmw/img/mw/bflife/btn_arrow_right_on.png') no-repeat left top / 100%;}
.improveDateWrap .moneyTotal .controls .btnPrev:disabled {background:url('/https/nm.wooricard.com/dcmw/img/mw/bflife/btn_arrow_left.png') no-repeat left top / 100%;}
.improveDateWrap .moneyTotal .controls .btnNext:disabled {background:url('/https/nm.wooricard.com/dcmw/img/mw/bflife/btn_arrow_right.png') no-repeat left top / 100%;}
.improveWrap .moneyTotal .total {margin:.8rem 0 0;}
.improveWrap .moneyTotal .total .money {display:flex;font-size:2rem;font-weight:700;color:#333;align-items:center;justify-content:center;}
.improveWrap .moneyTotal .total .money em {margin-right:.2rem;font-size:3.4rem;font-weight:900;color:#295cdd;line-height:3.8rem;}
.improveWrap .moneyTotal .total .money em > div[data-numberanimate-pos="4"],
.improveWrap .moneyTotal .total .money em > div[data-numberanimate-pos="8"],
.improveWrap .moneyTotal .total .money em > div[data-numberanimate-pos="12"] {width: 13px !important;}
.improveWrap .moneyTotal .subTxt {margin-top:1.6rem; color:#666; font-size:1.2rem; line-height:1.3rem;}
.improveWrap .moneyTotal .priceWrap {}
.improveWrap .moneyTotal .priceWrap dl {display:flex;justify-content:space-between;align-items:center;}
.improveWrap .moneyTotal .priceWrap dl:first-child {margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid #e8e8e8;}
.improveWrap .moneyTotal .priceWrap dl + dl {margin-top:1.6rem;}
.improveWrap .moneyTotal .priceWrap dl dt {position:relative;font-size:1.4rem;color:#666;}
.improveWrap .moneyTotal .priceWrap dl dd {font-size:1.4rem;color:#333;}
.improveWrap .moneyTotal .priceWrap dl dd span {font-weight:700;}
.improveWrap .moneyTotal .priceWrap .btnWrap {display:flex;margin-top:3.2rem;justify-content:space-between;}
.improveWrap .moneyTotal .priceWrap .btnWrap .btn {background:#ebecf0;border-radius:10px;font-size:1.4rem;color:#333;flex:1;height:4rem}
.improveWrap .moneyTotal .priceWrap .btnWrap .btn + .btn {margin-left:.6rem;}
.improveWrap .moneyTotal .priceWrap .tip,
.improveWrap .moneyTotal .priceWrap .tipWrap {position:static;}
.improveWrap .moneyTotal .priceWrap .tipWrap .btnIco_tip {border:none;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_tooltip02.png') no-repeat left top / 100%;}
.improveWrap .moneyTotal .priceWrap .tooltip {top:16px;width:234px;margin:20px 0 0 0 !important;color:#333;font-size:1.3rem;line-height:1.8rem;}
.improveWrap .moneyTotal .priceWrap .tooltip .arrow {right:0;top:0;width:20px;height:9px;margin-top:-9px;}
.improveWrap .moneyTotal .priceWrap .tooltip .arrow:after {top:3px;left:1px;width:11px;height:11px;}
.improveWrap .moneyTotal .sendEmailArea {margin-top:1.6rem;padding-right:.4rem;line-height:1.6rem;text-align:right;}
.improveWrap .moneyTotal .sendEmailArea .btn_u {position:relative;display:inline-block;height:auto;padding:0 1rem 0 0;border:none;border-radius:0;color:#666;line-height:1.6rem;box-shadow:none;vertical-align:top;}
.improveWrap .moneyTotal .sendEmailArea .btn_u:before {position:absolute;top:50%;right:0;display:block;width:.6rem;height:1rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow9.png') no-repeat left top / 100%;transform:translate(0,-.3rem);content:'';}
.improveWrap .moneyTotal .block {padding:0;}
.improveWrap .moneyTotal .block .tit {margin-top:0;}
.improveWrap .moneyTotal.iptTab {padding-top:0;}
.improveWrap .moneyTotal.iptTab .tit {margin-top:3.7rem;}
.improveWrap .moneyTotal .iptGroup.iptBtn {display:flex;width:auto;margin:0 -2rem;padding:1.6rem 0;background:#f3f3f5;justify-content:center;}
.improveWrap .moneyTotal .iptGroup.iptBtn li {position:relative;height:auto;}
.improveWrap .moneyTotal .iptGroup.iptBtn li + li {margin-left:2rem;padding-left:2.1rem;}
.improveWrap .moneyTotal .iptGroup.iptBtn li + li:before {position:absolute;top:50%;left:0;display:block;width:1px;height:12px;background:#dedede;transform:translate(0,-50%);content:'';}
.improveWrap .moneyTotal .iptGroup.iptBtn .ipt + label {padding:0;background:none;font-size:1.4rem;color:#666;}
.improveWrap .moneyTotal .iptGroup.iptBtn .ipt + label:after {display:none;}
.improveWrap .moneyTotal .iptGroup.iptBtn .ipt:checked + label {font-weight:700;color:#333;}
.improveWrap .moneyTotal.upLimit {text-align: left; padding-top:3.7rem;}
.improveWrap .moneyTotal.upLimit .tit {margin-top: 0; font-size: 2.2rem; line-height: 2.6rem;}
.improveWrap .moneyTotal.upLimit .tit .type {color:#0871f3;}
.improveWrap .moneyTotal.upLimit .tit + .interSum {margin:2.1rem 0 0; background: #fff; box-shadow: 0 3px 6px 2px #0000001f;}
.improveWrap .moneyTotal.upLimit .interSum {margin:0;padding:2.2rem 2.4rem;border-radius:24px;}
.improveWrap .moneyTotal.upLimit .interSum li {text-align:center;}
.improveWrap .moneyTotal.upLimit .interSum li + li {margin-top:2.4rem;padding-top:2.1rem;}
.improveWrap .moneyTotal.upLimit .interSum [class*=item] {display: block; width: 100%; padding: 0; font-weight: 700; color: #6d747b;}
.improveWrap .moneyTotal.upLimit .interSum .valArea {display:flex;margin-top:.7rem;align-items:center;justify-content:center;}
.improveWrap .moneyTotal.upLimit .interSum .valArea .val {margin:0;}
.improveWrap .moneyTotal.upLimit .interSum .valArea .val:first-child {position:relative;margin-right:1.2rem;padding-right:1.8rem;}
/* s: 20241118 뉴원결함수정 - 구성훈 */
.improveWrap .moneyTotal.upLimit .interSum .valArea .val:first-child:before {position: absolute; top: 50%; right: -5px; display: block; width: 16px; height: 16px; border-left: 0; border-top: 0; border-bottom: 0; transform: translateY(-50%); content: ''; background: url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_single_arrow.png?v=20241127') no-repeat; background-size: 100%;}
/* e: 20241118 뉴원결함수정 - 구성훈 */
.improveWrap .moneyTotal.upLimit .interSum .valArea .val + .val {padding-left:0;}
.improveWrap .moneyTotal.upLimit .interSum .valArea .val + .val:after {display:none;}
.improveWrap .moneyTotal.upLimit .interSum .valArea .val .before {display: flex; font-size: 2.2rem; font-weight: 600; line-height: 2.6rem; align-items: center; color: #6d747b;}
.improveWrap .moneyTotal.upLimit .interSum .valArea .val .before .price {margin-right: .2rem; font-size: 2.2rem; font-weight: 600; color: #6d747b;}
.improveWrap .moneyTotal.upLimit .interSum .valArea .val .after {display: flex; font-size: 2.2rem; font-weight: 600; color: #0871f3; line-height: 2.6rem; align-items: center;}
.improveWrap .moneyTotal.upLimit .interSum .valArea .val .after .price {margin-right: .2rem; font-size: 2.2rem; font-weight: 600; color: #0871f3;}
/* 230731 이용한도 변경없을시 */
.improveWrap .moneyTotal.upLimit .interSum .valArea.same .val:first-child {display:none}

.improveWrap .moneyTotalTab {margin:0;background:none;}
.improveWrap .moneyTotal .btnArea {display:flex;margin:3.2rem 0 0;}
.improveWrap .moneyTotal .btnArea .btn + .btn {margin-left:.6rem;}
.improveWrap .cardPaymentWrap {padding:3.1rem 2rem 0;}
.improveWrap .cardPaymentWrap .titArea {margin:0;}
.improveWrap .cardPaymentWrap .titArea .titH2 {font-size:1.8rem;color:#333;}
.improveWrap .cardPaymentWrap .titArea .date {margin-top:.5rem;padding-top:0;font-size:1.2rem;}
.improveWrap .cardPaymentWrap .titArea .date em {font-weight:400;}
.improveWrap .cardPaymentWrap .titArea ~ .roundBox {margin-top:1.3rem;}
.improveWrap .cardPaymentWrap .roundBox {position:relative;padding:2.4rem 2.4rem 2rem;border:1px solid #ebecf0;border-radius:24px;}
.improveWrap .cardPaymentWrap .roundBox.commonToggle {padding-bottom:2.4rem;}
.improveWrap .cardPaymentWrap .roundBox.active .btnToggle {transform:rotate(180deg);}
.improveWrap .cardPaymentWrap .inCont.commonToggleHidden {display:none;}
.improveWrap .cardPaymentWrap .toggleGroup .inCont,
.improveWrap .cardPaymentWrap .inCont + .inCont {margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid #e8e8e8;} 
.improveWrap .cardPaymentWrap .infoBox {position:relative;display:flex;padding-left:3.2rem; padding-right:2.8rem; }
.improveWrap .cardPaymentWrap .infoBox .card {position:absolute;top:0;left:0;width:2.2rem;}
.improveWrap .cardPaymentWrap .infoBox .card img {max-width:3.5rem;max-height:3.5rem;}
.improveWrap .cardPaymentWrap .infoBox .card.rotate {transform:rotate(90deg);}
.improveWrap .cardPaymentWrap .infoBox .cardInfo {overflow:hidden;}
.improveWrap .cardPaymentWrap .infoBox .cardInfo .info {display:flex;}
.improveWrap .cardPaymentWrap .infoBox .cardInfo .flag {display:inline-block;padding:0 .6rem;background:#4d72d0;border-radius:10px;font-size:1.1rem;font-weight:700;color:#fff;line-height:1.6rem;flex-shrink:0;}
.improveWrap .cardPaymentWrap .infoBox .cardInfo .cardNum {flex-shrink:0;}
.improveWrap .cardPaymentWrap .infoBox .cardInfo .cardNum,
.improveWrap .cardPaymentWrap .infoBox .cardInfo .cardName {margin-left:.4rem;font-size:1.4rem;font-weight:700;color:#333;line-height:1.6rem;}
.improveWrap .cardPaymentWrap .infoBox .cardInfo .cardName {position:relative;padding-left:.4rem;white-space:nowrap;}
.improveWrap .cardPaymentWrap .infoBox .cardInfo .cardName:before {position:absolute;top:50%;left:0;display:block;width:1px;height:8px;background:#dedede;transform:translate(0,-50%);content:'';}
.improveWrap .cardPaymentWrap .infoBox .cardInfo .bank {margin-top:.3rem;font-size:1.2rem;}
.improveWrap .cardPaymentWrap .priceInfo {display:block;margin-top:1.6rem;font-size:1.6rem;color:#333;text-align:right;}
.improveWrap .cardPaymentWrap .priceInfo span {font-weight:700;}
.improveWrap .cardPaymentWrap .btnWrap {display:flex;margin-top:1.3rem;}
.improveWrap .cardPaymentWrap .btnWrap .btn {height:3.6rem;background:#ebecf0;border-radius:10px;font-size:1.4rem;color:#333;flex:1;}
.improveWrap .cardPaymentWrap .btnWrap .btn + .btn {margin-left:.6rem;}
.improveWrap .cardPaymentWrap .detailWrap {margin-top:1.6rem;padding:2rem;background:#f7f8f9;border-radius:12px;}
.improveWrap .cardPaymentWrap .detailWrap ul li {display:flex;font-size:1.2rem;justify-content:space-between;}
.improveWrap .cardPaymentWrap .detailWrap ul li + li {margin-top:1rem;}
.improveWrap .cardPaymentWrap .detailWrap ul li em {font-weight:400;color:#666;line-height:1.6rem;}
.improveWrap .cardPaymentWrap .detailWrap ul li span {font-weight:700;color:#333;}
.improveWrap .cardPaymentWrap .limited-toggle {position: absolute; top:1.8rem; right:1.4rem;}
.improveWrap .cardPaymentWrap .noData {margin-top:1.3rem;}
.improveWrap .cardPaymentWrap .btnToggle {position:relative;display:block;width:3.6rem;height:2.9rem;margin:0 auto;transition:transform 0.3s ease;}
.improveWrap .cardPaymentWrap .btnToggle:before {position:absolute;top:50%;left:50%;display:block;width:1.5rem;height:.8rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/btn_acco6_new.png') no-repeat left top / 100%;transform:translate(-50%,-50%);content:'';}
.improveWrap .searchWrap {display:flex;padding:1.2rem 2rem;background:#f3f3f5;align-items:center;justify-content:space-between;}
.improveWrap .searchWrap .date {font-size:1.4rem;font-weight:700;color:#333;}
.improveWrap .searchWrap .filter {position:relative;display:block;width:2.4rem;height:2.4rem;}
.improveWrap .searchWrap .filter:after {position:absolute;top:50%;left:50%;display:block;width:1.8rem;height:1.7rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_filter_new.svg') no-repeat left top / 100%;transform:translate(-50%,-50%);content:'';}
.improveWrap .searchWrap + .moneyTotal {padding-top:3.7rem;}
.improveWrap .bankAccount {padding:3.1rem 2rem 3.2rem;}
.improveWrap .bankAccount .banner img {width:100%;}
.improveWrap .paymentCard {margin:32px 20px 0 20px;} /* 뉴원 적용 */
.improveWrap .paymentCard .accoBody.detail {padding:2.1rem 2rem;}
.improveWrap .paymentCard .targetCard {overflow:hidden;}
.improveWrap .paymentCard .targetCard li + li {margin-top:1.3rem;padding-top:1.3rem;}
.improveWrap .paymentCard .targetCard li .targetCard {position:relative;display:flex;padding-left:3.2rem;align-items:center;}
.improveWrap .paymentCard .targetCard li .targetCard .img {position:absolute;top:0;left:0;width:2.2rem;height:auto;}
.improveWrap .paymentCard .targetCard li .targetCard .img img {max-width:3.5rem;max-height:3.5rem;}
.improveWrap .paymentCard .targetCard li .targetCard .img.rotate {transform:rotate(90deg);}
.improveWrap .paymentCard .targetCard li .targetCard .info {height:auto;padding-left:0; }
.improveWrap .paymentCard .targetCard li .targetCard .area {display:flex;padding-bottom:3px;font-size:1.4rem;font-weight:700;color:#333;line-height:1;height:3.6rem; align-items: center;}
.improveWrap .paymentCard .targetCard li .targetCard .cardNum {flex-shrink:0;}
.improveWrap .paymentCard .targetCard li .targetCard .cardName {position:relative;margin-left:.4rem;padding-left:.5rem;white-space:nowrap;}
.improveWrap .paymentCard .targetCard li .targetCard .cardName:before {position:absolute;top:50%;left:0;display:block;width:1px;height:8px;background:#dedede;transform:translate(0,-50%);content:'';}
.improveWrap .paymentCard .targetCard li .targetCard .price {display:block;margin-top:.2rem;font-size:1.4rem;}
.improveWrap .paymentCard .targetCard li .targetCard .price:before {display:none;}
.improveWrap .paymentCard .targetCard li .targetCard .price span {font-weight:700;}
.improveWrap .tabWrapper {margin:3.2rem 0;}
.improveWrap .tabWrapper .infoMsgBox {margin:3rem 2rem 0;}
.improveWrap .tabWrap {margin:0;}
.improveWrap .tabWrap .tabPanel {padding:0;}
.improveWrap .tabWrap .tabPanel .txtList_guide {margin-top:1.4rem;}
.improveWrap .tabWrap .tabPanel * + .formArea {margin-top:0;}
.improveWrap .tabWrap .tabPanel div:not([style*="display:none"]) + .formArea {margin-top:3rem;}
.improveWrap .tabContents {padding:3.2rem 2rem 0;}
.improveWrap .btnTxt_more {min-height:4.8rem;margin:2.2rem 0 0;font-size:1.4rem;font-weight:700;}
.improveWrap .btnTxt_more span {padding-right:2.8rem;}
.improveWrap .sltWrap {margin:0;}
.improveWrap .sltWrap:after {content:none;}
.improveWrap .label + span + sltWrap:after{content:""}/* 뉴원 반영 예외처리 이재길 11.20 */
.improveWrap .tblInfo {display:flex;align-items:center;justify-content:space-between;}
.improveWrap .tblInfo .info > span {font-size:1.4rem;font-weight:700;color:#333;}
.improveWrap .tblInfo .info > span em {font-weight:900;vertical-align:middle;}
.improveWrap .tblInfo .inquiryTotal {font-size:1.4rem;font-weight:700;color:#333;}
.improveWrap .tblInfo .inquiryTotal span {font-weight:900;}
.improveWrap .tblInfo .bbsSort {width:auto;}
.improveWrap .tblInfo .bbsSort .ipt:checked + label {font-weight:700;}
.improveWrap .inner {padding:2.5rem 2rem 0;}
.improveWrap .inner .noData {position:relative;margin:0;padding:9rem 0 3rem;border-bottom:1px solid #e0e0e0;}
.improveWrap .inner .noData:before {position:absolute;top:0;left:50%;width:6.2rem;height:100%;margin-left:-2.6rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/mypage/img_mydata_nolist.png') no-repeat center 26px / 100%;content:'';}
.improveWrap .inner .greetingMydate {padding-top:9.5rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/mypage/img_mydata_join.png') no-repeat center 21px / 77px auto;text-align:center;}
.improveWrap .inner .btnArea {margin:2rem 0 4.5rem;padding:0;}
.improveWrap .inner .btnArea button {width:78.6%;height:46px;padding:0;border-radius:10px;font-size:1.5rem;font-weight:900;line-height:3.8rem;letter-spacing:0;}
.improveWrap .tblInfo.dataArea {}
.improveWrap .tblInfo.dataArea .info {display:block;}
.improveWrap .tblInfo.dataArea .info > span {font-weight:400;color:#666;}
.improveWrap .tblInfo.dataArea .info > span em {margin-right:1px;font-weight:400;color:#000;vertical-align:bottom;}
.improveWrap .tblInfo.dataArea .info .totalView {}
.improveWrap .tblInfo.dataArea .date.block {margin-top:19px;white-space:nowrap;}
.improveWrap .tblInfo.dataArea .date.block .refresh {position:relative;display:inline-block;margin-left:7px;padding-left:10px;}
.improveWrap .tblInfo.dataArea .date.block .refresh:before {position:absolute;top:50%;left:0;height:14px;margin-top:-8px;border-right:1px solid #d2d2d2;content:'';}
.improveWrap .tblInfo.dataArea .date.block .refresh button {position:relative;top:-1px;overflow:hidden;width:20.5px;height:21.5px;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_refresh.png') no-repeat left top / 100%;color:rgba(0,0,0,0);}
.improveWrap .tblInfo.dataArea .totalView {position:absolute;top:0;right:0;display:block;padding:5px 12px 5px 5px;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow9.png') no-repeat right 7px / 6px auto;font-size:1.2rem;font-weight:700;color:#666;}
.improveWrap .dataList .block {padding:2.1rem 0 5.4rem}
.improveWrap .dataList .block.waBtn {position:relative;display:flex;padding-left:3.4rem;background:none;justify-content:space-between;}
.improveWrap .dataList .block.waBtn ~ .links {right:0;bottom:2.4rem;padding-right:1rem;font-size:1.2rem;color:#666;}
.improveWrap .dataList .block.waBtn ~ .links:after {position:absolute;top:50%;right:0;left:auto;bottom:auto;display:block;width:.6rem;height:1rem;border:none;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow9.png') no-repeat left top / 100%;transform:translate(0,-.3rem);}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal {padding:2rem;border-top:1px solid #e8e8e8;}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total {display:flex;align-items:center;justify-content:space-between;}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total:after {display:none;}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total + .total {margin-top:2rem;padding-top:2rem;border-top:1px solid #e8e8e8;}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total .totalInfo {}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total .totalInfo .str {margin-top:0;font-size:1.4rem;font-weight:700;}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total .totalInfo span {display:block;margin-top:.3rem;font-size:1.2rem;}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total .money {font-size:1.8rem;color:#333;}
.improveWrap .dataList:not([class^=addInfoList]) > li .dataTotal .total .money em {}
.improveWrap .dataList .card {position:absolute;top:2.1rem;left:0;width:2.2rem;margin-top:.5rem;flex-shrink:0;}
.improveWrap .dataList .card.rotate {transform:rotate(90deg);}
.improveWrap .dataList .card.rotate img {max-width:3.5rem;max-height:3.5rem;}
.improveWrap .dataList .dataInfo {width:52%;}
.improveWrap .dataList .tit {overflow:hidden;max-height:4.4rem;padding:0;line-height:2.2rem;white-space:inherit;}
.improveWrap .dataList .info {margin:.3rem 0 0;}
.improveWrap .dataList .info ~ .info {position:absolute;bottom:2.4rem;left:3.4rem;}
.improveWrap .dataList .dataMoney {margin-left:1.1rem;}
.improveWrap .dataList .dataMoney > *:first-child {margin:0;}
.improveWrap .dataList .dataMoney.cancel .money,
.improveWrap .dataList .dataMoney.cancel .money em {color:#959595;text-decoration:line-through;}
.improveWrap .dataList .dataMoney .cancel {display:block;margin-top:.4rem;font-size:1.4rem;color:#ff0606;}
.improveWrap .dataList .money em {padding-right:0;}
.improveWrap .dataList .moneySale {display:block;margin-top:.4rem;font-size:1.4rem;color:#295cdd;}
.improveWrap .dataList .moneySale span {font-weight:700;}
.improveWrap .dataList .accoItem .accoBtn {display:flex;padding-right:2.5rem;justify-content:space-between;flex-wrap:wrap;}
.improveWrap .dataList.sum.payment .tit {line-height:inherit;}
.improveWrap .dataList.sum.payment .dataInfo {min-height:inherit;margin:0;}
.improveWrap .dataList.sum.payment .dataMoney {float:none; margin-left:0; width:48%}
.improveWrap .dataList.sum.payment .dataMoney .money {font-size:2rem;}
.improveWrap .dataTotalPrice {display:flex;padding:2rem;border-bottom:1px solid #e8e8e8;background:#f3f3f5;align-items:center;justify-content:space-between;}
.improveWrap .dataTotalPrice .str {font-size:1.6rem;font-weight:700;color:#333;}
.improveWrap .dataTotalPrice .money {font-size:2rem;color:rgb(37, 137, 244);}
.improveWrap .dataTotalPrice .money span {font-weight:700;}
.improveWrap .betweenNoti {margin:3.2rem -2rem 0;padding:3.2rem 2rem 0 2rem;}
.improveWrap .betweenNoti .infoMsgBox {margin:3rem 0 0;}
.improveWrap .dataWrap {padding:3.1rem 2rem 3.2rem;}
.improveWrap .dataWrap .title {font-size:1.8rem;font-weight:700;color:#333;}
.improveWrap .dataWrap .title + .tblInfo {margin-top:3rem;}
.improveWrap .dataWrap .sumList {margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid #e8e8e8;}
.improveWrap .dataWrap .sumList li {display:flex;align-items:center;justify-content:space-between;}
.improveWrap .dataWrap .sumList li + li {margin-top:1.6rem;}
.improveWrap .dataWrap .sumList li em {font-size:1.4rem;font-weight:400;}
.improveWrap .dataWrap .sumList li > span {font-size:1.4rem;color:#333;}
.improveWrap .dataWrap .sumList li > span .num {font-weight:700;}
.improveWrap .bannerWrap {margin-top:2rem;}
.improveWrap .bannerWrap img {width:100%;}
.improveWrap .improveBanner {margin:3.2rem 2rem 0;}
.improveWrap .improveBanner img {width:100%;}
.improveWrap .noData.type {padding:3.2rem 0;border-bottom:0;text-align:center;}
.improveWrap .noData.type .text {font-size:1.6rem;color:#959595;line-height:1.8rem;}
.improveWrap .noData.type .btnWrap {margin-top:1.5rem;}
.improveWrap .noData.type .btn {font-size:1.2rem;font-weight:700;color:#666;}
.improveWrap .noData.type .btn span {position:relative;padding-right:1rem;}
.improveWrap .noData.type .btn span:before {position:absolute;top:50%;right:0;display:block;width:.6rem;height:1rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow9.png') no-repeat left top / 100%;transform:translate(0,-.3rem);content:'';}
.improveWrap .noData.type .btn_r {margin-top:3.2rem;}
.improveWrap .topVisualArea {padding:3.7rem 2rem 3.2rem;background:none;}
.improveWrap .topVisualArea .tit {display:block;text-align:center;}
.improveWrap .topVisualArea .tit > span {display:block;}
.improveWrap .topVisualArea .tit .user {font-size:1.6rem;font-weight:700;color:#333;}
.improveWrap .topVisualArea .tit .date {display:flex;margin-top:.6rem;font-size:2rem;font-weight:700;color:#333;align-items:center;justify-content:center;}
.improveWrap .topVisualArea .tit .date span {margin-right:.2rem;font-size:3.4rem;font-weight:900;line-height:3.8rem;color:#295cdd;}
.improveWrap .topVisualArea .tit .date span + span {margin-left:1.6rem;}
.improveWrap .topVisualArea .roundBox {margin-top:3.2rem;padding:2.6rem 2rem;background:#f7f8f9;border-radius:24px;}
.improveWrap .topVisualArea .roundBox .text {display:block;font-size:1.6rem;color:#000;line-height:2.6rem;}
.improveWrap .topVisualArea .roundBox .text span {display:block;font-weight:700;}
.improveWrap .topVisualArea .roundBox [class^=btn_] {margin-top:2rem;background:#2769f0;border-radius:10px;font-size:1.5rem;font-weight:700;}
.improveWrap .limitGraphArea {margin:0;padding:3.7rem 2rem 3.2rem;background:none;}
.improveWrap .limitGraphArea .total {padding: 20px 20px 16px 20px; background: #f8f9f9; border-radius: 16px 16px 0 0;}
.improveWrap .limitGraphArea .total .item {font-size: 1.4rem; font-weight: 500; color: #343a40;}
.improveWrap .limitGraphArea .total .money {display: flex; margin-top: .4rem; font-size: 2.5rem; font-weight: 700; color: #070f16; line-height: 3.8rem; align-items: center; justify-content: center;}
.improveWrap .limitGraphArea .total .money em {margin-right: .2rem; padding: 0; font-size: 2.5rem; font-weight: 700; color: #0871f3;}
.improveWrap .limitGraphArea .limitGraph {padding: 0 20px 20px 20px; margin-top: 0; background: #f8f9f9; border-radius: 0 0 16px 16px;}
.improveWrap .limitGraphArea .limitGraph .graphArea {height: 2.0rem; background: #e3e7ea; border: 1px solid #e3e7ea; border-radius: 20px;}
.improveWrap .limitGraphArea .limitGraph .graphArea .bar {height: 2.0rem; background: #2589f4; border-radius: 20px;}
.improveWrap .limitGraphArea .limitGraph .infoList {margin-top:1.3rem;}
.improveWrap .limitGraphArea .limitGraph .infoList li {display:flex;padding:0 !important;border:none;justify-content:space-between;}
.improveWrap .limitGraphArea .limitGraph .infoList li + li {margin-top: 0.8rem;}
.improveWrap .limitGraphArea .limitGraph .infoList > li [class^=item] {padding-left:1.6rem; font-size: 1.5rem; color: #485056;}
.improveWrap .limitGraphArea .limitGraph .infoList > li [class^=item]:before {top: 50%; width: .4rem; height: .4rem; background: #2769f0; border-radius: 6px; transform: translate(0, -50%);}
.improveWrap .limitGraphArea .limitGraph .infoList > li [class^=item].balance:before {background: #e3e7ea; border: 1px solid #e3e7ea; box-sizing: border-box;}
.improveWrap .limitGraphArea .limitGraph .infoList li .val {font-size: 1.5rem; color: #343a40;}
.improveWrap .limitGraphArea .serviceArea {margin-top:3.2rem;}
.improveWrap .limitGraphArea .serviceArea .title {font-size: 1.7rem; font-weight: 700; color: #343a40;}
.improveWrap .limitGraphArea .serviceArea .listService {margin-top: 1.6rem; padding-top: 0; border-top: 0}
.improveWrap .limitGraphArea .serviceArea .listService li {display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #dee2e6;}
.improveWrap .limitGraphArea .serviceArea .listService li + li {margin-top:1.3rem;}
.improveWrap .limitGraphArea .serviceArea .listService li em {font-size: 1.5rem; font-weight: 500;}
.improveWrap .limitGraphArea .serviceArea .listService li span {font-size: 1.5rem; font-weight: 500; color: #343a40;}
.improveWrap .limitGraphArea .serviceArea .listService li span span {font-weight: 500;}
.improveWrap .limitGraphArea .availServ {margin: 3.2rem 0; padding: 2.0rem; background: #fff; border-radius: 16px; text-align: center; box-shadow: 0 3px 6px 2px #0000001f;}
.improveWrap .limitGraphArea .availServ .tit {font-size:1.6rem;color:#000;line-height:2.6rem;}
.improveWrap .limitGraphArea .availServ .tit > span {font-weight:700;}
.improveWrap .limitGraphArea .availServ .tit em {color:#2769f0;}
.improveWrap .limitGraphArea .availServ .btnArea {margin-top:1.6rem;}
.improveWrap .limitGraphArea .availServ [class^=btn_] {padding: 12px 10px; background: #2589f4; border-radius: 10px; font-size: 1.7rem; font-weight: 600; color: #fff;}
.improveWrap .limitGraphArea .btnWrap {display:flex;margin-top:2.4rem;}
.improveWrap .limitGraphArea .btnWrap .btn {height: 4rem; background: #e5f4ff; border-radius: 8px; font-size: 1.5rem; font-weight: 600; color: #0871f3; flex: 1;}
.improveWrap .limitGraphArea .btnWrap .btn + .btn {margin-left:.6rem;}
/*s: 뉴원수정*/
.improveWrap .consentWrap.divider {margin: 0 20px 48px; border-top: 0; background: #f8f9f9; border-radius: 8px;}
/*e: 뉴원수정*/
/* 250908 한도 상향 동의 토글케이스 추가 (s) */
.improveWrap .consentWrap.limitUpWrap {padding:0.8rem 2.4rem !important; margin:0 20px 48px; background:#f8f9fa; border-radius:1.6rem;}
.improveWrap .consentWrap.limitUpWrap .switchTitArea {margin:1.6rem 0;}
.improveWrap .consentWrap.limitUpWrap .switchTitArea .tit {font-size:1.7rem; font-weight:600; line-height:2.4rem; color:rgb(7, 15, 22, 0.82);}
/* 250908 한도 상향 동의 토글케이스 추가 (e) */
.improveWrap .specialLimit {padding:2.9rem 2rem 3.2rem;}
.improveWrap .specialLimit .title {font-size:1.8rem;font-weight:700;color:#333;}
/* .improveWrap .specialLimit .list {display:flex;max-width:27.6rem;margin:2.4rem auto 0;flex-wrap:wrap;justify-content:center;}
.improveWrap .specialLimit .list li {position:relative;width:6rem;margin-top:2.1rem;padding-top:7rem;text-align:center;}
.improveWrap .specialLimit .list li + li {margin-left:3rem;}
.improveWrap .specialLimit .list li:nth-child(3n+1) {margin-left:0;}
.improveWrap .specialLimit .list li:nth-child(-n+3) {margin-top:0;} *//* 250908 특별한도 영역 - 기존 style 삭제 */
/* 250908 특별한도 영역 - senior대비 css 수정 (s) */
.improveWrap .specialLimit .list {display:flex; flex-wrap:wrap; justify-content:center; margin:0.3rem auto 0;}
.improveWrap .specialLimit .list li {position:relative; width:6rem; padding-top:7rem; margin:2.1rem 1.6rem 0; text-align:center;}
.senior .improveWrap .specialLimit .list li {margin:2.1rem 1.2rem 0;}
/* 250908 특별한도 영역 - senior대비 css 수정 (e) */
.improveWrap .specialLimit .list li:before {position:absolute;top:0;left:50%;display:block;width:6rem;height:6rem;background:#f3f3f5;border-radius:100px;transform:translate(-50%,0);content:'';}
.improveWrap .specialLimit .list li:after {position:absolute;top:1.4rem;left:1.4rem;display:block;width:3.2rem;height:3.2rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_special_limit_03_new.svg') no-repeat left top / 100%;content:'';}
.improveWrap .specialLimit .list li:nth-child(2):after {background:url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_special_limit_02_new.svg') no-repeat left top / 100%;}
.improveWrap .specialLimit .list li:nth-child(3):after {background:url('/https/nm.wooricard.com/dcmw/img/mw/content/iptbtn_ico_usepurpose_thick_mrg.png') no-repeat left top / 100%;}
.improveWrap .specialLimit .list li:nth-child(4):after {background:url('/https/nm.wooricard.com/dcmw/img/mw/content/iptbtn_ico_usepurpose_thick_fnl.png') no-repeat left top / 100%;}
.improveWrap .specialLimit .list li:nth-child(5):after {background:url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_special_limit_04_new.svg') no-repeat left top / 100%;}
.improveWrap .specialLimit .list li:nth-child(6):after {background:url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_special_limit_06_new.png') no-repeat center;	background-size: 70px 70px;}
.improveWrap .specialLimit .list li:nth-child(7):after {background:url('/https/nm.wooricard.com/dcmw/img/mw/content/iptbtn_ico_usepurpose_thick_vip.png') no-repeat left top / 100%;}
.improveWrap .specialLimit .list li:last-child:after {background:url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_special_limit_05_new.svg') no-repeat left top / 100%;}
.improveWrap .specialLimit .list li span {font-size:1.3rem;}
.improveWrap .specialLimit .text {font-size:1.6rem;font-weight:700;color:#333;line-height:2.6rem;text-align:center;}
.improveWrap .specialLimit .text span {color:#295cdd;}
.improveWrap .specialLimit [class^=btn_] {margin-top:2.4rem;border-radius:10px;border:1px solid #2769f0;font-size:1.5rem;font-weight:700;color:#2769f0;}
.improveWrap .consentWrap {margin-top:0;padding:2.8rem 2rem 3.2rem;border:none;background:none;}
.improveWrap .consentWrap .tit {margin:0;font-size:1.8rem;color:#333;}
.improveWrap .consentWrap .txt {margin-top:1.3rem;font-size:1.4rem;font-weight:400;color:#666;line-height:2.2rem;}
.improveWrap .consentWrap .singleIpt {margin-top:1.6rem;}
.improveWrap .consentWrap .inner {padding:0;}
.improveWrap .changeLimit {padding: 0 2rem;}
.improveWrap .changeLimit .titArea {margin:0;}
.improveWrap .changeLimit .titArea .titH2 {font-size:1.8rem;}
.improveWrap .changeLimit .formArea {margin-top: 1.6rem;}
.improveWrap .changeLimit .roundBox {padding: 0; border: 0; border-radius: 24px;}
.improveWrap .changeLimit .roundBox + .roundBox {margin-top: 3.2rem;}
.improveWrap .changeLimit .roundBox .label {margin:0;}
.improveWrap .changeLimit .roundBox .label:after {display:none;}
.improveWrap .changeLimit .roundBox .iptWrap {margin:1.3rem 0 0;}
.improveWrap .changeLimit .roundBox .iptWrap .ipt {font-size: 1.7rem; color: #343a40;}
.improveWrap .changeLimit .rangeArea {position:relative;margin-top:4.5rem;}
.improveWrap .changeLimit .rangeArea input[type=range] {-webkit-appearance: none; width: 100%; height: 2.0rem; background: #2589f4; border-radius: 20px;}
.improveWrap .changeLimit .rangeArea input[type=range]::-webkit-slider-thumb {-webkit-appearance:none; width:2.8rem;height:2.8rem; border:4px solid #fff;background:#2589f4;border-radius:100%;box-shadow:0 4px 16px rgba(11,48,141,.4);}
.improveWrap .changeLimit .rangeArea .rate {display:flex;margin-top:.9rem;align-items:center;justify-content:space-between;}
.improveWrap .changeLimit .rangeArea .rate > span {display: flex; font-size: 1.2rem; font-weight: 500; line-height: 1.2rem;}
.improveWrap .changeLimit .rangeArea .rangeValue {position:absolute;top:-3rem;display:block;width:2.2rem;height:2.2rem;white-space:nowrap;}
.improveWrap .changeLimit .rangeArea .rangeValue > span {position:absolute;top:0;right:1rem;min-width:5.4rem;padding:.4rem .8rem .4rem 1rem;background:#000;border-radius:100px 100px 30px 100px;font-size:1.1rem;color:#fff;}
.improveWrap .changeLimit .rangeArea .rangeValue .price {display:none; left:1rem; right:auto; border-radius: 100px 100px 100px 30px}
.improveWrap .changeLimit .rangeArea .rangeValue .price.left {left:auto; right:1rem; border-radius: 100px 100px 30px 100px}
.improveWrap .changeLimit .rangeArea .rangeValue .price .num {font-weight:700;}
.improveWrap .changeLimit .subTxt {margin-top:.8rem; font-size:1.1rem; line-height:1.2rem; text-align:right;}
.improveWrap .changeLimit .btnArea {display:flex;}
.improveWrap .changeLimit .btnArea button + button {margin:0;}
.improveWrap .changeLimit .btnArea button:first-child {max-width:62.6865%;width:100%;margin-left:.6rem;flex-shrink:0;order:1;}
 .improveWrap .changeLimit .rangeArea .rate {display: flex; margin-top: 1.0rem; align-items: center; justify-content: space-between; color: #343a40;}
.improveWrap .divider {border-top:0;}
.improveWrap .addInfoList.notice {margin:0;border-top:8px solid #f3f3f5;border-bottom:1px solid #f3f4f5;}
.improveWrap .progress {padding:1.2rem 2rem;}
.improveWrap .progress li {width: auto;height: auto;border:none;background:#888;font-weight:700;color:#fff;line-height:2.4rem;}
.improveWrap .progress li.on {background: #fff; color: #485056;}
.improveWrap .progress li.on ~ li {background:rgba(0,0,0,.1);color:#666;}
.improveWrap .progress li:last-child {background-color: #fff !important;}
.improveWrap .progress > span {font-size:1.4rem;color:#333;line-height:1.6rem;}
.improveWrap .progress ol:before {display:none;}
.improveWrap .betweenAcco {margin:0;}
.improveWrap .innerStep {margin:3rem 2rem 0;}
.improveWrap .innerStep .inner {padding:10rem 0 0;}
.improveWrap .innerStep .setAccount .sltWrap select.ipt {background-position:100% center;}
.improveWrap .bottomTotal .inner {padding:0;}
.improveWrap .innerStep .termsWrap > .accoBody > .inner {padding:20px 15px 20px 25px}

.improveMyReport {padding:2.4rem 2rem;border-top:8px solid #f3f3f5;}
.improveMyReport .btn {width:100%;background:#2769f0;border-radius:10px;font-size:1.5rem;font-weight:700;color:#fff;line-height:4.2rem;}
.improveMyReport .btn span {position:relative;padding-left:2.5rem;}
.improveMyReport .btn span:before {position:absolute;top:50%;left:0;display:block;width:1.5rem;height:1.5rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_report_new.svg') no-repeat left top / 100%;transform:translate(0,-50%);content:'';}

/* section.hr 공통 수정 */
/*section.hr {margin-top:0;}*/
section.hr:before,
section.hr:after {display:none;}

/* 명세서 팝업 */
.improvePop .bottom .infoMsgBox {padding-right:13.4rem;background:#f7f8f9;border-radius:24px;}
.improvePop .infoMsgBox {padding:2.6rem 2rem;}
.improvePop .infoMsgBox .linkGroup {margin-top:.9rem;}
.improvePop .infoMsgBox .linkGroup .links {margin:0;padding-right:1rem;font-size:1.2rem;color:#666;}
.improvePop .infoMsgBox .linkGroup .links:after {display:none;}
.improvePop .infoMsgBox .linkGroup .links:before {position:absolute;top:50%;right:0;display:block;width:.6rem;height:1rem;margin:0;border:none;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow9.png') no-repeat left top / 100%;transform:translate(0,-.3rem);content:'';}
.improvePop .infoMsgBox [class^="btn_"] {top:50%;bottom:auto;height:4rem;padding:0 1.6rem;background:#2769f0;border-radius:10px;font-size:1.4rem;transform:translate(0,-50%);}
.improvePop .infoMsgBox + .optionList {padding-top:2.4rem;}
.improvePop .optionList {margin:0 -2rem;padding:0 0 1.6rem;}
.improvePop .optionList li {padding:2.4rem 0 2.4rem 2rem;text-align:left;}
.improvePop .optionList li.on {background:#f7f8f9;font-weight:700;text-decoration:none;}

/* 오늘 결제일 팝업 */
.settlementPopup .alert.popCont {padding-top:4rem;}
.settlementPopup .alert.popCont .popBody {padding:0 3rem 2.4rem;}
.settlementPopup .alert.popCont .popBody .text {position:relative;padding-top:9rem;font-size:1.6rem;color:#333;line-height:2.6rem;}
.settlementPopup .alert.popCont .popBody .text:before {position:absolute;top:0;left:50%;display:block;width:7rem;height:7rem;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_info_new.png') no-repeat left top / 100%;transform:translate(-50%,0);content:'';}
.settlementPopup .alert.popCont .popBody .text span {display:block;font-weight:700;}
.settlementPopup .alert.popCont .popBody .checkWrap {margin-top:2.8rem;}

@media screen and (min-width:768px) {
	.improveWrap .specialLimit .list {max-width:inherit;}
	.improveWrap .specialLimit .list li {margin-top:0;}
	.improveWrap .specialLimit .list li:nth-child(3n+1) {margin-left:3rem;}
}

@media screen and (max-width:360px) {
	.improveWrap .moneyTotal.upLimit .interSum .valArea {flex-direction:column;}
	.improveWrap .moneyTotal.upLimit .interSum .valArea .val + .val {margin-top:.8rem;}
	.improveWrap .moneyTotal.upLimit .interSum .valArea .val:first-child {margin:0;padding:0 0 1.6rem;}
	.improveWrap .moneyTotal.upLimit .interSum .valArea .val:first-child:before {top: auto; bottom: -4px; right: 50%; border-bottom: none; border-top: 0; border-left: 0; border-right: 0; transform: translate(50%, 0) rotate(90deg);}
}

@media screen and (max-width:340px) {
	.improveWrap .dataList .accoItem .accoBtn {display:block;}
}

@media screen and (max-width:320px) {
	/* .improveWrap .specialLimit .list {margin:2.4rem 0 0;} *//* 250908 특별한도 영역 - 기존 media style 삭제 */
	.improveWrap .moneyTotal .iptGroup.iptBtn li + li {margin-left:.8rem;padding-left:.9rem;}

	/* 명세서 팝업 */
	.improvePop .infoMsgBox [class^="btn_"] {position:static !important;margin-top:2.4rem;transform:translate(0,0);}
}

.improveWrap .betweenAcco .addInfoList.summaryWrap .sumList {margin-top:10px; padding-bottom:1.5rem;}
.improveWrap .betweenAcco .addInfoList.summaryWrap .sumList li {display:flex;align-items:center;justify-content:space-between;}
.improveWrap .betweenAcco .addInfoList.summaryWrap .sumList li + li {margin-top:1.6rem;}
.improveWrap .betweenAcco .addInfoList.summaryWrap .sumList li em {font-size:1.4rem;font-weight:400;}
.improveWrap .betweenAcco .addInfoList.summaryWrap .sumList li > span {font-size:1.4rem;color:#333;}
.improveWrap .betweenAcco .addInfoList.summaryWrap .sumList li > span .num {font-weight:700;}

/* 230814 이용대금명세서 개선 */
.adOpr.improveWrap .moneyTotal {padding-bottom: 22px;}
.adOpr.improveWrap .moneyTotal .tit {display: inline-block; vertical-align: middle;}
.adOpr.improveWrap .moneyTotal .email_btn {width: 29px;}
.adOpr.improveWrap .payment_planner {margin-top:22px; font-size: 1.4rem; line-height: 1.6rem; letter-spacing: -0.112px; font-weight: 700;}
.adOpr.improveWrap .payment_planner .img_bubble {display: inline-block; width: 22px;}
.adOpr.improveWrap .payment_planner .payment_txt {color: #666;}
.adOpr.improveWrap .payment_planner .planner_btn {color: rgb(37, 137, 244);}

/* 230728 이용내역/매출전표 조회, 결제예상금액 (s) */
.improveWrap .promo_txt {position: relative; display: flex; justify-content: space-between; padding: 20px;}
.improveWrap .promo_txt::before {content: ''; position: absolute; display:block; background:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_coupon.png) center center no-repeat; top: 22px; left: 20px; width: 20px; height: 20px; background-size: 20px;}
.improveWrap .promo_txt::after {content: ''; position: absolute; width: calc(100% - 40px); background: #E0E0E0; height: 1px; top: 0;}
.improveWrap .promo_txt .promo_tit {padding-left: 26px; font-size: 1.4rem; font-weight: 700; line-height: 2.3rem; letter-spacing: -0.28px; color: #333;}
.improveWrap .promo_txt .promo_btn {background:#295CDD; padding:0 10px; font-size: 1.4rem; color: #FFFF00; border-radius: 20px; line-height:2.3rem}

/* 230814 모바일/미매입즉시결제 (s) */
.improveWrap.nbought .dataList .info ~ .info {position: inherit;}
.improveWrap.nbought .dataList .dataInfo .info ~ .info {margin-top: 0.3rem;}
.improveWrap.nbought .dataList .block {padding: 18px 0 19px;}
/* s: 20241119 뉴원결함수정 - 구성훈 */
#btn_nbuyHis {margin-top: 16px;}
#okBtn #btn_nbuyHis {margin-top: 0;}
/* e: 20241119 뉴원결함수정 - 구성훈 */
/* 230608 v7 주요거래uiux개선 (e) */



/* 230616 v1 선택형경품서비스 (s) */
/* 230728 홈/마이 원드로우 배너 추가*/
.myV2 .contEvent.contPang a {position:relative; background-color:#CAD1FB}
.myV2 .contEvent.contPang a dl dd span {font-size:1.6rem; font-weight:900; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.myV2 .contEvent.contPang a .thumb {position:absolute; top:0; right:0; width:78px; height:66px; }
.myV2 .contEvent.contPang a .thumb img {width:100%}
.myV2 .contEvent.contWonDraw {float: right;}
.myV2 .contEvent.contWonDraw a {background: #DCEEFF url(/https/nm.wooricard.com/dcmw/img/mw/myv2/img-won-banner-new2.png) no-repeat right bottom; background-size: 53px auto;}

/* 230616 v1 선택형경품서비스 (s) */
.wonDrawWrap .contKv {padding:30px 0 0; background:linear-gradient(to top, #e8f2fc 55%, #fff); text-align:center;}
.wonDrawWrap .contKv h2 {color:#000; font-size:1.4rem; font-weight:700; line-height:2.2rem;}
.wonDrawWrap .contKv h2 span {position:relative;color:rgb(37, 137, 244);}
.wonDrawWrap .contKv h2 span:before {position:absolute;top:-4px;left:50%;display:block;width:4px;height:4px;background:rgb(37, 137, 244);border-radius:100px;transform:translate(-50%,0);content:'';}
.wonDrawWrap .contKv h2 > strong {display:inline-block; margin-top:14px; margin-bottom:10px; color:#5F77DF; font-size:3.2rem; font-weight:900; line-height:3.5rem;}
.wonDrawWrap .contKv .drawTime {display:inline-flex; align-items:center; height:28px; margin-top:5px; padding:0 14px; border-radius:14px; background-color:#295CDD; color:#fff; text-align:center;}
.wonDrawWrap .contKv .drawTime > img {width:14px; margin-right:6px;}
.wonDrawWrap .contKv .drawTime > span {}
.wonDrawWrap .contKv .kvImg {margin-top:5px;}
.wonDrawWrap .contKv .subTxt {padding-top:20px; font-size:1.6rem; font-weight:700; line-height:2.8rem;}
.wonDrawWrap .contKv .subTxt .underBg {z-index:0; position:relative; color:rgb(37, 137, 244);}
.wonDrawWrap .contKv .subTxt .underBg:after {z-index:-1; content:''; position:absolute; right:0; bottom:-1px; left:0; display:block; height:5px; border-radius:6px; background-color:#C1D7FF;}

.wonDrawWrap.drawNone::before {content:''; position:fixed; top:0; right:0; left:0; bottom:0; background:linear-gradient(to top, #e8f2fc 55%, #fff);}
.wonDrawWrap.drawNone .contKv {position:relative; top:35px; display:flex; flex-direction:column; justify-content:center; height:calc(100vh - 132px); padding:0; background:none;}
.wonDrawWrap.drawNone .contKv .kvImg {width:200px; margin:16px auto 0;}
.wonDrawWrap.drawNone .contKv .subTxt {padding-top:16px; color:#000;}
.wonDrawWrap.drawNone .contKv .subTxt .pointColor {color:#5F77DF;}
.wonDrawWrap.drawNone .contKv .listView {margin-top:50px;}
.wonDrawWrap.drawNone .contKv .listView a {position:relative;display:inline-block;padding-right:13px;font-size:1.4rem;color:#333;line-height:1.6rem;}
.wonDrawWrap.drawNone .contKv .listView a:before {position:absolute;top:50%;right:0;display:block;width:7px;height:13px;background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow12.png') no-repeat left top / 100%;transform:translate(0,-50%);content:'';}

.wonDrawWrap .tabWrap .tabList {z-index:601; position:relative; top:0; left:0; padding:0 20px; border-bottom:1px solid #ececec; background-color:#fff;}
.wonDrawWrap .tabWrap .tabList.fixed {position:fixed}
.wonDrawWrap .tabWrap .tabList.fixed ~ .tabContents {padding-top:60px;}
.wonDrawWrap .tabWrap .tabList li {position:relative; height:59px; font-size:1.6rem;}
.wonDrawWrap .tabWrap .tabList li.on::after {z-index: 1; content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: rgb(73, 80, 87);}
.wonDrawWrap .tabWrap .tabList li button {color:#888;}
.wonDrawWrap .tabWrap .tabList li.on button {color: rgba(7, 15, 22, 0.82); font-weight: 700; z-index: 1;}
/* 230731 롤링배너 추가 */
.wonDrawWrap .bubbleBannerBox {position:static; z-index:auto; padding:20px 20px 0; background:none}
.wonDrawWrap .bubbleBannerBox .bubbleBanner {position:relative; top:0; left:0; bottom:0; right:0; width:100%; height:38px; background:#E2F3FC; border-radius:20px; color:#333; overflow:hidden; box-shadow:0 2px 30px rgba(0,0,0,0.09)}
.wonDrawWrap .bubbleBannerBox .bubbleContent {padding-top:5px; padding-left:9px; align-items:center;}
.wonDrawWrap .bubbleBannerBox .bubbleContent .bubbleLink {vertical-align:middle;}
.wonDrawWrap .bubbleBannerBox .bubbleContent.bubbleBannerSwiper {opacity:1;}
.wonDrawWrap .bubbleBannerBox .bubbleContent.bubbleBannerSwiper a {width:calc(100% - 73px); padding:10px 0 10px 20px; line-height:130%; font-size:1.4rem}
.wonDrawWrap .bubbleBannerBox .bubbleContent {height:100%; padding-top:0; padding-left:0;}
.wonDrawWrap .bubbleBannerBox .bubbleContent.bubbleBannerSwiper .swiper-container {height:100%;}
.wonDrawWrap .bannerControlSwiper .swiper-controls {margin-right:6px; background:transparent}

.wonDrawWrap .contTicketStatus {margin:30px 0;}
.wonDrawWrap .contTicket {margin:20px 20px 0; padding:0 20px; border-radius:10px; background:#fff url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_ticket.png') no-repeat left 24px top 28px / 34px 20px; color:#000; font-size:1.8rem; font-weight:700; box-shadow:0 2px 30px rgba(0,0,0,.09);}
.wonDrawWrap .contTicket .inner {display:flex; justify-content:space-between; align-items:center; height:77px; padding-left:46px;}
.wonDrawWrap .contTicket .userName {width:calc(100% - 40px); word-break:keep-all;}
.wonDrawWrap .contTicket .ticketNum {flex-shrink:0; min-width:40px; color:rgb(37, 137, 244); text-align:right;}
.wonDrawWrap .tabPanel01 .contTicket {margin:32px 0 0;}
.wonDrawWrap .tabPanel01 .contTicket .accoItem .accoHead {padding:0; transition:margin .3s;}
.wonDrawWrap .tabPanel01 .contTicket.addInfoList {border-top:0;}
.wonDrawWrap .tabPanel01 .contTicket.addInfoList > li {border-bottom:0;}
.wonDrawWrap .tabPanel01 .contTicket.addInfoList .accoBtn {padding:0 25px 0 0; color:#000; font-size:1.8rem; font-weight:700;}
.wonDrawWrap .tabPanel01 .contTicket.addInfoList .accoBtn:before {right:0;}
.wonDrawWrap .tabPanel01 .contTicket.addInfoList .accoBody {padding:12px 0 28px; border-top:1px solid #ECECEC; background-color:transparent; font-weight:400;}
.wonDrawWrap .tabPanel01 .contTicket .flexRow {position:relative; display:flex; justify-content:space-between; align-items:center;}
.wonDrawWrap .tabPanel01 .contTicket .tipStandard {display:flex;}
.wonDrawWrap .tabPanel01 .contTicket .tipStandard .tipBox {margin-right:15px; word-break:keep-all;}
.wonDrawWrap .tabPanel01 .contTicket .tipStandard + span {white-space:nowrap;}
.wonDrawWrap .tabPanel01 .contTicket .tip,
.wonDrawWrap .tabPanel01 .contTicket .tipWrap {position:static; margin-top:1px;}
.wonDrawWrap .tabPanel01 .contTicket .tooltip {top:35px; left:-36px !important; width:calc(100vw - 40px); margin:0; padding:20px;}
.wonDrawWrap .tabPanel01 .contTicket .tooltip .cont {padding:0;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap {width:17px; height:17px;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .btnIco_tip {width:17px; height:17px; border:none; border-radius:0; background:url('/https/nm.wooricard.com/dcmw/img/mw/common/ico_tooltip04.png') no-repeat left top / 100%;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .subTxt {padding-right:15px; color:#333; font-size:1.4rem; font-weight:700; word-break:keep-all;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .txtList_numL {margin:20px auto; font-size:1.4rem;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .txtList_numL > li {padding-left:20px; letter-spacing:-0.8px; word-break:keep-all;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .txtList_numL > li + li {margin-top:8px;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .standard {padding:30px 0; border-radius:10px; background-color:#fff; box-shadow:0 2px 10px rgba(0, 0, 0, 0.09); text-align:center;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .standard > h2 {color:#333; font-size:1.6rem; font-weight:700;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .standard .price {display:inline-block; color:#333; margin-top:2px; font-size:1.4rem; font-weight:700; line-height:3.9rem;}
.wonDrawWrap .tabPanel01 .contTicket .tipWrap .standard .price em {margin-right:2px; padding:0; color:#295CDD; font-size:2.4rem; font-weight:900; line-height:3.9rem; vertical-align:middle;}
.wonDrawWrap .tabPanel01 .contTicket .depth01 {color:#333; font-size:1.6rem;}
.wonDrawWrap .tabPanel01 .contTicket .depth01 > li + li {margin-top:14px;}
.wonDrawWrap .tabPanel01 .contTicket .depth02 {position:relative; margin-top:8px; padding-left:16px; font-size:1.4rem;}
.wonDrawWrap .tabPanel01 .contTicket .depth02::before {content:''; position:absolute; top:-4px; left:5px; width:1px; height:calc(100% - 6px); border-left:1px dotted #ccc;}
.wonDrawWrap .tabPanel01 .contTicket .depth02 > li {position:relative;}
.wonDrawWrap .tabPanel01 .contTicket .depth02 > li + li {margin-top:4px;}
.wonDrawWrap .tabPanel01 .contTicket .depth02 > li::before {content:''; position:absolute; top:10px; left:-11px; width:6px; height:1px; background-color:#ccc;}
.wonDrawWrap .tabPanel01 .contTicket .depth03 {color:#666; font-weight:400;}
.wonDrawWrap .tabPanel01 .contTicket .depth03 > li {align-items:start; margin-top:6px;}
.wonDrawWrap .tabPanel01 .contTicket .depth03 > li .pointColor {color:rgb(37, 137, 244);}
.wonDrawWrap .tabPanel01 .contTicket .depth03 > li .btnTooltip {display:inline-block; width:17px; margin-left:2px;}
.wonDrawWrap .tabPanel01 .contTicket .depth03 > li .btnTooltip > img {vertical-align:sub;}
.wonDrawWrap .tabPanel01 .notifyTxt {position:relative; margin:12px 0 0 18px; padding-left:6px; color:#888; font-size:1.3rem;}
.wonDrawWrap .tabPanel01 .notifyTxt::before {content:''; position:absolute; top:9px; left:0; width:2px; height:2px; border-radius:50%; background-color:#888;}

.wonDrawWrap .contTicketList {margin:30px 0 32px;}
.wonDrawWrap .contTicketList h2 {padding-bottom:14px; font-size:1.6rem; font-weight:700;}
.wonDrawWrap .contTicketList .ticketList + h2 {padding-top:30px;}
.wonDrawWrap .contTicketList .ticketList > li {position:relative; display:flex; padding:16px 20px 16px 12px; border:1px solid #E0E0E0; border-radius:4px; background-color:#fff;}
.wonDrawWrap .contTicketList .ticketList > li + li {margin-top:8px;}
.wonDrawWrap .contTicketList .ticketList > li .thumb {position:relative; flex-shrink:0; width:50px;}
.wonDrawWrap .contTicketList .ticketList > li .thumb .num {position:absolute; top:0; right:0; display:inline-flex; justify-content:center; align-items:center; padding: 5px; min-width:20px; min-height:20px; border-radius:50px; background-color:rgb(37, 137, 244); color:#fff; font-size:1.3rem; font-weight:700; line-height:1;}
.wonDrawWrap .contTicketList .ticketList > li .info {width:100%; padding:0 64px 0 6px;}
.wonDrawWrap .contTicketList .ticketList > li .info > strong {font-size:1.6rem;}
.wonDrawWrap .contTicketList .ticketList > li .info > p {padding-top:2px; color:#666; font-size:1.4rem;}
.wonDrawWrap .contTicketList .ticketList > li .btnTicket {position:absolute; top:50%; right:0; display:inline-flex; justify-content:center; align-items:center; width:64px; height:44px; border-radius:3px; color:#fff; font-size:1.3rem; transform:translate(0,-50%); font-weight:700}
.wonDrawWrap .contTicketList .ticketList > li.status01 .btnTicket {background-color:rgb(37, 137, 244);}
.wonDrawWrap .contTicketList .ticketList > li.status02 .btnTicket {background-color:#DB2E69;}
.wonDrawWrap .contTicketList .ticketList > li.status03::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#F2F2F2;}
.wonDrawWrap .contTicketList .ticketList > li.status03 .thumb > img {opacity:.3;}
.wonDrawWrap .contTicketList .ticketList > li.status03 .thumb .num {background-color:#C7CED3; color:#EAEAEA;}
.wonDrawWrap .contTicketList .ticketList > li.status03 .info > strong,
.wonDrawWrap .contTicketList .ticketList > li.status03 .info > p {color:#CACACA;}
.wonDrawWrap .contTicketList .ticketList > li.status03 .btnTicket {background-color:#C7CED3; color:#EAEAEA;}
.wonDrawWrap .contTicketList .ticketList > li.status04 .btnTicket {background-color:#C7CED3; color:#EAEAEA;}

.wonDrawWrap .contWin {height:40px; line-height:4.0rem; margin:20px 20px 0; padding:0 20px; border-radius:20px; background-color:#E2F3FC; overflow:hidden;}
.wonDrawWrap .contWin .marqueeTxt {display:inline-block; font-size:1.4rem; white-space:nowrap;}
.wonDrawWrap .contWin .marqueeTxt.running {animation:marquee 10s linear infinite;}

@keyframes marquee {
	0% {
		transform:translateX(100%);
	}
	100% {
		transform:translateX(-100%);
	}
}

.wonDrawWrap .contGift {margin:0; padding:30px 20px 55px;}
.wonDrawWrap .giftList {display:flex; flex-wrap:wrap; row-gap:24px; column-gap:11px;}
.wonDrawWrap .giftItem {position:relative; width:calc(50% - 5.5px); padding-bottom:44px; font-size:1.2rem;}
.wonDrawWrap .giftItem .thumb {display:inline-flex; justify-content:center; align-items:center; width:100%; height:43.2vw; padding:20px; background-color:#f1f1f1; border-radius:15px;}
.wonDrawWrap .giftItem .itemInfo {padding-top:12px; font-size:1.2rem;}
.wonDrawWrap .giftItem .time {display:inline-block; height:20px; line-height:2.0rem; padding:0 8px; border-radius:10px; background-color:#E2F3FC; color:rgb(37, 137, 244); font-weight:700}
.wonDrawWrap .giftItem .time.realTime {background-color:#EEE2FC; color:#6517BE;}
.wonDrawWrap .giftItem .name {overflow:hidden; max-height:110px; padding:3px 0; font-size:1.4rem; font-weight:700; word-break:keep-all;}
.wonDrawWrap .giftItem .num {color:#888; font-weight:700}
.wonDrawWrap .giftItem .raffle {padding:3px 0 0; color:#888;}
.wonDrawWrap .giftItem .raffle > span {display:inline-block;}
.wonDrawWrap .giftItem .raffle strong {color:#000;}
.wonDrawWrap .giftItem .btnRaffle {position:absolute; bottom:0; left:0; width:100%; height:36px; line-height:3.6rem; border-radius:3px; background-color:rgb(37, 137, 244); color:#fff; font-size:1.4rem;}
.wonDrawWrap .giftItem .btnRaffle:disabled {background-color:#C7CED3; color:#EAEAEA;}
.wonDrawWrap .contGift .btnRaffleList {position:absolute; bottom:0; right:20px; padding:0 12px 2px 0; background:url('/https/nm.wooricard.com/dcmw/img/mw/content/ico_arrow.png') no-repeat right center / 7px 13px; color:#333; font-size:1.6rem; font-weight:700}

.wonDrawWrap .contFilter {display:flex; justify-content:space-between; padding:12px 20px; background-color:#F3F3F5; font-size:1.4rem; font-weight:700;}
.wonDrawWrap .contFilter .btnFilter {display:inline-block; width:24px;}
.wonDrawWrap .contDrawList {margin:26px auto 0;}
.wonDrawWrap .contDrawList .drawRow {display:flex; justify-content:space-between;}
.wonDrawWrap .contDrawList .drawRow + .drawRow {margin-top:16px;}
.wonDrawWrap .contDrawList .drawRow .thumb {display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; width:70px; height:70px; padding:5px; border-radius:5px; background-color:#F1F1F1;}
.wonDrawWrap .contDrawList .drawRow .drawInfo {width:calc(100% - 82px);}
.wonDrawWrap .contDrawList .drawRow .type {display:inline-block; height:20px; line-height:2.0rem; padding:0 8px; border-radius:10px; font-size:1.2rem; font-weight:700}
.wonDrawWrap .contDrawList .drawRow .type.typeWin {background-color:#E2F3FC; color:rgb(37, 137, 244);}
.wonDrawWrap .contDrawList .drawRow .type.typeNone {background-color:#E3E3E3; color:#666;}
.wonDrawWrap .contDrawList .drawRow .type.typeDraw {background-color:#EEE2FC; color:#6517BE;}
.wonDrawWrap .contDrawList .drawRow .drawDate {color:#888; font-size:1.2rem; font-weight:700;}
.wonDrawWrap .contDrawList .drawRow .name {padding:5px 0; font-size:1.4rem; font-weight:700;}
.wonDrawWrap .contDrawList .drawRow .date {color:#888; font-size:1.2rem;}
.wonDrawWrap .contDrawList .moreView {margin-top:40px; text-align:center;}
.wonDrawWrap .contDrawList .moreView button {padding:14px 20px 13px; border:1px solid #333; border-radius:56px; font-size:1.3rem; font-weight:700; color:#333; line-height:130%; text-align:center; box-shadow:4px 12px 16px rgba(0,0,0,.04);}
.wonDrawWrap .contDrawList .drawNone {padding:104px 0 115px; text-align:center;}
.wonDrawWrap .contDrawList .drawNone > img {width:90px;}
.wonDrawWrap .contDrawList .drawNone > p {padding-top:20px; font-size:1.6rem; font-weight:700;}

.wonDrawWrap .contNotice {margin:50px 20px 20px; padding:15px; background-color:#F1F1F1;}
.wonDrawWrap .contNotice h2 {font-size:1.6rem; font-weight:700; color:#333;}
.wonDrawWrap .contNotice .noticeList {padding:0; border:0;}
.wonDrawWrap .contNotice .noticeList > li {position:relative; padding:0 0 0 8px; font-size:1.3rem;}
.wonDrawWrap .contNotice .noticeList > li + li {margin:3px 0 0 0;}
.wonDrawWrap .contNotice .noticeList > li::before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background-color:#666;}
.wonDrawWrap .contNotice .deliverText {display:block; margin-top:1.5rem; font-size:1.3rem;}

.wonDrawWrap .guideBox,
.wonDrawWrap .deliberBox {margin:0 20px;}
.wonDrawWrap .guideBox {margin-top:30px;}
.wonDrawWrap .guideBox.extra + .deliberBox{padding-top:0;}

/* 혜택/라이프 메인 */
.wonDrawEventWrap {margin-bottom:25px;}
.wonDrawEventWrap + .bannerWrap {margin-top:0;}
.wonDrawEvent {display:flex;padding:6px 14px 6px 24px;background:#fff;border-radius:24px;color:#333;box-shadow:0 26px 48px rgba(55,65,153,.12);align-items:center;justify-content:space-between;}
.wonDrawEvent .cont {overflow:hidden;padding-right:12px;}
.wonDrawEvent .title {overflow:hidden;display:block;font-size:1.6rem;font-weight:900;line-height:1.8rem;white-space:nowrap;text-overflow:ellipsis;}
.wonDrawEvent .text {display:block;margin-top:10px;font-size:1.3rem;line-height:1.4rem;}
.wonDrawEvent .thumb {width:80px;height:80px;flex-shrink:0;}

/* popup : 티켓 관련 */
.popWonDrawTicketAlert .popBody {padding:40px 20px 32px;}
.popWonDrawTicketAlert .msg .subTxt {padding-top:10px; font-size:1.4rem; color:#888}
#popCheckTicketGet .popBody {padding:54px 20px 45px;}

/* popup : 응모 관련 */
.popWonDrawItemAlert .popHead h1 {font-weight:700;}
.popWonDrawItemAlert .popBody {padding:30px 20px 33px;}
.popWonDrawItemAlert .msg .thumb {width:90px; margin:0 auto 12px;}
.popWonDrawItemAlert .msg > h2 {font-size:1.6rem; font-weight:700;}
.popWonDrawItemAlert .msg > h2 + p {padding-top:2px; color:#888; font-size:1.4rem;}
#popWonDrawItem .msg .thumb {width:122px;}
#popWonDrawItem .msg .thumb + p {font-size:1.6rem;}
#popWonDrawItem .msg .giftItem {color:rgb(37, 137, 244); font-weight:700;}

/* popup : 월단위 검색 */
/* .popWonDrawMonth .bottom.popCont .popBody {padding:0;} */
.popWonDrawMonth .optionList {padding:3px 0 32px;}
/* .popWonDrawMonth .optionList li {padding:21px 20px;} */
/* .popWonDrawMonth .optionList li.on {background-color:#F7F8F9; color:#295CDD; font-size:1.6rem; font-weight:700; text-decoration:none;} */

@media screen and (max-width:320px) {
	.wonDrawWrap .contTicketList .ticketList > li .info {padding:0 0 0 10px;}
	.wonDrawWrap .contTicketList .ticketList > li .btnTicket {position:static; margin-top:8px; transform:translate(0,0);}
}

/* 230809 원드로우 배너 긴버전 */
.myV2 .contEvent.contWonDraw.banner_wide {width: 100%;}
.myV2 .contEvent.contWonDraw.banner_wide a {background: #DCEEFF url(/https/nm.wooricard.com/dcmw/img/mw/myv2/img-won-banner-wide.png) no-repeat right top; background-size: 138px 66px;}
/* 230616 v1 선택형경품서비스 (e) */



/* 230602 v2 배너가이드 (s) */
.htmlMyV2 .popWrap.admin.imgOnlyBtm .popInner .swiperWrap .btnArea {margin:10px auto 26px !important; padding:0 10px;}
.htmlMyV2 .popWrap.admin.imgOnlyBtm .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.htmlMyV2 .popWrap.admin.imgOnlyBtm .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.htmlMyV2 .popWrap.admin.imgOnlyBtm .swiperWrap .swiper-pagination-bullet {width:10px;}
.htmlMyV2 .popWrap.admin.imgOnlyBtm .swiperWrap .swiper-pagination-bullet:before {left:2px; width:6px; height:6px; background:#ccc; border:#ccc;}
.htmlMyV2 .popWrap.admin.imgOnlyBtm .swiperWrap .swiper-pagination-bullet-active {width:22px;}
.htmlMyV2 .popWrap.admin.imgOnlyBtm .swiperWrap .swiper-pagination-bullet-active:before {width:18px; background:#333; border-radius:3px;}
.htmlMyV2 .popWrap.admin.imgOnlyBtm .swiperWrap .swiper-controls.ac {bottom:4px;}

.htmlMyV2 .popWrap.admin.imgOnly .popCont {border-radius:18px;}
.htmlMyV2.isIOS .popWrap.admin.imgOnly .popCont .btnArea.sticky {border-bottom-left-radius:18px; border-bottom-right-radius:18px;}
.htmlMyV2 .popWrap.admin.imgOnly .popBody {border-top-right-radius:18px; border-top-left-radius:18px;}
.isIOS.htmlMyV2 .popWrap.admin.imgOnly .popInner {border-top-right-radius:18px; border-top-left-radius:18px; overflow: hidden; }
.htmlMyV2 .popWrap.admin.imgOnly .popInner .btnArea {margin:10px auto 26px !important; padding:0 10px;}
.htmlMyV2 .popWrap.admin.imgOnly .popInner .btnArea .btn_link {border-radius:8px;}
.htmlMyV2 .popWrap.admin.imgOnly .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.htmlMyV2 .popWrap.admin.imgOnly .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.htmlMyV2 .popWrap.admin.imgOnly .swiperWrap .swiper-pagination-bullet {width:10px;}
.htmlMyV2 .popWrap.admin.imgOnly .swiperWrap .swiper-pagination-bullet:before {left:2px; width:6px; height:6px; background:#ccc; border:#ccc;}
.htmlMyV2 .popWrap.admin.imgOnly .swiperWrap .swiper-pagination-bullet-active {width:22px;}
.htmlMyV2 .popWrap.admin.imgOnly .swiperWrap .swiper-pagination-bullet-active:before {width:18px; background:#333; border-radius:3px;}
.htmlMyV2 .popWrap.admin.imgOnly .swiperWrap .swiper-controls.ac {bottom:4px;}
/* 230602 v2 배너가이드 (e) */

/* 230608 기업 / 우리WON마켓비즈 (s) */
.wonMarketWrap {padding:38px 20px 32px;}
.wonMarketWrap:before {position:fixed;top:0;left:0;right:0;bottom:0;background:#eaeeff;content:'';z-index:0;}
.wonMarketWrap .headerWrap {position:relative;padding:0 8px 150px;}
.wonMarketWrap .headerWrap:before {position:absolute;left:50%;bottom:0;display:block;width:160px;height:120px;background:url('/https/nm.wooricard.com/dcmw/img/mw/content/img_won_market.png') no-repeat left top / 100%;transform:translate(-50%,0);content:'';}
.wonMarketWrap .headerWrap .title {font-size:2.2rem;font-weight:900;color:#333;line-height:3.3rem;}
.wonMarketWrap .headerWrap .title span {position:relative;color:#295be1;z-index:1;}
.wonMarketWrap .headerWrap .title span:before {position:absolute;left:0;right:0;bottom:0;height:16px;background:rgba(41,86,255,.12);border-radius:8px;content:'';}
.wonMarketWrap .headerWrap .text {margin-top:12px;font-size:1.4rem;color:#333;line-height:2.1rem;}
.wonMarketWrap .roundBox {position:relative;padding:31px 26px 26px 22px;background:#fff;border-radius:24px;box-shadow:0 26px 48px rgba(55,65,153,.12);}
.wonMarketWrap .roundBox + .roundBox {margin-top:27px;}
.wonMarketWrap .roundBox .title {display:block;font-size:1.8rem;font-weight:700;color:#000;line-height:2.1rem;text-align:center;}
.wonMarketWrap .roundBox .title span {position:relative;font-weight:900;white-space:nowrap;z-index:1;}
.wonMarketWrap .roundBox .title span:before {position:absolute;left:-4px;right:-4px;bottom:-5px;height:14px;background:rgba(41,86,255,.12);border-radius:8px;content:'';}
.wonMarketWrap .roundBox .list {margin-top:29px;counter-reset:number 0;}
.wonMarketWrap .roundBox .list li {padding-left:24px;font-size:1.4rem;color:#333;line-height:2.2rem;text-indent:-24px;word-break:keep-all;}
.wonMarketWrap .roundBox .list li + li {margin-top:9px;}
.wonMarketWrap .roundBox .list li:before {margin-right:8px;font-size:1.4rem;font-weight:900;color:#295be1;counter-increment:number 1;content:'0' counter(number);}
.wonMarketWrap .roundBox .qr {width:136px;margin:27px auto 0;}
.wonMarketWrap .roundBox .btnWrap {display:flex;margin:24px 9px 0 14px;justify-content:center;}
.wonMarketWrap .roundBox .btnWrap .btn + .btn {margin-left:8px;}
/* 230608 기업 / 우리WON마켓비즈 (e) */


/* 230705 독자카드 (s) */
/* 분할납부 2줄처리 (s) */
.addTitLine .dataList .tit {white-space:inherit; max-height:4.4rem;	line-height:2.2rem;}
.addTitLine .txtM {margin-left: 0 !important;} /* 20241121 유제영 */
/* 카드선택 바텀시트 */
.pop_bnpl_card .rcmd-card-pop {margin-bottom:20px}
.pop_bnpl_card .rcmd-card-pop li button .card_name {display:inline-block; line-height:140%; width:calc(100% - 55px); vertical-align:middle}

/* 추천카드 비교 팝업*/
.popWrap .recommend_card .btnArea {display:flex; position:relative; flex-wrap:wrap; align-content:center; justify-content:flex-end; min-height:64px; background-color:transparent; flex-direction: column; align-items:center;}
.popWrap .recommend_card .btnArea a.links.arrow {color:#295be1; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_titlearea_link.png) 100% 4px no-repeat; margin:0; background-size:6px auto}
.popWrap .recommend_card .btnArea a.links + .btn_p {margin-top:10px}
.popWrap .recommend_card .compareBox > li .td.crd {display:flex; flex-wrap:nowrap; justify-content:space-between; flex-direction: column; align-items: center; padding-bottom:30px}
.popWrap .recommend_card .compareBox {border-top: none;}
.popWrap .recommend_card .compareBox .td .info .brand.dome {padding: 4px 0;}
.popWrap .recommend_card .compareBox .td .info .brand.dome img {height: 20px;}

/* 독자카드 메인 */
.submain.card-main-essence {background:#E8F2FC}
.essence-new:after {content:""; display:block; margin-top:-30px; margin-left:-20px; width:100vw; height:100px; background:linear-gradient(180deg, #BACFE1 0% , transparent 100%)}
.essence-new {margin-bottom:-24px; text-align:center}
.essence-new .visual-tit h2 {font-size:2.0rem}
.essence-new .visual-tit img {margin-top:7px; width:auto; height:30px}
.essence-new .visual-tit + a {padding-left:10px}
.essence-new .visual-img {display:inline-block; position:relative; margin:40px auto 0; max-width:330px; min-height:100px; max-height:155px; height:155px; width:100%}
.essence-new .visual-img .img-area {position:absolute; top:5px; /* left:0; */ left:11.6%; width:28%; transform:translateX(500px); perspective:300px}
.essence-new .visual-img .img-area .card-item {width:100%; height:auto; max-height:155px; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:2s ease-in-out}
.essence-new .visual-img .img-area .card-item img {height:100%; max-height:155px}
.essence-new .visual-img .img-area .front {position:relative; z-index:1; transform:rotateY(0deg)}
.essence-new .visual-img .img-area .back {position:absolute; top:0; left:0; z-index:0; transform:rotateY(180deg)}
.essence-new .visual-img .img-area.card01 {z-index:4; animation-delay:0;}
.essence-new .visual-img .img-area.card02 {/* left:23%; */ left:35%; z-index:3; animation-delay:.3s}
.essence-new .visual-img .img-area.card03 {/* left:45%; */ left:58%; z-index:2; animation-delay:.6s}
.essence-new .visual-img .img-area.card04 {/* left:66%; */ display:none; z-index:1; animation-delay:.9s}
.essence-new .visual-img .flip-ani .card-item.front {transform:rotateY(-380deg); /* transform-style: preserve-3d; */ box-shadow:5px 1px 10px rgba(112,112,112,.3);}
.essence-new .visual-img .flip-ani .card-item.back {position:absolute; top:0; left:0; transform:rotateY(-200deg); /* transform-style: preserve-3d; */ }
.essence-new .visual-img .right {animation:inright 1s ease forwards}
.cardkind-list >li .card-ico.ic09 {width:16px; height:16px; background: url(/https/nm.wooricard.com/dcmw/img/mw/crd/icon-card-imo09.png) no-repeat 0 0; background-size: 100%;}
.essence-new .visual-img.card_four .img-area {left:0}
.essence-new .visual-img.card_four .img-area.card01 {z-index:4; animation-delay:0;}
.essence-new .visual-img.card_four .img-area.card02 {left:23%}
.essence-new .visual-img.card_four .img-area.card03 {left:45%}
.essence-new .visual-img.card_four .img-area.card04 {display:block; left:66%;}
@media (max-width: 360px) {
    .essence-new .visual-img {height:150px}
}
@media (max-width: 340px) {
    .essence-new .visual-img {height:130px}
}
@media (max-width: 320px) {
    .essence-new .visual-img {height:120px}
}
@media (max-width: 300px) {
    .essence-new .visual-img {height:110px}
}
@media (max-width: 280px) {
    .essence-new .visual-img {height:100px}
}
.essence-new.comingsoon {margin-top:-29px; margin-left:-20px; padding-bottom:120%; width:100vw; background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_comingsoon.png) center top no-repeat; background-size:100% auto; margin-bottom:24px}
.essence-new.comingsoon:after {display:none}
.essence-new.comingsoon > * {display:none}
.essence-new > * {display:block}
.essence-new:after {display:block}
@keyframes inright {
	0% {opacity:0; transform:translateX(500px)}
	100% {opacity:1; transform:translateX(0)}
};

/* 독자카드 카드 브릿지 */
[class*="sub-essence-"] section {}
[class*="sub-essence-"] section {margin:0; text-align:center; word-break:keep-all}
[class*="sub-essence-"] img {width:100%}
[class*="sub-essence-"] .tit {margin-top:50px; color:#000; font-size:2.4rem; text-align:center}
[class*="sub-essence-"] .tit strong {font-weight: 900}
[class*="sub-essence-"] .tit span {font-size:1.6rem}
[class*="sub-essence-"] .visual-wrap {position: relative; padding:40px 0 64px; background:linear-gradient(180deg, #fff 0% , #F4F7FA 43% ,#E8F2FC 100%)}
[class*="sub-essence-"] .visual-wrap .tit-area {text-align:center; padding: 0 20px;}
[class*="sub-essence-"] .visual-wrap .tit-area .title {font-size:2.0rem; line-height:3.6rem; letter-spacing:-0.5px; color: #000; margin-bottom:12px}
[class*="sub-essence-"] .visual-wrap .tit-area .title .mo {display:none}
[class*="sub-essence-"] .visual-wrap .tit-area .card_name {font-size: 3.2rem; line-height: 4.0rem; font-weight: 900; letter-spacing: -0.8px; color: #000;}
[class*="sub-essence-"] .visual-wrap .card-area {position:relative; margin:40px auto 0; width:296px; height:290px; animation:bounce 1.5s infinite ease-in-out}
[class*="sub-essence-"] .visual-wrap .card-area .left {background:red; left:0; top:0}
[class*="sub-essence-"] .visual-wrap .card-area .right {background:blue; right:0; bottom:0}
[class*="sub-essence-"] .visual-wrap .arrow-wrap {position: absolute; display: flex; justify-content: space-between; padding: 0 20px; width: 100%; top: 50%; left: 0; margin-top:-12px}
[class*="sub-essence-"] .visual-wrap .arrow-wrap a {display: inline-block; width: 16px; height: 24px;}
[class*="sub-essence-"] .benefit-wrap .bnf-area {padding-bottom:30px; text-align: center;}
[class*="sub-essence-"] .benefit-wrap .bnf-area ~ .bnf-area:before {content:""; display:block; margin-left:-20px; width:calc(100% + 40px); height:8px; background:#F1F1F1; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0 }
[class*="sub-essence-"] .benefit-wrap .bnf-area span {font-size: 1.6rem; line-height: 3.2rem; letter-spacing: -0.4px; font-weight: 700; color: #000;}
[class*="sub-essence-"] .benefit-wrap .bnf-area .sub-tit {margin-top:6px; color:#000; font-size:1.3rem}
[class*="sub-essence-"] .benefit-wrap .bnf-area [class*="bnf-img"] {margin:30px auto 0; width:200px; height:200px;}
[class*="sub-essence-"] .benefit-wrap .bnf-img01 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit01.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img02 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit02.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img03 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit03.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img04 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit04.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img05 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit05.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img06 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit06.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img07 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit07.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img08 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit08.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img09 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit09.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img10 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit10.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img11 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit11.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img12 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit12.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img13 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit13.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img14 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit14.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img15 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit15.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img16 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit16.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img17 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit17.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img18 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit18.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img19 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit19.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img20 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit20.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img21 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit21.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-img22 {background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_benefit22.png) no-repeat center / contain;}
[class*="sub-essence-"] .benefit-wrap .bnf-area .desc {margin-bottom:24px; color:#888; font-size:1.3rem}
[class*="sub-essence-"] .hashtag_wrap {padding:36px 0; background:#ECF9FE; text-align:center;}
[class*="sub-essence-"] .hashtag_wrap .txt-area:not(:first-child) {margin-top: 12px;}
[class*="sub-essence-"] .hashtag_wrap .tag_txt {display:inline-block; margin-left:20px; color:#C8C8C8; font-size:2.8rem; font-weight:700; line-height:3.5rem; transition:all .5s}
[class*="sub-essence-"] .hashtag_wrap .tag_txt:nth-of-type(2n-1) {margin-left:0}
[class*="sub-essence-"] .hashtag_wrap.showing .txt-area .tag_txt {color:rgb(37, 137, 244);}
[class*="sub-essence-"] .hashtag_wrap.showing .txt-area:first-child .tag_txt:first-child {transition-delay:0.2s}
[class*="sub-essence-"] .hashtag_wrap.showing .txt-area:first-child .tag_txt:last-child {transition-delay:0.7s}
[class*="sub-essence-"] .hashtag_wrap.showing .txt-area:last-child .tag_txt:first-child {transition-delay:1.2s}
[class*="sub-essence-"] .hashtag_wrap.showing .txt-area:last-child .tag_txt:last-child {transition-delay:1.7s}
[class*="sub-essence-"] .design_wrap {padding-bottom:50px}
[class*="sub-essence-"] .design_wrap .swiper-container {margin-top:44px; overflow:visible; width:calc(100% - 50px); max-width:285px}
[class*="sub-essence-"] .design_wrap .swiper-pagination {position: relative; margin-top:47px; line-height:0.6rem;}
[class*="sub-essence-"] .design_wrap .swiper-pagination-bullet {width:6px; height:6px; background:#C8C8C8; opacity:1;}
[class*="sub-essence-"] .design_wrap .swiper-pagination-bullet-active {width:15px; height:6px; border-radius:5px; background:rgb(37, 137, 244)}
[class*="sub-essence-"] .notice_wrap {text-align: left; padding: 0 35px 17px;}
[class*="sub-essence-"] .notice_wrap .titH3 {margin-top: 50px;}
[class*="sub-essence-"] .notice_wrap .deliber {margin-top: 30px; padding-left: 10px; color: #999;}
[class*="sub-essence-"] .notice_wrap::before {content: ""; display: block; margin-left: -40px; width: calc(100% + 80px); height: 8px; background: #F1F1F1; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
[class*="sub-essence-"] .btnArea button {font-weight: 700;}
[class*="sub-essence-"] .btnArea::before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 98px; z-index: -1; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.66) 20%, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 1) 50% ,rgba(255, 255, 255) 100%);}
@keyframes bounce {
	0% {
		transform:translateY(-5px)
	}
	50% {
		transform:translateY(5px)
	}
	100% {
		transform:translateY(-5px)
	}
}

.sub-essence-card .swiper-wrapper .swiper-slide .img {width: auto; height: auto; margin: 0}
.sub-essence-card .design_wrap .img {width:200px; height:auto; margin:44px auto 0}
.sub-essence-card .txtList_disc > li > .txtList_dash:first-child {margin: 0;}


@media (max-width: 360px) {
	[class*="sub-essence-"] .visual-wrap {padding-bottom:32px}
	[class*="sub-essence-"] .visual-wrap .tit-area .title {font-size:1.8rem}
	[class*="sub-essence-"] .visual-wrap .tit-area .title .mo {display:block}
	[class*="sub-essence-"] .visual-wrap .tit-area .card_name {font-size:2.4rem}
	[class*="sub-essence-"] .visual-wrap .card-area {width:214px; height:auto}
	[class*="sub-essence-"] .hashtag_wrap .txt-area:not(:first-child) {margin-top:0}
    [class*="sub-essence-"] .hashtag_wrap .tag_txt {margin-left:0; margin-top:12px; width:100%}
}

/* 맞춤카드 찾기 메인 */
.customCdWrap.main {padding:0}
.customCdWrap.main h2.tit {padding-top:7rem; color:#333; font-size:2.2rem; font-weight:900; line-height:3.2rem; text-align:center}
.customCdWrap.main .find_area {display:flex; flex-wrap:wrap; justify-content: center; align-items: center; position:relative; margin:0 auto; width:256px; height:calc(100vh - 256px)}
.customCdWrap.main .find_area .img {position:relative}
.customCdWrap.main .find_area .img:before,
.customCdWrap.main .find_area .img:after {content:""; display:block; position:absolute; top:50%; left:50%; right:0; bottom:0; border-radius:50%; z-index:-1;
transform:calc(1); transform-origin:center center; animation: full 700ms forwards infinite ease-in-out
}
.customCdWrap.main .find_area .img:before {margin-top:-94px; margin-left:-94px;width:188px; height:188px; background:#EAEEFF}
.customCdWrap.main .find_area .img:after {margin-top:-115px; margin-left:-115px;width:224px; height:224px; border:3px solid #EAEEFF}
@keyframes full {
	0% {
		transform: scale(1);
		opacity:.5;
	}
	0% {
		opacity:1;
	}
	100% {
		transform: scale(1.9);
		opacity:0;
	}
}

/* 맞춤카드 찾기 스텝 */
#content.bgType2 {min-height:100vh; background: #EAEEFF;}/* 맞춤카드선택용 bg 클래스 */
.customCdWrap {margin:0; padding:0; min-height:100%; padding-bottom:4rem; z-index:0;}
.customCdWrap .customCd_tit {margin-top:4rem; color: #333; text-align:center;}
.customCdWrap .customCd_tit h2 {margin:7rem 0 0; font-size: 2.2rem; font-weight: 900; line-height:1.2;}
.customCdWrap .customCd_tit .steps {font-size: 1.8rem; font-weight: 900; line-height:1;}
.customCdWrap .customCd_tit p {display:block; font-size:1.4rem; margin-bottom:4rem;}
.customCdWrap .customCd_tit h2:last-child {margin-bottom:6.6rem;}
.customCdWrap .customCd_tit .steps + h2 {margin-top:1rem;}
.customCdWrap .customCd_tit .steps + h2 + p {margin-top: .5rem;}
.customCdWrap .customCd_tit h2.final_tit {margin-bottom:7.2rem}
.customCdWrap .customCd_tit h2.final_tit .point {color:#2769F0}
.customCdWrap .customCd_cont { padding: 0 2rem;}
.customCdWrap .lstChk input[type='checkbox'] + label:before, 
.customCdWrap .lstChk input[type='radio'] + label:before {display:none; border: none; border-radius: 0; background-color: transparent; margin:0; transition:none; box-shadow:none;}
.customCdWrap .lstChk input[type='checkbox']:checked + label:before, 
.customCdWrap .lstChk input[type='radio']:checked + label:before{box-shadow:none;}
.customCdWrap .lstChk input[type='checkbox']:checked:focus + label:before, 
.customCdWrap .lstChk input[type='radio']:checked:focus + label:before {border-color: transparent !important; box-shadow: none;}
.customCdWrap .lstChk {display:flex; flex-flow:row wrap; margin: -1.2rem -0.6rem;}
.customCdWrap .lstChk > li {width:calc(50% - 1.2rem); margin: 1.2rem 0.6rem 0;}
.customCdWrap .lstChk .ipt + label{overflow:hidden; display: flex; align-items: center; justify-content: center; position: relative; height:100%; padding: 2.4rem 2rem; background-color: #fff; border-radius: 2.4rem; color:#000;}
.customCdWrap .lstChk .lstChk_txt {display:block; font-size: 1.6rem; font-weight: 900; line-height: 1.4; letter-spacing: -.8px;}
.customCdWrap .lstChk .ipt:checked + label {background:#2769F0; color:#fff;}
.customCdWrap .lstChk.row > li {width:100%;}
.customCdWrap .lstChk.row > li [class*="item1-"] {padding:1rem 2rem}
.customCdWrap .lstChk .ipt + label[class*="item4-"] {padding:10px 20px; justify-content: flex-start;}
.customCdWrap .lstChk.ico .lstChk_ico {display:block; position: static; margin-right:8px;}/*width: 4.8rem; height: 4.8rem;*/
.customCdWrap .lstChk.ico .lstChk_ico img {display:block; width:4.8rem; height: auto}
.customCdWrap .lstChk.ico.l .ipt + label {justify-content: left;}
.customCdWrap .lstChk.row > li [class*="item1-"] .lstChk_ico img {width:90px; height:90px}
.customCdWrap .lstChk.row > li [class*="item1-"] .lstChk_txt {font-size:1.8rem}

/* 맞춤카드 찾기 완료 */
.customCdWrap .recommendLst {margin-top: -3.5rem;}
.customCdWrap .recommendLst > li {background:#fff; border-radius:2.4rem;}
.customCdWrap .recommendLst > li + li {margin-top:1.6rem;}
.customCdWrap .recommendLst > li > .recommendCd {display:inline-block; position:relative; padding:2rem 1rem 2rem 9.5rem; height:140px; width:100%}
.customCdWrap .recommendLst > li > .recommendCd:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle;}
.customCdWrap .recommendLst .cdInfo_thum {position:absolute; left:2.4rem; top:50%; width:55px; height:88px; margin-top:-44px}
.customCdWrap .recommendLst .cdInfo_cont {width: calc(100% - 6px); vertical-align: middle; display: inline-block;}
.customCdWrap .recommendLst .cdInfo_cont .bedge{ display:inline-block; margin-bottom: .5rem; padding: .4rem .7rem .2rem; background:#2769F0; font-size:1.2rem; font-weight:900; color:#fff; border-radius:2rem; line-height:1;}
.customCdWrap .recommendLst .cdInfo_cont strong{display:block; font-size: 1.6rem; font-weight: 900; color:#333; line-height:100%; margin-bottom: 7px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.customCdWrap .recommendLst .cdInfo_cont p {display:block; font-size: 1.3rem; color: #777; letter-spacing: -.8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.customCdWrap .recommendLst .recommendCd.horizon .cdInfo_thum {left:0.8rem; margin-top:-28px; width:88px; height:55px; transform:rotate(90deg);}
.customCdWrap .recommendLst .cashback .recommendCd .flag {display:block;padding:3px 5px 3px;background:#138192;color:#fff;font-size:0.9rem;font-weight:900;border-radius:13px;position:absolute;top:4px;left:20px;z-index:2;}
.customCdWrap .recommendLst .cashback .recommendCd .flag:after {content:'';display:inline-block;width:11px;height:9px;background:url(/https/nm.wooricard.com/dcmw/img/mw/crd/ico-cashback-tail_v2.png) no-repeat 0 0;background-size:100%;position:absolute;left:13px;bottom:-8px;}

/* 맞춤카드 찾기 결과 데이터 없을 때 */
.customCdWrap.nodata {min-height:calc(100vh - 202px)}
.customCdWrap.nodata .customCd_tit .final_tit:before {content:""; display:block; margin:0 auto 14px; width:90px; height:90px; background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_custom_nodata.png) 0 0 no-repeat; background-size:90px}
.customCdWrap.nodata .customCd_tit h2.final_tit {margin:7rem 0 16px}
.customCdWrap.nodata .customCd_tit .sub_desc {color:#666; font-weight:400}
.customCdWrap.nodata .cont_txt {position:absolute; bottom:172px; left:32px; color:#333; font-weight:700}
.customCdWrap.nodata .recommendLst {display:flex; gap:10px; position:absolute; bottom:0; left:20px; width:100%; white-space:nowrap; overflow-x:auto; vertical-align:top}
.customCdWrap.nodata .recommendLst > li + li {margin:0}
.customCdWrap.nodata .recommendLst > li:last-child {margin-right:40px}
.customCdWrap.nodata .recommendLst .recommendCd {padding:2rem 1.4rem 2rem 8.6rem; height:158px; width:280px}
.customCdWrap.nodata .recommendLst .recommendCd:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.customCdWrap.nodata .recommendLst .cdInfo_thum {left:1.6rem}
.customCdWrap.nodata .recommendLst .cdInfo_cont {display:inline-block; vertical-align:middle}
.customCdWrap.nodata .recommendLst .cdInfo_cont span {display:inline-block; margin-top:10px; color:#2769F0; font-size:1.2rem; line-height:1.8rem; white-space:normal;}
.customCdWrap.nodata + .btnWrap {padding-top:0; height:80px; background:#EAEEFF}
.customCdWrap.nodata .recommendLst .recommendCd .flag {display:block;padding:4px 7px 4px;background:#138192;color:#fff;font-size:1.1rem;font-weight:900;border-radius:13px;position:absolute;top:9px;left:8px;z-index:2;}
.customCdWrap.nodata .recommendLst .recommendCd .flag:after {content:'';display:inline-block;width:11px;height:9px;background:url(/https/nm.wooricard.com/dcmw/img/mw/crd/ico-cashback-tail_v2.png) no-repeat 0 0;background-size:100%;position:absolute;left:13px;bottom:-8px;}

/* 맞춤카드 찾기 하단 버튼 */
.customCdWrap + .btnWrap {position: fixed; bottom:0; left:0; right:0; z-index:2; height:14.4rem; padding-top:6.4rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(234, 238, 255, 0.96) 50% ,rgba(234, 238, 255, 1) 100%);}
.customCdWrap + .btnWrap:after{content:""; display:block; clear:both;}
.customCdWrap + .btnWrap > a {position:relative; display:inline-block; font-size:1.6rem; font-weight:900; color:#333; padding: 2.8rem 2rem;}
.customCdWrap + .btnWrap > a:before {content:""; display:block; position:absolute; top: calc(50% - .8rem); width: 1.4rem; height:1.4rem;}
.customCdWrap + .btnWrap .rePrev_btn{float:left; padding-left: 3.5rem; }
.customCdWrap + .btnWrap .rePrev_btn:before { left: 2rem; background:transparent url(/https/nm.wooricard.com/dcmw/img/mw/mnew/icon_arrow_left.png) no-repeat center;}
.customCdWrap + .btnWrap .reNext_btn{float: right; padding-right: 3.5rem; }
.customCdWrap + .btnWrap .reNext_btn:before { left: auto; right:2rem; background:transparent url(/https/nm.wooricard.com/dcmw/img/mw/mnew/icon_arrow_right.png) no-repeat center;}
.customCdWrap + .btnWrap .reNext_btn.disabled {color: #999;}
.customCdWrap + .btnWrap .reNext_btn.disabled::before {left: auto; right:2rem; background:transparent url(/https/nm.wooricard.com/dcmw/img/mw/mnew/icon_arrow_right_disabled.png) no-repeat center / contain;}
.customCdWrap + .btnWrap .reReturn_btn {float: left; padding-left: 3.5rem; }
.customCdWrap + .btnWrap .rePrev_btn + .reReturn_btn {float: right;} 
.customCdWrap + .btnWrap .reReturn_btn:before { left: 1.8rem; background:transparent url(/https/nm.wooricard.com/dcmw/img/mw/essence/ico_refresh03.png) no-repeat center; background-size:100%;}
@media (max-width: 320px) {
    .customCdWrap .lstChk.ico > li { width:100%; }
}
@media (max-height: 600px) {
	.customCdWrap.nodata {min-height:calc(100vh - 172px)}
    .customCdWrap.nodata .customCd_tit h2.final_tit { margin-top:0 }
}
/* 230705 독자카드 (e) */

/* 주요거래 ARS (s) */
[class*="cont-ars-pop"] .bottom.popCont.v2 .popHead h1 {font-size:2.0rem; line-height:2.3rem; color:#333; display: block; min-height: 0; padding-bottom: 18px; font-weight:700}
[class*="cont-ars-pop"] h2 {font-size:1.6rem; line-height: 2.2rem; letter-spacing: -0.32px; color:#666;}
[class*="cont-ars-pop"] h2 span {color:rgb(37, 137, 244); font-weight:700;}
[class*="cont-ars-pop"] .bottom.popCont.v2 .popBody {padding:28px 20px 30px;}
[class*="cont-ars-pop"] .popCont.bottom .popInner > section {padding:0;}
/* ars 출금 동의 약관 */
.cont-ars-pop-withdraw .popBody .popInner section p {font-size:1.6rem; line-height: 2.2rem; letter-spacing: -0.32px; color:#333; font-weight:700;}
.cont-ars-pop-withdraw .personel_agree {margin: 0;}
.cont-ars-pop-withdraw .personel_agree .cfChkOptGroup {margin: 12px 0 30px;}
.cont-ars-pop-withdraw .cfChkOptGroup > li ~ li {margin-top: 10px;}
.cont-ars-pop-withdraw .cfRdoOpt:checked + .cfLabel {font-weight:700}
/* ars 인증 */
.cont-ars-cert section {margin: 0 0 24px;}
.cont-ars-cert section .ars_box {padding: 38px 0 72px; text-align: center;}
.cont-ars-cert section .ars_box h1 {font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.45px; font-weight: 700; color: #333; margin: 20px 0 38px;}
.cont-ars-cert section .ars_box .num_box {display: flex; gap: 6px; justify-content: center;}
.cont-ars-cert section .ars_box .num_box p {width: 54px; height: 60px; border-radius: 8px; background: #F5F5F5;}
.cont-ars-cert section .ars_box .num_box p span {font-size: 4.7rem; line-height: 5.0rem; letter-spacing: -0.94px; font-weight: 700; color: #333;}
.cont-ars-cert section .ars_box h2 {font-size: 1.4rem; line-height: 2.0rem; letter-spacing: -0.35px; color: #666; margin: 22px 0 28px;}
.cont-ars-cert section .ars_box a {font-size: 1.4rem; line-height: 1.6rem; letter-spacing: -0.35px; color: #2A65CD; text-decoration: underline; text-underline-offset: 3px;}
.cont-ars-cert section .txtList_guide {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.26px; background-position: 0 3px;}
.cont-ars-cert section .call_area {position:relative; margin:0 auto; max-width:53px; width:100%; max-height:53px; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.cont-ars-cert section .call_area:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:100%; background:rgba(211, 230, 251, .5); transform:calc(1); transform-origin:center center; animation: circle 700ms forwards infinite ease-in-out; opacity:0;}
.cont-ars-cert section .call_area:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:100%; background:rgba(204, 211, 220, .12); transform:calc(1); transform-origin:center center; animation: circle2 700ms forwards infinite ease-in-out; opacity:0;}
.cont-ars-cert section .call_area img {z-index:1}
@keyframes circle {
	0% {
		transform: scale(1);
		opacity:.5;
	}
	0% {
		opacity:1;
	}
	100% {
		transform: scale(2);
		opacity:0;
	}
}

@keyframes circle2 {
	0% {
		transform: scale(1);
		opacity:.5;
	}
	0% {
		opacity:1;
	}
	100% {
		transform: scale(3);
		opacity:0;
	}

}
/* 주요거래 ARS (e) */



/* 홈/마이 신규카드 배너 (s) */
.new_card_banner {position: relative; margin-top: 16px;}
.new_card_banner .new_card_list > li {border-radius: 2.4rem; background: #F1F1F1;}
.new_card_banner .new_card_list > li a {display: block; position: relative; padding: 3rem 2.5rem 3rem 9.5rem; height:16.6rem}
.new_card_banner .new_card_list > li a:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.new_card_banner .new_card_list > li a img {position: absolute; left: 2.4rem; top: 50%; width: 55px; height: 88px; margin-top: -44px;}
.new_card_banner .new_card_list > li a .banner_txt {display:inline-block; width:calc(100% - 6px); vertical-align:middle;}
.new_card_banner .new_card_list > li a .banner_txt strong {display: block; font-size: 1.6rem; font-weight: 900; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.new_card_banner .new_card_list > li a .banner_txt ul {margin-bottom: 0;}
.new_card_banner .new_card_list > li a .banner_txt ul li {display: block; margin-top: .7rem; font-size: 1.3rem; color: #777; letter-spacing: -.8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.new_card_banner .new_card_list > li a .banner_txt ul li ~ li {margin-top:0}
.new_card_banner .swiper-pagination {position: relative;}
.new_card_banner .swiper-pagination-bullet {width: 6px; height: 6px;}
.new_card_banner .swiper-pagination-bullet-active {width: 16px; border-radius: 5px; background: rgb(37, 137, 244);}
.new_card_banner .swiper-controls {position: absolute; top: 5px; right: 20px; display: flex; align-items: flex-end; justify-content: center; z-index: 9;}
.new_card_banner .swiper-controls .swiper-button-stop,
.new_card_banner .swiper-controls .swiper-button-play {width:9px;height:17px;}
.new_card_banner .swiper-controls .swiper-button-play {display:none;}
.new_card_banner .swiper-controls .swiper-button-stop {border:0; background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/btn_stop.svg) center center / 5px 8px no-repeat;}
.new_card_banner .swiper-controls .swiper-button-play {border:0; background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/btn_play.svg) center center / 6px 8px no-repeat;}
/* 230711 챗봇 닫기 버튼 */
.quick .removeChat {width: 25px; height: 25px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_common_cancle.png) no-repeat center center / 25px auto;}
/* 230724 마이페이지 최소결제금액 추가 */
.myLayer .contPayment .price .min_payment {display: none;}
.myLayer.v2.on .contPayment .price .min_payment {color: #888; display: block;}
/* 홈/마이 신규카드 배너 (e) */



/* 우리페이 ci (s) */
.paymenu_type img {width:auto; height:13px;}
/* 우리페이 배너 */
.popup.typeWsp .wsp_main .banner-area {text-align:center;}
.popup.typeWsp .wsp_main .banner-area a {display:block;}
.popup.typeWsp .wsp_main .wsp-honey-box .box-cnt .banner-area {width: 100%; margin-bottom: 20px;}
/* 결제 수단 등록 */
.wspSwiperWrap {margin-top: 20px;}
.wspSwiperWrap .wspSwiper .swiper-wrapper .swiper-slide {height: 170px;}
.wspSwiperWrap .wspSwiper .swiper-wrapper .swiper-slide.vertical {height:240px}
.wspSwiperWrap .wspSwiper .btnSlideNext {top: 75px;}
.wspSwiperWrap .wspSwiper .btnSlidePrev {top: 75px;}
.wspSwiperWrap .wspSwiper .swiper-wrapper .swiper-slide.horizon .cardLabel {top:20px}
/* 카드/계좌 관리 리스트 */
[data-wspdsgn="wrap"].innerConts .card_list {margin-bottom:20px}
[data-wspdsgn="wrap"].innerConts .card_list + .banner-area {margin-bottom:-10px; padding: 0 20px 20px 20px; text-align: center}
[data-wspdsgn="wrap"].innerConts .card_list + .banner-area a {display:inline-block; text-align:center}
/* 우리페이 ci (e) */



/* 230710 꾹 서비스 (s) */
/* .diverse_item.kkuk,
.diverse_item.kkuked {text-align:center; border-radius:24px; overflow:hidden; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, .08)}
.diverse_item .diverse_inner {border-radius:0; text-align:left}
.diverse_item .btn {height:50px; width:calc(100% - 40px); background:rgb(37, 137, 244); border-radius:10px; margin-bottom:20px}
.diverse_item .btn > span {line-height:50px}
.diverse_item .btn .kkuk:before {margin-right:0; margin-top:10px; width:32px; height:30px; background:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_k_green.png) 0 0 no-repeat; background-size:32px 30px}
.diverse_item .btn .kkuk2:before {margin-right:0; margin-top:10px; width:32px; height:30px; background:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_k_pink.png) 0 0 no-repeat; background-size:32px 30px}
.diverse_item .btn .kkuk3:before {margin-right:0; margin-top:10px; width:32px; height:30px; background:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_k_blue.png) 0 0 no-repeat; background-size:32px 30px}
.diverse_item .btn .complete:before {margin-right:0; margin-top:10px; width:32px; height:30px; background:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_k_gray.png) 0 0 no-repeat; background-size:32px 30px}
.diverse_item .btn .alarm:before {margin-top:18px;}
.diverse_item .btn:disabled {background:#C6CED1; cursor:none}
.diverse_item .btn .use:before,
.diverse_item .btn .end:before {margin-top:16px}
.diverse_item .btn .alarm:before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_bell_btn_w.png)}
.diverse_item .btn .end:before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_end_btn_w.png)}
.diverse_item.kkuked {opacity:70%}
.diverse_inner .tag {margin-bottom:10px}
.diverse_inner .tag > span:not(.o1):before {content:none}
.diverse_inner .tag > span:not(.o1) {padding:5px 10px; background:#EFF5FF; border-radius:20px; font-size:1.2rem; font-weight:700; line-height:100%}
.diverse_inner .desc {margin:0}
.diverse_inner .desc .tit {font-size:1.4rem; font-weight:700}
.diverse_inner .desc .new {position:relative; width:12px; height:12px; line-height:1.8rem; right:-4px; background:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icoc_new.png) 0 0 no-repeat; background-size:12px}
.diverse_inner .desc .num {margin-top:4px}
.diverse_inner .desc .num .price,
.diverse_inner .desc .num .unit,
.diverse_inner .desc .num .stxt {font-size:2.2rem; font-weight:900}
.diverse_inner .desc .txt1 {font-size:1.4rem}
.diverse_inner .desc .txt2 {margin-top:12px; color:#AEAEAE}
.diverse_inner .desc .txt2 .left_day {position:relative; margin-left:10px}
.diverse_inner .desc .txt2 .left_day:before {content:""; display:block; position:absolute; top:50%; left:-6px; margin-top:-2px; width:2px; height:2px; background:#D6D6D6; border-radius:100%;}
.diverse_inner .desc .thumb {width:64px; height:64px}
.diverse_inner .tag > span {margin-right:6px}
.diverse_inner .tag > span.o2 {color:rgb(37, 137, 244); background:#EFF5FF}
.diverse_inner .tag > span.o3 {color:#006E49; background:#D8F2E9}
.diverse_inner .tag > span.o4 {color:#D9549F; background:#F9E0EF}
.main_lucky_box .btn {background:#D9549F} */
/* 꾹 이용방법 팝업 */
/* .kkukSlider_container .swiper-slide {height:218px; text-align:center; background:#fff}
.kkukSlider_container .swiper-slide .kkukSlider_inner {min-height:148px; text-align:left}
.kkukSlider_container .swiper-slide button {height:50px; width:calc(100% - 40px); background:rgb(37, 137, 244); border-radius:10px; margin-bottom:20px}
.kkuk_btn > span:before {margin-right:0;  width:32px; height:30px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_k_green.png)} */
/* 꾹 상세 */
/* .clo_beneDetail_inner {background:#fff; text-align:center}
.clo_beneDetail_in {text-align:left}
.beneDetail_btn {height:50px; width:calc(100% - 40px); background:rgb(37, 137, 244); border-radius:10px; margin-bottom:20px}
.beneDetail_btn > span.kkuk:before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/clo/icon_k_green.png)} */
/* 230710 꾹 서비스 (e) */



/* 홈/마이페이지 수정 (s) */
/* 230807 시니어 GNB */
.htmlMyV2.senior .myHeaderMenu li a {font-size:2.0rem}
.htmlMyV2.senior .header .btns {right:70px}
/* 시니어 내가 받은 혜택 230817 */
.htmlMyV2.senior .myLayer .contMyBenefit ul li.more a {padding:30px 14px; height: 80.5px; text-align:center}
.htmlMyV2.senior .myLayer .contMyBenefit ul li.more .more_txt {display:inline-block; font-size: 1.6rem; padding-left: 20px;}
.htmlMyV2.senior .myLayer .contMyBenefit ul li.more a .more_txt::before {width: 14px; height: 14px; left:4px}
.htmlMyV2.senior .myLayer .contMyBenefit ul li a {padding: 14px 27px 14px 20px; min-width: 152px; height: auto;}
.htmlMyV2.senior .myLayer .contMyBenefit ul li a dl dt {font-size: 1.6rem;}
.htmlMyV2.senior .myLayer .contMyBenefit ul li a dl dd {font-size: 1.6rem;}
.htmlMyV2.senior .myLayer .contMyBenefit ul li a dl dd span {font-size: 1.9rem;}
.htmlMyV2.senior .myLayer .contMyBenefit ul li a dl dd:after {right: -3px; width: 14px; height: 14px; margin-top: -8px;}
/* 내가 받은 혜택 */
.myLayer .contMyBenefit {margin-bottom: -12px;}
.myLayer .contMyBenefit ul {padding-bottom: 12px;}
.myLayer .contMyBenefit ul li a {box-shadow: -3px 7px 14px rgba(0, 0, 0, 0.16);}
.myLayer .contMyBenefit ul li.more a {background: #fff; padding: 20px 35px;}
.myLayer .contMyBenefit ul li.more a .more_txt {position: relative; font-size: 1.3rem; font-weight: 700; line-height: 2.4rem; padding-left: 15px;}
.myLayer .contMyBenefit ul li.more a .more_txt::before {content: ''; position: absolute; left: 0; top: 4px; width: 12px; height: 12px; background: url(/https/nm.wooricard.com/dcmw/img/mw/myv2/icon_benefit_more.png) no-repeat center /100%;}
/* 내 혜택 모아 */
.bflifeCont .benefitWrap .detail > li.point-border {border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(37deg, #74dcc4 0%, #4597e9 100%); background-origin: border-box; background-clip: content-box, border-box;} 
/* 비회원 가입 안내페이지 230816 */
#M1MCD101P04_cPopup {z-index:9999 !important;}
.popCont.no_member_join {background: #F2F7FF; z-index:9999 !important; height:100vh}
.popCont.no_member_join .popBody {height:100%; min-height:580px}
.popCont.no_member_join .popInner {height:100%;}
.popCont.no_member_join section {position: relative}
.popCont.no_member_join .join_tit {position: relative; display: inline-block; font-size: 2.4rem; font-weight: 900; line-height: 3.2rem; color: #333; margin-bottom: 20px;}
.popCont.no_member_join .join_tit::after {position: absolute; right: -30px; bottom: 6px; content: ''; width: 24px; height: 24px; background: url(/https/nm.wooricard.com/dcmw/img/mw/join/icon_fanfare.png) no-repeat center/100%;}
.popCont.no_member_join .join_status li + li {margin-top: 10px;}
.popCont.no_member_join .join_status li a {position: relative; display: inline-block; width: 100%; background: #fff; padding: 24px 24px 24px 78px; border-radius: 8px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06);}
.popCont.no_member_join .join_status li a::before {position: absolute; left: 16px; content: ''; width: 52px; height: 52px; top: 50%; margin-top: -26px;}
.popCont.no_member_join .join_status li:nth-child(1) a::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/join/img_join01.png) no-repeat center / 100%;}
.popCont.no_member_join .join_status li:nth-child(2) a::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/join/img_join02.png) no-repeat center / 100%;}
.popCont.no_member_join .join_status li a::after {position: absolute; top: 50%; right: 20px; margin-top: -7px; content: ''; width: 7px; height: 14px; background: url(/https/nm.wooricard.com/dcmw/img/mw/join/icon_arrow_right.png) no-repeat center / 100%;}
.popCont.no_member_join .join_status .join_txt01 {font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; color: #333; margin-bottom: 6px;}
.popCont.no_member_join .join_status .join_txt02 {font-size: 1.4rem; line-height: 2.0rem; letter-spacing: -0.84px; color: #888;}
.popCont.no_member_join .join_btn {text-align: right;}
.popCont.no_member_join .join_btn .links.arrow {margin: 0; color: #999; background: url(/https/nm.wooricard.com/dcmw/img/mw/join/icon_arrow_right_s.png) no-repeat 100% 6px; background-size: 6px 11px;}
.popCont.no_member_join .join_btn .btnArea {background: none; margin: 20px 0 16px;}
.popCont.no_member_join .join_btn .btnArea .btn_p {border-radius: 6px;}
.popCont.no_member_join .join_banner {display: inline-block; position: fixed; bottom: 58px; left: 32px; right: 32px; text-align: center;}
/* 앱유도 팝업 개선 230822 */
.stickyTop #bannerDivNew {position: relative; padding: 45px 33px 58px 20px; border-radius: 0 0 20px 20px; box-shadow: rgba(0,0,0,0.27) 0 3px 20px;}
.stickyTop #bannerDivNew img {width:100%; height:auto}
.stickyTop #bannerDivNew .banner_never_btn {position: absolute; bottom: 20px; left: 50%; margin-left: -61px; font-size: 1.3rem; line-height: 1.4rem; letter-spacing: -0.52px; color: #999; padding-bottom: 1px; border-bottom: 1px solid #999;}
/* 우리페이 계좌등록 230824 */
.privacy_input_subject + p.privacy_sub_text {margin-top:7px; color:#000}
/* 홈/마이페이지 수정 (e) */



/* 오픈뱅킹 uiux 개선 (s) */
.header .btnIco_cancel {left:auto; right:8px; width:50px; height:5.0rem; text-align:center; line-height:5.0rem; font-weight:700}
/* body.noFooter #content.opbServiceWrap {padding-bottom:60px} */
.opbServiceWrap {margin:0}
.opbServiceWrap * {word-break:keep-all; line-height:100%}
.opbServiceWrap .txt_blue {color:#0085FF}
.opbServiceWrap .logo {width:32px; height:32px}
.opbServiceWrap .logo img {width:100%}
/* 토스트 팝업 */
.toast_pop {display:none; position:fixed; bottom:95px; left:50%; transform:translateX(-50%); padding:10px 20px; background:rgba(61, 61, 61, 0.8); border-radius:32px; z-index:100}
.toast_pop.on {display:inline-block}
.toast_pop .twinkle {display:inline-block; margin-right:7px; width:20px; height:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_twinkle.png) 0 0 / cover no-repeat; vertical-align:middle}
.toast_pop p {display:inline-block; color:#fff; font-size:1.4rem; font-weight:900; line-height:2.0rem; vertical-align:middle; white-space:nowrap}
/* 하단 버튼 그라데이션 */
.opbServiceWrap + .btnArea:before {content:""; display:block; position:absolute; bottom:0; z-index:-1; width:100%; height:100px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 40% ,rgba(255, 255, 255, 1) 100%)}
/* 결과 */
.opbServiceWrap .result_area {padding-top:70px; text-align:center}
.opbServiceWrap .result_area .title {color:#333; font-size:2.2rem; font-weight:900; line-height:3.2rem}
.opbServiceWrap .result_area .result_mark {position:relative; margin:0 auto 22px; width:54px; height:54px; border-radius:50%}
.opbServiceWrap .result_area .sub_tit {margin-top:20px; color:#333; font-size:1.6rem; line-height:2.4rem}
.opbServiceWrap .result_area .sub_tit .ico_error_sign {display:inline-block; vertical-align:text-bottom; width:18px; height:18px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_error_sign.png) no-repeat center 1px / 100%;}
.opbServiceWrap .result_area .desc {color:#888; font-size:1.4rem}
.opbServiceWrap .result_area.succ .result_mark {display:flex; justify-content:center; align-items:center}
.opbServiceWrap .result_area.succ .result_mark .ani_check {width:54px; height:54px; border-radius:50%; display:block; stroke:#fff; stroke-width:5; stroke-miterlimit:10; box-shadow: inset 0px 0px 0px rgb(37, 137, 244); animation:fill 0.3s ease-in-out 0.3s forwards, scale 0.3s ease-in-out 0.6s both}
.opbServiceWrap .result_area.succ .result_mark .circle {fill:none; stroke:rgb(37, 137, 244); stroke-width:5; stroke-miterlimit:10; stroke-dasharray:166; stroke-dashoffset:166; animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) forwards}
.opbServiceWrap .result_area.succ .result_mark .check {fill:none; stroke:#fff; stroke-width:4.6; stroke-dasharray:48; stroke-dashoffset:48; stroke-linecap:round; stroke-linejoin:round; animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards}
@keyframes stroke {
	100% {stroke-dashoffset:0}
} 

@keyframes scale {
	0%, 100% {transform:none}
	50% {transform:scale3d(1.1, 1.1, 1)}
} 

@keyframes fill {
	100% {box-shadow:inset 0px 0px 0px 50px rgb(37, 137, 244)}
} 
.opbServiceWrap .result_area.fail .result_mark {background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_result_error.png) 0 0 / 54px no-repeat; animation:updown 0.4s ease-in-out 0.4s forwards}
.opbServiceWrap .result_area.fail .result_mark .circle {fill:none; stroke:#e8010c; stroke-width:2; stroke-miterlimit:10; stroke-dasharray:166; stroke-dashoffset:166; animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) forwards}
.opbServiceWrap .result_area.fail .limit_wrap {margin-top:4.6rem; padding:2rem 0; text-align:center; background:#F8F8F8; border-radius:6px;}
.opbServiceWrap .result_area.fail .limit_wrap .limit_txt {color:#666; font-size:1.4rem}
.opbServiceWrap .result_area.fail .limit_wrap .limit_amount {display:block; margin-top:5px; color:rgb(37, 137, 244); font-size:2rem; font-weight:900}
.opbServiceWrap .result_area.fail .call_num {margin-top:2rem; color:#666; font-size:1.4rem; font-weight:900}
.opbServiceWrap .result_area.fail .call_num em {display:inline-block; margin-top:10px; color:#E80163; font-size:1.6rem; font-weight:900}
.opbServiceWrap .result_area.fail .sub_tit + a {display:inline-block; margin-top:15px; color:rgb(37, 137, 244); font-size:1.4rem; text-decoration:underline;}

@keyframes updown {
	0% {transform: translateY(0);}
	25% {transform: translateY(-10px);}
	50% {transform: translateY(0px);}
	75% {transform: translateY(-5px);}
	100% {transform: translateY(0);}
} 
/* no data */
.opbServiceWrap .nodata_wrap {margin-top:56px}
.opbServiceWrap .nodata_wrap .desc {color:#333; font-size:1.6rem; font-weight:700; text-align:center}
.opbServiceWrap .nodata_wrap .desc:before {content:""; display:block; margin:0 auto 10px; width:84px; height:84px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_freq_nodata.png) center / cover no-repeat}
/* 타이틀 */
.opbServiceWrap .btn_guide {display:inline-block; margin-left:6px; width:17px; height:17px; line-height:3.0rem; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_guide.png?v=20241127) center center / 17px 17px no-repeat; vertical-align:top}
.opbServiceWrap .title_area {padding-top:40px}
.opbServiceWrap .title_area .tit {display:inline-block; color:#333; font-size:2.0rem; font-weight:900; line-height:2.8rem}
.opbServiceWrap .title_area .btn_guide {height:28px}
.opbServiceWrap .title_area .sub_tit {margin-top:16px; color:#888}
.opbServiceWrap .title_area .sub_tit a {color:rgb(37, 137, 244); text-decoration:underline; font-size:1.6rem}
.opbServiceWrap .title_area .sub_tit button {color:rgb(37, 137, 244); text-decoration:underline; font-size:1.6rem}
.opbServiceWrap .title_area .sub_tit span {color:#333}
.opbServiceWrap .title_area + .list_wrap {margin-top:36px}
/* 계좌 리트스 */            
.opbServiceWrap .list_wrap {position:relative; padding-top:34px}
.opbServiceWrap .list_wrap:before {content:""; display:block; position:absolute; top:0; left:-20px; width:calc(100% + 40px); height:10px; background:#eee;}
.opbServiceWrap .list_wrap.no_border {padding-top:0}
.opbServiceWrap .list_wrap.no_border:before {content:none}
.opbServiceWrap .list_wrap .list_tit {display:flex; justify-content:space-between}
.opbServiceWrap .list_wrap .list_tit .type_tit {color:#333; font-size:1.8rem; font-weight:900}
.opbServiceWrap .list_wrap .list_tit .num {display:inline-block; margin-left:6px; width:18px; color:#fff; font-size:1.0rem; font-weight:900; line-height:1.8rem; text-align:center; background:rgb(37, 137, 244); border-radius:50%; vertical-align:bottom}
.opbServiceWrap .list_wrap .list_tit .num.disabled {background-color:#ccc}
.opbServiceWrap .list_area {margin-top:10px; padding-bottom:24px} 
.opbServiceWrap .list_area li {display:flex; justify-content:space-between; position:relative}
.opbServiceWrap .list_area .full {position:relative; padding:13px 0; width:100%}
.opbServiceWrap .list_area .logo {display:inline-block; position:relative; width:32px; height:32px}
.opbServiceWrap .list_area .logo img {width:100%}
.opbServiceWrap .list_area .logo.star:before {content:""; display:block; position:absolute; top:-6px; left:-6px; width:22px; height:22px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_star.png) 0 0 / cover no-repeat}
.opbServiceWrap .list_area .transAcc,
.opbServiceWrap .list_area .badge {display:inline-block; margin-left:6px; padding:0 6px; color:#8488F4; font-size:1.1rem; line-height:1.6rem; border:1px solid #8488F4; border-radius:15px; vertical-align:text-bottom}
.opbServiceWrap .list_area .wrong {flex-wrap:wrap;}
.opbServiceWrap .list_area .txtList_guide {flex-grow:1; width:100%; position:relative; margin-top:0; padding:15px 35px 15px 45px; color:#888; font-size:1.3rem; line-height:2.2rem; background:#F8F8F8 url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_mesg.png) 22px 17px /17px no-repeat; border-radius:6px}
/* 팝업 바텀시트 */
.bottom.popCont[class*="opb"] {padding-top:35px}
.bottom.popCont[class*="opb"] .popHead h1 {font-size:2.0rem; font-weight:900}
.bottom.popCont[class*="opb"] .popBody {padding:20px 20px 30px; font-size:1.6rem}
.bottom.popCont[class*="opb"] .popBody .txtList_disc {margin:0; margin-top:4px}
.bottom.popCont[class*="opb"] .popBody .txtList_disc > li {margin-top:16px}
.bottom.popCont[class*="opb"] .popBody .txtList_disc > li:first-child {margin-top:0}
.bottom.popCont[class*="opb"] .btnArea {overflow:visible}
.bottom.popCont[class*="opb"] .btnArea:before {content:""; display:block; position:absolute; bottom:0; z-index:-1; width:100%; height:100px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 40% ,rgba(255, 255, 255, 1) 100%)}

/* 뱅킹 약관동의 */
.opbServiceWrap.sec_sign_up .formArea {margin-bottom:40px}
.opbServiceWrap.sec_sign_up .formArea .label {margin-top:40px}
/* 뱅킹 계좌 등록 */
.opbServiceWrap[class*="sec_join_"] .list_wrap .ckeck_all input + label {padding-left:0; color:#999; font-weight:700}
.opbServiceWrap[class*="sec_join_"] .list_wrap .ckeck_all input:checked + label {color:#333}
.opbServiceWrap[class*="sec_join_"] .list_wrap .ckeck_all input + label:before {content:none}
.opbServiceWrap[class*="sec_join_"] .list_wrap .ckeck_all input + label .checked,
.opbServiceWrap[class*="sec_join_"] .list_wrap .ckeck_all input:checked + label .uncheck {display:none}
.opbServiceWrap[class*="sec_join_"] .list_wrap .ckeck_all input + label .uncheck,
.opbServiceWrap[class*="sec_join_"] .list_wrap .ckeck_all input:checked + label .checked {display:block}
.opbServiceWrap[class*="sec_join_"] .list_area .logo {position:absolute; top:50%; left:4px; margin-top:-16px}
.opbServiceWrap[class*="sec_join_"] .list_area .name {margin-bottom:4px; color:#333; font-size:1.6rem; font-weight:900}
.opbServiceWrap[class*="sec_join_"] .list_area .account {font-size:1.4rem}
.opbServiceWrap[class*="sec_join_"] .list_area .state {display:inline-block; position:relative; margin-left:10px; font-size:1.3rem; z-index:1;}
.opbServiceWrap[class*="sec_join_"] .list_area .state:before {content:""; display:block; position:absolute; top:50%; left:-6px; margin-top:-1px; width:2px; height:2px; background:#999; border-radius:50%}
.opbServiceWrap[class*="sec_join_"] .list_area .state.succ {color:#0085FF}
.opbServiceWrap[class*="sec_join_"] .list_area .state.fail {color:#E80163}
.opbServiceWrap.sec_join_list {min-height:calc(100vh - 122px)}
.opbServiceWrap.sec_join_list .list_area [class*="list_"] {padding:13px 0}
.opbServiceWrap.sec_join_list .list_area .list_left {position:relative; padding-left:48px}
.opbServiceWrap.sec_join_list .list_area .list_right {color:#333; font-size:1.6rem; font-weight:700}
.opbServiceWrap.sec_join_list .list_area .check_area {position:absolute; width:100%; height:100%}
.opbServiceWrap.sec_join_list .list_area .check_area input[type='checkbox'] {width:100%; height:100%}
.opbServiceWrap.sec_join_list .list_area .check_area input[type='checkbox']:disabled + label:before,
.opbServiceWrap.sec_join_list .list_area .disabled .check_area input[type='checkbox'] + label:before {background:#fff; opacity:0.6;}
.opbServiceWrap.sec_join_list .list_area .check_area input[type='checkbox'] + label {padding-left:100%; height:100%}
.opbServiceWrap.sec_join_list .list_area .check_area input[type='checkbox'] + label:before {width:100%; height:100%; background:transparent; border:none; border-radius:0}
.opbServiceWrap.sec_join_list .list_area .check_area input[type='checkbox']:checked + label:before {background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_checked.png) 4px center no-repeat; background-size:32px !important;}
.opbServiceWrap.sec_join_list + .btnArea button:disabled .total_num {display:none}
.opbServiceWrap.sec_join_list + .btnArea button .total_num {display:inline-block}
/* 뱅킹 가입 결과 */
.opbServiceWrap.sec_join_result .result_area {padding-top:48px}
.opbServiceWrap.sec_join_result .result_area + .list_wrap {margin-top:48px}
.opbServiceWrap.sec_join_result .list_wrap .list_tit .total_txt {color:#888; font-size:1.3rem}
.opbServiceWrap.sec_join_result .list_area .full {padding-left:48px}
.opbServiceWrap.sec_join_result .list_area .name {margin-bottom:6px; display:inline-block; line-height:1.8rem}
.opbServiceWrap.sec_join_result .list_area .ico_error_sign {display:inline-block; margin-left:4px; vertical-align:text-bottom; width:18px; height:18px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_error_sign.png) no-repeat center 1px / 100%;}
.opbServiceWrap.sec_join_result .list_area .txtList_guide {display:none}
.opbServiceWrap.sec_join_result .list_area .txtList_guide.on {display:block}

/* 국내 송금 */
.bottom.popCont.opb_limit .popBody .ac:before {content:""; display:block; margin:-5px auto 20px; width:78px; height:78px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_security.png) center / 78px 74px}
.bottom.popCont.opb_limit .popBody .ac .pointC {color:#2769F0; font-weight:900}
/* 보낼 계좌 선택 */
.opbServiceWrap.sec_act_send .list_area li {display: block;}
.opbServiceWrap.sec_act_send .list_area li .accInfo {display:flex; justify-content:space-between; position:relative}
.opbServiceWrap.sec_act_send .list_area li:not(.txtList_guide) .accInfo {gap:12px; align-items:center; padding:4px 0; min-height:66px}
.opbServiceWrap.sec_act_send .logo {position:relative; overflow:visible}
.opbServiceWrap.sec_act_send .btn_favorite {padding:0; width:32px; height:32px; overflow:visible}
.opbServiceWrap.sec_act_send .btn_favorite:disabled {cursor:default}
.opbServiceWrap.sec_act_send .account_area {flex-grow:1}
.opbServiceWrap.sec_act_send .account_area a {display:inline-block}
.opbServiceWrap.sec_act_send .account_area a:disabled {pointer-events:none; cursor:default}
.opbServiceWrap.sec_act_send .account_area .transAcc {margin:0 0 6px}
.opbServiceWrap.sec_act_send .account_area .account {display:block; position:relative; margin:0 0 5px; font-size:1.4rem}
.opbServiceWrap.sec_act_send .account_area .accBalance {color:#000; font-size:1.8rem; font-weight:700}
.opbServiceWrap.sec_act_send .account_area .accBalance:after {content:"원"; display:inline-block;}
.opbServiceWrap.sec_act_send .account_area .amount_view {color:#999; font-size:1.8rem; font-weight:700}
.opbServiceWrap.sec_act_send .btn_link {padding:0; width:48px; height:32px; color:#3182F7; font-size:1.4rem; line-height:3.2rem; background:#ECF5FD; border-radius:8px}
.opbServiceWrap.sec_act_send .list_area li:not(:first-child) .account_area + .btn_link {display:none}
.opbServiceWrap.sec_act_send .list_area li:not(:first-child) .account_area .accBalance {display:none}
.opbServiceWrap.sec_act_send .list_area li.active .account:after {content:""; display:inline-block; width:16px; height:16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/arrow_swiper_next.png) 0 0 / 16px no-repeat; vertical-align:sub;}
.opbServiceWrap.sec_act_send .list_area.mydata li.active .account:after {background:none}
.opbServiceWrap.sec_act_send .list_area li.active .account_area + .btn_link {display:block}
.opbServiceWrap.sec_act_send .list_area li.active .account_area .accBalance {display:block}
.opbServiceWrap.sec_act_send .list_area li.active .account_area .amount_view {display:none}
.opbServiceWrap.sec_act_send .wrong .accInfo {flex-wrap: wrap;}
.opbServiceWrap.sec_act_send .wrong .account_area .accBalance:after {content:none}
.opbServiceWrap.sec_act_send .wrong .txtList_guide {display:none}
.opbServiceWrap.sec_act_send .wrong.active .txtList_guide {display:block}
.opbServiceWrap.sec_act_send .list_wrap.no_link .list_area li .account:after {background:none}
/* 받을 계좌 선택 */
.opbServiceWrap.sec_act_receive {position:relative; padding-top:100px}
.opbServiceWrap.sec_act_receive .list_area li {display: block;}
.opbServiceWrap.sec_act_receive .list_area li .accInfo {display:flex; justify-content:space-between; position:relative}
.opbServiceWrap.sec_act_receive .nodata_wrap .desc {height:150px}
.opbServiceWrap.sec_act_receive .title_area {position:fixed; top:52px; left:20px; z-index:2; width:100%; background:#fff}
.opbServiceWrap.sec_act_receive .formArea {margin:0 0 10px}
.opbServiceWrap.sec_act_receive .select_area.area01 .label {margin-top:0}
.opbServiceWrap.sec_act_receive .select_area.area01 .setAccount .sltWrap {width:100%}
.opbServiceWrap.sec_act_receive .select_area.area01 .setAccount .sltWrap select.ipt {background-position:100% center;}
.opbServiceWrap.sec_act_receive .tabWrap .tabPanel {padding-top:0}
.opbServiceWrap.sec_act_receive .tabList {padding:20px 20px 0; z-index:1; background:#fff}
.opbServiceWrap.sec_act_receive.fixed .tabList {position:fixed; top:120px; left:0}
.opbServiceWrap.sec_act_receive.fixed .tabList:before {content:""; display:block; position:absolute; bottom:-20px; left:0; width:100%; height:20px; background:linear-gradient(360deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 40% ,rgba(255, 255, 255, 1) 100%)}
.opbServiceWrap.sec_act_receive.fixed .tabContents {margin-top:75px}
.opbServiceWrap.sec_act_receive .tabList li {display:inline-block; padding:8px 16px; margin-right:8px; color:rgb(37, 137, 244); font-size:1.4rem; background:#ECF5FD; border-radius:27px}
.opbServiceWrap.sec_act_receive .tabList li.on {color:#fff; font-weight:900; background:rgb(37, 137, 244)}
.opbServiceWrap.sec_act_receive .list_area li .accInfo,
.bottom.popCont.opb_freq .list_area li {gap:12px; align-items:center; min-height:62px}
.opbServiceWrap.sec_act_receive .account_area,
.bottom.popCont.opb_freq .account_area {flex-grow:1}
.opbServiceWrap.sec_act_receive .account_area .account,
.bottom.popCont.opb_freq .account_area .account {color:#333; font-size:1.6rem; font-weight:700}
.opbServiceWrap.sec_act_receive .account_area .accBalance {margin-top:6px; font-size:1.4rem; line-height:1}
.bottom.popCont.opb_freq .account_area .amount {margin-top:4px; font-size:1.4rem; line-height:1}
.opbServiceWrap.sec_act_receive .btn_star,
.bottom.popCont.opb_freq .btn_star {width:24px; height:24px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_pay_star.png) 0 0 / cover no-repeat}
.opbServiceWrap.sec_act_receive .btn_star.active,
.bottom.popCont.opb_freq .btn_star.active {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_pay_star_active.png)}
.opbServiceWrap.sec_act_receive .nodata_wrap.recent .desc:before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_recent_nodata.png);}
/* 보낼금액 입력 */
.opbServiceWrap.sec_act_amount:after {content:""; display:block; height:0; overflow:hidden; clear:both;}
.opbServiceWrap.sec_act_amount .iptWrap {margin-top:12px}
.opbServiceWrap.sec_act_amount .iptWrap.hanAmt .ipt {color:#333; font-size:2.6rem; font-weight:900}
.opbServiceWrap.sec_act_amount .iptWrap.hanAmt.hasVal:after {color:#333; font-size:2.2rem; font-weight:900}
.opbServiceWrap.sec_act_amount .hanAmtText {color:#666}
.opbServiceWrap.sec_act_amount .title_area .sub_tit {margin-top:8px; color:#999; font-size:1.3rem}
/* .opbServiceWrap.sec_act_amount .input_area {position:relative; margin:24px 0 8px}
.opbServiceWrap.sec_act_amount .input_area.error .num, 
.opbServiceWrap.sec_act_amount .input_area.error .won {color:#FF0000}
.opbServiceWrap.sec_act_amount .input_area .iptWrap {border:none}
.opbServiceWrap.sec_act_amount .input_area .iptWrap .btnIco_del {display:none}
.opbServiceWrap.sec_act_amount .input_area input {font-variant-numeric:tabular-nums; caret-color:transparent; border:none; color:transparent; font-size:2.6rem; font-weight:900}
.opbServiceWrap.sec_act_amount .input_area .num {color:#000; font-size:2.6rem; font-weight:900; vertical-align:middle; font-variant-numeric:tabular-nums;}
.opbServiceWrap.sec_act_amount .input_area .won {color:#333; font-size:2.2rem; font-weight:900; vertical-align:middle}
.opbServiceWrap.sec_act_amount .input_area .btn_del {padding:0; width:18px; height:18px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_del.png) 0 0 / cover no-repeat} */
/* .opbServiceWrap.sec_act_amount .input_visible {position:absolute; top:1px; left:0; height:49px; line-height:49px; white-space:nowrap;} */
/* .opbServiceWrap.sec_act_amount .sub_txt {font-size:1.3rem} */
.opbServiceWrap.sec_act_amount .error_mesg {padding-left:20px; margin-top:10px; float:right; color:#FF0000; font-size:1.3rem; line-height:1.7rem; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_error_red.png) 0 0 / 17px no-repeat }
.opbServiceWrap.sec_act_amount .amount_info {display:inline-block; margin-top:20px; padding:8px 12px; min-height:30px; font-size:1.3rem;  background:#F3FBFF; border-radius:6px}
.opbServiceWrap.sec_act_amount .amount_info p {line-height:2.2rem}
.opbServiceWrap.sec_act_amount .amount_info .pointC {color:#2769F0}
/* .opbServiceWrap.sec_act_amount .btn_wrap {position:fixed; bottom:4px; left:0} */
.opbServiceWrap.sec_act_amount .btn_wrap {margin-top:50px; padding:0; height:38px}
.opbServiceWrap.sec_act_amount .btn_wrap ul {display:flex; gap:4px; flex-wrap:nowrap; justify-content:space-between; padding:0; height:auto}
.opbServiceWrap.sec_act_amount .btn_wrap li {width:100%}
.opbServiceWrap.sec_act_amount .btn_wrap li button {padding:0; width:100%; color:rgb(37, 137, 244); font-size:1.4rem; font-weight:900; line-height:3.6rem; border:1px solid rgb(37, 137, 244); border-radius:6px;}
/* 입력 정보 확인 */
.opbServiceWrap.sec_act_confirm {padding-bottom:80px; min-height:580px; height:calc(100vh - 51px)}
.opbServiceWrap.sec_act_confirm .account_area {margin-left:-20px; padding:40px 20px; width:calc(100% + 40px); background:#F8F8F8;}
.opbServiceWrap.sec_act_confirm .account_area li:nth-of-type(2) {margin-top:24px;}
.opbServiceWrap.sec_act_confirm .account_area .confirm_name {color:#333; font-size:2.0rem; font-weight:900; line-height:3.3rem}
.opbServiceWrap.sec_act_confirm .account_area .logo {display:inline-block; width:16px; height:16px}
.opbServiceWrap.sec_act_confirm .account_area .confirm_account {color:#666; font-size:1.4rem; line-height:3.3rem}
.opbServiceWrap.sec_act_confirm .amount_area {position:sticky; top:0; left:0; padding-top:24px; color:#333; font-size:2.2rem; line-height:3.3rem; font-weight:700; background:#fff}
.opbServiceWrap.sec_act_confirm .amount_area a .num_blue {color:rgb(37, 137, 244); font-size:2.6rem}
.opbServiceWrap.sec_act_confirm .amount_area .charge {margin-top:6px; color:#999; font-size:1.3rem; font-weight:400}
.opbServiceWrap.sec_act_confirm .amount_area .charge .charge_num {color:#333;}
.opbServiceWrap.sec_act_confirm .memo_area {padding-top:30px; position:absolute; bottom:140px; left:20px; width:calc(100% - 40px)}
.opbServiceWrap.sec_act_confirm .memo_area li {display:flex; justify-content:space-between; padding:14px 20px; background:#F8F8F8; border-radius:6px;}
.opbServiceWrap.sec_act_confirm .memo_area li + li {margin-top:10px;}
.opbServiceWrap.sec_act_confirm .memo_area li .txt_01 {color:#888; font-size:1.3rem; line-height:1.6rem}
.opbServiceWrap.sec_act_confirm .memo_area li .txt_02 {position:relative; padding-right:20px; color:#333; font-size:1.3rem; line-height:1.6rem; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_memo.png) 100% center / 16px no-repeat}
.opbServiceWrap.sec_act_confirm .floating {position:fixed; bottom:73px; left:50%; transform:translateX(-50%); padding:8px 20px; color:#333; font-size:1.3rem; font-weight:900; line-height:2.0rem; background:#fff; border-radius:20px; white-space:nowrap; box-shadow:0 0 10px rgba(0,0,0,.24); z-index:101}
.opbServiceWrap.sec_act_confirm .floating:before {content:""; display:block; position:absolute; bottom:-8px; left:50%; width:13px; height:8px; transform:translateX(-50%); background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_toast_arrow.png) 0 0 / cover no-repeat;}
.opbServiceWrap.sec_act_confirm .floating .money {display:inline-block; margin-right:6px; width:20px; height:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_money.png) 0 0 / 20px no-repeat; vertical-align:top}
.opbServiceWrap.sec_act_confirm .floating .pointB {color:rgb(37, 137, 244)}
.opbServiceWrap.sec_act_confirm .floating .pointR {color:#FF0000}
.bottom.popCont.opb_account_name {padding-top:16px}
.bottom.popCont.opb_account_name .label {margin-top:0; color:#333; font-size:2.0rem; font-weight:900}
.bottom.popCont.opb_account_name .word_count {margin-top:7px; color:#999; font-size:1.3rem; text-align:right}
.bottom.popCont.opb_account_name .word_count .pointB {color:rgb(37, 137, 244)}
/* 송금 결과 */
.opbServiceWrap.sec_act_check {min-height:calc(100vh - 122px)}
.opbServiceWrap.sec_act_check .check_area {position:absolute; bottom:54px; left:20px; width:calc(100% - 40px)}
.opbServiceWrap.sec_act_check .check_area li {display:flex; justify-content:space-between; margin-top:10px; padding:0 20px; background:#F8F8F8; border-radius:6px}
.opbServiceWrap.sec_act_check .check_area li span {color:#888; font-size:1.3rem; line-height:4.2rem}
.opbServiceWrap.sec_act_check .check_area li p {color:#333; line-height:4.2rem}
.opbServiceWrap.sec_act_check .check_area li:nth-of-type(2) p {font-weight:700}
/* 거래내역조회 */
.opbServiceWrap.sec_act_history {padding-top:40px; margin-bottom:-70px}
.opbServiceWrap.sec_act_history .top_area {margin:0 0 20px}
.opbServiceWrap.sec_act_history .top_area .account {position:relative; padding-left:20px; color:#333; font-size:1.6rem; font-weight:500; line-height:1.6rem}
.opbServiceWrap.sec_act_history .top_area .account .logo {position:absolute; top:0; left:0; width:16px; height:16px}
.opbServiceWrap.sec_act_history .top_area .cash {margin-top:12px; color:#000; font-size:3.2rem; font-weight:900}
.opbServiceWrap.sec_act_history .top_area .cash .won {display:inline-block; margin-left:2px; color:#333; font-size:2.0rem; font-weight:500; vertical-align:middle}
.opbServiceWrap.sec_act_history .top_area .type {display:block;  color:#333; font-size:1.4rem; margin-top:12px}
/* 20231201 추가 */
.opbServiceWrap.sec_act_history .top_area .btnArea {margin:24px 0 20px}
.opbServiceWrap.sec_act_history .top_area .btnArea button {border-radius:10px; min-height:48px}
.opbServiceWrap.sec_act_history .top_area .btnArea button.btn_l {border-color: #CCCCCC; color:#1A1A1A}
/* 20231201 추가 */
.opbServiceWrap.sec_act_history .sticky_area {position:absolute; z-index:1; width:100vw; background:#fff; margin-left:-20px; padding:10px 13px 0}
.opbServiceWrap.sec_act_history .month_select {position:relative; margin-left:-7px; width:calc(100% + 14px); height:56px; background:#F6F6F6; border-radius:16px}
.opbServiceWrap.sec_act_history .month_select [class*="btn_"] {display:inline-block; position:absolute; top:50%; margin-top:-10px; width:20px; height:20px;}
.opbServiceWrap.sec_act_history .month_select .btn_prev {left:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_prev.png) center / 16px 19px no-repeat}
.opbServiceWrap.sec_act_history .month_select .btn_next {right:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_next.png) center / 16px 19px no-repeat}
.opbServiceWrap.sec_act_history .month_select .btn_prev.disabled {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_prev_disabled.png);}
.opbServiceWrap.sec_act_history .month_select .btn_next.disabled {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_next_disabled.png);}
.opbServiceWrap.sec_act_history .month_select p {color:#333; font-size:1.6rem; font-weight:900; line-height:5.6rem; text-align:center}
.opbServiceWrap.sec_act_history .month_select.period p {padding-left:20px; font-size:1.4rem; text-align:left}
.opbServiceWrap.sec_act_history .month_select.period .btn_month {right:20px; padding:0 14px; width:auto; height:28px; font-size:1.3rem; font-weight:700; line-height:2.8rem; background:#fff; border:1px solid #E0E0E0; border-radius:6px}
.opbServiceWrap.sec_act_history .sticky_area.fixed {position:fixed; top:52px}
.opbServiceWrap.sec_act_history .sticky_area.fixed:before {content:""; display:block; position:absolute; bottom:-20px; left:0; width:100%; height:20px; background:linear-gradient(360deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 40% ,rgba(255, 255, 255, 1) 100%)}
.opbServiceWrap.sec_act_history .search_area {margin-top:98px; text-align:right}
.opbServiceWrap.sec_act_history .search_area .btn_search {display:inline-block; padding-left:20px; padding-right:0; width:auto; height:20px; color:#888; font-size:1.3rem; line-height:2.0rem; text-align:right; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_mydata_calender.png) 0 0 / 20px no-repeat}
.opbServiceWrap.sec_act_history .history_wrap .nodata_wrap {margin-top:56px}
.opbServiceWrap.sec_act_history .history_wrap .history_list {margin-top:23px}
.opbServiceWrap.sec_act_history .history_list span.date {font-size:1.3rem; font-weight:900}
.opbServiceWrap.sec_act_history .list_area {padding-bottom:18px}
.opbServiceWrap.sec_act_history .list_area .top {font-size:1.6rem; font-weight:900}
.opbServiceWrap.sec_act_history .list_area .bottom {margin-top:6px; color:#999; font-size:1.3rem}
.opbServiceWrap.sec_act_history .list_area > li {min-height:66px; padding:12px 0 14px}
.opbServiceWrap.sec_act_history .list_area > li > ul {width:100%}
.opbServiceWrap.sec_act_history .list_area .his_name {padding-right:20px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.opbServiceWrap.sec_act_history .list_area .his_plus {color:rgb(37, 137, 244); display:inherit}
.opbServiceWrap.sec_act_history .list_area .his_plus:before {content:"+"; display:inline-block;}
.opbServiceWrap.sec_act_history .list_area .his_plus:after {content:"원"; display:inline-block;}
.opbServiceWrap.sec_act_history .list_area .his_minus {color:#E80148; display:inherit}
.opbServiceWrap.sec_act_history .list_area .his_minus:before {content:"-"; display:inline-block;}
.opbServiceWrap.sec_act_history .list_area .his_minus:after {content:"원"; display:inline-block;}
.opbServiceWrap.sec_act_history .list_area .his_cancle {position:relative; color:#959595; display:inherit}
.opbServiceWrap.sec_act_history .list_area .his_cancle:before {content:""; display:block; position:absolute; top:45%; right:0; width:calc(100% + 2px); height:1px; background:#959595;}
.opbServiceWrap.sec_act_history .list_area .his_cancle:after {content:"원"; display:inline-block;}
.opbServiceWrap.sec_act_history .list_area .his_info .type {display:inline-block; position:relative; margin-left:10px}
.opbServiceWrap.sec_act_history .list_area .his_info .type:before {content:""; display:block; position:absolute; top:5px; left:-6px; width:2px; height:2px; border-radius:50%; background:#999}
.opbServiceWrap.sec_act_history .floating {position:fixed; bottom:77px; right:20px; padding-top:28px; width:52px; height:52px; color:#fff; font-size:1.3rem; font-weight:700; text-align:center; background:rgb(37, 137, 244) url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_won.png) center 8px / 20px no-repeat; border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,.3);}
.bottom.popCont.opb_search .popInner > section {padding-bottom:30px}
.bottom.popCont.opb_search .popInner .ipt {font-size:1.6rem; font-weight:700}
.bottom.popCont.opb_search .popInner .ipt.date[disabled] {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_calendar_disabled.png); background-size:24px; background-position-x: calc(100% - 12px);}
/* 송금내역조회 */
.opbServiceWrap.sec_act_history.send .list_area {display:block}
.opbServiceWrap.sec_act_history.send .list_area > li {padding:0}
.opbServiceWrap.sec_act_history.send .list_area a {display:flex; justify-content:space-between; position:relative; padding:12px 0 14px; width:100%}
.opbServiceWrap.sec_act_history.send .list_area .list_left {position:relative; padding-left:44px}
.opbServiceWrap.sec_act_history.send .list_area .list_right {color:rgb(37, 137, 244); font-size:1.6rem; font-weight:900}
.opbServiceWrap.sec_act_history.send .list_area .logo {position:absolute; top:0; left:0;}
.opbServiceWrap.sec_act_history.send .list_area .desc .name {color:#333; font-size:1.6rem; font-weight:900}
.opbServiceWrap.sec_act_history.send .list_area .desc .account {margin:6px 0; color:#666; font-size:1.4rem}
.opbServiceWrap.sec_act_history.send .list_area .desc .info {color:#999; font-size:1.3rem}
.opbServiceWrap.sec_act_history.send .list_area .info .type {display:inline-block; position:relative; margin-left:10px}
.opbServiceWrap.sec_act_history.send .list_area .info .type:before {content:""; display:block; position:absolute; top:5px; left:-6px; width:2px; height:2px; border-radius:50%; background:#999}



/* 내 계좌 관리 */
.opbServiceWrap.sec_act_manage .list_area li {gap:8px; align-items:center; min-height:62px}
.opbServiceWrap.sec_act_manage .list_area li .sortHandle {width:24px; height:22px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/ico_sort_change.png) 0 0 / cover no-repeat}
.opbServiceWrap.sec_act_manage .list_area .name {color:#333; font-size:1.6rem; font-weight:900}
.opbServiceWrap.sec_act_manage .list_area .account {margin-top:6px; font-size:1.4rem}
.opbServiceWrap.sec_act_manage .account_area {flex-grow:1}
.opbServiceWrap.sec_act_manage .btn_del {padding:0; width:48px; height:32px; color:#fff; font-size:1.4rem; line-height:3.2rem; background:#999; border-radius:8px}
/* 자주 쓰는 계좌 설정 */
.bottom.popCont.opb_freq .popBody {overflow-y:auto}
.bottom.popCont.opb_freq .popBody .logo {display:inline-block; width:32px; height:32px;}
.bottom.popCont.opb_freq .popBody .list_area li {display:flex; justify-content:space-between}
/* 서비스해지안내 */
.bottom.popCont.opb_cancel .popBody .ac:before {content:""; display:block; margin:-5px auto 20px; width:82px; height:68px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/icon_account.png) 8px center / 82px 68px no-repeat}
/* 서비스 안내 */
.opbServiceWrap .sec_opb_service {margin:-10px auto 0; background:#FCFCFC; text-align:center}
.opbServiceWrap .sec_opb_service [class*="step"] {padding:38px 0 32px; color:#333}
.opbServiceWrap .sec_opb_service .step_num {display:inline-block; padding:0 8px; color:#fff; font-weight:900; line-height:2.0rem; background:rgb(37, 137, 244); border-radius:20px}
.opbServiceWrap .sec_opb_service .title {margin:10px 0 8px; font-size:2.4rem; font-weight:900}
.opbServiceWrap .sec_opb_service .desc {line-height:2.0rem}
.opbServiceWrap .sec_opb_service .img_wrap {position:relative; margin:26px auto 0; width:226px; height:410px; background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:18px; box-shadow:0 0 10px rgba(0,0,0,.16);}
.opbServiceWrap .sec_opb_service .step01 .img_wrap {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/img_opb_service01.png)}
.opbServiceWrap .sec_opb_service .step02 .img_wrap {margin-top:11px; width:296px; height:440px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/img_opb_service02.png); background-position:calc(50% + 12px) center; box-shadow:none;}
.opbServiceWrap .sec_opb_service .step03 .img_wrap {margin-top:-4px; width:286px; height:466px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/img_opb_service03.png); box-shadow:none;}
.opbServiceWrap .sec_opb_service .step04 .img_wrap {margin-top:0; width:286px; height:468px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/opb/img_opb_service04.png); background-position:50% center; box-shadow:none;}
.opbServiceWrap .sec_opb_service .step01 .img_wrap:after {content:""; display:block;position:absolute; top:50%; left:50%; margin-left:-250vw; margin-top:-30px; width:500vw; height:80px; background:url(/https/nm.wooricard.com/dcmw/img/mw/opb/img_logos.png) center center / auto 80px repeat-x; animation:loop 40s linear infinite;}
@keyframes loop {
	from {background-position: center center;}
	to {background-position:-500vw center}
}
.opbServiceWrap .sec_opb_service .step  {opacity:0; transform:translateY(50px); transition:all 1s}
.opbServiceWrap .sec_opb_service .step.showing {opacity:1;  transform:translateY(0);}
.opbServiceWrap .sec_opb_service + .btnArea:before {content:none}
.opbServiceWrap .termsWrap .ipt + label {padding-right:30px}
/* 오픈뱅킹 uiux 개선 (e) */

/* 온라인 결제창 네이버 추가 (s) */
.partnership_area .list_partnership {overflow-y:auto; max-height:calc(100vh - 480px)}
.online_naver_wrap {min-height:calc(100vh - 390px)}
.online_naver_wrap .inner_cont {margin-top:78px; text-align:center}
.online_naver_wrap .inner_cont p {color:#333; font-size:1.6rem; line-height:2.4rem;}
.online_naver_wrap .inner_cont p strong {font-weight:700}
.online_naver_wrap .inner_cont a {display:block; margin:28px auto 0; width:calc(100% - 32px); line-height:5.6rem; color:#000; font-size:1.6rem; font-weight:700; text-align:center; background:#00DE5A; border-radius:3px;}
.online_naver_wrap .inner_cont a img {width:54px; height:20px; margin-right:6px; vertical-align:middle;}
.online_naver_wrap .outer_cont {display:flex; position:absolute; bottom:25px; left:0; justify-content:space-between; padding:0 16px; font-size:1.3rem}
.online_naver_wrap .outer_cont * {letter-spacing:-0.025em;}
.online_naver_wrap .outer_cont p {color:#666}
.online_naver_wrap .outer_cont a {color:#333; font-weight:700; text-decoration:underline;}
.online_naver_wrap .inner_cont.finish .logo {margin-bottom:20px; width:82px; height:28px}
.online_naver_wrap .inner_cont.finish a {position:absolute; bottom:20px; left:16px}
/* 온라인 결제창 네이버 추가 (e) */

/* 신분증 진위여부 모바일운전면허증 (s) */
.bottom.popCont.v2.id_verify .popHead h1 {color:#333; font-size:2rem; font-weight:900}
.bottom.popCont.v2.id_verify .popBody {padding:10px 20px 32px}
.popCont.id_verify .popInner .desc {font-size:1.6rem; text-align:center}
.popCont.id_verify .popInner .img {margin:2.8rem auto 0; width:195px; height:124px; background:url(/https/nm.wooricard.com/dcmw/img/mw/cardfinance/content/img_id_picture.png) 0 0 / 100% no-repeat}
.popCont.id_verify .popInner .link_list {margin-top:3.6rem; font-size:0}
.popCont.id_verify .popInner .link_list li {margin-top:16px; border:1px solid #E0E0E0; border-radius:4px}
.popCont.id_verify .popInner .link_list li a {display:block; padding:20px; color:#333; font-size:1.6rem; font-weight:900; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_link2.png) no-repeat right 20px center; background-size:6px auto}

.popCont.id_agree.full .popHead h1 {color:#000; font-size:1.8rem; font-weight:700}
.popCont.id_agree .popInner {padding:0 20px}
.popCont.id_agree .popInner .title_area {margin-top:4rem}
.popCont.id_agree .popInner .title_area .title {color:#333; font-size:2rem; font-weight:900}
.popCont.id_agree .popInner .sub_tit {margin-top:3rem; color:#333; font-size:1.6rem; font-weight:900}
.popCont.id_agree .popInner .sub_tit span {font-weight:400}
.popCont.id_agree .popInner .img {margin:3.2rem auto 0; width:220px}
.popCont.id_agree .popInner .txtList_disc > li {margin-top:16px}
.popCont.id_agree .popInner .term_area .termsWrap {margin-top:14px}
.popCont.id_agree .popInner .term_area .termsWrap .ipt + label {padding-right:32px; width:100%}
/* 250116 금융 수정 이다혜  
.popCont.id_agree .btnArea:before {content:""; display:block; position:absolute; bottom:0; z-index:-1; width:100%; height:100px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 40% ,rgba(255, 255, 255, 1) 100%)}*/

/* 본인인증 */
.id_info_check section {margin:4.6rem 0 3.2rem}
.id_info_check .title_area .id_info_title {font-size:2rem; line-height:2.8rem; font-weight:700; color:#333}
/* .id_info_check .img_area {max-width:280px; max-height:170px; min-height:150px; margin:3.2rem auto 3.6rem; border-radius:0.6rem; overflow:hidden; border:1px solid #ccc; aspect-ratio: 86 / 54;} */
.id_info_check .img_area {max-width:280px; height:auto; margin:3.2rem auto 3.6rem; border-radius:0.6rem; overflow:hidden; border:1px solid #ccc}
[class*="id_info_"] .form_area .ipt {border:none; height:5.5rem; font-size:1.6rem; padding:0 2rem; font-weight:600}
[class*="id_info_"] .form_area .ipt:disabled {color:#888}
[class*="id_info_"] .form_area .ipt_border {height:5.5rem; border:1px solid #DFDFDF; border-radius:.5rem; overflow:hidden}
[class*="id_info_"] .form_area .sign {height:5.5rem}
[class*="id_info_"] .form_area .label {margin:2rem 0 1.2rem}
[class*="id_info_"] .form_area .keypad {padding:0 0.8rem}
[class*="id_info_"] .form_area .sign {line-height:5.4rem}
[class*="id_info_"] .form_area .btnKeypad {height:5.5rem}
[class*="id_info_"] .form_area .btnKeypad > span {border:1px solid #000}
[class*="id_info_"] .form_area .btnKeypad > span.on {background-color:#000}
[class*="id_info_"] .form_area .btnKeypad.disabled {cursor:none;}
[class*="id_info_"] .form_area .btnKeypad.disabled span {border-color:#888}
[class*="id_info_"] .form_area .btnKeypad.disabled span.on {background-color:#888} 
[class*="id_info_"] .form_area .keypad_wrap.disabled {background-color:#f8f8f8}
[class*="id_info_"] .form_area .keypad_wrap.disabled .iptWrap .ipt {background-color:#f8f8f8; color:#888; pointer-events:none} 
[class*="id_info_"] .form_area .keypad_wrap.disabled .sign {color:#888} 
[class*="id_info_"] .form_area .keypad_wrap.disabled .btnKeypad {background-color:#f8f8f8; cursor:none;} 
[class*="id_info_"] .form_area .keypad_wrap.disabled .btnKeypad > span {border:1px solid #888}
[class*="id_info_"] .form_area .keypad_wrap.disabled .btnKeypad > span.on {background-color:#888} 
[class*="id_info_"] .form_area .setDriver {height:auto; border-bottom:none; background-color:transparent}
[class*="id_info_"] .form_area .setDriver .sltWrap {position:absolute; width:33.3333%; height:5.5rem; top:0; left:0; margin:0; border:none; background-color:transparent; z-index:1; margin:.5rem 0; border:1px solid #DFDFDF; border-radius:.5rem; overflow:hidden}
[class*="id_info_"] .form_area .setDriver.disabled .sltWrap {pointer-events:none}
[class*="id_info_"] .form_area .setDriver.disabled .ipt {color:#888; background-color:#f8f8f8; pointer-events:none}
[class*="id_info_"] .form_area .setDriver.disabled .setThird.driver {color:#888; background-color:#f8f8f8}
[class*="id_info_"] .form_area .setDriver.disabled .btnKeypad {background-color:#f8f8f8; cursor:none;}
[class*="id_info_"] .form_area .setDriver.disabled .btnKeypad > span {border:1px solid #888}
[class*="id_info_"] .form_area .setDriver.disabled .btnKeypad > span.on {background-color:#888}
[class*="id_info_"] .form_area .setDriver .setThird.driver {display:inline-flex; margin-left:calc(33.3333% + 1.6rem) !important; justify-content:space-between;padding:0 8px}
[class*="id_info_"] .form_area .setDriver .setThird.driver .sign {position:relative; margin-left:0; width:10px}
[class*="id_info_"] .form_area .setDriver .setThird.driver .notDel,
[class*="id_info_"] .form_area .setThird.driver .notDel {width:15%; padding:0; text-align:center}
[class*="id_info_"] .form_area .setDriver .setThird.driver .keypad {width:50%; padding:0; flex-grow: 1; min-width:60px}
.popCont.id_agree .popInner .id_info_check section {padding:0}
/* 직접입력 (카드신청)*/
.id_info_type .cfTabPanel#mobileDriverLicenseTab {display:none; position:relative; height:calc(100vh - 340px)}
.id_info_type .cfTabPanel#mobileDriverLicenseTab.on {display:block}
.id_info_type section {margin-top:40px}
.id_info_type .cfTitArea .cfTitH2 {font-size:2.2rem; font-weight:700}
.id_info_type .cfIptWrap {box-shadow:none;} /* 20241119 유제영 */
.id_info_type .mo_license_send {text-align:center; position:absolute; top:50%; margin-top:-96px; left:50%; margin-left:-80px;}
.id_info_type .mo_license_send .license_desc {color:#333; font-size:2rem; font-weight:500; line-height:2.6rem}
.id_info_type .mo_license_send .license_desc:before {content:""; display:block; margin:0 auto 12px; width:64px; height:64px; background:url(/https/nm.wooricard.com/dcmw/img/mw/content/logo_mobile_license.png) 0 0 / 64px no-repeat}
.id_info_type .mo_license_send .btn_p {display:inline-block; padding:0 26px; margin-top:24px; width:auto; border-radius:16px; line-height:4rem}
.id_info_type .mo_license_send.update .license_desc:before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/cardfinance/content/logo_app.png);}
.id_info_type .mo_license_send.update {margin-left:-99px; margin-top:-96px}
/* 20231117 카드신청 신분증 인증 팝업(3개선택)에서만 팝업 높이값 및 x버튼 삭제 */
.card_id_crt .bottom.popCont {height:90%}
.card_id_crt .btnIco_close {display:none}

/* 제출하기 팝업 */
.bottom.popCont.id_info_pop .popHead h1 {font-size:2rem; font-weight:700}
.bottom.popCont.id_info_pop .popBody {padding:34px 20px 48px;} /* 241219 수정 */
.popCont.id_info_pop .request_area {text-align:center}
.popCont.id_info_pop .request_area:before {content:""; display:block; margin:0 auto 16px; width:64px; height:64px; background:url(/https/nm.wooricard.com/dcmw/img/mw/cardfinance/content/icon_mobile_drive_license.png) 0 0 / 64px no-repeat}
.popCont.id_info_pop .request_area .desc {font-size:1.6rem}
.popCont.id_info_pop .request_area button.links {margin-top:17px; font-size:1.4rem}
.popCont.id_info_pop .request_notice {margin-top:36px}
.popCont.id_info_pop .txtList_guide {margin-bottom:0}
/* 신분증 진위여부 모바일운전면허증 (e) */

/* 20231019 결제예상금액 이용구분 */
.improveWrap .sel_use .sel_wrap .sel_tit {margin-bottom:.8rem;}
.improveWrap .sel_use .sel_wrap {position:relative; height:auto; padding:2rem 2.4rem; font-size:1.4rem; font-weight:500; color:#333; background:#F6F6F6; border-radius:1.6rem;} 
.improveWrap .sel_use .sel_wrap::before {position:absolute; top:50%; right:1.6rem; margin-top:-1.2rem; content:''; width:2.4rem; height:2.4rem; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/select_arrow_down.png) no-repeat center / 100%;}
.improveWrap .sel_use .sel_wrap + .sel_wrap {margin-top:1.6rem;} 
.improveWrap .sel_use .sel_wrap select.ipt {height:auto; padding:0; font-size:1.8rem; font-weight:700; color:#333; border-bottom:none; background:transparent;}

/* 우리페이 카드 MO인증 */
.id_verify .id_title {font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #333; margin-top: 4.2rem;}
.id_verify .id_list {counter-reset: number 0;}
.id_verify .id_list li {position: relative; font-size: 1.4rem; color: #666; padding-left: 2.2rem; margin-top: 1.6rem;}
.id_verify .id_list li + li {margin-top: 1.4rem;}
.id_verify .id_list li::before {display: inline-block; position: absolute; content: ""; top: 0.2rem; left: 0; width: 1.6rem; height: 1.6rem; background: #666; border-radius: 50%;}
.id_verify .id_list li::after {position: absolute; content: counter(number); counter-increment: number 1; top: 0.2rem; left: 0.4rem; color: #fff; font-size: 1.2rem;}
.id_verify .img_wrap {max-width: 472px; border-radius: 1.6rem; overflow: hidden; margin-top: 3.6rem;}
.id_verify .img_wrap img {width: 100%;}
.id_verify .txtList_disc {font-size: 1.3rem; margin-top: 4.4rem;}

/* 20231211 카드 신청 coming soon */
#content .img_soon_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:linear-gradient(to bottom, #5A6D94 50%, #CBD5DF 50%);}
#content .img_soon_wrap .soon_640 {display: none;}
@media (min-width:640px) {
	#content .img_soon_wrap {display: block;}
	#content .img_soon_wrap .soon_new {display: none;}
	#content .img_soon_wrap .soon_640 {display: block; width: 100%;}
}

/* 20231227 웹 접근성 수정 */
.clo_filter .ipt {width: 100%; z-index: 1; left: 0;}


/* 241113 혜택플래너 (s) */
.planner {position: relative; padding-bottom: 0 !important;} /* 240902 수정 */
.planner .plannerWrap {margin: 32px auto;} /* 240902 수정 */
.planner .myCardType {position: relative; display: flex; align-items: center; padding: 19px 24px 16px; width: 100%; border-radius: 16px; background: #fff; border: 1px solid #ccc;} /* 240902 수정  */
.planner .myCardType .img_card {margin-right: 16px; height: 50px; width: auto;}
.planner .myCardType .right_arrow_black {display: inline-block; width: 24px; height: 24px; position: absolute; top: 50%; right: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; transform: translateY(-50%) rotate(90deg); opacity: .6;} /* 240902 수정  */
.planner .myCardType .myCardTit,
.planner .myCardType .myCardSel {padding-right: 20px; font-size: 1.6rem; line-height: 1.6rem; font-weight: 600;} /* 240902 추가 */
.planner .myCardType .myCardTit {color: #000;} /* 240902 수정 */
.planner .myCardType .myCardSel {color: #c4c4c4;} /* 240902 추가 */
.planner .myCardType .myCardDesc {margin-top: 4px; font-size: 1.4rem; line-height: 1.4rem; font-weight: 400;}
.planner .myCardType .myCardDesc span {position: relative; margin-left: 4px; padding-left: 6px; color: #666;}
.planner .myCardType .myCardDesc span:first-child{margin-left:0; padding-left: 0;}
.planner .myCardType .myCardDesc span::before {position: absolute; display: block; content:''; left: 0; top:0; bottom:0; margin: auto 0; width: 2px; height: 2px; border-radius: 50%; background: #999;} /* 240902 수정 */
.planner .myCardType .myCardDesc:first-child::before {display: none;} /* 240709 benefit 추가 */
/* 251022 카드 단일형 케이스 추가 (s) */
.planner .plannerCardSel {position:relative; margin:16px 0 5px; border-radius:8px; border:1px solid rgba(133, 151, 168, 0.18);}
.planner .plannerCardSel .block {display:flex; flex-direction:row; align-items:center; gap:1.2rem; padding:1.6rem 1.6rem 1.6rem 1.6rem;}
.planner .plannerCardSel .cardThumb {flex-shrink:0; width:4.4rem; height:4.4rem;}
.planner .plannerCardSel .cardThumb img {width:100%; height:100%; object-fit:contain; object-position:center center;}
.planner .plannerCardSel .cardInfo {display:flex; flex-direction:column; width:calc(100% - 6rem);}
.planner .plannerCardSel .cardName {margin-top:0.6rem; font-size:1.6rem; line-height:2rem; color:rgba(7, 15, 22, 0.82); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 251022 카드 단일형 케이스 추가 (e) */
.plannerItem {padding: 24px; width: 100%; border-radius: 24px; background: #fff; box-shadow: 0 2px 24px rgba(0,0,0,.12); }
.plannerItem + .plannerItem {margin-top: 24px;}
.plannerItem .titArea {position: relative; margin-top: 0; margin-bottom: 0; padding: 0;} /* 241108 수정 */
.plannerItem .planTitle {font-size: 1.6rem; line-height: 2.2rem; color: #000; font-weight: 600;}
.plannerItem .planTitle strong.count {color: #2B64CE;} /* 240826 추가 */
.plannerItem .planTitle strong.count.fail {color: #ff0000;} /* 240826 추가 */
.plannerItem .planTitle.bold {font-weight: 800;}
.plannerItem .planTitle .icon {position: relative; top: -2px; margin-left: 2px; width: 18px; object-fit: fill;}
.plannerItem .planTitle .btnSheet {position: relative; display: inline-block; padding-right: 18px; color: #2864CE;}
.plannerItem .planTitle .btnSheet::after {position: absolute; content:''; display: block; width: 10px; height: 10px; right: 4px; top: 0; bottom: 4px; margin: auto 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_down_blue.png) no-repeat center center; background-size: cover;} /* 230902 수정  */
.plannerItem .planTitle .blue {color: #2864CE;}
.plannerItem .badge {display: inline-block; margin-left: 0; margin-bottom: 8px; padding: 7px 8.5px 6px; border: 1px solid #FF302E; color: #FF302E; border-radius: 16px; font-size: 1.1rem; line-height: 1.2rem; font-weight: 600;}
.plannerItem .badge.complete {border: 1px solid #2B64CE; color: #2B64CE;}
.plannerItem .btnPopOpen {display: block; margin-top: 30px; padding: 11.5px 0; width: 100%; border-radius: 16px; background: #ECF5FD; color:#2B64C2; text-align: center; font-weight: 600;}
.plannerItem .btnPopOpen::after {content: none;}
.plannerItem .btnPopOpen {height: auto;}
/* 251106 아코디언 케이스 추가 (s) */
.plannerItem.accoItem .accoBtn:before {top: 3px; transform: translateY(0);}
.plannerItem.accoItem.on .accoBtn:before {transform: rotate(180deg);}
.plannerItem.accoItem .accoBtn .tit {display: block; font-size: 1.4rem; font-weight: 600; word-break: keep-all;}
.plannerItem.accoItem .accoBody .benefitHistory {padding-top: 2rem;}
/* 251106 아코디언 케이스 추가 (e) */
/* 241120 추가 (s) */
.plannerItem .btnPopOpen.two {display: inline-block; margin-left: 10px; width: 45%;}
/* 241120 추가 (s) */
.plannerItem .btnPopOpen.gray {background: #f6f6f6; color:#000; font-weight: 500;}
.plannerItem .planTag {position: relative; top: -1px; margin-left: 7px; padding: 2px 6px 3px; border-radius: 10px; color: #fff; font-size: 1rem; font-weight: 600; line-height: 1.6rem; background: #2B64CE;}  /* 240625 추가 */
.plannerItem .benefitInfo .txtList {margin-top: 15px;}
.plannerItem .benefitInfo .txtList li {position: relative; font-weight: 400; font-size: 1.4rem; line-height: 2rem; color: #666; padding-left: 10px;}
.plannerItem .benefitInfo .txtList li + li {margin-top: 10px;}
.plannerItem .benefitInfo .txtList li::after {display: block; content: ""; position: absolute; width: 2px; height: 2px; left: 0; top: 8px; background-color: #666; border-radius: 50%;}
/* 240902 추가 (s) */
.plannerItem.default {margin: 32px 0; padding: 40px; text-align: center;}/*  241122 결함 간격 수정 김지원*/
.plannerItem.default .planTitle {font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #000;}
.plannerItem.default .planTitle.bgCard {padding-top: 115px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/img_benefit_card.png) no-repeat center top; background-size: 124px auto; }
/* 240902 추가 (e) */
.planner .plannerWrap .benefitList { margin-top: 32px; padding-left: 0; overflow-x: initial; }
.planner .plannerWrap .benefitList li.item { margin: 0; margin-top: 24px; } /* 240620 수정 */
.planner .plannerWrap .benefitList li.item:first-child { margin-top: 0; } /* 240620 수정 */
.planner .plannerWrap .benefitList li.item .discount { display: flex; flex-direction: column; align-items: normal; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg); background-repeat: no-repeat; background-position: right 2px; box-shadow: none; min-width: 0; height: auto; padding: 0; text-align: left;}/* 241108 수정  */
.planner .plannerWrap .benefitList li.item > .discount::after  { display: none; } /* 241108 추가 */ 
.planner .plannerWrap .benefitList li.item > .discount::before { display: none; }
/* 240819 수정(s) */
.planner .plannerWrap .benefitList li.item .discountInfo {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; font-size: 1.4rem; color: #000; line-height: 2rem;} /* 240819 수정 */
.planner .plannerWrap .benefitList li.item .discountInfo .tit {width: calc(100% - 125px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; font-size: 1.4rem; text-align: left;} /* 241108 수정 */
.planner .plannerWrap .benefitList li.item .discount .discountDesc {font-size: 1.4rem; font-weight: 400;} /* 240620 추가 */
.planner .plannerWrap .benefitList li.item .discount .discountDesc span {position: relative; padding-left: 8px; margin-left: 4px;} /* 240620 추가 */
.planner .plannerWrap .benefitList li.item .discount .discountDesc span::before {position: absolute; display: block; content:'/'; left: 0; top: -2px; bottom: 0; margin: auto 0;} /* 240620 추가 */
.planner .plannerWrap .benefitList li.item .discount .discountDesc span:first-child {padding-left: 0; margin-left: 0;}
.planner .plannerWrap .benefitList li.item .discount .discountDesc span:first-child::before {display: none; content:"";}
.planner .plannerWrap .benefitList .amount { display: flex; width: 125px; align-items: flex-start; justify-content: flex-end; padding-right: 18px; font-size: 1.6rem; color: #2B64CE; font-weight: 600; text-align: right;} /* 241108 수정 */
.planner .plannerWrap .benefitList li .discount .unit { margin-right: 0;} /* 240620 수정 */
.planner .plannerWrap .benefitList li .discount .unit.point { padding-left: 3px; background: transparent; }
/* 240819 수정(e) */
.plannerNotice {margin-top: 32px;}
.plannerNotice h3 {padding-bottom: 2px; font-size: 1.6rem; color: #000; font-weight: 800;}
.plannerNotice strong {color: #333; font-weight: 800;}
.plannerNotice li {margin-top: 12px;}
.plannerNodata {padding-bottom: 31px; text-align: center; border: none; padding-top: 108px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/img_wibee_nodata.png) no-repeat center 26px; background-size: 82px;} /* 240709 benefit url경로수정  */
.plannerNodata .desc {padding-top: 8px; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #999;} /* 240620 추가 */
/* 240902 추가 (s) */
.plannerBanner {position: relative; padding-top: 12px;}
.plannerBanner::after {position: absolute; display: block; content: ''; right: 22px; bottom: 0; width: 80px; height: 95px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/img_benefit_banner.png) no-repeat center center; background-size: cover;}
.plannerBanner .bannerBox {display: block; padding: 20px; background: #EBF3FE; border-radius: 16px;}
.plannerBanner .bannerBox em {font-size: 1.4rem; font-weight: 600; line-height: 2rem; color: #333;}
/* 240902 추가 (e) */
/* 240717 추가 (s) */
@media (min-width: 280px) and (max-width: 320px) {
  .plannerNodata .desc br {display: none;}
}
/* 240717 추가 (e) */
/* 240709 추가 / 240717 수정 (s) */
.plannerItem.typeWide {padding: 12px 14px 24px 14px;}
/* .plannerItem.typeWide .addInfoList {border-top: none;} */
.plannerItem.typeWide .addInfoList {border-top: none;}.plannerItem.typeWide .addInfoList {margin:0 0 24px 0; border-top:none;}
.plannerItem.typeWide .addInfoList .accoItem {border-bottom:1px solid #e0e0e0;}
.plannerItem.typeWide .addInfoList .accoItem + .accoItem::before {content:none;}
.plannerItem.typeWide .addInfoList .accoHead {padding:0;}
.plannerItem.typeWide .addInfoList .accoBtn {padding: 13px 32px 13px 10px; display: flex; justify-content: space-between; align-items: center; font-size: 1.6rem; font-weight: 700; color: #000;}
.plannerItem.typeWide .addInfoList .accoBtn:after {display: none; content: '';}
.plannerItem.typeWide .addInfoList .accoBtn span {font-size: 1.4rem;}
.plannerItem.typeWide .addInfoList .accoBody {padding: 24px 0 0 0; background-color:#fff; border-top: 1px solid #e0e0e0;} /* 240717 수정 */
.plannerItem.typeWide .addInfoList .accoBody .mileageInfo {padding: 0 10px 24px 10px;}
.plannerItem.typeWide .addInfoList .accoBody .mileageInfo .nodata {font-weight: 500; text-align: left;} /* 240711 추가 */
.plannerItem.typeWide .addInfoList .accoBody .mileageInfo .pointInfo {display: flex; justify-content: space-between; align-items: center; }
.plannerItem.typeWide .addInfoList .accoBody > .cfTxtList.type_disc {padding: 20px 10px; border-top: 1px solid #e0e0e0;} /* 240717 수정 */
.plannerItem.typeWide .addInfoList .accoBody .mileageInfo li + li {margin-top: 6px;}
.plannerItem.typeWide .addInfoList .accoBody .cardInfo {font-size: 1.4rem; line-height: 1.4rem; font-weight: 400;}
.plannerItem.typeWide .addInfoList .accoBody .cardInfo span {position: relative; margin-left: 4px; padding-left: 6px; color: #666;}
.plannerItem.typeWide .addInfoList .accoBody .cardInfo span:first-child{margin-left:0; padding-left: 0;}
.plannerItem.typeWide .addInfoList .accoBody .cardInfo span::before {position: absolute; display: block; content:''; left: 0; top: 7px; width: 2px; height: 2px; border-radius: 50%; background: #d9d9d9;}
.plannerItem.typeWide .addInfoList .accoBody .cardInfo span:first-child::before {display: none;}
.plannerItem.typeWide .addInfoList .accoBody .btnMore {padding: 16px 0; border-top: 1px solid #e0e0e0; font-size: 1.4rem; font-weight: 500; letter-spacing:-1px; line-height: 2rem; text-align:center;} /* 240711 추가 */
/* 240709 추가 / 240717 수정 (e) */
/* 월별 조회 컨트롤러 */
.planner .benefitMonth {margin: 32px 0;}
.planner .benefitMonth p {margin-top: 10px; font-size: 1.2rem; color: #888;} /* 250211 접근성 반영 */
.planner .benefitMonth .controller{position:relative; display: flex; justify-content: flex-start; align-items: center;} /* 240902 수정 */
.planner .benefitMonth .controller strong{display: inline-block; margin: 0 10px; font-size: 2rem; line-height: 2.2rem; font-weight: 600; color:#000;}
.planner .benefitMonth .controller >button{width: 8.1px; height: 8.1px; background-size: 100% !important;} /* 240902 수정 */
.planner .benefitMonth .controller >button.btnPrev, .planner .benefitMonth .controller >button.btnNext {background-size: cover !important}
.planner .benefitMonth .controller >button.btnPrev{background:url('/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_next_arrow_on.png') no-repeat 0 0; transform: rotate(180deg);}
.planner .benefitMonth .controller >button.btnPrev:disabled{background:url('/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_prev_arrow_off.png') no-repeat 0 -1px; transform: rotate(0deg);}
.planner .benefitMonth .controller >button.btnNext{background:url('/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_next_arrow_on.png') no-repeat 0 -1px;}
.planner .benefitMonth .controller >button.btnNext:disabled{background:url('/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_prev_arrow_off.png') no-repeat 0 -1px; transform: rotate(180deg);}
/* 실적 차트 - 리뉴얼 */
/* 250113 수정 (s) */
.plannerItem .plannerChart {position: relative; margin-bottom: 30px;} /* 241108 수정 */
.plannerItem .plannerChart .chartWrap {padding-bottom: 2.2rem;} /* 240826 수정 *//* 251107 padding 단위 수정 */
.plannerItem .plannerChart .chartWrap .chart {position:relative; margin-top: 32px; width:100%; height:12px; border-radius:6px; background-color:#e6eaf2;}
.plannerItem .plannerChart .chartWrap .chart.typeRed.typeDotted,
.plannerItem .plannerChart .chartWrap .chart.typeBlue.typeDotted,
.plannerItem .plannerChart .chartWrap .chart.typeDotted {margin-top: 52px;}
.plannerItem .plannerChart .chartWrap .chart .bar {position:relative; width:0; max-width: 100%; height:100%; border-radius:6px; box-shadow: none; transition:all .5s;}
.plannerItem .plannerChart .chartWrap .chart.typeRed .bar,
.plannerItem .plannerChart .chartWrap .chart.typeRed.typeDotted .bar {min-width: 16px; background:linear-gradient(270deg, #FF2C2C 0%, #FFA14F 100%);}
.plannerItem .plannerChart .chartWrap .chart.typeBlue .bar, 
.plannerItem .plannerChart .chartWrap .chart.typeBlue.typeDotted .bar {min-width: 16px; background: #2B64CE;}
/* bar의 블릿 */
.plannerItem .plannerChart .chartWrap .chart .bar::before{position: absolute; content:''; display: block; top: -2px; right: 0; width: 16px; min-width: 16px; height: 16px; padding: 0; border-radius: 100%; box-shadow: none; font-size: 0;}
.plannerItem .plannerChart .chartWrap .chart .bar::after {position: absolute; content:''; display: block; top:0; bottom:0; right: 4px; min-width: 8px; width: 8px; height: 8px; background-color: #fff; margin: auto 0; border-radius: 100%;}
/* 블릿 색상 */
.plannerItem .plannerChart .chartWrap .chart.typeRed .bar::before{background-color: #FF302E;}
.plannerItem .plannerChart .chartWrap .chart.typeBlue .bar::before{background-color: #2B64CE;}
/* 색상 상관없이 구간이 지나면 블릿 삭제 */
.plannerItem .plannerChart .chartWrap .chart.on .bar::before,
.plannerItem .plannerChart .chartWrap .chart.on .bar::after {display: none;}
.plannerItem .plannerChart .chartWrap .chart .dotGroup {position: absolute; top: 0; display: flex; justify-content: space-between; width:100%; height:100%; box-shadow: none;}
.plannerItem .plannerChart .chartWrap .chart .dotGroup .dot {position: relative; width: 16px; transform: none; padding: 0; box-shadow: none; font-size: 0;}
.plannerItem .plannerChart .chartWrap .chart .dotGroup .dot::before, 
.plannerItem .plannerChart .chartWrap .chart .dotGroup .dot.on::after {position: absolute; display: block; content: ''; margin: auto; padding: 0; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%;}
.plannerItem .plannerChart .chartWrap .chart .dotGroup .dot::before {width: 8px; height: 8px; background-color: #fff; z-index: 1;}
.plannerItem .plannerChart .chartWrap .chart .dotGroup .dot.on::after {width: 16px; height: 16px; z-index: 0;}
.plannerItem .plannerChart .chartWrap .chart.typeBlue.typeDotted .dotGroup .dot.on::after {background-color: #2B64CE;}
.plannerItem .plannerChart .chartWrap .chart.typeRed.typeDotted .dotGroup .dot.on::after {background-color: #FF302E;}
.plannerItem .plannerChart .chartWrap .chart .dotGroup .dot:first-child::before {visibility: hidden; background-color: transparent !important;}
.plannerItem .plannerChart .chartWrap .chart .dotGroup .dot.last::before {left:initial; right: 4px;}
.plannerItem .plannerChart .chartWrap .chart .amountGroup {position: absolute; display: flex; justify-content: space-between; width: 100%; top: 20px; font-size: 1.2rem; color: #888;} /* 240819 수정 */
.plannerItem .plannerChart .chartWrap .chart .amountGroup span {min-width: 16px; text-align: center;}
.plannerItem .plannerChart .chartWrap .chart .amountGroup span:first-child {text-align: left;}
.plannerItem .plannerChart .chartWrap .chart .amountGroup span:last-child {text-align: right;}
.plannerItem .plannerChart .chartWrap .chart .panelGroup {position: relative; display: flex; justify-content: space-between; top: -36px; font-size: 1.2rem; color: #888;} /* 240826 추가 */
.plannerItem .plannerChart .chartWrap .chart .panelGroup span {text-align: center;}
.plannerItem .plannerChart .chartWrap .chart .panelGroup span:first-child {text-align: left;}
.plannerItem .plannerChart .chartWrap .chart .panelGroup span:last-child {text-align: right;}
.plannerItem .plannerChart .chartWrap .unit {position: absolute; bottom: -20px; right: 0; font-size: 1.2rem; line-height: 1.6rem; color: #888;}
/* 250113 수정 (e) */
/* 혜택플래너 - 실적내역조회 팝업 */
.plannerPop {margin-top: 32px; padding: 0 24px;}
.plannerPop .totalWrap {padding-bottom: 24px; border-bottom: 1px solid #f1f1f1;}
/* 250113 수정 (s) */
.plannerPop .totalWrap > .top {font-size: 1.4rem; color: #000; font-weight: 600;}
.plannerPop .totalWrap > .top .total {margin-top: 14px; color: #000; line-height: 2.5rem;} /* 240620 수정 */
.plannerPop .totalWrap > .top .total .count {font-size: 2rem; font-weight: 500;}
.plannerPop .totalWrap > .top .total .count em {font-size: 3.2rem; font-weight: 800; margin-right: 3px;}
.plannerPop .totalWrap > .top .date {margin-top: 8px; font-size: 1.2rem; font-weight: 400;} /* 240620 수정 */
.plannerPop .totalWrap > .top .detail {margin-top: 12px; font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #666;} /* 240620 추가 */
.plannerPop .totalWrap > .bottom {margin-top: 24px; display: flex; justify-content: space-between; font-size: 1.4rem; font-weight: 500; color: #666;}
.plannerPop .totalWrap > .bottom .count {color: #000; font-weight: 800;}
/* 250113 수정 (e) */
.plannerPop .detailList {border: none; margin-top: 24px;}
.plannerPop .detailList .item {position: relative; margin-top: 16px; padding: 3px 0; border-bottom: none; font-size: 1.4rem; font-weight: 500;}
.plannerPop .detailList .item .item_tit {line-height: 2.2rem; font-weight: 600; color: #000;}
.plannerPop .detailList .item:first-child {margin-top: 0;}
.plannerPop .detailList .detail {position: relative; display: flex; justify-content: space-between;margin-top: 10px; padding: 0; line-height: 2rem; background-color: transparent;}
.plannerPop .detailList .detail .detail_tit {font-style: normal; color: #666;}
.plannerPop .detailList .detail .detail_value {text-align: right; color: #000;}
.plannerPop .detailList .detail_info {display: flex; margin-top: 8px;}
.plannerPop .detailList .detail_info span {position: relative; margin-left: 4px; padding-left: 6px; font-size: 1.2rem; line-height: 2rem; color: #888;}
.plannerPop .detailList .detail_info span:first-child{margin-left:0; padding-left: 0;}
.plannerPop .detailList .detail_info span::before {position: absolute; display: block; content:''; left: 0; top:0; bottom:0; margin: auto 0; width: 2px; height: 2px; border-radius: 50%; background: #d9d9d9;}
.plannerPop .detailList .detail_info span:first-child::before{content: none; display: none;}
.plannerPop .detailList .detail_info span.decide {color: #2864CE;}
.plannerPop .detailList .detail_info span.undecide {color: #FF302E;}
.plannerPop .noData {border: none; padding-top: 145px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/img_wibee_nodata.png) no-repeat center 40px; background-size: 82px;} /* 240709 benefit url경로수정  */
.plannerSel .optionList {margin: 0 -2rem; padding: 0 0 1.6rem;}
.plannerSel .optionList li {/*margin:5px 0; 접근성 */ padding: 2.4rem 0 2.4rem 2rem; font-size: 1.6rem; text-align: left;}
.plannerSel .optionList li.on {background: #f7f8f9; color: #2755AE; font-weight: 700; text-decoration: none;}
.plannerSel .optionList li.on:after {top:24px; right:20px;}
.benefit_mycard .cardSelList {margin-bottom: 32px;}
/* 241113 혜택플래너 (e) */
/* 250113 내실적/혜택조회 추가 (s) */
.plannerItem .btnGroup {margin: 12px 0 16px 0 !important; display: flex;} 
.plannerItem .btnGroup button {width: 100%; height: 32px; line-height: 32px; border-radius: 6px;}
.plannerItem .btnGroup button:first-child {margin-right: 2px !important;}
.plannerItem .btnGroup button:last-child {margin-left: 2px !important;}
.plannerItem .planTitle > .tip {margin: 0; margin-top: -1px;}
.plannerItem .planTitle .tipWrap {width: 24px; height: 24px;}
.plannerItem .planTitle .tip .cont ul li {word-break: keep-all;}
.plannerPop .totalWrap .tipWrap.on .tooltip {height: max-content !important;}
.planner .plannerWrap .benefitList li.item .detailinfo {margin-top: 8px; display: flex; justify-content: flex-start; align-items: center;}
.planner .plannerWrap .benefitList li.item .detailinfo div {position: relative; padding-left: 6px; margin-left: 6px;}
.planner .plannerWrap .benefitList li.item .detailinfo div::after {position: absolute; display: block; content: ''; margin: auto 0; left: 0; top: 0; bottom: 0; width: 1px; height: 10px; background: #DEE2E6;}
.planner .plannerWrap .benefitList li.item .detailinfo div:first-child {padding-left: 0; margin-left: 0;}
.planner .plannerWrap .benefitList li.item .detailinfo div:first-child::after {display: none;}
.plannerItem .txtList_disc.pointC6 > li {color: #666;}
.planner .benefitMonth {position: relative;}
.planner .benefitMonth .btnCaution {position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; padding: 6px 8px; width: auto; height: 32px; font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #333; text-align: center; background: #fff; box-sizing: border-box; border: 1px solid #DEE2E6; border-radius: 6px; z-index: 1;}
.planner .benefitMonth .btnCaution::before,
.planner .benefitMonth .btnCaution::after {display: none;}
.planner .btnCaution {position: relative; display: block; margin: 0 0 24px 0; padding: 12px 20px 12px 48px; width: 100%; font-size: 1.4rem; line-height: 2.0rem; font-weight: 500; color: #333; text-align: left; background: #F8F9FA; border-radius: 10px; box-sizing: border-box;}
.planner .btnCaution::before,
.planner .btnCaution::after {position: absolute; content: ''; display: block; top: 0; bottom: 0; margin: auto 0; width: 20px; height: 20px;}
.planner .btnCaution::before {left: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_caution.png) no-repeat center center; background-size: cover;}
.planner .btnCaution::after {right: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_20px.png) no-repeat center center; background-size: cover;}
.cautionCon {padding-bottom: 110px;}
.cautionCon .questions {position: relative; display: block; padding-left: 24px; font-size: 1.5rem; font-weight: 600; line-height: 2.1rem; color: #343A40;}
.cautionCon .questions::before {position: absolute; display: block; margin: 0; content: ''; left: 0; top: 0; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_question.png); background-size: cover;}
.cautionCon .answers {margin-top: 12px; padding: 16px 20px; font-size: 1.4rem; line-height: 2.0rem; color: #555; background: #F8F9F9; border-radius: 16px;}
.cautionCon .answers strong {font-weight: 500;}
.cautionCon .answers + .questions {margin-top: 24px;}
.cautionCon .answers .links.arrow {margin: 4px 0 0 0; padding-right: 10px; color: #2589F4; font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow4.png) no-repeat right 4px; background-size: 5px auto;}
/* 250113 내실적/혜택조회 추가 (e) */

/* GNB변경에 따른 신규 페이지 제작 [s]/
/*contents 영역 BG 색상 추가 */
.listbg{background: #F2F4F6; min-height: 100vh;} 

/* 개인정보보호 한눈에 보기 20240612 */
.privacyMain{width: 100%; padding: 1.2rem 1.6rem;}
.privacyLink{display: block; }
.privacyLink li{display: block; padding: 0.4rem 0; border-bottom: 1px solid #F1F1F1;}
.privacyLink li a{display: block; position: relative; color: #000; padding: 0.8rem 0;}
.privacyLink li a span{font-size: 1.4rem; line-height: 2rem; }
.privacyLink li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg); }

/* 우리소식  20240612 */
.borderMain{display: block;}
.borderMain .borderTop{width: 100%; padding: 3rem 0.4rem 4.2rem 2.4rem; z-index: -1; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_border_bg.png) calc(100% - 0.4rem ) 3.2rem no-repeat; background-size: 17.5rem;}
.borderMain .borderTop span{display: inline-block; padding: 0 0.6rem; background: #DAE7F9; border-radius: 0.5rem; text-align: center; font-size: 1.2rem; font-weight: 800; line-height: 2.4rem; color: #3182F7;}
.borderMain .borderTop h2{display: block; margin-top: 1rem; font-size: 2rem; font-weight: 600; line-height: 2.8rem; color: #000;}
.bdLink{width: calc(100% - 4.8rem); margin: -1.2rem auto 0; background: #fff; border-radius: 1.6rem; padding: 2.4rem 1.5rem;}
.bdLink li{display: block; margin-top: 2.4rem;}
.bdLink li:first-child{margin-top: 0;}
.bdLink .bdList{display: block; font-size: 0;}
.bdLink .bdList .avatar{width: 3.6rem; height: 3.6rem; display: inline-block; vertical-align: middle;}
.bdLink .bdList .avatar > img{width: 100%;}
.bdLink .bdList .text{display: inline-block; width: calc(100% - 3.6rem); padding-left: 1.1rem; vertical-align: middle; position: relative; }
.bdLink .bdList .text::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.bdLink .bdList .text .primary{font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #333; display: block; }
.bdLink .bdList .text .secondary{font-size: 1.2rem; line-height: 1.7rem; font-weight: 400; color: #999999; padding-top: 0.2rem; }

/* 회사소개 20240612 */
.companyMain{width: 100%;}
.companyMain .companyTop{width: 100%; height: 15.8rem; padding: 2.6rem 2.4rem 1.4rem;	background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_company_bg.png) calc(100% - 2.4rem) 2.6rem no-repeat; background-size: 12.1rem;}
.companyMain .companyTop h2{font-size: 2rem; font-weight: 600; color: #000; line-height: 2.6rem; margin-top: 2rem;}
.companyMain .companyTop h2 b{font-weight: 800; color: #3182F7;}
.companyMain .companyTop a{margin-top: 1.2rem; display: inline-block;}
.companyMain .companyTop a span{font-size: 1.4rem; color: #999999; line-height: 1.8rem; display: inline-block; position: relative; padding-right: 1.4rem;}
.companyMain .companyTop a span::after{content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/icon_arrowR_24.png); background-size: 1.4rem;}
.compannyLink{width: calc(100% - 4.8rem); margin: 0 auto 0; background: #fff; border-radius: 1.6rem; padding: 1.4rem 1.5rem;}
.compannyLink li{display: block; margin-top: 0.4rem;}
.compannyLink li:first-child{margin-top: 0;}
.compannyLink li a{display: block; font-size: 0; position: relative; padding: 1rem 0;}
.compannyLink li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.compannyLink li a i{width: 3.6rem; display: inline-block; vertical-align: middle;}
.compannyLink li a span{padding-left: 1.2rem; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; vertical-align: middle; color: #333;}

/* 기프트카드 관리 20240612 */
.giftcardMeg{width: 100%;}
.giftcardMeg .giftcardTop{width: 100%; padding: 3rem 2.4rem 3.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_giftcard_bg.png) calc(100% - 2.4rem) 2.6rem no-repeat; background-size: 12.9rem;}
.giftcardMeg .giftcardTop span{display: inline-block; padding: 0 0.6rem; background: #FFE2F0; border-radius: 0.5rem; text-align: center; font-size: 1.2rem; font-weight: 800; line-height: 2.4rem; color: #F35295;}
.giftcardMeg .giftcardTop h2{font-size: 2rem; font-weight: 600; color: #000; line-height: 2.6rem; margin-top: 1rem;}
.giftcardList{width: 100%; font-size: 0; padding: 0  2.4rem;}
.giftcardList li{display: inline-block; width: calc(50% - 0.4rem); vertical-align: top; background: #FFFFFF; border-radius: 1.6rem; margin: 0.8rem 0 0 0.8rem; }
.giftcardList li:nth-child(2n-1){margin-left: 0;}
.giftcardList li a{display: block; padding: 4.6rem 0 1.6rem; text-align: center;}
.giftcardList li a .icon{width: 8rem; height: 8rem;}
.giftcardList li a span{display: block; text-align: center; font-size: 1.6rem; font-weight: 600; color: #333; padding-top: 3.3rem;}

/* 포인트 조회/관리 20240621 */
.pointMag{width: 100%;}
.pointMag .pointTop{width: 100%; padding: 4.6rem 2.4rem 1.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_point_bg.png) calc(100% - 1.1rem) 0.5rem no-repeat; background-size: 13.4rem;}
.pointMag .pointTop h2{font-size: 2rem; font-weight: 600; color: #000; line-height: 2.6rem;}
.pointMag .pointTop h2 b{font-weight: 800; color: #3182F7;}
.pointMag .pointTop a{margin-top: 1.2rem; display: inline-block;}
.pointMag .pointTop a span{font-size: 1.4rem; color: #999999; line-height: 1.8rem; display: inline-block; position: relative; padding-right: 1.4rem;}
.pointMag .pointTop a span::after{content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/icon_arrowR_24.png); background-size: 1.4rem;}
.pointMag .btnInq{width: calc(100% - 4.8rem); font-size: 0; margin: 1.6rem auto 0; background: #fff; border-radius: 1.6rem; padding: 0.3rem 1.5rem 0.3rem 2.4rem;}
.pointMag .btnInq a{display: block; line-height: 2.2rem; font-size: 1.6rem; font-weight: 600; color: #333; position: relative; padding: 1rem 0;}
.pointMag .btnInq a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.pointLink{width: calc(100% - 4.8rem); font-size: 0; margin: 1.6rem auto 0; background: #fff; border-radius: 1.6rem; padding: 2.4rem 1.5rem 0 2.4rem;}
.pointLink > h3{font-size: 1.6rem; font-weight: 700; line-height: 2.24rem; color: #333;}
.pointUse{width: 100%; padding: 1.4rem 0; overflow: hidden; max-height: 16.8rem; transition: max-height 0.3s ease-in-out;}
.pointUse.on{max-height: 40.8rem; transition: max-height 0.3s ease-in-out;}
.pointUse li{margin-top: 0.4rem; display: block;}
.pointUse li:first-child{margin-top: 0;}
.pointUse li a{display: block; line-height: 2.4rem; font-size: 1.4rem; font-weight: 600; color: #333; position: relative; padding: 1rem 0;}
.pointUse li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.btnarea{border-top: 1px solid #f2f4f6; height: 5.2rem;}
.btnarea .list_down{height: 5.2rem; width: 100%;}
.btnarea .list_down .down{display: inline-block; font-size: 1.4rem; padding-right: 1.2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/Nicon_down.png) center right no-repeat; background-size: 0.8rem; color: #666;}
.btnarea .list_up{height: 5.2rem; width: 100%; display: none;}
.btnarea .list_up .up{display: inline-block; font-size: 1.4rem; padding-right: 1.2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/Nicon_up.png) center right no-repeat; background-size: 0.8rem; color: #666;}
.pointSav{width: 100%; padding: 1.4rem 0;}
.pointSav li{margin-top: 0.4rem; display: block;}
.pointSav li:first-child{margin-top: 0;}
.pointSav li a{display: block; line-height: 2.4rem; font-size: 1.4rem; font-weight: 600; color: #333; position: relative; padding: 1rem 0;}
.pointSav li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
/* GNB변경에 따른 신규 페이지 제작 [s]/

/* 240619 app intro (s) */
.app_intro_wrap {position: relative; height: 100vh; min-height: 100vh; min-height: -webkit-fill-available; margin:0; padding:0; background: #ECF5FD; box-sizing: border-box;} /* 240626 수정 */
.intro_cont {padding: 0 24px; box-sizing: border-box; height: calc(100vh - 156px); display: flex; justify-content: center; flex-direction: column;} /* 240626 수정 */
.title_wrap h1 {font-size: 2.4rem; line-height: 3.4rem; letter-spacing: -2%; font-weight: 700; color: #333;}
.title_wrap .icon {position: relative; top: -4px; margin-left: 3px; width: 24px;}
.intro_box {margin-top: 24px;}
.intro_box .intro_item {padding: 24px 16px 24px 24px; background: #fff; border-radius: 8px;}
.intro_box .intro_item + .intro_item {margin-top: 8px;}
.intro_box .intro_item a {position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px;}
.intro_box .intro_item .intro_icon {width: 36px; height: 36px;}
.intro_box .intro_item .intro_text {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.intro_box .intro_item .intro_text::after {position: absolute; display: block; content: ''; margin: auto 0; top: 0; bottom: 0; right: 0; width: 24px; height: 24px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow11.png) no-repeat center center; background-size: cover;}
.intro_box .intro_item .intro_text em {font-size: 1.8rem; font-weight: 25px; font-weight: 600; letter-spacing: -2%; color: #333;}
.intro_box .intro_item .intro_text span {font-size: 1.4rem; line-height: 2.0rem; font-weight: 500; letter-spacing: -2%; color: #999;}
.intro_cont .intro_btn .btnArea {margin: 16px 0; background-color: transparent;} /* 240626 수정 */
.intro_cont .intro_btn .btnArea .btn_p {border-radius: 8px;}
.intro_cont .intro_btn .intro_text_btn {text-align: right;}
.intro_cont .intro_btn .intro_text_btn .links.arrow {margin:0; background-position: 100% 5px; margin-right: 5px; color: #999; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow5.png) no-repeat 100% 5px; background-size: 5px auto;}
.app_intro_wrap .intro_bottom_banner {position: fixed; display: flex; justify-content: space-between; align-items: center; bottom: 0; left:0; right:0; margin: 0 auto; padding: 20px 32px 28px; box-sizing: border-box; width: 100%;} /* 240626 수정 */
.app_intro_wrap .intro_bottom_banner .img_area {width: 79px;}
.app_intro_wrap .intro_bottom_banner .txt_area .stit {display: block; margin-bottom: 2px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; color :#333;}
.app_intro_wrap .intro_bottom_banner .txt_area .stit .blue {color: rgb(37, 137, 244);}
.app_intro_wrap .intro_bottom_banner .txt_area .ttit {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -4%; font-weight: 600; color: #333;}
/* 240619 app intro (e) */

/* 가맹점 지원 서비스 24.07.03 [s] */
header.nonBg{background: none; border-bottom: 0;}
.memStore{width: 100%; padding-bottom: 70px}
.memStore .dvSec{width: 100%; padding: 3.2rem 2rem 0; margin: 0;}
.memStore .dvSec.tpd0{padding-top: 0;}
.memStore .dvSec.rpd0{padding-right: 0;}
.memStore .dvSec.spd0{padding-right: 0; padding-left: 0;}
.memStore .dvSec > h3{font-size: 1.8rem; font-weight: 700; line-height: 2.5rem; color: #000;}
.memStore .dvSec > h3 i{color: #E80163 ;}
.memStore .dvSec > p{margin-top: 0.8rem; font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #666;}
.memStore .dvSec.spd0 > h3{padding: 0 2rem;}
.memStore .dvSec.spd0 > p{padding: 0 2rem;}
.memStore .dvSec .linkArea{width: 100%; margin-top: 1.2rem;}
.memStore .dvSec .linkArea.mgt24{margin-top: 2.4rem;}
.memStore .dvSec .linkArea > a{position: relative; display: block; padding: 1.3rem 1.2rem 1.3rem 1rem; border: 0.1rem solid #EAEAEA; border-radius: 0.4rem; font-size: 0; margin-top: 0.8rem;}
.memStore .dvSec .linkArea > a:first-child{margin-top: 0;}
.memStore .dvSec .linkArea > a::after{content: ''; display: inline-block; position: absolute; right: 1.2rem; top: 50%; transform: translateY(-50%); width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/icon_arrowR_24.png) no-repeat center center; background-size: 1.4rem;}
.memStore .dvSec .linkArea > a > i{display: inline-block; width: 3.2rem; vertical-align: middle;}
.memStore .dvSec .linkArea > a > span{display: inline-block; width: calc(100% - 3.2rem); padding-left: 0.6rem;  font-size: 1.6rem; font-weight: 600; line-height: 1.9rem; color: #000; vertical-align: middle;}
.memStore .dvSec .dateTxt{display: block; text-align: right; font-size: 1.2rem; color: #666}
.memStoreTop{width: 100%; padding: 0; margin: 0;}
.memStoreTop .mStore li{position: relative;}
.memStoreTop .mStore li img{width: 100%;}
.memStoreTop .mStore li .slogan{position: absolute; top: 3.4rem; left: 3.4rem;}
.memStoreTop .mStore li .slogan > h2{font-size: 2.6rem; line-height: 4rem; font-weight: 600; color: #000;}
.memStoreTop .mStore li .slogan > p{margin-top: 1rem; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #666;}
.memStoreTop .swiper-controls{margin: 0 auto; bottom: 2rem;}
.memStoreTop .swiper-controls .swiper-pagination-bullet{width: 1.2rem; height: 1.2rem; margin-right: 0;}
.memStoreTop .swiper-controls .swiper-pagination-bullet::before{width: 0.6rem; height: 0.6rem; border-radius: 0.3rem; border: 0; top: 0.3rem; left: 0.3rem; background: rgba(255, 255, 255, 0.5);}
.memStoreTop .swiper-controls .swiper-pagination-bullet-active::before{background:  rgba(255, 255, 255, 1);}
.postList{width: 100%; margin-top: 1rem;}
.postList > li{width: 100%;}
.postList > li > a{display: block; font-size: 0; padding: 0.7rem 0;}
.postList > li > a .postTxt{display: inline-block; width: calc(100% - 9rem); font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #333; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.postList > li > a .postDate{display: inline-block; width: 9rem; text-align: right; font-size: 1.4rem; font-weight: 500; line-height: 1.6rem; color: #999; vertical-align: middle;}
.supportTop{width: 100%; padding: 3.2rem 0; margin: 0; text-align: center; background: #e7fcfe;}
.supportTop > h2{padding-top: 10.7rem; font-size: 1.8rem; font-weight: 700; line-height: 2.5rem; color: #000; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/img_support_top.png) top center no-repeat; background-size: 15.6rem;}
.supportTop > p{font-size: 1.4rem; line-height: 2rem; /*text-align: center;*/ color: #666; margin-top: 1rem; }
.supportTop.login{width: 100%; padding: 3.2rem 2rem 2.3rem; margin: 0; text-align: left; background: none;}
.supportTop.login > h2{font-size: 2rem; font-weight: 600; line-height: 2.8rem; color: #000; padding-top: 0; background: none;}
.supportTop.login > h2 > strong{color: rgb(37, 137, 244);}
.reportInfo{width: 100%; padding: 3.2rem 0 2.8rem; }
.reportInfo .tab_box{width: 100%; overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.reportInfo .tab_box::-webkit-scrollbar{display: none;}
.reportInfo .typeRound{display: flex; font-size: 0; white-space: nowrap; overflow: auto hidden; scrollbar-width: none; }
.reportInfo .typeRound button{display: inline-block; height: 3.2rem; padding: 0 1.6rem; border-radius: 1.6rem; line-height: 3.2rem; font-size: 1.4rem; text-align: center; font-weight: 500; color: #888; border: 1px solid #D9D9D9; margin-right: 1rem;}
.reportInfo .typeRound button:first-child{margin-left: 2rem;}
.reportInfo .typeRound button.on{border: 1px solid rgb(37, 137, 244); color: rgb(37, 137, 244); font-weight: 700;}
.reportInfo section{width: 100%; padding: 4rem 0 0 0; margin-top: 4rem; text-align: center; margin: 0;}
.reportInfo section > h5{text-align: center; font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #333;}
.reportInfo section > p{margin-top: 1rem; text-align: center; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #666;}
.reportInfo section .sample_graph{width: 100%; margin: 2.4rem 0; text-align: center;}
.reportInfo section .sample_graph .in_graph{width: 25rem; margin: 0 auto; min-height: 240px;} /*20240723 수정*/
.reportInfo section > a{width: 15.7rem; height: 4rem; border-radius: 0.4rem; background: rgb(37, 137, 244); line-height: 4rem; font-size: 1.4rem; color: #fff; font-weight: 500; display: inline-block;}
.cuponSup{padding: 4rem 0; width: 100%; text-align: center;}
.cuponSup > h4{text-align: center; font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #333;}
.cuponSup > p{margin-top: 1rem; text-align: center; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #666;}
.cuponSup > a{width: 20.3rem; height: 4rem; border-radius: 0.4rem; background: rgb(37, 137, 244); line-height: 4rem; font-size: 1.4rem; color: #fff; font-weight: 500; display: inline-block;}
.swipeBox{width: 100%; text-align: center;}
.inSwiper{padding: 2.4rem 0 4rem; display: inline-block; width: 25rem; overflow: hidden;} /*20240723 수정*/
.inSwiper .swiper-controls{bottom: 0;}
.inSwiper .swiper-controls .swiper-pagination-bullet{width: 1.2rem; height: 1.2rem; margin-right: 0;}
.inSwiper .swiper-controls .swiper-pagination-bullet::before{width: 0.6rem; height: 0.6rem; border-radius: 0.3rem; border: 0; top: 0.3rem; left: 0.3rem; background: #ccc;}
.inSwiper .swiper-controls .swiper-pagination-bullet-active::before{background:  #000;}
.dataLink{width: 100%; margin-top: 1.6rem; font-size: 0;}
.dataLink > li{display: inline-flex; width: calc(50% - 0.4rem); height: 13rem; margin-left: 0.8rem; vertical-align: top; border: 1px solid #eaeaea; border-radius: 0.4rem; margin-top: 0.8rem; }
.dataLink > li:first-child, .dataLink > li:nth-child(2){margin-top: 0;}
.dataLink > li:nth-child(2n+1){margin-left: 0;}
.dataLink > li > a{ display: block; width: 100%; text-align: center; align-self: center;}
.dataLink > li > a > img{width: 3rem;}
.dataLink > li > a > p{margin-top: 1.2rem; font-size: 1.4rem; font-weight: 600; line-height: 2rem; text-align: center; color: #000;}
.storelogin{width: 100%; margin: 0; padding: 5.3rem 2rem 0;}
.storelogin{width: 100%;}
.storelogin .idPw{width: 100%;}
.storelogin .idPw input{width: 100%; height: 4.6rem; border-radius: 1rem; border: 1px solid #eaeaea; padding: 0 2rem; font-size: 1.4rem; margin-top: 0.6rem; background: #fff;}
.storelogin .idPw input::placeholder{font-size: 1.4rem; color: #999;}
.storelogin > p{padding-left: 2rem; line-height: 1.6rem; font-size: 1.2rem; color: #666; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/info_icon.png) left center no-repeat; background-size: 1.6rem; margin: 1.2rem 0.4rem;}
.storelogin .button_p{margin-top: 3rem; width: 100%; height: 4.8rem; border-radius: 1.6erm !important; background: rgb(37, 137, 244);  color: #fff; font-size: 1.4rem; font-weight: 500; width: 100; border-radius: 1.6rem;}
.chartList{width: 100%; margin-top: 1.6rem; font-size: 0;}
.chartList > li{width: calc(50% - 0.4rem); height: 13rem; margin-left: 0.8rem; display: inline-flex; vertical-align: top; border: 1px solid #eaeaea; border-radius: 0.4rem; margin-top: 0.8rem;}
.chartList > li:first-child, .chartList > li:nth-child(2){margin-top: 0;}
.chartList > li:nth-child(2n+1){margin-left: 0;}
.chartList > li .inCell{width: 100%; text-align: center; align-self: center;}
.chartList > li .inCell > img{width: 4rem;}
.chartList > li .inCell .tit{display: flex; width: 100%; height: 3.2rem; padding-top: 0.4rem;} 
.chartList > li .inCell .tit > p{width: 100%; font-size: 1.2rem; text-align: center; color: #333; line-height: 1.6rem; align-self: center; } 
.chartList > li .inCell .tit > p > span{color: #999}
.chartList > li .inCell .resultVal{margin-top: 0.8rem; text-align: center}
.chartList > li .inCell .resultVal > strong{font-size: 2rem; font-weight: 700; color: rgb(37, 137, 244); line-height: 1.6rem; display: inline-block; vertical-align: middle;}
.chartList > li .inCell .resultVal > i{font-size: 1.4rem; font-weight: 500; color: #333; line-height: 1.6rem; display: inline-block; vertical-align: middle; margin-left: 0.1rem}
.chartInf{width: 100%;}
.chartInf .addInfoList > li {padding: 0 1rem;}
.pickTxt{width: 100%; background: #fcfcfc; border-radius: 1.6rem; padding: 1.4rem 2.2rem 1.4rem 1.4rem; margin-top: 1.4rem;}
.pickTxt > p{padding-left: 2.8rem; font-size: 1.4rem; font-weight: 600; line-height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/icon_pick.png) left top no-repeat; background-size: 2.2rem;}
.pickTxt > p > strong{color: rgb(37, 137, 244);}
.pickTxt > p > span > strong{color: rgb(37, 137, 244);}
.pickTxt > p > span > .tit_blue{color: rgb(37, 137, 244); font-weight: 700;}
.chartAre{position: relative; margin-top: 2.4rem;}
.chartAre > p{font-size: 1.2rem; text-align: right; line-height: 1.43rem; color: #999;}
.chartAre .unt{position: absolute; right: 1.4rem; top: 4.4rem; font-size: 1.2rem; color: #999;}
.chartAre .unt2{position: absolute; right: 1.4rem; top: auto; bottom: 7.5rem; font-size: 1.2rem; color: #999;}
.chartAre .noti{margin-top: 1rem; text-align: center;}
.chartIn{width: 100%; border: 1px solid #eaeaea; border-radius:1rem; box-shadow:0 0 13px rgba(0,0,0,0.04); padding: 1rem 0 2rem; margin-top: 1.4rem; min-height: 40rem;}
.chartIn .sbchart-tooltip{width: 210px !important;}
.chartIn .sbchart-legend-item{font-size: 1.1rem;}
.tblOuter{width: 100%; overflow-x: auto;}
.tblOuter.mgt14{margin-top: 1.4rem;}
.tblOuter .scTbl{width: 110%; border-top: 1px solid #000;}
.tblOuter .scTbl th{width: auto; padding: 1.4rem; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #f8f8f8; font-size: 1.4rem; line-height: 2rem; color: #333; font-weight: 600;}
.tblOuter .scTbl th:first-child{border-left: none;}
.tblOuter .scTbl td{width: auto; padding: 1.4rem; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-size: 1.4rem; line-height: 2rem; color: #666; font-weight: 500;}
.tblOuter .scTbl td:first-child{border-left: none;}
.storeTab{display: flex; overflow: auto hidden; white-space: nowrap; font-size: 0; padding: 1.1rem 2rem 2.4rem;} /* 20240723 수정*/
.storeTab > li{display: inline-block; margin-right: 1rem;}
.storeTab > li > a{font-size: 1.4rem; line-height: 1.6rem; padding: 0.8rem 1.6rem; color: #888; border-radius: 2.7rem; border: 1px solid #d9d9d9; display: block;}
.storeTab > li.on > a{color: rgb(37, 137, 244); font-weight: 700; border-color: rgb(37, 137, 244);}
.supportTop.request{width: 100%; padding: 3.2rem 0; margin: 0; text-align: center; background: #f8f8f8;}
.supportTop.request > h2{padding-top: 10.7rem; font-size: 1.8rem; font-weight: 700; line-height: 2.5rem; color: #000; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/request_top.png) top center no-repeat; background-size: auto 9.7rem;}
.supportTop.request > p{margin-top: 1rem; font-size: 1.4rem; font-weight: 500; text-align: center; color: #666; line-height: 2rem;}
.bullTxt{width: 100%; margin-top: 1.4rem;}
.bullTxt > li{margin-top: 0.8rem; padding-left: 0.8rem; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #666; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/i_bullet.png) left 0.9rem no-repeat; background-size: 0.2rem;}
.infTable{width: 100%; margin-top: 1.4rem;}
.infTable table{width: 100%; border-top: 1px solid #000; }
.infTable table th{border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #f8f8f8; font-size: 1.4rem; line-height: 2rem; color: #333; font-weight: 600; width: 10.5rem; padding: 1.4rem;}
.infTable table td{border-bottom: 1px solid #e0e0e0; background: #fff; font-size: 1.4rem; line-height: 2rem; color: #666; font-weight: 500; padding: 1.4rem 1.6rem; text-align: left;}
.requestStap{width: 100%; }
.requestStap .stapBox{display: flex; margin-top: 2rem; align-content: flex-start; align-items: center; justify-content: center;} 
.requestStap .stapBox li{display: inline-block; width: 33.3%; height: 5.5rem; }
.requestStap .stapBox li p{font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #666;}
.requestStap .stapBox li p > span{font-size: 1.2rem; color: #999; font-weight: 500;}
.requestStap .stapBox li.stap_01{background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/line_st.png) 5px 4px no-repeat;}
.requestStap .stapBox li.stap_01 p{padding-left: 1.1rem; text-indent: -1.1rem; padding-top: 1.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/icon_stap.png) 5px top no-repeat; background-size: 0.8rem; text-align: left;}
.requestStap .stapBox li.stap_02{background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/line_st.png) center 4px no-repeat;}
.requestStap .stapBox li.stap_02 p{padding-top: 1.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/icon_stap.png) center top no-repeat; background-size: 0.8rem; text-align: center;}
.requestStap .stapBox li.stap_03{background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/line_st.png) right 4px no-repeat;}
.requestStap .stapBox li.stap_03 p{padding-top: 1.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/icon_stap.png) right top no-repeat; background-size: 0.8rem; text-align: right;}
.requestStap .stapBox li p{font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #666;}
.requestStap .stapBox li p > span{font-size: 1.2rem; color: #999; font-weight: 500;}
.requestStap .stapBox li.stap_04{background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/line_right.png) center 4px no-repeat;}
.requestStap .stapBox li.stap_04 p{padding-top: 1.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/icon_stap.png) center top no-repeat; background-size: 0.8rem; text-align: center; }
.requestStap .stapBox li.stap_05{background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/line_left.png) center 4px no-repeat;}
.requestStap .stapBox li.stap_05 p{padding-top: 1.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/membersStore/icon_stap.png) center top no-repeat; background-size: 0.8rem; text-align: center;}
.formOut{width: 100%; border: 1px solid #e0e0e0; margin-top: 2.4rem;}
.formOut > textarea{border: 0; height: 163px; width: 100%; overflow-y: auto; padding: 1.4rem; font-size: 1.4rem; line-height: 2.2rem;}
.formOut > textarea::placeholder{font-size: 1.4rem; line-height: 2.2rem; color: #999;}
/* 가맹점 지원 서비스 24.07.03 [e] */

/* 240709 bottomSheet popup - title.ver (s) */ 
/* 240712 내계좌로입금신청 수정 (s) : 전담반 공통사용으로 최종본 공통적용하면됩니다 */
.bottom.popCont.typeL {padding-top: 16px;}
.bottom.popCont.typeL .popHead h1 {padding: 16px 50px 16px 20px; font-size: 2.0rem; line-height: 1.2; color: #333; text-align: left;}
.bottom.popCont.typeL .popHead {display: table; min-height: 0; border-bottom: 0;}
.bottom.popCont.typeL > .btnIco_close {position: absolute; top: 19px; right: 2px; width: 50px; height: 50px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_close_bold.png) no-repeat center center; background-size: 24px auto;}/* 뉴원수정 */
/* 240712 내계좌로입금신청 수정 (e) */
/* 240709 bottomSheet popup - title.ver (e) */ 

/* 24.07.12 금융서비스 개인화 팝업 [s]*/
.popCont.personal{padding-bottom: 52px;}
.popCont.personal .popBody{padding: 3rem 2rem; max-height: none;} /* 0716수정 */
.popCont.personal .bannerBox > img{width: 100%;} /* 0716추가 */
.personalInf{width: 100%; display: flex; height: 12.7rem; background: #f6f6f6;}
.personalInf .inContent{display: block; width: 100%; align-self: center; -webkit-align-self:center; padding: 0 1.6rem;}
.personalInf .inContent .title{font-size: 1.6rem; font-weight: 600; line-height: 1.8rem;}
.personalInf .inContent .valAmt{margin-top: 0.8rem; font-size: 0;}
.personalInf .inContent .valAmt > strong{display: inline-block; font-size: 3.4rem; line-height: 4.1rem; vertical-align: baseline; font-weight: 700; color: rgb(37, 137, 244);}
.personalInf .inContent .valAmt > i{display: inline-block; font-size: 1.4rem; line-height: 2rem; vertical-align: baseline; margin-left: 0.4rem; color: #333;}
.personalInf .inContent > li{display: flex; margin-top: 2rem; width: 100%; justify-content: space-between;}
.personalInf .inContent > li:first-child{margin: 0;}
.personalInf .inContent > li .tit{text-align: left; align-self: center; font-size: 1.4rem; line-height: 1.8rem; color: #333; font-weight: 600;}
.personalInf .inContent > li .vlaAr{text-align: right; align-self: center; font-size: 0;}
.personalInf .inContent > li .vlaAr > strong{display: inline-block; font-size: 2.6rem; line-height: 1.8rem; vertical-align: baseline; font-weight: 700; color: rgb(37, 137, 244);}
.personalInf .inContent > li .vlaAr > i{display: inline-block; font-size: 1.4rem; line-height: 2rem; vertical-align: baseline; margin-left: 0.4rem; color: #333;}
.popBtn{margin-top: 3rem;}
/* 24.07.12 금융서비스 개인화 팝업 [e]*/

/* 240712 내계좌로입금신청 (s) */
.honeymoneyWrap .topBox {padding: 20px; margin-bottom: 13px; background: #E8F0FD; border-radius: 16px;}
.honeymoneyWrap .topBox .FlexItem {display: flex; justify-content: space-between; align-items: center; font-size: 1.4rem; font-weight: 500; line-height: 2.0rem; color: #666;}
.honeymoneyWrap .topBox .FlexItem + .FlexItem {margin-top: 10px;}
.honeymoneyWrap .topBox .FlexItem .title {font-size: 1.6rem; font-weight: 700; line-height: 2.2rem; color: #000;}
.honeymoneyWrap .accountInfo {padding: 12px 24px; margin: 14px 0 2px; background: #E8F0FD; border-radius: 16px; text-align: left;}
.honeymoneyWrap .accountInfo span:not(.item):not(.val) {text-align: left;}
.honeymoneyWrap .accountInfo span {font-size: 1.2rem; font-weight: 500; line-height: 1.6rem;}
.honeymoneyWrap .accountInfo em {padding-top: 2px; font-size: 1.6rem; font-weight: 600; color: #000;}
.honeymoneyWrap .supportBtn li button {padding: 8px 0;}
.honeymoneyWrap .accountArea > a:before {content: ''; display: block; margin: 0 auto 4px; width: 42px; height: 42px;}
.honeymoneyWrap .accountArea a.bank:before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_account_bank.png) no-repeat; background-size: cover;}
.honeymoneyWrap .accountArea a.card:before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_account_card.png) no-repeat; background-size: cover;}
.honeymoneyWrap .accountArea {display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 14px; padding-bottom: 2px;}
.honeymoneyWrap .accountArea a {display: block; padding: 14px 0; width: 100%; border: 1px solid #ccc; border-radius: 16px; font-size: 1.4rem; font-weight: 500; line-height: 2.0rem; color: #000; text-align: center;}
.honeymoneyWrap .accountArea a.on {background: #F8FEFF; border: 1px solid rgb(37, 137, 244); font-weight: 700; color: rgb(37, 137, 244);} /* 240906 수정 */
.optionList.typeCheckIco {padding: 8px 0 30px 0;}
.optionList.typeCheckIco li {padding: 8px 40px 8px 0; font-size: 1.8rem; font-weight: 500; line-height: 2.5rem; color: #333;}
.optionList.typeCheckIco li + li {margin-top: 8px;}
.optionList.typeCheckIco li.on {position: relative; color: #000; text-decoration: none;}
.optionList.typeCheckIco li.on:after {position: absolute; display: block; content: ''; right: 0; top: 8px; width: 24px; height: 24px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_checkbox8.png) no-repeat center center; background-size: cover;}
/* 240712 내계좌로입금신청 (e) */

/* 20240717 맴버스앱잔여기능 통합요건 작업 - 혜택메인, 중전, 선물 [s]  */
/* 기존 작업물이 있어 class네이밍을 그대로 사용하였습니다. */
.mbrNew.noPadBtm{padding-bottom : 0 !important;} /* 20240822 추가 */ 
.mbrNew .memvership_infowrap{width: 100%; margin: 0; padding: 0 1.6rem;}
.mbrNew .memvership_infowrap .memvership-info{margin-top: 3.2rem;}
.mbrNew .memvership_infowrap .top-info li{width: calc(50% - 0.4rem); margin-left: 0.8rem; background: #fff; border-radius: 2.4rem; padding: 0;} /* 20240822 수정 */
.mbrNew .memvership_infowrap .top-info li:first-child{margin-left: 0;}
.mbrNew .memvership_infowrap .top-info li::before{display: none;}
.mbrNew .memvership_infowrap .top-info li i{display: block; width: 24px; height: 24px;}
.mbrNew .memvership_infowrap .top-info li dt{margin-top: 3rem; background: none; padding-left: 0; font-size: 1.2rem; font-weight: 500; color: #666; }
.mbrNew .memvership_infowrap .top-info li dd{margin-top: 0.4rem; font-size: 2rem; font-weight: 700; line-height: 2.5rem; color: #000;}
.mbrNew .memvership_infowrap .top-info li dd > span{margin-right: 0; font-size: 2rem; font-weight: 700; vertical-align: baseline; color: #000;}
.mbrNew .memvership_infowrap .top-info li > a{ display: block; width:100%; padding: 2.6rem 2.4rem 2.2rem;} /* 20240822 추가 */
.mbrNew .memvership_infowrap .box_prelogin{width: 100%; background: #fff; border-radius: 2.4rem; margin-top: 3.2rem; padding: 0;}  /* 20240822 수정 */
.mbrNew .memvership_infowrap .box_prelogin a{width: 100%; height: auto; padding: 4.7rem 2.4rem 4.1rem; display:block}  /* 20240822 추가 */
.mbrNew .memvership_infowrap .box_prelogin a::after{content:'';display:inline-block;width:56px;height:56px;border:0;margin-top:0px;background:url(/https/nm.wooricard.com/dcmw/img/mw/mbr/new/icon_lock_56px.png) no-repeat 0 0;background-size:100%;left:auto;bottom:auto;right:2.4rem;top:50%;transform:translateY(-50%);} /* 20240822 수정 */
.mbrNew .memvership_infowrap .box_prelogin a > p{font-size: 1.8rem; line-height: 2.5rem; font-weight: 700; color: #000;}
.mbrNew .memvership_infowrap .box_prelogin a > p > strong{color: #3182f7;}
.mbrNew .members_bnrwrap{margin: 2rem 0 0; padding: 0 1.6rem; }
.mbrNew .togetherLinkBTN{width: 100%; height: 2.4rem; text-align: left; padding: 0 0.4rem; }
.mbrNew .togetherLinkBTN > p{position: relative; font-size: 1.6rem; line-height: 2.4rem; color: #000; font-weight: 700;}
.mbrNew .togetherLinkBTN > p::after{content:''; position: absolute; display:inline-block;width:6px;height:10px;border:0;margin-top:1px;background:url(/https/nm.wooricard.com/dcmw/img/mw/mbr/icon_paydetail_arr.png) no-repeat 0 0;background-size:100%; left:auto; bottom:auto; right:0.7rem;top:50%;transform:translateY(-50%);}
.mbrNew .togetherLinkBTN > p > strong{color: #0028A0;}
.mbrNew .togetherLinkBox{margin-top: 1.2rem; padding: 1.4rem 1.6rem; box-shadow: none; border: none;}
.mbrNew .togetherLinkBox::after{display: none;}
.mbrNew .togetherLinkBox > ul{font-size: 0; width: 100%; text-align: center; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;}
.mbrNew .togetherLinkBox > ul > li{min-width: calc(33.3% - 0.6rem); display: inline-block; margin-left: 0.9rem; background: #f6f6f6; border-radius: 0.8rem; flex: 0 0 auto;}
.mbrNew .togetherLinkBox > ul > li:first-child{margin-left: 0;}
.mbrNew .togetherLinkBox > ul > li::after{display: none;}
.mbrNew .togetherLinkBox > ul > li > button{width: 100%; height: 4rem; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #333;}
.mbrNew .bannerMembership{margin: 3.2rem 0 0; padding: 0 1.6rem;}
.mbrNew .bannerMembership > a{display: block;}  /* 20240822 추가 */
.mbrNew .usefulWrap{margin: 24px 0 0; padding: 0 1.6rem;}/* 20240927 수정 */
.mbrNew .bgGray{background:#EFEFEF;}/* 20240927 추가 */
.mbrNew .useful-service{margin: 0; padding: 0.8rem 2.4rem 3.2rem;}
.mbrNew .useful-service ul{margin-top: 0; margin-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mbrNew .useful-service li{width: auto; min-width: 40%; margin: 2.4rem 0 0; }
.mbrNew .useful-service li:nth-child(2n){padding-left: 0;}
.mbrNew .useful-service li a::after{display: none;}
.mbrNew .useful-service li a {font-weight: 500;}
.mbrNew .useful-service li a > img{height: 2.4rem; margin-right: 0.8rem;}
.mbrNew .main-slide-membership{margin: 3.2rem 0 0; padding: 0 1.6rem;}
.mbrNew .main-slide-membership.v3 h2{font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; padding-left: 1rem;}
.mbrNew .main-slide-membership.v3 .wc-slide-imgbanner{margin-top: 1.5rem;}
.mbrNew .honey-info{padding: 1.6rem 2rem;}
.mbrNew .honey-info .honey-box{padding: 1.6rem 0;}
.mbrNew .honey-info .honey-box dt{font-size: 1.2rem; font-weight: 500; color: #333; line-height: 1.6rem;}
.mbrNew .honey-info .honey-box dd{font-size: 1.7rem; font-weight: 700; color: rgb(37, 137, 244); line-height: 2.2rem;}/* 241206 수정 */
.mbrNew .honey-info .honey-box dd strong{font-size: 1.7rem; font-weight: 700; color: rgb(37, 137, 244); line-height: 2.2rem;}/* 241206 수정 */
.mbrNew .posi_absolute_logo{padding:24px 20px 20px 20px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, #fff 24px); z-index: 10}/* 241206 추가*/
.mbrNew .intList.receiver .intGuide{margin-top: 8px}
.rechargeAr .selectBtn > span{font-size: 1.6rem;}
.infoTblbox{width: 100%; padding-bottom: 9.2rem !important;}
.infoTblbox > p{font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #666; padding: 0 0.4rem;}
.infoTblbox > p > i{color: #2864CE;}
.tblBox{width: 100%; border-top: 1px solid #000; margin-top: 2rem;}
.tblBox > li{width: 100%; display: table; border-bottom: 1px solid #ccc; height: 4.8rem; padding: 0 0.6rem 0 1rem;}
.tblBox > li > span{display: table-cell; vertical-align: middle; text-align: right; font-size: 1.6rem; font-weight: 500; line-height: 2rem; color: #333;}
.tblBox > li > span > em{font-size: 1.4rem; line-height: 2rem; color: #666; padding-left: 0.4rem;}
.tblBox > li > span:first-child{text-align: left; font-size: 1.4rem; color: #666;}
.infoText{width: 100%; padding-bottom: 9.2rem !important;}
.infoText > p{font-size: 1.6rem; line-height: 2.4rem; color: #666;}
.infoText > span{display: block; margin-top: 1rem; padding-left: 0.7rem; text-indent: -0.7rem; font-size: 1.4rem; line-height: 2.0rem; color: #666;}
.chargeInfo{margin-top: 3.2rem;}
.chargeInfo > p{margin-top: 1.2rem; padding-left: 0.6rem; text-indent: -0.6rem; font-size: 1.4rem; line-height: 2rem; color: #666;}
.chargeInfo > p > a{color: rgb(37, 137, 244);}
.autoChargeAr{width: 100%; margin-top: 3.2rem;}
.autoChargeAr > h3{font-size: 1.8rem; font-weight: 700; line-height: 2.5rem; color: #000;}
.autoChargeAr > p{margin-top: 1.4rem; padding-left: 0.6rem; text-indent: -0.6rem; font-size: 1.4rem; line-height: 2rem; color: #666;}
.regAutoCharge{width: 100%; display: none; margin-top: 3.2rem;}
.regAutoCharge .agreeAr{position: relative; padding: 1.9rem 1.1rem; border: 1px solid #e0e0e0; border-radius: 0.8rem;}
.regAutoCharge .agreeAr .hasLink > label{width: calc(100% - 5rem); font-size: 1.6rem; font-weight: 700; color: #333; line-height: 2rem; padding: 0.2rem 0rem 0.2rem 3.2rem ; }
.regAutoCharge .agreeAr .hasLink > label > i{color: #E80163;}
.regAutoCharge .agreeAr .hasLink > button{position:absolute; top:1.2rem; right:0; width:40px; height:40px; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_link2.png) no-repeat right 15px center; background-size: 5px auto;}
.regAutoCharge .agreeAr .hasLink > button > span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.regAutoCharge .accountInq{margin-top: 1.6rem;}
.regAutoCharge .accountInq > button{width: 100%; height: 4.8rem; border-radius: 0.8rem; background: #596d80; color: #fff; font-size: 1.4rem; font-weight: 500;}
.regAutoCharge .accountInq .txtAr{margin-top: 1.1rem;}
.regAutoCharge .accountInq .txtAr > p{font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #888;}
.regAutoCharge .accountInq .txtAr > p.error{display: none; margin-top: 0.8rem; color: #ff0000; }
.regAutoCharge .accountInq .txtAr > p > i{padding: 0 0.7rem 0 0.2rem; color: #888; }
.accountBox{display: none; background: #E8F0Fd; border-radius: 1.6rem; margin-top: 3.2rem; padding: 1.2rem 2.4rem;}
.accountBox > span{display: block; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; color: #666;}
.accountBox > p{margin-top: 0.2rem; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #000;}
.infoNotiAr{margin-top: 3.2rem; padding: 0 1rem;}
.giftKkulAr{width: 100%; margin-top: 0;}
.receiveAr {position: relative; width: 100%; margin-top: 0;}
.receiveAr .titDep2{font-size:1.6rem; color:#000;  font-weight: 700; padding-top: 0.4rem;}
.receiveAr .btnContact{position: absolute; top: 0; right: 0; margin-top: 0;}
.intList > li:first-child{margin-top:0}
.intList > li{margin-top:25px}
.intList > li .tit{display:block; font-size: 1.4rem; color:#2e3238; margin-bottom:8px}
.intList > li .iptWrap > input{text-align: right; padding-right: 2.4rem;} 
.intList > li .iptWrap > input::placeholder{text-align: right !important;}
.intList > li .iptWrap > input::-webkit-input-placeholder{text-align: right !important;}
.intList > li .iptWrap > input:-moz-placeholder{text-align: right !important;}
.intList.receiver{margin-top: 2rem;}
.intList.receiver > li .iptWrap > input{text-align: left;} 
.intList.receiver > li .iptWrap > input::placeholder{text-align: left !important;}
.intList.receiver > li .iptWrap > input::-webkit-input-placeholder{text-align: left !important;}
.intList.receiver > li .iptWrap > input:-moz-placeholder{text-align: left !important;}
.intList > li .intGuide{font-size:1.3rem;color:#777980;margin-top:4px}
.intList > li .intGuide span{display:block; color:#1c8dff !important;}
.titDep2+.intList{margin-top:15px; padding-left: 1.2rem;}
.btnContact{margin-top:10px;}
.btnContact button{display:inline-block;padding-left:35px;height:30px;line-height:3.0rem;text-align:left;font-size:1.4rem;color:rgb(37, 137, 244); background-size:30px 30px; background-repeat:no-repeat;text-decoration: underline;}
.btnContact .contact{background-image:url(/https/nm.wooricard.com/dcmw/img/mw/mbr/new/logo_contact.png); }
.rechargeAr .frm{display:block; width:100%; margin-top: 1rem;}
.rechargeAr .frm button{display:none}
.rechargeAr .frm button[type=button]+label{display:block; text-align:center; background:#f2f5f7;color:#2e3238;;border:0;font-size:1.3rem;padding:7px 0 8px;margin:0 5px;border-radius:5px}
.rechargeAr .fieldMsg {font-size: 1.2rem; line-height: 1.6rem; color: rgb(37, 137, 244); font-weight: 400;}
.rechargeAr .fieldMsg > em{font-weight: 400; line-height: 1.6rem; display: inline-block;}
.rechargeAr .fieldMsg.error {color: #EE444A !important;}
.danger_text{margin:5px 0 ;font-size:1.3rem; color:#f30 !important}
.warn_text{margin-top: 0; font-size: 1.9rem; color: #f30;}
.mbrNew .main-slide-membership.v2 .swiperWrap .btnPrev, .mbrNew .main-slide-membership.v3 .swiperWrap .btnPrev{left: -15px;}
.mbrNew .main-slide-membership.v2 .swiperWrap .btnNext, .mbrNew .main-slide-membership.v3 .swiperWrap .btnNext{right: -15px;}

.inforTextAl{ line-height: 2.4rem; padding-bottom: 10px; color: #00a8ff; font-size: 1.8rem; text-align: center; padding-top: 73px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mbr/new/img_setN.png) no-repeat top center; background-size: 71px auto;}
.popInner .ipt.fontNew{font-size: 1.6rem;}
.popInner .ipt.fontNew::placeholder{font-size: 1.6rem;}
.popInner .textBox { width:100%; padding: 15px; background-color: #efefef; -webkit-box-sizing: border-box; box-sizing: border-box; }
.popInner .textBox .mes01 { line-height: 1.8rem; color: #555; font-size: 1.4rem; text-align: center; }
.popInner .inpBox{ padding: 15px 15px 20px; }
.popInner .formList > li { padding-bottom: 10px; }
.popInner .formList > li:last-child { padding-bottom: 0; }
.popInner .formList > li input{border:1px solid #e0e0e0; text-align: center;}
.popInner .formList > li input::placeholder{text-align: center !important;}
.popInner .formList > li input::-webkit-input-placeholder{text-align: center !important;}
.popInner .formList > li input:-moz-placeholder{text-align: center !important;}
.popInner .topTxt{text-align: center; line-height: 2rem;}
.popInner .txtGuide02{position:relative;color:#aaaeb3;font-size:1.3rem;margin-top:25px; padding-left: 20px; text-indent: -20px;}
.popInner .txtGuide02:before{content:'';display:inline-block;vertical-align:-2px;margin-right:5px;width:15px;height:15px;background:url(/https/nm.wooricard.com/dcmw/img/mw/mbr/new/ico_exclamation.png) no-repeat;background-size:15px 15px}
.messageAr{width: 100%; margin-top: 3.2rem; text-align: center;}
.messageAr .cnTxt{font-size: 1.4rem; line-height: 2rem; color: #666; font-weight: 500;}
.messageAr > button.msgBtn{padding: 0 1.3rem; height: 3.6rem; border-radius: 1.85rem; border: 1px solid #000; margin-top: 2rem;}
.messageAr > button.msgBtn > span{display: inline-block; padding-left: 2.2rem; line-height: 1.8rem; font-size: 1.2rem; color: #000; font-weight: 500; background: url(/https/nm.wooricard.com/dcmw/img/mw/mbr/new/icon_share.png) left center no-repeat; background-size: 1.8rem auto;}
/*2024 07 23 ARS 추가*/
.arsCertify .hasPopSticky{padding-bottom: 60px !important;}
.arsCertify section {margin: 0 0 24px;}
.arsCertify section .ars_box {padding: 38px 0; text-align: center;}
.arsCertify section .ars_box h1 {font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.45px; font-weight: 700; color: #333; margin: 20px 0 38px;}
.arsCertify section .ars_box .num_box {display: flex; gap: 6px; justify-content: center;}
.arsCertify section .ars_box .num_box p {width: 54px; height: 60px; border-radius: 8px; background: #F5F5F5;}
.arsCertify section .ars_box .num_box p span {font-size: 4.7rem; line-height: 5.0rem; letter-spacing: -0.94px; font-weight: 700; color: #333;}
.arsCertify section .ars_box h2 {font-size: 1.4rem; line-height: 2.0rem; letter-spacing: -0.35px; color: #666; margin: 22px 0 28px;}
.arsCertify section .ars_box a {font-size: 1.4rem; line-height: 1.6rem; letter-spacing: -0.35px; color: #2A65CD; text-decoration: underline; text-underline-offset: 3px;}
.arsCertify section .txtList_guide {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.26px; background-position: 0 3px;}
.arsCertify section .call_area {position:relative; margin:0 auto; max-width:53px; width:100%; max-height:53px; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.arsCertify section .call_area:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:100%; background:rgba(211, 230, 251, .5); transform:calc(1); transform-origin:center center; animation: circle 700ms forwards infinite ease-in-out; opacity:0;}
.arsCertify section .call_area:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:100%; background:rgba(204, 211, 220, .12); transform:calc(1); transform-origin:center center; animation: circle2 700ms forwards infinite ease-in-out; opacity:0;}
.arsCertify section .call_area img {z-index:1}
.arsCertify section .timerAr{margin-top: 3.2rem;}
.arsCertify section .timerAr > p{font-size: 1.6rem;}
.arsCertify section .timerAr > p > i{color: #e8010c;}
/*2024 08 27 광고보고 꿀머니 받기 추가*/
.mbrNew .honeyADBox{width: 100%;   margin: 3.2rem 0 0; padding: 0 1.6rem;}
.mbrNew .honeyADBox > h2{font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; padding-left: 1rem; color: #000;}
.mbrNew .honeyADBox .bannerAd{margin-top: 1.2rem;}
.mbrNew .honeyADBox .bannerAd > a{display: block;}
.mbrNew .honeyADBox .bannerAd > a > img{width: 100%;}
.mbrNew .honeyADBox .bannerAd > a > p{background: #fff; border-radius: 0 0 1.6rem 1.6rem; overflow: hidden; padding: 1.5rem 1.8rem; font-size: 1.4rem; line-height: 2.2rem; font-weight: 600; color: #000;}

/* 버즈빌 관련 250630 이병운 (s) */
.mbrNew .honeyADSlideBox{width: 100%;}
.mbrNew .honeyADSlideBox li > h2{font-size: 1.6rem; margin-bottom: 1.2rem; line-height: 2.2rem; font-weight: 700; padding-left: 1rem; color: #000;}
.mbrNew .honeyADSlideBox a > p{background: #fff; border-radius: 0 0 1.6rem 1.6rem; overflow: hidden; padding: 1.5rem 1.8rem; font-size: 1.4rem; line-height: 2.2rem; font-weight: 600; color: #000;}
/* 버즈빌 관련 250630 이병운 (e) */


/*buzzvil 종료 팝업*/
.slideList .buzzvilBox{width: 100%;   margin: 3.2rem 0 0; padding: 0 1.6rem;}
.slideList .buzzvilBox > h2{font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; padding-left: 1rem; color: #000;}
.slideList .buzzvilBox .buzzvilBannerAd{margin-top: 1.2rem;}
.slideList .buzzvilBox .buzzvilBannerAd > a{display: block;}
.slideList .buzzvilBox .buzzvilBannerAd > a > img{width: 100%;}
.slideList .buzzvilBox .buzzvilBannerAd > a > p{background: #fff; border-radius: 0 0 1.6rem 1.6rem; overflow: hidden; padding: 1.5rem 1.8rem; font-size: 1.4rem; line-height: 2.2rem; font-weight: 600; color: #000;}

/* 20240717 맴버스앱잔여기능 통합요건 작업 - 혜택메인, 중전, 선물 [e]  */

/* 개인정보보호 한눈에 보기 20240612 */
.privacy_gather{width: 100%; padding: 1.2rem 1.6rem;}
.privacyLink_list{display: block; }
.privacyLink_list li{display: block; padding: 0.4rem 0; border-bottom: 1px solid #F1F1F1;}
.privacyLink_list li a{display: block; position: relative; color: #000; padding: 0.8rem 0;}
.privacyLink_list li a span{font-size: 1.6rem; line-height: 2rem; }
.privacyLink_list li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg); }

.listbg{background: #F2F4F6; min-height: 100vh;} /*contents 영역 BG 색상 추가 */

/* 우리소식  20240612 */
.border_gather{display: block;}
.bordergather_top{width: 100%; padding: 3rem 0.4rem 4.2rem 2.4rem; z-index: -1; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_border_bg.png) calc(100% - 0.4rem ) 3.2rem no-repeat; background-size: 17.5rem;}
.bordergather_top span{display: inline-block; padding: 0 0.6rem; background: #DAE7F9; border-radius: 0.5rem; text-align: center; font-size: 1.2rem; font-weight: 800; line-height: 2.4rem; color: #3182F7;}
.bordergather_top h2{display: block; margin-top: 1rem; font-size: 2rem; font-weight: 600; line-height: 2.8rem; color: #000;}
.borderLink_list{width: calc(100% - 4.8rem); margin: -1.2rem auto 0; background: #fff; border-radius: 1.6rem; padding: 2.4rem 1.5rem;}
.borderLink_list li{display: block; margin-top: 2.4rem;}
.borderLink_list li:first-child{margin-top: 0;}
.borderLink_list .border_list_item{display: block; font-size: 0;}
.borderLink_list .border_list_item .avatar{width: 3.6rem; height: 3.6rem; display: inline-block; vertical-align: middle;}
.borderLink_list .border_list_item .avatar > img{width: 100%;}
.borderLink_list .border_list_item .text{display: inline-block; width: calc(100% - 3.6rem); padding-left: 1.1rem; vertical-align: middle; position: relative; }
.borderLink_list .border_list_item .text::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.borderLink_list .border_list_item .text .primary{font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #000; display: block; }
.borderLink_list .border_list_item .text .secondary{font-size: 1.2rem; line-height: 1.7rem; font-weight: 400; color: #999999; padding-top: 0.2rem; }

/* 회사소개 20240612 */
.company_gather{width: 100%;}
.companygather_top{width: 100%; height: 15.8rem; padding: 2.6rem 2.4rem 1.4rem;	background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_company_bg.png) calc(100% - 2.4rem) 2.6rem no-repeat; background-size: 12.1rem;}
.companygather_top h2{font-size: 2rem; font-weight: 600; color: #000; line-height: 2.6rem; margin-top: 2rem;}
.companygather_top h2 b{font-weight: 800; color: #3182F7;}
.companygather_top a{margin-top: 1.2rem; display: inline-block;}
.companygather_top a span{font-size: 1.4rem; color: #999999; line-height: 1.8rem; display: inline-block; position: relative; padding-right: 1.4rem;}
.companygather_top a span::after{content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/icon_arrowR_24.png); background-size: 1.4rem;}
.compannyLink_list{width: calc(100% - 4.8rem); margin: 0 auto 0; background: #fff; border-radius: 1.6rem; padding: 1.4rem 1.5rem;}
.compannyLink_list li{display: block; margin-top: 0.4rem;}
.compannyLink_list li:first-child{margin-top: 0;}
.compannyLink_list li a{display: block; font-size: 0; position: relative; padding: 1rem 0;}
.compannyLink_list li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.compannyLink_list li a i{width: 3.6rem; display: inline-block; vertical-align: middle;}
.compannyLink_list li a span{padding-left: 1.2rem; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; vertical-align: middle;}

/* 기프트카드 관리 20240612 */
.giftcard_gather{width: 100%;}
.giftcardgather_top{width: 100%; padding: 3rem 2.4rem 3.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_giftcard_bg.png) calc(100% - 2.4rem) 2.6rem no-repeat; background-size: 12.9rem;}
.giftcardgather_top span{display: inline-block; padding: 0 0.6rem; background: #FFE2F0; border-radius: 0.5rem; text-align: center; font-size: 1.2rem; font-weight: 800; line-height: 2.4rem; color: #F35295;}
.giftcardgather_top h2{font-size: 2rem; font-weight: 600; color: #000; line-height: 2.6rem; margin-top: 1rem;}
.giftcardgatherList{width: 100%; font-size: 0; padding: 0  2.4rem;}
.giftcardgatherList li{display: inline-block; width: calc(50% - 0.4rem); vertical-align: top; background: #FFFFFF; border-radius: 1.6rem; margin: 0.8rem 0 0 0.8rem; }
.giftcardgatherList li:nth-child(2n-1){margin-left: 0;}
.giftcardgatherList li a{display: block; padding: 4.6rem 0 1.6rem; text-align: center;}
.giftcardgatherList li a .icon{width: 8rem; height: 8rem;}
.giftcardgatherList li a span{display: block; text-align: center; font-size: 1.6rem; font-weight: 600; color: #000; padding-top: 3.3rem;}

/* 포인트 조회/관리 20240621 */
.point_menagement{width: 100%;}
.pointmenagement_top{width: 100%; padding: 4.6rem 2.4rem 1.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/img_point_bg.png) calc(100% - 1.1rem) 0.5rem no-repeat; background-size: 13.4rem;}
.pointmenagement_top h2{font-size: 2rem; font-weight: 600; color: #000; line-height: 2.6rem;}
.pointmenagement_top h2 b{font-weight: 800; color: #3182F7;}
.pointmenagement_top a{margin-top: 1.2rem; display: inline-block;}
.pointmenagement_top a span{font-size: 1.4rem; color: #999999; line-height: 1.8rem; display: inline-block; position: relative; padding-right: 1.4rem;}
.pointmenagement_top a span::after{content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/icon_arrowR_24.png); background-size: 1.4rem;}
.pointinquity_link{width: calc(100% - 4.8rem); font-size: 0; margin: 1.6rem auto 0; background: #fff; border-radius: 1.6rem; padding: 0.3rem 1.5rem 0.3rem 2.4rem;}
.pointinquity_link a{display: block; line-height: 2.2rem; font-size: 1.6rem; font-weight: 600; color: #333; position: relative; padding: 1rem 0;}
.pointinquity_link a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.point_link_box{width: calc(100% - 4.8rem); font-size: 0; margin: 1.6rem auto 0; background: #fff; border-radius: 1.6rem; padding: 2.4rem 1.5rem 0 2.4rem;}
.point_link_box > h3{font-size: 1.6rem; font-weight: 700; line-height: 2.24rem; color: #333;}
.use_link_area{width: 100%; padding: 1.4rem 0; overflow: hidden; max-height: 16.8rem; transition: max-height 0.3s ease-in-out;}
.use_link_area.on{max-height: 40.8rem; transition: max-height 0.3s ease-in-out;}
.use_link_area li{margin-top: 0.4rem; display: block;}
.use_link_area li:first-child{margin-top: 0;}
.use_link_area li a{display: block; line-height: 2.4rem; font-size: 1.4rem; font-weight: 600; color: #333; position: relative; padding: 1rem 0;}
.use_link_area li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}
.point_menagement .btnarea{border-top: 1px solid #f2f4f6; height: 5.2rem;}
.point_menagement .btnarea .list_down{height: 5.2rem; width: 100%;}
.point_menagement .btnarea .list_down .down{display: inline-block; font-size: 1.4rem; padding-right: 1.2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/Nicon_down.png) center right no-repeat; background-size: 0.8rem;}
.point_menagement .btnarea .list_up{height: 5.2rem; width: 100%; display: none;}
.point_menagement .btnarea .list_up .up{display: inline-block; font-size: 1.4rem; padding-right: 1.2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/amnew/Nicon_up.png) center right no-repeat; background-size: 0.8rem;}
.point_menagement .point_link{width: 100%; padding: 1.4rem 0;}
.point_menagement .point_link li{margin-top: 0.4rem; display: block;}
.point_menagement .point_link li:first-child{margin-top: 0;}
.point_menagement .point_link li a{display: block; line-height: 2.4rem; font-size: 1.4rem; font-weight: 600; color: #333; position: relative; padding: 1rem 0;}
.point_menagement .point_link li a::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_arrow_right_black.svg);}

/* 자동즉시결제 서비스 [s] */
.selfClearingWrap{width: 100%;}
.selfClearingWrap.walletBg{background: #ECF5FD;}
.selfClearingWrap .topInfo{width: 100%; padding: 3.2rem 0 0; margin: 0;}
.selfClearingWrap .topInfo > h3{padding: 0 2.4rem; font-size: 2rem; font-weight: 700; line-height: 2.8rem; color: rgb(37, 137, 244);}
.selfClearingWrap .topInfo > p{padding: 0.8rem 2.4rem 0; font-size: 1.4rem; font-weight: 400; line-height: 2rem; color: #666;}
.selfClearingWrap .topInfo .imgAr{width: 100%; height: 18.4rem; margin-top: 1.6rem; text-align: center;}
.selfClearingWrap .topInfo .imgAr > img{width: auto; height: 100%;}
.selfClearingWrap .AppInfo{width: calc(100% - 3.2rem); margin: 1.6rem auto 0; background: #fff; border-radius: 1.6rem; padding: 3.2rem 2.4rem;}
.selfClearingWrap .AppInfo > h4{font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; color: #333;}
.selfClearingWrap .infoBoxBg{width: 100%; background: #f1f8ff; border-radius: 0 1.6rem 1.6rem 1.6rem; padding: 1.2rem 1.6rem; margin-top: 2.4rem;}
.selfClearingWrap .infoBoxBg > span{font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #333;}
.selfClearingWrap .myAccount{width: calc(100% - 3.2rem); margin: 3.2rem auto 0; background: #fff; border-radius: 1.6rem; padding: 3.2rem 2.4rem;}
.selfClearingWrap .myAccount .spBubAr{margin-top: -4.8rem; text-align: center;}
.selfClearingWrap .myAccount .spBubAr > p{position: relative; display: inline-block; background: #fff; border:2px solid rgb(37, 137, 244); padding: 0.6rem 1rem;border-radius: 1.6rem; text-align: center; font-size: 1.4rem; font-weight: 600; line-height: 2rem; color: #333; width: 12rem;}/*  241121 결함수정 김지원*/
.selfClearingWrap .myAccount .spBubAr > p::after{content: ""; position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); border-width: 10px 10px 0 10px; border-style: solid; border-color: rgb(37, 137, 244) transparent transparent transparent;}
.selfClearingWrap .myAccount .spBubAr > p::before{content: ""; position: absolute; bottom: -0.7rem; left: 50%; transform: translateX(-50%); border-width: 10px 10px 0 10px; border-style: solid; border-color: #fff transparent transparent transparent; z-index: 2;}
.selfClearingWrap .myAccount .accountList{width: 100%; margin-top: 1.5rem;}
.selfClearingWrap .myAccount .accountList > li{display: flex; align-items: center; justify-content: space-between; margin-top: 2.4rem;}
.selfClearingWrap .myAccount .accountList > li:first-child{margin: 0;}
.selfClearingWrap .myAccount .accountList > li .bank_info{display: flex; align-items: center; justify-self: start;}
.selfClearingWrap .myAccount .accountList > li .bank_info .bankIcon{width: 2.4rem;}
.selfClearingWrap .myAccount .accountList > li .bank_info .accountAr{padding-left: 1.2rem;}
.selfClearingWrap .myAccount .accountList > li .bank_info .accountAr .bankName{display: block; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #333;}
.selfClearingWrap .myAccount .accountList > li .account{display: block; font-size: 1.4rem; font-weight: 500; line-height: 2rem; margin-top: 0.4rem; color: #666;}
.selfClearingWrap .myAccount .accountList > li .rightAr .request{font-size: 1.4rem; font-weight: 600; line-height: 2rem; color: rgb(37, 137, 244);}
.selfClearingWrap .myAccount .accountList > li .rightAr .change{padding-right: 1.6rem; font-size: 1.4rem; line-height: 2rem; font-weight: 600; background: url(/https/nm.wooricard.com/dcmw/img/mw/selfClearing/rightArrow.png)right center no-repeat; background-size: 1.6rem;}
.selfClearingWrap .myAccount > p{margin-top: 2.4rem; font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #333;}
.selfClearingWrap .infoCalandar{margin: 1.6rem auto 0 ; background: #fff; padding: 3.2rem 2.4rem; width: calc(100% - 3.2rem); border-radius: 1.6rem;}
.selfClearingWrap .infoCalandar > h4{font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #000;}
.selfClearingWrap .infoCalandar > h4 > strong{font-weight: 700;}
.selfClearingWrap .infoCalandar > h4 > em{font-size: 1.4rem; font-weight: 500;}
.selfClearingWrap .infoCalandar > p{margin-top: 0.8rem; font-size: 1.4rem; line-height: 2rem; color: #666;}
.selfClearingWrap .infoCalandar > p:last-child{margin-top: 2.4rem;}
.selfClearingWrap .infoCalandar .calandarImg{margin-top: 2.4rem;}
.selfClearingWrap .promotionAr{margin: 1.6rem auto 0 ; background: #d4e8ff; padding: 2.4rem 2.4rem 1.6rem; width: calc(100% - 3.2rem); border-radius: 1.6rem;}
.selfClearingWrap .promotionAr > h4{font-size: 1.4rem; line-height: 2rem; color: #333; margin-bottom: 8px;}
.selfClearingWrap .promotionAr > h4 > b{font-weight: 700;}
.selfClearingWrap .promotionAr > h4 > i{width: 2rem; height: 2rem; display: inline-block;}
.selfClearingWrap .promotionAr > h4 > i > img{width: 100%;}
.selfClearingWrap .promotionAr .asterisk{margin-top: 4px; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; padding-left: 0.8rem; text-indent: -0.8rem; color: #666;}
.selfClearingWrap .promotionAr .btnFullWr{width: 100%; height: 4.8rem; text-align: left; padding: 0 1.6rem; border-radius: 1.6rem; margin-top: 1.6rem; font-size: 1.4rem; line-height: 2rem; color: #333; background: #fff url(/https/nm.wooricard.com/dcmw/img/mw/selfClearing/rightArrow.png) calc(100% - 1.6rem) center no-repeat; background-size: 1.6rem; font-weight: 500;}
.selfClearingWrap .useingInfo{margin: 1.6rem auto 0 ; background: #fff; padding: 3.2rem 2.4rem; width: calc(100% - 3.2rem); border-radius: 1.6rem;}
.selfClearingWrap .useingInfo > h4{font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; color: #000;}
.selfClearingWrap .useingInfo .amountAr{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 2.4rem;}
.selfClearingWrap .useingInfo .amountAr .tit > i{display: inline-block; vertical-align: middle; width: 2.2rem;}
.selfClearingWrap .useingInfo .amountAr .tit > span{display: inline-block; margin-left: 1.2rem; font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #333;}
.selfClearingWrap .useingInfo .amountAr .amVal > span{display: inline-block; font-size: 1.6rem; font-weight: 700; line-height: 2rem; vertical-align: middle; color: #333;}
.selfClearingWrap .useingInfo .amountAr .amVal > i{font-size: 1.4rem; line-height: 2rem; color: #666; display: inline-block; margin-left: 0.2rem;}
.selfClearingWrap .applyAr{width: 100%; padding: 3.2rem 2.4rem;}
.selfClearingWrap .applyAr > h3{font-size: 2rem; font-weight: 700; line-height: 2.8rem; color: #333;}
.selfClearingWrap .bgList{width: 100%; padding: 2rem; border-radius: 0.8rem; background: #f7f8f9; margin-top: 2.4rem;}
.selfClearingWrap .bgList > li{display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; font-size: 1.4rem; }
.selfClearingWrap .bgList > li:first-child{margin-top: 0;}
.selfClearingWrap .bgList > li > p{line-height: 2rem; color: #666;}
.selfClearingWrap .bgList > li > span{line-height: 2rem; color: #333; font-weight: 500;}
.selfClearingWrap .bgList.mgt12 > li{margin-top: 1.2rem;}
.selfClearingWrap .bgList.mgt12 > li:first-child{margin-top: 0;}
.selfClearingWrap .bgList.bgNone{background: none; padding: 2.4rem 0; margin: 0;}
.selfClearingWrap .bgList.bgNone > li{font-size: 1.6rem;}
.selfClearingWrap .applyAr .txtList_disc{margin-top: 1.6rem;}
.selfClearingWrap .tremsBox{padding: 3.2rem 2.4rem 0; border-top: 7px solid #f3f3f5; }
.selfClearingWrap .termsWrap .ipt + label{max-width: calc(100% - 40px); word-break: keep-all;}
.selfClearingWrap.dFlax{display: flex; text-align: center; height: calc(100vh - 120px); margin-bottom: 0; padding: 0 24px; align-items: center;}
.selfClearingWrap .compAr{width: 100%;}
.selfClearingWrap .compAr > h5{padding-top: 88px; background: url(/https/nm.wooricard.com/dcmw/img/mw/selfClearing/icon_comp.png) top center no-repeat; background-size: 64px; font-size: 2rem; line-height: 2.387rem; color: #000;}
.selfClearingWrap .compAr > h5 > strong{font-weight: 600; color: rgb(37, 137, 244); margin-top: 2.4rem;}
.selfClearingWrap .compAr > p{margin-top: 1.6rem; font-weight: 500; color: #666;}
.selfClearingWrap .expSumWrap section{margin: 0;}
.selfClearingWrap .expSumWrap .topTotal{width: 100%; margin: 0; padding: 0 2.4rem 3.2rem;}
.selfClearingWrap .expSumWrap .topTotal .expSum {width: 100%; padding-top: 3.2rem;}
.selfClearingWrap .expSumWrap .topTotal .expSum > h5{text-align: center; }
.selfClearingWrap .expSumWrap .topTotal .expSum > h5 > span{font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; vertical-align: middle; display: inline-block; padding-right: 0.8rem;} 
.selfClearingWrap .expSumWrap .topTotal .amount{text-align: center; margin-top: 0.8rem;}
.selfClearingWrap .expSumWrap .topTotal .amount > span{font-size: 3.2rem; font-weight: 700; line-height: 3.8rem;  color: rgb(37, 137, 244);}
.selfClearingWrap .expSumWrap .topTotal .dateInf{width: 100%; padding: 2rem; text-align: center; background: #f7f8f9; border-radius: 2.4rem; margin-top: 2.4rem;}
.selfClearingWrap .expSumWrap .topTotal .dateInf > span{font-size: 1.6rem; line-height: 2.2rem; color: #333;}
.selfClearingWrap .expSumWrap .topTotal .dateInf > strong{font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #333;}
.selfClearingWrap .expSumWrap .topTotal .dateInf > b{font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #333; display: none;}
.selfClearingWrap .expSumWrap .topTotal .amount > i{font-size: 2rem; font-weight: 500; line-height: 2.8rem;  color: #333; padding-left: 0.2rem;}
.selfClearingWrap .expSumWrap .tipWrap .btnIco_tip{background: url(/https/nm.wooricard.com/dcmw/img/mw/selfClearing/icon_toltip.png) no-repeat; background-size: 1.6rem; border: 0;}
.selfClearingWrap .expSumWrap .tooltip{margin-left: calc(100% - 52px);}
.selfClearingWrap .expSumWrap .bottom .tooltip .arrow{left: calc(50% + 44px);}
.selfClearingWrap .expSumWrap .tooltip .cont{padding-right: 20px;}
.selfClearingWrap .paymentWeek{width: 100%; border-top: 7px solid #f3f3f5; padding: 3.2rem 2.4rem; margin: 0;}
.selfClearingWrap .paymentWeek > h3{font-size: 1.8rem; line-height: 2.5rem; font-weight: 600; color: #333;}
.selfClearingWrap .paymentWeek .paymentDetails{width: 100%; margin-top: 3.2rem;}
.selfClearingWrap .paymentWeek .paymentDetails .listInfo{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.selfClearingWrap .paymentWeek .paymentDetails .listInfo .sumList{font-size: 1.4rem; line-height: 2rem; color: #666;}
.selfClearingWrap .paymentWeek .paymentDetails .listInfo .sumList > span{color: rgb(37, 137, 244); font-weight: 700;}
.selfClearingWrap .paymentWeek .paymentDetails .listInfo .weekDate{font-size: 1.2rem; line-height: 1.6rem; color: #666;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList{margin-top: 1.6rem; border-top: 1px solid #333; width: 100%;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li{display: flex; justify-content: space-between; padding: 2.4rem 0; border-bottom: 1px solid #e8e8e8;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li > a{display: flex; justify-content: space-between; width: 100%;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li .breakdownTxt > span{display: block;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li .breakdownTxt .useIt{font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #333;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li .breakdownTxt .useDate{font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; color: #333; margin-top: 0.8rem;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li .breakdownTxt .useInfo{font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; color: #666; margin-top: 0.4rem;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li .usePay{font-size: 1.4rem; text-align: right; color: #666;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li .usePay > span{font-size: 1.6rem; color: #333; line-height: 2.2rem; font-weight: 600; padding-right: 0.2rem;}
.selfClearingWrap .paymentWeek .paymentDetails .detailsList > li .etcPay{font-size: 1.2rem; text-align: right; color: rgb(37, 137, 244); line-height: 1.6rem; margin-top: 0.4rem; font-weight: 600;}
.selfClearingWrap .paymentWeek.noneBorder{border-top: 0;}
.selfClearingWrap .paymentWeek.noneBorder .paymentDetails{margin-top: 0;}
.selfClearingWrap .expSumWrap .noneListAr{display: none; width: 100%; border-top: 7px solid #f3f3f5; padding: 0 2.4rem; margin: 0;}
.selfClearingWrap .expSumWrap .noneListAr > p{padding-top: 102px; background: url(../img/mw/selfClearing/nonedata_icon.png) center top no-repeat; background-size: 8.2rem; text-align: center; margin: 80px 0 0;}
.selfClearingWrap .expSumWrap .noti .addInfoList.notice .accoBtn{padding-left: 54px; background-position: 24px center;}
.selfClearingWrap .expSumWrap .noti .addInfoList.notice .accoBody{padding: 0 24px 20px;}
.selfClearingWrap .expSumWrap .svCancel{width: 100%; border-top: 7px solid #f3f3f5; padding: 1.8rem 2.4rem; margin: 0; text-align: left;}
.selfClearingWrap .expSumWrap .svCancel .btn_underLine{display: inline-block; width: auto; height: auto; padding: 0; font-size: 1.4rem; color: #666; line-height: 2rem; text-decoration: underline; }
.selfClearingWrap .expSumWrap.noneData .expSum{display: none;}
.selfClearingWrap .expSumWrap.noneData .dateInf > strong{display: none;}
.selfClearingWrap .expSumWrap.noneData .dateInf > b{display: inline;}
.selfClearingWrap .expSumWrap.noneData .paymentWeek{display: none;}
.selfClearingWrap .expSumWrap.noneData .noneListAr{display: block;}
.selfClearingWrap .expSumWrap.noneData .noti{display: none;}
.selfClearingWrap .expSumWrap.noneData .svCancel{display: none;}
.DetailsInquiry .dateFormWrap{width: 100%; padding: 3.2rem 2.4rem 0; margin: 0;}
.DetailsInquiry .dateFormWrap .iptBtn{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.DetailsInquiry .dateFormWrap .iptBtn > li{display: inline-block; width: calc(25% - 6px); height: auto;}
.DetailsInquiry .dateFormWrap .iptBtn .ipt + label{position: relative; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #666; padding: 1.4rem 0;}
.DetailsInquiry .dateFormWrap .iptBtn .ipt + label:after{border: 0; background: #f6f6f6; border-radius: 0.8rem; z-index: -1;}
.DetailsInquiry .dateFormWrap .iptBtn .ipt:checked + label{color: #fff;}
.DetailsInquiry .dateFormWrap .iptBtn .ipt:checked + label:after, .iptBtn [class*=has].on select{background: #666;}
.DetailsInquiry .dateFormWrap .dateField{margin-top: 8px; width: 100%; padding: 1.4rem 1.6rem; background: #f6f6f6; border-radius: 0.8rem; display: block;}
.DetailsInquiry .dateFormWrap .dateField > span{font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #333;}
.DetailsInquiry .dateFormWrap .setHalf{margin: 8px 0 0; display: flex; align-items: center; justify-content: space-between; border: 0; display: none;}
.DetailsInquiry .dateFormWrap .setHalf::after{display: none;}
.DetailsInquiry .dateFormWrap .setHalf .ipt{height: 48px; width: calc(50% - 4px); border: 0; background: #f6f6f6 url(/https/nm.wooricard.com/dcmw/img/mw/selfClearing/clip_cal.png) calc(100% - 1.6rem) center no-repeat; background-size: 2.4rem; padding: 0 1.6rem; border-radius: 8px;}
.DetailsInquiry .dateFormWrap .formArea{margin: 0;}
.selfClearingWrap .detailSum {width: 100%; padding-top: 3.2rem; text-align: center;}
.selfClearingWrap .detailSum > h5{text-align: center; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; vertical-align: middle; display: inline-block;}
.selfClearingWrap .detailSum .amount{text-align: center; margin-top: 0.8rem;}
.selfClearingWrap .detailSum .amount > span{font-size: 3.2rem; font-weight: 700; line-height: 3.8rem;  color: rgb(37, 137, 244);}
.selfClearingWrap .detailSum .amount > i{font-size: 2rem; font-weight: 500; line-height: 2.8rem;  color: #333; padding-left: 0.2rem;}
.selfClearingWrap .cancelSvInfo{border-top: 1px solid #D9d9d9; margin-top: 2.4rem;}
.selfClearingWrap .infoBgBox{width: 100%; padding: 2rem; border-radius: 0.8rem; background: #f7f8f9;}
.selfClearingWrap .infoBgBox > h3{margin-top: 0;}
.selfClearingWrap .infoBgBox > ul{margin-bottom: 0;}
.selfClearingWrap .topTit{font-size: 1.8rem; line-height: 2.5rem; font-weight: 600; color: #333;}
.selfClearingWrap .lastTxt{padding: 2.4rem 0 4rem; font-size: 1.8rem; font-weight: 600; line-height: 2.5rem; color: #333;}
.adOpr.improveWrap .payment_planner .planner_btn{padding-left: 0.5rem;}
/* s: 20241115 유제영 */
.paymentPlanner {margin-top: 24px; font-size: 1.4rem; line-height: 1.6rem; font-weight: 700; text-align: center;}
.paymentPlanner .img_bubble {display: inline-block;width: 20px;}
.paymentPlanner .payment_txt {display: inline-block; max-width: calc(100% - 30px); margin-left: 4px; color: #666; text-align: left; line-height: 1.43; vertical-align: middle;}
.paymentPlanner .planner_btn {color: rgb(37, 137, 244); padding-left: 0.5rem; vertical-align: top;}
/* e: 20241115 유제영 */
.bannerWrap.mgt24{margin-top: 24px;}
.bannerWrap img{width: 100%;}

.selfClearingWrap .imgAr > div {position: relative; width: 240px; height: 100%; top: -37px; left: 52%; transform: translateX(-50%); text-align: left; pointer-events: none;}
.selfClearingWrap .imgAr div > img {position: absolute; transform-origin: 0 0; opacity: 0;}
.selfClearingWrap .imgAr div > img.coin1 {top: -37px; left: 0; animation: showDown 0.6s linear; animation-fill-mode: forwards; animation-delay: 0.3s;}
.selfClearingWrap .imgAr div > img.coin2 {top: -37px; left: 0; animation: showDown 0.3s linear; animation-fill-mode: forwards; animation-delay: 0.5s;}
.selfClearingWrap .imgAr div > img.coin3 {top: -10px; left: 0; animation: showDown 0.4s linear; animation-fill-mode: forwards; animation-delay: 0.8s;}
.selfClearingWrap .imgAr div > img.calendar {top: -27px; left: 0; animation: showDown 0.4s linear; animation-fill-mode: forwards; animation-delay: 0.7s; z-index: -1;}
.selfClearingWrap .imgAr .upDown1 {animation: coinUpdown 1.2s linear infinite; animation-delay: 1.2s;}
.selfClearingWrap .imgAr .upDown2 {animation: coinUpdown 1.4s linear infinite; animation-delay: 1.0s;}
.selfClearingWrap .noticeArea{background: #fff;}
@keyframes showDown {
	0%{opacity: 0;}
    100%{top: 0; opacity: 1;}
}

@keyframes coinUpdown {
    0%{transform: translateY(0px);}
    50%{transform: translateY(10px);}
    100%{transform: translateY(0px);}
}
.popInner .selfClearingWrap{padding-bottom: 9.6rem !important;}
.selfClearingWrap .popTitle{width: 100%; border-bottom: 1px solid #d9d9d9; padding-bottom: 2.4rem; font-size: 1.8rem; line-height: 2.5rem; font-weight: 600; color: #333;}
.selfClearingWrap .promotionInfo{margin-top: 2.4rem; width: 100%;}
.selfClearingWrap .promotionInfo > li{display: flex; justify-content: left; width: 100%; margin-top: 2rem;}
.selfClearingWrap .promotionInfo > li:first-child{margin-top: 0;}
.selfClearingWrap .promotionInfo > li .titTxt{font-size: 1.6rem; color: #666; line-height: 2.2rem; width: 4.8rem;}
.selfClearingWrap .promotionInfo > li .contTxt{width: calc(100% - 4.8rem);}
.selfClearingWrap .promotionInfo > li .contTxt span{font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; color: #000;}
.selfClearingWrap .promotionInfo > li .contTxt p{font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #666;}
.selfClearingWrap .noteAr{margin-top: 2.4rem; padding: 2rem; background: #f7f8f9; border-radius: 0.8rem;}
.selfClearingWrap .noteAr > h5{font-size: 1.4rem; font-weight: 600; color: #000; line-height: 2rem;}
.selfClearingWrap .noteAr > ul{width: 100%; margin-top: 0.8rem;}
.selfClearingWrap .noteAr > ul > li{width: 100%; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #666; margin-top: 0.8rem; padding-left: 0.9rem; text-indent: -0.9rem;}
.selfClearingWrap .noteAr > ul > li:first-child{margin-top: 0;}
.selfClearingWrap .underlineLink{display: inline-block; margin-top: 2.4rem; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #666; text-decoration: underline;}
/* 자동즉시결제 서비스 [e] */

/* 모바일브랜치 250106 (s) */ 
body.noFooter .moBrchWrap #content, 
.moBrchWrap #content {padding-bottom: 64px;}
.moBrchWrap .sub-essence-card {padding-bottom: 64px;}
.moBrchWrap .card-sub .util-btn-wrap {padding-bottom: 124px;}
.moBrchWrap .customCdWrap + .btnWrap {bottom: 64px;}
.moBrchWrap #step4 .customCdWrap {padding-bottom: 128px;}
.moBrchWrap #content.bgType2 + .quick {bottom: 139px !important;}
.moBrchWrap .brchFooter {position: fixed; margin: 0 auto; width: 100%; height: 64px; left: 0; right: 0; bottom: 0; text-align: center; background: #E5F4FF; z-index: 10;}
.moBrchWrap .brchFooter img {height: 100%;}
.moBrchWrap #content .btnArea.sticky {bottom: 64px;}
.moBrchWrap #content .btnArea.sticky.b0 {bottom: 0 !important;}
.moBrchWrap #content .bottomTotal.sticky {bottom: 144px;}
.moBrchWrap #content section.improveWrap .btnArea.two {padding: auto;}
.moBrchWrap #regeOk1 {padding-bottom: 64px;}
.moBrchWrap #content #svcTipArea  {padding-bottom: 92px;}
.moBrchWrap .detailScroll {bottom: 94px;}
.crdDetailOff .moBrchWrap .detailScroll {bottom: -94px;}
.mobileBranch.header {position: fixed; padding: 0 85px; top: 0; width: 100%; height: 52px; border-bottom: none; z-index: 600;}
.mobileBranch.header.main {padding: 0 20px; background: #ECF5FD;}
.mobileBranch.header.sub {background: #ECF5FD;}
.mobileBranch.header.auth {background: #ECF5FD;}
.mobileBranch.header h1 {height: 100%; overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis;}
.mobileBranch.header h1.titH1 {font-size: 1.7rem; line-height: 52px; font-weight: 600; color: #343A40;}
.mobileBranch.header h1 .logo {left: 0; width: 112px; height: 100%; text-align: left;}
.mobileBranch.header h1 .logo img {width: 100%; height: auto; margin-top: 14px;}
.mobileBranch.header .btns {position: absolute; display: flex; align-items: center; right: 52px; top: 0; z-index: 3;}
.mobileBranch.header.main .btns {right: 20px;}
.mobileBranch .btnIco_home {width: 54px; height: 50px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/btn_home.png) no-repeat center center; background-size: 24px auto;}
.mobileBranch.header.sub .btnIco_home {left:initial; right: 12px; width: 40px;}
.mobileBranch.header.main .btnIco_home {left: 5px; right: initial;}
.mobileBranch.header.auth .btnIco_home {left:initial; right: 12px; width: 40px;} /* 240926 추가 */
.mobileBranch .btnIco_back {width: 50px; height: 50px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_back.png);}
.mobileBranch .btnIco_exit {width: 40px; height: 50px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/btn_exit.png) no-repeat center center; background-size: 24px auto;}
.mobileBranch .btnIco_search {width: 34px; height: 50px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/btn_search.png) no-repeat center center; background-size: 24px auto;}
.mobileBranch .btnIco_menu {margin-left: 5px; width: 50px; height: 50px; /*background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/btn_menu.png) no-repeat center center; background-size: 24px auto;*/}
.mobileBranch .btnIco_menu span {position: initial; width: 100%; height: 100%; line-height: 50px; margin: 0; overflow:initial; clip: initial; clip-path: initial; font-size: 1.4rem; font-weight: 500; color: #343A40;}
/* 메인 */
#content.mobileBranch.main {padding-top: 52px; /*height: 100vh;*/ background: #ECF5FD !important; box-sizing: border-box;}
.mobileBranch .contentWrap {position: relative; padding: 12px 20px 20px 20px;}
.mobileBranch .mainSwiperWrap {position: relative; overflow: hidden;}
.mobileBranch .mainSwiperWrap li .item {display: block; width: 100%; padding: 32px 24px 86px 24px; border-radius: 16px; box-sizing: border-box;}
.mobileBranch .mainSwiperWrap li .item::after {content: ''; position: absolute; display: block; right: 14px; bottom: 0; width: 160px; height: 117px;}
.mobileBranch .mainSwiperWrap li .item.card {background: linear-gradient(135deg, #0F4CED 30%, #2FA7FE);}
.mobileBranch .mainSwiperWrap li .item.card::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_main_swiper01.png) no-repeat center center; background-size: cover;}
.mobileBranch .mainSwiperWrap li .item.event {background: linear-gradient(135deg, #6A3AF0 30%, #A78AFD);}
.mobileBranch .mainSwiperWrap li .item.event::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_main_swiper02.png) no-repeat center center; background-size: cover;}
.mobileBranch .mainSwiperWrap .swiper-pagination {position: relative; padding-left: 18px;}
.mobileBranch .mainSwiperWrap .swiper-pagination-bullet {width: 6px; height: 6px; background: #fff; opacity: 0.5;}
.mobileBranch .mainSwiperWrap .swiper-pagination-bullet-active {width: 16px; border-radius: 8px; opacity: 1;}
.mobileBranch .mainSwiperWrap .swiper-controls {position: absolute; margin: 0; bottom: 32px; left: 24px; display: flex; align-items: center; justify-content: center; z-index: 9;}
.mobileBranch .mainSwiperWrap .swiper-controls .swiper-button-stop, 
.mobileBranch .mainSwiperWrap .swiper-controls .swiper-button-play {position: absolute; margin-left: -23px; bottom: 1px; left: 50%; border: 0; width: 16px; height: 16px; z-index: 11;}
.mobileBranch .mainSwiperWrap .swiper-controls .swiper-button-play {display: none; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_play.svg) center center no-repeat; background-size: cover;}
.mobileBranch .mainSwiperWrap .swiper-controls .swiper-button-stop {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_stop.svg) center center no-repeat; background-size: cover;}
.mobileBranch .titleArea {color: #fff; z-index: 1;}
.mobileBranch .titleArea h2 {margin-bottom: 12px; display: block; font-size: 2.2rem; font-weight: 700; line-height: 3rem;}
.mobileBranch .titleArea .links {margin: 0;}
.mobileBranch .titleArea .links.arrow {padding-right: 13px; color: #fff; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_link3.png) no-repeat center right; background-size: 5px auto;}
.mobileBranch .menuList {display: flex; flex-wrap: wrap; margin-top: 14px;}
.mobileBranch .menuList li {position: relative; margin-top: 8px; width: calc(50% - 4px); background: #fff; border-radius: 16px;}
.mobileBranch .menuList li:nth-child(odd) {margin-right: 4px;}
.mobileBranch .menuList li:nth-child(even) {margin-left: 4px;}
.mobileBranch .menuList li:nth-child(1),
.mobileBranch .menuList li:nth-child(2) {margin-top: 0px;}
.mobileBranch .menuList li::after {position: absolute; display: block; content: ''; width: 62px; height: 62px; right: 14px; bottom: 14px; pointer-events: none;}
.mobileBranch .menuList li.menu01::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_menu01.png) no-repeat bottom right; background-size: cover;}
.mobileBranch .menuList li.menu02::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_menu02.png) no-repeat bottom right; background-size: cover;}
.mobileBranch .menuList li.menu03::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_menu04.png) no-repeat bottom right; background-size: cover;}
.mobileBranch .menuList li.menu04::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_menu03.png) no-repeat bottom right; background-size: cover;}
.mobileBranch .menuList li a {display: block; padding: 24px 14px 92px 24px; width: 100%; height: 100%; box-sizing: border-box;}
.mobileBranch .menuList li a .tit {font-size: 1.8rem; font-weight: 700; line-height: 2.2rem; color: #343A40;}
.mobileBranch .menuList li a .desc {margin-top: 8px; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; color: #989EA6;}
.mobileBranch .bannerWrap {margin-top: 14px; overflow: hidden;}
.mobileBranch .bannerWrap a {position: relative; display: block; padding: 2.7rem 2.4rem; height: 98px; border-radius: 16px; background: #FFF; box-sizing: border-box;}
.mobileBranch .bannerWrap a:before {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.mobileBranch .bannerWrap a img {position: absolute; margin: auto 0; top: 0; bottom: 0; right: 2.4rem; width: 62px; height: 62px;}
.mobileBranch .bannerWrap a .bannerTxt {display: inline-block; width: calc(100% - 76px);}
.mobileBranch .bannerWrap a .bannerTxt strong {display: block; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: wrap; word-break: keep-all;}
/* main animation */
.mobileBranch .upItem {animation-name: moBrchUpAni; animation-duration: .7s; animation-fill-mode: both;}
.mobileBranch .delay {animation-delay: 1.2s;}
.mobileBranch .delay2 {animation-delay: 1.8s;}
.mobileBranch .delay3 {animation-delay: 2.2s;}
@keyframes moBrchUpAni {0% {transform: translateY(100%); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}}
/* darkMode */
.mobileBranch .contentWrap.darkMode .menuList li.menu03 {margin: 0 4px 0 0 ; background: linear-gradient(#3396F9, #87C5FF); order: 1;}
.mobileBranch .contentWrap.darkMode .menuList li.menu03 a .tit,
.mobileBranch .contentWrap.darkMode .menuList li.menu03 a .desc {color: #fff;}
.mobileBranch .contentWrap.darkMode .menuList li.menu02 {order: 2;}
.mobileBranch .contentWrap.darkMode .menuList li.menu04 {order: 3;}
.mobileBranch .contentWrap.darkMode .menuList li.menu01 {order: 4; margin: 8px 0 0 4px;}
.mobileBranch .contentWrap.darkMode .menuList li.menu02.delay,
.mobileBranch .contentWrap.darkMode .menuList li.menu03.delay2 {animation-delay: 1.2s;}
.mobileBranch .contentWrap.darkMode .menuList li.menu01.delay,
.mobileBranch .contentWrap.darkMode .menuList li.menu04.delay2 {animation-delay: 1.8s;}
.mobileBranch .inner {margin: 0; padding: 24px 20px;}
.mobileBranch h2.title {font-size: 2.2rem; font-weight: 700; line-height: 3rem; color: #343A40;}
.mobileBranch h2 .subTit {display: inline-block; font-size: 2.1rem; line-height: 1.4; word-break: keep-all; margin-bottom: 4px;}
.mobileBranch .inner .form {margin-top: 24px;}
.mobileBranch input[type='checkbox'], 
.mobileBranch input[type='radio'],
.mobileBranchPop input[type='checkbox'], 
.mobileBranchPop input[type='radio'] {z-index: 2;}
.mobileBranchPop .bottom.popCont.typeL .popHead h1 {padding-left: 20px;}
.mobileBranchPop .select-list,
.mobileBranchPop .menu-list {margin-bottom: 16px;}
.mobileBranchPop .select-list li, 
.mobileBranchPop .menu-list li {position: relative;}
.mobileBranchPop .select-list li .opt {display: block; padding: 16px 52px 16px 0; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #343A40; box-sizing: border-box;}
.mobileBranchPop .menu-list li .opt {display: flex; justify-content: flex-start; align-items: center; padding: 16px 0 16px 0; font-size: 2.0rem; font-weight: 600; line-height: 2.8rem; color: #343A40; box-sizing: border-box;}
.mobileBranchPop .select-list li .opt.on::after,
.mobileBranchPop .menu-list li .opt.on::after {position: absolute; display: block; content: ''; margin: auto 0; top: 0; bottom: 0; right: 4px;;  width: 24px; height: 24px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_check_on.png) no-repeat center center; background-size: cover;}
.mobileBranchPop .menu-list li .ico {display: inline-block; margin-right: 8px; width: 24px;}
.mobileBranchPop .menu-list li .ico img {width: 100%; display: block;}
.mobileBranchPop .alert .popBody {padding: 20px 20px 38px 20px;}
.mobileBranchPop .alert .msg {font-weight: 500; line-height: 1.5; word-break: keep-all;}
.mobileBranchPop .alert .msg strong {font-weight: 800;}
.mobileBranchPop .popCont.alert .btnArea.sticky {padding: 0 20px 20px 20px !important;}
.mobileBranchPop .full.popCont .popHead {border-bottom: none;}
.mobileBranchPop .full.popCont .popHead h1 {height: 52px;}
.mobileBranchPop .full.popCont .btnIco_close {top: 18px; right: 20px; width: 24px; height: 24px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_close_bold.png) no-repeat center center; background-size: cover;}
.mobileBranchPop .agreeWrap {padding-top: 8px; padding-bottom: 86px; height: 405px; box-sizing: border-box;}
.mobileBranchPop .agreeWrap .all_check {padding: 16px; font-size: 1.6rem; font-weight: 600; background: #F8F9FA; border-radius: 8px;}
.mobileBranchPop .agreeWrap .all_check input[type='checkbox'] + label {padding-left: 36px; line-height: 24px !important;}
.mobileBranchPop .agreeWrap .all_check input[type='checkbox'] + label:before {top: 0; bottom: 0; margin: auto 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_checkbox.png) no-repeat center center; background-size: cover !important; border: none;}
.mobileBranchPop .agreeWrap .all_check input[type='checkbox']:checked + label:before {border: none; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_checkbox_on.png) no-repeat center center;}
.mobileBranchPop .agreeWrap .iptGroup {margin: 8px 0; min-height: 240px;}
.mobileBranchPop .agreeWrap .iptGroup li {padding: 8px 48px 8px 20px; width: 100%; height: 40px; box-sizing: border-box;}
.mobileBranchPop .agreeWrap .iptGroup input[type='checkbox'] + label {padding-left: 32px; word-break: keep-all;  line-height: 22px;}
.mobileBranchPop .agreeWrap .iptGroup input[type='checkbox'] + label:before {top: 0; border: none; background-color: transparent; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_check.png) no-repeat center center; background-size: cover !important;}
.mobileBranchPop .agreeWrap .iptGroup input[type='checkbox']:checked + label:before {border: none; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_check_on.png) no-repeat center center;}
.mobileBranchPop .agreeWrap .iptGroup input + label span {display:inline-block; margin-right: 4px;}
.mobileBranchPop .agreeWrap .moreBtn {position:absolute; top: 0; bottom: 0; margin: auto 0; right: 0; width: 40px; height: 40px; background:url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_arrow_down.png) no-repeat center center; background-size: 20px; transform: rotate(-90deg); opacity: 0.7;}
.mobileBranchPop .agreeWrap .moreBtn span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.mobileBranchPop .allMenuPopup .full.popCont {padding: 52px 0 0;}
.mobileBranchPop .allMenuPopup .full.popCont .popHead {height: 52px;}
.mobileBranchPop .allMenuPopup .full.popCont .btnIco_close {top: 0; right: 0; padding: 14px 20px; width: auto; height: auto; background: none; text-align: center; box-sizing: border-box;}
.mobileBranchPop .allMenuPopup .full.popCont .btnIco_close span {position: relative; display: block; width: 100%; height: 100%; margin: 0; font-size: 1.4rem; font-weight: 500; color: #343A40; line-height: 24px; clip: auto; clip-path: none;}
.mobileBranchPop .allMenuPopup .full.popCont .popHead h1 {padding: 14px 20px; text-align: left;}
.mobileBranchPop .allMenuPopup .full.popCont .popHead h1 img {width: 112px;}
.moBrchAllMenu {padding: 20px 20px 84px 20px;}
.moBrchAllMenu .logInfo {margin-bottom: 20px;}
.moBrchAllMenu .logInfo strong {font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #343A40;}
.moBrchAllMenu .logInfo .desc {display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem; line-height: 1.6trem; color: #212528;}
.moBrchAllMenu .logInfo .desc .links {font-size: 1.2rem; line-height: 1.6rem;}
.moBrchAllMenu .logInfo .desc .links.arrow {margin: 0; padding-right: 10px; background-position: 100% 4px; background-size: 5px auto;}
.moBrchAllMenu .searchWrap {position: relative; margin-bottom: 24px; width: 100%;}
.moBrchAllMenu .searchWrap .iptWrap {position: relative; margin: 0;}
.moBrchAllMenu .searchWrap .ipt {padding: 12px 46px 12px 16px; border: none; border-bottom: 0; background: #f1F3F5; border-radius: 8px; caret-color: initial;}
.moBrchAllMenu .searchWrap .iptWrap:focus-within:after{border: none; border-color: transparent;}
.moBrchAllMenu .searchWrap .btnSearch {position: absolute; width: 49px; height: 49px; right: 0; top: 50%; transform: translateY(-50%); background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_search.png) no-repeat center center; background-size: 20px; z-index: 3;}
.moBrchAllMenu .searchWrap .btnSearch span {display: inline-block; position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.moBrchAllMenu .searchWrap .iptWrap .btnIco_del,
.moBrchAllMenu .searchWrap .iptWrap.on .btnIco_del {right: 38px;}
.moBrchAllMenu .menuBanner {position: relative; display: block; padding: 20px; width: 100%; height: 80px; font-size: 1.4rem; font-weight: 600; line-height: 2rem; color: #21252B; letter-spacing: 0.5px; box-sizing: border-box; border-radius: 16px; background: #E5F3FE;}
.moBrchAllMenu .menuBanner::after {content: ''; display: inline-block; position: absolute; width: 80px; height: 80px; right: 12px; top: 50%; transform: translateY(-50%); background-size: cover; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_menu_banner_bg.png);}
.moBrchAllMenu .menuWrap {margin-top: 32px;}
.moBrchAllMenu .menu-title {display: block; margin-bottom: 12px; font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: #6D747B;}
.moBrchAllMenu .menu-group + .menu-title {margin-top: 12px; padding-top: 24px; border-top: 1px solid #DEE2E6;}
.moBrchAllMenu .menu-group li a {position: relative; display: block; padding: 16px 0; height: 54px; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; color: #343A40; box-sizing: border-box;}
.moBrchAllMenu .menu-group li a::after {content: ''; display: inline-block; position: absolute; width: 20px; height: 20px; right: 0; top: 50%; transform: translateY(-50%); background-size: cover; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_right_arrow_black.png);}
.mobileBranchPop .brchFooter {position: fixed; margin: 0 auto; width: 100%; height: 64px; bottom: 0; left: 0; right: 0; text-align: center; background: #E5F4FF; z-index: 1;}
.mobileBranchPop .brchFooter img {height: 100%;}
.appInstallPop {margin: 16px 0 20px 0;}
.appInstallPop .item {position: relative; margin-bottom: 30px; padding: 0 10px;}
.appInstallPop .item::after {position: absolute; display: block; content: ''; bottom: 0; right: 10px; width: 108px; height: 108px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_bridge.png) no-repeat right bottom; background-size: cover;}
.appInstallPop .item .title {display: block; font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #343A40;}
.appInstallPop .item .desc {display: block; margin-top: 8px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; color: #6D747B;}
.appInstallPop .links {display: block; margin: 20px auto 0; position: relative; color: #485056; font-size: 1.4rem; line-height: 1.5; vertical-align: middle; white-space: nowrap;}
.appInstallPop .links:after {content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; border-bottom: 1px solid #485056;}
.toast_pop.typeWide {display: none; position: fixed; width: calc(100% - 40px); margin: 0 auto; bottom: 154px; left: 50%; transform: translateX(-50%); padding: 12px 16px !important; background: #495057!important; border-radius: 12px !important; z-index: 100;}
.toast_pop.typeWide.on {display: inline-block}
.toast_pop.typeWide .check {display: inline-block; margin-right: 10px; width: 20px; height: 20px; vertical-align: middle;}
.toast_pop.typeWide .check.green {background: #00AD7C url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_check_white.png) no-repeat center center; background-size: cover; border-radius: 100%;}
.toast_pop.typeWide .check.blue {background: #2589F4 url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_check_white.png) no-repeat center center; background-size: cover; border-radius: 100%;}
.toast_pop.typeWide p {display: inline-block; color: #fff; font-size: 1.5rem; font-weight: 400; line-height: 2rem; vertical-align: middle; white-space: nowrap;}
/* 팝업이슈대응 */
.branchPopWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); overflow:hidden; z-index:900; outline:rgba(0,0,0,0.5);}
.mobileBranchPop .branchPop{display:table; position:relative; width:100%; height:100%; padding-right:35px; padding-left:35px; table-layout:fixed; overflow:hidden;}
/* form */
.mobileBranch .formItem.certityNum .keypad .label {position: relative; z-index: 1;}
.mobileBranch .formItem.certityNum .btnCertityRe {position: absolute; top: 0; bottom:0; margin: auto 0; right: 20px; padding: 6px 8px; height: 32px; font-size: 1.4rem; font-weight: 600; color: #485056; background: #F1F3F5; border-radius: 6px; z-index: 3;}
.mobileBranch .formItem.certityNum .txt {right: 88px; color: #3F72FD; z-index: 1;}
.mobileBranch .formItem.residentNum .keypad .iptWrap {width: 100%;}
.mobileBranch .formItem label.dotArea,
.mobileBranch .formItem.residentNum .keypad .dotArea {position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 16px 0 0 0; top: 0; left: 36px; -webkit-transform: none; transform: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2;}
.mobileBranch .formItem.residentNum .keypad .dotArea .dot {display: inline-block; width: 8px; height: 8px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-color: #C5CBD1;}
.mobileBranch .formItem.residentNum .keypad .dotArea .dot + .dot {margin-left: 4px;}
.mobileBranch .formItem.residentNum .keypad .iptWrap .btnIco_del {left: initial; right: 0; z-index: 3;}
.mobileBranch .formItem.residentNum .sign {line-height: 48px;}
.mobileBranch .formItem.cellPhone .setPhone .sltWrap {width: 150px;}
.mobileBranch .formItem.cellPhone .setPhone > .sltWrap + .iptWrap {width: calc(100% - 150px); z-index: 1;}
.mobileBranch .formItem.cellPhone .sltWrap .ipt, .mobileBranch .formItem.cellPhone select.ipt {padding-right: 10px;}
.mobileBranch .formItem.cellPhone .setPhone .iptWrap .ipt {padding-left: 10px;}
/* animation */
.mobileBranch .formItem:not(#step_0) {-webkit-animation: showFormItem 0.3s linear; animation: showFormItem 0.3s linear;}
@keyframes showFormItem {
  from {transform: translateY(-10px); opacity: .2;}
  to {transform: translateY(0); opacity: 1;}
}
/* validation */
.mobileBranch .formItem.nameWrap.error .iptWrap::after,
.mobileBranch .formItem.residentNum.error .setHalf::after,
.mobileBranch .formItem.cellPhone.error .setPhone::after,
.mobileBranch .formItem.certityNum.error .keypad::after {border: 1px solid transparent;border-color: #EE444A;transition:border-color ease-in-out 0.225s;-webkit-transition:border-color ease-in-out 0.225s; background-color: #FCEEEE;}
.mobileBranch .fieldMsg{position: relative; margin-top: 8px;}
.mobileBranch .fieldMsg.error {margin-left: 20px; padding-left: 20px; line-height: 2rem;}
.mobileBranch .fieldMsg.error::before {position: absolute; display: block; content: ''; left: 0; top: 1px; width: 16px; height: 16px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_state_error.png) no-repeat center center; background-size: cover;}
@media (min-width: 280px) and (max-width: 339px) {
  .mobileBranch .menuList li a .desc {font-size: 1.3rem;}
  .mobileBranchPop .menu-list li .opt {font-size: 1.8rem;}
}
@media (min-width: 340px) and (max-width: 350px) {
  .mobileBranch .menuList li a .desc {font-size: 1.4rem;}
}
.mobileBranch .authNotice {position: relative; margin: 48px -20px 0 -20px; padding: 16px 20px 92px 20px;}
.mobileBranch .authNotice:before {position: absolute; display: block; content: ''; left: 0; top: 0; width: 100%; height: 8px; background: rgba(115, 132, 149, 0.05); }
.mobileBranch .authNotice .tit {margin-top: 8px; padding: 0 0 0 24px; font-size: 1.5rem; font-weight: 700; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_notice.png) no-repeat left top; background-size: 2rem;}
.mobileBranch .authNotice .tit + .txtList_disc {margin-top: 24px;}
.mobileBranch .authNotice .txtList_disc li {font-weight: 400;}
/* 검색 */
.mobrcSearch {margin: 0; padding: 24px 20px;}
.mobrcSearch .searchInfo {padding-top: 80px; text-align: center; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; color: #6D747B;}
.mobrcSearch .searchInfo img {width: 72px;}
.mobrcSearch .searchInfo .tit {margin: 24px auto 8px auto; font-size: 1.7rem; line-height: 2.4rem; font-weight: 500; color: #343A40;}
.mobrcSearch .searchWrap {position: relative; margin-bottom: 24px;}
.mobrcSearch .searchWrap .iptWrap {position: relative; margin: 0;}
.mobrcSearch .searchWrap .iptWrap::before {content: ''; display: block; position: absolute; width: 20px; height: 20px; left: 16px; top: 50%; transform: translateY(-50%); background-size: cover; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_search.png); z-index: 3;}
.mobrcSearch .searchWrap .iptWrap:after {border-color: transparent;}
.mobrcSearch .searchWrap .ipt {padding: 12px 16px 12px 46px; border: none; border-bottom: 0; background: #f1F3F5; border-radius: 8px; caret-color: initial; z-index: 2;}
.mobrcSearch .resultWrap {margin-top: 32px;}
.mobrcSearch .result-title {display: block; margin-bottom: 12px; font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: #6D747B;}
.mobrcSearch .result-group + .result-title {margin-top: 12px; padding-top: 24px; border-top: 1px solid #DEE2E6;}
.mobrcSearch .result-group li a {position: relative; display: block; padding: 16px 0; height: 54px; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; color: #343A40; box-sizing: border-box;}
.mobrcSearch .result-group li a::after {content: ''; display: inline-block; position: absolute; width: 20px; height: 20px; right: 0; top: 50%; transform: translateY(-50%); background-size: cover; background-image: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_right_arrow_black.png);}
.mobrcSearch .resultWrap .result-text {color: #0871F3;}
/* 브릿지페이지 */
.bridgeWrap {margin: 32px auto 35px;}
.bridgeWrap .titArea .titH2 {font-size: 2.2rem; line-height: 3rem; font-weight: 700; color: #343A40;}
.bridgeWrap .titArea .desc {margin-top: 12px; padding-top: 0; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; color: #6D747B;}
.bridgeList {margin-top: 24px;}
.bridgeList li + li {margin-top: 8px;}
.bridgeList li a {position: relative; display: block; padding: 24px 20px; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #989EA6; background: #f8f9f9; border-radius: 16px;}
.bridgeList li a strong {display: block; margin-bottom: 4px; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #343A40;}
.bridgeList li a::after {position: absolute;display: block; content: ''; margin: auto 0; width: 40px; height: 40px; top: 0; right: 20px; bottom: 0;}
.bridgeList li a.menu01::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/icon_bridge01.png) no-repeat center center; background-size: cover;}
.bridgeList li a.menu02::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/icon_bridge02.png) no-repeat center center; background-size: cover;}
.bridgeList li a.menu03::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/icon_bridge03.png) no-repeat center center; background-size: cover;}
/* 카드신청안내 */
.applyCard {margin: 0 auto; padding: 36px 20px; background: #ECF5FD; box-sizing: border-box;}
.applyCard .titArea,
.moBrcGuide .titArea {margin: 0;}
.applyCard .titArea .titH2,
.moBrcGuide .titArea .titH2 {font-size: 2.2rem; font-weight: 700; line-height: 3rem; color: #343A40;}
.applyCard .titArea .desc {padding-top: 12px; font-size: 1.6rem; line-height: 2,2rem; font-weight: 500; color: #6D747B;}
.applyCard .guideBox {margin: 24px 0 0 0; padding: 0; background: transparent;} /* 241211 추가 */
.bridgeList.typeApply li a {background: #fff; border-radius: 16px;}
.bridgeList.typeApply li a.menu01::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/icon_bridge04.png) no-repeat center center; background-size: cover;}
.bridgeList.typeApply li a.menu02::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/icon_bridge05.png) no-repeat center center; background-size: cover;}
.bridgeList.typeApply li a.menu03::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/icon_bridge06.png) no-repeat center center; background-size: cover;}
.bridgeList.typeApply li a.menu04::after {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/icon_bridge07.png) no-repeat center center; background-size: cover;}
.bestCard {margin: 24px auto 32px auto; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; max-width: 500px;}
.bestCard li {/*flex: 1 1 30%;*/ min-width: 32.5%; flex-basis: 32.5%; flex-shrink: 0;}
.bestCard li:nth-child(1), .bestCard li:nth-child(2), .bestCard li:nth-child(3) {margin-bottom: 24px;}
.bestCard li a {display: block; width: 100%; height: 100%; text-align: center; font-size: 1.4rem; line-height: 2rem; font-weight: 600; text-align: center;}
.bestCard li a .cardImg {display: block; width: 60%; margin: 0 auto;}
.bestCard li a .name {margin-top: 8px; padding: 0 6px; color: #21252B; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bestCard li a.btnCardSrch {padding-top: 11px; color: #0871F3;}
.bestCard li a.btnCardSrch span {position: relative; display: block; padding-top: 42px;}
.bestCard li a.btnCardSrch span::after {position: absolute; display: block; content: ''; margin: 0 auto; top: 0; left: 0; right: 0; width: 30px; height: 30px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_round_arrow.png) no-repeat center center; background-size: cover;}
/* 하단 배너 */
.moBrchInfo {margin-top: 16px; padding-top: 16px; border-top: 7px solid #F3F3F3;}
.moBrchWrap .btnArea.sticky + .moBrchInfo {padding-bottom: 124px;}
.moBrchInfo .goAppBanner {position: relative; display: block; margin-bottom: 16px; padding: 20px; background: #FEF7E4; border-radius: 16px; box-sizing: border-box;}
.moBrchInfo .goAppBanner::after {position: absolute; display: block; content: ''; bottom: 0; right: 12px; width: 80px; height: 80px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_go_app.png) no-repeat right bottom; background-size: cover;}
.moBrchInfo .goAppBanner strong {display: block; padding-right: 90px; font-size: 1.4rem; line-height: 2rem; font-weight: 600; letter-spacing: -.5px; color: #212528; word-break: keep-all;}
.moBrchInfo .goAppBanner span {display:inline-block; padding-right: 18px; position: relative; margin-top: 4px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; color: #3F72FD;}
.moBrchInfo .goAppBanner span::after {position: absolute; display: block; content: ''; margin: auto 0; top: 0; bottom: 0; right: 0; width: 16px; height: 16px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_right_arrow.png) no-repeat center center; background-size: cover;}
.moBrchInfo p > a {color: #3F72FD;}
.moBrchInfo p {font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #485056;}
/* 가이드 */
.moBrcGuide {margin-bottom: 110px;}
.moBrcGuide .titH3 {margin: 16px 0 0 0; font-size: 1.7rem; line-height: 2.4rem; font-weight: 700; color: #343A40;}
.moBrcGuide .titH3 + .txtList_disc {margin: 16px 0 0 0;}
.moBrcGuide .txtList_disc + .detailGuide {margin-top: 12px;}
.moBrcGuide .stepList > li {margin-top: 32px;}
.moBrcGuide .stepList .inner {display: flex; justify-content: flex-start; align-items: baseline;}
.moBrcGuide .stepList .inner .step {position: relative; display: block; top: -1px; padding: 2px 7px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; color: #6D747B; box-sizing: border-box; background: #E9ECEF; border-radius: 10px;}
.moBrcGuide .stepList .inner .tit {margin-left: 8px; font-size: 1.5rem; line-height: 2.1rem; word-break: keep-all;}
.moBrcGuide .stepList .inner .tit strong {font-weight: 600;}
.moBrcGuide .stepList .guideImg {margin: 12px auto 0 auto; max-width: 500px;}
.moBrcGuide .stepList .guideImg img {width: 100%;}
.moBrcGuide .stepList li .txtList_guide {margin: 2px 20px 0 20px;}
.moBrcGuide em.tit {font-size: 1.7rem; line-height: 2.4rem; font-weight: 700; color: #343A40;}
.moBrcGuide .detailGuide {margin-top: 8px; padding: 24px 20px; background: #f9f9f9; border-radius: 8px;}
.moBrcGuide .detailGuide .blockList {margin: 20px 0 0 0;}
.moBrcGuide .detailGuide .blockList li {margin: 0;}
.moBrcGuide .detailGuide .blockList li + li {margin-top: 24px;}
.moBrcGuide .detailGuide .blockList .tit {font-size: 1.5rem; font-weight: 600; color: #343A40;}
.moBrcGuide .detailGuide .blockList .desc {font-size: 1.3rem; line-height: 1.8rem; font-weight: 500; color: #989EA6;}
.moBrcGuide .detailGuide .blockList .conInfo {position: relative; padding-left: 60px;}
.moBrcGuide .detailGuide .blockList .conInfo::before {content:''; position: absolute; display: block; width: 40px; height: 40px; left: 0; top: 0;}
.moBrcGuide .detailGuide .blockList .conInfo.smart::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_guide01.png) no-repeat center center; background-size: cover;}
.moBrcGuide .detailGuide .blockList .conInfo.email::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_guide02.png) no-repeat center center; background-size: cover;}
.moBrcGuide .detailGuide .blockList .conInfo.sms::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_guide03.png) no-repeat center center; background-size: cover;}
.moBrcGuide .detailGuide .blockList .conInfo.plus::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_guide04.png) no-repeat center center; background-size: cover;}
.moBrcGuide .detailGuide .blockList .conInfo.card::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_guide05.png) no-repeat center center; background-size: cover;}
.moBrcGuide .detailGuide .blockList .conInfo.service::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_guide06.png) no-repeat center center; background-size: cover;}
.moBrcGuide .detailGuide .blockList .conInfo.event::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/ico_guide07.png) no-repeat center center; background-size: cover;}
.moBrcGuide .btnArea.sticky {padding: 36px 20px 18px !important; background: linear-gradient(transparent 10%, #fff 32% 90%);}
.MoBrcGuidePop .btnArea.sticky.typeMoBrc {padding: 36px 20px 18px !important; background: linear-gradient(transparent 10%, #fff 20% 90%);}
.MoBrcGuidePop .typeMoBrc .links {color: #485056;}
.MoBrcGuidePop .typeMoBrc .links:after {border-bottom: 1px solid #485056;}
/* 버튼이슈대응 */
.mobileBranchPop .btnArea.sticky {padding: 0 20px 18px !important; background-color: #fff; font-size: 0; text-align: center;}
.mobileBranch .btnArea.sticky {padding: 0 20px 18px !important;}
.mobileBranch .btnArea.sticky .btn_p,
.mobileBranchPop .alert .btnArea.sticky .btn_p,
.mobileBranchPop .btnArea.sticky .btn_p,
.moBrcGuide .btnArea.sticky .btn_p,
.mobileBranchPop .appInstallPop .btn_p,
.MoBrcGuidePop .btnArea.sticky.typeMoBrc .btn_p {height: 56px !important; border-radius: 12px !important; background-color: #2589F4;}
.mobileBranch .btnArea.sticky .btn_s,
.mobileBranchPop .alert .btnArea.sticky .btn_s,
.moBrcGuide .btnArea.sticky .btn_s,
.mobileBranchPop .btnArea.sticky.two .btn_s {height: 56px !important; border-radius: 12px !important; background-color: #F1F3F5;}
.mobileBranch .btnArea.sticky .btn_p[disabled],
.mobileBranch .btnArea.sticky .btn_s[disabled],
.mobileBranchPop .btnArea.sticky .btn_p[disabled],
.moBrcGuide .btnArea.sticky .btn_p[disabled],
.moBrcGuide .btnArea.sticky .btn_s[disabled] {background-color: #c7ced3; color: #fff;}
.mobileBranch .btnArea .btn_p,
.moBrcGuide .btnArea.sticky .btn_p {font-size: 1.7rem; font-weight: 600;}
.mobileBranchPop .alert .btnArea.sticky.two .btn_p,
.mobileBranchPop .full .btnArea.sticky.two .btn_p,
.moBrcGuide .btnArea.sticky.two .btn_p {margin-left: 8px !important; width: calc(64% - 8px);}
.mobileBranchPop .alert .btnArea.sticky.two .btn_s,
.mobileBranchPop .full .btnArea.sticky.two .btn_s,
.moBrcGuide .btnArea.sticky.two .btn_s {margin-top: 0; width: 36%;}
/* .moBrcPage .customCd_cont {display: block; position: relative; margin-top: 60px; margin-bottom: 60px; min-height: 200px;} */
.moBrcPage .customCdWrap.nodata + .btnWrap {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%,rgba(234, 238, 255, 0.96) 50% ,rgba(234, 238, 255, 1) 10%);}
body.noFooter .moBrchWrap #content.moBrcPage, 
.moBrchWrap #content.moBrcPage {padding-bottom: 164px;}
/* 모바일브랜치 - 나의맞춤카드 커스텀 */
.moBrcDetail_CardCustom {background: #ECF5FD;}
.moBrcDetail_CardCustom .btnArea.sticky {padding: 36px 20px 18px !important; background: linear-gradient(transparent 10%, #fff 90%); font-size: 0; text-align: center;}
.moBrcDetail_CardCustom .btnArea.sticky .btn_p {height: 56px !important; border-radius: 12px !important; background-color: #2589F4;}
.moBrcDetail_CardCustom .customCdWrap.main .find_area .img img {display: none;}
.moBrcDetail_CardCustom .customCdWrap.main .find_area .img {width: 256px; height: 256px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_wibee_card01.png) no-repeat center center; background-size: cover;}
.moBrcDetail_CardCustom .customCdWrap.main .find_area:before,
.moBrcDetail_CardCustom .customCdWrap.main .find_area:after {content: ""; display: block; position: absolute; top: 50%; left: 50%; right: 0; bottom: 0; border-radius: 50%; z-index: -1; transform: calc(1); transform-origin: center center; animation: full 700ms forwards infinite ease-in-out;}
.moBrcDetail_CardCustom .customCdWrap.main .find_area:before {margin-top: -94px; margin-left: -94px; width: 188px; height: 188px; background: #E3F0FF;}
.moBrcDetail_CardCustom .customCdWrap.main .find_area:after {margin-top: -115px; margin-left: -115px; width: 224px; height: 224px; border: 3px solid #E3F0FF;}
.moBrcDetail_CardCustom .customCdWrap.main .find_area .img:before, 
.moBrcDetail_CardCustom .customCdWrap.main .find_area .img:after {display: none;}
/* 모바일브랜치 - 위비트래블 상세 커스텀 */
.moBrcDetail_CardView .normal-card-thumb {position: relative;}
.moBrcDetail_CardView .normal-card-thumb:before, 
.moBrcDetail_CardView .normal-card-thumb:after {content: ""; display: block; position: absolute; width: 100px; height: 100px; animation: bounce 1.5s infinite ease-in-out;}
.moBrcDetail_CardView .normal-card-thumb:before {top: -15px; left: 50%; margin-left: -140px;background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_wibee_card02.png) no-repeat center center; background-size: cover;}
.moBrcDetail_CardView .normal-card-thumb:after {top: 120px; right: 50%; margin-right: -140px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_wibee_card03.png) no-repeat center center; background-size: cover;}
/* 모바일브랜치 - 카드의정석 상세 커스텀 */
.moBrcDetail_CardStandard .sub-essence-card .visual-wrap .card-img:before, 
.moBrcDetail_CardStandard .sub-essence-card .visual-wrap .card-img:after {content: ""; display: block; position: absolute; width: 100px; height: 100px; animation: bounce 1.5s infinite ease-in-out;}
.moBrcDetail_CardStandard .sub-essence-card .visual-wrap .card-img:before {top: 50%; margin-top: -20px; left: 50%; margin-left: -175px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_wibee_card04.png) no-repeat center center; background-size: cover;}
.moBrcDetail_CardStandard .sub-essence-card .visual-wrap .card-img:after {bottom: 10px; right: 50%; margin-right: -180px; background: url(/https/nm.wooricard.com/dcmw/img/mw/mobileBranch/img_wibee_card03.png) no-repeat center center; background-size: cover;}
@media (min-width: 280px) and (max-width: 350px) {
  .moBrcDetail_CardStandard .sub-essence-card .visual-wrap .card-img:before {left: 50%; margin-left: -145px;}
  .moBrcDetail_CardStandard .sub-essence-card .visual-wrap .card-img:after {right: 50%; margin-right: -160px;}
}
/* 모바일브랜치 - 인트로 */
.moBrchIntro {min-height: 100vh; background: #ECF5FD;}
.moBrchWrap .introWrap {margin: 0 auto;}
.moBrchWrap .introWrap .titArea {margin-bottom: 42px;}
.moBrchWrap .introWrap .logo {width: 90px;}
.moBrchWrap .introWrap .titH1 {margin-top: 20px; font-weight: 700; color: #343A40; line-height: 3rem;}
.moBrchWrap .introItem {display: flex; justify-content: center; align-items: center;}
.moBrchWrap .introItem li {flex: 50%; margin-left: 4px;}
.moBrchWrap .introItem li.branch {margin-right: 4px; margin-left: 0;}
.moBrchWrap .introItem li a {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 184px; border-radius: 16px; text-align: center; background: #2589F4;}
.moBrchWrap .introItem li.branch a {background: #fff;}
.moBrchWrap .introItem li strong {display: block; font-size: 2rem; line-height: 1.3; font-weight: 600; color: #fff;}
.moBrchWrap .introItem li .links {margin: 6px 0 0 0; color: #fff;}
.moBrchWrap .introItem li.branch strong {color: #2589F4;}
.moBrchWrap .introItem li.branch .links {color: #333;}
.moBrchWrap .introItem li.app .links.arrow {background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_link3.png) no-repeat 100% 6px; background-size: 6px auto;}
/* 모바일브랜치 - 인트로 가이드팝업 (스와이프) */
.brchIntroPop {background-color: rgba(0, 0, 0, 0.8); outline: rgba(0, 0, 0, 0.8);}
.brchIntroPop .popup {padding: 0; margin: 0;}
.brchIntroPop .popCont {background: transparent; color: #fff;}
.brchIntroPop .full.popCont {display: flex; align-items: center;; justify-content: center; padding: 0; margin: 0; margin-top: -140px; border-radius: 0; box-sizing: border-box;}
.brchIntroPop .full.popCont .popBody {max-height: initial; height: initial;}
.brchIntroPop .full.popCont section {margin: 0 auto; overflow-y: auto;}
.brchIntroPop .introPopCon {padding: 0; text-align: center; }
.brchIntroPop .introSwiper {position: relative; overflow-x: hidden;}
.brchIntroPop .introSwiper li .item {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.brchIntroPop .introSwiper li .item .img01 {width: 276px;}
.brchIntroPop .introSwiper li .item .img02 {width: 360px;} 
.brchIntroPop .introSwiper li .item .img03 {width: 360px;}
.brchIntroPop .introSwiper .tit {font-size: 2.2rem; line-height: 3rem; font-weight: 700;}
.brchIntroPop .introSwiper .desc {margin-top: 10px; font-size: 1.5rem; line-height: 2.2rem; font-weight: 400;}
.brchIntroPop .introSwiper .swiper-pagination {position: relative;  padding-left: 18px;}
.brchIntroPop .introSwiper .swiper-pagination-bullet {width: 6px; height: 6px; background: #fff; border-radius: 12px; margin-right: 7px;}
.brchIntroPop .introSwiper .swiper-pagination-bullet:before {border: none;}
.brchIntroPop .introSwiper .swiper-pagination-bullet-active {width: 16px; border-radius: 8px; background: #2589F4;}
.brchIntroPop .introSwiper .swiper-pagination-bullet-active:before {display: none; background: transparent;}
.brchIntroPop .introSwiper .swiper-controls {margin: 0 auto 16px auto; display: flex; align-items: center; justify-content: center; z-index: 9;}
.brchIntroPop .popCont.full .btnArea.sticky {background: transparent;}
.brchIntroPop .btnArea.sticky .links {color: #fff;}
.brchIntroPop .btnArea.sticky .links:after {border-bottom: 1px solid #fff;}
.brchIntroPop .introGuideBtn {margin-top: 20px; min-height: 21px;}
.brchIntroPop .btnIco_close {background: none;}
.brchIntroPop .btnIco_close .text {display: block; position: initial; width: 100%; height: 100%; line-height: 50px; margin: 0; overflow:initial; clip: initial; clip-path: initial; font-size: 1.4rem; font-weight: 500; color: #fff;}
@media all and (max-width: 320px) {
  .brchIntroPop .introSwiper .tit {font-size: 2rem; line-height: 1.2;}
  .brchIntroPop .introSwiper li .item .img01 {width: 190px;}
  .brchIntroPop .introSwiper li .item .img02 {width: 280px;}
  .brchIntroPop .introSwiper li .item .img03 {width: 280px;}
}
.isIOS .brchIntroPop .full.popCont {padding-bottom: 0;}
.isIOS .brchIntroPop .full.popCont.hasPopSticky {padding-bottom: 0;}
/* 모바일브랜치 250106 (e) */

/* 모바일브랜치 메인 개선 250430 (s) */
.mainMenuList {margin-top: 32px; padding: 24px; border-radius: 24px; background-color: #fff;}
.mainMenuList > li + li {margin-top: 24px;}
.mainMenuList .tit {font-size: 1.6rem; font-weight: 600; color: #212528;}
.mainMenuList .subList {margin-top: 8px;}
.mainMenuList .subList > li > a {display: flex; justify-content: flex-start; align-items: center; padding: 8px 0; font-size: 1.5rem; font-weight: 500; color: #485056;}
.mainMenuList .subList > li > a .ico {margin-right: 8px; width: 24px; height: 24px;}
/* 모바일브랜치 메인 개선 250430 (e) */

/* 개인채무자보호법TFT 240924 (s) */
.topVisualArea.menuInfo.debtor .tit:before {background: url(../img/mw/content/img_cct_debtor.png) no-repeat center; background-size: auto 85px;}
.debtorWrap {margin: 32px auto 54px;}
.debtorWrap + .debtorWrap {padding-top: 54px; border-top: 7px solid #F1F1F1;}
.stepArrow.debtorInfo .block {display: block; padding: 0 20px;}
.stepArrow.debtorInfo .step {display: inline-block; width: auto;}
.stepArrow.debtorInfo .step > em {display: inline-block; width: 20px; height: 20px; font-size: 1.4rem; line-height: 2rem; color: #fff; background: #2b64ce; border-radius: 50%; text-align: center; vertical-align: top; box-sizing: border-box;}
.stepArrow.debtorInfo .tit {margin-left: 2px; color: #2b64ce; font-size: 1.6rem; font-weight: 700; line-height: 2rem;}
.stepArrow.debtorInfo .desc strong {display: block; margin-bottom: 4px; color: #333;}
.stepArrow.debtorInfo .desc {display: block; margin-top: 10px; padding-left: 28px; font-size: 1.4rem; color: #666;}
.debtorWrap .logo {width: 78px; margin-bottom: 32px;}
.debtorWrap .txtSS {font-size: 1.2rem}
.debtorWrap .txtList_numS > li:before {width: 11px; height: 12px; padding-right: 1px; padding-bottom: 1px; font-size: 10px; line-height: 12px;}
.debtorWrap .txtList_numS > li {padding-left: 19px;}
.debtorWrap .debtorCsInfo {display: flex; margin-top: 12px;}
.debtorWrap .debtorCsInfo li:first-child {margin-left: 0;}
.debtorWrap .debtorCsInfo li {margin-left: 14px; font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #999;}
.debtorWrap .debtorCsInfo li span {color: #000;}
.debtorWideWrap {margin-right: -20px; padding-right: 20px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.debtorWideWrap table th, 
.debtorWideWrap table td {white-space: wrap; word-break: keep-all;}
.debtorWideWrap table.typeLeft th, .debtorWideWrap table.typeLeft td {text-align: left; padding-left: 12px;}
.debtorFooter {padding: 42px 0 16px; text-align: right;}
.debtorFooter em {display: block; font-size: 1.6rem; color: #333; text-align: center;}
.debtorFooter .logo {display: inline-block; width: 90px; margin: 32px 0 20px;}
.debtorFooter p {font-size: 1.4rem; line-height: 2rem; color: #999;}
.debtorFooter .signWrap li {display: flex; justify-content: flex-end; text-align: right; font-size: 1.4rem; line-height: 2.6rem;  color: #333;}
.debtorFooter .signWrap li:last-child {margin-bottom: 0;}
.debtorFooter .signWrap li .info {display: inline-block; text-align: right;}
.debtorFooter .signWrap li .sign {display: inline-block; margin-left: 10px; text-align: right;}
.debtorFooter .signWrap li .sign span {margin-right: 6px;}
.debtorInfo dl {margin-bottom: 24px; font-size: 1.8rem; font-weight: 700; color: #333;}
.debtorInfo dl:last-child {margin-bottom: 0;}
.debtorInfo dl dt {display: block; margin-bottom: 12px;}
.debtorInfo dl dd {display: block; min-height: 46px;}
.debtorInfo dl dd span {display:inline-block; margin-right: 8px; padding: 12px 16px; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; color: #333; background: #F3F3F3; border-radius: 8px;}
.debtorInfo dl:first-child dd span{ min-width: 85%;}
.debtorInfo dl:last-child dd span{ min-width: 100%}
.debtorFooter .transfer {margin-top: 40px; font-size: 1.4rem; font-weight: 500; color: #666;}
.debtorFooter .transfer .tit {margin-bottom: 15px; font-weight: 600; color: #333;}
.debtorList {margin: 4px auto; padding: 0 20px;}
.debtorList li {border-bottom: 1px solid #F1F1F1;}
.debtorList li a {display: block; position: relative; padding: 2.1rem 0; color: #222;}
.debtorList li a span {display: block; padding-right: 24px; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem;}
.debtorList li a::after {content: ''; display: inline-block; position: absolute; width: 6px; height: 11px; right: 0; top: 50%; transform: translateY(-50%); background-size: cover; /*background-image: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_arrow6.png);*/ background-image: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico-arrow-black.svg);}
.debtorFooter .txtL + .logo{margin-top:10px !important;}
/* 20241008 추가 작업 [s] */
.debtorWrap .inLabel{font-size: 1.4rem;}
.debtorWrap .iptSelArea .iptSel .ipt + label::after{background: #fff !important;}
.debtorWrap .iptSelArea .iptSel .ipt + label .block{text-align: left; padding: 20px 24px; font-size: 1.4rem;}
.debtorWrap .iptSelArea .iptSel .ipt + label .block > h3{line-height: 2rem;}
.debtorWrap .iptSelArea .iptSel .ipt + label .block > ul{margin-top: 4px;}
.debtorWrap .iptSelArea .iptSel .ipt + label .block > ul > li{line-height: 2rem;}
.debtorWrap .iptSelArea .iptSel .ipt:checked + label .block{color: rgb(37, 137, 244); font-weight: 700;}
.debtorWrap .inForm{padding-top: 5px;}
.debtorWrap .inReason{display: none; padding-top: 5px;}
.debtorWrap .inReason.on{display: block;}
.debtorWrap .inDivide{display: none; padding-top: 5px;}
.debtorWrap .inDivide.on{display: block;}
.debtorWrap .titTxt{font-size: 1.8rem; font-weight: 700; line-height: 2.5rem;}
.debtorWrap .titTxt > span{display: inline-block; vertical-align: top;}
.debtorWrap .titTxt > button{display:inline-block; position:absolute; width:25px; height:25px; background:url(/https/nm.wooricard.com/dcmw/img/mw/content/newInfo_24px.png) no-repeat center center; vertical-align:top; overflow: hidden; background-size: 16px; }
.debtorWrap .inSolution{margin-top: 14px;}
.debtorWrap .inSolution .delTxt{padding: 180px 0; text-align: center; background: rgba(0, 0, 0, 0.06);}
.debtorWrap .btmInfo{position: fixed; bottom:0; left:0; width: 100%; margin: 0; padding: 48px 20px 20px 20px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, #fff 36px); z-index: 100;}
.debtorWrap .btmInfo .guideTxt{font-size: 1.4rem; padding-top: 16px;}
.debtorWrap .btmInfo .btnArea{margin: 20px 0 0;}
/* 20241008 추가 작업 [e] */
/* 개인채무자보호법TFT 240924 (e) */

/* 모바일 해외 ATM - 241106 (s) */
.mobileATM {margin: 0 auto 35px auto; padding: 0 20px;}
.mobileATM .progressWrap {display: flex; justify-content: space-between; align-items: center;}
.mobileATM .progressWrap .step {display: flex; justify-content: flex-start; align-items: center; flex-direction: row; height: 40px;}
.mobileATM .progressWrap .step div {font-size: 1.2rem; font-weight: 900; line-height: 1.6rem; color: #989EA6;}
.mobileATM .progressWrap .step div span {font-weight: 900;}
.mobileATM .progressWrap .step span.now {color: #485056;}
.mobileATM .progressWrap .nowTitle {font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #485056;}
.mobileATM .formArea {margin: 0;}
.mobileATM .titArea {position: relative; margin: 24px 0;}
.mobileATM .titArea .titH2 {font-size: 2.2rem; line-height: 3rem; font-weight: 700; color: #343A40;}
.mobileATM .titArea .desc {padding: 0; margin-top: 12px; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #6D747B;}
.mobileATM .iptSelArea {margin: 0; overflow:hidden;}
.mobileATM .iptSelArea .iptSel {display:table; width:100%; table-layout:fixed;}
.mobileATM .iptSelArea .iptSel > li {position:relative; display:table-cell; margin:0; padding: 0; text-align:center; vertical-align:top; box-sizing:border-box;}
.mobileATM .iptSelArea .iptSel.vertical > li {display:block;}
.mobileATM .iptSelArea .iptSel > li + li {margin-top: 8px;}
.mobileATM .iptSelArea .iptSel .ipt + label {position:static; display:block; padding:0; background-color:#fff; color:#000; font-size:1.4rem; letter-spacing:-0.05em; line-height:1;}
.mobileATM .iptSelArea .iptSel .ipt + label:before {display:none;}
.mobileATM .iptSelArea .iptSel .ipt + label:after {content:''; position:absolute; top:0; right:0; bottom: 0; left:0; background-color: #F8F9FA; border:1px solid #F8F9FA; border-radius:7px; box-sizing:border-box; z-index:1;} 
.mobileATM .iptSelArea .iptSel .ipt:checked + label {color: #343A40;}
.mobileATM .iptSelArea .iptSel .ipt:checked + label:after {background-color:#F8F9FA; border: 2px solid #2589F4;}
.mobileATM .iptSelArea .iptSel .block {position: relative; display:flex; justify-content: flex-start; align-items: center; width: 100%; z-index: 3; line-height:1.3;font-weight:400;box-sizing:border-box;cursor: pointer;}
.mobileATM .iptSelArea.cardType .iptSel .block {max-height: 67px; padding: 14px 20px;}
.mobileATM .iptSelArea.countryType .iptSel .block {max-height: 52px; padding: 10px 20px;}
.mobileATM .iptSelArea.bankType .iptSel .block {max-height: 52px; padding: 10px 20px;}
.mobileATM .iptSelArea .iptSel .block .cardImg {text-align: center;}
.mobileATM .iptSelArea .iptSel .block .cardImg img {max-width: 44px; max-height: 44px; border-radius: 3px;}
.mobileATM .iptSelArea .iptSel .block .tit {margin-left: 16px; font-size: 1.7rem; line-height: 2.4rem; font-weight: 500; color: #343A40; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mobileATM .iptSelArea .iptSel .block .logoImg {border: none; border-radius: 0; text-align: center;}
.mobileATM .iptSelArea .iptSel .block .logoImg img {display: inline-block; height: 32px; vertical-align: top;}
.mobileATM .iptWrap {background: #fff;}
.mobileATM .amountBtn {position: relative; display:table; width:100%; padding-top: 10px; margin-top: -10px; box-sizing:border-box; table-layout:fixed; background-color: #F8F9F9; border: 1px solid #DDE2E9; border-radius: 0 0 8px 8px; z-index: 0;}
.mobileATM .amountBtn li {position:relative; display:table-cell; margin-bottom:-1px; color:#000; font-size:1.4rem; letter-spacing:-0.05em; line-height:1;}
.mobileATM .amountBtn li::after {position: absolute; content:''; display: block; margin: auto 0; width: 1px; height: 16px; right: 0; top: 0; bottom: 0; background: #E9ECEF;}
.mobileATM .amountBtn li:last-child::after {display: none;}
.mobileATM .amountBtn li button {display: block; margin: 0 auto; width:100%; height:40px;}
.mobileATM .amountBtn li button:focus {text-decoration: underline;}
.mobileATM .amountBtn li button:focus:after {z-index:1; /*border-color:#2b64ce;*/}
.atmInfoBox {margin-top: 24px; padding: 20px; background: #F8F9F9; border-radius: 16px;}
.atmInfoBox .infoList li + li {margin-top: 12px;}
.atmInfoBox .infoList .item {width: 30%; font-size: 1.5rem; font-weight: 500; line-height: 2.1rem; color: #6D747B;}
.atmInfoBox .infoList .val {width: 70%; font-size: 1.5rem; font-weight: 500; line-height: 2.1rem; color: #485056; text-align: right; word-break: keep-all;}
.certificationArea {margin-bottom: 24px; padding: 20px; border: 1px solid #DEE2E6; border-radius: 16px; text-align: center;}
.certificationArea .number {font-size: 2.9rem; line-height: 4rem; font-weight: 800; color: #343A40;}
.certificationArea .validTime {margin-top: 12px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; color: #6D747B;}
.certificationArea + .links {position: relative; display: block; margin: 0 auto; color: #485056; font-size: 1.4rem; line-height: 2rem; vertical-align: middle; white-space: nowrap; text-align: center;}
.certificationArea + .links:after {position: absolute; content: ''; bottom: 2px; left: 0; width: 100%; border-bottom: 1px solid #485056;}
/* 모바일 해외 ATM - 241106 (e) */

/* 20240913 부족금액 자동환전 [s] */
.autoCvWrap{width: 100%;}
.autoCvWrap .topVisualAr{margin: 0; padding: 0;}
.autoCvWrap .topVisualAr > h2{margin-top: 32px; padding: 0 24px; font-size: 2.2rem; text-align: center; line-height: 3rem; font-weight: 700; color: rgba(2, 12, 21, 0.72);}
.autoCvWrap .topVisualAr > p{margin-top: 8px; padding: 0 24px; font-size: 1.4rem; text-align: center; font-weight: 400; line-height: 2rem; color: rgba(12, 23, 35, 0.6);}
.autoCvWrap .topVisualAr > img{width: 100%; margin-top: 16px;}
.autoCvWrap .applyAr{margin: 32px 0 ; padding: 0 24px; }
.autoCvWrap .applyAr > h3{font-size: 1.8rem; line-height: 2.1rem; font-weight: 700; color: #333;}
.autoCvWrap .applyAr .cardChoice{margin-top: 24px;}
.autoCvWrap .applyAr .convApplyAr{margin-top: 24px; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.autoCvWrap .applyAr .convApplyAr .tit{font-size: 1.6rem; color: #666;}
.autoCvWrap .infoAr{margin: 0;}
.popInner .autoCvWrap{padding: 32px 24px;}
.popInner .applyCencle > h3{font-size: 1.7rem; font-weight: 700; line-height: 2.4rem; text-align: left; color: rgba(7, 15, 22, 0.82);}
.popInner .applyCencle > p{margin-top: 12px; font-size: 1.5rem; line-height: 2.1rem; text-align: left; color: rgba(2, 12, 21, 0.72);}
.autoCvWrap .swiper-controls{position: relative;}
.autoCvWrap .textList_Cnum > li{margin-top: 5px; padding-left: 1.4rem; text-indent: -1.4rem;}
.autoCvWrap .textList_dash {text-indent: 0;}
.autoCvWrap .textList_dash  > li{margin-top: 5px; padding-left: 8px; position: relative;}
.autoCvWrap .textList_dash  > li::before{content: '-'; display: inline-block; position: absolute; left: 0; top: 0;; width: 16px; height: 16px; }
.autoCvWrap .passwordAr{ margin-top: 40px;}
.autoCvWrap .cardChoiceSw .label{font-size: 2.2rem; font-weight: 700;}
.autoCvWrap .certCard {background: none; margin-top: 24px; border : 0;}
.autoCvWrap .certCard li{border-radius: 16px; background: rgba(115, 132, 149, 0.05); padding: 0 20px;}
/* 부족금액 자동환전 [e] */

/*================================================ 뉴원 적용 ver. 1 ================================================*/
/* s: 20241121 유제영 */
.dataList.guideMsg .detail {position: relative;}
.dataList.guideMsg .detail .singleIpt {position: absolute; bottom: 23px; right: 20px; width: 24px !important; height: 24px;}
.dataList.guideMsg .detail .singleIpt input {width: 100%; height: 100%; padding: 0; z-index: 1;}
.dataList.guideMsg .detail label {width: 100% !important; padding-right: 30px;}
.emailAlarm {margin: 16px 0;}
.titH3 + .btn_l {margin: 16px 0 24px 0;}
.titH3 + .stepArrow {margin-top: 16px;}
[class^="txtList_"] + .titH3 {margin-top: 24px;}
#mgrDataInqRng0 [class*=List] .detail {margin-top: 20px; padding: 0; background-color: unset;}
/*#requestEachLimit .assistBtn[class*=div_] {margin-left: 0;}
#requestEachLimit .assistBtn.div_3 li:nth-child(1), 
#requestEachLimit .assistBtn.div_3 li:nth-child(2) {width: calc(50% - 4px) !important;}
#requestEachLimit .assistBtn.div_3 li:nth-child(3), 
#requestEachLimit .assistBtn.div_3 li:nth-child(4), 
#requestEachLimit .assistBtn.div_3 li:nth-child(5) {width: calc(33% - 4px) !important; margin-left: 7px;}*/
/* e: 20241121 유제영 */
.addInfoList .accoBody p + .titH3 {margin-top: 24px;}/* 241121 결함 수정 김지원*/

.improvePop .optionList li.on {background: transparent; font-weight: 700; text-decoration: none;}
.improvePop .optionList {margin: 0; padding-bottom: 16px;}
.improvePop .optionList li {padding: 16px 40px 16px 0; text-align: left;}
.improveWrap .moneyTotal .iptGroup.iptBtn li {position: relative; width: auto; height: auto; padding: 0;}
.improveWrap .innerStep .btn_d {background: rgb(37, 137, 244); font-size: 1.5rem; font-weight: 700; color: #fff;}
/* btn */
.improveWrap .moneyTotal .btnArea .btn {font-size: 1.4rem; background: #ebecf0; border-radius: 10px; color: #333; line-height: 4rem; flex: 1;}
/* Tab */
.improveWrap .moneyTotalTab ul.pageTab { padding:0 2rem;background:none;}


/*이용내역/ 매출전표 포인트 조회 배너 추가 [s]*/
.wallet_asis .improveWrap .inBannerAr{width: 100%; padding: 0 24px 32px;}
.wallet_asis .improveWrap .inBannerAr a > img{width: 100%;}
.wallet_asis .improveWrap .dataWrap{padding-bottom: 24px !important;}
/*이용내역/ 매출전표 포인트 조회 배너 추가 [e]*/

/* 우리페이 계좌결제 서비스  [s] */
.newAP {margin-bottom: -159px;}
.newAP .topTit{background: #f0f8ff; margin: 0; padding: 40px 0 50px; text-align: center;}
.newAP .topTit > h1{font-size: 3rem; font-weight: 700; line-height: 3.4rem; color: #22282d;}
.newAP .topTit > h1 > strong{color: #2b64ce;}
.newAP .topTit > p{font-size: 1.8rem; line-height: 2.4rem; margin-top: 16px; color: #000;}
.newAP .topTit .topImg{width: 223px; margin: 30px auto 0;}
.newAP .smInfo{background: #2786Df; margin: 0; padding: 24px;}
.newAP .smInfo > ul{width: 100%; font-size: 0;}
.newAP .smInfo > ul > li{width: 100%; margin-top: 16px;}
.newAP .smInfo > ul > li:first-child{width: 100%; margin-top: 0;}
.newAP .smInfo > ul > li > strong{display: inline-block; width: 8.5rem; font-size: 1.4rem; color: #fff; vertical-align: top; line-height: 2.4rem; font-weight: 700;}
.newAP .smInfo > ul > li > span{display: inline-block; width: calc(100% - 8.5rem); font-size: 1.4rem; color: #fff; vertical-align: top; line-height: 2.4rem;}
.newAP .smInfo > ul > li > ul{display: inline-block; width: calc(100% - 8.5rem); font-size: 1.4rem; color: #fff; vertical-align: top;}
.newAP .smInfo > ul > li > ul > li{width: 100%; margin-top: 8px;}
.newAP .smInfo > ul > li > ul > li:first-child{margin-top: 0;}
.newAP .smInfo > ul > li > ul > li > h5{font-weight: 600; font-size: 1.4rem;}
.newAP .smInfo > ul > li > ul > li > span{font-size: 1.4rem; font-weight: 400;  color: #c7e4ff;}
.newAP .sec01{margin-bottom: 0; padding: 0 24px 40px;}
.newAP .sec03{margin-bottom: 0; margin-top: 40px; padding: 0 24px 24px;}
.newAP .sec03 .userGuide{padding : 0 16px 0;}
.newAP .newSec04{background: #f9f9f9; margin-top: 40px; padding: 40px 24px 48px;}
.newAP .storeList{padding-top: 8px;}
.newAP .storeList > li{width: calc(50% - 6px); margin-left: 12px; margin-right: 0; display: inline-block;}
.newAP .storeList > li:nth-child(2n+1){margin-left: 0;}
.newAP .storeList li img{height: 56px;}
.newAP .btnPrev{left : -20px}
.newAP .btnNext{right : -20px}
/* 우리페이 계좌결제 서비스  [e] */


/*/////////////////////////////////////////////////// 뉴원 개편 //////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////// 공통 ////////////////////////////////////////////////////////*/
.pb150 {padding-bottom: 150px !important;}

.btn_w {background-color: #fff; color: rgba(2, 12, 21, .72); border: 1px solid rgb(222, 226, 230); letter-spacing: initial;}
.btn_n {background-color: #EE444A; color: #fff;}
.btn_b {background-color: #E5F4FF; color: #2589F4;}
.btn_b[disabled] {background: color #e7f5ff;color:#B5D4FB}
.btnWrap {margin-top: 24px;}
.btnLinks {margin-top: 24px; text-align: center;}
.btnLinks .links {color: rgba(2, 12, 21, 0.72); font-size: 1.4rem; font-weight: 600; line-height: 1.43;}
.btnLinks .links::after {border-color: rgba(2, 12, 21, 0.72);}
.cardBtn {position: relative; margin: 8px 0 0 46px; color: rgba(2, 12, 21, .72); text-align: right;}
.cardBtn > span {font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.cardBtn > i {display: inline-block; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png) no-repeat center; background-size: 16px; vertical-align: top;}
.cardBtn > i.icoCopy {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_copy_16.png);}

/* checkbox */
.checkAll {margin-bottom: 16px;}
.checkBox {display: inline-block;}
.checkBox > input {width: 25px; height: 25px; padding: 0;} /* 접근성 안드로이드 임의 터치 이슈로  사이즈 1px-> 25px로 변경 */
.checkBox > input[type='checkbox'] + label {font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.checkBox > input[type='checkbox'] + label::before {top: -2px;}
.checkBox .tip {top:-1px;margin: 1px; vertical-align: top;}
.checkBox .tipWrap .btnIco_tip {display: inline-block; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_tooltip_blk_20.png) no-repeat center; background-size: 20px;}
.checkBox + .checkBox {margin-left: 24px;}
@media screen and (max-width: 360px) {
	.checkBox + .checkBox {margin-left: 20px;}
}
/* formArea */
.titH1 + .formArea,
[class^=table] + .formArea {margin-top: 24px;}
/* .titH1 + .detailBoxWrap {margin-top: 24px;} */
.formArea .titH4 {margin-bottom: 12px;}
.formArea .iptGroup.iptBtn.div_2 {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; border: none;}
.formArea .iptGroup.iptBtn.div_2 > li {display: block; width: calc(50% - 4px); margin: 0; padding: 0;}
.formArea .iptGroup.iptBtn.div_2 > li label {display: block;}
.formArea .iptGroup.iptBtn.div_2 > li:nth-child(n+3) {margin-top: 8px;}
.formArea .iptGroup.iptBtn.div_2 > li:nth-child(even) {margin-left: 8px;}
.formArea .iptGroup.iptBtn.div_3 {margin: -4px; padding: 0;}
.formArea .iptGroup.iptBtn.div_3 > li {width: calc(33% - 8px); margin: 4px; padding: 0;}
.formArea .unitTotal {margin: 8px 20px 0 20px; color: rgba(50, 63, 79, 0.5); font-size: 1.4rem; line-height: 1.429;}
.formArea .btnTxt_more {margin-bottom: 18px;}
.formArea .btnTxt_more.on > span {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_top_20.png);}
.formArea + .formArea {margin-top: 24px;}
/* s: 250109 금융 수정 이다혜 */
.formArea .txtM + .titH4 {margin: 16px 0 12px;}
.formArea .iptGroup.iptBtn + .singleIpt {margin-top: 8px;}
/* e: 250109 금융 수정 이다혜 */


/* title */
[class^="txtList_"] + .titH4 {margin-top: 24px;}
.titH2 .btnTip {padding: 4px;}
.titH4 + [class^="txtList_"] {margin-top: 16px;}

.titBox {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;}
.titBox > .titH2 {margin-bottom: 0;}
.dplBox {display: flex; align-items: center; margin: 16px 0;}

/* termsList */
.termsList {margin-top: 8px;}
.termsList > li + li {margin-top: 12px;}
.termsList > li > a {position: relative; display: block; padding: 13px 20px; color: rgba(7, 15, 22, .82); border: 1px solid #DEE2E6; border-radius: 12px;}
.termsList > li > a::after {content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png) no-repeat center; background-size: 20px;}
.termsList > li .f16 {width: calc(100% - 32px);}

/* guide txt */
.txtList_guide.type2 {padding-left: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_info_16.png) no-repeat left 2px; background-size: 1.6rem; color: #868B94; font-size: 1.4rem; line-height: 1.429;}/* 250116 접근성반영 */
.txtGuideBox {margin-top: 24px; padding: 16px 20px; background-color: rgba(115, 132, 149, .05); border-radius: 12px;}
.txtGuideBox [class^=txtList_] {margin: 0;}
.txtGuideBox .txtList_guide {margin: 0 !important; padding: 0 0 0 28px; color: rgba(2, 12, 21, .72); font-weight: 500;}
.txtGuideBox.type2 {margin-top: 16px; padding: 8px 20px;}
/* 251210 guide txt 타입 추가 (s) */
.txtGuideBox.type3 {background-color:#fceeee;}
.txtGuideBox.type3 .txtList_guide {background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_guide_red.png) no-repeat left top; background-size:2.0rem; color:#485056;}
/* 251210 guide txt 타입 추가 (e) */

/* table */
.boxTbl {}
.boxTbl [class^="table"],
.boxTbl [class^=txtList_] {margin: 0;}
.boxTbl + *,
.boxTbl [class^="table"] + * {margin-top: 24px;}
.boxTbl [class^=txtList_] + * {margin-top: 16px;}
.boxTbl > .links {display: inline-block; margin: 8px 0 16px 0;}
.boxTbl + .titH2 {margin-top: 32px;}

/* noData */
.noData.type2 {display: block; margin: 48px 0; padding: 0; border: none; background-color: unset;}
.noData .imgArea {display: inline-block; width: 72px; height: 72px; margin-bottom: 24px; text-align: center;}
.noData .contArea > strong {display: block; color: rgba(7, 15, 22, .82); font-size: 1.7rem; font-weight: 500; line-height: 1.412;}
.noData .contArea > p {margin-top: 8px; color: rgba(12, 23, 35, .6); font-size: 1.5rem; line-height: 1.4;}

/* detailBox */
.detailBoxWrap {position: relative; margin-top: 24px;}
.detailBoxWrap > .date {margin-bottom: 16px;}
.detailBoxWrap > .btn_w {position: absolute; top: 0; right: 0;}
.detailBoxWrap + .detailBoxWrap {margin-top: 32px;}
.detailBox {margin: 0; padding: 20px; background-color: rgba(115, 132, 149, .05); border-radius: 16px;}
.detailBox.type2 {background-color: #fff; border: 1px solid #DEE2E6;}
.detailBox > p {color: rgba(7, 15, 22, 0.82); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.detailBox > [class^=txtList_] {margin: 0;}
.detailBox .infoList + .infoList {margin-top: 16px; padding-top: 16px; border-top: 1px solid #DEE2E6;}
.detailBox .block + .infoList {margin-top: 20px;}
.detailBox + [class^=titH] {margin-top: 32px;}
.detailBox + .detailBox {margin-top: 16px;}
.detailBox.type2.chActive{border-color: #2589F4;}/*250120 뉴원결함 잔여 수정 이재길 */

/* banner */
.payBanner {position: relative; display: flex; align-items: center; margin-top: 32px; padding: 16px 12px; background-color: rgba(115, 132, 149, .05); border-radius: 12px;}
.payBanner:first-child {margin-top: 0;}
.payBanner::after {content: ''; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png); background-size: 20px;}
.payBanner .imgArea {width: 40px; height: 40px; margin-right: 16px;}
.payBanner .contArea {width: calc(100% - 76px);}
.payBanner .contArea .tit {display: inline-block; margin-bottom: 4px; color: rgba(7, 15, 22, .82); font-size: 1.5rem; font-weight: 600; line-height: 1.4;}
.payBanner .contArea .cont {color: rgba(12, 23, 35, .6); font-size: 1.3rem; font-weight: 500; line-height: 1.39;}
.payBanner .contArea.type2 {display: flex; justify-content: space-between; align-items: center;}
.payBanner .contArea.type2 .cont {color: rgba(7, 15, 22, .82); font-size: 1.4rem; line-height: 1.43;}
.payBanner .contArea.type2 .amount {margin-right: 4px; color: rgba(12, 23, 35, .6); font-size: 2rem; font-weight: 600; line-height: 1.4;}
.payBanner + .payBanner {margin-top: 16px;}
.payBanner + .titH2 {margin-top: 32px;}

/* popup */
.popCont .popInner .noticeArea.hr {margin-top: 88px;}
.popCont .popInner > section .bottomAcco {margin: 48px -20px -88px -20px !important}
.popCont.bottom .popInner > section .tabWrap {margin: 0;}
.popCont.bottom .popInner > section .tabWrap .tabPanel {padding: 0;}
.popCont.bottom .popInner > section .txtList_guide {margin: 8px 0 0 0;}
.popCont.full .txtGuideBox + .titArea {margin-top: 32px;}

/*//////////////////////////////////////////////// 조회/결제 ///////////////////////////////////////////////////*/
.titArea + .payCont {margin-top: 24px;}
.titArea + .detailBox {margin-top: 32px;}
.titArea > .tit {position: relative; color: rgba(7, 15, 22, .82); font-size: 2.2rem; font-weight: 800; line-height: 1.364; word-break: keep-all;}
.titArea > .tit .f15 {font-weight: 600;}
.titArea > .tit .total {margin: 2px 0 4px 0;}
.titArea .total {font-size: 2.9rem; line-height: 1.38; font-weight: 800; color: rgba(7, 15, 22, 0.82);}
.titArea .sub {margin-top: 24px; color: rgba(7, 15, 22, .82); font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.titArea .tip {width: 24px; height: 24px; margin: 3px; vertical-align: top;}
.titArea .tipWrap .btnIco_tip {width: 24px; height: 24px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_tooltip_blk_20.png) no-repeat center; background-size: 24px;}

.payCont {position: relative; margin-top: 32px; padding: 0 20px;}
.payCont.hr {margin-top: 32px; padding-top: 32px; border-top: 8px solid rgba(115, 132, 149, 0.05);}

.stepArea {position: relative; margin-top: 32px; padding-top: 40px;}
.stepArea::before {content: ''; position: absolute; top: 0; left: -20px; right: -20px; height: 8px; background-color:rgba(115, 132, 149, 0.05);}
.stepArea .titArea {padding: 0;}
.stepArea .boxTbl {margin-top: 32px;} /* 241126 수정 */


.bottomAcco {margin: 80px -20px -48px -20px;}
.bottomAcco .addInfoList {margin: 0; padding: 0;}

.date {color: #888; font-size: 1.4rem; line-height: 1.429;} /*250116 접근성 반영 */
.date > em {font-weight: 400;}

/* 청구서 */
/* .billBox {margin: 0; padding: 0;}
.billBox .infoList + .infoList {margin-top: 16px; padding-top: 16px; border-top: 1px solid #DEE2E6;}
.billBox .linkItem {padding: 0;}
.billBox .linkItem > a {position: relative; display: inline-block; width: 100%; height: 100%; padding: 20px;}
.billBox .linkItem > a::after {content: ''; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_20.png) no-repeat center; background-size: 20px;}
.billBox .linkItem .dataInfo {width: calc(100% - 28px);}
.billBox .accoItem .accoHead,
.billBox .accoItem .accoBtn {padding: 0;}
.billBox .accoItem .infoBox .accoBtn .dataInfo {width: calc(100% - 28px);}
.billBox .accoItem::after {content: none;}
.billBox > li {padding: 20px; border: 1px solid #DEE2E6; border-radius: 16px;}
.billBox > li .block + .detail {margin-top: 20px;}
.billBox > li .infoBox {display: flex; align-items: center; width: 100%; padding: 0;}
.billBox > li .infoBox .card {flex: 0 0 40px; width: 40px; height: 40px; margin-right: 16px;}
.billBox > li .infoBox .checkBox {width: calc(100% - 30px);}
.billBox > li .infoBox .checkBox > label {display: block; color: rgba(7, 15, 22, 0.82); font-size: 1.6rem; font-weight: 600; line-height: 1.375; word-break: keep-all;}
.billBox > li .infoBox .checkBox > label + .info {width: 100%; margin-left: 32px;}
.billBox > li .infoBox .checkBox > label::before {top: 50%; transform: translateY(-50%);}
.billBox > li .infoBox .checkBox + .accoBtn {position: absolute; top: 10px; right: 8px; width: 40px; height: 40px;}
.billBox > li .infoBox .checkBox + .accoBtn::before {width: 4rem; height: 4rem; background-position: center;}
.billBox > li .checkBox {width: 100%;}
.billBox > li .dataTxt {margin: 16px 0 0 32px; color: rgba(12, 23, 35, .6); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.billBox > li .state {margin-top: 4px; color: rgba(2, 12, 21, .72); font-size: 1.4rem; font-weight: 500; line-height: 1.43; text-align: right;}
.billBox > li .cancle {color: #EE444A;}
.billBox > li .detail {padding: 0 !important; background-color: #fff;}
.billBox > li + li {margin-top: 12px;}
.billBox > li + li::before {content: none;} */

.dataInfo .infoTit {display: block; color: rgba(7, 15, 22, 0.82); font-size: 1.6rem; font-weight: 600; line-height: 1.375; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.dataInfo .bank {margin-top: 4px; color: #8B929A; font-size: 1.4rem; font-weight: 500; line-height: 1.429;} /* 250116 접근성 반영 */
.dataInfo .money {color: #0871F3; font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.dataInfo .moneyInfo {display: flex; justify-content: space-between; align-items: center;}
.dataInfo > .info {display:block; position:relative; overflow:hidden; margin-top: 4px; color: #8B929A; font-size: 1.4rem; font-weight: 500; line-height: 1.429;}/*250116 접근성 반영*/
.dataInfo > .info > span {display:inline-block; position:relative; margin-right:6px; padding-right:6px; vertical-align:middle; word-break: break-all;}
.dataInfo > .info > span:before {content:''; position:absolute; top:5px; bottom:5px; left:-8px; width:1px; background-color:#DEE2E6;}
.dataInfo ~ .infoList {margin-top: 20px; padding-top: 20px; border-top: 1px solid #DEE2E6;}

.dataMoney {margin-top: 16px; text-align: right;}
.dataMoney.type2 {display: flex; justify-content: space-between;}
.dataMoney .priceInfo {color: rgba(7, 15, 22, .82); font-size: 2rem; font-weight: 800; line-height: 1.4;}
.dataMoney > .money {color: #0871F3; font-size: 1.6rem; font-weight: 600; line-height: 1.375;}

/* 명세서 재발송 */
.detailBox .cardArea {display: flex; align-items: center; margin-bottom: 30px;}
.detailBox .cardArea .img {width: 30px; height: 48px; margin-right: 16px;}
.detailBox .cardArea .img.rotate {width: 48px; height: 30px; transform: rotate(90deg); transform-origin: 50% 25%; margin: 16px 0 0 0;}
.detailBox .cardArea .cont {width: calc(100% - 48px);}
.detailBox .cardArea .cardTit {display: block; margin-bottom: 4px; color: rgba(7, 15, 22, .82); font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.detailBox .cardArea .cardNo {display: block; color: rgba(50, 63, 79, .5); font-size: 1.4rem; font-weight: 500; line-height: 1.43;}

/* 이용내역 상세 팝업 */
.dataListHead {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 16px 0 40px 0;}
.dataListHead::after {content: ''; position: absolute; bottom: 0; left: -20px; right: -20px; height: 8px; background-color: rgba(115, 132, 149, .05);}
.dataListHead .store {display: block; color: rgba(7, 15, 22, .82); font-size: 1.5rem; font-weight: 600; line-height: 1.4;}
.dataListHead .price {display: block; margin-top: 2px; color: rgba(7, 15, 22, .82); font-size: 2.9rem; font-weight: 800; line-height: 1.38;}
.dataListHead .date {margin-top: 4px; color: #6D747B; font-size: 1.4rem; font-weight: 500; line-height: 1.429;}
.dataListHead .txtArea {width: calc(100% - 68px);}
.dataListHead .imgArea {width: 52px; height: 83px;}
.dataListHead .imgArea.rotate {width: 83px; height: 52px; transform: rotate(90deg) translateY(-25%);}
.dataListBody {position: relative; margin-top: 32px;}
.dataListBody > ul > li {display: flex; justify-content: space-between; margin-top: 0; padding: 12px 0;}
.dataListBody > ul > li .listTit {color: rgba(12, 23, 35, 0.6); font-size: 1.5rem; line-height: 1.4; font-weight: 500; float: unset;}
.dataListBody > ul > li .listInfo {color: rgba(7, 15, 22, 0.82); font-size: 1.5rem; line-height: 1.4; font-weight: 500; text-align: right; float: unset;}
.dataListBody > ul > li .dataInfo {display: flex; justify-content: flex-end; margin-left: 8px;}
.dataListBody > ul > li .dataInfo > p + p {position: relative; margin-left: 6px; padding-left: 6px;}
.dataListBody > ul > li .dataInfo > p + p::before {content: ''; position: absolute; top: 5px; left: -1px; bottom: 5px; width: 1px; border-left: 1px solid rgb(222, 226, 230);}
.dataListBody > ul > li::after {content: none;}
.dataListBody > ul > li + li {border-top: 1px solid rgb(222, 226, 230);}
.dataListBody + .dataListBody {margin-top: 40px;}
.memoNum {margin: 8px 0 16px 0; color: rgba(50, 63, 79, 0.5); font-size: 1.4rem; line-height: 1.43; text-align: right;}
.memoNum .on {color: rgba(7, 15, 22, 0.82);}
.btnImgSave > span {padding-left: 28px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_download_20.png) no-repeat left center; background-size: 20px;}
.btnImgSave:disabled > span {opacity: .4;}
@media screen and (max-width: 340px) {
	.dataListBody > ul > li .dataInfo {display: block;}
	.dataListBody > ul > li .dataInfo > p + p::before {content: none;}
}

/* 이용대금명세서 (s) */
.payTopWrap {padding: 32px 20px 24px 20px; background-color: rgba(115, 132, 149, .05);}
.payTopWrap.emptyData {background-color: unset;}
.payTopWrap.emptyData .noData {margin: 80px 0 24px 0;}
/* 월별 명세서 조회 */
.monthSelectWrap .controls {display: flex; justify-content: center; align-items: center; margin: 0; padding: 0;}
.monthSelectWrap .periodSel {width: auto; height: auto; margin: 0 5px; background-color: unset; color: rgba(7, 15, 22, .82); border: none; font-size: 1.7rem; font-weight: 800; line-height: 1.412;}
.monthSelectWrap .periodSel > span {padding: 0;}
.monthSelectWrap .periodSel > span::after {content: none;}
.monthSelectWrap .controls > [class^="btn"] {display: inline-block; width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_left_24.png) no-repeat center; background-size: 2.4rem;}
.monthSelectWrap .controls > [class^="btn"].btnNext {transform: rotate(180deg);}
.monthSelectWrap .controls > [class^="btn"]:disabled {opacity: .4; cursor: default;}
/* 선택 월 결제금액 */
.moneyTotal .moneyTit {display: flex; justify-content: center; align-items: center;}
.moneyTotal .emailBtn {width: 2.4rem; height: 2.4rem; margin-left: 8px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonPay/ico_email_24.png) no-repeat center; background-size: 2.4rem;}
.payTopWrap .moneyTotal {margin: 32px 0; padding: 0; background-color: unset;}
.payTopWrap .moneyTotal .tit {margin-top: 0; color: rgba(7, 15, 22, .82); font-size: 1.7rem; font-weight: 800; line-height: 1.412;}
.payTopWrap .moneyTotal .total {margin: 8px 0 0 0;}
.payTopWrap .moneyTotal .total .money {color: rgba(7, 15, 22, .82); font-size: 2.9rem; line-height: 1.38; font-weight: 800;}
.payTopWrap .moneyTotal .total .money em {margin-left: 0px; color: rgb(8, 113, 243); font-size: 2.9rem; font-weight: 800; line-height: 1.38;}
.payTopWrap .moneyTotal .total .money em > div[data-numberanimate-pos="4"],
.payTopWrap .moneyTotal .total .money em > div[data-numberanimate-pos="8"],
.payTopWrap .moneyTotal .total .money em > div[data-numberanimate-pos="12"] {width: 13px !important;}
.payTopWrap .moneyTotal .priceWrap {margin-top: 12px;}
.payTopWrap .moneyTotal .priceWrap .tip {margin-left: 2px;}
.payTopWrap .moneyTotal .priceWrap > p {color: rgba(12, 23, 35, .6);}
.payTopWrap .moneyTotal .priceWrap dl {display: flex; justify-content: center; align-items: center; margin: 0 !important; padding: 0; border-top: none;}
.payTopWrap .moneyTotal .priceWrap dl > dt {display: flex; align-items: center; color: rgba(12, 23, 35, .6); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.payTopWrap .moneyTotal .priceWrap dl > dd {margin-left: 8px; color: rgba(7, 15, 22, .82); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.payTopWrap .moneyTotal .priceWrap dl > dd .btnPrice {position: relative; padding-right: 22px; font-weight: 500;}
.payTopWrap .moneyTotal .priceWrap dl > dd .btnPrice::after {content: ''; position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png) no-repeat center; background-size: 2rem;}
.payTopWrap .moneyTotal .priceWrap dl > dd span {display: inline-block; line-height: 1.34;}
.payTopWrap .btnWrap {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.payTopWrap .btnWrap > button {width: calc(50% - 5px); max-height: 4rem;  margin-bottom: 8px; padding: 10px 8px; background-color: rgb(229, 233, 236); color: rgba(2, 12, 21, .72); border-radius: 8px; font-size: 1.5rem; font-weight: 600; line-height: 1.42; text-align: center; max-height: none}
.payTopWrap .btnWrap > button:last-of-type:last-child:nth-child(2n-1) {width: 100%;}
/* s: 20241115 유제영 */
.payTopWrap .btnWrap + .paymentPlanner {margin-top: 16px;}
.paymentPlanner .plannerBtn {display: flex; justify-content: center; align-items: center; width: fit-content; margin: 0 auto;}
.paymentPlanner .plannerBtn > i {display: inline-block; width: 2rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_20.png) no-repeat center; background-size: 2rem;}
.paymentPlanner .plannerBtn > i.icoPlan {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/newonPay/ico_planner_01.png);}
.paymentPlanner .plannerBtn > i.icoDtl {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/newonPay/ico_dtl.png);}
.paymentPlanner .plannerBtn + .plannerBtn {margin-top: 16px;}
.paymentPlanner .paymentTxt {display: inline-block; margin: 0 8px 0 6px; color: rgba(2, 12, 21, .72); font-size: 1.4rem; font-weight: 500; line-height: 1.43; text-align: left;}
/* e: 20241115 유제영 */
.payTopWrap .rstlInfo {margin-top: 16px;}
.rstlInfo .rstlInfoBtn {display: flex; justify-content: center; align-items: center; width: fit-content; margin: 0 auto;}
.rstlInfo .rstlInfoBtn > i {display: inline-block; width: 2rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_20.png) no-repeat center; background-size: 2rem;}
.rstlInfo .rstlInfoBtn > i.icoText {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_speech_bubble.png);}
.rstlInfo .rstlInfoBtn + .rstlInfoBtn {margin-top: 16px;}
.rstlInfo .rstlInfoTxt {display: inline-block; margin: 0 8px 0 6px; color: rgba(2, 12, 21, .72); font-size: 1.4rem; font-weight: 500; line-height: 1.43; text-align: left;}
/* 잔액 조회 */
.bankAccount {margin: 24px 0; padding: 20px; background-color: rgba(115, 132, 149, .05); border-radius: 16px;}
.bankAccount .dataAccount {display: flex; align-items: center; justify-content: space-between;}
.bankAccount .dataAccount .btnIco_refresh {width: 1.6rem; height: 1.6rem; margin-left: 4px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonPay/ico_refresh_16.png) no-repeat center; background-size: 1.6rem;}
.bankAccount .dateBox {display: flex; align-items: center;}
.bankAccount .date {color: rgba(12, 23, 35, .6); font-size: 1.2rem; line-height: 1.34;}
.bankAccount .toggleBox {display: flex; align-items: center;}
.bankAccount .title {color: rgba(7, 15, 22, .82); font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.bankAccount .toggleSwitch {margin-left: 8px;}
.bankAccount .connectAccount {margin-top: 8px;}
.bankAccount .name {color: rgba(7, 15, 22, .82); font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.bankAccount .accountNumber {margin-top: 4px; color: rgba(50, 63, 79, .5); font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.bankAccount .connect {margin-top: 16px; text-align: right;}
.bankAccount .connect .expire {color: rgb(37, 137, 244); font-size: 1.4rem; font-weight: 500; line-height: 1.6rem; text-align: right;}
.bankAccount .amount {padding-right: 24px; margin-left: 4px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_20.png) no-repeat right; background-size: 20px; color: rgba(7, 15, 22, .82); font-size: 2rem; font-weight: 800; line-height: 1.4;}
.btnIco_refresh.rotate {animation:rotateImg 1s linear infinite; transform-origin: 50% 50%; animation-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860) !important;}
@keyframes rotateImg {
    100% { transform:rotate(-360deg) }
}
/* 상세 내역 */
.tabWrap.inner {margin-top: 32px;}
.tabWrap.inner .tabContents {padding: 8px 20px 0 20px;}
.tabWrap.inner .tabContents .dataListWrap {margin-top: 16px;}
.dataListWrap {margin-top: 24px;}
.dataListWrap .dataListItem .dateTitle {display: block; color: rgba(12, 23, 35, 0.6); font-size: 1.4rem; font-weight: 500; line-height: 1.429;}
.dataListWrap .dataListItem .dataList > li {padding: 12px 0; border-bottom: none;}
.dataListWrap .dataListItem .dataList > li:first-of-type .dateTitle {padding-top: 0; border-top: none;}
.dataListWrap .dataListItem .dataList > li + li {margin-top: 16px;}
.dataListWrap .dataListItem .dataList .block.waBtn {display: flex; align-items: flex-start; padding: 0; background: unset;}
.dataListWrap .dataListItem .dataList .block.waBtn + .ar {margin-top: 8px;}
.dataListWrap .dataListItem .dataList .block.waBtn .cont .dataInfo > button.cardBtn{margin-left: 0;}/* 241205 리스트 수정 추가 이재길 */
.dataListWrap .dataListItem .dataList .card {flex-shrink: 0; width: 30px; height: 48px; margin-right: 16px;}
.dataListWrap .dataListItem .dataList .card.rotate {width: 48px; height: 30px; transform: rotate(90deg); transform-origin: 50% 25%; margin: 16px 0 0 0;}
.dataListWrap .dataListItem .dataList .cont {display: table; width: calc(100% - 46px);}
.dataListWrap .dataListItem .dataList .cont .dataMoney {width: calc(30% - 8px); margin: 0; padding-left: 8px; white-space: nowrap;}
.dataListWrap .dataListItem .dataList .tit {display: block; padding-top: 0; color: rgba(7, 15, 22, .82); font-size: 1.6rem; font-weight: 500; line-height: 1.375; text-overflow: ellipsis; overflow: hidden; white-space: initial;}
.dataListWrap .dataListItem .dataList .dataMoney .money {display: inline-block; margin-top: 0; color: rgba(7, 15, 22, .82); font-size: 1.6rem; font-weight: 600; line-height: 1.375; letter-spacing: initial;}
.dataListWrap .dataListItem .dataList .dataMoney .money em {padding-right: 0;}
.dataListWrap .dataListItem .dataList .dataMoney.cancel .money,
.dataListWrap .dataListItem .dataList .dataMoney.cancel .money em {margin-top: 0; color: rgba(50, 63, 79, .5); font-size: 1.6rem; font-weight: 600; line-height: 1.375; text-decoration: line-through;}
/* 241205 리스트 수정 추가 이재길 [S] */
.dataListWrap .dataListItem .dataList .dataMoney .moneySale {display: block; margin-top: 5px; color: #0871F3; font-size: 1.4rem; font-weight: 500; line-height: 1.429;}
.dataListWrap .dataListItem .dataList .dataMoney.cancel .moneySale{color: #EE444A ;}
.dataListWrap .dataListItem .dataList .dataMoney .usePoint {display: block; margin-top: 5px; color: rgba(50, 63, 79, .5); font-size: 1.4rem; font-weight: 500; line-height: 1.429;}
/* 241205 리스트 수정 추가 이재길 [E] */
.dataListWrap .dataListItem .dataList .dataInfo:not(:only-child) .info {margin-right: 0;}

.dataListWrap .dataListItem + .dataListItem {margin-top: 12px; padding-top: 24px; border-top: 1px solid rgb(222, 226, 230);}
.dataListWrap .detailBox {margin-top: 12px;}
.dataListWrap .detailBox .infoList > li {align-items: center;}
.dataListWrap .detailBox .infoList .item {color: rgba(7, 15, 22, 0.82);}
.dataListWrap .detailBox .infoList .val {font-size: 1.6rem; font-weight: 600; line-height: 1.375; color: rgba(7, 15, 22, 0.82);}
.dataListWrap .detailBox .infoList + .infoList {margin-top: 20px; padding-top: 20px;}
/* 요약 내역 */
.dataListWrap .dataList.sum.payment .block .accoBtn {padding: 16px 28px 16px 0;}
.dataListWrap .dataList.sum.payment .block .tit {display: inline-block; height: auto; max-height: initial; padding-top: 0; color: rgba(7, 15, 22, .82); font-size: 1.5rem; font-weight: 600; line-height: 1.4;}
.dataListWrap .dataList.sum.payment .block .dataInfo {width: 60%; margin-bottom: 0;}
.dataListWrap .dataList.sum.payment .block .dataMoney {width: calc(40% - 30px); margin-top: 0;}
.dataListWrap .dataList.sum.payment .block .dataMoney .money {display: inline-block; color: rgb(8, 113, 243); font-size: 1.5rem; font-weight: 600; line-height: 1.4; text-align: right;}
.dataListWrap .dataList.sum.payment .block .dataMoney .money em {padding-right: 0; color: rgb(8, 113, 243); font-size: 1.5rem; font-weight: 600; line-height: 1.4;}
.dataListWrap .dataList.sum.payment .block .infoList {margin-top: 8px; padding-top: 0; border-top: none;}
.dataListWrap .dataList.sum.payment .block .infoList > li {padding: 0;}
.dataListWrap .dataList.sum.payment .block .infoList .item,
.dataListWrap .dataList.sum.payment .block .infoList .val {color: rgba(12, 23, 35, 0.6); font-size: 1.4rem; font-weight: 500; line-height: 1.429;}
.dataListWrap .dataList.sum.payment .detail .infoList {margin-top: 0;}
.dataListWrap .dataList.sum.payment .detail .infoList > li.total {margin-bottom: 12px; padding-bottom: 16px;}
.dataListWrap .dataList.sum.payment .detail .infoList > li.total > .item {padding-bottom: 0; color: rgba(7, 15, 22, 0.82); font-size: 1.5rem; font-weight: 600;}
.dataListWrap .dataList.sum.payment .detail .infoList > li.total > .val {padding-bottom: 0; color: rgb(8, 113, 243); font-size: 1.7rem; font-weight: 600;}
.dataListWrap .dataList.sum.payment .detail .infoList .item {color: rgba(12, 23, 35, 0.6); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.dataListWrap .dataList.sum.payment .detail .infoList .val {color: rgba(7, 15, 22, 0.82); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.dataListWrap .dataList.sum.payment .detail .infoList + .infoList {margin-top: 24px;}
.dataListWrap .dataList.sum.payment .detail .infoList + .agreeWrap {margin-top: 18px; padding-top: 24px;}
.dataListWrap .dataList.sum.payment .detail .infoList + .boxTbl {margin-top: 24px;}
.dataListWrap .dataList.sum.payment > li .block::after {top: 16px; transform: unset;}
.dataListWrap .dataList.sum.payment > li.on .block::after {transform: rotate(-180deg);}
.dataListWrap .agreeWrap {margin: 24px 0;}
.dataListWrap .agreeWrap + .txtList_disc {margin-top: 24px;}
.dataListWrap .btnArea {margin: 24px 0; padding: 0;}
.dataListWrap .btnTxt_more {margin: 12px 0;}
.agreeWrap .stateCopy {margin-top: 0;}
.agreeWrap .stateCopy strong {display: block; margin-bottom: 12px; color: rgba(7, 15, 22, 0.82); font-size: 1.7rem; font-weight: 800; line-height: 1.412;}
.agreeWrap .stateCopy .cont {color: rgba(2, 12, 21, 0.72); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.addInfoLink {}
.addInfoLink > li {padding: 0 20px;}
.addInfoLink > li > a {position: relative; display: block; padding: 16px 0; color: rgba(7, 15, 22, 0.82); border-bottom: 1px solid #DEE2E6; font-size: 1.5rem; font-weight: 600; line-height: 1.4;}
.addInfoLink > li > a::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_20.png) no-repeat center; background-size: 20px;}
.addInfoLink > li:last-of-type > a {border-bottom: none;}
.totalBox {margin-top: 24px; padding: 20px; background-color: #E5F4FF; border-radius: 16px;}
.totalBox .infoList .item {font-size: 1.6rem; font-weight: 600; line-height: 1.375; color: rgba(7, 15, 22, .82);}
.totalBox .infoList .val {font-size: 1.6rem; font-weight: 600; line-height: 1.375; color: #0871F3;}
/* MY 소비리포트 */
.imgWebee {position: absolute; ; top: calc(100% - 52px); right: 0; width: 88px; height: 88px; z-index: -1;}
.resultMsgBox {padding: 24px 20px; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 45, 125, .12); border-radius: 16px;}
.resultMsgBox > .cont {text-align: left;}
.resultMsgBox > .cont > .titH2 {font-weight: 800;}
.resultMsgBox > .cont > strong {color: rgba(7, 15, 22, .82); font-size: 1.7rem; font-weight: 800; line-height: 1.412;}
.resultMsgBox > .cont > p {margin-top: 4px; color: rgba(50, 63, 79, .5); font-size: 1.4rem; font-weight: 500; line-height: 1.429;}
.resultMsgBox + .resultMsgBox {margin-top: 24px;}
.resultMsgBox .benefit {display: flex; justify-content: space-between; margin-top: 8px; color: rgba(50, 63, 79, 0.5); font-size: 1.3rem; font-weight: 600; line-height: 1.39;}
.resultMsgBox .benefit .won {color: rgba(7, 15, 22, .82);}
.graphBox {margin-top: 32px;}
.graphBox .shop {background-color: #FF9838 !important;}
.graphBox .travel {background-color: #F35E9C !important;}
.graphBox .edu {background-color: #46B6CF !important;}
.graphBox .oil {background-color: #8C81EB !important;}
.graphBox .health {background-color: #20C594 !important;}
/* .graphBox .pay {background-color: #2589F4 !important;} */
.graphBox .div {background-color: #BEDEFF !important;}
.graphBox .loan {background-color: #005BB9 !important;}
.graphBox .discount {background-color: #A6D1FF !important;}
.graphBox .point {background-color: #2589F4 !important;}
.graphBox .graphType01 {display: flex; justify-content: center; align-items: flex-end;}
.graphBox .graphType01 > li {display: flex; flex-direction: column; align-items: center; text-align: center;}
.graphBox .graphType01 > li > strong {color: rgba(7, 15, 22, 0.82); font-size: 1.3rem; font-weight: 600; line-height: 1.385;}
.graphBox .graphType01 > li > p {color: rgba(7, 15, 22, 0.82); font-size: 1.3rem; font-weight: 600; line-height: 1.385;}
.graphBox .graphType01 > li .bar {width: 32px; margin: 8px 0 12px 0; background-color: rgba(133, 151, 168, 0.18); border-radius: 4px;}
.graphBox .graphType01 > li + li {margin-left: 24px;}
.graphBox .graphType01 > li.on .bar {background: linear-gradient(180deg, rgb(91, 171, 251) 0%, rgb(37, 137, 244) 100%);}
.graphBox .graphType01 > li.on > strong {color: #0871F3;}
.graphBox .graphType02 {display: flex; width: 100%; border-radius: 4px; overflow: hidden;}
.graphBox .graphType02 > li {height: 24px; background-color: rgba(130, 149, 167, .11);}
/* s: 241211 뉴원 2차 안정화 결함 수정 이다혜 */
.graphBox .graphType02 > li.full {border-radius: 4px;}
/* e: 241211 뉴원 2차 안정화 결함 수정 이다혜 */
.graphBox .graphType02 > li + li {margin-left: 2px;}
.graphBox .graphList {margin-top: 24px;}
.graphBox .graphList > li {display: flex;  align-items: center;}
.graphBox .graphList > li .imgArea {width: 32px; height: 32px; margin-right: 16px;}
.graphBox .graphList > li .imgArea i {display: inline-block; margin: 7px; width: 20px; height: 20px; background-color: #2589F4; border-radius: 6px;}
.graphBox .graphCircle {position: relative; width: 160px; height: 160px; margin: 0 auto; background: conic-gradient(#2589F4 0% 100%); border-radius: 50%;}
.graphBox .graphCircle::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: #fff; border-radius: 50%;}
.graphBox .graphList > li .contArea {display: flex; justify-content: space-between; align-items: center; width: calc(100% - 48px); text-align: left;}
.graphBox .graphList > li .contArea .title {margin-right: 4px; color: rgba(7, 15, 22, 0.82); font-size: 1.5rem; font-weight: 600; line-height: 1.4;}
.graphBox .graphList > li .contArea .percent {color: rgba(12, 23, 35, .6);}
.graphBox .graphList > li .contArea .cont {color: rgba(7, 15, 22, 0.82);font-size: 1.6rem; font-weight: 600; line-height: 1.375; text-align: right;}
.graphBox .graphList > li + li {margin-top: 24px;}
.graphBox .graphList.type2 {}
.graphBox .graphList.type2 > li .imgArea {width: 16px; height: 16px; margin-right: 4px;}
.graphBox .graphList.type2 > li .imgArea i {width: 10px; height: 10px; margin: 3px; background-color: #A6D1FF; border-radius: 2px;}
.graphBox .graphList.type2 > li .contArea {width: calc(100% - 20px);}
.graphBox .graphList.type2 > li .contArea .title {color: rgba(12, 23, 35, .6);}
.graphBox .graphList.type2 > li + li {margin-top: 12px;}
.graphBox .txtList_guide {margin: 16px 0 0 0; color: rgba(2, 12, 21, .72);}
.statisticArea {margin-top: 32px;}
.overflowCont.report {margin-top: 24px; overflow-x: hidden;}
.overflowCont.report .goodsList {display: flex; margin: 0; padding: 0 20px; white-space: normal;}
.overflowCont.report .goodsList > li {flex: 0 0 112px; width: 112px; margin: 0 24px 0 0; padding: 0; text-align: center; border-bottom: none;}
.overflowCont.report .goodsList > li > a {display: inline-block; width: 100%; height: 100%;}
.overflowCont.report .goodsList > li .card {width: 80px; height: 128px; margin: 0 auto;}
.overflowCont.report .goodsList > li .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin-top: 8px; color: rgba(2, 12, 21, .72); font-size: 1.4rem; font-weight: 600; line-height: 1.43;}
/* 이용대금명세서 (e) */

/* 즉시결제 (s) */
.payTopWrap .titWrap {text-align: center;}
.payTopWrap .titWrap .tit {color: rgba(7, 15, 22, .82); font-size: 2.5rem; font-weight: 800; line-height: 1.4;}
.payTopWrap .titWrap .tit > .f17 {display: block; margin-bottom: 8px;}
.payTopWrap .titWrap .sub {margin: 12px 0 8px 0;}
.payTopWrap .titWrap .txt {margin-top: 4px; color: rgba(7, 15, 22, .82); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.payTopWrap .titWrap .subTxt {margin-top: 12px; color: rgba(12, 23, 35, .6); font-size: 1.3rem; line-height: 1.385;}
.payTopWrap .roundBox {margin: 40px 0 8px 0; padding: 24px 20px; background-color: #fff; border-radius: 16px; box-shadow: 0 8px 16px 0 rgba(0, 45, 125, .06); text-align: center;} 
.payTopWrap .roundBox .tit {color: rgba(7, 15, 22, 0.82); font-size: 1.7rem; font-weight: 800; line-height: 1.412;}
.payTopWrap .roundBox .cont {margin-top: 8px; color: rgba(12, 23, 35, 0.6); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.payTopWrap .roundBox > button {margin-top: 20px; border-radius: 8px;}
.alertInfoWrap {display: flex; justify-content: center; margin: -16px 0 30px 0;}
.alertInfoWrap .alertInfo {display: flex; align-items: center; padding: 8px 12px; background-color: #fff; border-radius: 40px; box-shadow: 0 8px 16px 0 rgba(0, 45, 125, .06);}
.alertInfoWrap .alertInfo > i {display: inline-block; width: 2rem; height: 2rem; margin-right: 6px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonPay/ico_rev.png) no-repeat center; background-size: 2rem;}
.alertInfoWrap .alertInfo > span {color: #00AD7C; font-size: 1.2rem; font-weight: 600; line-height: 1.334;}
/* 분할매출 즉시결제 예시 */
.paymentBox {margin: 12px 0 24px 0; padding: 20px; background-color: rgba(115, 132, 149, .05); border-radius: 16px;}
.paymentBox .interSum {margin: 0; padding: 0; background-color: unset;}
.paymentBox .interSum > ul {display: flex; align-items: center;}
.paymentBox .interSum > ul > li {display: block; float: unset; margin: 0; padding: 0; border: none; text-align: center;}
.paymentBox .interSum > ul > li + li {margin-left: 4px;}
.paymentBox .interSum > ul > li > p {width: 100%; padding: 10px 0; background-color: rgba(115, 132, 149, .05); color: rgba(2, 12, 21, .72); border-radius: 8px; font-size: 1.3rem; font-weight: 500; line-height: 1.385;}
.paymentBox .interSum > ul > li > p > em {margin-right: 0; font-size: 1.3rem; font-weight: 500; line-height: 1.385; letter-spacing: initial;}
.paymentBox .interSum > ul > li > p.item {margin-bottom: 4px; background-color: #E5F4FF; color: #0871F3; font-weight: 600;}
.paymentBox .icoPayChange {position: relative; width: 64px; height: 64px; margin: 12px 0 16px 0; padding: 0; background-color: unset;}
.paymentBox .icoPayChange span {display: inline-block; color: rgba(12, 23, 35, 0.6); font-size: 1.2rem; font-weight: 500; line-height: 1.334;}
.paymentBox .icoPayChange span > em {color: #0871F3; font-size: 1.4rem; font-weight: 600; line-height: 1.429;}
.paymentBox .icoPayChange span:before {content: none;}
.paymentBox .icoPayChange .cont {position: absolute; top: 50%; left: -36px; transform: translateY(-50%);}
@media screen and (max-width: 320px) {
	.paymentBox .interSum > ul > li > p > em,
    .paymentBox .interSum > ul > li > p {font-size: 1.2rem;}
}
/* 분할매출 즉시결제 예시 선택금액 합계 */
.bottomTotal.sticky {display: none; padding: 24px 20px 16px 20px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, #fff 24px);}
.bottomTotal.active {display: block !important;}
.bottomTotal .inner {padding: 0 20px; background-color: rgba(115, 132, 149, .05); border-top: none; border-radius: 16px;}
.bottomTotal .accoBody {margin-top: -4px; padding: 16px 0 20px 0; border-top: 1px solid rgb(222, 226, 230);}
.bottomTotal .accoBtn {padding: 20px 24px 20px 0;}
.bottomTotal .accoBtn:before {right: 0;}
.bottomTotal .tit {color: rgba(7, 15, 22, 0.82); font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.bottomTotal .total {color: #0871F3; font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.bottomTotal .total em {font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
/* 계좌 선택 */
.sltWrap .bankSelect > p {padding: 8px 20px 12px 20px; color: rgba(50, 63, 79, 0.5); font-size: 1.7rem; font-weight: 500; line-height: 1.412;}
.sltWrap .bankSelect .bank {display: flex; align-items: center; padding: 13px 20px 0 20px;}
.sltWrap .bankSelect .bank .img {flex-shrink: 0; width: 20px; height: 20px; margin-right: 8px;}
.sltWrap .bankSelect .bank .tit {display: inline-block; color: rgba(7, 15, 22, 0.82); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.sltWrap .bankSelect .account {padding: 8px 20px 12px 20px; color: rgba(50, 63, 79, 0.5); font-size: 1.7rem; font-weight: 500; line-height: 1.412;}
.sltWrap .bankSelect .account.on {color: rgba(7, 15, 22, 0.82);}
.sltWrap .btnAccount {background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat  calc(100% - 20px) center; background-size: 20px;}
.optionList.bank li {display: flex; align-items: center;}
.optionList.bank li .bankImg {flex-shrink: 0; width: 40px; height: 40px; margin-right: 16px;}
.optionList.bank li .account {color: rgba(7, 15, 22, 0.82); font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.optionList.bank li .bank {color: rgba(50, 63, 79, 0.5); font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.optionList.bank li.on:after {top: 50%; transform: translateY(-50%);}

.btnTip {display: inline-block; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_tooltip_blk_20.png) no-repeat center; background-size: 20px;}
.btnDateSelect {display: flex; align-items: center; padding: 7px 8px; background-color: rgb(241, 243, 245); color: rgba(2, 12, 21, 0.72); border-radius: 6px; font-size: 1.3rem; font-weight: 500; line-height: 1.385;} 
.btnDateSelect > i {display: inline-block; width: 16px; height: 16px; margin-left: 4px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_grey_16.png) no-repeat center; background-size: 16px;}
/* 즉시결제 (e) */

/* 이용내역/매출전표 조회 (s) */
/* 총 이용금액 */
/* 251022 이용내역 메인 상단 총 이용금액 영역 수정 (s) */
.moneyTotalWrap {margin: 1.6rem 2rem 0 2rem; padding: 0 2rem; border-radius: 1.6rem; background-color: #fff; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 1.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);}
.moneyTotalWrap .moneyTotal {margin-top: 0; padding: 20px 0; border-color: #dedede; background-color: #fff; text-align: left;}
.moneyTotalWrap .moneyTotal .date {font-size: 1.4rem; font-weight: 400; color: #485056; line-height: 2rem;}
.moneyTotalWrap .moneyTotal .total {margin: 0.4rem 0 0; line-height: 3.5rem;}
.moneyTotalWrap .moneyTotal .total .money {font-size: 2.5rem; font-weight: 700; color: #212528;}
.moneyTotalWrap .moneyTotal .total .money em {margin: 0; font-size: 2.5rem;}
.moneyDetails .infoList {padding: 1.6rem 0 2rem 0;}
.moneyDetails .infoList .item {color: #485056;}
.moneyDetails .infoList .val {color: #212528; font-weight: 600;}
.moneyDetails .accoBtn {padding: 1.4rem 0; border-top: 1px solid #dedede; color: #6d747b; font-weight: 600; text-align: center;}
.moneyDetails .accoBtn:before {content: none;}
.moneyDetails .accoBtn > span {position: relative; display: inline-block; padding-right: 2rem;}
.moneyDetails .accoBtn > span:before {content: ''; position: absolute; top: 50%; right: 0; width: 1.6rem; height: 1.6rem; margin-left: 4px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_grey_16.png) center no-repeat; background-size: 1.6rem; transform: translateY(-50%);}
.moneyDetails.on .accoBtn > span:before {transform: translateY(-50%) rotate(180deg);}
/* 251022 이용내역 메인 상단 총 이용금액 영역 수정 (e) */
/* 상세이용내역 */
.optionSearchWrap {display: flex; align-items: center; justify-content: space-between; margin-top: 22px;}
.optionSearchWrap .date {margin-right: 2px; color: #343a40; font-weight: 500; vertical-align: middle;}
.optionSearchWrap .infoBox {display: flex; align-items: center;}
.optionSearchWrap .infoBox .monthSel {padding: 10px 0;}
.optionSearchWrap .infoBox .monthSel > span {position: relative; display: inline-block; padding-right: 2.2rem;}
.optionSearchWrap .infoBox .monthSel > span:after {position: absolute; display: block; content: ''; margin: auto 0; width: 1.6rem; height: 1.6rem; top: 0; bottom: 0; right: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat center; background-size: 1.6rem;} /* 240710 절대경로로 수정 */
.optionSearchWrap .filter {padding: 10px 0;}
.optionSearchWrap .filter > i {display: inline-block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_filter_new.png) center no-repeat; background-size: 1.6rem; vertical-align: middle;}
.optionSearchWrap .typeGroup {display: flex; align-items: center; justify-content: flex-end;}
.optionSearchWrap .typeGroup > .listType {display: inline-block; width: 4rem; height: 4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_list_off.png?v=20241127) no-repeat center; background-size: 2rem;}
.optionSearchWrap .typeGroup > .listType.on {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_list_on.png?v=20241127);}
.optionSearchWrap .typeGroup > .calenderType {display: inline-block; width: 4rem; height: 4rem; margin-right: -8px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_calender_off.png?v=20241127) no-repeat center; background-size: 2rem;}
.optionSearchWrap .typeGroup > .calenderType.on {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/wallet/ico_calender_on.png?v=20241127);}
.optionSearchWrap + .listView {margin-top: 14px;}
/* 목록으로 보기 */
.listView {display: flex; align-items: center; justify-content: space-between; margin-top: 24px;}
.listView .tot {color: #343a40; font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.listView .tot > span {vertical-align: top;}
.listView .btnSortGroup {margin-top: 0;}
.listView + .detailBoxWrap {margin-top: 16px;}
/* 달력으로 보기 */
.calenderView {margin: 16px -4px 0 -4px;}
.calenderView .controller {position:relative; display: flex; justify-content: space-between; align-items: center;}
.calenderView .controller strong {display: inline-block; color:#343a40; font-size:1.7rem; line-height:1.412; font-weight: 700;}
.calenderView .controller > button {display: inline-block; width: 16px; height: 16px; padding: 14px 12px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_16.png) no-repeat center; background-size: 16px; box-sizing: content-box;}
.calenderView .controller > button.btnPrev {transform: rotate(-180deg);}
.calenderView .controller > button:disabled {opacity: .4; cursor: default;}
.calenderView table.tabCaled {margin-top: 12px; padding: 0; border: none; text-align: center;}
/* 251022 이용내역 달력 폰트색상 수정 (s) */
.calenderView table.tabCaled thead th {border-bottom: 1px solid rgba(133, 151, 168, .18);}
.calenderView table.tabCaled th {color:#6d747b; padding: 8px 0; font-size:1.4rem; font-weight: 500; line-height: 1.429;}
.calenderView table.tabCaled th.sun {color:#ee444a;}
.calenderView table.tabCaled tbody tr > td:first-of-type .day {color:#ee444a;}
.calenderView table.tabCaled td {height: 82px; padding: 4px 0 14px 0; border-top: none; color:#212528; font-size:1.4rem; line-height: 1.429; text-align: center;}
.calenderView table.tabCaled td .day {display: inline-block; width: 3.2rem; height: 3.2rem; padding: 6px 0; color: #6d747b; border-radius: 12px; font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.calenderView table.tabCaled td .tblLink {display: inline-block; width: 100%; height: 100%;}
.calenderView table.tabCaled td .tblLink > .day {color:#212528;}
.calenderView table.tabCaled td .select {background-color:#2589f4; color: #fff !important; font-weight: 800;}
.calenderView table.tabCaled td .count {display: block; margin-top: 4px; color: #6d747b; font-size: 1.0rem; line-height: 1.4;}
/* 251022 이용내역 달력 폰트색상 수정 (e) */
.calenderView table.tabCaled td .amount {display: block; color:#2589F4; font-size: 1.0rem; line-height: 1.4;}
.calenderView table.tabCaled td .amount.red {color:#ee444a;}
.calenderView table.tabCaled td .today {background-color:rgb(130, 149, 167, .11);}
@media screen and (max-width: 320px) {
	.calenderView table.tabCaled td .amount {width: 80%; margin: 0 auto;}
}
/* 이용내역/매출전표 조회 (e) */
/* 배송이력조회 (s) */
.progressList {position: relative; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_pregress_dot.png) 20px center no-repeat repeat; background-size: 2px;}
.progressList .contArea {padding: 16px 0;}
.progressList .contArea .tit {color: rgba(7, 15, 22, 0.82); font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.progressList .contArea .cont {color: rgba(50, 63, 79, 0.5); font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.progressList .icoArea {position: relative; flex-shrink: 0; width: 40px; height: 40px; margin-right: 16px; background-color: #fff; border-top: 5px solid #fff; border-bottom: 5px solid #fff; box-sizing: content-box;}
.progressList > li {position: relative; display: flex; align-items: center;}
.progressList > li:not(.on) .icoArea {filter: grayscale(1);}
.progressList > li:not(.on) .contArea {opacity: 0.4;}
.progressList > li:first-child .icoArea::before {content: ''; position: absolute; bottom: 100%; left: 0; display: block; width: 40px; height: 100%; background-color: #fff;}
.progressList > li:last-child .icoArea::after {content: ''; position: absolute; top: 100%; left: 0; display: block; width: 40px; height: 100%; background-color: #fff;}
/* 배송이력조회 (e) */
/* 내가 받은 혜택(s) */
.payTopWrap .monthSelectWrap + .titWrap {margin: 32px 0 40px 0;}
.priceBoxList > li {border: 1px solid #DEE2E6; border-radius: 16px;}
.priceBoxList > li::after {content: none;}
.priceBoxList > li + li {margin-top: 12px;}
.priceBoxList .accoHead {padding: 0 20px;}
.priceBoxList .accoBtn {display: flex; justify-content: space-between; align-items: center; padding: 20px 28px 20px 0; font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
.priceBoxList .tit {display: flex; align-items: center;}
.priceBoxList .tit .ico {display: inline-block; flex: 0 0 10px; width: 10px; height: 10px; margin: 3px 8px 3px 3px; background-color: #A6D1FF; border-radius: 2px;}
.priceBoxList .point {background-color: #2589F4 !important;}
.priceBoxList .money {padding-left: 20px; color: #0871F3; text-align: right; white-space: nowrap;}
.priceBoxList .accoBody {padding: 0 20px 20px 20px; background-color: unset;}
.icoCateList {}
.icoCateList > li > a {position: relative; display: flex; align-items: center;}
.icoCateList > li > a::after {content: ''; width: 16px; height: 16px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_16.png) no-repeat center; background-size: 16px;}
.icoCateList > li + li {margin-top: 16px;}
.icoCateList .imgArea {width: 32px; height: 32px; margin-right: 12px;}
.icoCateList .contArea {display: flex; justify-content: space-between; width: calc(100% - 64px); color: rgba(12, 23, 35, 0.6); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.icoCateList .contArea .cont {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.icoCateList .contArea .money {color: rgba(2, 12, 21, 0.72);}
/* 내가 받은 혜택(e) */


/*/////////////////////////////////////////////////// 카드신청 //////////////////////////////////////////////////////*/

/* 공통 optionList */
.popCont.bottom .popInner > section.popSection {padding-bottom:124px}/* 241120 김지원 */

/* alert : 기존 alert 컨텐츠에 x버튼 기본이랑 패딩이 x 버튼있을때 적용되어있어, x버튼 없을 시를 따로 줌 */
.popWrap.notCls .popBody {padding-top:20px}/* x버튼 없을 시 */
.popWrap .alert .msg .tit {display:block;font-size:1.7rem;color:rgba(7, 15, 22, 0.82);font-weight:800;line-height:24px;}
.popWrap .alert .msg .tit + p,
.popWrap .alert .msg .tit + span {display: block; margin-top:12px;font-size:1.5rem;font-weight:500;line-height:21px;color:rgba(2,12,21,0.72)}

/* groupBox 공통 */
.groupBox .cfChkOptGroup {margin:-5px 0 0 -8px}
.groupBox .cfTitH3 {display:flex;align-items:center;position:relative; margin:32px 0 16px; color:#070F16;font-size:1.7rem;font-weight:600;line-height:24px;}
.groupBox .cfTitH3 .tip {margin-left:4px;width:20px;height:20px;}
.groupBox .cfTitH3 .tip .tipWrap {vertical-align:top;}
.groupBox .cfTitH4 { margin:32px 0 16px;font-size:1.6rem;font-weight:500;color:#070F16;line-height:22px;}
.groupBox .cfOptGroup .cfRdoOpt + .cfLabel {height:100%;padding:8px 4px;font-size:1.4rem;color:#6B7279;border-radius:12px;background-color:rgba(115,132,149,0.05);}
.groupBox .cfRdoOpt + .cfLabel .cfIco_ci {max-width:32px}
/*.groupBox .cfOptGroup.divide3 > li:first-child .cfRdoOpt + .cfLabel .cfIco_ci {max-width:40px} 241223 뉴원 3차 안정화 결함 수정 (삭제) 이다혜 */
.groupBox .cfOptGroup .cfRdoOpt:disabled + .cfLabel {background-color:rgba(133,151,168,0.18);}
.groupBox .cfOptGroup .cfRdoOpt:disabled + .cfLabel .cfname {color:rgba(111,125,140,0.4)}
.groupBox .cfChkOptGroup > li {min-height:40px;margin:8px 0 0 8px}
/* .groupBox .cfLabel .cfname {display: block;margin-top:8px;font-size:1.3rem;color:rgba(7,15,22,0.82);} */
.groupBox .cfOptGroup > li {margin: 8px 0 0 8px;height:72px;}
.groupBox .cfOptGroup.divide3 > li {width:calc(33.3% - 8px)}
.groupBox .cfChkOptGroup.divide2 > li,.groupBox .cfOptGroup.divide2 > li {width:calc(50% - 8px)}
.groupBox .cfChkOptGroup.divide3 > li {width:calc(33.3% - 8px)}
.groupBox .cfChkOptGroup.divide4 > li {width:calc(25% - 8px);} /* 250122 금융 수정 이다혜 */
.groupBox .cfRdoOpt + .cfLabel {font-size:1.4rem;font-weight:500;}
.groupBox + .txtList_disc {margin-top:16px}
.groupBox .cfTitH3 + .cfTip {top:-2px}
.groupBox .agreeWrap .allAgree + .allAgree {margin-top:12px}
.groupBox + .msgInfo {margin-top:32px;}
.groupBox .cfTitH3  + .cfOptGroup {margin-top:-12px;}
.groupBox .cfOptGroup > li,
.groupBox .cfChkOptGroup > li {position: relative;}
.groupBox .cfOptGroup > li .cfRdoOpt,
.groupBox .cfChkOptGroup > li .cfRdoOpt {top:0; left: 0; width: 100%; height: 100%;}
/* 250807 링크 추가 케이스 (s) */
.groupBox .titArea {margin:32px 0 16px 0;}
.groupBox .titArea [class^=cfTitH] {display:inline-block; margin:0;}
.groupBox .titArea [class^=cfTitH] + .links {float:right;}
/* 250807 링크 추가 케이스 (e) */

/* card type badge */
.badge {display: inline-block;margin-left:8px;padding: 3px 6px;min-height:16px;font-size: 1.2rem;font-weight: 600;border-radius:24px;box-sizing:border-box;line-height:1.334;vertical-align:middle;}
.badge.fee {background-color: rgba(229,244,255); color: rgba(8,113,243)}
.badge.blue {background-color:#e5efff;color:#3f72fd}/* 신용 */
.badge.orange {background-color:#FFFBEB;color:#FF5500;}/* 체크 */ /* 250211 접근성 반영 */
.badge.pink {background-color: #FFEBF2; color: #F0448E;} /* 할인 */
.badge.small{margin: 0;padding: 3px 6px;font-size: 1rem; line-height: 1; white-space: nowrap;} /* small 사이즈 추가 */

/* 라디오탭 스타일 추가 */
.radioTab {display:table;width:100%;height:100%;margin:0 auto 16px;background-color: #F1F3F5;border-radius:8px;border:2px solid transparent;table-layout:fixed;} /* 250116 접근성반영 */
.radioTab li {display: table-cell; position: relative;min-height:40px;;text-align: center; vertical-align: middle; cursor: pointer;z-index: 10;}
.radioTab li + li label:before {content: '';position: absolute;top: 50%; left: -1px; width: 1px;height: 16px;background-color: rgba(133, 151, 168, 0.18);transform: translateY(-50%);z-index: 1;}
.radioTab li .ipt:checked + label {background-color: rgb(255, 255, 255);box-shadow: 0px 0.5px 0px 0px rgba(0, 45, 125, 0.0588235294); border-radius: 6px;color: rgba(7, 15, 22, 0.82);z-index: 100; font-weight: 800; font-size: 1.45rem;}
.radioTab li .ipt:checked + label:after {content:none;}
.radioTab li label:after {content: '';position: absolute;top: 50%; right: -1px; width: 1px;height: 16px;background-color: rgba(133, 151, 168, 0.18);transform: translateY(-50%);z-index: 1;}
.radioTab li .ipt:checked ~ label:after {display: none;}
.radioTab li label {position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;height:100%; padding:4px 8px;color: #868B94; font-size: 1.4rem; font-weight: 500;letter-spacing: -0.05em; line-height: 1.429; vertical-align: middle;} /*250116 접근성 반영 */
.radioTab li input[type='radio'] + label:before {padding-left:0;content:none;}
.radioTab li:last-child label:after {content:none}
.radioTab li .ipt {top:0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width: 360px) {
	.radioTab li label {font-size:1.3rem;}
}

/* 카드비밀번호 팝업 */
.popCont.bottom .formArea.bottomPw {padding:10px 20px 40px 20px;text-align:center}
.popCont.bottom .formArea.bottomPw  .label {margin:0;padding:0;font-size: 2.2rem; font-weight: 700; line-height: 1.364;color:#000;}
.popCont.bottom .formArea.bottomPw .keypad {margin:40px 0 0 0;}
.popCont.bottom .formArea.bottomPw .keypad:after {display:none;}
.popCont.bottom .formArea.bottomPw .btnKeypad {height:auto;padding:0;text-align:center;font-size:0}
.popCont.bottom .formArea.bottomPw .btnKeypad > span {margin:0 6px;width:1.2rem;height:1.2rem;background-color:rgb(241,243,245);border-radius: 50%;}
.popCont.bottom .formArea.bottomPw .btnKeypad > span.on {background-color:rgb(37,137,244) ;}
.popCont.bottom .formArea.bottomPw .iptWrap {margin:0}
.popCont.bottom .formArea.bottomPw .iptWrap:after {display:none}

/* 적합성 확인 */
.msgInfo {font-size:1.5rem;line-height:2.1rem;color:rgba(2,12,21,0.72);font-weight:400;} /* 251024 line-height 단위 수정 */
.bgList {width:100%;padding:20px;border-radius: 16px; background-color: rgba(115,132,149,0.05);box-sizing: border-box;}
.bgList li {display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem;font-weight: 500;line-height: 21px;}
.bgList > li > * {color:rgba(12,23,35,0.6)}
.bgList > li > *:last-child {color:rgba(7,15,22,0.82);text-align: right;}
.bgList li + li {margin-top: 12px;}
.msgInfo + .bgList {margin-top:16px}

/* 유의사항안내 팝업 */
.msgInfo.strong {font-size:1.7rem;font-weight: 600;color: rgba(7,15,22,0.82);line-height: 24px;}
.msgInfo + .txtList_disc {margin-top:16px}

/* 후불교통 팝업 */
.popCont.bottom .popInner > section.newonCrd {padding: 0}
.popCont.bottom .popInner > section.newonCrd .txtList_disc {margin-bottom:0;padding-bottom:20px}
.popCont.bottom .popInner > section.newonCrd .inrCont .txtList_disc {margin-top:16px;padding-bottom:0}
.newonCrd .inrCont .txtList_disc > li,section.newonCrd .txtList_disc > li {font-size: 1.5rem; color: rgba(2,12,21,0.72)} 

/* 후불하이패스 카드 신청 */
.crdInfo {display: flex; align-items: center; justify-content: center; flex-direction: column; margin:16px 0 24px;}
.crdInfo .crdImg {width:52px; height:83px;}
.crdInfo .crdImg img {width:100%;height:100%;}
.crdInfo .crdDetail {text-align:center}
.crdInfo .crdDetail .crdName {display: block; margin-top: 16px;font-size: 1.7rem; font-weight: 600;color:rgba(7,15,22,082);}
.crdInfo .crdDetail .crdFee {display: flex; flex-direction: row; align-items: center; justify-content:center;;margin-top:8px;}
.crdInfo .crdDetail .crdFee .badge {margin-left:0}
.crdInfo .crdDetail .crdFee .price {margin-left:6px;color:rgba(7,15,22,0.82);font-weight:500;}
.visualWrap {display: flex; align-items: center; justify-content: center; margin-bottom:24px; }
.visualWrap .visualImg { max-width: 140px; max-height: 120px;}
.visualWrap .visualImg.cash { max-width: 160px; max-height: 148px;}
.visualWrap .visualImg.smart { max-width: 110px; max-height: 120px;}
.visualWrap .visualImg.starbucs { max-width: 192px; max-height: 120px;} /* 250818 스타벅스 별 전환 승급 이미지 추가 */
.visualWrap .visualImg img {width: 100%; height: 100%;}
.visualTxt {text-align:center}
.visualTxt .msgInfo.strong {display:block;color:rgba(7,15,22,0.82);font-size:1.7rem;font-weight:800;line-height:24px;}
.visualTxt .msgInfo.strong + .msgInfo {margin-top:8px;}

/* 카드 디자인 선택 */
header .btnIco_close {right: 5px; left: auto !important; color: #0871F3; font-size: 1.6rem; font-weight: 500; background: none;}
.cardStepWrap {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; min-height: calc(100dvh - 52px);}
.stepHeader {padding: 0 20px;}
.stepHeader .indiCator {display: flex; justify-content: space-between; align-items: center;  padding: 10px 0; box-sizing: border-box; letter-spacing: 0}
.stepHeader .state {font-size: 1.2rem; font-weight: 300; color:#888; line-height: 1.344;} /* 250217 접근성 반영 */
.stepHeader .state .now {color:#485056; font-weight: 800;}/* 250217 접근성 반영 */
.stepHeader .stepTit {font-size: 1.4rem; color: #485056; line-height: 1.429; font-weight: 500;;}
.stepHeader .title {display:inline-block;margin-top: 38px;font-size: 2.2rem; line-height: 135.364%; font-weight: 800; color: rgba(7, 15, 22, 0.82);letter-spacing: 0;}

/* 카드디자인 선택 저해상도 대응 */
@media screen and (max-height: 667px) {
	.stepHeader .title {margin-top: 20px;}
	.cardChoiceWrap {margin-top: 30px;}
	.cardStepWrap .swiper-pagination {margin-top: 0px;}
	.cardChoiceWrap .swiper-slide .cardDesignItem .textBox {margin-top: 25px;} 
}

/* 카드 디자인선택 swiper */
.cardChoiceWrap .swiper-pagination {position: absolute;left: 0; justify-content: center; width: 100%;margin-top: 12px;}
.cardChoiceWrap .swiper-pagination-bullet {margin: 0 3px !important;background: #8B929A;border: 0;width: 6px;height: 6px;border-radius: 100%;opacity: inherit;}/* 250211 접근성 반영 */
.cardChoiceWrap .swiper-pagination-bullet-active {background: rgba(2, 12, 21, 0.72) !important;border: 0;width: 16px;height: 6px;border-radius: 8px;}
.cardChoiceWrap .swiper-wrapper {transform: translate3d(0px,0,0); transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); }
.cardChoiceWrap  {--img-box-height: 240px;position: relative;width: calc(100% + 40px);margin-left: -20px;margin-top: 56px;padding-bottom: 32px;}
.cardChoiceWrap  {-webkit-perspective: 1000px;perspective: 1000px;}
.cardChoiceWrap .swiper-horizontal {touch-action: pan-y }
.cardChoiceWrap  .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: unset;margin-right: 0 !important;}
.cardChoiceWrap  .swiper-slide .cardDesignItem .imgBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;height: var(--img-box-height);margin-top:0;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;border:0;text-align:left;}
.cardChoiceWrap  .swiper-slide .cardDesignItem img {display: block;margin: 0 auto;width: 100%;max-width: 128px;aspect-ratio: 190/300;}
.cardChoiceWrap  .swiper-slide .cardDesignItem.horiz .imgBox {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transform: translateY(0);transform: translateY(0);}
.cardChoiceWrap  .swiper-slide .cardDesignItem.horiz img {max-width: 202px;aspect-ratio: 300/190;}
.cardChoiceWrap  .swiper-slide .cardDesignItem img {max-width: 128px;aspect-ratio: 190/300;}
.cardChoiceWrap  .swiper-slide .cardDesignItem .textBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 56px;margin-bottom: -32px;text-align: center;opacity: 0;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;letter-spacing: 0;}
.cardChoiceWrap  .swiper-slide .cardDesignItem .textBox .cardName {display: block;font-size: 1.7rem;line-height: 1.412;font-weight: 800;color: rgba(7, 15, 22, 0.82);}
.cardChoiceWrap  .swiper-slide .cardDesignItem .textBox .cardInfo {margin-top: 8px; font-size: 1.4rem;line-height: 1.429;font-weight: 400;color: rgba(2, 12, 21, 0.72);letter-spacing: 0;}
.cardChoiceWrap  .swiper-slide-active .cardDesignItem .textBox {opacity: 1;}
.cardChoiceWrap  .swiper-wrapper .swiper-slide:only-child .textBox {margin-top: unset;}
.cardStepWrap  .swiper-pagination {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;top: 0;bottom: unset;margin-top: 16px;padding: 5px;-webkit-transform: translateY(calc(var(--img-box-height)));transform: translateY(calc(var(--img-box-height)));}
.cardStepWrap .guidetxt {position: relative; margin-top: 40px; padding: 0 20px;}
.cardStepWrap .guidetxt:before {content: '';position: absolute; top: 0; left: 20px; right: 20px; background-color: rgb(222, 226, 230); height: 1px; }
.cardStepWrap .guidetxt .txtList_guide {margin-top:24px;padding-left: 28px; font-size: 1.4rem; color: #6B727A; line-height: 1.429; letter-spacing: 0;}
.cardStepWrap .guidetxt .txtList_guide + .txtList_guide {margin-top:16px}
.cardStepWrap .btnNpay {margin-top:32px;min-height:30px;vertical-align:middle;line-height:1.43}
.cardStepWrap .btnNpay > span {position:relative;color:#000;font-size:1.7rem;font-weight:800;}
.cardStepWrap .btnNpay > span img {margin-right:4px;height:24px;vertical-align: middle;}
.cardStepWrap .btnNpay > span:after {display:inline-block;width:24px;height:24px;background:url(../img/mw/newonCrd/arr_logo.png) no-repeat 0 0 ;background-size:cover;content:'';vertical-align: top;}

/* 카드정보 선택 */
.stepCont .cfTitH3 + .radioTab {margin-top:11px}
.stepCont ul.mainTab {margin-bottom:24px;}
.stepCont ul.mainTab  >li {padding:4px 8px;height:40px;}
.stepCont {margin-top: 24px;padding:0 20px}
.stepCont .contSubTit {margin-bottom:16px;font-size:1.6rem;color:#070F16;line-height:22px;font-weight: 500;}
.stepCont .txtList_disc {margin:0}
.stepCont .txtList_disc + .contSubTit {margin-top:32px;}
.stepCont .iptGroup.iptBtn + .contSubTit {margin-top: 16px;}
.stepCont .txtList_disc .links {font-weight: 600;}
.stepCont .groupBox.mt0 .sltWrap {margin-top:0;}

/* 미성년자 가족 신용카드 안내 풀팝업 */
.full.popCont .popBody .infoBox .infoTit {font-size:1.6rem;font-weight:800;color:rgba(7,15,22,0.82);line-height:22px;}
.full.popCont .popBody .infoBox .infoStit {margin-top:16px;font-size:1.5rem;font-weight:700;color:rgba(7,15,22,0.82);}
.full.popCont .popBody .infoBox + .infoBox {margin-top:32px;}
.full.popCont .popBody .infoBox .txtList_disc {margin:0;}
.full.popCont .popBody .infoBox .txtList_disc + .txtList_star {margin-top:16px;margin-bottom:0}
.full.popCont .popBody .infoBox h2 + .txtList_disc,
.full.popCont .popBody .infoBox h2 + .msgInfo {margin-top:16px;}
.full.popCont .popBody .infoBox .infoStit + [class^=txtList_] {margin-top:16px;}
.full.popCont .popBody .infoBox .infoStit + [class^=txtList_] > li {font-size:1.5rem;color:rgba(2,12,21,0.72)}
.full.popCont .popBody .infoBox .infoStit + .txtList_numS {padding-left:12px}
.full.popCont .popBody .infoBox .infoStit + .txtList_numS li {font-size:1.4rem;color:rgba(12,23,35,0.6)}
.full.popCont .popBody .infoBox .txtList_disc li .txtList_remark {margin-top: 16px;}
.full.popCont .popBody .infoBox .txtList_disc > li {color:rgba(2,12,21,0.72);font-size:1.5rem;;line-height:21px;}

/* 신청인정보 입력 */
.cardStepWrap .stepHeader .title .tipWrap {width:24px;height:24px;}
.cardStepWrap .stepHeader .title .tipWrap .btnIco_tip {width:24px;height:24px;background: url('../img/mw/newonCrd/ico_tit_tooltip.png') no-repeat center;background-size:cover}
.txtNoti {position:relative;padding:8px 20px 0;}
.txtNoti p {position:relative;padding-left:20px;font-size:1.4rem;color:#6B727A;line-height:20px;}
.txtNoti p:before {position:absolute;top:0;left:0;width:16px;height:18px;background:url(../img/mw/newonCrd/ico_noti.png) no-repeat;background-size:cover;content:'';}
.txtNoti p + p {margin-top:8px;}
/* 250818 스타벅스 별 전환 error케이스 추가 (s) */
.txtNoti p.error {color:#ee444a;}
.txtNoti p.error:before {top:2px; height:16px; background:url(../img/mw/newonCrd/ico_noti_error.png) no-repeat; background-size:cover;}
/* 250818 스타벅스 별 전환 error케이스 추가 (e) */
.sltWrap .label:not(.tip) {z-index:3}
.iptWrap .label .tip,.customSlt .label .tip{top:-1px;vertical-align:top}/* 241121 결함수정 김지원 */
.iptWrap .label .tipWrap .btnIco_tip, .customSlt .label .tipWrap .btnIco_tip,
.sltWrap .label .tipWrap .btnIco_tip {position:relative;background:none}
.iptWrap .label .tipWrap .btnIco_tip:after, .customSlt .label .tipWrap .btnIco_tip:after,
.sltWrap .label .tipWrap .btnIco_tip:after{content:'';position:absolute;top:50%;left:50%;border:0;width:16px;height:16px; border-radius:50%; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_help.png?v=20241127) no-repeat center center; background-size:cover;transform:translate(-50%,-50%);}

/* 신분증 정보입력 */
.exImg img {width:100%;padding:0 10px;}
.stepCont .groupBox .agreeWrap {margin-top:32px}
.agreeWrap .allAgree {position: relative; width:100%;background-color:rgba(115,132,149,0.05);border-radius:8px;box-sizing:border-box;}
.agreeWrap .allAgree input[type=checkbox] {top: 16px; left: 16px;}
.agreeWrap .allAgree label {display:block;padding:16px 16px 16px 52px;font-size:1.6rem;color:#343A40;font-weight:600;line-height:1.4}
.agreeWrap .allAgree label:before {top:16px;left:16px}
.allAgree + .listAgree {margin-top:16px}
.agreeWrap .allAgree label .desc {font-size:1.4rem;color:rgba(12,23,35,0.6);font-weight:400;line-height:21px}

/* sub check 약관 */
.listAgree {padding:0 20px !important}
.listAgree li {position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;}
.listAgree .secondChk {position:relative;flex:1;padding:10px 40px 10px 0;}
.listAgree .secondChk input[type='checkbox'] {position:absolute;top:0;}
.listAgree .secondChk input[type='checkbox'] + label {display:block;height:100%;padding-left:34px;font-size:1.5rem;color:#343A40;font-weight:500;line-height:1.5}
.listAgree .secondChk input[type='checkbox'] + label:before {top:0;background:url(../img/mw/newonCrd/ico_subchk_dark.png) no-repeat center center;background-size: 24px !important;border:0}/* 250212 접근성 반영 */
.listAgree .secondChk input[type='checkbox']:checked + label:before {background:url(../img/mw/newonCrd/ico_subchk_checkd.png) no-repeat center center;}
.listAgree .secondChk input[type='checkbox']:disabled + label:before {background:url(../img/mw/newonCrd/ico_subchk_disabeld.png) #fff no-repeat center center;border:0}
.listAgree .secondChk input[type='checkbox']:checked:disabled + label:before {background:url(../img/mw/newonCrd/ico_subchk_disabledchk.png) #fff no-repeat center center;border:0}
.listAgree .secondChk .desc {padding:2px 0 0 34px;color:#989EA6;font-size:1.3rem;line-height:18px;}
.listAgree .secondChk span.desc {display:block;padding-left:0}
.listAgree .btnView {position:absolute;top:0;right:0;width:40px;height:100%;background:url(../img/mw/newonCrd/arr_terms.png) no-repeat center 11px;background-size:20px auto;}
.txtLinkArea {margin-top:48px;text-align:center;}
.txtLinkArea button {position:relative;padding-bottom:4px;color: rgba(2,12,21,0.72);font-weight: 600;font-size:1.4rem;}
.txtLinkArea button:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color: rgba(2,12,21,0.72);;}
.stepCont .mobileCerti {text-align:center}
.stepCont .mobileCerti .exImg {width:64px;margin:auto;}
.stepCont .mobileCerti .exImg + .cfTitH3 {display:block;margin-top:16px;}
.stepCont .mobileCerti .btnApply {height:40px;margin-top:24px;padding:0 12px;font-size:1.5rem;font-weight:600;line-height:40px;border: 1px solid transparent;border-color:rgba(222,226,230,1);border-radius:8px;;color:rgba(2,12,21,0.72);}
.stepCont .mobileCerti + .txtList_disc {margin-top:24px;}

/* 발급일자 직접 입력 */
.full.popCont .popBody .popTitle {display:inline-block;font-size: 2.2rem; line-height: 135.364%; font-weight: 800; color: rgba(7, 15, 22, 0.82);letter-spacing: 0;}
.full.popCont .popBody .popTitle + .exImg {margin-top:26px;}

/* 적합성 확인 타이틀 안 툴팁 버튼 (사이즈 다름) */
.full.popCont .popBody .popTitle .tipWrap {width:24px;height:24px;}
.full.popCont .popBody .popTitle .tipWrap .btnIco_tip {width:24px;height:24px;background: url('../img/mw/newonCrd/ico_tit_tooltip.png') no-repeat center;background-size:cover}
.full.popCont .popBody .groupBox + .txtLinkArea {margin-top:24px;}

/* allAgree link 추가 */
.agreeWrap.link .allAgree  {position:relative;padding-right:40px;}
.agreeWrap.link .allAgree .btnView {position:absolute;top:0;right:0;width:40px;height:100%;background:url(../img/mw/newonCrd/arr_terms.png) no-repeat center 16px;background-size:20px auto}

/* 약관동의 아코디언 */
.toggleArea .contArea {margin-bottom: 24px;}
.toggleArea .addInfoList {margin:0}
.toggleArea .agreeWrap {margin-top:0;}
.toggleArea .addInfoList .accoHead {padding:0}
.toggleArea .agreeWrap .allAgree {position:relative;padding-right:50px;}
.toggleArea .accoItem.on .accoBtn:after {transform: rotate(0);}
.toggleArea .addInfoList .accoBtn {padding:0;position:absolute;top:0;right:0;width:50px;height:100%;}
.toggleArea .addInfoList .accoBtn:after {position:absolute;top:17px;right:18px;width:20px;height:20px;content:'';background:url(../img/mw/newonCrd/arr_toggle.png) no-repeat 0 0 ;background-size:20px auto;transition:transform 0.4s;transform:rotate(-180deg);}
.toggleArea .addInfoList .accoBtn:before {content:none;}
.toggleArea .addInfoList .accoBody {padding:8px 0;background-color:transparent;}

/* 약관동의 팝업 */
.txtdesc {font-size:1.4rem;font-weight:400;line-height:21px;color:rgba(2,12,21,0.72);}
.popCont.bottom .txtdesc + .agreeWrap.link {margin-top:24px}
.full.popCont section.terms {margin-top:0;}
.full.popCont section.terms .termsTit {margin:0 -20px;padding:10px 20px;background-color: rgba(115,132,149,0.05);box-sizing:border-box;}
.full.popCont section.terms .termsTit h2 {overflow:hidden;font-size:1.4rem;font-weight:500;line-height:20px;color:rgba(2,12,21,0.72);text-overflow:ellipsis;white-space: nowrap;}
.full.popCont section.terms .termsCont {overflow-y:auto;max-height:184px;margin-top:24px;background-color: rgba(115,132,149,0.05);border-radius: 12px;}
.full.popCont section.terms .termsCont .scrollCont {padding:16px 20px;box-sizing:border-box;color:rgba(2,12,21,0.72);font-weight:500;font-size:1.4rem;;line-height:20px;}
.full.popCont section.terms .termsCont .scrollCont p + .txtList_remark {margin-top:8px;}

/* 상품이해확인 팝업 */
.full.popCont .popTitle + .msgInfo {margin-top:24px;}
.full.popCont .groupBox + .itemTxtArea {margin-top:24px;}
.full.popCont .txtType {font-size:1.4rem;color:rgba(2,12,21,.72);line-height:20px;}
.full.popCont .txtType + .txtType {margin-top:12px;}
.full.popCont .txtType strong {font-weight:700;}

/* 약관/동의서 상세보기 */
section.terms .tabWrap {margin:16px 0 0 0}
section.terms .tabWrap .tabPanel {padding:0}
section.terms .termsGroup + .termsGroup {margin-top:32px;}
section.terms .termsGroup .termsCont {margin-top:0}
section.terms .termsGroup .groupBox .cfTitH3 {display:block}

/* 가족 고객확인 팝업 */
.full.popCont .popInrCont {margin-top:24px;}
.full.popCont .popInrCont .selectGroup + .selectGroup {margin-top:16px;}
.bgBoxWrap {padding:16px 20px;border-radius:16px;background-color:rgba(115,132,149,0.05);}
.groupBox + .bgBoxWrap, .bgBoxWrap + .bgBoxWrap {margin-top:16px}
.bgBoxWrap .tit {font-size:1.5rem;font-weight:700;line-height:21px;color:rgba(7,15,22,0.82);}
.bgBoxWrap .tit + .txtList_disc {margin-top:12px}
.bgBoxWrap + .chkBox {margin-top:16px;}
.chkBox {padding:18px 0;}
.chkBox label {font-weight:700;font-size:1.6rem;line-height:24px;color:rgba(7,15,22,0.82);}
.chkBox input[type='checkbox'] + label:before {top:1px}
.bgBoxWrap .tip {top:-1px;width:20px;height:20px;margin-left:2px;}
.chkBox .tip {top:3px;width:20px;height:20px;margin-left:2px;}

/* 결제일별 이용기간 팝업 */
.msgInfo.pointC2 {color:rgba(238,68,74,1) !important;font-weight:600;}
.msgInfo.pointC2 + .tableX {margin-top:24px}
.paydayChkArea {padding:8px 0 30px}
/*.cfChkOptGroup.divide4 > li {width:calc(25% - 8px);} 241231 금융 수정 이다혜 */

/* 출금이체동의 팝업 */
.popTabWrap .tabWrap {margin:0}
.popTabWrap .msgInfo {margin-bottom:24px}
.popTabWrap h2.msgInfo {margin-bottom:16px}
.popTabWrap .tabWrap .tabPanel {padding:0}
.popTabWrap ul.mainTab {margin-bottom:12px}
.listAgree + .allAgree {margin-top:12px}
.bgBoxWrap .allAgree + .desc {padding-left:52px;line-height:20px;color:rgba(12,23,35,0.6);}
.groupBox + .txtList_disc,.groupBox .cfChkOptGroup + .txtList_disc, .groupBox .iptWrap + .txtList_disc {margin-top:16px}
.msgInfo.amp {margin-bottom:8px;font-size:1.7rem;color:rgba(2,12,21,0.72);line-height:24px;font-weight:700}

/* 은행.기관 select *//* 250610 팝업 하단 간격 및 탭스타일 추가 */
section.bankSection {padding-bottom:0 !important;}
section.bankSection .tabWrap {margin:0; padding-bottom:0;}
section.bankSection .tabWrap .tabPanel {padding:0}
section.bankSection .tabWrap .ul.mainTab {margin-bottom:24px;}
section.bankSection .bankSelect {overflow-y:auto;}
section.bankSection .bankSelect::after {content:''; display:block; clear:both;}
section.bankSection .tabList.newoneTab {display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fff; background-image:none;}
section.bankSection .tabList.newoneTab::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; border-radius:8px; background-color:#F1F3F5;}
section.bankSection .tabList.newoneTab li {position:relative; width:100%; min-height:40px; border:2px solid transparent; padding:10px 8px; font-size:1.4rem; font-weight:500; line-height:1.429; color:#868B94; letter-spacing:-0.05em; text-align:center; vertical-align:middle; cursor:pointer; z-index:10;}
section.bankSection .tabList.newoneTab > .on {border-color:#F1F3F5; border-radius:6px; background-color:#fff; color:rgba(7, 15, 22, 0.82); font-weight:800; box-shadow:0px 0.5px 0px 0px rgba(0, 45, 125, 0.0588235294);}
section.bankSection .tabList.newoneTab > .on:before {content:none;}

/* 이용알림 설정 */
.bgRadioBox {position:relative}
.bgRadioBox + .bgRadioBox {margin-top:8px;}
.bgRadioBox input[type=radio] {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:polygon(0 0, 0 0, 0 0);appearance:none;}
.bgRadioBox label {position:relative;width:100%;padding:15px 52px 15px 56px !important;border-radius:12px;display:flex;align-items:center;z-index:0;border:2px solid transparent;background-color:rgba(130,149,166,0.11);cursor:default !important}
.bgRadioBox input[type=radio]:checked ~ label {border-color:#2589f4;}
.bgRadioBox input[type=radio] ~ label:before {visibility:hidden;display:block;width:100%;height:100%;border-radius:12px;top:-2px;left:-2px;margin:0;border:2px solid transparent;background-color:rgba(130,149,167,0.11);content:'';z-index:0;box-shadow: none;}
.bgRadioBox input[type=radio] ~ label:after {position:absolute;top:50%;left:20px;width:24px;height:24px;transform:translateY(-50%);background:url(../img/mw/newonCrd/ico_subchk_dark.png) no-repeat 0 0;background-size:cover;content:'';z-index:2;}/* 250212 접근성 반영 */
.bgRadioBox input[type=radio]:checked ~ label:after {position:absolute;background:url(../img/mw/newonCrd/ico_subchk_checkd.png) no-repeat 0 0;background-size:cover;}
.bgRadioBox input[type=radio] ~ label span {display:inline-block;color:rgba(7,15,22,0.82);font-weight:700;font-size:1.6rem;;}
.bgRadioBox .btnPopNoti {position:absolute;top:50%;right:18px;width:30px;height:30px;vertical-align:top;z-index:100;transform:translateY(-50%);}
.bgRadioBox .btnPopNoti:before {display:block;width:20px;height:20px;margin: 0 auto;background: url(../img/mw/newonCrd/ico_tooltip2.png) no-repeat center;background-size: cover;content:''}
/* 20250114 이용알림 설정 개선 */
.bgRadioBox input[type=radio] ~ label .badge {margin: 0 0 4px 0;}
.bgRadioBox input[type=radio] ~ label span {display: block;}
.bgRadioBox input[type=radio] ~ label .txtList_disc {margin-top: 4px;}
.bgRadioBox input[type=radio] ~ label .txtList_disc > li {margin-top: 4px;}
.bgRadioBox input[type=radio] ~ label .txtList_disc > li:before {top: 50%; transform: translateY(-50%);}
.groupBox.ntfyPlusTerms .cfTitH3 {margin-bottom: 8px;}
.groupBox.ntfyPlusTerms .cfTitH3 + span {font-size: 1.5rem; color: #6d747b;}
.stepCont .groupBox.ntfyPlusTerms .agreeWrap {margin-top: 16px;}
.stepCont .groupBox.ntfyPlusTerms label {word-break: keep-all;}

/* 모바일 간편결제 빠른등록 서비스 팝업 (bottom 팝업 팝업 호출 툴팁아이콘 사이즈 다름) */
.bottom.popCont.typeL .popHead h1 .btnPopOpen {position:relative;top:8px;width:30px;height:30px;}
.bottom.popCont.typeL .popHead h1 .btnPopOpen:after {display:block;width:24px;height:24px;margin: 0 auto;background:url(../img/mw/newonCrd/ico_tooltip2.png) no-repeat center;background-size:cover;content:''}

/* 부가서비스 팝업 */
.serviceWrap .msgInfo + .msgInfo {margin-top:16px}

/* 아파트관리비 자동납부서비스 팝업 */
.btnInquiry {width:100%;padding:13px 10px;border:1px solid transparent;border-color: rgb(222, 226, 230);background-color: rgb(255, 255, 255);text-align:center;border-radius:10px;font-weight:600;font-size:1.7rem;color:rgba(21,12,21,0.72);}
.greyGuideBox {padding: 16px 20px;background-color: rgba(115, 132, 149, .05);border-radius: 12px;}
.greyGuideBox .txtList_guide {margin: 0 !important;font-size: 1.4rem !important;font-weight: 500 !important;line-height: 1.429 !important;word-break: break-all !important;color:#485056;}
.serviceWrap .greyGuideBox {margin-bottom:16px;}
.serviceWrap .iptWrap + .txtList_star {margin-top:12px}
.serviceWrap .txtList_star {margin-bottom:0}
.serviceWrap .txtList_star li {margin-top:8px;font-size:1.4rem;line-height:20px}
.serviceWrap .txtList_star + .inpFieldArea.apart {margin-top:16px}
.serviceWrap .setHalf + .btnBox {margin-top:24px;}
.serviceWrap .divider {height:8px;margin:32px -20px 0;border:0;background-color:rgba(115,132,149,0.05);}
.serviceWrap .btnInquiry {margin-top:24px;}
.serviceWrap .searchResultWrap {margin-top:32px;}
.serviceWrap .searchResultWrap .ressultCont {margin-top:16px;}
.serviceWrap .searchResultWrap .radioBox input[type='radio'] + label {display:block;padding:16px 40px 16px 0 }
.serviceWrap .searchResultWrap .radioBox input[type='radio'] + label:before {top:50%;right:0;left:auto;margin:0 0 0 8px;transform:translateY(-50%)}
.serviceWrap .searchResultWrap .radioBox .adrName {font-size:1.6rem;line-height:22px;font-weight:600;color:rgba(7,15,22,0.82)}
.serviceWrap .searchResultWrap .radioBox .adrDetail {margin-top:4px;font-size:1.4rem;line-height:20px;font-weight:500;color:rgba(50,63,79,0.5)}
.serviceWrap .searchResultWrap .radioBox .adrDetail .adrSub {position:relative;}

/* 부가서비스 신청 */
.stepCont .cfChkListWrap .cfAccoItem {position:relative;min-height:56px;padding:16px 0;}
.stepCont .cfChkListWrap .cfChkAll {margin-bottom:32px}
.stepCont .cfChkListWrap .cfChkAll .cfChk.dsgnBox + .cfLabel {min-height:56px}
.stepCont .cfChkListWrap .cfChkAll .cfChk.dsgnBox + .cfLabel:before {left:16px}
.stepCont .cfChkListWrap .cfAccoItem .cfAccoHead {position:static;display:flex;align-items:center;}
.stepCont .cfChkListWrap .cfChk.dsgnBox + .cfLabel {font-size: 1.6rem;color: rgba(7,15,22,0.82);font-weight: 600;line-height: 22px;box-shadow: none;background-color:rgba(115,132,149,0.05);border-radius:8px}
.stepCont .cfChkListWrap .cfChk:checked + .cfLabel:before {border:2px solid rgb(37, 137, 244); background:rgb(37, 137, 244) url(../img/mw/common/ico_checkbox2.png) no-repeat center center; transition: background-color 0s;}
.stepCont .cfChkListWrap .cfChk + .cfLabel:before { width:24px; height:24px; margin:0 8px 0 0; border:1px solid rgba(133, 151, 168, .18); border-radius:50%; background-color:#fff;background:url(../img/mw/common/ico_checkbox1.png) #fff no-repeat center center; background-size:24px !important;}
.stepCont .cfChkListWrap .cfChk.dsgnBox + .cfLabel:before {top:50%;left:0;transform:translateY(-50%)}
.stepCont .cfChkListWrap .cfChk.dsgnChk + .cfLabel:before {border:1px solid rgba(133, 151, 168, .18);border-radius: 50%;}
.stepCont .cfChkListWrap .cfChkList .cfChk.dsgnBox + .cfLabel {display:inline-block;width:auto;min-height:auto;padding:0;padding-left:40px;background-color: transparent;cursor:default}
.stepCont .cfChkListWrap .cfChkList.btLine {border-color:#dee2e6; margin-top:16px; padding-top:16px;} /* 250821 부가서비스 신청 타이틀 라인 */
.stepCont .cfChkListWrap .cfchkTit {position:relative;padding:16px 0 16px 32px;font-size:1.7rem;font-weight:700;color:rgba(7,15,22,0.82);line-height:24px;}
.stepCont .cfChkListWrap .cfchkTit:before {position:absolute;top:50%;left:0;width:24px;height:24px;background-size:24px auto;transform:translateY(-50%);background-repeat:no-repeat 0 0;content:''}
.stepCont .cfChkListWrap .cfchkTit.card:before {background-image:url(../img/mw/newonCrd/ico_tit_card.png);}
.stepCont .cfChkListWrap .cfchkTit.life:before {background-image:url(../img/mw/newonCrd/ico_tit_life.png);}
.stepCont .cfChkListWrap .cfchkTit.subscription:before {background-image:url(../img/mw/newonCrd/ico_tit_subcr.png);}
.stepCont .cfChkListWrap .cfchkDesc {margin-top:4px;padding-left:40px;font-size:1.4rem;line-height:20px;font-weight:500;color:#8B929A;} /*250116 접근성 반영 */
.stepCont .cfChkListWrap .cfIptGroup > li + li {margin-top:0}
.stepCont .cfChkListWrap .cfIptGroup + .cfchkTit {margin-top:32px}
.stepCont .cfChkListWrap .btnPopOpen {position:relative;top:-1px;width:24px;height:24px;margin-left:2px;vertical-align: top;z-index:99}
.stepCont .btnPopOpen:after {position:absolute;top:0;left:0;width:100%;height:100%;background: url(../img/mw/newonCrd/ico_tooltip2.png) no-repeat center;background-size: 20px auto;content:''}

/* 우리오토플러스 서비스 팝업 */
.groupBox .msgInfo2 {margin:24px 0 12px}
.msgInfo2 {font-size:1.5rem;font-weight:600;line-height:21px;color:rgba(7,15,22,0.82);}
.popCont.bottom .popInner > section.popSection .bgBoxWrap .txtList_disc {margin-top:0}
.popCont.bottom .popInner > section.popSection .txtList_disc + .bgBoxWrap {margin-top:16px}
.popCont.bottom .popInner > section.popSection .bgBoxWrap .txtList_disc li {color:rgba(12,23,35,0.6);font-size:1.4rem;line-height:20px;}

/* 폰케어팩 서비스 안내 팝업 */
.full.popCont .popBody .infoBox .bgBoxWrap {margin-top:16px}
.full.popCont .popBody .infoBox .bgBoxWrap .txtList_numL,
.full.popCont .popBody .infoBox .bgBoxWrap .txtList_remark {margin-top:0 !important}

/* 신청정보확인 infoList li 에 line , flex 바꾼 타입 */
.infoList.apply:not(.wrap) .item {white-space: normal;}
.infoList.apply li {display:flex;justify-content:space-between;padding:12px 0 13px;font-size:1.5rem;line-height:21px;font-weight:500;border-top:1px solid transparent;border-color:rgba(222,226,230,1);}
.infoList.apply li:first-child {padding-top:0;border-top:0}
.infoList.apply li .item {max-width:40%;word-break:keep-all;color:rgba(12,23,35,0.6);}
.infoList.apply li .val {max-width:60%;word-break:keep-all;text-align:right;color:rgba(7,15,22,0.82);}
.infoList + .bgBoxWrap {padding:20px;}
.infoList + .bgBoxWrap .txtList_disc {margin:0}

/* 신청완료 */
.finishBox .compMsg {font-size:1.5rem;font-weight:400;line-height:21px;color:#6D747B}
.cardStepWrap.comp {padding-top:64px}
.cardStepWrap.comp .finishBox {margin:0;}
.cardStepWrap.comp .finishBox > .inner {padding-top:85px;}
.cardStepWrap.comp .finishBox .copy {margin-bottom:8px;font-size:2.2rem;line-height:30px;color:rgba(7,15,22,0.82);font-weight:800;}
.cardStepWrap.comp .CompletionArea .txtInfo + .txtBox {margin-top:40px;padding:20px}
.cardStepWrap.comp .bgList {margin-top:40px;}
.cardStepWrap.comp .bgList li {align-items: flex-start;}
.cardStepWrap.comp .bgList .listTit {max-width:40%;color:rgba(12,23,35,0.8);word-break:keep-all;}
.cardStepWrap.comp .bgList .listInfo {max-width:60%;color:rgba(7,15,22,0.82);word-break:keep-all;text-align:right}
.btmNoticeArea {padding:16px 20px 0;margin-top:48px;border-top:8px solid transparent;border-color:rgba(115,132,149,0.05);}
.btmNoticeArea .listNoti dt {padding-left:24px;font-size:1.5rem;font-weight:800;color:rgba(7,15,22,0.82);line-height:21px;background:url(../img/mw/common/ico_notice.png) no-repeat left center;background-size: 2rem}
.btmNoticeArea .listNoti dd {margin-top:24px;}
.btmNoticeArea .listNoti dd .txtList_disc {margin:0}
/* 251016 신청완료 - 원트래블 배너 (s) */
.cardTrvBanner {padding:0 20px; margin-top:32px;}
.cardTrvBanner > a {display:block;}
/* 251016 신청완료 - 원트래블 배너 (e) */

/* 카드상세 */
section.CrdDetailInfo {margin:16px auto 35px}
.CrdDetailInfo .divider {margin: 32px -20px 0;height:8px;border-top:8px solid transparent;border-color:rgba(115,132,149,0.05);background-color:transparent}
.CrdDetailInfo .normal-card-thumb {padding: 0 0 24px 0}
.CrdDetailInfo .normal-card-thumb.horiz img {max-width:200px;max-height:125px;}
.CrdDetailInfo .normal-card-thumb img {max-width:125px;max-height:200px;box-shadow:none;border-radius:0;}
.CrdDetailInfo .normal-card-detail {text-align: center;}
.CrdDetailInfo .normal-card-detail dt .tit {font-weight:700;font-size:2rem;line-height:28px;color:rgba(7,15,22,0.82);}
.CrdDetailInfo .normal-card-detail dd {margin-top:8px;}
.CrdDetailInfo .normal-card-detail dd .txt {font-size:1.5rem;color:rgba(2,12,21,0.72);line-height:21px;font-weight:400;}
.CrdDetailInfo .annual-fee {margin-top:24px;padding-top:24px;border-top:1px solid transparent;border-color: rgba(222,226,230,1);text-align:center}
.CrdDetailInfo .annual-fee-list {margin-top:0}
.CrdDetailInfo .annual-fee-list li.row {display:block;margin-right:0}
.CrdDetailInfo .annual-fee-list .logo.domestic img {width:40px}
.CrdDetailInfo .annual-fee-list .logo img {width:22px;height:auto;}
.CrdDetailInfo .annual-fee-list .price {margin-left:6px;font-weight:500;font-size:1.5rem;line-height:20px;color:rgba(7,15,22,0.82)}
.CrdDetailInfo .isCashback-banner.txtTemplete {background-color: rgba(115,132,149,0.05);border-radius:12px;}
.CrdDetailInfo .isCashback-banner.txtTemplete a {position:relative;display:block;padding:16px 48px 16px 68px;box-sizing:border-box;}
.CrdDetailInfo .isCashback-banner.txtTemplete a:before {display:inline-block;position:absolute;top:17.5px;left:12px;width:40px;height:40px;content:'';background:url(../img/mw/newonCrd/ico_bnr_event.png) no-repeat 0 0 ;background-size:cover}
.CrdDetailInfo .isCashback-banner.txtTemplete a:after {display:inline-block;position:absolute;top:27.5px;right:12px;width:20px;height:20px;content:'';background:url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png) no-repeat 0 0;background-size:cover}
.CrdDetailInfo .isCashback-banner .bnrTit {display:block;overflow:hidden;font-size:1.5rem;font-weight:600;color:rgba(7,15,22,0.82);line-height:21px;text-overflow:ellipsis;white-space:nowrap;}
.CrdDetailInfo .isCashback-banner .bnrInfo {margin-top:4px;font-weight:500;font-size:1.3rem;line-height:18px;color:rgba(12,23,35,0.6)}
.CrdDetailInfo .benefitArea {margin-top:40px;}
.CrdDetailInfo .benefitArea li + li {margin-top:20px;}
.CrdDetailInfo .benefitArea .benefitTit {display:block;overflow:hidden;font-size:1.6rem;line-height:22px;font-weight:600;color:rgba(7,15,22,0.82);text-overflow:ellipsis;white-space:nowrap;}
.CrdDetailInfo .benefitArea .benefitSub {margin-top:8px;font-size:1.4rem;line-height:20px;font-weight:500;color:rgba(50,63,79,0.5)}
.CrdDetailInfo .benefitArea + .greyGuideBox {margin-top:16px}
.CrdDetailInfo .tabList-page {margin:16px 0 0 0;}
.CrdDetailInfo .tabList-page .tabList-tit {margin:0;font-size:1.7rem;font-weight:700;line-height:24px;color:rgba(7,15,22,0.82);}
.CrdDetailInfo .tabList-page .tabList-con a {padding:16px 0 16px 0;font-size:1.6rem;font-weight:500;line-height:22px;color:rgba(7,15,22,0.82);background:transparent;border-radius:0;}
.CrdDetailInfo .tabList-page .tabList-con a:after {right:0;background:url(../img/mw/newonCrd/ico_benefitplus.png) no-repeat 100% 50%;background-size:20px auto;}
.CrdDetailInfo .prod-info {margin-top:32px;}
.CrdDetailInfo .prod-info .btnArea {margin-top:0}
.CrdDetailInfo .prod-info .btnArea [class^=btn_] {position:relative;padding:13px 40px 13px 20px;border-radius:12px;border:1px solid transparent;border-color:rgba(222,226,230,1);text-align:left;font-size:1.6rem;font-weight:600;line-height:22px;color:rgba(7,15,22,0.82);}
.CrdDetailInfo .prod-info .btnArea button:after {position:absolute;top:50%;right:14px;display:block;width:20px;height:20px;background:url(../img/mw/newonCrd/arr_bnr.png) no-repeat 100% 0;background-size:cover;content:'';transform:translateY(-50%)}
.CrdDetailInfo .btnArea [class^=btn_] + [class^=btn_] {margin-top:12px;}
.prdInfoBgBox {padding:0;margin-bottom:32px}
.prdInfoBgBox .guideBox {padding:16px 20px;background-color:rgba(115,132,149,0.05);border-radius:16px;}
.prdInfoBgBox .guideBox + .guideBox {margin-top:16px}
.prdInfoBgBox .guideBox .txtList_disc > li {font-size:1.4rem}
.prdInfoBgBox .guideBox .txtList_remark > li, .prdInfoBgBox .guideBox .txtList_remark:not(ul) {margin-top:12px !important;color:rgba(12,23,35,0.6) !important}
.prdInfoBgBox [class^=txtList_] .bl > li {color:rgba(12,23,35,0.6) !important}
.CrdDetailInfo .util-btn-wrap {margin-top:0;padding-bottom:0}
.CrdDetailInfo .util-btn-wrap [class*='util-'] {margin:0 24px;padding-top:48px;color:rgba(2,12,21,0.72);font-size:1.4rem;font-weight:500;line-height:20px;}
.CrdDetailInfo .util-btn-wrap button:before {width:40px;height:40px;background-color:rgba(115,132,149,0.05);;background-repeat: no-repeat;background-size:24px 24px;background-position:50% 50%;border-radius: 50%;}
.CrdDetailInfo .util-share:before {background-image:url(../img/mw/newonCrd/ico_share.png) }
.CrdDetailInfo .util-compare:before {background-image:url(../img/mw/newonCrd/ico_comparison.png);}
.popCont.bottom .popInner > section.CrdDetailInfo {padding:24px 0 10.5rem}
.popCont.bottom .popInner > section.CrdDetailInfo .annual-fee + .txtList_disc {margin-top:40px}
.popCont.bottom .popInner > section.CrdDetailInfo .annual-fee + .txtList_disc li {font-size:1.5rem;color:rgba(2,12,21,0.72);line-height:21px;}

/* 추가적립 팝업 */
.popCont.bottom .popInner > section.addSaveInfo {padding:0 0 20px 0}
.addSaveInfo [class^=txtList_] li strong {color:rgba(2,12,21,0.72);font-size:1.5rem;font-weight:400}
.addSaveInfo .msgInfo.strong {margin:32px 0 16px 0}

/* 가족신분증정보 팝업 */
.full.popCont .popBody .popTitle + .tabWrap {margin:0}
.full.popCont .popBody .popTitle + .tabWrap,  .full.popCont .popBody .popTitle + .toggleArea {margin-top:24px !important;}
.full.popCont .popBody .groupBox .agreeWrap {margin-top:32px;}
.full.popCont .popBody .groupBox .cfTitH3 + .cfChkOptGroup.divide2 {margin-top:-10px}
.full.popCont .popBody .groupBox .cfTitH3 + .agreeWrap {margin-top:0;}

/* 약관 및 상품설명서 */
.termsListWrap .termsList > li + li {margin-top: 12px;}
.termsListWrap .termsList > li > a {position: relative; display: block; padding: 13px 20px; border: 1px solid #DEE2E6; border-radius: 12px; font-size: 1.6rem; font-weight: 500; line-height: 1.375;}
.termsListWrap .termsList > li > a::after {content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png) no-repeat center; background-size: 20px;}

/* 사원증 케이스 */
.stepCont .imageBtn_area {margin-top:16px;font-size:0;}
.stepCont .imageBtn_area .btn_d {width:auto;height:40px;font-size:1.5rem;font-weight:600;line-height:21px;color:rgba(2,12,21,0.72);border-radius:8px;border-color:rgba(222,226,230,1);}
.stepCont .imageBtn_area .btn_d + .btn_d {margin-left:8px}
.imageBtn_area + .txtList_guide, .stepCont .imgView + .txtList_disc {margin-top:24px;}
.stepCont .imgView {padding-top:8px;text-align:center}
.stepCont .imgView + .txtList_disc {color:rgba(2,12,21,0.72);font-size:1.5rem;line-height:21px;}

/* 사진등록 방법 선택 팝업 */
.empCard.optionList li {padding:0;}
.empCard.optionList li button {display:flex;align-items:center;width:100%;padding:18px 0;box-sizing:border-box;text-align:left;font-size:1.6rem;font-weight:700;font-size:1.6rem;color:rgba(7,15,22,0.82);}
.empCard.optionList li button i {display:inline-block;width:24px;height:24px;margin-right:16px;}
.empCard.optionList li button i img {width:100%;height:100%}

/* 사진 등록 가이드 팝업 */
.caselist_false li:nth-child(1),.caselist_false li:nth-child(4) {margin-left:0 !important}
.full.popCont .empImg {margin:32px auto;width:180px}
.caselist_false {display:flex;flex-wrap:wrap;}
.caselist_false li {width:calc((100% - 32px) / 3);margin:16px 0 0 16px;color:rgba(12,23,35,.6);font-weight:400;line-height:20px;text-align:center;}
.caselist_false li img {width:100%;}
.caselist_false li p {padding-top:8px;text-align: center;}
.caselist_false + .txtList_remark {margin-top:24px;color:rgba(2,12,21,0.72) !important;font-size:1.5rem;line-height:21px;font-weight:400;}
.caselist_false + .caselist_false {justify-content: center;}

/* 사원증 미리보기 영역 */
.stepCont .templateWrap {padding-top:8px;text-align: center;}
.stepCont .templateWrap .txtInfo {margin-bottom:32px;font-size:1.6rem;color:rgba(12,23,35,0.6);line-height:22px;font-weight:500;text-align:left;}
.stepCont .templateWrap .template {position: relative; display: block; width: 180px; height: 285px; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 16px #002D7D0F;}
.stepCont .templateWrap .template .imageDownload {position: absolute; width: 42px; height: 42px; bottom: -9px; right: -18px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,.16); font-size: 0; background: #fff url(/https/nm.wooricard.com/dcmw/img/mw/empCard/icon_download.png) no-repeat center/15px auto;}
.stepCont .templateWrap .template .imageReset {position: relative; margin-top: 20px; line-height: 16px; font-size: 14px; font-weight: 500; color: #2a65cd;}
.stepCont .templateWrap .template .imageReset::after {display: block; position: absolute; content: ''; bottom: -1px; width: 100%; height: 1px; background: #2a65cd;}
.stepCont .templateWrap .template .preview-wrap {border-radius: 10px; overflow: hidden; background-color: #000}
.stepCont .templateWrap .template .preview-wrap img {display: block;}
.stepCont .templateWrap .template .preview-wrap img.bg {width: 100%;}
.stepCont .templateWrap .template .preview-wrap img.full {position: absolute; width: 100%; height: 100%; top: 0; left: 0; mix-blend-mode: hard-light;}
.stepCont .templateWrap .template .preview-wrap img.overwrite:not(.full) {position: absolute; bottom: 0; left: 19.4444444444%; width: 65%;}
.stepCont .templateWrap .template .preview-wrap span {position: absolute; display: block; left: 9.77%; overflow: hidden; white-space: nowrap; z-index: 1;}
.stepCont .templateWrap .template .preview-wrap .title_comp {top: 5.89%; left: 18.5%; line-height: 1; font-size: 8px; font-weight: 700; color: #231F20; text-align: left;}
.stepCont .templateWrap .template .preview-wrap .title_person {top: 35.38%; right: 17%; line-height: 1; font-size: 15px; font-weight: 700; color: #1d1c1a; text-align: right; letter-spacing: 1px;}
.stepCont .templateWrap .template .preview-wrap .title_person.eng {letter-spacing: inherit;}
.stepCont .templateWrap .template .preview-wrap .subtitle_person.eng {top: 41.88%; right: 17%; letter-spacing: inherit; line-height: 1; font-size: 8px; font-weight: 700; color: #929497; text-align: right;}

/* s: 20241119 뉴원결함수정  - 구성훈 */
.topVisualArea.winwinInfo img {width: auto; height: auto;}
.topVisualArea #infoArea img {width: auto; height: auto;}
/* e: 20241119 뉴원결함수정  - 구성훈 */

/*/////////////////////////////////////////////////// 분실신고,재발급,갱신발급 //////////////////////////////////////////////////////*/

/* 분실신고,재발급,갱신발급 홈 */
.topVisualArea.lostReissue img {max-width:200px; height: auto;}
.topVisualArea + section.hr {margin-top:0;padding:0;border-color:#f8f9f9}
.addInfoLink.noLine + .txtGuideBox {margin:16px 20px}
.addInfoLink.noLine > li > a {border-bottom:0}

/* 분실신고 카드선택 */
.listView + .checkAll {margin-top:16px}
.tblInfo .info .msg {font-size: 1.7rem;font-weight: 600;line-height: 24px;color: #343A40}
.date + .radioTab {margin:16px 0 24px}
.detailBoxWrap + .agreeWrap {margin:32px 0 24px} /* 241121 결함 수정 김지원 */

/* 재발급 카드 신청 20241115 김지원 (s)*/
.cardScroll {margin: 0 12px}
.cardScroll .cfOptGroup {flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 4rem);margin:0 0 0 -2rem;padding:0 1rem 1rem 0;white-space:nowrap;scroll-padding: 0 8px;font-size:0}
.cardScroll .cfOptGroup li {position: relative; display:inline-block;width:calc(50% - 8px);height:100%;margin-top:0;text-align:center}
.cardScroll .cfOptGroup li:last-child {padding-right:0 !important}
.cardScroll .groupBox .cfOptGroup > input[type='radio'] + label {display:block;height:100%;padding:8px 4px;font-size:1.4rem;color:#070F16;border-radius:12px;background-color:rgba(115,132,149,0.05);}
.cardScroll .cfOptGroup li .crdImg {position:relative;display:block;padding:24px 32px;height:204px;background-color:rgba(115,132,149,0.05);border-radius: 6px;}
.cardScroll .cfOptGroup li .crdImg img {width:100%;height:100%}
.cardScroll .cfOptGroup li .crdImg .Img {position:absolute;top:50%;left:50%;display:block;width:100px;height:160px;transform:translate(-50%, -50%)}
.cardScroll .cfOptGroup li .crdImg.rotate .Img {transform:rotate(90deg) translate(-50%, -50%); width:160px;height: 100px;transform-origin: 0 0;}
.cardScroll .cfOptGroup li .kindName {display:block;margin-top:8px;font-size:1.3rem;font-weight:500;line-height:18px;color:rgba(7,15,22,.82);white-space:normal;text-align:center;}
.cardScroll .cfOptGroup .crdDesignOpt {top:0; left: 0; right: 0; bottom: 0;}
.cardScroll .cfOptGroup .crdDesignOpt + .crdLabel {width:100%;height:100%;padding:0;font-size:1.4rem;color:#070F16;border-radius:8px;text-align:center}
.cardScroll .cfOptGroup .crdDesignOpt + .crdLabel:before {display: none;}
.cardScroll .cfOptGroup .crdDesignOpt:checked + label:before {display: none;}
.cardScroll .cfOptGroup .crdDesignOpt:checked + label:after {border-radius: 6px;}
.cardScroll .cfOptGroup .crdDesignOpt:checked + label .crdImg:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #2589F4;border-radius: 8px; z-index: 2; content: '';}
.groupBox .cfTitH4 .btnPopOpen {position:relative;top:7px;width:24px;height:24px;}
.groupBox .cfTitH4 .btnPopOpen:after {display:block;width:20px;height:20px;margin: 0 auto;background:url(../img/mw/newonCrd/ico_tooltip2.png) no-repeat center;background-size:cover;content:''}
.groupBox .radioTab + .cfOptGroup.divide3 > li:first-child .cfRdoOpt + .cfLabel .cfIco_ci {max-width:32px}
.groupBox .radioTab + .cfOptGroup.divide3 + .txtList_disc {margin:16px 0 0 0}
.groupBox .cfTitH4 + .bgBoxWrap {padding:20px;}
.groupBox .cfTitH5 {margin-bottom:8px;font-size:1.4rem;line-height:20px;font-weight:400;color:#020C15}
.groupBox .bgList li {align-items:flex-start;}
.groupBox .bgList li .listTit {display:inline-block;max-width:35%}
.groupBox .bgList li .listInfo {overflow:hidden;display:inline-block;max-width:65%;text-align:right;white-space:nowrap;text-overflow:ellipsis;}
.groupBox .bgList li .cdNm_new {color:#0871F3;font-weight:600}
.groupBox .bgList + .txtList_disc, .kindName +  .txtList_disc {margin-top:16px}
/* 20241115 김지원 (e) */

/* 정보자동입력 안내 팝업 */
.terms .listAgree .secondChk label span.desc {display:block;padding-left:0;font-size:1.4rem;line-height:20px;color:rgba(12,23,35,0.6)}

/* 갱신발급 */
.detailBox > .addressInfo dt {font-size:1.4rem;color:rgba(2,12,21,0.72);line-height:20px;}
.detailBox > .addressInfo dd {margin-top:8px;font-size:1.7rem;color:rgba(12,23,35,0.6);line-height:24px;font-weight:500}
.detailBox + .txtList_disc {margin-top:16px;}

/* infoList border type 추가 */
.infoList.border {padding:20px;border: 1px solid #DEE2E6;border-radius:16px ;}


/* 명세서 수령방법변경 241121 결함수정 김지원 */
.btnSnd_more{display: block; width: 100%;margin: 16px 0; border-radius:0; background-color: transparent; color: rgba(2, 12, 21, 0.72); font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.btnSnd_more span.ml10 {position: relative; margin-left:0 !important;padding-right:17px; }
.btnSnd_more span.ml10::after {content: ''; position: absolute; right: 0; top: 0px; width: 13px; height: 16px; background:url(../img/mw/common/btn_more.png?v=20241127) no-repeat center right; background-size:16px; }
.btnSnd_more.on span.ml10::after {transform: rotate(180deg);}
/*/////////////////////////////////////////////////// 분실신고,재발급,갱신발급 (e) //////////////////////////////////////////////////////*/


/* 뉴원 input 형태 form */
.label ~ .ipt,
.label ~ .iptWrap .ipt{padding: 8px 20px 12px;} /* 20250319 뉴원 공통 input 간격 수정 */
.ipt::-moz-placeholder {font-size: 1.7rem !important;font-weight: 500;color: #8B929A !important;line-height:24px;}/*250116 접근성 반영 */
.ipt::placeholder {font-size: 1.7rem !important;font-weight: 500;color: #8B929A !important;line-height:24px;}/*250116 접근성 반영 */
.ipt::-webkit-input-placeholder {font-size: 1.7rem !important;font-weight: 500;color: #8B929A !important;line-height:24px;}/*250116 접근성 반영 */

.ipt[readonly]::-moz-placeholder {color: #888 !important;}/* 250213 접근성 반영 */
.ipt[readonly]::-webkit-input-placeholder {color: #888 !important;}/* 250213 접근성 반영 */
.ipt[readonly]::placeholder {color: #888 !important;}/* 250213 접근성 반영 */

.ipt[disabled]::-moz-placeholder {color: #787d82 !important;}/* 250213 접근성 반영 */
.ipt[disabled]::-webkit-input-placeholder {color: #787d82 !important;}/* 250213 접근성 반영 */
.ipt[disabled]::placeholder {color: #787d82 !important;}/* 250213 접근성 반영 */

.iptWrap.on .ipt:focus {padding-right:45px !important;}
.iptWrap .ipt:focus {outline:0;border:0;}
.iptWrap .btnIco_del {bottom:2px}
.iptWrap + .selectGroup {margin-top:16px}



/*form */
/* s: 20241118 유제영 */
/* 카드 선택 공통 */
.customSlt{position: relative; /*overflow:hidden*/;display: flex; flex-direction: column;align-items: stretch;margin: 16px 0 5px;z-index: 2; border-radius: 8px;}/*뉴원수정*/
.customSlt .ipt {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; z-index: 100}
.customSlt:after{content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%;border-radius: 8px;border: 1px solid transparent;border-color: rgba(133, 151, 168, 0.18);box-sizing: border-box;z-index: 0;}
.customSlt:focus-within:after {border: 2px solid transparent;border-color: rgb(73, 80, 87);transition:border-color ease-in-out 0.225s;-webkit-transition:border-color ease-in-out 0.225s;}
.customSlt .label{margin: 0; padding: 13px 20px 0; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.customSlt .label .tip, .sltWrap .label .tip {z-index:3;}
.customSlt .btnIco_del {visibility: hidden; position: absolute; bottom: 0; right:1px;  width: 32px; height: 44px;background: none;}
.customSlt .ipt:focus-within {outline: 0;}
.customSlt + .txt {font-size: 1.4rem;line-height: 1.429;font-weight: 400;color: rgba(50, 63, 79, 0.5);}
.customSlt span.unit {position: absolute; right: 1px; bottom: 0; padding: 0 15px 0 5px; font-size: 1.6rem; line-height: 44px;}
.customSlt .cardSel{z-index: 2; border: 0;}
.customSlt .cardSel:focus{outline: 0 !important;}
.customSlt .label + .cardSel::before{top: calc(50% - 16px);} /* 241113 뉴원 수정 */
/* e: 20241118 유제영 */

/* 카드 선택 button tag (s) *//* 250416 장윤희 - disabled 케이스 추가 */
.customSlt .cardSel[disabled] {height: auto; margin-bottom: -33px; padding-top: 90px; border-top-left-radius: 8px; border-top-right-radius: 8px; background: rgba(133, 151, 168, 0.18) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: calc(100% - 20px) 50%; color : #787d82; transform: translate(0px, -33px);}
.customSlt .cardSel[disabled]:before {background:none;}
.customSlt .cardSel[disabled] .cardImg {top:67%;}
.customSlt .cardSel[disabled] .cardImg img {border:1px solid #fff;}
.customSlt .cardSel[disabled] .tit {top:67%; color:#787d82;}
.customSlt .cardSel .tit {text-align:left;}
/* 카드 선택 button tag (e) */

/* input + button */
.iptWrap .btn_acc{position: absolute; top: 0; bottom: 0; margin: auto 0; right: 20px; padding: 6px 8px; height: 32px; font-size: 1.4rem; font-weight: 600; color: rgba(2,12,21,0.72); background-color: rgba(241,243,245,1); border-radius: 6px; border: 0;z-index:2;}
.iptWrap .btn_acc::after{display: none;}
.iptWrap .label + .ipt:focus {outline: 0 !important	;}

/* 운전면허 번호 */
.setDriver {display: flex; padding: 33px 0px 0; position: relative;}
.setDriver .label{display: block; padding-left: 20px !important; position:absolute; top: 0;}
.setDriver > div{display: inline-block; width: 20%;}
.setDriver > div.sltWrap{min-width: 90px;}
.setDriver > div.sltWrap::after{border: none;}
.setDriver > div.sltWrap > select{padding: 9px 30px 12px 20px; background-position-x: right;}
.setDriver > div.keypad{min-width: 100px;}
.setDriver input{padding: 10px 0 !important; } /* 20250319 뉴원 공통 input 간격 수정 */
.setDriver .ipt[type="tel"]{text-align:center}
.setDriver .ipt[type="tel"]:first-of-type {padding:8px 10px 12px;padding-right:0 !important}
.setDriver .ipt[type="tel"]:last-of-type {padding:10px 20px 10px 0 !important;} /* 20250319 뉴원 공통 input 간격 수정 */
.setDriver .ipt[type="tel"]::placeholder {text-align:center !important}
.setDriver .sign {margin-left:0; flex:none; position: relative !important; left: auto; right: auto;}

/* 키패드 수정 */
.keypad .iptWrap::after{border: none;}
.keypad .label{padding: 13px 20px 0; margin: 0;}
.keypad .btnKeypad{position:relative;z-index:2; white-space: nowrap;}
.label + .keypad .btnKeypad,
.label + .keypad .ipt {padding: 8px 20px 12px;} /* 20250319 뉴원 공통 input 간격 수정 */

/* 비밀번호  */
.formArea .keypad:after {display:none;}

/* set 공통 */
[class^=set] {border-radius: 8px; overflow: hidden; height: auto !important;}
[class^=set] .label{padding: 13px 20px 0; margin: 0;}
[class^=set] .iptWrap{padding: 0 !important;}
[class^=set] .sign[readonly] {color: #888;}/* 250213 접근성 반영 */
[class^=set] .sign[disabled] {color: #787d82;}/* 250213 접근성 반영 */
[class^=set] .iptWrap{margin-top: 0;}
.setPhone > .label{margin:0; padding: 13px 20px 0;}
.setPhone + .singleIpt{margin-top: 12px;}
.setHalf .sign.excSign {bottom: 2px;} /* 250320 뉴원 수정 */ 

/* 셀렉트 공통 */
.sltWrap .label ~ select.ipt {padding-top: 8px; background-position-y: -3px;}

/* 기간 공통 */
.ipt.date[readonly]::before,
.ipt.month[readonly]::before{opacity: 60%; }
.ipt.date[disabled]::before,
.ipt.month[disabled]::before{opacity: 60%; }


@media screen and (max-width: 360px) {
	/* 운전면허 미디어쿼리 */
    .setDriver  > div.keypad {min-width:70px}
	.setDriver > div.sltWrap {min-width:80px;}
	.iptGrWrap .label + .setDriver select.ipt {padding-right:10px}
}

@media screen and (min-width: 480px){
.cardScroll .cfOptGroup li {position: relative; display:inline-block; width:190px; height:100%; margin-top:0; text-align:center}
}
/* billBox 수정테스트용 */




/* detailBox 링크버전 */
a.detailBox {position: relative; display: inline-block; width: 100%; height: 100%; padding: 20px;}
a.detailBox::after {content: ''; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_20.png) no-repeat center; background-size: 20px;}
a.detailBox .dataInfo > .infoTit {padding-right: 30px;}   
/* detailBox 링크버전 */

.detailBox{position: relative;}
.detailBox.accoItem::after {content: none !important;}
.detailBox.accoItem .accoHead,
.detailBox.accoItem .accoBtn {padding: 0;}
.detailBox .infoBox .dataInfo {display: inline-block; vertical-align: middle;}
.detailBox .infoBox .card + .dataInfo {width: calc(100% - 56px); display: inline-block; vertical-align: middle;}
/* .detailBox.accoItem .infoBox .card {width: 40px; height: 40px; margin-right: 16px; display: inline-block; vertical-align: top } */
.detailBox.accoItem .accoBtn.infoBox{font-size: 0; width: 100%;}
.detailBox.accoItem .accoBtn .dataInfo > .infoTit {padding-right: 30px;}   
.detailBox.accoItem .accoBtn::before{top: 10px;}


.detailBox .block .infoBox{font-size: 0;}
.detailBox .block + .detail {margin-top: 20px;}
.detailBox .infoBox .card {display: inline-block; width: 40px; height: 40px; margin: 3px 16px 3px 0; vertical-align: top;}
.detailBox .dataTxt {margin: 16px 0 0 32px; color: rgba(12, 23, 35, .6); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.detailBox .dataMoney {margin-top: 16px; text-align: right;}
.detailBox .dataMoney.flexItem {display: flex; justify-content: space-between;}
.detailBox .dataMoney.cancel .priceInfo {color: rgba(12, 23, 35, .6); text-decoration: line-through;}
.detailBox .dataMoney .money {color: #0871F3; font-size: 1.6rem; font-weight: 600; line-height: 1.375;}
/* .detailBox .dataMoney .priceInfo {color: rgba(7, 15, 22, .82); font-size: 2rem; font-weight: 800; line-height: 1.4;}
.detailBox .dataMoney .moneyWrap {display: flex; flex-direction: column;}
.detailBox .dataMoney .moneyWrap .state {margin-top: 4px; color: rgba(2, 12, 21, .72); font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.detailBox .dataMoney .moneyWrap .cancel {color: #EE444A;} */
.detailBox .detail {padding: 0 !important; background-color: #fff;}
.detailBox .noAcco .checkBox > label {color: rgba(7, 15, 22, 0.82); font-size: 1.6rem; font-weight: 600; line-height: 1.375; word-break: keep-all;}
/* .detailBox + .detailBox {margin-top: 12px;}
.detailBox + .detailBox::before {content: none;} */
/* .detailBox .infoBox {display: flex; align-items: center; width: 100%; padding: 0;}*/

.detailBox .infoBox .accoBtn::before {width: 4rem; height: 4rem; background-position: center; top: 10px; right: -10px;}
/*.detailBox .checkBox.infoBox  {width: calc(100% - 30px);}*/
.detailBox .checkBox.infoBox > label {display: block; color: rgba(7, 15, 22, 0.82); font-size: 1.6rem; font-weight: 600; line-height: 1.375; word-break: keep-all;}
.detailBox .checkBox.infoBox > label + .info {/*width: 100%;*/ margin-left: 32px;}
.detailBox .checkBox.infoBox > label::before {top:11px; transform: translateY(-50%);}
.detailBox .checkBox.infoBox + .accoBtn {position: absolute; top: 10px; right: 8px; width: 40px; height: 40px; z-index: 1}
.detailBox .checkBox.infoBox + .accoBtn::before {width: 4rem; height: 4rem; background-position: center; top: 50%; right: 0; }

.detailBox .checkBox {width: 100%;}
.detailBox .dataTxt {margin: 16px 0 0 32px; color: rgba(12, 23, 35, .6); font-size: 1.5rem; font-weight: 500; line-height: 1.4;}
.detailBox .state {margin-top: 4px; color: rgba(2, 12, 21, .72); font-size: 1.4rem; font-weight: 500; line-height: 1.43; text-align: right;}
.detailBox .cancel {color: #EE444A;}
.detailBox .detail {padding: 0 !important; background-color: #fff;}
/* .detailBox + li {margin-top: 12px;}
.detailBox + li::before {content: none;} */
.detailBox .block + .detail {margin-top: 20px;}
.detailBox .block .checkBox > label + .info{display:block; position:relative; overflow:hidden; margin-top: 4px; margin-left: 32px; color: #8B929A; font-size: 1.4rem; font-weight: 500; line-height: 1.429;} /*250116 접근성 반영 */
.detailBox .block .checkBox > label + .info > span {display:inline-block; position:relative; margin-right:6px; padding-right:6px; vertical-align:middle; color: #8B929A}
.detailBox .block .checkBox > label + .info > span:before {content:''; position:absolute; top:5px; bottom:5px; left:-8px; width:1px; background-color:#DEE2E6;}
.detailBox .block .checkBox > label.inIcon + .info{margin-left: 82px;}
.addInfoList + .detailBox{margin-top: 12px;}
.checkAll + .addInfoList, .titH2 + .addInfoList{margin-top: 0;}

.titH2 + .detailBoxWrap{margin-top: 0;}
.checkAll + .detailBoxWrap{margin-top: 0;}
.detailBoxWrap + .titH4{margin-top: 24px;}
.detailBoxWrap + .titH2{margin-top: 24px;}
.anchorDate  {margin-bottom: 16px;}

ul.detailBoxWrap + div.detailBoxWrap{margin-top: 12px;}
ul.detailBoxWrap .detailBox + .detailBox {margin-top: 12px;}
ul.detailBoxWrap .detailBox + .detailBox::before {content: none;}

.detailBox.accoItem .accoBody {padding-top:20px} 
.detailBox .accoHead .checkBox.infoBox > label {padding-right: 20px}


.detailBoxWrap + .boxTbl{margin-top: 32px;}  

/* 카드 이미지 + 아코디언 */
.detailBox .cardImg {display: inline-block; width: 30px; height: 48px; margin-right: 16px; vertical-align: top;}
.detailBox .cardImg.rotate {width: 48px; height: 30px; transform: rotate(90deg); transform-origin: 50% 25%; margin: 16px 0 0 0;}
.detailBox .cardImg > img {width: 100%; height: 100%;}
.detailBox .cardImg + .dataInfo {display: inline-block; width: calc(100% - 52px);} /* 250926 calc -값 수정 */
.detailBox .infoBox .dataInfo .state {color: rgba(50, 63, 79, .5); text-align: left;}
.detailBox .infoBox .dataInfo .link {margin-top: 4px; padding-right: 18px; font-size: 1.4rem; font-weight: 500; line-height: 1.43;}
.detailBox .infoBox .dataInfo .link::after {background-size: 16px;}
.detailBox .link {position: relative; padding-right: 22px; color: #2589F4; font-weight: 500; line-height: 1.38;}
.detailBox .link::after {content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_b_20.png) no-repeat center; background-size: 20px;}
.detailBox .cardBtn {position: relative; margin: 4px 0 0 81px;}
.detailBox .cardImg.rotate + .dataInfo { width: calc(100% - 70px);}

/* 별 아이콘 + 카드 이미지 + 아코디언 */
.detailBox .favorite + .infoBox {display: inline-block; width: calc(100% - 36px) !important; margin-left: 8px;}
.detailBox .accoBody .btnWrap {display: flex; align-items: center;}
.detailBox .accoBody .btnWrap > button + button {margin-left: 8px;}
.detailBox .badge:first-of-type {margin-left: 0;}
.detailBox .badge + .titH2 {margin: 8px 0 12px 0;}
.detailBox .titH2 + .dataMoney {margin-top: 12px;}

/* 변경대상 목록 accoBody 에 스크롤 20241115 김지원 (s) */
.detailBox.accoItem .accoBody.scroll {max-height:480px;overflow-y:auto;margin-right:-20px}
.detailBox.accoItem .accoBody.scroll .changeItem + .changeItem {width:calc(100% - 20px);margin-top:16px;}
/* 20241115 김지원 (e) */

/* 링크 > 아이콘 + 아코디언 */
.detailBox a.infoBox {width: 100%; display: inline-block; width: calc(100% - 30px);}
.detailBox a.infoBox + .accoBtn {position: absolute; top: 10px; right: 8px; width: 40px; height: 40px; z-index: 1}
.detailBox a.infoBox + .accoBtn::before {width: 4rem; height: 4rem; background-position: center; top: 50%; right: 0; }

.detailBox .accoHead a.infoBox:not(.accoBtn) {width: 100%;} 

/* .favorite + .accoBtn {width:calc(100% - 36px) !important;} */

/*form disabled readonly 변경*/
/*.sltWrap{overflow: hidden;}*/

.iptWrap > .label + .ipt.uiAct[disabled] {transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: -33px; color : #787d82; }/* 250212 접근성 반영 */
.iptWrap > .label + .ipt.date.uiAct[disabled]:before, .iptWrap > .label + .ipt.date.uiAct[readonly]:before{margin-top:3px;}
.iptWrap > .label + .ipt.uiAct[readonly] {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: -33px; color : #888; }/* 250212 접근성 반영 */

/* 주소 공통 */
.addressWrap .links.btnSearch {z-index:5; top: 0; bottom: 0;  left: 0; right: 0;}
.addressWrap .links.btnSearch:after {display:block;width:100%;height:100%;content:'';background: url(../img/mw/newonCrd/ico_search.png) no-repeat calc(100% - 20px) calc(100% - 25px); background-size: 20px auto; border: none;}
.addressWrap > .label + input{padding-bottom: 0; padding-right: 48px !important; line-height: 2.4rem;}
.addressWrap > .label + input + input{padding-top:0; padding-right: 48px !important; padding-bottom: 12px; line-height: 2.4rem;} /* 20250319 뉴원 공통 input 간격 수정 */
.addressWrap > .label + .ipt.uiAct[disabled] {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.addressWrap > .label + .ipt.uiAct[disabled] + .subAddress{ background: rgba(133, 151, 168, 0.18); color : rgba(111, 125, 140, 0.4);  }
.addressWrap > .label + .ipt.uiAct[disabled] + .subAddress + .links{opacity: 0.5; pointer-events : none; }  
.addressWrap > .label + .ipt.uiAct[readonly] {background: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color : rgba(7, 15, 22, 0.82); -webkit-text-fill-color: rgba(7, 15, 22, 0.82);}
.addressWrap > .label + .ipt.uiAct[readonly] + .subAddress{ background: transparent; color : rgba(7, 15, 22, 0.82); -webkit-text-fill-color: rgba(7, 15, 22, 0.82);} 

 
.addressWrap .ipt[disabled] ~ .btnSearch, .iptWrap > .ipt[disabled] + .links, .iptWrap > .ipt[disabled] + .btn_acc{ pointer-events : none; }

[class^=set] .keypad {padding: 0;}
[class^=set] .keypad .btnKeypad {padding: 0 5px;}
[class^=set] .sltWrap{overflow:visible;}
.setPhone > .iptWrap, .setHalf > .iptWrap{display: flex; flex-direction: column; align-items: stretch; overflow: visible;}
.setHalf > .iptWrap{border-radius: 0;}
.setHalf > .iptWrap > .ipt.uiAct[readonly]{background: rgba(115, 132, 149, 0.05); color : #888; border-radius: 0; }/* 250213 접근성 반영 */
.setHalf > .iptWrap ~ .iptWrap > .ipt.uiAct[readonly]{background: rgba(115, 132, 149, 0.05); color : #888; border-radius: 0; }/* 250213 접근성 반영 */
.setHalf > .iptWrap ~ .keypad > .btnKeypad[readonly]{background: rgba(115, 132, 149, 0.05); color : #888; border-radius: 0; }/* 250213 접근성 반영 */
.setHalf > .iptWrap > .ipt.uiAct[disabled]{background: rgba(133, 151, 168, 0.18); color : #787d82; border-radius: 0; }/* 250213 접근성 반영 */
.setHalf > .iptWrap ~ .iptWrap > .ipt.uiAct[disabled]{background:rgba(133, 151, 168, 0.18); color : #787d82; border-radius: 0; }/* 250213 접근성 반영 */
.setHalf > .iptWrap ~ .keypad > .btnKeypad[disabled]{background: rgba(133, 151, 168, 0.18); color : #787d82; border-radius: 0; }/* 250213 접근성 반영 */

.setHalf > .label + .iptWrap > .ipt.uiAct[readonly]{transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setHalf > .label + .iptWrap ~ .keypad > .btnKeypad[readonly]{position: absolute; transform: translate(0px, -33px);  background: rgba(115, 132, 149, 0.05); padding: 47px 0 30px; border-top-left-radius: 0; border-bottom-right-radius:0; margin-bottom: -33px; color : #8B929A; -webkit-text-fill-color: #8B929A;} /* 250212 접근성 반영 */
.setHalf > .label + .iptWrap ~ .iptWrap > .ipt.uiAct[readonly]{transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setHalf > .label + .iptWrap > .ipt.uiAct[disabled]{transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setHalf > .label + .iptWrap ~ .keypad > .btnKeypad[disabled]{position: absolute; transform: translate(0px, -33px);  background: rgba(133, 151, 168, 0.18); padding: 47px 0 30px; border-top-left-radius: 0; border-bottom-right-radius:0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setHalf > .label + .iptWrap ~ .iptWrap > .ipt.uiAct[disabled]{transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setHalf > .label + .iptWrap ~ .keypad > .btnKeypad.notBtn[readonly]{padding : 56px 0 20px;} /*250120 뉴원결함 잔여 수정 이재길 */
.setHalf > .label + .iptWrap ~ .keypad > .btnKeypad.notBtn[disabled]{padding : 56px 0 20px;} /*250121 뉴원결함 잔여 수정 이재길 */
.setHalf > .iptWrap > .label + .ipt.uiAct[disabled] {border-radius: 0;}
.setHalf > .iptWrap > .label + .ipt.uiAct[readonly] {border-radius: 0;}
.setPhone > .label ~ .setHalf .ipt,
.setPhone > .label ~ .iptWrap .ipt {padding: 10px 20px;} /* 20250319 뉴원 공통 input 간격 수정 */

.setHalf > .label + .ipt.date[readonly]{transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setHalf > .label + .ipt.date[readonly]::before{margin-top: 3px;}
.setHalf > .label + .ipt.date ~ .ipt.date[readonly]{transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setHalf > .label + .ipt.date ~ .ipt.date[readonly]::before{margin-top: 3px;}

.setHalf > .label + .ipt.date[disabled]{transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setHalf > .label + .ipt.date[disabled]::before{margin-top: 3px;}
.setHalf > .label + .ipt.date ~ .ipt.date[disabled]{transform: translate(0px, -33px); background:rgba(133, 151, 168, 0.18); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setHalf > .label + .ipt.date ~ .ipt.date[disabled]::before{margin-top: 3px;}

.setPhone > .label + .sltWrap > .ipt.uiAct[readonly] {position: absolute; transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: calc(100% - 21px) calc(100% - 13px); padding-top: 41px; padding-bottom: 11px; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setPhone > .label + .sltWrap + .iptWrap > .ipt.uiAct[readonly] {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : rgba(111, 125, 140, 0.4); }
.setPhone > .label + .sltWrap > .ipt.uiAct[disabled] {position: absolute;transform: translate(0px, -33px); background:rgba(133, 151, 168, 0.18) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: calc(100% - 21px) calc(100% - 13px); padding-top: 41px; padding-bottom: 11px; border-radius: 0; margin-bottom: -33px; color : #787d82; min-height:77px; }/* 250213 접근성 반영 / 250319 뉴원수정 */
.setPhone > .label + .sltWrap + .iptWrap > .ipt.uiAct[disabled] {transform: translate(0px, -33px); background:rgba(133, 151, 168, 0.18); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : rgba(111, 125, 140, 0.4); }

.setThird > .iptWrap{border-radius: 0;}
.setThird > .iptWrap .ipt.uiAct[readonly]{background: rgba(115, 132, 149, 0.05);  color : rgba(111, 125, 140, 0.4); border-radius: 0;  }
.setThird > .iptWrap .ipt.uiAct[readonly] + .iptWrap {background: rgba(115, 132, 149, 0.05);  color : rgba(111, 125, 140, 0.4); border-radius: 0;  }
.setThird > .iptWrap .ipt.uiAct[disabled]{background: rgba(133, 151, 168, 0.18);  color : rgba(111, 125, 140, 0.4);  border-radius: 0;  }


.setThird > .label + .iptWrap > .ipt.uiAct[readonly]{transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setThird > .label + .iptWrap ~ .iptWrap > .ipt.uiAct[readonly]{transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setThird > .label + .iptWrap > .ipt.uiAct[disabled]{transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setThird > .label + .iptWrap ~ .iptWrap > .ipt.uiAct[disabled]{transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setThird > .label ~ .iptWrap{overflow: visible;}
.setThird > .label ~ .iptWrap .ipt {padding: 10px 20px} /* 20250319 뉴원 공통 input 간격 수정 */

.setCard.hasKeypad > .ipt {padding: 10px 20px; min-height: 44px;} /* 20250319 뉴원 공통 input 간격 수정 / 250320 뉴원 수정 */ 
.setCard.hasKeypad > .ipt.uiAct[readonly]{background: rgba(115, 132, 149, 0.05); color : #888; }/* 250213 접근성 반영 */
.setCard.hasKeypad > .ipt.uiAct[readonly] ~ .keypad .btnKeypad[readonly]{background: rgba(115, 132, 149, 0.05); color : #888; }/* 250213 접근성 반영 */
.setCard.hasKeypad > .ipt.uiAct[disabled]{background: rgba(133, 151, 168, 0.18); color : #787d82; }/* 250213 접근성 반영 */
.setCard.hasKeypad > .ipt.uiAct[disabled] ~ .keypad .btnKeypad[disabled]{background: rgba(133, 151, 168, 0.18); color : #787d82; }/* 250213 접근성 반영 */

.setCard.hasKeypad > .label ~ .ipt.uiAct[readonly]{transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #888; min-height : 77px; }/* 250213 접근성 반영 250319 뉴원 수정  */
.setCard.hasKeypad > .label + .ipt.uiAct[readonly] ~ .keypad{ transform: translate(0px, -33px); height: auto; background: rgba(115, 132, 149, 0.05); padding: 33px 0 0px; border-top-left-radius: 0; border-bottom-right-radius:0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setCard.hasKeypad > .label + .ipt.uiAct[readonly] ~ .keypad .btnKeypad{background: transparent;}
.setCard.hasKeypad > .label ~ .ipt.uiAct[disabled]{transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18);  padding-top: 41px; border-radius: 0; margin-bottom: -33px; color : #787d82; min-height : 77px;}/* 250213 접근성 반영  250319 뉴원 수정 */
.setCard.hasKeypad > .label + .ipt.uiAct[disabled] ~ .keypad{transform: translate(0px, -33px); height: auto; background: rgba(133, 151, 168, 0.18); padding: 33px 0 0px; border-top-left-radius: 0; border-bottom-right-radius:0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setCard.hasKeypad > .label + .ipt.uiAct[disabled] ~ .keypad .btnKeypad{background: transparent;}

/* 250320 뉴원 간격 수정 (s) */
@media screen and (max-width:370px) {
	.setCard.hasKeypad > .ipt {font-size: 1.5rem;}
}
@media screen and (max-width:350px) {
	.setCard.hasKeypad > .ipt:first-child,
	.setCard.hasKeypad > .label + .ipt {padding-right: 16px;}
	.setCard.hasKeypad > .sign + .ipt  {padding-left: 16px;} /* 250321 수정 */
}
@media screen and (max-width:330px) {
	.setCard.hasKeypad > .ipt {font-size: 1.4rem;}
}
/* 250320 뉴원 간격 수정 (e) */

.sltWrap > .label ~ select.ipt[disabled] {transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: calc(100% - 20px) 50%; padding-top: 41px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: -33px; color : #787d82; height: auto; }/* 250213 접근성 반영 */
.sltWrap > .label ~ select.ipt[readonly] {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: calc(100% - 20px) 50%; padding-top: 41px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: -33px; color : #888; height: auto; }/* 250213 접근성 반영 */
.sltWrap.setAccount > .label ~ select.ipt[disabled] {color : transparent}
.sltWrap.setAccount > .label ~ select.ipt[readonly] {color : transparent}

.keypad.addTxt > .label + .iptWrap > .ipt.uiAct[disabled] {transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.keypad.addTxt > .label + .iptWrap > .ipt.uiAct[readonly] {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.keypad > .label ~ .iptWrap{overflow: visible;}


.iptWrap > .label + .keypad{margin: 0; height: 44px;}
.iptWrap > .label ~ .keypad > .btnKeypad[readonly]{transform: translate(0px, -33px);  background: rgba(115, 132, 149, 0.05); padding: 47px 20px 30px; border-top-left-radius: 0; border-bottom-right-radius:0; margin-bottom: -33px; color : rgba(111, 125, 140, 0.4);  }
.iptWrap > .label + .keypad{margin: 0; height: 44px;}
.iptWrap > .label ~ .keypad > .btnKeypad[disabled]{transform: translate(0px, -33px);  background: rgba(133, 151, 168, 0.18); padding: 47px 20px 30px; border-top-left-radius: 0; border-bottom-right-radius:0; margin-bottom: -33px; color : rgba(111, 125, 140, 0.4); }

.setDriver > .label + .sltWrap > .ipt.uiAct[readonly] {position: absolute; transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05)url(/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: 100% calc(100% - 13px); padding-top: 41px; padding-bottom: 12px; margin-bottom: -33px; color : #888;}/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap ~ .ipt.uiAct[readonly] {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px !important; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap + .ipt.uiAct[readonly] ~ .keypad {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 33px !important; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap + .ipt.uiAct[readonly] {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px !important; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap + .ipt.uiAct[readonly] ~ .sign {transform: translate(0px, -33px); height: auto; background: rgba(115, 132, 149, 0.05); padding-top: 33px !important; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */

.setDriver > .label + .sltWrap > .ipt.uiAct[disabled] {position: absolute; transform: translate(0px, -33px); background:rgba(133, 151, 168, 0.18) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: 100% calc(100% - 13px); padding-top: 41px; padding-bottom: 12px; border-radius: 0; margin-bottom: -33px; color : #787d82;}/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap ~ .ipt.uiAct[disabled] {transform: translate(0px, -33px); background:rgba(133, 151, 168, 0.18); padding-top: 41px !important; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap + .ipt.uiAct[disabled] ~ .keypad {transform: translate(0px, -33px); background:rgba(133, 151, 168, 0.18); padding-top: 33px !important; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap + .ipt.uiAct[disabled] {transform: translate(0px, -33px); background:rgba(133, 151, 168, 0.18); padding-top: 41px !important; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */
.setDriver > .label + .sltWrap + .ipt.uiAct[disabled] ~ .sign {transform: translate(0px, -33px); height: auto; background:rgba(133, 151, 168, 0.18); padding-top: 33px !important; border-radius: 0; margin-bottom: -33px; color : #787d82; }/* 250213 접근성 반영 */

.iptWrap > .ipt.uiAct[disabled] {background: rgba(133, 151, 168, 0.18); color: #787d82; -webkit-text-fill-color: #787d82;} /* 250212 접근성 반영 */
.iptWrap > .ipt.uiAct[readonly] {background: rgba(115, 132, 149, 0.05); color: #888; -webkit-text-fill-color: #888;} /* 250212 접근성 반영 */
.iptWrap > .ipt.uiAct[disabled]::placeholder,
.iptWrap > .ipt.uiAct[disabled]::-moz-placeholder,
.iptWrap > .ipt.uiAct[disabled]::-webkit-input-placeholder {color: #787d82 !important;}/* 250212 접근성 반영 */
.iptWrap > .ipt.uiAct[readonly]::placeholder,
.iptWrap > .ipt.uiAct[readonly]::-moz-placeholder,
.iptWrap > .ipt.uiAct[readonly]::-webkit-input-placeholder {color: #888 !important;}/* 250212 접근성 반영 */


/* s: 250108 금융 결함 수정 이다혜 */
.iptWrap > input[type='checkbox'].ipt.uiAct[disabled] {background: transparent;}
.iptWrap > input[type='checkbox'].ipt.uiAct[readonly] {background: transparent;}
/* e: 250108 금융 결함 수정 이다혜 */

.sltWrap > .ipt.uiAct{padding-top: 10px; padding-bottom: 10px;}
.sltWrap > .ipt.uiAct[disabled]{background:rgba(133, 151, 168, 0.18) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; border-radius: 8px; background-size: 20px; background-position: calc(100% - 20px) 50%;  }
.sltWrap > .ipt.uiAct[readonly]{background: rgba(115, 132, 149, 0.05) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; border-radius: 8px; background-size: 20px; background-position: calc(100% - 20px) 50%;  }


.setPhone {font-size: 0;}
.setPhone > .sltWrap > .ipt.uiAct{padding-top: 10px; padding-bottom: 10px;}
.setPhone > .sltWrap > .ipt.uiAct[disabled]{background:rgba(133, 151, 168, 0.18) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; border-radius: 0px; background-size: 20px; background-position: calc(100% - 20px) 50%; }
.setPhone > .sltWrap > .ipt.uiAct[readonly]{background: rgba(115, 132, 149, 0.05) url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; border-radius: 0px; background-size: 20px; background-position: calc(100% - 20px) 50%; }
.setPhone > .sltWrap + .setHalf > .iptWrap > .ipt.uiAct{padding-top: 10px; padding-bottom: 10px;}
.setPhone > .sltWrap + .setHalf > .iptWrap > .ipt.uiAct[disabled]{background: rgba(133, 151, 168, 0.18); color : #787d82; border-radius: 0; }/* 250213 접근성 반영 */
.setPhone > .sltWrap + .setHalf > .iptWrap > .ipt.uiAct[readonly]{background: rgba(115, 132, 149, 0.05); color : #888; border-radius: 0; }/* 250213 접근성 반영 */

.setPhone > .sltWrap{display: inline-block; float: left;}
.setPhone > .sltWrap + .setHalf{display: inline-block; display: inline-block; width: calc(100% - 33.3333%); float: right; overflow: visible;}
.setPhone > .sltWrap + .iptWrap{display: inline-block; display: inline-block; width: calc(100% - 33.3333%); float: right; overflow: visible;}
.setPhone > .label + .sltWrap{display: inline-block; float: left;}
.setPhone > .label + .sltWrap + .setHalf{display: inline-block; display: inline-block; width: calc(100% - 33.3333%); float: right; overflow: visible;}
.setPhone > .label + .sltWrap > button{height: 44px;}
.setPhone > .label + .sltWrap + .setHalf {border-radius: 0;}
.setPhone > .label + .sltWrap + .setHalf > .iptWrap{border-radius: 0 !important;}
.setPhone > .label + .sltWrap + .setHalf > .iptWrap::after{content: none !important;}
.setPhone > .label + .sltWrap + .setHalf > .iptWrap > .ipt.uiAct[readonly] {transform: translate(0px, -33px); background: rgba(115, 132, 149, 0.05); padding-top: 41px; padding-bottom: 11px !important; border-radius: 0; margin-bottom: -33px; color : #888; }/* 250213 접근성 반영 */
.setPhone > .label + .sltWrap + .setHalf > .iptWrap > .ipt.uiAct[disabled] {transform: translate(0px, -33px); background: rgba(133, 151, 168, 0.18); padding-top: 41px; padding-bottom: 11px !important; border-radius: 0; margin-bottom: -33px; color : #787d82; min-height: 77px; }/* 250213 접근성 반영 / 250319 뉴원수정*/

.ipt.uiAct[disabled] ~ .unit,
.label + .ipt.uiAct[disabled] ~ .unit {color:#787d82;} /* 250212 접근성 반영 */
.ipt.uiAct[readonly] ~ .unit,
.label + .ipt.uiAct[readonly] ~ .unit{color: #888;} /* 250212 접근성 반영 */

.label + .ipt.uiAct[disabled] ~ .btn_acc, .label + .ipt.uiAct[readonly] ~ .btn_acc{background-color: #787d82; color: #fff;}/* 250213 접근성 반영 */
.label + .ipt.error{transform: translate(0px, -33px); border: 1px solid transparent; border-color: rgb(238, 68, 74) !important; background-color: #FCEEEE; padding-top: 41px; margin-bottom: -33px; z-index: 1;}
.sltWrap > .label ~ .ipt.error{transform: translate(0px, -33px); border: 1px solid transparent; border-color: rgb(238, 68, 74) !important; background:#FCEEEE url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size: 20px; background-position: calc(100% - 20px) 50% !important; padding-top: 41px !important; margin-bottom: -33px; z-index: 1;}
[class^=set] > .label, .iptWrap > .label, .sltWrap > .label{position: relative; z-index: 4;}
.setDriver > .label{position: absolute;}

.btnKeypad[readonly] > span{background-color: #888;}/* 250213 접근성 반영 */
.btnKeypad[disabled] > span{background-color: #787d82;}/* 250213 접근성 반영 */



.iptWrap > .label + .keypad.addText:after{content: none !important;}

.ipt.date, .ipt.month{padding: 10px 20px 10px 40px; border-radius: 8px;border: 1px solid transparent; border-color: rgba(133, 151, 168, 0.18);box-sizing: border-box; margin-top: 16px;}/* 뉴원대응 2차 수정 이재길 1211 */
.ipt.date[readonly], .ipt.month[readonly]{background: rgba(115, 132, 149, 0.05); color: #888; }/* 250213 접근성 반영 */
.ipt.date[disabled], .ipt.month[disabled]{background: rgba(133, 151, 168, 0.18); color: #787d82; }/* 250213 접근성 반영 */

.ipt.date:focus-within, .ipt.month:focus-within{border: 2px solid transparent;border-color: rgb(73, 80, 87);transition:border-color ease-in-out 0.225s;-webkit-transition:border-color ease-in-out 0.225s;}

.ipt.date::before, .ipt.month::before{top:calc(50% + 2px)}
.iptWrap .label + .ipt.date, .iptWrap .label + .ipt.month{padding: 8px 20px 12px 40px; margin-top: 0; border: none;}/* 뉴원결함수정 12-16 */
.iptWrap .label + .ipt.date::before, .iptWrap .label + .ipt.month::before{top:50%}
[class^=set] > .label ~ .ipt.date, [class^=set] > .label ~ .ipt.month{border: none; padding: 8px 20px 12px 40px; margin-top: 0;} /* 뉴원결함수정 12-16 */
[class^=set] > .label ~ .ipt.date::before, [class^=set] > .label ~ .ipt.month::before{top:50%}
[class^=set] .ipt.date, [class^=set] .ipt.month{border: none; margin-top: 0;}

.setHalf.onlyKeypadUse > .iptWrap > .ipt.uiAct[readonly] {background: transparent; color : #888; }/* 250213 접근성 반영 */
.setHalf.onlyKeypadUse > .iptWrap > .ipt.uiAct[disabled] {background: transparent; color : #787d82; }/* 250213 접근성 반영 */

/* s: 250108 뉴원 수정 이다혜 */
.setHalf > .ipt.date[disabled],
.setHalf > .ipt.month[disabled],
.setHalf > .ipt.date[readonly],
.setHalf > .ipt.month[readonly] {border-radius: 0;}
/* e: 250108 뉴원 수정 이다혜 */

@media (max-width: 320px) {
	.detailBox label.inIcon > .cardImg {display: none;}
	.detailBox .block .checkBox > label.inIcon + .info{margin-left: 32px;}
	.detailBox .favorite + .infoBox .cardImg {display: none;}
	.detailBox .favorite + .infoBox .cardImg + .dataInfo {width: 100%;}
	.detailBox .favorite ~ .cardBtn {margin-left: 36px;}
	.detailBox .checkBox.infoBox > label .cardImg {display:none}
	/* .detailBox .block .checkBox > label:not(.cardImg) + .info {margin-left:32px} */
	.detailBox .checkBox .cardImg + .dataInfo {width:100%}
}

/* billBox 수정테스트용 */

/* 개인정보보호방침 탭 추가 [s] */
.tabList.swTab{display: flex; overflow: auto hidden; align-items: stretch;}
.tabList.swTab > li{ flex: 0 0 auto;  width: 80px; padding: 10px 12px; display: flex; align-items: center; justify-content: center;}
/* 개인정보보호방침 탭 추가 [e] */

/* 가족카드 수정 [S] */
.topVisualArea .familyCardImg > img{width: auto !important; height: 160px !important;}
/* 가족카드 수정 [e] */

/* 행운카드자판기 */
.luckyCardWrap{width: 100%; background: #99a8fa; font-size: 0;}
.luckyCardWrap .topTitle img{width: 100%;}
.luckyCardWrap .listwrap{background: url(/https/nm.wooricard.com/dcmw/img/mw/event/lucky_bg.png); background-size: 100%; padding: 0 11.5%;}
.luckyCardWrap .listwrap > li{width: 46%; display: inline-block; margin-left: 8%; padding: 8% 0;}
.luckyCardWrap .listwrap > li:nth-child(2n+1){margin-left: 0;}
.luckyCardWrap .listwrap > li .cardImg > img{width: 100%; box-shadow: 6px 8px 7px #a0acdc; border-radius: 4.5%;}
.luckyCardWrap .listwrap > li > button{width: 100%; margin-top: 10%;}

.luckyCardPoP{width: 100%; min-height: 100vh; padding: 22% 9% 0;}
.luckyCardPoP.card01{background: #E8FFF3;}
.luckyCardPoP.card02{background: #CDF4F4;}
.luckyCardPoP.card03{background: #96E5FF;}
.luckyCardPoP.card04{background: #000872;}
.luckyCardPoP.card05{background: #1D54E1;}
.luckyCardPoP.card06{background: #FFF7E7;}
.luckyCardPoP .imgBox{border: 0; margin: 0;}
.luckyCardPoP .down_btn{margin-top: 6%; display: block;}

.eventpop_close{width:50px; height:50px; background:url(../img/mw/event/btn_close_event.png) no-repeat center center; background-size:25px auto; position:fixed; top:3px; right:3px; z-index:11;}
.eventpop_close.wt{width:50px; height:50px; background:url(../img/mw/event/btn_close_event_wt.png) no-repeat center center; background-size:25px auto; position:fixed; top:3px; right:3px; z-index:11;}
.eventpop_close > span{display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}


/* 포인트 조회 /관리 개편 [S] */
.pointWrap{width: 100%; background: #ECF5FD;}
.pointWrap .pointTop{margin: 0; padding: 16px 20px 20px;}
.pointTop .pointSummary{width: 100%; background: #fff; border-radius: 16px; box-shadow: 0px 8px 16px rgba(0, 45, 125, 0.06); padding: 20px; text-align: center; }
.pointSummary .pointName{text-align: center; padding-top: 60px; font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: #343A40; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/pointTop.png) top center no-repeat; background-size: 60px;}
.pointSummary .totalPoint{text-align: center; margin-top: 4px; font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; color: #343A40;}
.pointSummary .point_guide{padding: 0px 18px 0px 0; background:url(../img/mw/common/ico_related2.png?v=20241127) no-repeat center right; background-size: 16px; color: #6D747B; font-size: 1.4rem; font-weight: 500; line-height: 2rem; white-space:normal; display: inline-block; margin-top: 4px;}
.pointSummary .etcPoint{background: #f8f9f9; border-radius: 8px; padding: 16px 20px; margin-top: 16px;}
.pointSummary .etcPoint .accoHead .accoBtn{font-size: 1.5rem; font-weight: 600; color:#485056;}
.pointSummary .etcPoint .accoHead .accoBtn:before{opacity: 0.5;}
.pointSummary .etcPoint .accoBody > ul{width: 100%; margin-top: 16px;}
.pointSummary .etcPoint .accoBody > ul > li{margin-top: 12px; display: flex; align-items: center; justify-content:space-between;}
.pointSummary .etcPoint .accoBody > ul > li:first-child{margin-top: 0;}
.pointSummary .etcPoint .accoBody > ul > li > span{font-size: 1.5rem; line-height: 2.1rem; font-weight: 500; color: #343A40;}
.pointSummary .etcPoint .accoBody > ul > li > span:first-child{color: #6D747B;}
.pointSummary .etcPoint .accoBody > ul > li .links{font-size: 1.5rem; color: #343A40;}/* 20250409 기타 포인트 내역 확인 추가 */
.pointSummary .etcPoint .accoBody > ul > li .links::after{border-bottom-color: #343A40;}/* 20250409 기타 포인트 내역 확인 추가 */
.pointSummary .pointMenu{margin-top: 20px; display: table; width: 100%;}
.pointSummary .pointMenu > a{display: table-cell; text-align: center; 	position: relative; padding: 0 12px; font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #343A40;}
.pointSummary .pointMenu > a:nth-child(4){padding: 0 5px; color: #A9A9A9;}
.pointSummary .pointMenu > a::after{content: ''; position: absolute; top: 50%; right: 0;width: 100%; height: 100%; background: #DEE2E6; width: 1px; height: 10px; z-index: 0; margin-top: -5px;}
.pointSummary .pointMenu > a.btn_btm{padding: 0; height: auto; display: table-cell; width: 45px; height: 24px; padding-left: 12px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/moreMenu.png) right center no-repeat; background-size: 33px; }
.pointSummary .pointMenu > a.btn_btm::after{display: none;}
.pointTop .kkulMoney{width: 100%; margin-top: 20px; }
.pointTop .kkulMoney > a{display: block; padding-left: 52px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/img_HoneyMoney.png) no-repeat left center; background-size: 40px;}
.pointTop .kkulMoney > a .kkulTxt{ padding-right: 36px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_related2.png) no-repeat center right; background-size: 16px;}
.pointTop .kkulMoney > a .kkulTxt > h5{font-size: 1.5rem; line-height: 2.1rem; font-weight: 700; color: #485056;}
.pointTop .kkulMoney > a .kkulTxt > p{margin-top: 4px; font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #6D747B;}

/* 버즈빌 배너 */
.pointBuzzvil {margin: 20px -20px 20px;}
.pointBuzzvil.renewSwiper li:nth-child(3n+1) > a.item {background-color: #fff3ce;}
.pointBuzzvil.renewSwiper li:nth-child(3n+2) > a.item {background-color: #efe9ff;}
.pointBuzzvil.renewSwiper li:nth-child(3n+3) > a.item {background-color: #fff0f0;}
.pointBuzzvil.renewSwiper li > a.item {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_related2.png); background-repeat: no-repeat; background-position: calc(100% - 20px) center; background-size: 16px; justify-content: left; padding: 5px 36px 5px 28px; border-radius: 25px; gap: 1rem;}
.pointBuzzvil.renewSwiper li > a.item .thumb {width: 45px;}

.saveUsedList{background: #fff; margin: 0; padding: 32px 20px;}
.saveUsedList > h2{font-size: 1.7rem; line-height: 2.4rem; font-weight: 600; color: #343A40;}
.saveUsedList .sltWrap{margin-top: 12px;}

.saveUsedList .tabWrap{width: 100%; margin: 6px 0 0!important;}
.saveUsedList .tabWrap ul.listTab {display: flex; overflow: auto hidden; padding: 0;}
.saveUsedList .tabWrap ul.listTab > li {position: relative; width: 68px; height: 40px; line-height: 40px; text-align: center; background: #F1F3F5; color: #6D7478; font-size: 1.6rem; font-weight: 500; border-radius: 20px; margin-left: 8px;}
.saveUsedList .tabWrap ul.listTab > li:first-child{margin-left: 0;}
.saveUsedList .tabWrap ul.listTab > .on{color: #fff; background: #2589F4;}

.saveUsedList .tabWrap .tabContents .tabPanel{padding: 0;}
.saveUsedList .tabWrap ul.listTab > li {padding: 0;}

.pointList{width: 100%;}
.pointList > li{width: 100%; border-top: 1px solid #DEE2E6; padding: 24px 0 0;}
.pointList > li:first-child{border-top: 0;}
.pointList > li .date{font-size: 1.4rem; line-height: 2rem; color: #6D747B;}
.pointList > li .pointHistory{width: 100%; margin: 12px 0 0;}
/* 20250224 포인트 적립 & 사용 상세리스트 적용 (추가수정) */
.pointList > li .pointHistory > li{padding: 0 0 24px; width: 100%; font-size: 0;}
.pointList > li .pointHistory > li .accoHead{width: 100%; position: relative;}
.pointList > li .pointHistory > li .accoHead > span{font-size: 16px; font-weight: 500; line-height: 2.2rem; color: #343A40; display: inline-block; width: 40%; text-align: right; vertical-align: top;}
.pointList > li .pointHistory > li .accoHead > span:first-child{text-align: left; width: 60%;}
.pointList > li .pointHistory > li .accoHead > span > strong{width: 100%; display: block;}
.pointList > li .pointHistory > li .accoHead .accoBtn{display: block; width: auto; padding-right: 18px; font-size: 0rem; line-height: 2rem; margin-top: 4px; color: #485056; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pointList > li .pointHistory > li .accoHead .accoBtn::before{width: 16px; height: 16px; background-size: 16px;top: auto; bottom: -6px;}
.pointList > li .pointHistory > li .accoHead > span > i{width: 100%; display: block; font-size: 1.4rem; margin-top: 4px; line-height: 2rem; font-weight: 500; text-align: right; color:#485056; padding-right: 18px;}
.pointList > li .pointHistory > li.save .accoHead > span > strong{color: #0871F3;}
.pointList > li .pointHistory > li.used .accoHead > span > strong{color: #EE444A;}
.pointList > li .pointHistory > li .accoBody{background: #f8f9f9; margin-top: 8px; border-radius: 8px; padding: 16px 24px;}
.pointList > li .pointHistory > li .accoBody .point_detail > h4{font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #485056; padding-bottom: 12px;}
.pointList > li .pointHistory > li .accoBody .point_detail > ul{margin: 0; width: 100%;}
.pointList > li .pointHistory > li .accoBody .point_detail > ul > li{display: flex; width: 100%; justify-content: space-between; padding: 0; margin-top: 4px; }
.pointList > li .pointHistory > li .accoBody .point_detail > ul > li:first-child{margin-top: 0;}
.pointList > li .pointHistory > li .accoBody .point_detail > ul > li > span{font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #485056;}
.pointList > li .pointHistory > li .accoBody .point_detail > ul > li > span:first-child{color: #989EA6;}
/* // 20250224 포인트 적립 & 사용 상세리스트 적용 (추가수정) */
.popInner .bottomLink{width: 100%;  padding-bottom: 40px;}
.popInner .bottomLink > li{width: 100%; padding: 7px 0;}
.popInner .bottomLink > li > a{display: block; padding: 10px 30px 10px 0; font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #343A40; background: url(../img/mw/content/ico_related_new.png) no-repeat right center; background-size: 22px;}
.bottom.popCont.typeL > .btnIco_close {right: 9px;}
/* 포인트 조회 /관리 개편 [E] */

/* 론케어서비스 250207 (s) */
.spaceBlock .block.radius {padding: 10px 20px; border-radius: 6px;}
/* 론케어서비스 250207 (e) */

/* 쿠팡쇼핑 250210 (s) */
#content.shopTicket {background: #FCFCFC;}/* 쿠팡쇼핑용 bg 클래스 250328 추가 */
.shopTicket .tabWrap .tabList.fixed {position: fixed;}
.shopTicket .tabWrap .tabList.fixed ~ .tabContents {padding-top:60px;}
.shopTicket .contKv {padding: 30px 0 30px; background: linear-gradient(to top, #e8f2fc 55%, #fff); text-align: center;}
.shopTicket .contKv h2 {color: #000; font-size: 1.4rem; font-weight: 700; line-height: 2.2rem;}
.shopTicket .contKv h2 span {position: relative; color: rgb(37, 137, 244);}
.shopTicket .contKv h2 span.orange {position: relative; color: #f2584a;}
.shopTicket .contKv h2 span:before {content: none;}
.shopTicket .contKv h2 > strong {display: inline-block; margin-top: 14px; margin-bottom: 10px; color: #5F77DF; font-size: 3.2rem; font-weight: 900; line-height: 3.5rem;}
.shopTicket .contKv h2 > strong.orange {color: #f14d3e;}
.shopTicket .contKv .kvImg {margin-top: 20px;}
.shopTicket .contKv .drawTime {display: inline-flex; align-items: center; height: 28px; margin-top: 5px; padding: 0 14px; border-radius: 14px; background-color: #295CDD; color: #fff; text-align: center;}
.shopTicket .contKv .drawTime > img {width: 14px; margin-right: 6px;}
.shopTicket .normalList ul {display: flex; justify-content: center; margin: 0 20px; padding: 16px 24px; background-color: #ffffffc9; border-radius: 16px;}
.shopTicket .normalList ul li {position: relative; width: 60px; font-size: 1.1rem; color: #212528; font-weight: 600;}
.shopTicket .normalList ul li + li {margin-left: 46px;}
.shopTicket .normalList ul li img {margin-bottom: 8px;}
.shopTicket .normalList ul li:not(:last-child):after {content: ''; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); border-left: 1px dotted #e6e6e6; width: 1px; height: 20px;}
.shopTicket .contKv button {margin-top: 20px; max-width: 200px; font-size: 1.7rem;}
.shopTicket .prizeList ul {display: flex; justify-content: start; margin: 0 0 0 20px; padding: 16px 24px; background-color: #ffffffc9;  white-space: nowrap; overflow: hidden; overflow-x: auto; border-top-left-radius: 16px; border-bottom-left-radius: 16px;}
.shopTicket .prizeList ul li {position: relative; min-width: 88px; font-size: 1.4rem; color: #485056; font-weight: 400; white-space: normal;}
.shopTicket .prizeList ul li .prizeStore {display: block; text-align: left;}
.shopTicket .prizeList ul li .prizeName {display: block; text-align: left; word-break: keep-all; margin-top: 4px;}
.shopTicket .prizeList ul li + li {margin-left: 10px;}
.shopTicket .prizeList ul li .prizeImg {width: 88px; height: 88px; margin-bottom: 12px; background: #f6f6f6;}
.shopTicket .tabWrap .tabList {z-index: 601; position: relative; top: 0; left: 0; padding: 0 20px; border-bottom: 1px solid #ececec; background-color: #fcfcfc;} /* 250328 수정 */
.shopTicket .tabWrap .tabList li {position: relative; height: 59px; font-size: 1.6rem;}
.shopTicket .tabWrap .tabList li button {color: #888;}
.shopTicket .tabWrap .tabList li.on button {color: rgba(7, 15, 22, 0.82); font-weight: 700; z-index: 1;}
.shopTicket .tabWrap .tabList li.on::after {z-index: 1; content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: rgb(73, 80, 87);}
.shopTicket .contTicketStatus {margin: 30px 20px 0; padding: 20px; border-radius: 8px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05); background: #fff;} /* 250328 추가수정 */
.shopTicket .contTicketStatus ul.status {margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: 1px solid #ececec; font-size: 1.6rem; line-height: 2.4rem; font-weight: 600;}
.shopTicket .contTicketStatus ul.status li {display: flex; justify-content: space-between;  color: #000;}
.shopTicket .contTicketStatus ul.status li .name {position: relative; padding-left: 32px; font-weight: 600; font-size: 1.7rem;} /* 250328 추가수정 */
.shopTicket .contTicketStatus ul.status li .name:before {content:''; position: absolute; width: 24px; height: 24px; left: 0; top: 0; background: url('/https/nm.wooricard.com/dcmw/img/mw/content/shopping/ticket.png'); background-position: center; background-size: 100%;}
.shopTicket .contTicketStatus ul.status li .ticket {font-weight: 600; color: #2589f4;}
.shopTicket .contTicketStatus ul li a {display: flex; justify-content: space-between;}
.shopTicket .contTicketStatus ul li + li {margin-top: 10px;}
.shopTicket .contTicketStatus ul li strong {font-size: 1.4rem; font-weight: 600; color: #000;}
.shopTicket .contTicketStatus ul li a span {font-size: 1.4rem; font-weight: 600; color: #485056;}
.shopTicket .contTicketStatus ul:not(.status) li {position: relative; padding-right: 16px;}
.shopTicket .contTicketStatus ul:not(.status) li:after {content: ''; position: absolute; width: 16px; height: 16px; top: 2px; right: 0; background: url('/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png'); background-size: 16px;}
.shopTicket .contTicketList {margin: 16px 20px 0px; padding: 20px; border-radius: 8px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05); background: #fff;}
.shopTicket .contTicketList .tit {display: flex; justify-content: space-between; margin-bottom: 20px;}
.shopTicket .contTicketList .tit strong {position: relative; padding-left: 32px; font-size: 1.7rem; color: #000; font-weight: 600; line-height: 2.4rem;} /* 250328 추가수정 */
.shopTicket .contTicketList .tit strong:before {content: ''; position: absolute; width: 24px; height: 24px; top: 0; left: 0; background: url('/https/nm.wooricard.com/dcmw/img/mw/content/shopping/logo.png'); background-size: 24px;}
.shopTicket .contTicketList .tit a {display: flex; align-items: center; position: relative; padding-right: 16px; font-size: 1.2rem; color: #000;}
.shopTicket .contTicketList .tit a:after {content: ''; position: absolute; width: 16px; height: 16px; top: 3px; right: 0; background: url('/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_right_grey_20.png'); background-size: 16px;}
.shopTicket .contTicketList .searchWrap {position: relative;}
.shopTicket .contTicketList input {background: #f1f3f5; border: 0; padding: 12px 16px 12px 46px;}
.shopTicket .contTicketList input::placeholder {font-size: 1.7rem !important; color: #989ea6 !important;}
.shopTicket .contTicketList .searchWrap .searchBtn {position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 40px; height: 100%; background: url('/https/nm.wooricard.com/dcmw/img/mw/common/Ico-svg-srch.svg') center center no-repeat; background-size: 20px; z-index: 9;}
.shopTicket .contTicketList .keywords ul {display: flex; flex-wrap: wrap; justify-content: left; column-gap: 8px; row-gap: 8px; margin-top: 24px;} /* 250328 추가수정 */
.shopTicket .contTicketList .keywords ul li a {display: block; padding: 6px 8px; background: #E9ECEF; font-size: 1.2rem; line-height: 1.6rem; border-radius: 2.8rem; color: #485056; font-weight: 500;} /* 250328 추가수정 */
.shopTicket .priceList ul {display: flex; justify-content: start; margin: 24px -20px 0 0; padding: 0 20px 10px 0; white-space: nowrap; overflow: hidden; overflow-x: auto;} /* 250328 추가수정 */
.shopTicket .priceList ul li {position: relative; min-width: 88px; width: 88px; font-size: 1.4rem; color: #485056; font-weight: 400; white-space: normal;}
.shopTicket .priceList ul li .priceCost {display: block; text-align: left; color: #000; font-weight: 700;}
.shopTicket .priceList ul li .priceName {display: block; display: -webkit-box; height: 4.0rem; text-align: left; margin: 4px 0; color: #000; word-break: break-all; white-space: normal; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.shopTicket .priceList ul li + li {margin-left: 10px;}
.shopTicket .priceList ul li .priceImg {width: 88px; height: 88px; margin-bottom: 12px; background: #f6f6f6;}
.shopTicket .emptyList {margin: 40px 0 20px 0; text-align: center; font-size: 1.7rem; font-weight: 500; color: #343a40;}

/* 250318 추가 수정 [s] */
.shopTicket .guideBox{margin: 48px 20px 0; padding: 16px 20px;}
.shophistory .guideBox{margin: 48px 0 0; padding: 16px 20px;}
.shopTicket .guideBox .mainTitle, .shophistory .guideBox .mainTitle{font-size: 1.5rem; line-height: 2.1rem; font-weight: 700; color: #333;}
.shopTicket .guideBox .sbTit, .shophistory .guideBox .sbTit{margin-top: 12px; font-size: 1.4rem; line-height: 2rem; font-weight: 700; color: #666;}
.shopTicket .guideBox .txtList_disc, .shophistory .guideBox .txtList_disc{margin-top: 12px;}
.shopTicket .guideBox .txtList_disc > li, .shophistory .guideBox .txtList_disc > li{font-size: 1.4rem; font-weight: 400; color: #666; line-height: 2rem;}
.shopTicket .guideBox .txtList_disc > li .txtList_dash, .shophistory .guideBox .txtList_disc > li .txtList_dash{margin-left: -12px; margin-top: 12px;}
.shopTicket .guideBox .txtList_disc > li .txtList_dash > li, .shophistory .guideBox .txtList_disc > li .txtList_dash > li{padding-left: 12px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #666; }
.shopTicket .guideBox .txtList_disc > li .txtList_dash > li::before, .shophistory .guideBox .txtList_disc > li .txtList_dash > li::before{top:9px; width:4px; height:1px; background-color:#6D747B;}
.shopTicket .deliberBox {margin: 0 20px;}
/* 250318 추가 수정 [e] */

.eventDetail {margin: 0 20px;}
.eventDetail h1 {margin-top: 32px; font-size: 2.2rem; color: #343a40; font-weight: 700;}
.eventDetail h2 {margin-top: 32px; font-size: 1.5rem; color: #343a40; font-weight: 400;}
.eventDetail h2 strong {font-weight: 700;}
.eventDetail img {display: block; margin: 12px auto 0; max-width: 320px; width: 100%;}
.eventDetail ul {margin: 16px 20px 0 28px;}
.eventDetail .numTag {display: inline-block; margin-right: 8px; text-align: center; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #e9ecef; font-size: 1.2rem; color: #6d747b; font-weight: 600;}
.shopTicket .tabPanel02 .contTicketStatus ul.status {margin-bottom: 0; padding: 0; border-bottom: 0;}
.shopTicket .rouletteWrap {position: relative; margin: 10px 0;}/* 20250425 이벤트룰렛 이미지 수정 */
.shopTicket .rouletteWrap .board {max-width: 320px; margin: 0 auto;}/* 20250425 이벤트룰렛 이미지 수정 */
.shopTicket .rouletteWrap .board.spin {transition: 3.5s ease-in-out; transition-delay: 0.3s;}
.shopTicket .rouletteWrap .goStart {position: absolute; max-width: 66px; top: calc(50% - 14px); left: 50%; transform: translate(-50%, -50%);}
.shopTicket .btnsWrap {display: flex; margin: 0 40px 40px 40px;}
.shopTicket .btnsWrap button {font-size: 1.7rem;}
.shopTicket .btnsWrap button + button {margin-left: 10px;}
.popWrap.popPrize .alert .popBody {padding: 20px 20px 24px 20px;}
.popWrap.popPrize .popCont.alert:not(.v2) .popInner {padding-bottom: 0 !important;}
.popWrap.popPrize .popCont.alert:not(.v2) .popInner .msg.prize {text-align: center;}
.popWrap.popPrize .popCont.alert:not(.v2) .popInner .msg.prize img {width: 72px; margin-bottom: 24px;}
.popWrap.popPrize .popCont.alert:not(.v2) .popInner .msg.prize p {font-size: 2.0rem;}
.popWrap.popPrize .popCont.alert:not(.v2) .popInner .msg.prize span {display: block; margin: 8px 0; font-size: 1.5rem; font-weight: 400; word-break: keep-all; color: #6d747b;}
.popWrap.shopTerms .termsWrap .listAgree {padding: 0 !important;}
.popWrap.shopTerms .termsWrap .iptGroup:not(.iptBtn) > li .accoHead .btnIco_acco.accoBtn:before {background-size: 20px;}
.couponBox {padding: 0 20px;}
.couponBox .arrowType {position: relative; padding-right: 22px;}
.couponBox .arrowType:after {content: ''; position: absolute; width: 20px; height: 20px; top: 50%; right: 0; transform: translateY(-50%); background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_acco.png) no-repeat center 0; background-size: 20px;}
.couponBox .couponList {margin: 32px 0 40px 0;}
.couponBox .couponList li {padding: 24px; border: 1px solid #dee2e6; border-radius: 16px;}
.couponBox .couponList li + li {margin-top: 16px;}
.couponBox .couponList .couponHead {display: flex; justify-content: space-between;}
.couponBox .couponList .couponHead span {font-size: 1.4rem; font-weight: 500; color: #333;}
.couponBox .couponList .couponHead .tag {display: flex; justify-content: space-between; font-size: 1.2rem; font-weight: 600; color: #ee444a;}
.couponBox .couponList .couponInfo {display: flex; margin-top: 8px;}
.couponBox .couponList .couponInfo img {width: 60px;}
.couponBox .couponList .couponInfo p span {display: block; margin-left: 16px; font-size: 1.6rem; font-weight: 600; color: #343a40;}
.couponBox .couponList .date {margin-top: 16px; font-size: 1.4rem; color: #999; font-weight: 400;}
.shophistory {padding: 0 20px;}
.shophistory .boxInfo {display: flex; justify-content: space-between; margin-top: 32px; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;}
.shophistory .boxInfo strong {position: relative; padding-left: 32px; font-size: 1.6rem; font-weight: 600; color: #000;}
.shophistory .boxInfo strong::before {content: ''; position: absolute; width: 24px; height: 24px; left: 0; top: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/shopping/ticket.png); background-position: center; background-size: 100%;}
.shophistory .boxInfo p {font-size: 1.6rem; font-weight: 600; color: #2589f4;}
.shophistory .historyList > li {padding: 20px 0; border-bottom: 1px solid #dee2e6;}
.shophistory .historyList > li .group + .group {margin-top: 24px;}
.shophistory .historyList > li .date {font-size: 1.4rem; font-weight: 500; color: #6d747b;}
.shophistory .historyList > li .shopCont {display: flex; justify-content: space-between; margin-top: 12px;}
.shophistory .historyList > li .shopCont strong {font-size: 1.6rem; font-weight: 500; color: #343a40; line-height: 2.2rem;} /* 250328 추가수정 */
.shophistory .historyList > li .shopCont strong .desc {display: block; font-size: 1.4rem; font-weight: 400; color: rgb(12, 23, 35, 0.6); margin-top: 4px; padding-left: 8px; line-height: 2rem;} /* 250328 추가수정 */
.shophistory .historyList > li .shopCont strong .desc span {color: rgb(50, 63, 79, 0.5);}
.shophistory .historyList > li .shopCont div {display: flex; flex-direction: column; text-align: right;}
.shophistory .historyList > li .shopCont div .contVal {display: block; margin-bottom: 4px; font-size: 1.6rem; color: #0871f3; font-weight: 600;}
.shophistory .historyList > li .shopCont div .contVal.cancel {color: #989ea6; text-decoration: line-through;}
.shophistory .addInfoList {margin: -21px -20px 0 -20px;}
.shophistory .addInfoList .accoBtn {padding: 0; font-size: 1.4rem; font-weight: 500; color: #989ea6;}
.shophistory .addInfoList .accoBtn:before {width: 16px; height: 16px; left: 51px; background-size: 1.6rem;}
.shophistory .addInfoList .accoBody {padding: 0 20px; background-color: #fff;}
.shophistory .addInfoList .accoBody li {display: flex; justify-content: space-between;}
.shophistory .addInfoList .accoBody li span {color: #000; color: #485056; font-weight: 500;}
.shophistory .addInfoList .accoBody li .product {color: #000; color: #989ea6;}
.selectMonthBtn {margin-top: 32px; color: #343a40; font-weight: 500;}
.selectMonthBtn a {position: relative;}
.selectMonthBtn a:after {content: ''; position: absolute; width: 16px; height: 16px; top: 50%; right: -18px; transform: translateY(-50%); background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_acco.png) no-repeat center 0; background-size: 16px;}
.buzzvil.coupang {background: #f2e3ff;}
.buzzvil.coupang .avatar {border-radius: 50%; overflow: hidden;}
/* 쿠팡쇼핑 250210 (e) */

/* 250220 경리나라 (s) */
.topVisualArea.kyungrinara {padding: 40px 20px; background: #E7FCFE;}
.topVisualArea.menuInfo.kyungrinara .tit:before {margin: 0 auto 30px auto; width: 100px; height: 70px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/img_kyungrinara_top.png) no-repeat center; background-size: auto 70px;}
.topVisualArea.kyungrinara p {letter-spacing: -0.5px;}
.full.kyungri {margin-top: 0; margin-bottom: 0; padding: 54px 0;}
.kyungri .innerBox {margin: 0 auto;}
.kyungri .titArea {margin-top: 0; margin-bottom: 40px; padding: 0 20px;}
.kyungri .titArea .titH2 {font-size: 2.2rem; line-height: 1.5; font-weight: 700; color: #343A40;}
.kyungri.type01 {background: #F0F8FF;}
.kyungri.type01 .visualImg {padding: 0 30px;}
.kyungri.type02 {background: #fff;}
.kyungrinaraSwiper {padding-left: 16px; box-sizing: border-box;}
.kyungrinaraSwiper .swiper-controls {position: relative; margin-top: 24px; display: flex; justify-content: center; align-items: center; text-align: center;}
.kyungri.type02 .flexCon .item {padding-bottom: 16px; width: 160px; height: auto; box-sizing: border-box; border-radius: 8px; border: 1px solid #E0E0E0; text-align: center;}
.kyungri.type02 .flexCon .item h3 {margin-bottom: 8px; font-size: 1.6rem;; line-height: 2.0rem; color: #2B64CE; font-weight: 700;}
.kyungri.type02 .flexCon .item .desc {padding: 0 12px; color: #666; word-break: keep-all;}
.kyungri.type02 .flexCon .item .imgBox {margin: 0 auto; width: 158px; border-radius: 8px; border: 0;}
.kyungri.type02 .flexCon .item .imgBox img {width: 100%;}
.kyungri.type03 {position: relative; border-bottom: 7px solid #F1F1F1;}
.kyungri.type03::before {position: absolute; display: block; content: ''; margin: 0 auto; width: 100%; height: 406px; top: 0; left: 0; right: 0; background: #EFF7FF; z-index: 0;}
.kyungri.type03 .flexCon {position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 20px; text-align: center; z-index: 1;}
.kyungri.type03 .flexCon .item {margin: auto; width: calc(50% - 16px); max-width: 160px; border-radius: 16px; box-shadow: 0 2px 0 0  rgba(0, 0, 0, 0.05); box-sizing: border-box;}
.kyungri.type03 .flexCon .item:nth-child(even) {margin-left: 16px;}
.kyungri.type03 .flexCon .item:nth-child(3),.kyungri.type03 .flexCon .item:nth-child(4) {margin-top: 10px;}
.kyungri.type03 .flexCon .item .top {padding: 26px 16px 10px; box-sizing: border-box; background: #fff; border-radius: 16px 16px 0 0;}
.kyungri.type03 .flexCon .item .top strong {margin-bottom: 14px; display: block; font-size: 1.6rem; line-height: 2.0rem; color: #000; font-weight: 700; letter-spacing: -0.5px;}
.kyungri.type03 .flexCon .item .top em {display: flex; justify-content: center; align-items: center; height: 54px; font-weight: 700; color: #2B64CE;}
.kyungri.type03 .flexCon .item .top em .count {font-size: 3.8rem;}
.kyungri.type03 .flexCon .item .top em .info {margin-top: 2px; margin-left: 4px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.kyungri.type03 .flexCon .item .top em .per {font-size: 1.4rem; line-height: 1.4rem;}
.kyungri.type03 .flexCon .item .top em .text {font-size: 1.2rem; line-height: 1.4rem;}
.kyungri.type03 .flexCon .item .bottom {padding: 18px 16px; font-size: 1.4rem; line-height: 2.0rem; color: #666; box-sizing: border-box; background: #F9FCFF; border-radius: 0 0 16px 16px; letter-spacing: -0.5px;}
.kyungri.type04 {position: relative;}
.kyungri.type04 .reviewCon {position: relative; margin: 0 auto; width: 320px; height: 316px;}
.kyungri.type04 .reviewCon::before,
.kyungri.type04 .reviewCon::after {position: absolute; display: block; content: ''; width: 23px; height: 20px;}
.kyungri.type04 .reviewCon::before {left: 0; top: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_review_quotes01.png) no-repeat center center; background-size: cover;}
.kyungri.type04 .reviewCon::after {right: 0; bottom: 12px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_review_quotes02.png) no-repeat center center; background-size: cover;}
.kyungri.type04 .reviewCon > div {padding: 18px 16px; width: 164px; box-sizing: border-box; border-radius: 14px; text-align: center;}
.kyungri.type04 .review01 {position: absolute; top: 0; left: 44px; background: #EFF7FF;}
.kyungri.type04 .review02 {position: absolute; top: 112px; right: 0; background: #F9FCFF;}
.kyungri.type04 .review03 {position: absolute; bottom: 0; left: 15px; background: #FFFCEF;}
.kyungri.type04 .reviewCon > div > strong {display: block; padding-top: 50px; font-size: 1.2rem; line-height: 1.4rem; color: #000; letter-spacing: -0.5px;}
.kyungri.type04 .reviewCon > div > strong::before {position: absolute; display: block; content: ''; margin: 0 auto; left: 0; right: 0; top: 18px; width: 34px; height: 41px;}
.kyungri.type04 .reviewCon > div > span {display: block; margin-top: 10px; font-size: 1.0rem; line-height: 1.4rem; color: #666; letter-spacing: -0.5px;}
.kyungri.type04 .reviewCon .review01 strong::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_reviewer01.png) no-repeat center center; background-size: 100%;}
.kyungri.type04 .reviewCon .review02 strong::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_reviewer02.png) no-repeat center center; background-size: 100%;}
.kyungri.type04 .reviewCon .review03 strong::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_reviewer03.png) no-repeat center center; background-size: 100%;}
.kyungri.type04 .kyungriInfo {margin-top: 54px; padding: 54px 20px 0; border-top: 7px solid #F1F1F1;}
.kyungri.type04 .stepArrow.debtorInfo .desc {word-break: keep-all;}
.kyungri.type05 {position: relative; padding: 67px 0; min-height: 250px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/bg_kyungrinara.jpg) no-repeat center center; background-size: cover; box-sizing: border-box;}
.kyungri.type05 .titH2 {font-size: 2.2rem; line-height: 3.0rem;; font-weight: 800; color: #343A40;}
.kyungri.type05 .btnArea {margin: 16px 0 0 0; background: transparent;}
.kyungri.type05 .btnArea .btn_p {display: inline-block; padding: 10px 12px; width: auto !important;}
.kyungri.type05 .btnArea.two > [class^=btn_]:first-child {float: initial !important; width: auto !important;}
.kyungri.type05 .btnArea.two > [class^=btn_]:last-child {margin-left: 8px; float: initial !important; width: auto !important;}
@media all and (min-width: 320px) and (max-width: 344px) {
  .kyungri .titArea .titH2 {font-size: 2.0rem;}
  .kyungri.type03 .flexCon .item .bottom {font-size: 1.3rem; letter-spacing: -1px;}
}
/* 250220 경리나라 (e) */

/* 250225 my카드메인 내 알림 (s) */
.payCardAlrim {position: relative; min-height: 30px; padding: 11px 24px; border-radius: 0 0 24px 24px; background-color: #3182F7; color: #fff;} /* 250227 추가 수정  */
.payCardAlrim:before {content: ''; position: absolute; top: -39px; left: 0; width: 100%; height: 40px; border-radius: 24px 24px 0 0; background-color: #3182F7; z-index: -1;} /* 250227 추가 수정  */
.payCardAlrim .payCardAlrimCont {position: relative;}
.payCardAlrim .payCardAlrimCont a {display: block; margin-right: 22px; padding-left: 22px; background:url(/https/nm.wooricard.com/dcmw/img/mw/wallet/icon_alrim_curve_arrow.png) no-repeat; background-position: left 0 top 1px; background-size: 16px 16px; font-size: 1.3rem; font-weight: 400; color: #fff;}
.payCardAlrim .payCardAlrimCont a em {font-weight: 500;}
.payCardAlrim .closeBtn {position: absolute; top: 50%; right: -6px; width: 30px; height: 30px; transform: translateY(-50%);}
.payCardAlrim .closeBtn:before {content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/wallet/icon_alrim_arrow.png) no-repeat center center; background-size: 16px 16px; transform: translate(-50%,-50%) rotate(180deg);}
.payCardAlrim .openBtn {display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background:url(/https/nm.wooricard.com/dcmw/img/mw/wallet/icon_alrim_arrow.png) no-repeat center center; background-size: 16px 16px;}
/* 250225 my카드메인 내 알림 (e) */

/* 준회원 이용불가 팝업[S] */
.finishBox.user .inner{background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ic_unUser.png)center top no-repeat; background-size: 72px;}
.alert .popBody.pd0 .popInner{padding-bottom: 24px !important;}
.alert .msg .inTxt{font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; color: #485056;}
/* 준회원 이용불가 팝업[E] */

/* 결제 플래너 수정 (추가css) [s]*/
.payPlanWrap .recomTopCont .installment .sltWrap {overflow: unset;}
.payPlanWrap .recomTopCont .installment .sltWrap .ipt{border-radius: 0;}
.payPlanWrap .recomList .dataList{padding-bottom : 16px}
.payPlanWrap .recomList .dataList li .single{top: 20px; left: 20px;}
.payPlanWrap .recomList .dataList .block{padding : 0 0 0 36px !important }
.payPlanWrap .recomList .dataList >li:last-child{border: 1px solid #dee2e6;}
.payPlanWrap .bottom.popCont .optionList li{padding: 17px 52px 17px 0; font-size: 1.6rem; color: rgba(7, 15, 22, 0.82); font-weight: 600; line-height: 1.375; border: none;}
.payPlanWrap .recomList .dataList .dataInfo .info + .info{margin-top:4px;}
.payPlanWrap .dataList[class*=List]:not([class^=sumList_]) .hasIpt .info > span{line-height: 2rem; display:block; font-size:1.4rem;}
.payPlanWrap .bottomTotal .block{padding: 20px 0 0;}
.payPlanWrap .recomTopCont .moneyAmount .money{display: inline-block;}
.payPlanWrap .recomTopCont .moneyAmount .money b{display: inline-block;}
.payPlanWrap .recomTopCont .moneyAmount .money b + span{display: inline-block; line-height:3rem; vertical-align: middle;}
.payPlanWrap .payPlanTip .payPlanTipOpen{background : url(../img/mw/common/btn_next.png) no-repeat center center; background-size: 30px;}
.payPlanPopup .applyTxt{padding-bottom: 40px;}
/* 결제 플래너 수정 (추가css) [e]*/

/* 250313 카드신청완료 즉시발급 신규 (s) */
.completeLoading {margin: 80px auto 0 auto; text-align: center;}
.completeLoading .counting .num {font-size: 3.2rem; font-weight: 700; color: #2589F4;}
.completeLoading .titArea {margin: 8px 0 0 0;}
.completeLoading .titArea .titH2 {font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; color: #343A40;}
.completeLoading .titArea .desc {padding-top: 8px; font-size: 1.5rem; color: #6D747B;}
.completeLoading .lottieWrap {position: relative;}
.completeLoading .lottieWrap .blurImg {position: absolute; margin: 0 auto; bottom: 36px; left: 0; right: 0; width: 150px; text-align: center; backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); z-index: 3;}
.completeLoading .lottieWrap .ciImg {position: absolute; margin: 0 auto; bottom: 36px; left: 0; right: 0; width: 150px; text-align: center; z-index: 4;}
.completeLoading #cardLottieAni {position: relative; display: block; margin: 0 auto; width: 240px; overflow: hidden; border-radius: 100%; transform: translate3d(0, 0, 0); background: #fff; text-align: center; z-index: 2;}
/* 250313 카드신청완료 즉시발급 신규 (e) */

/* (리서치) 이용내역 조회 화면개편 [s] */
/* 251022 이용내역 uiux 개편 전체 수정 (s) */
.useDetilesWrap .infoBox{display: block; padding: 16px 0px 0;}
.useDetilesWrap .infoBox .filter{padding-right: 2rem; display: block; color: #343a40; font-weight: 500; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_filter_new.png) right center no-repeat; background-size: 1.6rem; width: 100%; text-align: left; line-height: 2rem;}
.useDetilesWrap .infoBox .filter > span{font-size: 1.4rem; font-weight: 500; line-height: 2rem; color: #343a40; display: block;}
.useDetilesWrap .optionSearchWrap{padding: 0 20px; margin-top: 24px;}
.useDetilesWrap .optionSearchWrap .infoBox{padding: 0;}
.useDetilesWrap .calenderView{padding: 0 20px;}
.useDetilesWrap .dataListWrap {padding: 0 20px;}
.useDetilesWrap .dataListWrap .dataListItem .dataList .dataMoney .money{color: #343A40;}
.useDetilesWrap .dataListWrap .dataListItem .dataList .dataMoney .usePoint{color: #989EA6}
.useDetilesWrap .cardBtn > span{color: #485056;}
.useDetilesWrap .cardBtn > i{background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ic_24_line_md-right.png) center center no-repeat; background-size: 20px;}
.useDetilesWrap .payBanner{margin: 0 20px;}
.useDetilesWrap .payCont{}
.useDetilesWrap .payCont .typeGroup{width: 100%; display: flex; align-items: top;}
.useDetilesWrap .payCont .typeGroup > button{width: 50%; padding: 10px 0 6px; font-size: 1.7rem; line-height: 2.4rem; font-weight: 500; color: #989EA6; border-bottom: 2px transparent;}
.useDetilesWrap .payCont .typeGroup > button.on{border-bottom: 2px solid #495057; color: #343A40; font-weight: 700;}
.useDetilesWrap .payCont .titH2{margin-top: 20px; margin-bottom: 0;}
.useDetilesWrap .viewTypeWrap{padding: 16px 0px 0; margin-top: 20px;}
.useDetilesWrap .listView{margin-top: 24px;}
.useDetilesWrap .useTagWrap{padding-top: 30px; padding-bottom: 8px;}
.useDetilesWrap .useTagWrap .useTag {display: flex; align-items: center; padding: 0 20px;}
.useDetilesWrap .useTagWrap .useTag .titTxt{margin-left: 10px;}
.useDetilesWrap .useTagWrap .useTag .titTxt > h3{font-size: 1.6rem; line-height: 22px; color: #343A40; font-weight: 500;}
.useDetilesWrap .useTagWrap .useTag .titTxt > p{margin-top: 4px; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #989EA6;}
/* .useDetilesWrap .useTagWrap .tagList{opacity: 0; max-height: 0; transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;  overflow: hidden; position: relative;}
.useDetilesWrap .useTagWrap .tagList.on{max-height: 50px; opacity: 1; }
.useDetilesWrap .useTagWrap .tagList > ul{display: flex; overflow-x: auto; white-space: nowrap; list-style: none; width: 100%; scrollbar-width: none; padding-top: 16px; padding-right: 60px; scroll-padding-right: 60px; }
.useDetilesWrap .useTagWrap .tagList > ul > li{flex: 0 0 auto; min-width: 40px; text-align: center; padding: 7px 8px; font-size: 1.3rem; line-height: 1.8rem; border: 1px solid #DEE2E6; border-radius: 6px; margin-left: 8px;}
.useDetilesWrap .useTagWrap .tagList > ul > li:first-child{margin: 0 0 0 20px; }
.useDetilesWrap .useTagWrap .tagList > ul > li.on{border-color: transparent;}
.useDetilesWrap .useTagWrap .tagList .grdAr{width: 56px; height: 34px; background: linear-gradient(270deg, #ffffff 50%, rgba(255, 255, 255, 0) 94.44%); display: inline-block; position: absolute; right: 0; bottom: 0;} */
.useDetilesWrap .useTagWrap .tagCheck {margin-top: 1.6rem; padding: 0 20px;}
.useDetilesWrap .useTagWrap .tagCheck .tagGroup {padding: 0 20px;}
.useDetilesWrap .dataList > li .dataInfo > .info > span{color: #6D747B; font-weight: 500; font-size: 1.4rem; line-height: 2rem;}
.useDetilesWrap .dataList > li .dataInfo > .info > span.memo{display: block; color: #989EA6; line-height: 20px; margin-top: 4px;}
.useDetilesWrap .dataList > li .dataInfo > .info > span.memo::before{display: none;}
.useDetilesWrap .dataListWrap .dataList > li .tit > .tagBullet{display: none;}
.useDetilesWrap .dataListWrap.on .dataList > li .tit > .tagBullet{display: inline-block; width: 10px; height: 10px; border-radius: 4px; margin-right: 4px;}
.useDetilesWrap .dataListWrap .dataListItem .dataList .dataMoney .moneySale {display: block; margin-top: 5px; color: #0871F3; font-size: 1.4rem; font-weight: 500; line-height: 1.429;}
.useDetilesWrap .dataListWrap .dataListItem .dataList .dataMoney.cancel .moneySale{color: #EE444A ;}
/*.useDetilesWrap .toggle .useSwitch{width: 40px; height: 24px; position: relative; display: inline-block;}
.useDetilesWrap .toggle .useSwitch .slider {position: absolute; cursor: pointer; top:0; left: 0; right: 0; bottom: 0; background-color: #888; border-radius: 14px;}
.useDetilesWrap .toggle .useSwitch .slider::before {position: absolute; content: ""; height: 18px; width: 18px; border-radius: 9px; left: 3px; bottom: 3px; background: #fff; transition: 0.4s;}
.useDetilesWrap .toggle .useSwitch input:checked ~ .slider{background:#2589f4;}
.useDetilesWrap .toggle .useSwitch input:checked ~ .slider::before {transform: translateX(15px);}*/
.popSection.detailSh{padding-bottom: 108px !important;}
.popSection.detailSh .customSlt{margin-top: 0; margin-bottom: 24px;}
.popCont.useDetail {padding-bottom: 108px !important;}
.popCont.useDetail .btnIco_down{width: 30px; height: 30px; top: 15px; right: 50px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ic_24_line_download.png) center center no-repeat; background-size: 24px; position: fixed; z-index: 11;}
.popCont.useDetail .btnIco_close{width: 30px; height: 30px; top: 15px; right: 17px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ic_24_line_md-close.png) center center no-repeat; background-size: 24px;}
.popCont.useDetail .dataListHead{padding-bottom: 0;}
.popCont.useDetail .dataListHead::after{display: none;}
.popCont.useDetail .topWrap{margin-bottom: 0;}
.popCont.useDetail .dataListHead .store{color: #343A40;}
.popCont.useDetail .dataListHead .price{color: #343A40; font-weight: 700;}
.popCont.useDetail .dataListHead .date{color: #6d747b;}
.popCont.useDetail .listView {margin: 0; padding: 0 20px;}
.popCont.useDetail .listView [class^=titH] {margin: 0;}
.popCont.useDetail .listView .resetBtn {padding-right: 2.4rem; font-size: 1.6rem; font-weight: 600; color: #343A40; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_refresh03.png) no-repeat right center; background-size: 2rem;}
.popCont.useDetail .moveBtnArea .tagControl {display: flex; margin-bottom: 16px;}
.popCont.useDetail .moveBtnArea .tagControl [class*=move] {height: 48px; margin: 0 -3px; background: #e5e9ec;}
.popCont.useDetail .moveBtnArea .tagControl [class*=move]:disabled {background: #dee2e7; color: #c5cbd1;}
.popCont.useDetail .moveBtnArea .tagControl [class*=move]:disabled > span:after {border-bottom-color: #c5cbd1;}
.popCont.useDetail .moveBtnArea .tagControl [class*=move] > span {position: relative; display: inline-block; padding-right: 22px; word-break: keep-all;}
.popCont.useDetail .moveBtnArea .tagControl [class*=move] > span:after {content: ''; position: absolute; top: 50%; right: 4px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #485056; transform: translateY(-50%);}
.popCont.useDetail .moveBtnArea .tagControl .moveDown {margin: 0 0 0 8px;}
.popCont.useDetail .moveBtnArea .tagControl .moveDown > span:after {transform: translateY(-50%) rotate(180deg);}
.tagSelWrap {padding: 0 20px 32px; margin: 2.4rem 0 0 0 !important;}
.tagSelWrap::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 8px; background-color: #f8f9fa;}
.tagSelWrap .singleIpt {margin-bottom: 1.6rem;}
.tagSelWrap .singleIpt label {font-size: 1.5rem; font-weight: 500; color: #343A40;}
.tagSelWrap .singleIpt label:before {top: 2px;}
.tagCheck {position: relative; margin: 0 -20px; overflow: hidden;}
.tagCheck .block {display: flex; overflow-x: auto; white-space: nowrap; scrollbar-width: none; scroll-snap-type: x mandatory;-webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory;}
/*.tagCheck .block .addTag {min-width: 4rem; height: 3.2rem; margin: 0 0.8rem 0.8rem 0; border: 1px solid #DEE2E6; border-radius: 0.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ic_24_line_Flatten.png) center center no-repeat; background-size: 2.4rem; text-align: center;}*/
.tagCheck .block .tagGroup {display: flex; padding: 0 3.6rem 0 20px;}
.tagCheck .block .tagGroup .tag {position: relative; margin: 0 0.8rem 0.8rem 0;}
.tagCheck .block .tagGroup .tag input[type='radio'] {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tagCheck .block .tagGroup .tag input[type='radio'] + label {height: 3.2rem; padding: 0 0.8rem; border-radius: 0.6rem; border: 1px solid #dee2e6; background: #fff; font-size: 1.3rem; font-weight: 600; line-height: 3rem;}
.tagCheck .block .tagGroup .tag input[type='radio'] + label:before {content: none;}
.tagCheck .block .tagGroup .tag input[type='radio']:checked + label {border-color: transparent;}
.tagCheck .btnAcd {position: absolute; top: 0; right: 0; width: 5.6rem; height: 3.6rem; background: linear-gradient(270deg, #fff 50%, rgba(255, 255, 255, 0) 94.44%); z-index: 2;}
.tagCheck .btnAcd::after {content: ''; position: absolute; top: 50%; right: 2rem; width: 2rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_acco.png?v=20241127) no-repeat center 0; background-size: 2rem; transform: translateY(-50%); transition: transform 0.3s ease-in-out;}
.tagCheck.on .block {flex-wrap: wrap; overflow-x: auto;}
.tagCheck.on .tagGroup {flex-wrap: wrap;}
.tagCheck.on .btnAcd:after {transform: translateY(-50%) rotate(180deg);}
.memoWrap{width: 100%; margin-top: 8px;}
.memoWrap .inInp{margin: 0; width: 100%; position: relative;}
.memoWrap .inInp > input{padding: 0 97px 0 17px; height: 48px; width: 100%; border: 1px solid #E9ECEF; border-radius: 8px; font-size: 1.4rem; font-weight: 500; color: #343A40;}
.memoWrap .inInp > input::placeholder{font-size: 1.4rem; font-weight: 500; color: #6D747B;}
.memoWrap .inInp > input:focus{border: 2px solid #495057;}
.memoWrap .inInp .clearBtn{display: none; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ic_btnDel.png) center center no-repeat; background-size: 20px; position: absolute; right: 20px; top: 14px; }
.memoWrap .inInp > span{display: none; position: absolute; top: 14px; right: 48px; font-size: 1.4rem; line-height: 20px; font-weight: 400; color: #6D747B;}
/* .memoWrap .inInp > input:focus + span{display: inline-block;}
.memoWrap .inInp > input:focus-visible + span{display: inline-block;}*/
.memoWrap .inInp > span > strong{color: #343A40}
.infoList > li.map{border-bottom: 1px solid #dee2e6; padding-bottom: 24px; border-top: 0;}
.infoList .mapArea{width: 100%; height: 0; padding-top: 50%; position: relative;}
.infoList .mapArea .mapContent{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.infoList .mapArea .mapContent > img{width: 100%;}
.txtList_guide.type3{padding-left: 20px; padding-bottom: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/info_24px.png) left top no-repeat; background-size: 16px; font-size: 1.2rem; line-height: 1.6rem; color: #888; font-weight: 500; margin-top: 24px;}
.txtList_guide.type4{padding-left: 28px; padding-bottom: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_guide_red.png) left top no-repeat; background-size: 2.0rem; font-size: 1.4rem; line-height: 2.0rem; color: #485056; font-weight: 500; margin-top: 24px;}/* 251210 txtList_guide 타입 추가 */
.btnTag{position: relative; width: 100%; text-align: left; border-radius: 8px; }
.btnTag::before{content: ''; position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -10px; background: url(../img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat 100% center; background-size: 100%; transition:transform 0.25s;}
.btnTag::after{content: '';position: absolute; top: 0;left: 0;width: 100%;height: 100%;border-radius: 8px;border: 1px solid transparent;border-color: rgba(133, 151, 168, 0.18);box-sizing: border-box;z-index: 0;}
.btnTag:focus-within:after {border: 2px solid transparent;border-color:#495057;transition:border-color ease-in-out 0.225s;-webkit-transition:border-color ease-in-out 0.225s;}
.btnTag .label{padding: 13px 20px 0; margin: 0;}
.btnTag p{padding: 8px 20px 12px; height: 4.4rem; line-height: 2.4rem;}
.btnTag p > i{width: 20px; height: 20px; display: inline-block; border-radius: 10px; vertical-align: middle; background: #d9d9d9;}
.btnTag p > span{font-size: 1.7rem; line-height: 2.4rem; color: #989EA6; padding-left: 8px; display: inline-block; vertical-align: middle;}
.btn_p.liteBlue{background: #E5F4FF; color: #0871F3; margin-top: 19px;}
.btn_p.liteBlue[disabled] {background-color:#c7ced3; color: #fff;}
.tagEdit{position: relative; padding-bottom: 32px;}
.tagEdit::after {content: ''; position: absolute; bottom: -8px; left: 0; right: 0; height: 8px; background-color: rgba(115, 132, 149, .05); }
.tagEdit .del_none .btnIco_del{display: none;}
.tagListEdit {margin-bottom:0; padding: 0;}
.tagListEdit .sortableWrap > .titH1 {display: none; padding: 1.2rem 2rem 2.4rem 2rem;}
.tagListEdit.on .listView {display: none;}
.tagListEdit.on .sortableList li {padding-right: 48px;}
.tagListEdit.on .sortableList .editWrap {display: none;}
.tagListEdit.on .sortableList .fixItem {display: none;}
.tagListEdit.on .sortableWrap {padding-bottom: 4rem;}
.tagListEdit.on .sortableWrap > .titH1 {display: block; word-break: keep-all;}
.sortableWrap {margin-top: 1.2rem;}
.sortableWrap li {position:relative; display:flex; align-items:stretch; justify-content:space-between; min-height:56px; padding: 0 20px;}
.sortableWrap li.active {width: 100% !important; box-shadow: 0 0 16px rgba(0,0,0,0.14) !important; box-sizing: border-box; z-index: 1301 !important; padding:0 20px;}
.sortableWrap li.on:after {content: ''; position: absolute; top: 50%; right: 20px; width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/selfClearing/ico-check-select.svg) no-repeat center center; background-size: 2.4rem 2.4rem; transform: translateY(-50%);}
.sortableWrap li .editWrap {display: flex; align-items: center; justify-content: flex-end;}
.sortableWrap li .editWrap .deleteBtn {width:46px; height:26px; border-radius:6px; background:#F1F3F5; font-size:1.4rem; font-weight:600; color:#6D747B;}
.sortableWrap li .editWrap .editBtn {width:24px; height:26px; margin:0 16px 0 6px; background:transparent url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_edit_02.png) no-repeat center center; background-size:24px;}
.sortableList li .editWrap .dragHandle {width: 24px; height: 24px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ic_dragdrop.png) center center no-repeat; background-size: 24px; margin-left: 16px; -webkit-user-select: none; -webkit-touch-callout: none; touch-action: pan-y;}
.sortableWrap li .tagInfo {display:flex; align-items:stretch; justify-content:flex-start; position:relative; width:100%;}
.sortableWrap li .tagInfo .tagcolor {position:absolute; top:50%; left:0; display: inline-block; width: 24px; height: 24px; margin-top:-12px; border-radius: 12px; background: #6d747b;}
.sortableWrap li .tagInfo span {margin:0 16px 0 0; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #343A40;}
.sortableWrap li.fixItem .tagInfo {align-items: center; padding-left: 40px;}
.sortableList .tagInfo input[type='checkbox'] {width: 100%; height: 100%; opacity: 1;}
.sortableList .tagInfo input[type='checkbox'] + label {display: flex; align-items: center; width: 100%; height: 100%; padding-left: 40px;}
.sortableList .tagInfo input + label:before {content: none;}
.sortableList .ui-sortable-handle.active {background-position: right 20px center;}
.colorGroup {padding-bottom: 58px;}
.colorGroup > li{display: flex; align-items: center; justify-content: space-between; margin-top: 16PX;}
.colorGroup > li:first-child{margin-top: 0;}
.colorRadio input[type='radio']{width: 36px; height: 36px;}
.colorRadio input[type='radio'] + label{width: 36px; height: 36px; border-radius: 18px; display: inline-block;}
.colorRadio input[type='radio'] + label .tagcolor{display: inline-block; width: 24px; height: 24px; position: absolute; left: 6px; top: 6px; border-radius: 50%; }
.colorRadio input[type='radio'] + label::before{display:inline-block; content:''; position:absolute; top:0; left:0; width:36px; height:36px; margin:0; border:1.5px solid #E9ECEF !important; border-radius:50%; background-color:#fff; vertical-align:top; box-sizing:border-box; transition:background-color ease-in-out 0.225s;}
.colorRadio input[type='radio']:checked  + label::before{display:inline-block; content:''; position:absolute; top:0; left:0; width:36px; height:36px; margin:0; box-shadow: none; border: 2px solid #2589F4 !important; border-radius:50%; background-color:#fff; vertical-align:top; box-sizing:border-box; transition:background-color ease-in-out 0.225s;}
/* 251022 이용내역 uiux 개편 전체 수정 (e) */
/* (리서치) 이용내역 조회 화면개편 [e] */

/* 250317 마이너스머니상환 (s) */
.termsWrap.typeGray {margin: 15px 0 0 0; background: #f8f9f9; border-radius: 8px;}
.termsWrap.typeGray .inner {padding: 15px;}
.termsWrap.typeGray .inner .iptGroup .moreBtn {background-size: 6px auto;}
/* 250317 마이너스머니상환 (e) */

/* 간편결제 빠른등록 안내 화면 레이아웃 변경 [s] */
.smpayGuide{width: 100%; padding-top: 12px;}
.smpayGuide .tabWrap {width: 100%;}
/* 250916 간편결제 빠른등록 서비스 : 탭 간격 수정 (s) */
.smpayGuide .tabWrap .tabArea{width: 100%; overflow-x: auto; white-space: nowrap; padding-bottom: 0;}
.smpayGuide .tabWrap .smpay {padding:0 20px; white-space:nowrap;}
.smpayGuide .tabWrap .smpay > li {width: 72px; display: inline-flex; flex-direction: column; align-items: center;}
.smpayGuide .tabWrap .smpay > li:last-child{margin-right: 20px;}
/* 250916 간편결제 빠른등록 서비스 : 탭 간격 수정 (e) */
.smpayGuide .tabWrap .smpay > li > span{width: 48px; height: 48px; display: inline-block;  position: relative; border-radius: 24px; overflow: hidden;}
.smpayGuide .tabWrap .smpay > li > span.kkopay{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/kkopay.png) center center no-repeat; background-size: 40px;}
.smpayGuide .tabWrap .smpay > li > span.naverpay{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/naverpay.png) center center no-repeat; background-size: 40px;}
.smpayGuide .tabWrap .smpay > li > span.sampay{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/samsungpay.png) center center no-repeat; background-size: 40px;}
.smpayGuide .tabWrap .smpay > li > span.lpay{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/lpay.png) center center no-repeat; background-size: 40px;}
.smpayGuide .tabWrap .smpay > li > span.payco{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/payco.png) center center no-repeat; background-size: 40px;}
.smpayGuide .tabWrap .smpay > li > span.ssgpay{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/ssgpay.png) center center no-repeat; background-size: 40px;}
.smpayGuide .tabWrap .smpay > li > span.cjpay{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/cjpay.png) center center no-repeat; background-size: 40px;}/* 250910 간편결제 빠른등록 서비스 : 이미지 파일명 수정 */
.smpayGuide .tabWrap .smpay > li > span.tosspay{background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/tossbank.png) center center no-repeat; background-size: 40px;}
.smpayGuide .tabWrap .smpay > li > span > i{position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: rgba(0, 0, 0, 0.45); border-radius: 20px;}
.smpayGuide .tabWrap .smpay > li > p{margin-top: 8px; font-size: 13px; line-height: 18px; text-align: center; font-weight: 500; color: #6D747B; width: 72px;}
.smpayGuide .tabWrap .smpay > li.on > span::before{content: ""; width: 48px; height: 48px; left: 0; top: 0; background: linear-gradient(146.42deg, #0077FF 14.74%, #93DFFF 31.1%, #B9E9FF 46.11%, #C6ECFF 65.23%, #0077FF 86.12%); display: inline-block; position: absolute; z-index: -1;}
.smpayGuide .tabWrap .smpay > li.on > span > i{display: none;}
.smpayGuide .tabWrap .smpay > li.on > p{font-weight: 600; color: #343A40; }
.smpayGuide .tabWrap .tabContents {margin-top: 12px;}
.smpayGuide .tabWrap .tabContents .tabPanel{padding: 0 20px 48px;}
.smpayGuide .tabWrap .tabContents .tabPanel .swbox{width: 100%; padding: 24px 20px; background: #fff; box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.12); border-radius: 16px;}
.smpayGuide .tabWrap .tabContents .tabPanel .swbox .ciTitle{display: flex; align-items: center; justify-content: left;}
.smpayGuide .tabWrap .tabContents .tabPanel .swbox .ciTitle > i{display: inline-block; width: 32px; height: 32px;}
.smpayGuide .tabWrap .tabContents .tabPanel .swbox .ciTitle > i > img{width: 100%;}
.smpayGuide .tabWrap .tabContents .tabPanel .swbox .ciTitle > p{margin-left: 12px; font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #343A40;}
.smpayGuide .tabWrap .tabContents .tabPanel .infobox{margin-top: 16px; background: #f8f9f9; border-radius: 16px; padding: 16px 20px;}
.smpayGuide .tabWrap .tabContents .tabPanel .infobox .guideTit{padding-left: 28px; background: url(/https/nm.wooricard.com/dcmw/img/mw/wcms/ic_note.png) left top no-repeat; background-size: 20px; font-size: 15px; font-weight: 600; line-height: 21px; color: #343A40;}
.smpayGuide .discList li{padding-left: 12px; position: relative; color: #343a40; }
.smpayGuide .discList li:before {display:inline-block; content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background-color: #343A40;}
.smpayGuide .discList.typeA{margin-top: 16px;}
.smpayGuide .discList.typeA li{font-size: 15px; line-height: 21px; font-weight: 500; color: #343A40; margin-top: 12px;}
.smpayGuide .discList.typeA li:first-child{margin-top: 0;}
.smpayGuide .discList.typeA li:before {background-color: #343A40;}
.smpayGuide .discList.typeA li.starList{padding-left: 17px; color: #6D747B; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; margin-top: 8px; }
.smpayGuide .discList.typeA li.starList:before {display:inline-block; content:'※'; position:absolute; left:3px; top:0; width:0; height:0; border-radius:0; background-color: none; color: #6D747B; font-size: 1.5rem;}
.smpayGuide .discList.typeB{margin-top: 12px;}
.smpayGuide .discList.typeB li{font-size: 1.4rem; line-height: 2.0rem; font-weight: 500; color: #6D747B; margin-top: 12px;}
.smpayGuide .discList.typeB li:first-child{margin-top: 0;}
.smpayGuide .discList.typeB li:before {background-color: #6D747B;}
.smpayGuide .discList.typeB li.starList{padding-left: 17px; color: #6D747B; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; margin-top: 8px; }
.smpayGuide .discList.typeB li.starList:before {display:inline-block; content:'※'; position:absolute; left:3px; top:0; width:0; height:0; border-radius:0; background-color: none; color: #6D747B; font-size: 1.5rem;}
.smpayGuide .discList.typeB li > p {padding-left: 1.2rem; text-indent: -1.2rem; margin-top: 8px;}
.smpayGuide .numList{margin-top:16px; counter-reset:count;}
.smpayGuide .numList li{padding-left: 21px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 500; color: #343A40; position: relative; margin-top: 12px;}
.smpayGuide .numList li:first-child{margin-top: 0;}
.smpayGuide .numList li:before {content: counter(count); counter-increment: count; width: 1.2rem; height: 1.2rem; border: 1.2px solid rgba(12, 23, 35, 0.6); border-radius: 50%; font-size: 1.0rem; line-height: 1.2rem; text-align: center; z-index: 1;  position: absolute; color: #343A40; left: 0; top: 2px;}
.smpayGuide .numList li .starList{padding-left: 17px; color: #6D747B; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; margin-top: 8px; display: block; width: calc(100% + 21px); margin-left: -21px; position: relative; }
.smpayGuide .numList li .starList:before {display:inline-block; content:'※'; position:absolute; left:3px; top:0; width:0; height:0; border-radius:0; background-color: none; color: #6D747B; font-size: 1.5rem;}
.cfChkList .btnIconIn{width: 100%;padding-left: 40px; margin-top: 8px; font-size: 0;}
.cfChkList .btnIconIn > li{width: 32px; margin-left: 8px; display: inline-block; vertical-align: middle;}
.cfChkList .btnIconIn > li:first-child{margin-left: 0;}
.cfChkList .btnIconIn > li .btnOpenPop{width: 32px; height: 32px; border-radius: 16px; background: #f1f3f5 url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_logo.png) center center no-repeat; background-size: 24px;}
.bgBoxWrap .txtList_disc .btnPopOpen{position: relative; top: -1px; width: 24px; height: 24px; margin-left: 2px; vertical-align: top; z-index: 99; }
.bgBoxWrap .txtList_disc > li .inPayCi{width: 100%; font-size: 0;}
.bgBoxWrap .txtList_disc > li .inPayCi > li{width: 34%; margin-top: 16px; margin-left: 9%; display: inline-block; vertical-align: middle; font-size: 0; }
.bgBoxWrap .txtList_disc > li .inPayCi > li:first-child, .bgBoxWrap .txtList_disc > li .inPayCi > li:nth-child(2n+1){margin-left: 0;}
.bgBoxWrap .txtList_disc > li .inPayCi > li > span{display: inline-block; vertical-align: middle; font-size: 1.3rem; line-height: 1.8rem; margin-left: 4px;}
.bgBoxWrap .txtList_disc > li .inPayCi > li > span:first-child{width: 24px;}
.bgBoxWrap .txtList_disc > li .infoDash{padding: 16px 0; width: 100%;}
.bgBoxWrap .txtList_disc > li .infoDash > p{font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgba(12, 23, 35, 0.6); margin-top: 12px; padding-left: 1.2rem; position: relative;}
.bgBoxWrap .txtList_disc > li .infoDash > p:first-child{margin-top: 0;}
.bgBoxWrap .txtList_disc > li .infoDash > p::before{content: '-'; position: absolute; left: 0;}
.smProcess .groupBox .cfOptGroup > li span.payTit{font-size: 1.3rem; line-height: 1.385; font-weight: 500; color: #070F16; margin-top: 8px;}
.smProcess .groupBox .cfOptGroup .cfRdoOpt + .cfLabel{padding: 10px 2px; }
.smProcess .groupBox .cfOptGroup > li{height: 82px !important;} 
@media screen and (max-width: 360px) {
	.bgBoxWrap .txtList_disc > li .inPayCi > li{width: 39%; margin-top: 16px; margin-left: 9%; display: inline-block; vertical-align: middle; font-size: 0; }
}
@media screen and (max-width: 320px) {
	.bgBoxWrap .txtList_disc > li .inPayCi > li{width: 50%; margin-top: 16px; margin-left: 0; display: inline-block; vertical-align: middle; font-size: 0; }
}
/* 간편결제 빠른등록 안내 화면 레이아웃 변경 [e] */

/* 250415 간편비밀번호 등록 및 회원가입 완료시 등록 유도 (s) */
.bgList.auth li + li {margin-top: 16px;}
.bgList.auth li > div {display: flex; align-items: center;}
.bgList.auth li .listTit .tip {margin-left: 2px;}
/* 250415 간편비밀번호 등록 및 회원가입 완료시 등록 유도 (e) */

/* 250416 나만의 혜택 라운지 (s) */
.benefitLounge {padding: 24px 20px; background-color: #f1f4f9;}
.main_lucky_box.lounge {margin-top: 16px;} /* 250430 수정 */
.main_lucky_box.lounge .diverse_item {box-shadow: none;}
.main_lucky_box.lounge .diverse_item.kkuk {box-shadow: none;}
.main_lucky_box.lounge .diverse_inner {position: relative; padding: 24px;}
.main_lucky_box.lounge .diverse_inner .desc {margin: 0;}
.main_lucky_box.lounge .diverse_inner .desc .tit {display: inline-block; margin-right: 120px; font-size: 1.4rem; font-weight: 600; color: #343a40;}
.main_lucky_box.lounge .diverse_inner .desc .num {margin-top: 12px;}
.main_lucky_box.lounge .diverse_inner .desc .num .stxt {margin-left: 5px;}
.main_lucky_box.lounge .diverse_inner .desc .thumb {top: auto; bottom: 0;}
.main_lucky_box.lounge .diverse_inner .tag {position: absolute; top: 24px; right: 24px; font-size: 0;}
.main_lucky_box.lounge .diverse_inner .tag > span {min-height: unset; margin-right: 5px; font-size: 1.2rem;}
.main_lucky_box.lounge .diverse_inner .tag > span:before {content: none;}
.main_lucky_box.lounge .diverse_inner .tag > span.o1 {font-weight: 500; color: #009c67;}
.main_lucky_box.lounge .diverse_inner .tag > span em {font-weight: 600;}
.main_lucky_box.lounge .diverse_inner .desc .txt1 {margin: 6px 100px 0 0;}
.main_lucky_box.lounge .diverse_inner .desc .txt2 {margin-right: 100px;}
.main_lucky_box.lounge .diverse_inner .desc .txt2 .left_day {font-weight: 500; color: #f06166;}
.main_lucky_box.lounge .swiper-controls {position: static; margin-top: 16px; padding: 5px 4px;} /* 250430 수정 */
.main_lucky_box.lounge .swiper-controls .swiper-pagination {display: flex; justify-content: center; align-items: center;} /* 250430 수정 */
.main_lucky_box.lounge .swiper-pagination-bullet {width: 6px; height: 6px; background: #778697; vertical-align: super; opacity: 0.24;}
.main_lucky_box.lounge .swiper-pagination-bullet-active {width: 16px; border-radius: 8px; background: #495057; opacity: 1;}
.main_lucky_box.lounge .swiper-pagination-bullet:before,
.main_lucky_box.lounge .swiper-pagination-bullet-active:before {content: none;}
.main_lucky_box.lounge .diverse_inner .desc .num > span {font-size: 1.6rem; font-weight: 700; color: #343A40;}
.benefitEvent {margin-top: 16px;}
/* 250526 수정 및 추가 (s) */
.benefitEvent li > a {position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 124px; padding: 16px 20px; border: 1px solid #e5e5e5; border-radius: 16px;}
.benefitEvent li + li {margin-top: 4px;}
.benefitEvent li .info {margin-right: 16px;}
.benefitEvent li .info > em {display: inline-block; margin-bottom: 8px; padding: 1px 8px; border-radius: 50px; font-size: 1.2rem; font-weight: 400; color: #fff;}
.benefitEvent li .info > em + em {margin-left: 4px;}
.benefitEvent li .info .day {background: #ee444a;}
.benefitEvent li .info .pick {background: #2589f4;}
/* 250526 수정 및 추가 (e) */
.benefitEvent li .info .tit {display: block; font-size: 1.4rem; font-weight: 700; color: #333; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.benefitEvent li .info .desc {display: block; margin-top: 8px; font-size: 1.2rem; color: #666;}
.benefitEvent li img {width: 72px; height: 64px;}
.benefitEvent + .btnTxt_more {margin-top: 16px;}
/* 250430 추가 (s) */
.infoMsgBox.upper.noBg {margin: 40px 0; padding: 0; background-color: #fff;}
.infoMsgBox.upper.noBg .tit {color: #343a40 !important; font-size: 1.7rem !important; font-weight: 500;}
.infoMsgBox.upper.noBg .btnArea {margin-top: 16px;}
.infoMsgBox.upper.noBg .btnArea .btn_p.m {border-radius: 8px; line-height: 1.2;}
.benefitLounge .msgTxt {display: flex; justify-content: center; align-items: center; min-height: 96px; font-size: 1.6rem; font-weight: 700; color: #343a40; text-align: center;}
.benefitLounge .msgTxt .pointC1 {color: #3f72fd !important;}
/* 250430 추가 (e) */
/* 250416 나만의 혜택 라운지 (e) */

/* 250418 해외 온라인 인증 예외 신청 (s) */
.titArea.titTop {margin-bottom: 0;}
.titArea.titTop [class^=titH] {color: #343A40;}
.titArea.titTop + p {margin-top: 12px;}
.titArea.titTop + .desc {font-size: 1.6rem; font-weight: 500; color: #6d747b;}
.titArea.titTop + .date {font-size: 1.4rem; font-weight: 400; color: #989ea6;}
.cardSelInfo {border: 1px solid #e9ecef; border-radius: 8px;} 
.cardSelInfo .tit {display: block; padding: 13px 20px 0; font-size: 1.4rem; font-weight: 400; color: #485056;}
.cardSelInfo .info {position: relative; display: flex; align-items: center; height: 70px; padding: 8px 20px 14px 20px; justify-content: left;}
.cardSelInfo .info .cardImg {max-width: 30px; margin-right: 10px;}
.cardSelInfo .info .cardName {display: block; font-size: 1.7rem; font-weight: 500; color: #343A40; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.detailBox .checkBox.iptRight.infoBox > .ipt + label {padding: 0 32px 0 0;}
.detailBox .checkBox.iptRight.infoBox > .ipt + label:before {left: auto; right: 0; margin: 0;}
.dataMoney .priceInfo.sm {font-size: 1.6rem; font-weight: 600;}
@media (max-width: 349px) {
	.overseasOnline br {display: none;}
}
/* 250418 해외 온라인 인증 예외 신청 (e) */

/* ===================================== 250430 카드신청 프로세스 개편 (s) ===================================== */
/* commom */
.weight-6 {font-weight:600 !important;}
.bgWhite {background: #fff !important;}
.btnLinks .links.gray {color:#474E55; text-decoration:underline; text-underline-position:under;}
.btnLinks .links.gray::after {border:0;}
.setPhone .sltBtn {overflow:hidden; display:inline-block; float:left; position:relative; height:44px; margin:0; padding:8px 40px 12px 20px; border:0; background:transparent url(/https/nm.wooricard.com/dcmw/img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat; background-size:20px; background-position:calc(100% - 20px) 50%; font-size:1.7rem; line-height:1.412; color:rgba(7, 15, 22, 0.82); text-align:left; text-overflow:ellipsis; white-space:nowrap; z-index:1;}/* 250919 select 버튼 타입 position속성 추가 */
.setPhone.sltType .sltBtn {background-position:calc(100% - 0px) 50%;}
.setPhone.sltType > .sltWrap {width:45%;}
.setPhone.sltType > .sltWrap + .iptWrap {width:calc(100% - 45%);}
.setPhone.sltType > .sltWrap select.ipt {padding:8px 20px 12px 20px; background-position:calc(100% - 0px) 50%;}
.setPhone.sltType > .sltWrap + .iptWrap .ipt {padding:10px 20px 10px 10px;}
.bottom.popCont.typeL.popTip .popHead h1 .btnPopOpen {top:5px; width:24px; height:24px;}
.bottom.popCont .popBody .popTitle.bottomPop {display:inline-block; font-size:2.2rem; line-height:30px; font-weight:800; color:#343a40; letter-spacing:0;}
.bottom.popCont .popBody .popTitle + .msgInfo {margin-top:24px;}
.popWrap .popCont .popHead .badge {margin-left: 0; margin-bottom: 6px;}
.cfOptGroup.fee li {min-height: 72px; height: auto;}
.cfOptGroup.fee .cfRdoOpt + .cfLabel {flex-wrap: wrap; flex-direction: row; padding: 12px 4px;}
.cfOptGroup.fee .cfLabel .cfIco_ci {display: flex; align-items: center; margin-right: 4px;}
.cfOptGroup.fee .cfLabel .cfIco_ci img {width: 20px; height: 20px;}
.cfOptGroup.fee .item {font-size: 1.4rem; font-weight: 500; color: #343a40;}
.cfOptGroup.fee .val {display: block; width: 100%; margin-top: 4px; font-size: 1.4rem; font-weight: 400; color: #6B727A;}
.cfOptGroup.fee .val em {font-weight: 400;}
.btnArea.sticky.two.hasTxt > [class^=btn_]:first-of-type {width: 64%; margin: 0 -3px;}
.btnArea.sticky.hasTxt .txt {margin-bottom: 20px; font-size: 1.4rem; color: #485056; word-break: keep-all;}
.btnPopOpen {position: relative; width: 24px; height: 24px;}
.btnPopOpen:after {content: ''; display: block; width: 24px; height: 24px; margin: 0 auto; background: url(../img/mw/newonCrd/ico_tooltip2.png) no-repeat center; background-size: cover;}
.chkBox .btnPopOpen {vertical-align: text-top;}
.label .btnPopOpen {width:20px; height:20px; vertical-align:middle; z-index:1;}
.label .btnPopOpen:after {width:20px; height:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_help.png?v=20241127) no-repeat center center; background-size:16px;}
.customSlt .label .btnPopOpen {margin:-1px 0 0 4px;}
.payDateTit {margin:16px 0 0 20px; font-size:1.5rem; font-weight:700; line-height:21px; color:rgba(7,15,22,0.82);}
.setDriverKey .keypad:after {border-top:0;}
.setDriverKey .label + .keypad {width:100%;}
.setDriverKey .keypad .btnKeypad {padding:0 20px; text-align:left;}
 
/* wcms 연계 이벤트 팝업 */
#wcmsEventPop .popBody {min-height: 75vh;}
#wcmsEventPop .eventArea {word-break: keep-all;}
#wcmsEventPop .eventArea .titH2 {font-size: 1.9rem;} 
#wcmsEventPop .eventArea .desc {font-size: 1.6rem; font-weight: 500;} 
#wcmsEventPop .eventView_summary {background: none; padding-bottom: 0; padding-left: 0; padding-right: 0;}
#wcmsEventPop .eventView_summary .img img {max-height: 150px;}
#wcmsEventPop .eventView_summary + .titH3 {display: none;}
#wcmsEventPop .eventCont {margin: 0 5px; padding-bottom: 20px;}

/* (공통)인증번호 재요청 팝업 */
.formItem.certityNum .btnCertityRe {position:absolute; top:0; bottom:0; margin:auto 0; right:20px; height:32px; padding:6px 8px; background:#F1F3F5; border-radius:6px; font-size:1.4rem; font-weight:600; color:#485056; z-index:3;}
.formItem.certityNum .txt {right:88px; color:#3F72FD; z-index:1;}

/* (공통)결제일 선택 팝업 - 메시지박스 */
.dateGuideBox {padding:16px 20px; background-color:#f8f9f9; border-radius:16px; font-size:1.4rem; line-height:20px; font-weight:400; color:#485056;}
.dateGuideBox + .groupBox {margin-top:24px;}

/* 간편입력 팝업 */
.easyPayBanner {display:flex; align-items:center; position:relative; margin-top:16px; padding:18px 0; border-radius:12px; background-color:transparent;}
.easyPayBanner::after {content:''; position:absolute; top:50%; right:10px; width:6px; height:6px; margin-top:-4px; background:none; border-top:2px solid #343a40; border-right:2px solid #343a40; transform:rotate(45deg);}
.easyPayBanner + .easyPayBanner {margin-top:8px;}
.easyPayBanner .imgArea {width:24px; height:24px; margin-right:16px;}
.easyPayBanner .contArea {width:calc(100% - 60px);}
.easyPayBanner .contArea .tit {display:inline-block; margin-bottom:0; color:#343a40; font-size:1.6rem; font-weight:600; line-height:22px;}

/* 통신사 선택 팝업 */
.popSelectList {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100% !important;}
.popSelectList li {width:calc(50% - 8px); margin:8px 0 0 8px;}
.popSelectList li:nth-child(1),
.popSelectList li:nth-child(2) {margin-top:16px;}
.popSelectList li .opt {display:block; padding:8px; border-radius:6px; background-color:#f1f3f5; color:#343a40; font-size:1.4rem; font-weight:500; text-align:center;}
.popSelectList li .opt.on {border:2px solid #2589f4; box-shadow:0px 0.5px 0px 0px rgba(0, 45, 125, 0.0588235294);}

/* 제출완료 팝업 */
.mobileCerti.small {text-align:center;}
.mobileCerti.small .exImg {width:64px; height:100%; margin:16px auto 0;}
.mobileCerti.small .cfTitH3 {display:block; margin:24px 0 24px;}
.mobileCerti.small .btn_d.m {width:auto;}

/* 미성년자 체크카드 안내 */
.infoMsgBox.minors {margin:16px 0; font-size:1.5rem; font-weight:500; line-height:21px;}
.infoMsgBox.minors .title {color:rgb(12, 23, 35, 0.6);}
.infoMsgBox.minors .info {margin-top:8px; color:rgb(7, 15, 22, 0.82);}

/* 약관동의 팝업 */
.full.popCont section.terms .termsCont .scrollCont .txtList_disc li {font-size:1.5rem; font-weight:600; color:rgb(2, 12, 21, 0.72);}
.full.popCont section.terms .termsCont .scrollCont .txtList_disc li .txtList_dash li {font-size:1.4rem; font-weight:400; color:rgb(12, 23, 35, 0.6);}

/* 금융상품에 관한 필수 설명서 확인 팝업 */
.bottom.popCont .popBody.viewer {padding:0;}
.viewerStep {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:24px 20px;}
.viewerStep .tit {font-size:1.7rem; font-weight:600; line-height:24px; color:#343a40;}
.viewerStep .step {display:flex;}
.viewerStep .step li {display:inline-block; position:relative; width:18px; height:18px; margin-left:4px; border-radius:50%; background-color: #848FA1; font-size:1.2rem; font-weight:600; color:#fff; text-align:center;}
.viewerStep .step li.chk {background-color:#fff; border:1px solid #2589F4;}
.viewerStep .step li.chk::after {content:''; position:absolute; top:4px; left:4px; width:6px; height:3px; background:none; border-top:2px solid #2589f4; border-right:2px solid #2589f4; transform:rotate(132deg);}
.viewerStep .step li.nowOn {background-color:#2589f4; border:0;}
.viewerStep .step li.nowOn::after {content:none;}
.viewerCont {width:100%; height:400px; overflow-y:auto;}

/* 해외원화결제 차단 서비스 팝업 */
.visualWrap .visualImg.type2 {max-width:320px;}
.visualWrap .visualImg.starbucs { max-width: 192px; max-height: 120px;} /* 250818 스타벅스 별 전환 승급 이미지 추가 */
/* 신분증 인증 방법 */
.identiPayBanner {display:flex; align-items:center; position:relative; margin-top:32px; padding:12px 20px; border-radius: 12px; background-color:#f8f9f9;}
.identiPayBanner::after {content:''; position:absolute; top:50%; right:22px; width:6px; height:6px; margin-top:-4px; background:none; border-top:2px solid rgb(50, 63, 79, 0.5); border-right:2px solid rgb(50, 63, 79, 0.5); transform:rotate(45deg);}
.identiPayBanner + .identiPayBanner {margin-top:8px;}
.identiPayBanner .imgArea {width:32px; height:32px; margin-right:16px;}
.identiPayBanner .contArea {width:calc(100% - 76px);}
.identiPayBanner .contArea .tit {display:inline-block; margin-bottom:0; color:#343a40; font-size:1.4rem; font-weight:500; line-height:20px;}

/* 신청인정보 및 본인인증 */
.formAcc .sltBtn {position:relative; padding:4px 32px 4px 10px; margin-left:6px; border-radius:30px; background-color:#f1f3f5; font-size:1.4rem; font-weight:500; line-height:20px; color:#485056;}
.formAcc .sltBtn:after {content:''; display:block; position:absolute; top:8px; right:16px; width:6px; height:6px; border-top:2px solid #6d747b; border-right:2px solid #6d747b; transform:rotate(132deg);}
.formAccBtn {position:absolute; bottom:-2px; right:0;}
.formAccBtn .accBtn {min-width:22px; min-height:22px;}
.formAccBtn .accBtn::after {content:''; display:block; width:6px; height:6px; margin-left:6px; border-top:2px solid #343a40; border-right:2px solid #343a40; transform:rotate(132deg); transition:all ease-in-out .25s;}
.formAccBtn .accBtn.on::after {transform:rotate(-45deg);}
.formAccPanel {display:none;}
.formAccPanel .iptWrap:first-child {margin-top:0;}
.formAccPanel .label + .ipt.uiAct[disabled] ~ .btn_acc {background-color:rgba(241,243,245,1);}

/* 카드디자인 선택 */
.cardDeign .stepHeader .title {position: relative; margin: 46px 0 0 20px; color: #212528; font-size: 2.7rem; line-height: 3.6rem; z-index: 2;}
.cardDeign .cardBg {position: absolute; top: 57px; left: 0; width: 100%; height: 640px; /*overflow: hidden;*/ z-index: -1; pointer-events: none;}
.cardDeign .cardBg:after {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 320px; background: #fff; height: 200px; background: #fff; box-shadow: #fff 0 0 100px 150px;}
@media all and (max-width: 320px) {
	.cardDeign .stepHeader .title {font-size: 2.5rem;}
}
.cardDeign .stepCont .groupBox:first-child .cfTitH3 {margin-top: 0;}
.cardDeign .cardChoiceWrap {position: relative; --img-box-height: unset; margin: 48px 0 0 -20px; padding-bottom: 0;}
.cardDeign .cardChoiceWrap + .btnArea {margin: 16px 0 0;}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem {transition: all 0.1s ease-out; opacity: 1;}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .imgBox {position: relative; width: 220px; height: 220px; margin: 0 auto; transform-style: preserve-3d; perspective: 800px;}/* 250526 카드디자인 수정 */
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .imgBox .card {width: 100%; margin: 0 auto; transition: all 0.3s; transform-style: preserve-3d; transform-origin: center center; transform: rotateY(0);}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .imgBox .card.back {transform: rotateY(180deg);}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .imgBox .card .inner {position: relative; width: 100%; margin: 0 auto; transform-style: preserve-3d; transform-origin: center center;}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .imgBox .card img {position: absolute; top: 0; left: 50%; max-width: unset; width: 140px; -webkit-backface-visibility: hidden !important; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(-50%); box-shadow: 0 15px 18px rgba(0,0,0,0.09); aspect-ratio: unset;}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .imgBox .card .frontCard {z-index: 1;}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .imgBox .card .backCard {transform: translateX(-50%) rotateY(180deg);}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .textBox {position: relative; margin: 42px 0 0; transition: all 0.2s;}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem .textBox .cardInfo {position: absolute; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%);}
.cardDeign .cardChoiceWrap .swiper-slide-prev.out .cardDesignItem {transform: translateX(-140px) !important; opacity: 0;}
.cardDeign .cardChoiceWrap .swiper-slide-next.out .cardDesignItem {transform: translateX(140px) !important; opacity: 0;}
.cardDeign .cardChoiceWrap .swiper-pagination {position: relative; margin-top: 16px;}
.cardDeign .cardChoiceWrap .rotateBtn {position: absolute; top: 203px; left: 50%; width: 36px; height: 36px; border: 1px solid #e9ecef; border-radius: 50%; background-color: #fff; transform: translateX(-50%); transition: all 0.3s; z-index: 2; opacity: 0;}
.cardDeign .cardChoiceWrap .rotateBtn:before {content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_rotate.png) no-repeat center center; background-size: 20px 20px; transform: translate(-50%,-50%);}
.cardDeign .cardChoiceWrap .swiper-slide-active .rotateBtn {opacity: 1;}
.cardDeign .cardChoiceWrap .swiper-slide-active .rotateBtn.hide {opacity: 0;}
/* 250526 카드디자인 수정 (s) */
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem.horiz .imgBox .card .backCard {transform: translate(-50%, -50%) rotateY(180deg)}
.cardDeign .cardChoiceWrap .swiper-slide .cardDesignItem.horiz .card img {width: 220px; transform: translate(-50%, -50%);}
/* 250526 카드디자인 수정 (e) */

/* 카드이용방법 선택 */
.switchWrap {padding: 16px 0; border-bottom: 1px solid #DEE2E6;}
.switchTitArea {display: flex; justify-content: space-between; align-items: center;}
.switchTitArea .tit {font-size: 1.5rem; line-height: 2.1rem; font-weight: 500; color: #323A40;}
.switchTitArea .tit .btnPopOpen {position: relative; display: inline-block; margin-left: 2px; top: 0; width: 20px; height: 20px;} /* 250821 스위치 타이틀내 팝업호출버튼 top위치 수정 */
.switchTitArea .tit .tipWrap .btnIco_tip {top: 1px; background: url(../img/mw/newonCrd/ico_tooltip2.png) no-repeat center; background-size: 20px;}
.switchCon {padding-top: 16px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.switchCon .listAgree {padding: 0 !important}
.switchCon .listAgree .secondChk {padding: 0 !important;}
.switchCon .links.arrow {margin: 0; font-weight: 400; background-position: 100% 5px;}
.switchCon .links.arrow .badge {margin-top: -2px;}

/* payIconList *//* 250822 'payIconList', 'li' 수정 */
.payIconList {display: flex; flex-wrap:wrap; justify-content: flex-start; align-items: center;}
.payIconList li {margin:10px 8px 0 0; width: 32px;}

/* 신청정보 확인 */
.infoList.apply li:last-child {border-bottom: 1px solid #DEE2E6;}
.infoList.apply li.service {display: block;}
.infoList.apply li.service .box {display: flex; justify-content: space-between;}
.infoList.apply li.service .bgBoxWrap {margin-top: 16px; padding: 20px;}
.infoList.apply li.service .bgBoxWrap li {padding: 0; border: none;}
.infoList.apply li.service .bgBoxWrap .txtList_disc {margin: 0}
.infoList.apply li.service .bgBoxWrap .txtList_disc li {padding-left: 12px;}
.infoList.apply li .val.waBtn {position: relative; padding-right: 24px; cursor: pointer; vertical-align: bottom;}
.infoList.apply li .val.waBtn::after {position: absolute; display: block; content: ''; margin: auto 0; top: -2px; bottom: 0; right: 10px; width: 6px; height: 6px; border-width: 2px 2px 0 0; border-style: solid; border-color: #6d747b; border-radius: 2px; transform: rotate(45deg);}

/* 결제정보 입력 */
/* toast popup - type Weebi *//* 250917 신청 정보 상단 Weebi toast : right로 위치 수정 및 media삭제 */
.toast_pop.typeWeebi {top: 52px; bottom: initial; left: auto; right: calc(100% / 10); padding: 10px 50px 10px 12px; background: #2589F4; border-radius: 0 19px 19px 19px; transform: none; box-shadow: 4px 4px 10px rgba(30, 41, 90, .2); z-index: 602;}
.toast_pop.typeWeebi::after {position: absolute; display: block; content: ''; bottom: 6px; right: 8px; width: 34px; height: 36px; background: url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_toast_weebi.png) no-repeat center center; background-size: cover;}
.toast_pop.typeWeebi p {font-size: 1.3rem; font-weight: 500; line-height: 1.8rem;}

/* 내 결제계좌 선택 & 본인계좌 확인 */
.iptSelArea .iptSel.bankSel > li {position: relative; display: block; margin: 0; padding: 0; text-align: center; vertical-align: top; box-sizing: border-box;}
.iptSelArea .iptSel.bankSel > li + li {margin-top: 8px;}
.iptSelArea .iptSel.bankSel .ipt {left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%;}
.iptSelArea .iptSel.bankSel .ipt + label {position: static; display: block; padding: 20px; width: 100%; height: 100%; background-color: #FFF; color: #000; font-size: 1.4rem; letter-spacing: -0.05em; line-height: 1;}
.iptSelArea .iptSel.bankSel .ipt + label:before {position: absolute; display: block; content: ''; margin: auto 0; top: 0; right: 20px; bottom: 0; left: initial; width: 24px; height: 24px; border: 1px solid #858585; background:url(../img/mw/common/ico_checkbox9.png?v=20250211) #fff no-repeat center center; background-size: 20px !important; z-index: 2;}
.iptSelArea .iptSel.bankSel .ipt + label:after {position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFF; border: 1px solid #DEE2E6; border-radius: 16px; box-sizing: border-box; z-index: 1; content: '';} 
.iptSelArea .iptSel.bankSel .ipt:checked + label::before {position: absolute; content: ''; display: block; margin: auto 0; top: 0; right: 20px; bottom: 0; left: initial; width: 24px; height: 24px; border: 2px solid #2589F4; background: #2589F4 url(../img/mw/common/ico_checkbox2.png?v=20241127) no-repeat center center; transition: background-color 0s; box-shadow: none; z-index: 2;}
.iptSelArea .iptSel.bankSel .ipt:checked + label::after {border-width: 2px; border-style: solid; border-color: #2589F4;}
.iptSelArea .iptSel.bankSel .block {position: relative; display: flex; justify-content: flex-start; align-items: flex-start; padding: 0 32px 0 0; width: 100%;  line-height: 1.3; font-weight: 500; color: #485056; box-sizing: border-box; text-align: left; letter-spacing: 0; z-index: 3;}
.iptSelArea .iptSel.bankSel .block .logo {margin-right: 8px; width: 24px; height: 24px;}
.iptSelArea .iptSel.bankSel .block .logo img {height: 24px;}
.iptSelArea .iptSel.bankSel .block .tit {margin-bottom: 4px; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #343A40;}
.iptSelArea .iptSel.bankSel .block .desc {font-size: 1.5rem; line-height: 2.1rem;}
.infoMsgBox.bankSel {margin: 16px 0; border-radius: 16px;}
.infoMsgBox.bankSel .block {position: relative; display: flex; justify-content: flex-start; align-items: flex-start; padding: 0 32px 0 0; width: 100%;  line-height: 1.3; font-weight: 500; color: #485056; box-sizing: border-box; text-align: left; letter-spacing: 0; z-index: 3;}
.infoMsgBox.bankSel .block .logo {margin-right: 8px; width: 24px; height: 24px;}
.infoMsgBox.bankSel .block .logo img {height: 24px;}
.infoMsgBox.bankSel .block .tit {margin-bottom: 4px; font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #343A40;}
.infoMsgBox.bankSel .block .desc {font-size: 1.5rem; line-height: 2.1rem;}

/* ===================================== 카드신청 프로세스 개편 (e) ===================================== */


/* ===================================== 앱 개편 (s) ===================================== */
/* common */
.mt8 {margin-top: 0.8rem !important}
.mt16 {margin-top: 1.6rem !important}
.mt24 {margin-top: 2.4rem !important}
.mt32 {margin-top: 3.2rem !important}
.mt48 {margin-top: 4.8rem !important}
.pt16 {padding-top: 1.6rem !important}
.pt48 {padding-top: 4.8rem !important}
.px20 {padding: 0 2rem}

.moduleTitle {font-size: 2rem; font-weight: 700; color: #212528; margin-bottom: 1.6rem}
.titH5 {font-size:1.4rem; line-height:20px; color:#212528;}
[class^=titH].arrow::before {content:''; display:block; position:absolute; top:2px; right:-24px; width:16px; height:16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat; background-size:contain;}

.iptGroup.horizontal {display:flex; flex-wrap:wrap;}/* 250515 isIOS 수정 : 클래스 변경 */
.iptGroup.horizontal li {display:block; float:none; width: calc(50% - 4px); box-sizing:border-box;}/* 250515 isIOS 수정 : 클래스 변경 */
.iptGroup.horizontal li input[type='radio'] + label {color:#485056;}
.iptGroup.horizontal li input[type='radio'] + label::before {border-color:rgb(133, 151, 168, 0.18);}
.holdLabel {margin:24px 0 12px; font-size:1.5rem; font-weight:500; line-height:21px; color:#212528;}
[class^=set] .label.half {display:flex; flex-wrap:wrap;}
[class^=set] .label.half > span {width:50%;}
.addressRead {padding:10px 20px; background-color:#d1d3d6; border:1px solid rgb(133, 151, 168, 0.18); border-radius:8px; font-size:1.7rem; line-height:24px; font-weight:500; color:rgb(111, 125, 140, 0.4);}

/* 팝업(공통) */
.mainBottomBnr .swiper-controls {margin-left: 2.3rem !important;}
/* 251210 바텀시트 스와이프 컨트롤러 수정 (위치 및 사이즈 조정) (s) */
.mainBottomBnr.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .swiper-controls.al {height: 3rem;}
.mainBottomBnr.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] span.swiper-counter {font-size: 1.1rem;}
.mainBottomBnr.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] [class^=btn] {bottom: 2.5rem; left: 3.2rem;}
.mainBottomBnr.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .btnNext {left: 7.2rem;}
/* 251210 바텀시트 스와이프 컨트롤러 수정 (위치 및 사이즈 조정) (e) */
.bottom.popCont.typeRenew {padding-top:0px;}
.bottom.popCont.typeRenew .popHead {display:table; min-height:0; padding-top:12px; border-bottom:0;}
.bottom.popCont.typeRenew .popHead h1 {padding:18px 50px 24px 20px; font-size:2.0rem; line-height:1.2; color:rgb(7, 15, 22, .82); text-align:left;}
.bottom.popCont.typeRenew .popInner {height:436px;}
.bottom.popCont.typeRenew .popBody.banner {padding:0;}
.bottom.popCont.typeRenew .popBody.banner .popInner {height:auto;}
.bottom.popCont.typeRenew section {padding-bottom:36px;}
.bottom.popCont.typeRenew section.popSection {padding-bottom:92px;}
.bottom.popCont.typeRenew .btnArea.sticky {padding:36px 20px 18px;}
.bottom.popCont.typeRenew .btnArea.sticky.addBtn {padding:36px 20px 74px;}
.bottom.popCont.typeRenew .addBtnWrap {display:flex; align-items:center; justify-content:space-between; position:relative; padding:16px 20px; margin-bottom:18px; z-index:100;}
.bottom.popCont.typeRenew .addBtnWrap > [class^=btn_] {width:auto; height:auto; margin:0; font-size:1.7rem; font-weight:600; line-height:24px;}
.bottom.popCont.typeRenew .addBtnWrap .btn_days {color:#6d747b;}
.bottom.popCont.typeRenew .addBtnWrap .btn_close {color:#212528;}
.bottom.popCont.typeRenew .titArea {margin:32px 0 12px 0;}
.bottom.popCont.typeRenew .termsWrap {margin-bottom:0;}
.bottom.popCont.typeRenew .termsWrap .subLabel {display:block; margin-top:4px; font-size:1.3rem;} /* 20250801 부가서비스 간편신청 약관 label style 추가 */

/* 팝업(이미지배너) */
.imgBannerWrap {border-radius:16px; overflow:hidden;}
.imgBannerWrap > a {display:block; max-width:320px; max-height:144px; margin:0 auto;}
.imgBannerWrap > a img {width:100%; height:100%;}
.imgBannerWrap + .groupBox {margin-top:24px;}

/* 메인 bullet banner 팝업 */
.mainBottomBnr .swiper-pagination-bullet {display:inline-block; width:6px; height:6px; background-color:rgb(0, 0, 0, 0.2); border:0; border-radius:100%; opacity:inherit;}
.mainBottomBnr .swiper-pagination-bullet-active {width:18px; height:6px; background:#2589f4; border:0; border-radius:5px;}
.mainBottomBnr .swiper-pagination-bullet:before {content:none;}

/* 카드선택 팝업 */
.cardSel.myCard.appType {padding:17px 40px 17px 12px;}
.cardSel.myCard.appType:before {content: ''; position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -10px; background: url(../img/mw/newonInp/ico_arrow_bottom_20.png) no-repeat 100% center; background-size: 100%; transition:transform 0.25s; transform:none;}
.cardSel.myCard.appType .cardInfo,
.cardSelList.appType .myCard .cardInfo {display:block; width:calc(100% - 4.4rem);}
.cardSel.myCard.appType .cardThumb {width:4.4rem; height:4.4rem;}
.cardSel.myCard.appType .cardName,
.cardSelList .myCard.appType .cardName {display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cardSelList .myCard.appType .cardChips p.cardNumber {margin-left:0;}

/* 서비스 간편신청 팝업 */
.serviceDetailBox {border:1px solid #2589f4; border-radius:16px; overflow:hidden;}
.serviceDetailBox .dataInfo {padding:13px 16px;background-color:#ecf5fd; border-bottom:1px solid #daeaf9;}
.serviceDetailBox .dataInfo .info {display:flex; align-items:center; justify-content:space-between; margin-top:0;}
.serviceDetailBox .dataInfo .price {font-size:1.6rem; font-weight:700; line-height:22px; color:#2589f4;}
.serviceDetailBox .dataInfo .links {margin:0; background-position:100% 3px; font-size:1.4rem; font-weight:500; line-height:16px; color:rgb(2, 12, 21, 0.72);}
.serviceDetailBox .infoList {padding:16px; margin-top:0; border-top:0;}
.serviceDetailBox .infoList li {display:flex; align-items:center; justify-content:flex-start;}
.serviceDetailBox .infoList li + li {margin-top:16px;}
.serviceDetailBox .infoList li .txt {width:calc(100% - 40px); margin-top:0; font-size:1.2rem; font-weight:500; line-height:16px; color:#485056;}
.serviceDetailBox .infoList li .txt [class^=pointC] {font-weight:600;}
.serviceDetailBox .infoList li [class^=ico_] {width:24px; height:24px; margin-right:16px; background-repeat:no-repeat; background-size:16px; background-position:center;}
.serviceDetailBox .infoList li .ico_1 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_1.png);}/* 사기보상 */
.serviceDetailBox .infoList li .ico_2 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_2.png);}/* 실시간 알림 */
.serviceDetailBox .infoList li .ico_3 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_3.png);}/* 금융안심 알림 */
.serviceDetailBox .infoList li .ico_4 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_4.png);}/* 할인쿠폰 제공 */
.serviceDetailBox .infoList li .ico_5 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_5.png);}/* 파손 보장 */
.serviceDetailBox .infoList li .ico_6 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_6.png);}/* 수리보상 */
.serviceDetailBox .infoList li .ico_7 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_7.png);}/* 주유 할인쿠폰 제공 */
.serviceDetailBox .infoList li .ico_8 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_8.png);}/* 경정비 할인쿠폰 제공 */
.serviceDetailBox .infoList li .ico_9 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_9.png);}/* 내 차 정보 */
.serviceDetailBox .infoList li .ico_10 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_10.png);}/* 화재 피해 */
.serviceDetailBox .infoList li .ico_11 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_11.png);}/* 부동산 시세 */
.serviceDetailBox .infoList li .ico_12 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_12.png);}/* 휴대폰 파손 */
.serviceDetailBox .infoList li .ico_13 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_13.png);}/* 휴대폰 본인인증 */
/* 20250801 서비스 간편신청 팝업 추가 (s) */
.serviceDetailBox .infoList li .ico_14 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_14.png);}/* 질병상해 */
.serviceDetailBox .infoList li .ico_15 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_15.png);}/* 입원 시 */
.serviceDetailBox .infoList li .ico_16 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_16.png);}/* 신용점수 */
.serviceDetailBox .infoList li .ico_17 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_17.png);}/* 보이스피싱 - 피해 */
.serviceDetailBox .infoList li .ico_18 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_service_18.png);}/* 보이스피싱 - 개통,신용조회 */
/* 20250801 서비스 간편신청 팝업 추가 (e) */
.serviceDetailBox + .groupBox {margin-top:24px;}

/* 분실신고/재발급 신청 팝업 */
.renewReportMsg {padding-top:52px; text-align:center;}
.renewReportMsg .copy {font-size:1.6rem; line-height:22px; font-weight:700; color:#212528;}
.renewReportMsg .txt {margin-top:12px; font-size:1.4rem; line-height:20px; color:#212528;}

/* 보유카드 조회/관리 */
.cardInfoList {}
.cardInfoList > li {display:flex; flex-wrap:wrap; justify-content:space-between; padding:13px 0; border-top:1px solid rgb(0, 0, 0, 0.1);}
.cardInfoList > li:after {display:block; content:''; clear:both;}
.cardInfoList .item {width: 100px; font-size:1.4rem; line-height:20px; color:#485650;}
.cardHoldWrap .item.cardShadow::after {content:''; display:block; position:absolute; top:0; left:50%; width:100%; max-width:152px; height:100%; max-height:240px; border-radius:8px; background-color:#fff; opacity:0.7; box-shadow:8px 8px 24px rgba(0, 0, 0, .1); transform:translateX(-50%); z-index:1;}/* 250808 분실/도난 카드 "cardShadow"클래스 추가 */
/* 251105 보유카드 이미지 개선 - cardShadow (s) *//* 251128 보유카드 cardShadow 위치 및 크기 수정 (s) */
.cardHoldWrap .item {position:relative;}
.cardHoldWrap .item.cardShadow .imgBox::after {content:''; display:block; position:absolute; top:0; left:50%; width:100%; height:100%; border-radius:6px; background-color:#fff; opacity:0.7; box-shadow:8px 8px 24px rgba(0, 0, 0, .1); transform:translateX(-50%);}/* 250808 분실/도난 카드 "cardShadow"클래스 추가 */
.cardHoldWrap .item.vert.cardShadow .imgBox::after {max-width:100px; max-height:158px;}
.cardHoldWrap .item.horiz.cardShadow .imgBox::after {max-width:158px; max-height:100px; transform:rotate(90deg); left:0; top:49px;}
/* 251105 보유카드 이미지 개선 - cardShadow (e) *//* 251128 보유카드 cardShadow 위치 및 크기 수정 (e) */
.cardInfoList .val {width: calc(100% - 100px); font-size:1.4rem; line-height:20px; font-weight:600; color:#212528; text-align:right;}

.manageBtns {}
.manageBtns > [class^=btn_] + [class^=btn_] {margin-top:8px;}

.annualFeeInfo {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:24px;}
.annualFeeInfo .infoImg {width:56px;}
.annualFeeInfo .infoImg > img {width:100%; height:auto; box-shadow:5px 5px 17px rgba(0, 0, 0, 0.1);}
.annualFeeInfo .infoList {width:calc(100% - 80px);}
.annualFeeInfo .infoList li {display:flex; flex-wrap:wrap; justify-content:space-between; padding:12px 0; border-top:1px solid rgb(0, 0, 0, 0.1);}
.annualFeeInfo .infoList .item {font-size:1.4rem; color:#485056;}
.annualFeeInfo .infoList .val {font-size:1.4rem; font-weight:600; color:#212528;}

.cardHoldWrap {position:relative; width:calc(100% + 100px); --img-box-height:162px; margin-top:24px; margin-left:-50px; padding-bottom:32px; -webkit-perspective:1000px; perspective:1000px;}/* 251128 보유카드 이미지box 크기 수정 */
.cardHoldWrap .swiper-pagination {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:absolute; bottom:0; left:0; width:100%; margin-top:24px; padding:5px;}
.cardHoldWrap .swiper-pagination-bullet {width:6px; height:6px; margin:0 4px; background-color:rgb(0, 0, 0, 0.2); border:0; border-radius:100%;opacity:inherit;}
.cardHoldWrap .swiper-pagination-bullet-active {width: 18px; height:6px; background-color:#2589f4; border:0; border-radius:5px;}
.cardHoldWrap .swiper-horizontal {touch-action:pan-y}
.cardHoldWrap .swiper-wrapper {transform:translate3d(0px,0,0); transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);}
.cardHoldWrap .swiper-slide {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center;justify-content:center; margin-right:0 !important; overflow:unset; position:relative;}/* 251002 우리 독자카드 뱃지 적용으로 인한 position 속성 추가 */
.cardHoldWrap .swiper-slide .imgBox {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start;-ms-flex-align:start; align-items:flex-start; position:relative; height: var(--img-box-height); margin-top:0; -webkit-transform:translateX(0); transform: translateX(0); -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s; border:0; text-align:left;}
/* 251105 보유카드 이미지 개선 (s) *//* 251128 보유카드 이미지 크기 수정 (s) */
.cardHoldWrap .swiper-slide .imgBox img {display:block; width:100%; /*max-width:151px; aspect-ratio:189/300;*/ margin:0 auto; box-shadow:8px 8px 24px rgba(0, 0, 0, .1);}
.cardHoldWrap .swiper-slide .vert .imgBox img {width:100px; height:158px;}
.cardHoldWrap .swiper-slide .horiz .imgBox {-webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transform:translateY(0); transform:translateY(0); width:250px;}
.cardHoldWrap .swiper-slide .horiz .imgBox img {width:158px; height:100px; /*max-width:240px; aspect-ratio:300/189;*/ transform:rotate(90deg);}/* 250828 이미지 사이즈 ui개선 */
/* 251105 보유카드 이미지 개선 (e) */
.cardHoldWrap .swiper-slide .btnMainSet {position:absolute; top:-12px; left:50%; margin-left:-66px; z-index:1;}
.cardHoldWrap .swiper-slide .btnMainSet::before {content:''; display:block; width:32px; height:32px; background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_maincard_setoff.png); background-repeat:no-repeat; background-color:transparent; background-size:100%;}
.cardHoldWrap .swiper-slide .btnMainSet.on::before {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_maincard_seton.png);}
/* 250926 우리 독자카드 뱃지 적용 (s) */
.cardHoldWrap .swiper-slide .badge {width:26px; height:26px; padding:0; border-radius:0;}
.cardHoldWrap .swiper-slide .badge img {max-width:100%; aspect-ratio:auto; box-shadow:none;}
/* 250926 우리 독자카드 뱃지 적용 (e) *//* 251128 보유카드 이미지 크기 수정 (e) */
/* 250808 보유카드 상태 정보 케이스 추가 (s) */
.cardHoldWrap .swiper-slide .stateInfo {margin:-8px 0 16px; text-align:center;}
.cardHoldWrap .swiper-slide .stateInfo .stateBadge_complete,
.cardHoldWrap .swiper-slide .stateInfo .stateBadge_ing {min-width:60px; height:24px; padding:0 8px; font-size:1.2rem; font-weight:700; line-height:2.2rem;}
.cardHoldWrap .swiper-slide .stateInfo .stateBadge_complete {border-color:#0871f3; color:#0871f3;}
.cardHoldWrap .swiper-slide .stateInfo .stateBadge_ing {border-color:#ee444a; color:#ee444a;}
/* 250808 보유카드 상태 정보 케이스 추가 (e) */
.cardHoldWrap .swiper-slide .textBox {margin-top:24px; text-align:center; opacity:0; -webkit-transition: opacity 0.2s; transition:opacity 0.2s; letter-spacing:0;}
.cardHoldWrap .swiper-slide .textBox .cardChips {justify-content:center; margin-bottom:8px;}
.cardHoldWrap .swiper-slide .textBox .cardChips .brand {width:auto; height:28px; padding:0;}/* 251105 보유카드 브랜드 아이콘 개선 */
.cardHoldWrap .swiper-slide .textBox .cardName {display:block; height:44px; font-size:1.6rem; line-height:22px; font-weight:700; color:#212528; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.cardHoldWrap .swiper-slide .textBox .cardNum {margin-top:8px; font-size:1.3rem; line-height:18px; color:#485056;}
.cardHoldWrap .swiper-slide .textBox .cardNumBtn {margin-top:12px; font-size:1.4rem; 
line-height:20px; color:#485056; white-space:nowrap; vertical-align:middle;}
.cardHoldWrap .swiper-slide .textBox .cardNumBtn > span {display:inline-block; position:relative; padding-right:20px;}
.cardHoldWrap .swiper-slide .textBox .cardNumBtn > span::after {content:''; position:absolute; top:7px; right:4px; width:4px; height:4px; border-top:1px solid #485056; border-right:1px solid #485056; transform:rotate(45deg);}
.cardHoldWrap .swiper-slide .textBox .cardNumBtn.copy > span {padding-right:34px;}
.cardHoldWrap .swiper-slide .textBox .cardNumBtn.copy > span::after {top:-2px; right:0; width:24px; height:24px; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_copy_24.png) no-repeat; background-size:24px; border:0; transform:none;}
.cardHoldWrap  .swiper-slide-active .textBox {opacity:1;}
.cardHoldWrap  .swiper-wrapper .swiper-slide:only-child .textBox {margin-top:unset;}

.cardHoldMsg {padding:96px 0 18px; background:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_cardhold_nodata.png) no-repeat center 0; background-size:72px auto; text-align:center;}
.cardHoldMsg .copy {font-size:2rem; font-weight:600; line-height:28px; color:rgb(7, 15, 22, 0.8);}
.cardHoldMsg .copy + .desc {margin-top:8px;}
.cardHoldMsg .desc {font-size:1.4rem; line-height:20px; color:rgb(12, 23, 35, 0.6);}

/* 고객센터 (s) */
.btnMore.iconLink {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; line-height: 2.4rem; padding: 1.2rem 2rem; border-radius: 0.8rem; border: solid 0.1rem rgba(0, 0, 0, 0.2); background: #fff;}
.btnMore.iconLink strong {font-size: 1.4rem; font-weight: 600; color: #212528;}
.btnMore.iconLink::after {content: ''; display: block; min-width: 1.6rem; width: 1.6rem; height: 1.6rem; margin-left: 0.8rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_arrow_right_16.svg) no-repeat; background-size: contain;}

.mainLinks {position:relative; width:100%; padding:1.6rem 5.2rem 1.6rem 2rem; border:1px solid #e2e5e8; border-radius:1.6rem; font-size:1.6rem; font-weight:600; line-height:2.2rem; color:#212528; text-align:left;}
.mainLinks::after {content: ''; display: block; position:absolute; top:50%; right:2rem; transform: translateY(-50%); width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_arrow_right_16.svg) no-repeat; background-size: contain;}
.mainLinks + .mainLinks {margin-top:0.8rem;}
.mainLinks[class*=hasImage]{display: flex; align-items: center; justify-content: flex-start;}
.mainLinks[class*=hasImage] img{margin-right: 1.6rem;}
.mainLinks.hasImage40 img{width: 4rem; height: 4rem;}

.M1CCT201S00 section .titArea {margin:2.4rem 0 1.6rem;}
.M1CCT201S00 .infoMessage {color: #212528;font-size: 2rem;line-height: 2.8rem;}
.M1CCT201S00 .faqLink{ margin: 2.4rem 0 1.6rem;}
.M1CCT201S00 .faqLink a{display: inline-flex; align-items: center; font-size: 1.4rem; font-weight: 700; color: #212528; line-height: 2rem;}
.M1CCT201S00 .faqLink a::after{display: block; content: ''; width: 1.6rem;height: 1.6rem; margin-left: 0.8rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_arrow_right_16.svg) center center no-repeat; background-size:contain;}

.M1CCT201S00 .askSrchBox .srchBox {height:4.8rem; background-color:rgb(130, 149, 167, 0.11); border-radius:8px;}
.M1CCT201S00 .askSrchBox .srchBox .ipt {padding:1.2rem 5rem 1.2rem 1.6rem}
.M1CCT201S00 .askSrchBox .srchBox .btnIco_srch {position: absolute;right: 0.8rem;top: 50%;transform: translateY(-50%);width: 4rem;height: 4rem;background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_search_20.svg) center center no-repeat;background-size: 2.4rem;}

.M1CCT201S00 .faqKeywordList {margin-top:1.2rem}
.M1CCT201S00 .faqKeywordList .faqKeywordItem {display:inline-block; padding: 0.4rem 0; margin-right:0.8rem; font-size:1.3rem; line-height:1.8rem; font-weight:500; color:#485056;}

.M1CCT201S00 .customerMenuList {display:flex;flex-wrap:wrap; align-items:center; margin:1.6rem -0.4rem 2.4rem;}
.M1CCT201S00 .customerMenuList li {flex-basis:calc(50% - 0.8rem); margin:0.8rem 0.4rem 0;}
.M1CCT201S00 .customerMenuList li .bgColor_1 {background-color:#e8e9fb;}
.M1CCT201S00 .customerMenuList li .bgColor_2 {background-color:#dff7ef;}
.M1CCT201S00 .customerMenuList li .bgColor_3 {background-color:#e5efff;}
.M1CCT201S00 .customerMenuList li .bgColor_4 {background-color:#ffebf2;}
.M1CCT201S00 .customerMenuList li .bgColor_5 {background-color:#fff4d1;}
.M1CCT201S00 .customerMenuList li .bgColor_6 {background-color:#e0f6fb;}
.M1CCT201S00 .customerMenuList li .bgColor_7 {background-color:#ebeef0;}
.M1CCT201S00 .customerMenuList li a {display:flex; align-items:center; position:relative; height:4.8rem; padding:1.2rem 1.2rem 1.2rem 4.4rem; border-radius:0.8rem; font-size:1.3rem; font-weight:500; color:#212528;}
.M1CCT201S00 .customerMenuList li a [class^=ico_] {position:absolute; top:50%; left:1.2rem; transform: translateY(-50%); width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-size:2.4rem;}
.M1CCT201S00 .customerMenuList li .ico_1 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_menu_30.svg);}
.M1CCT201S00 .customerMenuList li .ico_2 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_menu_31.svg);}
.M1CCT201S00 .customerMenuList li .ico_3 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_menu_32.svg);}
.M1CCT201S00 .customerMenuList li .ico_4 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_menu_33.svg);}
.M1CCT201S00 .customerMenuList li .ico_5 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_menu_34.svg);}
.M1CCT201S00 .customerMenuList li .ico_6 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/common/icons/icon_menu_35.svg);}

.M1CCT201S00 .newsContainer {padding:16px 20px; background-color:#fff; border:1px solid rgb(0, 0, 0, 0.1); border-radius:1.6rem;}
.M1CCT201S00 .newsContainer > .txtList_disc {margin:0;}
.M1CCT201S00 .newsContainer > .txtList_disc li + li {margin-top:0.6rem;}
/* 고객센터 (e) */

/* 통합페이지 (s) */
.integrateMsg {padding:160px 0 0 0; background-repeat:no-repeat; background-position:center 0; background-size:160px auto;}
.integrateMsg.menu_1 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_integrate_menu01.png);}
.integrateMsg.menu_2 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_integrate_menu02.png);}
.integrateMsg.menu_3 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_integrate_menu03.png);}
.integrateMsg.menu_4 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_integrate_menu04.png);}
.integrateMsg.menu_5 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_integrate_menu05.png);}
.integrateMsg.menu_6 {background-image:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_integrate_menu06.png);}
.integrateMsg .copy {margin-top:16px; font-size:2.2rem; line-height:30px; font-weight:500; color:#485056; text-align:center;}
.integrateMsg .copy strong {display:block; font-size:2.5rem; line-height:35px; font-weight:700; color:#212528;}
/* 통합페이지 (e) */

/* 251210 스와이프 arrow + number 공통 (s) */
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] span.swiper-counter {display: inline-flex; align-items: center; justify-content: center; min-width: 5.2rem; font-size: 0.95rem;}
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .swiper-controls.al {left: 0; bottom: 0; min-width: 7rem; height: 2rem; margin: 0 0 2rem 2rem; padding: 0 0.8rem;}
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .swiper-controls.al.dark {background: rgba(0, 0, 0, 0.55);}
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .btnPrev,
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .btnNext {position: absolute; bottom: 2rem; left: 6.8rem; width: 0.9rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_swiper_arrow.png) no-repeat; background-size: 2.6rem; background-position: right 0 bottom 0.6rem; z-index: 10;}
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .btnPrev {left: 3rem; background-position: left 0.1rem bottom 0.6rem;}
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"][data-theme="dark"] .btnNext {background-position: right 0 top 0.6rem;}
.swiperWrap[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"][data-theme="dark"] .btnPrev {background-position: left 0.1rem top 0.6rem;}
/* 251210 스와이프 arrow + number 공통 (e) */

/* 마이/혜택/명세서 개편 (s) */
/* 마이 메인 마케팅배너 */
.buzzvilBanner {}
.buzzvilBanner.snapScroll {scroll-padding: 0 20px;}
.buzzvilBanner.snapScroll > ul {padding: 0 2rem;}
.buzzvilBanner.snapScroll > ul > li {width: 20rem; margin-right: 12px;}
.renewSwiper .swiper-slide img {width: 100%;}
.renewSwiper a {display: block; border-radius: 1.6rem;}
.renewSwiper a.item:not(.recommendedCard) {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.3rem; border-radius: 1.6rem; padding: 1.2rem 1.8rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); background: #fff;}
.renewSwiper .item .thumb {width: 5.4rem; height: 5.4rem; flex-shrink: 0;}
.renewSwiper .item .thumb img {width: 100%; height: 100%; object-fit: contain;}
.renewSwiper .item .text {line-height: 2rem; font-weight: 600;}
.renewSwiper .item .text > * {display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.renewSwiper a.dDay {color: #212528; position: relative; gap: 1.6rem; padding: 1.2rem 2rem; border: none;}
.renewSwiper .dDay .text {display: flex; flex-direction: column;}
.renewSwiper .dDay .text strong {line-height: 2rem; font-weight: 700; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.renewSwiper .dDay .text p {font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; margin-top: 0.8rem; color: #485056;}
.renewSwiper .dDay .thumb {width: 6.4rem; height: 6.4rem;}
.renewSwiper .dDay .floatingBar {display: block; background: #485056; border-radius: 2rem; padding: 0.4rem 1rem; font-size: 1.2rem; font-weight: 700; line-height: 1.6rem; color: #fff; position: absolute; top: 1rem; right: 1rem;}
.renewSwiper .swiper-slide:nth-child(5n + 1) .dDay {background: #e2c1fd;}
.renewSwiper .swiper-slide:nth-child(5n + 2) .dDay {background: #8ad4ff;}
.renewSwiper .swiper-slide:nth-child(5n + 3) .dDay {background: #a3f3bf;}
.renewSwiper .swiper-slide:nth-child(5n + 4) .dDay {background: #ffdc7e;}
.renewSwiper .swiper-slide:nth-child(5n + 5) .dDay {background: #ffb6c0;}
.renewSwiper .slideList {padding-left: 2rem;}
.renewSwiper .slideList > * {width: calc(100% - 2rem);}
.renewSwiper .swiper-container .slideList > * {width: calc(100% - 4rem);}
.renewSwiper.swiperWrap[data-page="true"] .swiper-controls {display: flex; justify-content: center; align-items: center; position: static; margin-top: 1.2rem;}
.renewSwiper.swiperWrap [class*=swiper-button] {margin-right: 1px}
.renewSwiper.swiperWrap .swiper-pagination {display: flex; gap: 0.4rem;}
.renewSwiper.swiperWrap .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; margin: 0;}
.renewSwiper.swiperWrap .swiper-pagination-bullet::before {width: 0.6rem; height: 0.6rem; top: 0; left: 0; border: 0; border-radius: 1rem; background: rgba(0, 0, 0, 0.2);}
.renewSwiper.swiperWrap .swiper-pagination-bullet-active {width: 1.8rem;}
.renewSwiper.swiperWrap .swiper-pagination-bullet-active::before {background: #2589f4; width: 1.8rem;}
.renewSwiper.swiperWrap .swiper-controls.al {margin-left: 0; margin-right: 0; left: 4rem; bottom: 1.2rem; right: unset;}
.renewSwiper.swiperWrap .swiper-button-play:after {top: 5px;border-top: 4px solid rgba(51, 51, 51, 0); border-bottom: 4px solid rgba(51, 51, 51, 0); border-right: 5px solid rgba(51, 51, 51, 0); border-left: 5px solid rgba(51, 51, 51, 1);}
.renewSwiper.swiperWrap .swiper-button-stop:before,
.renewSwiper.swiperWrap .swiper-button-stop:after {top: 5px; bottom: 4px;}

/* 마이(s) *//* 250909 마이 개편 이후 개선 */
.privateBanner {overflow: hidden !important; margin-left: 2rem; margin-right: 2rem; border-radius: 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); background-color: #fff}
.privateBanner.renewSwiper .slideList {padding-left: 0;}
.privateBanner.renewSwiper .slideList > * {width: 100%;}
.privateBanner.renewSwiper .slideList > li > a {border-radius: 0; border: none;}
.privateBanner.renewSwiper .swiper-container .slideList > li > a {padding: 1.8rem 1.8rem 1.8rem 1.8rem;  min-height: 8.6rem; align-items: flex-end; background-color: transparent;}
.privateBanner.renewSwiper.swiperWrap .swiper-container li .text {align-self: start;}
.privateBanner.renewSwiper.swiperWrap .swiper-container li .thumb {align-self: center;}
.privateBanner.renewSwiper.swiperWrap .swiper-controls.al {margin-bottom: 0; padding: 0 1rem 0 0.3rem; left: 1.5rem; bottom: 0.6rem; background-color: rgba(51, 51, 51, 0.5); align-items: center; min-width: 50px; justify-content: space-around;}
.privateBanner.renewSwiper .swiper-controls span.swiper-counter {font-size: 0.95rem;}
.privateBanner.renewSwiper.swiperWrap button[class *="swiper-button"] {transform: scale(0.9);}
/* 251210 마이 - 스와이프 컨트롤러 수정(위치조정) (s) */
.privateBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .swiper-controls.al {margin: 0 0 0.6rem 1.8rem; background-color: rgba(51, 51, 51, 0.5);}
.privateBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .btnPrev,
.privateBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .btnNext {left: 6.6rem; bottom: 0.6rem;}
.privateBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"][data-align="left"] .btnPrev {left: 2.8rem;}
/* 251210 마이 - 스와이프 컨트롤러 수정(위치조정) (e) */

/* 251208 긴급대응서비스 추가로 인한 마이 welcome name영역 변경 (s)*/
.welcomeArea {position:relative; padding-right:2.4rem;}
.welcomeArea .userName {display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; width:calc(100% - 2.4rem);}
.welcomeArea .userName .name {margin-right:1.2rem; font-size:2rem; line-height:2.8rem;}
.welcomeArea .userName strong {font-weight:700; color:#212528;}
.welcomeArea .urgentBtn {display:block; position:absolute; top:50%; right:0; width:2.8rem; height:2.8rem; padding:0.2rem; margin-top:-1.2rem;}
/* 251208 긴급대응서비스 추가로 인한 마이 welcome name영역 변경 (e)*/
/* 251208 혜택 welcome영역 분리 (s)*/
.welcomeArea.benefit {display:flex; flex-direction:row; align-items:center; padding-right:0;}
.welcomeArea.benefit .userName {align-items:flex-end; flex-wrap:wrap; font-size:2rem; line-height:2.8rem; color:#212528; width:auto;} /*251203 : width:auto; 추가*/
.welcomeArea.benefit .membershipTier {justify-content:flex-end; min-width:80px;}
/* 251208 혜택 welcome영역 분리 (e) */

/*
.welcomeArea {display: flex; flex-direction: row; align-items: center;}
.welcomeArea .userName {display: flex; flex-direction: row; align-items: flex-end; color: #212528; font-size: 2rem; line-height: 2.8rem;}
.welcomeArea .userName strong {font-weight: 700;}
*/

.welcomeArea .membershipTier {display: flex; flex-direction: row; gap: 0.4rem; align-items: center; margin-left: auto; color: #707070; font-size: 1.4rem; font-weight: 700;}
.welcomeArea .membershipTier::before {content: ""; display: block; width: 2.4rem; height: 2.4rem;}
.welcomeArea .membershipTier::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_acco.png) 0 0 no-repeat; background-size: contain; transform: rotate(-90deg);}
.welcomeArea .membershipTier.vvip {color: #31312f;}
.welcomeArea .membershipTier.vvip::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_membership_vvip.png) 0 0 no-repeat; background-size: contain;}
.welcomeArea .membershipTier.vip {color: #707070;}
.welcomeArea .membershipTier.vip::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_membership_vip.png) 0 0 no-repeat; background-size: contain;}
.welcomeArea .membershipTier.platinum {color: #2b96b7;}
.welcomeArea .membershipTier.platinum::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_membership_platinum.png) 0 0 no-repeat; background-size: contain;}
.welcomeArea .membershipTier.gold {color: #916519;}
.welcomeArea .membershipTier.gold::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_membership_gold.png) 0 0 no-repeat; background-size: contain;}

.linkLogin {margin-top: 1.6rem;}
.linkLogin .link {display: block; padding: 1.6rem 4rem 1.6rem 2rem; background: #fff; border-radius: 1.6rem; filter: drop-shadow(0.8rem 0.8rem 2.4rem rgba(0, 0, 0, 0.1)); position: relative; color: #485056; line-height: 2rem;}
.linkLogin .link::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png); background-size: contain; position: absolute; right: 2rem; top: calc(50% - 0.8rem);}
.linkLogin .link strong {display: block; font-size: 1.6rem; color: #212528; font-weight: 700; line-height: 2.2rem;}
.linkLogin .link p {margin-top: 0.4rem;}

.renewCardStatement {overflow: hidden; padding: 0 2rem 4rem;}
.renewCardStatement[class*="swiper"] {padding: 0 0 3.0rem;}
.renewCardStatement .swiper-container {overflow: visible; padding-left: 2rem;}
.renewCardStatement .item {width: 100%; height: auto; background: #fff; border-radius: 1.6rem; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 1.6rem 2.4rem 0 rgba(0, 0, 0, 0.1); padding: 1.6rem 0 2.4rem;}
.renewCardStatement .swiper-wrapper .item {display: flex; flex-direction: column; width: calc(100% - 4rem); min-height: 23.1rem; height:auto; padding-bottom: 2rem;}
.renewCardStatement .noticeMessage {font-size: 1.4rem; line-height: 2rem; color: #485056;}
.renewCardStatement .noticeMessage strong {font-weight: 600; color: #212528;}
.renewCardStatement .topArea {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; padding: 0 2rem 1.2rem; border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1); position: relative;}
.renewCardStatement .topArea p {flex-shrink: 0; font-size:1.6rem; font-weight:500; color:#212528;}
.renewCardStatement .date {font-size: 1.6rem; font-weight: 500; color: #212528; line-height: 2.2rem; flex-shrink: 0;}
.renewCardStatement .status {width: 4.1rem; height: 2.4rem; line-height: 1.6rem; padding: 0.4rem 0; text-align: center; border-radius: 2rem; font-size: 1.2rem; line-height: 1.6rem; color: #fff; background: #009c70; font-weight: 700;}
.renewCardStatement .status.posted {background: #248bf9;}
.renewCardStatement .amountHide {margin-left: auto; flex-shrink: 0; font-weight:700; color:#6d747b;}
.renewCardStatement .sectionBtn {width: 5.2rem; height: 5.2rem; text-indent: 100%; overflow: hidden; white-space: nowrap; position: absolute; top: -1.6rem; right: 0;}
.renewCardStatement .sectionBtn::before {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png); background-size: contain; transform: rotate(90deg); position: absolute; top: calc(50% - 0.8rem); right: 1.2rem;}
.renewCardStatement .middleArea {display: flex; flex-direction: column; gap: 0.4rem; padding: 1.6rem 2rem 0;}
.renewCardStatement .middleArea h2 {font-size: 1.4rem; line-height: 2rem; font-weight: 700; color: #485056;}
.renewCardStatement .paymentAmount {display: flex; flex-direction: row; gap: 0.8rem; align-items: center; font-size: 2.5rem; line-height: 3.5rem; color: #212528;}
.renewCardStatement .paymentAmount > strong {font-weight:800;}
.renewCardStatement .paymentAmount::after {content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) center center no-repeat #fff; background-size: 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 4rem;}
.renewCardStatement .paymentAmount.hiddenAfter::after{display: none;}
.renewCardStatement .middleArea.minimumAmount {flex-direction:unset; padding:1.2rem 2rem 0;}
/* 251106 이용대금명세서 최소결제영역 링크로 변경 (s) */
.renewCardStatement .middleArea.minimumAmount .amount {padding:0.5rem 1.0rem; border-radius:16px; background-color:#e7f5ff; line-height:2.0rem; font-weight:500; color:#2589f4;}
.renewCardStatement .middleArea.minimumAmount .amount > span {font-weight:700;}
/* 251106 이용대금명세서 최소결제영역 링크로 변경 (e) */
.renewCardStatement .bottomArea {display:flex; align-items:center; margin-top:auto; padding:1.2rem 2.0rem 0;}
.renewCardStatement .bottomArea .link {display:inline-block; position:relative; padding:0 1.9rem; font-size:1.3rem; line-height:1.8rem; color:#212528; font-weight:700; text-align:center;}
.renewCardStatement .bottomArea .link::before {content:""; display:block; width:0.1rem; height:1.2rem; background:rgba(0, 0, 0, 0.2); position: absolute; top:calc(50% - 0.6rem); left:0;}
.renewCardStatement .bottomArea .link:nth-child(1) {width:27%; padding-left:1.0rem;}
.renewCardStatement .bottomArea .link:nth-child(2) {width:31%;}
.renewCardStatement .bottomArea .link:nth-child(3) {width:calc(100% - 58%); padding-right:1.0rem;}
.renewCardStatement .bottomArea .link:first-of-type::before {display:none;}
.renewCardStatement .emptyCase {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;}
.renewCardStatement .emptyCase strong {font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #212528;}
.renewCardStatement .emptyCase p {font-size: 1.4rem; line-height: 2rem; color: #485056; margin-top: 0.4rem;}
.renewCardStatement .emptyCase .btn {display: flex; flex-direction: row; gap: 0.8rem; align-items: center; font-size: 1.4rem; line-height: 2rem; color: #485056; font-weight: 700; padding: 0.8rem 1.2rem 0.8rem 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 0.8rem; margin-top: 1.6rem;}
.renewCardStatement .emptyCase .btn::before {content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_gift_box.png); background-size: contain;}
.renewCardStatement .swiper-pagination {left: 50%; transform: translate(-50%);}
.renewCardStatement .swiper-pagination {display: flex; gap: 0.4rem; margin-top: 1.6rem;}
.renewCardStatement .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; margin: 0; background: none; opacity: 1;}
.renewCardStatement .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {content: ""; display: block; width: 0.6rem; height: 0.6rem; top: 0; left: 0; border: 0; border-radius: 1rem; background: rgba(0, 0, 0, 0.2);}
.renewCardStatement .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {width: 1.8rem;}
.renewCardStatement .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active::before {background: #2589f4; width: 1.8rem;}
.renewCardStatement .statementButton {display: flex; flex-direction: row; gap: 0.4rem; margin-top: 1.2rem; position: relative;}
.renewCardStatement .btn_p {flex: 1 0 0; width: 100%; height: 5.6rem;}
.renewCardStatement .myTooltip::after {left: unset; right: 4.6rem;}
.renewCardStatement .otherInfo {display: flex; flex-direction: column; gap: 1.2rem; margin-top: 1.2rem;}
.renewCardStatement .otherInfo .infoItem {background: #fff; border-radius: 1.6rem; padding: 1.6rem 2rem; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 0.8rem 2.4rem 0 rgba(0, 0, 0, 0.1);}
.renewCardStatement .otherInfo .accoBtn {font-size: 1.6rem; line-height: 2.2rem; color: #212528; font-weight: 600;}
/* 251001 이용대금명세서 상단 link 수정 (s) */
.renewCardStatement .otherInfo .link {position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding-right: 2.4rem; line-height: 2.2rem; color: #212528; font-weight: 600;}
.renewCardStatement .otherInfo .link strong {font-size: 1.6rem; flex-shrink: 0;}
.renewCardStatement .otherInfo .link span {font-size: 1.6rem; flex-shrink: 0;}
.renewCardStatement .otherInfo .link::after {content: ""; position: absolute; top: 50%; right: 0; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat center center; background-size: 1.6rem 1.6rem; transform: translateY(-50%);}
.renewCardStatement .otherInfo .link.block {display: block;}
.renewCardStatement .otherInfo .link.block p {margin-top: 0.2rem; font-size: 1.4rem; font-weight: 500; color: #485056; word-break: keep-all;}
.renewCardStatement .otherInfo .link.block p span {font-size: 1.4rem;}
/* 251001 이용대금명세서 상단 link 수정 (e) */
.renewCardStatement.minPayment .item {min-height:20rem;}/* 251020 이용대금명세서 - 최소결제금액 없는 case height */

.favoritesMenu {overflow: hidden;}
.favoritesMenu .scrollList {display: flex; gap: 0.8rem; white-space: nowrap; overflow: auto hidden; scrollbar-width: none; padding: 0 2rem;}
.favoritesMenu .item {display: flex; flex-direction: row; align-items: center; background: #fff; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 2rem; padding-right: 1.2rem; touch-action: manipulation;}
.favoritesMenu .iconPin {position: relative;}
.favoritesMenu .item a {display: block; line-height: 1.6rem; font-size: 1.2rem; color: #485048; padding: 1.2rem 0 1.2rem 1.6rem;}
.favoritesMenu input[type="checkbox"] {left: 0; font-size: 1.6rem;}
.favoritesMenu input[type="checkbox"] + label {width: 2.4rem; height: 2.4rem; text-indent: 100%; overflow: hidden; white-space: nowrap; position: relative; padding: 0;}
.favoritesMenu input[type="checkbox"] + label:before {width: 2.4rem; height: 2.4rem; border: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_favorites_pin.png) 0 0 no-repeat; background-size: 2.4rem 6.8rem !important; margin: 0;}
.favoritesMenu input[type="checkbox"]:checked + label:before {background-position-y: bottom;}

.myLoungBanner {display: block;}
.myLoungBanner img {width: 100%; height: 100%;}
.myLoungBanner.arrow {position:relative; height:4rem; padding:1.0rem 2.0rem; border-radius:1.2rem; background:#b7e3ff url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat right 20px center; background-size:1.6rem; font-size:1.5rem; font-weight:700; color:#00426c;}

.recommendedCardList .swiper-slide {width: 20rem;}
.snapScroll.recommendedCardList {scroll-padding: 0 20px;}
.snapScroll.recommendedCardList .slideList {padding-left: 20px;}
.snapScroll.recommendedCardList .slideList > li {width: auto; max-width: 280px;}
.renewSwiper .recommendedCard {display: flex; flex-direction: row; align-items: center; gap:0; padding-right: 3.5rem}
.recommendedCard .thumb {flex-shrink: 0; width: 5.5rem; height: 6rem;}
.recommendedCard .thumb img {width: 100%; height: 100%; object-fit: contain; object-position: left center;}
.recommendedCard .thumb.horiz {width: 6rem; margin-right: -0.5rem;}
.recommendedCard .thumb.horiz img {object-position: center bottom;}
.recommendedCard .info {display: flex !important; flex-direction: column; gap: 0.4rem; margin-top: 0 !important;}
.recommendedCard strong {display: block; font-size: 1.4rem; font-weight: 600; line-height: 2rem; color: #212528; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal; word-break: keep-all; word-break: break-word; word-break: auto-phrase;}
.recommendedCard span {font-size: 1.1rem; line-height: 1.5rem; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal; word-break: keep-all; word-break: break-word; word-break: auto-phrase;}
.recommendedCard span::before {display: none;}

.performanceGuide {display: flex; flex-direction: column; gap: 1.6rem; padding: 2rem; border-radius: 1.6rem; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 0.8rem 2.4rem 0 rgba(0, 0, 0, 0.1); background: #fff;}
.performanceGuide .moduleTitle {margin: 0;}
.performanceGuide .cardSelect {}
.performanceGuide .customSlt {margin: 0; padding: 0.8rem 0; border-radius: 0;}
.performanceGuide .customSlt:after {display: none;}
.performanceGuide .cardSel.myCard {gap:0.8rem;}
.performanceGuide .cardSel.myCard .cardThumb {width:5.4rem; height:5.6rem;}
.performanceGuide .cardSel.myCard .cardName {font-size:1.6rem; color:#212528; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.performanceGuide .cardSel.myCard .cardInfo,
.performanceGuide .cardSelList .myCard .cardInfo {width:calc(100% - 6.6rem);}
.performanceGuide.accoItem {transition: background-color 0.3s, padding 0.3s, border-color 0.3s, margin 0.3s, box-shadow 0.3s; border:1px solid #fff;}
.performanceGuide.accoItem .accoBtn {display: flex; justify-content: space-between; -webkit-tap-highlight-color: transparent;}
.performanceGuide.accoItem .accoBtn::before {right: -5px;}
.performanceGuide.accoItem .ico {display: inline-block; width: 50px; margin-right: 20px; opacity: 0; pointer-events: none; transition: opacity 0.3s, transform 0.3s; transform: translate(20px, -5px) scale(0.9);}
.performanceGuide.accoItem .moduleTitle {display: inline-block; transform-origin: left center; transition: all 0.3s; line-height: 1.4;}
.performanceGuide.accoItem:not(.on) {padding: 1.5rem 2rem; background-color: #ffcdf7; border:1px solid #e1a1d7; /*margin: -3.6rem 0;*/ box-shadow: unset;}
.performanceGuide.accoItem:not(.on) .ico {opacity: 1; transform: translate(0, 0) scale(1);}
.performanceGuide.accoItem:not(.on) .moduleTitle {transform: scale(0.8); color: #111}

.cardSel.myCard {display: flex; flex-direction: row; align-items: center; padding: 0; width: unset; height: unset;}
.cardSel.myCard:before {right: 0; width: 1.6rem; height: 1.6rem; background: url(../img/mw/content/arrow_16x16_black.png) no-repeat; background-size: contain; transform: rotate(90deg);}
.cardSel.myCard::after {display: none;}
.cardSel.myCard {gap: 1.2rem;}
.cardSel.myCard .cardThumb {flex-shrink: 0; width: 6rem; height: 6rem;}
.cardSel.myCard .cardThumb img {width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.cardSel.myCard .cardThumb img.horizontal {transform: rotate(90deg);}
.cardSel.myCard .cardInfo {padding-right: 2.5rem;}
.cardSelList .myCard .cardInfo {width: calc(100% - 5rem); gap: 0.4rem;}
.cardSel.myCard .cardInfo,
.cardSelList .myCard .cardInfo {display: flex; flex-direction: column;} /* 250813 카드선택 myCard용 추가 */
.cardSel.myCard .cardName {font-size: 1.4rem; line-height: 2rem; margin-top: 0.4rem;}
.bottom.popCont .cardSelList .cardSel.myCard {gap: 1.2rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); background: #fff; border-radius: 1.6rem; padding: 1.6rem; height: unset; margin-bottom: 0.8rem;}
.bottom.popCont .cardSelList .cardSel.myCard.on {border: solid 0.1rem #2589f4; background: #daeaf9;}
.bottom.popCont .cardSelList .cardSel.myCard.on:after {display: none;}
.cardSelList .myCard .cardThumb {width: 4.8rem; height: 4.8rem; flex-shrink: 0;}
.cardSelList .myCard .cardName {font-size: 1.4rem; color: #212528; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.performanceGuide .performanceStatus {padding-top: 1.6rem;}
.performanceStatus .title {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0.8rem 0;}
.performanceStatus .title p {font-size: 1.4rem; font-weight:600; line-height: 2rem; color: #6d747b;}
.performanceStatus .title strong {font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #262c32;}
.performanceGuide .cardArea {padding-bottom:0.8rem;}
.performanceGuide .performanceProgress {margin-top: 0.8rem;}
/* 251031 실적 구간 정렬기준 수정 (s) */
.performanceProgress .performanceProgressBar {width:calc(100% - 3.2rem); height: 1.2rem; background: #e3e7eb; border-radius: 6rem; margin: 0.7rem auto 0;}
.performanceProgressBar .currentPoint {display: block; height: 1.2rem; border-radius: 6rem; background:#2589f4; position: relative; transition: width 0.4s 0.5s ease-out;}
.performanceProgressBar .currentPoint::after {content: ""; display: block; width: 2rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/progress_bar_point2.png) no-repeat; background-size: contain; position: absolute; top: -0.4rem; right: -1rem;}
.performanceProgress .range {display: flex; flex-direction: row; text-align: center; font-size: 1.2rem; font-weight:600; line-height: 1.6rem; color: #888; padding-top: 0.8rem; margin:0 -1.6rem;}
.performanceProgress .range li {text-align:center;}
.performanceProgress .range.div_2 li {width:50%;}
.performanceProgress .range.div_3 li {width:33.3%;}
.performanceProgress .range.div_4 li {width:25%;}
.performanceProgress .range.div_5 li {width:20%;}
.performanceProgress .range li:first-of-type {text-align: left;}
.performanceProgress .range li:last-of-type {text-align: right; padding-right:1.8rem;}
@media screen and (max-width: 320px) {
	.senior .performanceProgress .performanceProgressBar {width:calc(100% - 2.0rem);}
	.senior .performanceProgress .range li:last-of-type {padding-right:1.0rem;}
}
/* 251106 금액 영역 줄바꿈 수정 (s) */
@media screen and (max-width: 345px) {
	html:not(.senior) .performanceProgress .range.div_5 li > span {letter-spacing:-1px;}
}
/* 251106 금액 영역 줄바꿈 수정 (e) */
@media screen and (max-width: 360px) {
	.performanceProgress .range.div_4 li:nth-child(3) {padding-left:0.5rem;}
	.senior .performanceProgress .range.div_5 li:nth-child(2) {padding-left:0.4rem;}
}
@media screen and (min-width: 375px) {
	.performanceProgress .range.div_4 li:nth-child(3) {padding-left:1rem;}
}
@media screen and (min-width: 690px) {
	.performanceProgress .range.div_4 li:nth-child(2) {padding-right:2.8rem;}
	.performanceProgress .range.div_4 li:nth-child(3) {padding-left:3.1rem;}
	.performanceProgress .range.div_5 li:nth-child(2) {padding-right:2.8rem;}
	.performanceProgress .range.div_5 li:nth-child(4) {padding-left:3.1rem;}
}
/* 251031 실적 구간 정렬기준 수정 (e) */
.performanceGuide .emptyCase {font-size: 1.5rem; color: #485056; text-align: center; padding: 0.8rem; margin-top: 0.8rem; line-height: 2rem;}
.performanceGuide .btnMore {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; line-height: 2.4rem; padding: 1.2rem 2rem; border-radius: 0.8rem; border: solid 0.1rem rgba(0, 0, 0, 0.2); background: #fff;}
.performanceGuide .accoBody .btnMore {margin-top: 1.6rem;}
.performanceGuide .btnMore strong {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 1.4rem; font-weight: 600; color: #212528;}
.performanceGuide .btnMore strong::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat; background-size: contain;}

.cardTransactions {}
.cardTransactions .title {display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 2rem; font-weight: 700; color: #212528; line-height: 2.8rem;}
.cardTransactions .title::after {content: ""; display: block; width: 3.6rem; height: 3.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) center center no-repeat #fff; background-size: 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 4rem; box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1);}
.cardTransactions .list {margin: 1.6rem 0 0 -0.9rem;}
.cardTransactions .list li {display: grid; grid-template-columns: 4rem 1fr auto; gap: 0.8rem; padding: 1.5rem 0; align-items: center;}
.cardTransactions .list .thumb {width: 4.8rem; height: 4.8rem; text-align: center;}
.cardTransactions .list .thumb img {width: 100%; height: 100%; object-fit: contain; object-position: center center; filter: drop-shadow(0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1));}
.cardTransactions .list .thumb img.horizontal {transform: rotate(90deg);}
.cardTransactions .info {overflow: hidden; padding-left:0.7rem;}
.cardTransactions .info strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; font-weight: 600; color: #212528; line-height: 2.2rem;}
.cardTransactions .info span {font-size: 1.4rem; line-height: 2.0rem; color: #8f8f8f; font-weight:600; margin-top: 0.4rem;}
.cardTransactions .info span p {display:inline-block; position:relative; padding-right:0.8rem;}
.cardTransactions .info span p:first-child::after {content:''; display:inline-block; position:absolute; top:50%; right:0.1rem; width:0.3rem; height:0.3rem; margin-top:-0.1rem; border-radius:50%; background-color:#8f8f8f;}
.cardTransactions .list .amount {min-width:9rem; margin-top:-2.0rem; font-size: 1.6rem; line-height: 2.2rem; color: #212528; font-weight: 600; text-align:right; white-space: nowrap;}
.cardTransactions .list .amount.cancel {margin-top:0;}/* 251111 최근이용내역 취소 케이스 */
.cardTransactions .list .amount.cancel em {color: #888; text-decoration: line-through;}
.cardTransactions .list .amount.cancel span {display: block; text-align: right; font-size: 1.4rem; color: #e80163;}
.cardTransactions .emptyCase {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3.2rem 2rem 0; margin-top: 1.6rem;}
.cardTransactions .emptyCase strong {font-size: 2.0rem; line-height: 2.8rem; font-weight: 700; color: #212528;}
.cardTransactions .emptyCase p {font-size: 1.4rem; line-height: 2rem; color: #485056; margin-top: 0.8rem;}
.cardTransactions .emptyCase .btn {width:100%; font-size: 1.4rem; line-height: 2.0rem; color: #212528; font-weight: 600; padding: 1.4rem; border: solid 0.1rem rgba(0, 0, 0, 0.2); border-radius: 0.8rem; margin-top: 3.2rem; background-color:#fff;}

.creditLimit {background: #797ee1; border-radius: 1.6rem; padding: 2rem;}
.creditLimit .title {display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #fff; font-weight: 700;}
.creditLimit .title h2 {font-size: 2rem; line-height: 2.8rem;}
.creditLimit .title .moreBtn {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; font-size: 1.3rem; line-height: 1.8rem; font-weight:600;}
.creditLimit .title .moreBtn::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_white.png) no-repeat; background-size: contain;}
.creditLimit .list {display: flex; flex-direction: column; gap: 0.6rem; margin-top: 2.4rem;}
.creditLimit .list li {display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: rgba(0, 0, 0, 0.1); border-radius: 0.8rem; padding: 1.3rem 1.6rem; color: #fff; line-height: 1.6rem; font-size: 1.2rem; }
.creditLimit .list p,
.creditLimit .list strong,
.creditLimit .list a {font-size: 1.4rem; line-height: 2rem; font-weight: 600;}
.creditLimit .list strong {text-align: right; font-weight:700;}
.creditLimit .list a {text-decoration: underline;}

.utilityBtn {display: flex; flex-direction: row; justify-content: center; gap: 1.2rem;}
.utilityBtn button.btn {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; background: #fff; border: solid 0.1rem rgba(0, 0, 0, 0.1); font-size: 1.4rem; line-height: 2rem; color: #485056; padding: 0.8rem 1.6rem 0.8rem 1.2rem; border-radius: 3rem;}
.utilityBtn button.btn::before {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_utility_01.png) no-repeat; background-size: contain;}/* 251023 마이 하단버튼 아이콘 개선 */
.utilityBtn .btn.seniorScreenBtn::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_utility_02.png); background-size: contain;}
.utilityBtn .btn.seniorScreenBtn.active::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_utility_03.png); background-size: contain;}
/* 250926 일반/간편모드 버튼 (s) */
.utilityBtn .btn.easyScreenBtn {padding:0.8rem 1.6rem; font-size:1.4rem; line-height:2.0rem;}
.utilityBtn .btn.easyScreenBtn::before {content:none;}
/* 250926 일반/간편모드 버튼 (e) */

.popCont.bottom .popInner > section.screenSortable {padding-bottom: 10rem;}
.popCont .screenSortable .myPageEdit {display: flex; flex-direction: column; gap: 0.8rem;}
.myPageEdit li {display: flex; flex-direction: row; justify-content: space-between; align-items: center; line-height: 2.4rem; padding: 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 1.6rem; background: #fff;}
.myPageEdit li strong {color: #212528;}
.myPageEdit .fixdeItem {background: #dee2e7;}
.myPageEdit .fixdeItem strong {opacity: 0.3;}
.myPageEdit .dragHandle {display: block; width: 2.4rem; height: 2.4rem; text-indent: 100%; overflow: hidden; white-space: nowrap; position: relative; opacity: 0.5;}
.myPageEdit .dragHandle::before,
.myPageEdit .dragHandle::after {content: ""; display: block; width: 1.6rem; height: 0.2rem; border-radius: 1rem; background: rgba(7, 15, 22, 0.82); position: absolute; left: 0.4rem; top: 0.8rem;}
.myPageEdit .dragHandle::after {top: unset; bottom: 0.8rem;}
.recommendedCard .thumb.horiz img,
.cardTransactions .list .thumb.horiz img,
.cardThumb.horiz img {transform: rotate(90deg);}

.availableLimit {display:flex; align-items:center; width:100%; margin-top:2.4rem;}
.availableLimit .thumb {width:5rem; height:5rem; border-radius:2.1rem; background-color:#6d71ca;}
.availableLimit .thumb .img {display:inline-block; width:3.2rem; height:3.2rem; transform:translate3d(0.9rem, 0.9rem, 0.9rem);}
.availableLimit .thumb .img img {width:100%; height:100%;}
.availableLimit .info {width:calc(100% - 6.2rem); margin-left:1.2rem; color:#fff;}
.availableLimit .info .title {margin-bottom:0.2rem; font-size:1.4rem; font-weight:600; line-height:2.0rem;}
.availableLimit .info .amount {font-size:1.7rem; font-weight:700; line-height:2.4rem;}
.availableLimit .info .limit {font-size:1.2rem; font-weight:500; line-height:1.6rem; white-space:nowrap;}
.availableLimit .info .limit::before {content:'/'; display:inline-block; margin:0 0.4rem;}
.availableLimit .info .limit .limitTit {margin-left:0.4rem; font-weight:700;}/* 251013 나의 한도 영역 - 체크카드 케이스 추가 */

.creditLimitQuick {padding:2.0rem; border-radius:1.6rem; background-color:#fff; box-shadow:0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 0.8rem 2.4rem 0 rgba(0, 0, 0, 0.1);}
.creditLimitQuick .quickMenu {display:flex; flex-direction:row; justify-content:center;}
.creditLimitQuick .quickMenu a {width: calc(100% / 3); color:#212528; font-size:1.4rem; font-weight:600; line-height:2.0rem; text-align:center;}
.creditLimitQuick .quickMenu a:last-of-type {font-size:1.2rem; line-height:1.6rem;}
.creditLimitQuick .quickMenu a:last-of-type .thumb {margin-bottom:1.8rem;}
.creditLimitQuick .quickMenu .thumb {width:3.6rem; height:3.6rem; margin:0 auto 1.4rem;}
.creditLimitQuick .quickMenu img {display:block; width:100%; height:100%;}

/* 마이 - 큰글씨 */
.senior .renewCardStatement .bottomArea .link {padding:0 0.8rem;}
.senior .renewCardStatement .bottomArea .link:nth-child(1) {width:26%;}
.senior .renewCardStatement .bottomArea .link:nth-child(2) {width:26%;}
.senior .renewCardStatement .bottomArea .link:nth-child(3) {width:calc(100% - 52%);}

/* 마이 - media & 큰글씨 */
@media screen and (min-width:359px) {
	.senior .renewCardStatement .topArea {padding:0 1.0rem 1.2rem;}
	/* .senior .renewCardStatement .paymentAmount {font-size:1.7rem;} *//* 251023 명세서 - 금액 폰트사이즈 media 삭제 */
	.senior .renewCardStatement .bottomArea {padding:1.2rem 1.2rem 0;}
	.senior .creditLimitQuick .quickMenu a:last-of-type .thumb {margin-bottom:1.5rem;}
}
@media screen and (max-width:349px) {
	/* .renewCardStatement .paymentAmount {font-size:2.1rem;} *//* 251023 명세서 - 금액 폰트사이즈 media 삭제 */
	.renewCardStatement .bottomArea {padding:1.2rem 1.2rem 0;}
	.renewCardStatement .bottomArea .link {padding:0 0.8rem;}
	.creditLimitQuick .quickMenu a:last-of-type .thumb {margin-bottom:1.5rem;}

	.senior .renewCardStatement .bottomArea .link:nth-child(1) {width:22%;}
	.senior .renewCardStatement .bottomArea .link:nth-child(2) {width:22%;}
	.senior .renewCardStatement .bottomArea .link:nth-child(3) {width:calc(100% - 44%);}
	.senior .performanceGuide .btnMore {padding:1.2rem 0.4rem;}
	.senior .performanceGuide .btnMore strong {gap:0.2rem;}
	.senior .cardTransactions .emptyCase .btn {padding:1.4rem 0.6rem;}
}
@media screen and (max-width:280px) {
	.renewCardStatement .bottomArea .link:nth-child(1) {width:22%;}
	.renewCardStatement .bottomArea .link:nth-child(2) {width:22%;}
	.renewCardStatement .bottomArea .link:nth-child(3) {width:calc(100% - 44%);}

	.senior .renewCardStatement .bottomArea {padding:1.2rem 0.6rem 0;}
	.senior .renewCardStatement .bottomArea .link {padding:0 0.6rem;}
	.senior .performanceGuide .btnMore strong {gap:0;}
}
@media screen and (max-width:320px) {/* 251023 대출링크영역 @media 추가 */
    .senior .creditLimitQuick {padding:2.0rem 0.1rem;}
    .senior .creditLimitQuick .quickMenu a {padding:0 0.1rem;}
}

/* 해당 스타일 삭제(251203) >> 251208 운영 반영에 적용 예정
@media screen and (max-width:359px) {
    /* 251208 반영 : 긴급대응서비스 추가로 인한 마이 welcome영역 @media 삭제 */
    /* .welcomeArea .userName {flex-direction:column; align-items:flex-start;}
}
*/

/* 마이(e) */


.bgWhite {background: #fff;}
.renew25 #content section .addInfoList {background: #fff; margin-bottom: 0;}
.renew25 #content section .addInfoList .accoBody {background: #fff;}
/* 명세서(s) */
.renewNoticeList {}
.renewNoticeList .txtList_disc li {font-size: 1.3rem; line-height: 1.8rem; margin-top: 1.6rem;}
.renewNoticeList .txtList_disc li:first-of-type {margin-top: 0;}
.renewRelatedMenu {background: #fff; padding: 0 2rem 4.8rem;}
.renewRelatedMenu h2 {display: block; line-height: 2.2rem; color: #212528; font-size: 1.6rem; font-weight: 700;}
.renewRelatedMenu .list {display: flex; flex-direction: column; gap: 1.6rem; margin-top: 2.4rem;}
.renewRelatedMenu .list a {display: flex; flex-direction: row; gap: 0.4rem; align-items: center; color: #485056; font-size: 1.3rem; line-height: 2rem;}
.renewRelatedMenu .list a u {color: #2589f4;}
.renewRelatedMenu .list a::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_related2.png); background-size: contain;}
.tooltip.bgGray {border-color: transparent; background-color: #6f7d8c;}
.tooltip.bgGray .btnIco_close::before,
.tooltip.bgGray .btnIco_close::after {content: ""; display: block; width: 1.2rem; height: 0.2rem; background: #fff; border-radius: 0.2rem; position: absolute; top: calc(50% - 0.1rem); left: calc(50% - 0.6rem); transform: rotate(45deg);}
.tooltip.bgGray .btnIco_close::after {transform: rotate(-45deg);}
.tooltip.bgGray .cont,
.tooltip.bgGray .cont > * {color: #fff;}
.tooltip.bgGray .cont > * li {color: #fff !important;}
.tooltip.bgGray .txtList_disc > li:before {background: #fff;}
.tooltip.bgGray .arrow:after {border-color: transparent; background-color: #6f7d8c;}
.paymentDetails {}
.paymentDetails h3 {margin-top: 2.4rem;}
.paymentDetails h3 strong {font-size: 1.6rem; font-weight: 700; line-height: 2.2rem; color: #212528;}
.paymentDetails .paymentItem {display: flex; flex-direction: column; gap: 1.2rem; margin-top: 1.6rem;}
.paymentDetails .paymentItem li {display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #485056; font-size: 1.4rem; line-height: 2rem;}
.paymentDetails .paymentItem strong {font-weight: 600;}
.paymentDetails .paymentItem .dateRange {display: flex; min-width: 17.2rem; justify-content: space-between; color: #212528;}
.billingUnit {display: flex; flex-direction: column; gap: 0; margin-top: 1.2rem; border-top: solid 0.1rem rgba(0, 0, 0, 0.1);}
.billingUnit li {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; padding: 1.2rem 0; border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1);}
.billingUnit .cardChips {flex-shrink: 0;}
.billingUnit .bankInfo {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex: 1; gap: 0.4rem; color: #485056; font-size: 1.3rem; line-height: 1.8rem; font-weight: 400;}
.billingUnit .accountNumber {width: 100%; flex-shrink: 0;}
.billingUnit .unitAmount {font-size: 1.4rem; font-weight: 600; color: #212528; line-height: 2rem;}
.billingUnit.radio > li .ipt {top:0; left: 0; width: 100%; height: 100%; border-radius: 1.5rem;}
.billingUnit.radio > li {position: relative; display: block; padding: 0; margin-top: 1.2rem; border: none;}
.billingUnit.radio > li .ipt + label {position: relative;  display: flex; width: 100%; padding: 1.5rem; color: transparent; border: 1px solid #ddd;  border-radius: 1.5rem;  gap: 0.8rem;}
.billingUnit.radio label .accountNumber {width: calc(100% - 20px);}
.billingUnit.radio > li .ipt + label:before {position: absolute; left: auto; top: 0.8rem; right: 1rem; border: none; margin: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_checkbox_line.png) no-repeat 0 top / 2.4rem 6.8rem !important; box-shadow: unset;}
.billingUnit.radio > li .ipt:checked + label {border: 1px solid #2589F4;}
.billingUnit.radio > li .ipt:checked + label:before {background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_checkbox_line.png) no-repeat 0 bottom / 2.4rem 6.8rem !important;}

.paymentDetails .buttonArea {display: flex; flex-direction: row; gap: 0.4rem; align-items: center;}
.paymentDetails .buttonArea button {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: calc(100% / 3); border: solid 0.1rem rgba(0, 0, 0, 0.2); background: #fff; padding: 0.7rem 1.2rem; border-radius: 0.8rem; text-align: left; font-size: 1.2rem; line-height: 1.6rem; color: #212528; font-weight: 700;}
.paymentDetails .buttonArea .iconLink::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_btn_link.png); background-size: contain;}
.spendingReport {}
.spendingReport .reportItem {margin-top: 2.4rem;}
.spendingReport .reportItem li:not(.barChart li) {display: flex; flex-direction: row;}
.spendingReport .itemLabel {width: 4rem; font-size: 1.1rem; line-height: 1.5rem; color: #485056; flex-shrink: 0;}
.spendingReport .barChart {flex: 1; border-left: dashed 0.1rem #c5cbd1; padding-bottom: 0.8rem;}
.spendingReport li:last-of-type .barChart {padding-bottom: 0;}
.spendingReport .barChart li {display: flex; flex-direction: column; font-size: 1rem; color: #485056; line-height: 1.4rem;}
.spendingReport .barChart span {width: 100%; height: 0.8rem; border-radius: 0 1rem 1rem 0; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.spendingReport .barChart .statementBar,
.spendingReport .chartLegend .statementBar::before {background: #2589f4;}
.spendingReport .barChart .benefitBar,
.spendingReport .chartLegend .benefitBar::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/pattern_benefit_bar.png) #41cbf5;}
.spendingReport .barChart p {text-align: right; white-space: nowrap;}
.spendingReport .chartLegend {display: flex; flex-direction: row; justify-content: center; gap: 1.2rem; margin-top: 1.2rem;}
.spendingReport .chartLegend span {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 1rem; line-height: 1.4rem; color: #485056;}
.spendingReport .chartLegend span::before {content: ""; display: block; border-radius: 0.4rem; width: 2.2rem; height: 0.8rem;}
.spendingReport .btnMore {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; line-height: 2.4rem; padding: 1.2rem 2rem; border-radius: 0.8rem; border: solid 0.1rem rgba(0, 0, 0, 0.2); background: #fff; margin-top: 2.4rem;}
.spendingReport .btnMore strong {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 1.4rem; font-weight: 600; color: #212528;}
.spendingReport .btnMore strong::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat; background-size: contain;}
.statementTabWrap {padding: 0 2rem;}
.statementTabWrap .tabList {}
.tabWrap.statementTabWrap .tabPanel {padding: 2.4rem 0 0 0;}
.statementTabWrap .customSlt {margin: 0; padding: 1.6rem 2rem; background: #fff;}
.statementTabWrap .cardSel .label {font-size: 1.4rem; color: #212528; font-weight: 700; line-height: 4.4rem; padding: 0;}
.statementTabWrap .cardSel.myCard .cardThumb {width: 4.4rem; height: 4.4rem;}
.tabDetails .listFilter {display: block; white-space: nowrap; text-align: right;}
.tabDetails * + .listFilter {margin-top: 2.4rem;}
.listFilter .listView {margin: 0; display: inline-block;}
.listFilter .listView.off {display: none;}
.listFilter .listView .btnSortGroup {display: block; white-space: nowrap;}
.listFilter .listView .btnSortGroup li .btnSort {color: #6d747b; font-weight: 700; white-space: nowrap;}
.listFilter .listView .btnSortGroup li.on .btnSort.selected {color: #2589f4;}
.listFilter .listView li {position: relative; padding-bottom: 0.2rem; display: inline-block;}
.listFilter .listView .on::before {content: ""; display: block; width: 100%; height: 0.1rem; background: #2589f4; position: absolute; bottom: 0; left: 0;}
.listFilter .btnFilter {text-indent: 100%; overflow: hidden; white-space: nowrap; width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_filter.png); background-size: contain; display: inline-block;}
.tabDetails .statementCardList {margin-top: 1.2rem;}
.tabDetails .statementCardList h4 {display: block; font-size: 1.4rem; line-height: 2rem; color: #485056; font-weight: 700; margin-top: 1.2rem;}
.tabDetails .statementCardList h4:first-of-type {margin-top: 0;}
.tabDetails .statementCardList > div[data-date] + div[data-date] {padding-top: 20px; margin-top: 20px; border-top: solid 0.1rem rgba(0, 0, 0, 0.1); } 
.statementCardList ul {}
.statementCardList li {display: flex; flex-direction: row; align-items: center; gap: 1.2rem; width: 100%; padding: 1.2rem 0;}
.statementCardList .cardThumb {flex-shrink: 0; width: 6.4rem; height: 6.4rem;}
.statementCardList .cardThumb img {width: 100%; height: 100%; object-fit: contain; object-position: center center; filter: drop-shadow(0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1));}
.statementCardList .cardInfo {display: flex; flex-direction: column; gap: 0.5rem; flex: 1;}
.statementCardList .cardInfo strong {font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: #212528;}
.statementCardList .cardInfo span {display: flex; flex-direction: row;}
.statementCardList .cardInfo span p {}
.statementCardList .cardInfo span p:last-of-type {margin-left: 0.8rem;}
.statementCardList .cardInfo p {font-size: 1.3rem; color: #485056; line-height: 1.5rem;}
.statementCardList .amount {flex-shrink: 0; justify-self: end; font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #212528;}
.billingSummary {display: flex; flex-direction: column; gap: 0.8rem;}
.billingSummary li {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.6rem; width: 100%; min-height: 6.7rem; padding: 1.6rem 2rem; background: #fff; border-radius: 1.6rem; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 0.8rem 2.4rem rgba(0, 0, 0, 0.1);}
.billingSummary .itemLabel {color: #485056;}
.billingSummary .itemLabel em {font-size: 1.4rem; line-height: 2rem; font-weight: 600; word-break: keep-all; word-break: auto-phrase;}
.billingSummary .itemLabel p {font-size: 1.1rem; line-height: 1.5rem; font-weight: 500; margin-top: -0.1rem;}
.billingSummary .amount {font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; color: #212528; white-space: nowrap;}
.billingSummary .amount.totalAmount {color: #2489f4;}
.billingSummary li.total {background: #ecf5fd;}
.tabSummary .summaryList {display: flex; flex-direction: column; gap: 1.2rem;}
.alertGuideArea {display: flex; flex-direction: row; gap: 1rem; padding: 1.6rem 2rem; background: #fff; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 1.6rem; font-size: 1.2rem; line-height: 1.6rem; color: #485056;}
.alertGuideArea::before {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_notice.png); background-size: contain; flex-shrink: 0;}
.summaryList .listItem {background: #fff; border-radius: 1.6rem; padding: 1.6rem 2rem; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 0.8rem 2.4rem 0 rgba(0, 0, 0, 0.1);}
.summaryList .summaryWrap > [class^="txtList_"] {margin: 0;}
.summaryList .accoBody [class^="txtList_"] li {font-size: 1.3rem; color: #485056;}
.summaryList .accoBody [class^="txtList_"] [class^="txtList_"] {color: #485056; font-size: 1.2rem; margin-top: 1.6rem;}
.summaryList .accoBody [class^="txtList_"] [class^="txtList_"] li {color: #485056; font-size: 1.2rem; margin-top: 1.6rem;}
.summaryList .accoBody [class^="txtList_"] .txtList_numS > li {padding-left: 1.8rem;}
.summaryList .accoBody [class^="txtList_"] .txtList_numS > li:before {top: 0.2rem;}
.summaryList .accoBody [class^="txtList_"] [class^="txtList_"] [class^="txtList_"] {margin-top: 0;}
.summaryList .accoBody .txtList_disc.small > li:before {width: 0.3rem; height: 0.3rem; top: 0.6rem;}
.summaryList .summaryWrap {display: flex; flex-direction: column; gap: 1.6rem; margin-top: 2.4rem;}
.summaryList .accoBody .summaryWrap:first-of-type {margin-top: 0;}
.summaryList .summaryWrap .title {color: #212528; line-height: 2rem; font-weight: 600;}
.summaryList .accoBtn {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.8rem; padding-right: 2.4rem; font-size: 1.4rem; line-height: 2rem; color: #212528; font-weight: 700;}
.summaryList .accoBtn em {font-size: 1.6rem; line-height: 2.2rem; color: #2589f4;}
.summaryList .accoBody {margin-top: 1.6rem;}
.summaryList .link {display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 1.4rem; line-height: 2rem; color: #212528; font-weight: 700;}
.summaryList .link::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png); background-size: contain;}
.summaryList .spaceBetweenList {display: flex; flex-direction: column; gap: 1.6rem;}
.summaryList .spaceBetweenList li {display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #485056; line-height: 2rem; gap: 0.8rem; min-width: 0;}
.summaryList .spaceBetweenList .categoryHead {border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1); padding-bottom: 1.6rem;}
.summaryList .spaceBetweenList .line {border-top: solid 0.1rem rgba(0, 0, 0, 0.1); padding-top: 1.6rem;}
.summaryList .spaceBetweenList span {/* min-width: 9rem; */
}
.summaryList .spaceBetweenList strong {flex-shrink: 1; word-break: break-all;}
.summaryList .spaceBetweenList strong:nth-child(2) {text-align: right;}
.summaryList .spaceBetweenList .link {flex: 1; width: 100%; color: #485056;}
.summaryList .spaceBetweenList .link::after {width: 1.4rem; height: 0.7rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_acco2.png); background-size: contain; transform: rotate(-90deg); margin-left: auto;}
.summaryList .buttonArea {display: flex; flex-wrap: wrap; gap: 0.4rem;}
.summaryList .buttonArea [class^="btn_"] {display: block; border-radius: 0.8rem; line-height: 2rem; padding: 0 2rem;}
.summaryList .buttonArea [class^="btn_"].f12 {line-height: 1.6rem;}
.summaryList .buttonArea .halfWidt {width: calc(50% - 0.2rem);}
.summaryList .buttonArea .link {display: flex; flex-direction: row; justify-self: center; align-items: center; gap: 0.8rem;}
.summaryList .buttonArea .linkArrow::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png); background-size: contain;}
.summaryList .grayBox {background: #f7f7f7; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 1.6rem; padding: 1.6rem 2rem;}
.summaryList .grayBox .iconNotice {display: flex; flex-direction: row; gap: 1rem; line-height: 1.6rem; font-size: 1.2rem;}
.summaryList .grayBox .iconNotice::before {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_notice.png); background-size: contain; flex-shrink: 0;}
.summaryList .grayBox .title {color: #212528; line-height: 2rem; font-weight: 600;}
.summaryList .grayBox .textLink {}
.summaryList .grayBox .spaceBetweenList {gap: 1.2rem;}
.summaryList .grayBox .spaceBetweenList .link {flex: unset; width: unset; gap: 0.4rem;}
.summaryList .grayBox .spaceBetweenList .link::after {width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_link_arrow.png); background-size: contain; transform: rotate(0);}
.summaryList table {margin: 0;}
.summaryList table th,
.summaryList table td {padding: 1.2rem; font-size: 1.3rem; color: #212528;}
.summaryList table td {color: #485056;}
.grayBox .limitMessage {display: flex; flex-direction: column; gap: 0.4rem; color: #485056; font-size: 1.2rem; line-height: 1.6rem;}
.grayBox .limitMessage strong {color: #212528; font-size: 1.4rem; line-height: 2rem; font-weight: 600;}
.renewFloatingMenu {position: fixed; left: 2rem; bottom: 2rem; filter: drop-shadow(0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1)); z-index: 10;}
.renewFloatingMenu .title,
.renewFloatingMenu .btn {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; line-height: 1.6rem; padding: 1rem 2rem; border-radius: 10rem; font-size: 1.2rem; font-weight: 600; background: #212528; color: #fff;}
.renewFloatingMenu .title {padding: 0.6rem 1.6rem;}
.renewFloatingMenu .title.active {padding: 1rem 2rem;}
.renewFloatingMenu .title::after {content: ""; display: block; width: 1.2rem; height: 1.2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' %3E%3Cpath d='M2.25 5.996h7.5M6.004 2.25v7.5' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") center center; background-size: contain;}

.renewFloatingMenu .title.active::after {content: ""; display: block; width: 1.2rem; height: 1.2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' %3E%3Cpath d='M2.25 5.996h7.5' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") center center; background-size: contain;}

.renewFloatingMenu .btnList {display: none;}
.renewFloatingMenu .btn {display: block; margin-top: 0.4rem; background: #fff; border: solid 0.1rem rgba(0, 0, 0, 0.1); color: #485056;}
.statementList.iptSelArea {}
.statementList.iptSelArea .iptSel {display: flex; flex-direction: column; gap: 0.8rem;}
.statementList.iptSelArea .iptSel li {padding: 0;}
.statementList.iptSelArea .iptSel .ipt + label:after {border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 1.6rem; bottom: 0; left: 0; right: 0; background: #fff;}
.statementList.iptSelArea .iptSel .ipt:checked + label:after {border: solid 0.1rem rgba(0, 0, 0, 0.1); background: #daeaf9;}
.statementList.iptSelArea .iptSel .block {display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 1.6rem 2rem;}
.statementList.iptSelArea .iptSel .block p {font-size: 1.4rem; color: #485056; line-height: 2rem;}
.statementList.iptSelArea .iptSel .ipt:checked + label .block p {color: #212528;}
.statementList.iptSelArea .status {padding: 0.4rem 1rem; border-radius: 2rem; line-height: 1.6rem; font-size: 1.2rem; color: #fff; background: #009c70; font-weight: 700;}
.statementList.iptSelArea .status.posted {background: #248bf9;}
.popCont.bottom .popInner > section.searchCondition {padding-bottom: 10rem;}
.searchCondition.iptSelArea .iptSel {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.8rem;}
.searchCondition.iptSelArea li {width: calc(50% - 0.4rem); padding: 0;}
.searchCondition.iptSelArea li.full {width: 100%;}
.searchCondition.iptSelArea .iptSel .block {line-height: 1.6rem; padding: 1.6rem 1.2rem;}
.searchCondition.iptSelArea .iptSel .ipt + label:after {bottom: 0; right: 0; left: 0;}
.searchCondition.iptSelArea .iptSel .ipt + label:after {border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 0.8rem; bottom: 0; left: 0; right: 0;}
.searchCondition.iptSelArea .iptSel .ipt:checked + label:after {border: solid 0.1rem #2589f4; background: #ecf5fd;}
/* 명세서(e) */
/* 혜택(s) */
.frameBanner {margin-bottom: 1.3rem;}
.rewardsArea {display: flex; flex-direction: column; gap: 1.2rem;}
.rewardsArea .pointArea {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 1.6rem; padding: 1.6rem 2rem; background: #fff; border-radius: 1.6rem; filter: drop-shadow(0.8rem 0.8rem 2.4rem rgba(0, 0, 0, 0.1));}
.rewardsArea .pointArea .title {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: #333;}
.rewardsArea .pointArea .title.honeyIcon::before {content: ""; display: block; width: 2.4rem; height: 2.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_point.png); background-size: contain;}
.rewardsArea .pointArea .amountLink {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 2rem; line-height: 2.8rem; color: #212528; font-weight: 700;}
.rewardsArea .pointArea .amountLink::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png); background-size: contain;}
.rewardsArea .pointArea .linkHoneyMoney {display: flex; flex-shrink: 0; justify-content: flex-end; width: 100%;}
.rewardsArea .pointArea .linkHoneyMoney .link {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; color: #6d747b; background: #f0f0f0; padding: 0.4rem 0.8rem 0.4rem 0.4rem; border-radius: 2rem; margin-top: -1.2rem;}
.rewardsArea .pointArea .linkHoneyMoney .link::before {content: ""; display: block; width: 1.6rem; height: 1.6rem; flex-shrink: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_alert_circle.png); background-size: contain;}
.rewardsArea .pointArea .quickMenu {display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-self: stretch; width: 100%; position: relative; padding-top: 1.7rem;}
.rewardsArea .pointArea .quickMenu::before {content: ""; display: block; width: 100%; height: 0.1rem; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0;}
.rewardsArea .pointArea .quickMenu button {font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: #212528;}
.rewardsArea .pointArea .quickMenu button:disabled {opacity: 0.3;}
.rewardsArea .pointArea .quickMenu .dash {background: #485056; width: 0.1rem; height: 1.2rem; opacity: 0.2; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.rewardsArea .benefitLink {display: flex; flex-direction: column; gap: 1.6rem; padding: 1.6rem 2rem; background: #fff; border-radius: 1.6rem; filter: drop-shadow(0.8rem 0.8rem 2.4rem rgba(0, 0, 0, 0.1)); position: relative;}
.rewardsArea .benefitLink .link {display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0.8rem; font-size: 1.6rem; line-height: 2.2rem; color: #212528; font-weight: 700; position: absolute; top: 1.6rem; right: 2rem;}
.rewardsArea .benefitLink .link::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png); background-size: contain;}
.rewardsArea .benefitLink .title {font-size: 1.6rem; line-height: 2.2rem; color: #212528; font-weight: 700;}
.rewardsArea .benefitLink .text {font-weight: 500; text-align: center; line-height: 2rem;}
.rewardsArea .benefitLink .btnMore {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; line-height: 2.4rem; padding: 1.2rem 2rem; border-radius: 0.8rem; border: solid 0.1rem rgba(0, 0, 0, 0.2); background: #fff;}
.rewardsArea .benefitLink .btnMore strong {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 1.4rem; font-weight: 600; color: #212528;}
.rewardsArea .benefitLink .btnMore strong::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat; background-size: contain;}
.lowestDeal {}
.renew25 #content section.pd0 .towLineTitle {margin: 0 2rem;}
.towLineTitle {display: flex; flex-direction: column; gap: 0.45rem; font-size: 2rem; color: #000; font-weight: 700; position: relative;}
.towLineTitle::after {content: ""; display: block; width: 3.6rem; height: 3.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) center center no-repeat #fff; background-size: 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 4rem; box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1); position: absolute; top: calc(50% - 1.8rem); right: 0;}
.towLineTitle .thumb {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; height: 1.8rem;}
.towLineTitle .thumb img {width: 16.4rem; height: 1.8rem; object-fit: contain;}
.towLineTitle .thumb p {font-size: 1.2rem; line-height: 1.7rem; font-weight: 500; opacity: 0.85; flex-shrink: 0;}
.towLineTitle h2 {font-size: 2rem; line-height: 2.8rem;}
/* 250930 받은 혜택 영역 - 큰글씨 대응 (s) */
.senior.renew25 #content section.pd0 .towLineTitle {padding-right:4rem;}
.senior .rewardsArea .benefitLink .link {position:static;}
.senior .welcomeArea.benefit .membershipTier {min-width:116px;}/* 251030 혜택 welcome영역 큰글씨 대응 */
@media screen and (max-width: 359px) {
    .senior .rewardsArea .pointArea {padding:1.6rem 1.2rem;}
}
/* 250930 받은 혜택 영역 - 큰글씨 대응 (e) */

.lowestDeal .swiperWrap {}
.lowestDeal .snapScroll > ul {padding: 0 2rem;}
.lowestDeal .snapScroll > ul > li {display: inline-flex; flex-direction: column; margin-right: 1.2rem; width: 11.2rem;}
.lowestDeal .snapScroll .thumb {height: 11.2rem; padding: 1rem;}
.lowestDeal .snapScroll .thumb img {width: 100%; height: 100%; object-fit: contain;}
.lowestDeal .snapScroll .info {display: flex; flex-direction: column; gap: 0.2rem; padding: 0 0.4rem;}
.lowestDeal .snapScroll .companyName,
.lowestDeal .snapScroll .productName {color: #262c32; font-size: 1.2rem; line-height: 1.7rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lowestDeal .snapScroll .companyName {opacity: 0.5;}
.lowestDeal .snapScroll .info del {font-size: 1.1rem; line-height: 1.5rem; color: #cecbd1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: line-through;}
.lowestDeal .snapScroll .info .price {display: flex; flex-direction: row; gap: 0.4rem; font-size: 1.2rem;}
.lowestDeal .snapScroll .price em {flex-shrink: 0; color: #f92829; line-height: 1.6rem;}
.lowestDeal .snapScroll .price strong {color: #262c32; font-weight: 600; line-height: 1.7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.exclusiveBenefit {} 
.exclusiveBenefit .snapScroll {scroll-padding: 0 2rem;}
.exclusiveBenefit .snapScroll > ul {padding: 0 2rem;}
.exclusiveBenefit .snapScroll > ul > li {width: 14.8rem; margin-right: 12px;}
.exclusiveBenefit .snapScroll > ul > li a {display: block; border-radius: 1.6rem; overflow: hidden;}
.exclusiveBenefit .snapScroll > ul > li .thumb {display: block;}
.exclusiveBenefit .snapScroll > ul > li .thumb img {width: 100%; height: 100%; object-fit: contain;}
.exclusiveBenefit .snapScroll > ul > li .info {display: flex; flex-direction: column; gap: 0.8rem; padding: 1.2rem 2rem 2rem; color: #fff; font-size: 1.1rem; line-height: 1.5rem; font-weight: 400;}
.exclusiveBenefit .snapScroll > ul > li .info strong {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 6rem; font-size: 1.4rem; font-weight: 700; line-height: 2rem; white-space: normal;}
.exclusiveBenefit .snapScroll > ul > li .info p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.renewEventBanner {}
.renewEventBanner .radiusBanner {display: flex; flex-direction: column; gap: 0.4rem;}
.renewEventBanner .radiusBanner .item {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 1.6rem; background: #fff; padding: 1.2rem 2rem;}
.renewEventBanner .radiusBanner .info {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.8rem; height: 6.4rem; overflow: hidden;}
.renewEventBanner .radiusBanner strong {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #212528; font-weight: 700; line-height: 2rem;}
.renewEventBanner .radiusBanner p {width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #485056;}
.renewEventBanner .radiusBanner .thumb {flex-shrink: 0; width: 6.4rem; height: 6.4rem; transform: scale(1.15);}
.renewEventBanner .radiusBanner .thumb img {width: 100%; height: 100%; object-fit: contain;}
.renewEventBanner .lineBanner {display: flex; flex-direction: column; gap: 0.4rem;}
.renewEventBanner .lineBanner .item {display: flex; flex-direction: row; align-items: center; gap: 1.6rem; padding: 1.6rem 0; border-top: solid 0.1rem rgba(0, 0, 0, 0.1);}
.renewEventBanner .lineBanner .item:first-child {border-top:0;}/* 250929 특별혜택 배너 추가로 인한 라인 삭제 */
.renewEventBanner .lineBanner .thumb {flex-shrink: 0; width: 5.6rem; height: 5.6rem; border-radius: 6rem; overflow: hidden; border-radius: 50%; border: 1px solid #ddd; background-color: #fff;}
.renewEventBanner .lineBanner .thumb img {width: 100%; height: 100%; object-fit: contain;}
.renewEventBanner .lineBanner .info {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.8rem; flex: 1;}
.renewEventBanner .lineBanner .text {}
.renewEventBanner .lineBanner .day {font-size: 1.2rem; line-height: 1.6rem; font-weight: 700;}
.renewEventBanner .lineBanner .text strong {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-top: 0.4rem; color: #212528; font-size: 1.4rem; font-weight: 600; line-height: 2rem;}
.renewEventBanner .lineBanner .benefit {display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; width: 6.5rem; height: 5rem; color: #2489f4; font-size: 1rem; line-height: 1.2rem; font-weight: 600; border: solid 0.1rem rgba(0, 0, 0, 0.1); background: linear-gradient(0deg, rgba(37, 137, 244, 0.1) 0%, rgba(37, 137, 244, 0.1) 100%); border-radius: 0.8rem;}
.renewEventBanner .lineBanner .benefit strong {font-size: 1.2rem; font-weight: 700; line-height: 1.6rem; text-align: center;}
.wonMarketBanner {}
.wonMarketBanner .swiperWrap {border-radius: 1.6rem 1.6rem 0 0; overflow: hidden;}
.wonMarketBanner .slideList> li > a {display: block; position: relative; max-height: 16rem;}
.wonMarketBanner a .text {font-size: 1.4rem; line-height: 1.5; font-weight: 700; color: #fff; position: absolute; top: 3rem; left: 2rem;}
@media screen and (min-width: 480px) { 
	.wonMarketBanner .slideList> li > a {max-height: 24rem;}
	.wonMarketBanner a .text {font-size: 1.8rem;}
}
@media screen and (min-width: 680px) {
	.wonMarketBanner .slideList> li > a {max-height: 26rem; background-position: right 90% !important;}
	.wonMarketBanner a .text {font-size: 2rem;}
}
.wonMarketBanner .slideList> li > a img {width: 100%; height: 100%; object-fit: cover; opacity: 0;}
/*.wonMarketBanner .swiperWrap[data-theme] .swiper-controls {display: flex; flex-direction: row; gap: 0.9rem; align-items: center; background: rgba(51, 51, 51, 0.5); margin: 0 0 2rem 2rem; padding: 0 1rem; line-height: 2rem; height: 2rem;}
.wonMarketBanner .swiperWrap[data-theme] .swiper-controls .swiper-button-stop,
.wonMarketBanner .swiperWrap[data-theme] .swiper-controls .swiper-button-play {width: 1rem; height: 1rem; background: none; mask: unset;}
.wonMarketBanner .swiperWrap[data-theme] .swiper-controls .swiper-button-stop::before,
.wonMarketBanner .swiperWrap[data-theme] .swiper-controls .swiper-button-play::before {content: ""; display: block; width: 100%; height: 100%; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_swiper_controller.png) 0 bottom no-repeat; background-size: 1rem 4rem; position: absolute; top: 0; left: 0;}
.wonMarketBanner .swiperWrap[data-theme] .swiper-controls .swiper-button-play::before {background-position-y: 0;}
.wonMarketBanner .swiperWrap[data-theme] .swiper-controls .swiper-counter {height: auto; line-height: 1.5rem; font-size: 1.1rem; font-weight: 600;}*/
.wonMarketBanner .link {display: flex; align-items: center; justify-content: center; border-radius: 0 0 1.6rem 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); font-size: 1.4rem; color: #212528; line-height: 2rem; padding: 1.6rem;}
.wonMarketBanner .link strong {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-weight: 700;}
.wonMarketBanner .link strong::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat; background-size: contain;}
.lifeCareService {}
.lifeCareService h2.title {font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #212528;}
.lifeCareService .quickLink {display: block; border-radius: 1.6rem; overflow: hidden;}
.lifeCareService .quickLink img {width: 100%; height: 100%; object-fit: contain;}
.lifeCareService .quickLink + .quickLink {margin-top: 1.2rem;}
.lifeCareService .careServiceWrap {display: flex;flex-direction: column;gap: 1rem; margin-top:1.6rem}
.lifeCareService .careServiceWrap .careServiceImgWrap {display: flex;gap: 1rem;}
.lifeCareService .careServiceWrap .careServiceImgWrap .careServiceLink {border-radius:1.6rem ; overflow: hidden}
.lifeCareService .careServiceWrap .careServiceImgWrap .careServiceLink img {width:100%; height:100%}
.lifeCareService .lifeServiceList {padding: 1.6rem; border-radius: 1.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); background: #fff; margin-top: 1.2rem;}
.lifeCareService .lifeServiceList .item {display: block; padding-bottom: 1.6rem;}
.lifeCareService .lifeServiceList .item:not(:first-of-type) {padding: 1.6rem 0; border-top: solid 0.1rem rgba(0, 0, 0, 0.1);}
.lifeCareService .lifeServiceList .item:last-of-type {padding-bottom: 0;}
.lifeCareService .lifeServiceList .list {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.4rem;}
.lifeCareService .lifeServiceList .accoBtn {display: block; padding: 0.4rem 2.4rem 0.4rem 5.6rem; position: relative;}
.lifeCareService .lifeServiceList .accoBtn .icon {display: block; width: 4.8rem; height: 4.8rem; background: #f7f7f7; padding: 1.2rem; border-radius: 5rem; position: absolute; top: 0; left: 0;}
.lifeCareService .lifeServiceList .accoBtn .icon img {width: 100%; height: 100%; object-fit: contain;}
.lifeCareService .lifeServiceList .accoBtn strong {font-size: 1.6rem; line-height: 2.2rem; font-weight: 600;}
.lifeCareService .lifeServiceList .accoBtn p {font-size: 1.2rem; font-weight: 500; color: #485056;}
.lifeCareService .lifeServiceList .accoBody {margin-top: 1.6rem;}
.lifeCareService .lifeServiceList .list .linkItem {width: calc(50% - 0.2rem); padding: 1.2rem; border-radius: 0.8rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); background: #fff;}
.lifeCareService .lifeServiceList .list .ribbon {display: inline-block; font-size: 1rem; font-weight: 700; line-height: 1.4rem; color: #000; padding: 0.4rem 0.8rem; /* background: url(/https/nm.wooricard.com/dcmw/img/mw/content/img_ribbon_green.png) 0 0 no-repeat; background-size: 100% 2.2rem; */
margin-bottom: 0.5rem;}
/* .lifeCareService .lifeServiceList .list .ribbon.pink {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/img_ribbon_pink.png) 0 0 no-repeat; background-size: 100% 2.2rem;} */
.lifeCareService .lifeServiceList .list .title {display: block; font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: #212528;}
.lifeCareService .lifeServiceList .list .text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-top: 0.4rem; color: #485056; font-size: 1.1rem; line-height: 1.5rem; font-weight: 400; height: 3rem;}
.paidService {}
.paidService .title {font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #212528;}
.paidService .list {display: flex; flex-direction: column; gap: 1.2rem; padding: 1.6rem 2rem; background: #fff; border-radius: 1.6rem; filter: drop-shadow(0.8rem 0.8rem 2.4rem rgba(0, 0, 0, 0.1)); margin-top: 1.6rem;}
.paidService .list li {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.4rem; color: #485056; line-height: 2rem;}
.paidService .list p {}
.paidService .list .link {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; flex-shrink: 1; line-height: 2rem; font-weight: 600; color: #485056;}
.paidService .list .link::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_link_arrow.png) no-repeat; background-size: contain;}

/* 250926 특별혜택 배너 추가 (s) */
.myBenefitBanner.renewSwiper {margin:1.6rem -2rem 0 -2rem;}
.myBenefitBanner.renewSwiper .swiper-container .slideList {padding-left:0;}
.myBenefitBanner.renewSwiper .swiper-container .slideList > * {padding:0 2rem;}
.myBenefitBanner.renewSwiper a.item {display:block; padding:0; border:0; background:transparent;}
.myBenefitBanner.renewSwiper.swiperWrap .swiper-controls.al {justify-content:space-around; left:4.0rem; bottom:2.0rem; padding:0.1rem 0.8rem 0.1rem 0.4rem; margin-bottom:0; background-color:rgba(51, 51, 51, 0.5); align-items:center;}
.myBenefitBanner.renewSwiper.swiperWrap button[class *="swiper-button"] {transform: scale(0.9);}
/* 250926 특별혜택 배너 추가 (e) */
/* 251210 혜택 - 스와이프 컨트롤러 수정(위치조정) (s) */
.myBenefitBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"] .swiper-controls.al.dark {margin: 0 0 2rem 4rem; background: rgba(51, 51, 51, 0.5);}
.myBenefitBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"] .btnPrev,
.myBenefitBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"] .btnNext {left: 8.8rem;}
.myBenefitBanner.renewSwiper[data-arrow="true"][data-number="true"][data-pause-position="right"] .btnPrev {left: 5rem;}
/* 251210 혜택 - 스와이프 컨트롤러 수정(위치조정) (e) */
/* 혜택(e) */

/* 결제연기(s) */
.tabWrap.statementTabWrap .tabPanel.postponeApply {padding-top: 0;}
.paymentHistory .emptyCase {padding: 6rem 1rem; text-align: center; border-top: solid 0.1rem #212528; border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1); margin-top: 1.2rem; color: #485056; line-height: 2rem;}
.postponeApply .title {}
.postponeApply .title h2 {color: #212528; font-size: 2rem; line-height: 2.8rem; font-weight: 700;}
.lineInvertedBang {font-size: 1.2rem; color: #485056; line-height: 1.6rem; font-weight: 400; padding-left: 2rem; margin-top: 1.2rem; position: relative;}
.lineInvertedBang::before {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/tooltip_icon.png); background-size: contain; position: absolute; top: 0; left: 0;}
.paymentHistory .listSort {display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.8rem;}
.paymentHistory .listSort .total {font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #212528;}
.paymentHistory .listSort .total em {color: #2589f4;}
.paymentHistory .btnSortGroup {flex-grow: 0; margin: 0;}
.paymentHistory .btnSortGroup li {position: relative;}
.paymentHistory .btnSortGroup .on::before {content: ""; display: block; width: 100%; height: 0.1rem; background: #2589f4; position: absolute; bottom: 0; left: 0;}
.paymentHistory .listSort .text {width: 100%; flex-shrink: 0;}
.paymentHistory .list {border-top: solid 0.1rem rgba(0, 0, 0, 0.2); margin-top: 1.2rem;}
.paymentHistory .list .item {display: flex; flex-direction: row; gap: 1.2rem; padding: 1.2rem 0; border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1);}
.paymentHistory .dataCheck {flex-shrink: 0;}
.paymentHistory .dataCheck input[type="checkbox"] + label {text-indent: 100%; overflow: hidden; white-space: nowrap; padding: 0;}
.paymentHistory .dataCheck input[type="checkbox"] + label:before {border: none; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_checkbox_line.png); background-size: 2.4rem 6.8rem !important;}
.paymentHistory .dataCheck input[type="checkbox"]:checked + label:before {background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_checkbox_line.png); background-position-y: bottom; background-size: 2.4rem 6.8rem !important;}
.paymentHistory .dataUsage {display: flex; flex-direction: column; gap: 0.5rem; flex: 1;}
.paymentHistory .dataUsage .title {color: #212528; font-weight: 700; line-height: 2rem;}
.paymentHistory .dataUsage .ipt {color: #212528; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; padding: 1.2rem 4rem 1.2rem 1.2rem;}
.paymentHistory .dataUsage .sltWrap {width: 12rem; margin: 1.2rem 0 0;}
.paymentHistory .dataUsage .info {display: flex; flex-direction: row; gap: 0.8rem; align-items: center; font-size: 1.2rem; color: #485056; line-height: 1.6rem; font-weight: 400;}
.paymentHistory .dataAmount {display: flex; flex-direction: column; align-items: flex-end; margin-left: auto;}
.paymentHistory .dataAmount .amount {font-weight: 700; color: #212528; line-height: 2rem;}
.paymentHistory .dataAmount .link {font-size: 1.2rem; line-height: 1.6rem; color: #485056; margin-top: auto; text-decoration: underline;}
.postponeRecords .listFilter {display: flex; flex-direction: column; gap: 1.2rem;}
.postponeRecords .listFilter .iptGroup {margin: 0;}
.postponeRecords .iptBtn .ipt + label {padding: 0.95rem 0; line-height: 2rem; border-radius: 0.8rem; color: #485056; background: #fff; border: solid 0.1rem rgba(0, 0, 0, 0.1);}
.postponeRecords .iptBtn .ipt:checked + label {background: #ecf5fd; border: solid 0.1rem #2589f4; color: #212528;}
.postponeRecords .iptBtn .ipt:checked + label:after {display: none;}
.postponeRecords .btnArea.sticky {background: #fff; border-radius: 1.6rem 1.6rem 0 0; box-shadow: 0 -1.6rem 2.4rem 0 rgba(0, 0, 0, 0.1);}
.postponeRecords .selectedDisplay {padding-bottom: 1.6rem;}
.postponeRecords .selectedDisplay::after {content: ""; display: block; clear: both;}
.postponeRecords .txtList_disc.guideInfo {margin: 0;}
.postponeRecords .txtList_disc.guideInfo li {margin-top: 0.4rem;}
.postponeRecords .txtList_disc.guideInfo li:first-of-type {margin-top: 0;}
.postponeRecords .setHalf {margin: 0;}
.selectedDisplay .selectLabel {float: left; font-size: 1.4rem; line-height: 2.8rem; color: #485056; font-weight: 700;}
.selectedDisplay .selectLabel em {padding-left: 0.4rem; color: #2589f4;}
.selectedDisplay .amount {float: right; font-size: 2rem; line-height: 2.8rem; color: #212528; font-weight: 700;}
.iptGroup.arrowSort {display: flex; flex-direction: row; gap: 1.2rem;}
.iptGroup.arrowSort li {padding: 0; position: relative;}
.iptGroup.arrowSort input[type="radio"] + label {display: flex; flex-direction: row; align-items: center; padding: 0; line-height: 2rem; color: #6d747b; font-weight: 700; position: relative;}
.iptGroup.arrowSort input[type="radio"]:checked + label {color: #2589f4; border-bottom: solid 0.1rem #2589f4;}
.iptGroup.arrowSort input[type="radio"] + label:before {display: none;}
.iptGroup.arrowSort input[type="radio"] + label::after {content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7v10m0 0l3-3m-3 3l-3-3m10 3V7m0 0l-3 3m3-3l3 3' stroke='%236d747b' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: contain;}
.iptGroup.arrowSort input[type="radio"]:checked + label::after {background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7v10m0 0l3-3m-3 3l-3-3m10 3V7m0 0l-3 3m3-3l3 3' stroke='%232589f4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: contain;}
.paymentDelayList {display: flex; flex-direction: column; gap: 1.2rem;}
.paymentDelayList .list {border: solid rgba(0, 0, 0, 0.2); border-width: 0.1rem 0;}
.paymentDelayList .list li {display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 2.25rem 0; border-top: solid 0.1rem rgba(0, 0, 0, 0.1);}
.paymentDelayList .list strong {color: #212528; line-height: 2rem; font-weight: 700;}
.paymentDelayList .list li:first-of-type {border-top: none;}
.paymentDelayList .total {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.paymentDelayList .total strong {color: #212528; line-height: 2rem; font-weight: 700;}
.paymentDelayList .lineInvertedBang {margin-top: 0;}
.paymentDelayList + .btnArea [class^="btn_"] {height: 5.6rem;}
/* 결제연기(e) */

/* 결제일변경(s) */
.popCont.bottom .popInner > section.paymentDateChange {padding: 0 2rem;}
.tabWrap.statementTabWrap .tabPanel.paymentDateChange {padding-top: 0;}
.paymentDateChange .emptyCase {text-align: center; font-size: 1.6rem; line-height: 2.2rem; color: #212528; margin: 4.8rem 0;}
.popBody .paymentDateChange .emptyCase {margin-bottom: 2.4rem;}
.paymentDateChange .stepTitle {display: flex; flex-direction: row; justify-content: space-between; margin: 1.2rem 0 4.8rem; line-height: 2rem; color: #485056;}
.paymentDateChange .stepTitle .step {font-weight: 400;}
.paymentDateChange .stepTitle .text {font-weight: 700;}
.paymentDateChange .changeWrap {display: flex; flex-direction: column; gap: 4.8rem;}
.paymentDateChange .changeWrap .guideText {font-size: 1.2rem; line-height: 1.6rem; color: #485056;}
.paymentDateChange .changeForm .tableX {margin: 1.2rem 0 0 0;}
.paymentDateChange .changeForm .tableX .box {display: flex; flex-direction: row; align-items: center; gap: 0.4rem;}
.paymentDateChange .changeForm .sltWrap {margin: 0; flex: 1; max-width: 18rem;}
.paymentDateChange .changeForm select {font-size: 1.4rem; font-weight: 400; padding-left: 1.2rem;}
.paymentDateChange .changeForm .links {margin-top: 1.2rem; font-weight: 400; color: #2589f4;}
.paymentDateChange .changeForm .btnArea {margin: 1.2rem 0 0;}
.paymentDateChange .changeForm .btnArea [class^="btn_"] {height: 5.6rem;}
.paymentDateChange .changeHistory {display: flex; flex-direction: column; gap: 1.2rem;}
.paymentDateChange .changeHistory .title {display: block; font-size: 1.6rem; line-height: 2.2rem; color: #212528;}
.paymentDateChange .changeHistory .history {display: flex; flex-direction: row; align-items: center; padding: 1.2rem 0; border: solid rgba(0, 0, 0, 0.2); border-width: 0.1rem 0;}
.paymentDateChange .changeHistory .history .date{ min-width: 11rem;}
.paymentDateChange .changeHistory .history div {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; line-height: 2rem; color: #485056;}
.paymentDateChange .changeHistory .history strong {color: #212528; font-weight: 700;}
.paymentDateChange .changeHistory .history p {text-indent: 100%; overflow: hidden; white-space: nowrap; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_link_arrow.png); background-size: contain;}
/* 결제일변경(e) */
/* 체크카드 한도 변경(s) */
.checkcardSelect {}
.checkcardSelect h2 {color: #212528; font-size: 2rem; line-height: 2.8rem; font-weight: 700;}
.checkcardSelect .cardSelect {}
.checkcardSelect .cardSel.myCard {padding: 1.65rem 4.9rem 1.65rem 2rem;}
.checkcardSelect .cardSel.myCard:before {right: 2rem;}
.checkcardSelect .customSlt:after {}
.checkcardSelect .cardSel.myCard .cardInfo {padding-right:0;}/* 250819 체크카드 한도 변경화면 카드선택 간격 수정 */
.checkcardSelect .cardSel.myCard .cardThumb {width: 4.4rem; height: 4.4rem;}
.checkcardSelect .cardSel.myCard .cardName {font-size: 1.2rem; line-height: 1.6rem;}
.checkcardLimitChange {}
.checkcardLimitChange h2 {color: #212528; font-size: 2rem; line-height: 2.8rem; font-weight: 700;}
.checkcardLimitChange .sliderArea {border: solid 0.1rem #dee2e6; border-radius: 2rem; padding: 2rem; background: #fff; margin-top: 1.2rem;}
.checkcardLimitChange .sliderArea:first-of-type {margin-top: 1.6rem;}
.checkcardLimitChange h3 {color: #212528; font-size: 1.6rem; line-height: 2.2rem; font-weight: 600;}
.checkcardLimitChange .limitSetting {margin-top: 2.4rem;}
.checkcardLimitChange .currentText {display: flex; flex-direction: row; justify-content: space-between; gap: 2.4rem; padding-bottom: 1.2rem;}
.checkcardLimitChange .textArea {font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #2589f4; flex: 1;}
.checkcardLimitChange .textArea p {color: #212528; font-size: 1.3rem; line-height: 1.8rem; font-weight: 500;}
.checkcardLimitChange .inputArea {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; color: #212528; font-size: 2rem; line-height: 2.8rem; font-weight: 700; position: relative;}
.checkcardLimitChange .inputArea::after {content: ""; display: block; width: 100%; height: 0.1rem; background: rgba(133, 151, 168, 0.18); position: absolute; left: 0; bottom: -1.2rem;}
.checkcardLimitChange .inputArea.value::after {background: #495057;}
.checkcardLimitChange .changeInput {border: none; color: #212528; font-size: 2rem; line-height: 2.8rem; font-weight: 700; width: 7.4rem; text-align: right;}
.checkcardLimitChange .changeInput::placeholder {font-size: 2rem !important; line-height: 2.8rem !important; font-weight: 700 !important; color: #c5cbd1 !important; text-align: left !important;}
.checkcardLimitChange .inputArea p {flex-shrink: 0; margin-left: auto;}
.checkcardLimitChange .sliderWrap {display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(2, 1fr); grid-template-areas: "cardSlider cardSlider" "cardMin cardMax"; gap: 0.5rem 0rem; margin-top: 2.4rem; color: #6d747b; font-size: 1.3rem; line-height: 1.8rem; font-weight: 500;}
.checkcardLimitChange .ui-slider-range {background: #2dc5f4; border-radius: 6rem !important;}
.checkcardLimitChange .ui-slider {grid-area: cardSlider; width: calc(100% - 4rem); height: 1rem; flex-shrink: 0; border: none !important; border-radius: 6rem !important;}
.checkcardLimitChange .ui-slider::before {content: ""; display: block; width: calc(100% + 4rem); height: 100%; background: rgba(0, 0, 0, 0.1); border-radius: 6rem;}
.checkcardLimitChange .ui-slider-handle {/* top: calc(50% - 1.6rem) !important; */}
.checkcardLimitChange .ui-slider-handle::before {content: ""; display: block; width: 4.8rem; height: 3.2rem; border: solid 0.1rem rgba(133, 151, 168, 0.18); border-radius: 10rem; box-shadow: 0 0.3rem 1.2rem 0 rgba(0, 45, 125, 0.16), 0 0 0.5rem 0 rgba(0, 45, 125, 0.16); background: #fff; position: absolute; top: calc(50% - 1.6rem); left: 0; z-index: 10;}
.checkcardLimitChange .ui-slider-handle::after {content: ""; display: block; width: 4.8rem; height: 0.8rem; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 6.5L3 4l2.5-2.5' stroke='%23485056' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 1.5L25.5 4 23 6.5' stroke='%236d747b' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 0.4rem); left: 0; z-index: 11;}
.checkcardLimitChange .minLabel {grid-area: cardMin; text-align: left;}
.checkcardLimitChange .maxLabel {grid-area: cardMax; text-align: right;}
.checkcardLimitChange .currentText.amountNone {justify-content:flex-end;} /* 250827 현재 한도 영역이 없는 경우 case추가 */
/* 250804 소액신용잔여금액 영역 추가(s) */
.checkcardLimitChange .remainText {display:flex; flex-direction:row; justify-content:end;}/* 250807 padding 삭제 */
.checkcardLimitChange .remainText .limit,
.checkcardLimitChange .remainText .total {font-size:2rem; line-height:2.8rem; font-weight:700; color:#212528; text-align:right;}
.checkcardLimitChange .remainText .total {color:#c5cbd1;}
.checkcardLimitChange .remainText .total::before {content:'/'; margin:0 8px; color:#212528;}
/* 250804 소액신용잔여금액 영역 추가(e) */
.cardLimitComplete {display: flex; flex-direction: column; align-items: center; gap: 2.4rem;}
.cardLimitComplete .thumb {width: 15.2rem; height: 24rem; filter: drop-shadow(8px 8px 24px rgba(0, 0, 0, 0.1));}
.cardLimitComplete .thumb img {width: 100%; height: 100%; object-fit: contain;}
.cardLimitComplete .thumb.horiz {width: 24rem;}
.cardLimitComplete .thumb.horiz img {transform: rotate(90deg);}
.cardLimitComplete .cardInfo {display: flex; flex-direction: column; align-items: center; gap: 0.8rem;}
.cardLimitComplete .cardInfo .cardName {color: #212528; font-size: 1.6rem; line-height: 2.2rem; font-weight: 700;}
.cardLimitComplete .cardInfo .cardNum {color: #485056; font-size: 1.3rem; line-height: 1.8rem;}
.cardLimitInfo {display: flex; flex-direction: column; gap: 1.2rem;}
.cardLimitInfo ul {display: flex; flex-direction: column; gap: 1.2rem; background: rgba(115, 132, 149, 0.05); border-radius: 1.6rem; padding: 2rem;}
.cardLimitInfo li {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.8rem; line-height: 2.1rem; font-size: 1.5rem;}
.cardLimitInfo li p {flex-shrink: 0; color: rgba(7, 15, 22, 0.82); font-weight: 500;}
.cardLimitInfo li strong {flex: 1; text-align: right; color: rgba(7, 15, 22, 0.82); font-weight: 500;}
/* 체크카드 한도 변경(e) */

/* 소비리포트(s) */
.monthlyReportHeader {width: 100%; padding: 3.2rem 2rem 0; background: #f7f7f7; position: fixed; z-index: 90; left: 0; top: 6rem; transition: all 300ms;}
.monthlyReportHeader h2 {display: flex; flex-direction: column; color: rgba(7, 15, 22, 0.82); font-size: 2rem; line-height: 2.8rem; font-weight: 400; transition: all 300ms;}
.monthlyReportHeader h2 strong {font-weight: 700;}
.monthlyReportHeader .guideText {font-weight: 500; color: #6d747b; line-height: 2rem; margin-top: 0.8rem;}

.monthlyScroll .header.renewHeader {background: #fff;}
.monthlyScroll .monthlyReportHeader {padding: 0 2rem 0.8rem; background: #fff; transition: all 300ms;}
.monthlyScroll .monthlyReportHeader h2 {flex-direction: row; gap: 0.4rem; font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; transition: all 300ms;}
.monthlyScroll .monthlyReportHeader .guideText {font-size: 1.2rem; line-height: 1.6rem;}
.monthlyReportSummary {transition: padding 300ms; padding-top: 11.6rem;}
.monthlyScroll .monthlyReportSummary {transition: padding 300ms; padding-top: 5.4rem;}
.monthlyReportSummary .iconNotice {padding: 1.6rem 2rem; border-radius: 1.2rem; background: rgba(115, 132, 149, 0.05);}
.monthlyReportSummary .iconNotice span {display: flex; flex-direction: row; align-items: flex-start; gap: 0.8rem; color: rgba(2, 12, 21, 0.72); line-height: 2rem;}
.monthlyReportSummary .iconNotice span::before {content: ""; display: block; width: 1.6rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_notice.png) center center no-repeat; background-size: contain; flex-shrink: 0;}
.monthlyReportSummary .reportBox {display: flex; flex-direction: row; gap: 1.2rem;}
.monthlyReportSummary .radiusShadowBox {display: flex; flex-direction: column; gap: 1.6rem; width: 50%; padding: 2rem 1.6rem;}
.monthlyReportSummary .reportBox {margin-top: 2.4rem;}
.monthlyReportSummary .reportBox .title {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.monthlyReportSummary .reportBox h3 {font-size: 1.1rem; color: #6d747b; font-weight: 500; line-height: 1.5rem;}
.monthlyReportSummary .reportBox h3 strong {display: block; font-size: 1.4rem; color: #212528; font-weight: 600; line-height: 2rem;}
.monthlyReportSummary .reportBox .thumb {width: 4rem; height: 4rem; flex-shrink: 0;}
.monthlyReportSummary .reportBox .thumb img {width: 100%; height: 100%; object-fit: contain;}
.monthlyReportSummary .reportBox .info {display: flex; flex-direction: column; align-items: flex-end; gap: 0.4rem; color: #212528; text-align: right; font-weight: 600; line-height: 2rem;}
.monthlyReportSummary .reportBox .info em {color: #2589f4;}
.radiusShadowBox {border-radius: 1.6rem; background: #fff; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem 0.8rem 2.4rem 0 rgba(0, 0, 0, 0.1);}
.monthlyReport .title {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.8rem;}
.monthlyReport .title h2 {font-size: 1.6rem; font-weight: 700; line-height: 2.2rem; color: #212528;}
.monthlyReport .title .controller {display: flex; flex-direction: row; gap: 0.4rem;}
.monthlyReport .title .controller strong {font-weight: 600; color: #212528; line-height: 2rem; font-size: 1.4rem; border-bottom: solid 0.1rem #dee2e6;}
.monthlyReport .title .prevMonth,
.monthlyReport .title .nextMonth {text-indent: 100%; overflow: hidden; white-space: nowrap; width: 2rem; height: 2rem; position: relative;}
.monthlyReport .title .prevMonth::before,
.monthlyReport .title .nextMonth::before {content: ""; display: block; width: 1.2rem; height: 1.2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3.188 5.375a.75.75 0 000 1.299l3.937 2.273a.75.75 0 0001.125-.65V3.752a.75.75 0 00-1.125-.65L3.187 5.376z' fill='%23020c15' /%3E%3C/svg%3E"); background-size: contain; position: absolute; top: calc(50% - 0.6rem); left: calc(50% - 0.6rem);}
.monthlyReport .title .nextMonth::before {transform: rotate(180deg);}

.monthlyReport .title .prevMonth:disabled::before,
.monthlyReport .title .nextMonth:disabled::before {opacity: 0.2;}
.monthlyReport .radiusShadowBox {margin-top: 1.2rem; padding: 2.4rem 2rem 2rem;}
.monthlyReport .radiusShadowBox:first-of-type {margin-top: 0;}
.radiusShadowBox .columnChartWrap {padding-top: 5.6rem; position: relative;}
.columnChartWrap .columnChart {display: flex; flex-direction: row; gap: 2rem; position: relative; white-space: nowrap; overflow: auto hidden; scrollbar-width: none; margin: 0 auto;}
.columnChartWrap .columnChart .item {display: flex; flex-direction: column; align-items: center; gap: 0.8rem;}
.columnChartWrap .columnChart .chart {display: flex; flex-direction: row; gap: 0.4rem; align-items: flex-end; height: 12.8rem; padding: 0 0.6rem; position: relative;}
.columnChartWrap .columnChart .chart::after {content: ""; display: block; width: calc(100% + 1.9rem); height: 0; border-bottom: dashed 0.1rem #c5cbd1; position: absolute; bottom: 0; left: -1rem;}
.columnChartWrap .columnChart .chart p {width: 1.6rem; border-radius: 0.4rem 0.4rem 0 0; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.columnChartWrap .columnChart .labelName {color: #6d747b; font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; border-radius: 0.4rem; padding: 0.2rem 0.8rem;}
.columnChartWrap .columnChart .active .labelName {background: #ecf5fd; color: #2589f4;}
.columnChartWrap .labelTooltip {position: absolute; top: 0; left: 0;}
.columnChartWrap .labelTooltip li {display: flex; flex-direction: row; align-items: center; font-size: 1.2rem; font-weight: 700; line-height: 1.6rem; margin-top: 0.4rem;}
.columnChartWrap .labelTooltip li:first-of-type {margin-top: 0;}
.columnChartWrap .labelTooltip .title {width: 7.6rem; color: #485056;}
.columnChartWrap .labelTooltip .benefitAmount .title {color: #6d747b;}
.columnChartWrap .labelTooltip .info {color: #2589f4;}
.columnChartWrap .labelTooltip .benefitAmount .info {color: #41cbf5;}
.columnChart .chart {}
.columnChart .item .chartStatement {background: #c5cbd1;}
.columnChart .item .chartBenefit {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/pattern_benefit_bar.png) #d5d5d5;}
.columnChart .item.active .chartStatement {background: #2589f4;}
.columnChart .item.active .chartBenefit {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/pattern_benefit_bar.png) #41cbf5;}
.columnChartWrap .chartScrollGuide {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.8rem; font-size: 1.1rem; line-height: 1.5rem; color: #6d747b; font-weight: 500; margin-top: 1.6rem;}
.columnChartWrap .chartScrollGuide::before {content: ""; display: block; width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_hand_finger.png); background-size: contain;}
.columnChartWrap .chartLegend {display: flex; flex-direction: row; align-items: center; justify-self: center; gap: 1.2rem; margin-top: 1.6rem;}
.columnChartWrap .chartLegend span {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; font-size: 1.1rem; color: #6d747b; line-height: 1.5rem;}
.columnChartWrap .chartLegend span::before {content: ""; display: block; width: 1.2rem; height: 1.2rem; border-radius: 2rem; flex-shrink: 0;}
.columnChartWrap .chartLegend .chartStatement::before {background: #2589f4;}
.columnChartWrap .chartLegend .chartBenefit::before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/pattern_benefit_bar.png) #41cbf5;}
.radiusShadowBox .barChartWrap {}
.radiusShadowBox .subTitle {display: flex; flex-direction: column; gap: 0.4rem;}
.radiusShadowBox .subTitle p {font-size: 1.1rem; line-height: 1.5rem; color: #6d747b; font-weight: 500;}
.radiusShadowBox .subTitle strong {font-size: 1.7rem; line-height: 2.4rem; color: #212528; font-weight: 600;}
.radiusShadowBox .subTitle span {color: #2589f4;}
.radiusShadowBox .barChartWrap .barChart {display: flex; flex-direction: row; border-radius: 0.4rem; gap: 0.2rem; overflow: hidden; background: #fff; margin-top: 3.2rem;}
.radiusShadowBox .barChartWrap .barChart .bar {text-indent: 100%; overflow: hidden; white-space: nowrap;}
.radiusShadowBox .chartLegend:not(.columnChartWrap .chartLegend) {display: flex; flex-direction: column; gap: 2rem; margin-top: 2.4rem;}
.radiusShadowBox .chartLegend .item {display: flex; flex-direction: row; gap: 1.2rem; align-items: center;}
.radiusShadowBox .chartLegend .thumb {width: 3.6rem; height: 3.6rem; flex-shrink: 0;}
.radiusShadowBox .chartLegend .thumb img {width: 100%; height: 100%; object-fit: contain;}
.radiusShadowBox .chartLegend .icon {width: 1.2rem; height: 1.2rem; flex-shrink: 0; border-radius: 3rem; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.radiusShadowBox .chartLegend .info {font-size: 1.1rem; color: #6d747b; line-height: 1.5rem;}
.radiusShadowBox .chartLegend .labelName {font-size: 1.3rem; line-height: 1.8rem; font-weight: 600; color: #212528;}
.radiusShadowBox .amount {margin-left: auto; line-height: 2rem; font-weight: 600; color: #212528;}
.radiusShadowBox .chartArea {display: flex; justify-content: center; margin-top: 3.2rem;}
.radiusShadowBox .dountChart {width: 14rem; height: 14rem;}
.radiusShadowBox .grayBox {padding: 1.6rem 2rem; background: #f7f7f7; margin-top: 2.4rem; border-radius: 1.2rem;}
.radiusShadowBox .iconNotice {display: flex; flex-direction: row; align-items: flex-start; gap: 0.8rem; color: rgba(2, 12, 21, 0.72); line-height: 2rem;}
.radiusShadowBox .iconNotice::before {content: ""; display: block; width: 1.6rem; height: 2rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/icon_notice.png) center center no-repeat; background-size: contain; flex-shrink: 0;}
.popSelectMonth {display: flex; flex-direction: column; gap: 0.8rem;}
.popSelectMonth li {line-height: 2rem; font-weight: 600; color: #485056; padding: 1.6rem 2rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 1.6rem; background: #fff;}
.popSelectMonth li.on {color: #212528; background: #daeaf9;}
.eligibilityPopup {backdrop-filter: blur(0.4rem); -webkit-backdrop-filter: blur(0.4rem);}
.eligibilityWrap {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 3.2rem 2rem 2rem;}
.eligibilityWrap .thumb {width: 7.2rem; height: 7.2rem;}
.eligibilityWrap .thumb img {width: 100%; height: 100%; object-fit: contain;}
.eligibilityWrap .title {margin-top: 2.4rem; color: #070f16; font-size: 2rem; line-height: 2.8rem; font-weight: 600;}
.eligibilityWrap .text {color: rgba(12, 23, 35, 0.6); line-height: 2rem; font-weight: 400; margin-top: 0.8rem;}
.eligibilityWrap .btnArea {width: 100%; padding: 0; margin: 3.2rem 0 0;}
.popCont.full.renewMypage {background-color: #f7f7f7;}
.popCont.full.renewMypage .btnArea.sticky, .popCont.bottom.renewMypage .btnArea.sticky {background: linear-gradient(to bottom, rgb(247 247 247 / 0%) 0px, #f7f7f7 24px)}
/* 소비리포트(e) */
/* 홈(s) */
.adminBottom .popCont.bottom.typeRenew {max-width: 590px; left: 0; right: 0; margin: 0 auto;}
.snapScroll {padding: 0; display: flex; width: 100%; white-space: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-padding: 0 16px;}
.snapScroll::-webkit-scrollbar {width: 0;}
.snapScroll > ul,
.snapScroll > div {white-space: nowrap; font-size: 0;}
.snapScroll > ul > li,
.snapScroll > div > div {scroll-snap-align: start; display: inline-block;}
.snapScroll > ul > li:last-child,
.snapScroll > div > div:last-child {margin-right: 0;}

.cardPickWrap {}
.cardPickWrap .textBanner {display: block; font-size: 2rem; line-height: 2.8rem; color: #212528; padding: 0 7rem 0 2rem; position: relative; word-break: keep-all;}
.cardPickWrap .textBanner::after {content: ""; display: block; width: 3.6rem; height: 3.6rem; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='%236d747b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat #fff; background-size: 1.6rem 1.6rem; box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1); border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 5rem; position: absolute; top: calc(50% - 1.8rem); right: 2rem;}
.cardPickWrap .textBanner em {display: block; color: #2589f4; font-weight: 700;}
.cardPickWrap .textBanner strong {font-weight: 700;}
.cardPickWrap .cardPickSwiper {margin-top: 4.8rem;}

.cardPickSwiper.snapScroll {scroll-padding: 0 2rem;}
.cardPickSwiper.snapScroll > ul {padding: 0 2rem;}
.cardPickSwiper.snapScroll > ul > li {width: 15rem;;}
.cardPickSwiper .item {display: flex; flex-direction: column; gap: 2.4rem; position: relative; max-width: 14.5rem;}
.cardPickSwiper .item .thumb {width: 12.8rem; height: 20.3rem; border-radius: 0.4rem; overflow: hidden; box-shadow: 0.4rem 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1);}
.cardPickSwiper .item .thumb img {width: 100%; height: 100%; object-fit: contain;}
.cardPickSwiper .cardInfo strong {white-space: normal;} 
.cardPickSwiper .cardInfo {display: flex; flex-direction: column; gap: 0.8rem; box-sizing: border-box; padding-right: 1rem;}
.cardPickSwiper .cardInfo strong,
.cardPickSwiper .cardInfo p {color: #212528; font-size: 1.55rem; font-weight: 700; line-height: 2.2rem; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.cardPickSwiper .cardInfo strong {min-height: 4.4rem; letter-spacing: -0.01em;}
.cardPickSwiper .cardInfo p {color: #485056; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; white-space: normal;}
.cardPickSwiper .item .chip {font-size: 1.2rem; color: #fff; font-weight: 700; line-height: 1.6rem; padding: 0.4rem 1rem; background: rgba(0, 0, 0, 0.6); border-radius: 2rem; position: absolute; top: 1rem; left: 5.3rem;}

.wooricardAppBanner {display: flex; flex-direction: row; gap: 1.6rem; margin-top: 4.8rem; padding: 0 2rem;}
.wooricardAppBanner .thumb {width: 8rem; height: 8rem; box-shadow: 0.1rem 0.1rem 0.1rem 0 rgba(255, 255, 255, 0.2) inset, 0.8rem.8rem 2.4rem 0 rgba(0, 0, 0, 0.1); border-radius: 1rem; overflow: hidden; flex-shrink: 0;}
.wooricardAppBanner .thumb img {width: 100%; height: 100%; object-fit: contain;}
.wooricardAppBanner .text {}
.wooricardAppBanner .text strong {font-weight: 700; line-height: 2rem; color: #212528;}
.wooricardAppBanner .text p {font-size: 1.2rem; color: #6d747b; line-height: 1.6rem; margin-top: 0.4rem;}
.wooricardAppBanner .text .link {display: flex; flex-direction: row; align-items: center; gap: 0.4rem; color: #485056; font-size: 1.3rem; line-height: 1.8rem; font-weight: 600; margin-top: 0.8rem;}
.wooricardAppBanner .text .link::after {content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_link_arrow.png); background-size: contain;}
.lifeCareService {}
.lifeCareService .radiusShadowBox {padding: 1.6rem 2rem; margin-top: 2.4rem;}
.lifeCareService .radiusShadowBox h3 {display: flex; flex-direction: row; align-items: center; gap: 0.8rem; color: #212528; font-size: 1.6rem; font-weight: 700; line-height: 2.2rem;}
.lifeCareService .radiusShadowBox h3 .thumb {width: 2.4rem; height: 2.4rem; flex-shrink: 0;}
.lifeCareService .radiusShadowBox h3 img {width: 100%; height: 100%; object-fit: contain;}
.lifeCareService .radiusShadowBox .linkList {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 1.2rem; margin-top: 1.2rem;}
.lifeCareService .linkList a {display: block; width: calc(50% - 0.6rem); padding: 0.7rem 0; color: #6d747b; font-weight: 600; line-height: 2rem;}
/* 홈(e) */
/* 마이/혜택/명세서 개편 (e) */
/* ===================================== 앱 개편 (e) ===================================== */

/* 250522 할부 종합 안내 (s) */
#cnt_html .topVisualArea.installmentInfo {background: #f8f9f9;}
#cnt_html .topVisualArea.installmentInfo .tit:before {background: url(/https/nm.wooricard.com/dcmw/img/mw/content/img_bnf_installment.png) no-repeat center; background-size: auto 160px;}
#cnt_html .anchorWrap {margin: 0 -20px;} 
#cnt_html .anchorWrap .topFixed {width: 100%;}
#cnt_html .anchorWrap .topFixed.on {position: fixed; top: 0; padding-top: 52px; z-index: 5; background: #fff;}
#cnt_html .anchorWrap .anchorList {position: sticky; top: 0; width: 100%;}
#cnt_html .anchorWrap .anchorList > ul {overflow-x: auto; overflow-y: hidden; display: flex; padding: 20px 20px 16px; width: 100%; border: none; font-size: 0; white-space: nowrap; user-select: none; scroll-padding: 0;} 
#cnt_html .anchorWrap .anchorList > ul > li {position: relative; flex: none; align-items: start; justify-content: start; margin-right: 8px; padding: 0;} 
#cnt_html .anchorWrap .anchorList > ul > li > a {display: block; position: relative; font-weight: 500; font-size: 1.6rem; line-height: 2.2rem; padding: 9px 20px; border-radius: 20px; background-color: #F1F3F5; color: #6D747B; white-space: nowrap; text-align: center; border: none;} 
#cnt_html .anchorWrap .anchorList > ul > li.on > a {background: #2589F4; color: #fff;}
#cnt_html .anchorWrap .anchorList > ul > li > a > span {position: relative; display: block;} 
#cnt_html .anchorWrap .anchorCont {padding: 0 20px;}
#cnt_html .anchorWrap .anchorCont.active {padding-top: 76px;}
#cnt_html .links.arrow.blue {padding-right: 16px; color: #2589F4; background: none;}
#cnt_html .links.arrow.blue::after {content:''; display: block; position: absolute; top: -2px; bottom: 0; left: initial; right: 5px; margin: auto 0; width: 6px; height: 6px; border-width: 2px 2px 0 0; border-style: solid; border-color: #2589F4; transform: rotate(45deg); border-radius: 2px;}
/* 250522 할부 종합 안내 (e) */

/* 금융 메인 디자인 수정 250523 추후 html.tobe 선택자 삭제 (s) */
.moduleTitle .point {color: #2589f4;}

/* 통이미지 배너 */
.finBanner {position: relative; display: block; margin-top: 16px;}
.finBanner:after {content: ''; position: absolute; top: 0px; left: 0px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid rgba(0,0,0,0.1); border-radius: 16px;}
.finBanner img {border-radius: 15px; box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.1);}

/* box */
html.renew25.ready .fnc-box dd .desc-box .desc-num .smallMoView {display: none;}
html.renew25.ready .fnc-main-box .fnc-box .fnc-top-text {display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; margin-bottom: 4px;}
html.renew25.ready .fnc-box .point {color: #2589f4;}
html.renew25.ready .fnc-box .fnc-flag {display: inline-block; flex-shrink: 0; height: auto !important; margin: 0 0 0 4px; padding: 4px 10px; border: 1px solid; border-radius: 20px; font-size: 1.2rem; font-weight: 700; color: #fff; line-height: 1.2;}
html.renew25.ready .fnc-box .fnc-flag.flag_col1 {background-color: #2589f4;}
html.renew25.ready .fnc-box .fnc-flag.flag_col2 {background-color: #806EE5;}
html.renew25.ready .fnc-box .fnc-flag.flag_col3 {background-color: #EE444a;}
html.renew25.ready .fnc-box .fnc-flag.flag_col4 {background-color: #01A173;}
html.renew25.ready .fnc-box .fnc-flag.flag_col5 {background-color: #B65BEA;}
html.renew25.ready .fnc-link-item {border: 1px solid #E6E6E6; box-shadow: none;}
html.renew25.ready .fnc-link-item + .fnc-link-item {margin-top: 8px;}
html.renew25.ready .fnc-link-item > a {padding: 20px;}
html.renew25.ready .fnc-link-item > a:after {content: none;}
html.renew25.ready .fnc-box dt .fnc-txt {margin: 0; font-size: 1.45rem; font-weight: 500; color: #485056; word-break: keep-all;}
html.renew25.ready .fnc-box dt .fnc-tit {display: block; font-size: 1.9rem; font-weight: 700; color: #212528; margin-right: 0;}
html.renew25.ready .fnc-box dd > [class^=fnc-] {flex: 1 1 0;}
html.renew25.ready .fnc-box dd:not(.full) > [class^=fnc-] + [class^=fnc-] {margin-left: 8px;}
html.renew25.ready .fnc-box dd.full {display: block;}
html.renew25.ready .fnc-box dd.full > div + div {margin-top: 16px;}
html.renew25.ready .fnc-box dd {margin-top: 16px;}
html.renew25.ready .fnc-box dd .value-tit {font-size: 1.5rem; color: #333;}
html.renew25.ready .fnc-box dd .desc-box {margin-top: 4px; font-size: 1.2rem; font-weight: 500; color: #212528;}
html.renew25.ready .fnc-box dd .desc-box .desc-num .val {font-size: 2.0rem; font-weight: 600; color: #2589f4; line-height: 1.4; letter-spacing: -0.025em;}
html.renew25.ready .fnc-box dd .desc-box .desc-num .val.black {color: #212528; font-weight: 600;}
html.renew25.ready .fnc-box dd .desc-box .desc-num .val.black + .unit {margin: 0; font-size: 1.6rem; font-weight: 500; color: #212528;}
html.renew25.ready .fnc-box dd .desc-box .desc-num .unit {margin-left: 2px; font-size: 1.45rem; font-weight: 500; color: #212528;} 
html.renew25.ready .fnc-box dd .desc-box .desc-num.stxt {display: flex;}
html.renew25.ready .fnc-box dd .desc-box .desc-num .txt,
html.renew25.ready .fnc-box dd .desc-box .desc-num .txt .txt_b1 {font-size: 1.1rem; font-weight: 400; color: #6D747B; word-break: keep-all;}
html.renew25.ready .fnc-box dd .desc-box .desc-num.line-thru {display: flex; color: #6D747B; text-decoration: line-through;}
html.renew25.ready .fnc-box dd .desc-box .desc-num.line-thru:before {content: none;}
html.renew25.ready .fnc-box dd .desc-box .desc-num.line-thru .unit {margin: 0;}
html.renew25.ready .fnc-box dd .desc-box .desc-num.line-thru .unit,
html.renew25.ready .fnc-box dd .desc-box .desc-num.line-thru .val {font-size: 1.1rem; color: #6D747B;}
html.renew25.ready .fnc-box dd .desc-box .desc-box-in + .txt {display: inline-block; margin-top: 4px; font-size: 1.3rem; font-weight: 400; color: #6D747B;}
html.renew25.ready .fnc-area .fnc-desc .desc-box {display: block; text-align: left;}
html.renew25.ready .fnc-area .fnc-desc li {display: block; table-layout: unset; padding: 0; border: none;}
html.renew25.ready .fnc-area .fnc-desc .desc-tit {display: block; width: auto; font-size: 1.5rem; color: #6D747B;}
html.renew25.ready .fnc-area .fnc-desc .fnc-rate .desc-box-wrap .desc-box-in.amp:after {content: '&'; position: absolute; top: 50%; left: 17px; width: auto; height: auto; background: none; font-size: 1.7rem; font-weight: 500; color: #6D747B; transform: translateY(-50%);}
html.renew25.ready .fnc-area .fnc-desc .desc-box-wrap {float: none; display: inline-flex;}
html.renew25.ready .fnc-area .fnc-desc .desc-box-in {float: none;}
html.renew25.ready .fnc-area .fnc-desc .desc-box-in + .desc-box-in {padding-left: 48px;}
html.renew25.ready .fnc-area .fnc-desc .desc-box-in + .desc-box-in:after {top: 50%; left: 16px; width: 16px; height: 16px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_arrow_gray.png) no-repeat center center; background-size: 16px auto; transform: translateY(-50%);}
html.renew25.ready .simulation-box {margin-top: 4.8rem;}

/* 대표상품 추천 */
html.renew25.ready .fnc_top_product .inner {display: block; padding: 20px; background-color: #fff; border-radius: 16px; box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.1);}
html.renew25.ready .fnc_top_product .fnc_rate_limit {position: relative; display: block; width: 100%; padding: 14px 5px; border: 1px solid #ccc; border-radius: 8px; font-size: 1.4rem; font-weight: 600; color: #212528; text-align: center; line-height: 1.3; word-break: keep-all; font-size: 1.5rem; font-weight: 500;}
html.renew25.ready .fnc_top_product .fnc_rate_limit > span {padding-right: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_link.png) no-repeat center right; background-size: 7px auto;}
html.renew25.ready .fnc_top_product .fnc-box dt .fnc-tit {font-size: 2rem;}
html.renew25.ready .fnc_top_product .fnc-box dt .fnc-txt {margin-bottom: 4px;}
html.renew25.ready .fnc_top_product .fnc-box dd .fnc-value {margin: 0;}
html.renew25.ready .fnc_top_product .fnc-box dd .desc-box {margin: 4px 0 0 !important;}
html.renew25.ready .fnc_top_product .fnc-box dd .desc-box .desc-num .val {font-size: 2.2rem; letter-spacing: -0.025em;}
html.renew25.ready .fnc_top_product .fnc-box dd .desc-box .desc-num .unit {font-size: 1.6rem;}
html.renew25.ready .fnc_top_product .fnc-box dd .desc-box .desc-num.line-thru .val,
html.renew25.ready .fnc_top_product .fnc-box dd .desc-box .desc-num.line-thru .unit {margin: 0; font-size: 1.4rem; font-weight: 400; color: #6D747B;}
html.renew25.ready .fnc-txtarea .txtarea .txt {font-size: 1.5rem; letter-spacing: -0.025em;}

/* 리볼빙 */
html.renew25.ready .fnc_top_revolving .fnc-rate .desc-num.stxt {margin-top: 4px;}
html.renew25.ready .fnc_top_revolving .fnc-rate .desc-num.stxt .txt {font-size: 1.2rem; font-weight: 400; color: #6D747B;}
html.renew25.ready .fnc_top_revolving .fnc-box dd .desc-box-wrap {display: flex;}
html.renew25.ready .fnc_top_revolving .fnc-box dd .desc-box-in {position: relative;}
html.renew25.ready .fnc_top_revolving .fnc-box dd .desc-box-in + .desc-box-in {padding-left: 48px;}
html.renew25.ready .fnc_top_revolving .fnc-box dd .desc-box-in + .desc-box-in:after {content: ''; position: absolute; top: 50%; left: 21px; width: 7px; height: 12px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_link.png) no-repeat center center; background-size: 100%; transform: translateY(-50%);}
 
@media screen and (max-width: 320px) {
	html.renew25.ready .fnc-box dd .desc-box .desc-num .smallMoView {display: block;}
	html.renew25.ready .fnc-area .fnc-desc .desc-box-wrap,
	html.renew25.ready .fnc-area .fnc-desc .desc-box-in {display: block;}
	html.renew25.ready .fnc-area .fnc-desc .desc-box-in + .desc-box-in {padding: 32px 0 0;}
	html.renew25.ready .fnc-area .fnc-desc .desc-box-in + .desc-box-in:after {top: 8px; left: 0; transform: rotate(90deg);}
	html.renew25.ready .fnc-area .fnc-desc .fnc-rate .desc-box-wrap .desc-box-in.amp:after {top: 2px; left: 0; transform: none;}
	html.renew25.ready .fnc-main-box .fnc-box dd:not(.full) {display: flex;}
	html.renew25.ready .fnc-main-box .fnc-box dd .fnc-value {width: auto;}
	html.renew25.ready .fnc_top_revolving .fnc-box dd .desc-box-wrap {display: block;}
	html.renew25.ready .fnc_top_revolving .fnc-box dd .desc-box-wrap .desc-box-in + .desc-box-in {padding: 32px 0 0;}
	html.renew25.ready .fnc_top_revolving .fnc-box dd .desc-box-in + .desc-box-in:after {top: 11px; left: 5px; transform: rotate(90deg);}
}
@media screen and (max-width: 300px) { 
	html.senior.renew25 .fnc-box dd:not(.full) {display: block;}
	html.senior.renew25 .fnc-box dd:not(.full) > [class^=fnc-] {width: 100%;}
	html.senior.renew25 .fnc-box dd:not(.full) .fnc-rate {margin: 16px 0 0;}
	html.senior.renew25 .fnc-box dt .fnc-txt {padding: 0 5px 0 0;}
}
 
/* 하단 대출 시뮬레이션, 자동차 영역 */
html.renew25.ready .simulation-box .simulation-list {display: block; background-color: transparent; padding: 0;}
html.renew25.ready .simulation-box .simulation-list li {margin: 0; padding: 0; border: 1px solid #E6E6E6; border-width: 1px 0 0; border-radius: 0;}
html.renew25.ready .simulation-box .simulation-list li > a {position: relative; padding: 18px 0;}
html.renew25.ready .simulation-box .simulation-list li > a:after {content: ''; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) no-repeat center center; background-size: 16px 16px; transform: translateY(-50%);}
html.renew25.ready .simulation-box .simulation-list li > a > i {max-width: 24px; height: 24px; margin-right: 12px;}
html.renew25.ready .simulation-box .simulation-list li > a span {font-size: 1.7rem; font-weight: 600; color: #485056; flex-grow: 1;}
/* wallet class 충돌 재정의 */
html.renew25.ready .simulation-list li::after {content: none;}
html.renew25.ready .counseling-box.type3 .counseling-item dd .about {padding-left: 10px;}

html.senior.renew25.ready .fnc-box dd .desc-box .desc-num .unit {font-size: 1.35rem;}
html.senior.renew25.ready .fnc-box dd .desc-box .desc-num .val {font-size: 1.9rem;}
html.senior.renew25.ready .fnc-box dd .value-tit {font-size: 1.4rem;}

/* 금융 메인 디자인 수정 250523 (e) */

/* 환급금 조회/신청 */
.refundMsg {padding:160px 0 0 0; background-repeat:no-repeat; background-position:center 0; background-size:160px auto;}
.refundMsg.ico {background-image:url(../img/mw/content/img_bnf_govsup.png);}
.refundMsg .copy {margin-top:16px; font-size:1.8rem; line-height:30px; font-weight:500; color:#485056; text-align:center;}
.refundMsg .copy strong {display:block; font-size:2.5rem; line-height:35px; font-weight:700; color:#212528;}

/* 250813 카드선택 tobe 공통으로 재정의 (s) */
.cardChips {display: flex; flex-wrap:wrap; flex-direction: row; align-items: center;}
.cardChips p {padding: 0 0.8rem; margin:0.2rem 0.4rem 0 0; font-size: 1.2rem; font-weight:600; line-height: 2.0rem; color: #fff; flex-shrink: 0; border-radius: 2rem;}/* 250909 카드선택 뱃지영역 크기, 폰트 수정 */
.cardChips .cardCredit {background: #2b64ce;}/* 신용 */
.cardChips .cardCheck {background: #b65200;}/* 체크 */
.cardChips .cardPersonal {background: #7657b3;}/* 본인 */
.cardChips .cardFamily {background: #047b5b;}/* 가족 */
.cardChips .cardNumber {color: #485048;}/* 번호 */
.cardChips .stateBadge_complete,
.cardChips .stateBadge_ing {min-width:auto; height:1.8rem; line-height:1.6rem;}
.cardChips .stateBadge_complete {color:rgb(37, 137, 244) !important;}/* 신규카드 */
.cardChips .stateBadge_ing {color:#e80163 !important;}/* 기존카드 */
.cardChips .brand {height: 2rem;}
.cardChips .brand img {height: 100%; object-fit: contain;}

.cardSel.newCard {display: flex; flex-direction: row; align-items: center; padding:1.6rem 4.0rem 1.6rem 1.6rem; width: unset; height: unset;}
.cardSel.newCard:before {right: 2.0rem; width: 1.6rem; height: 1.6rem; background: url(../img/mw/content/arrow_16x16_black.png) no-repeat; background-size: contain; transform: rotate(90deg);}
.cardSel.newCard::after {display: none;}
.cardSel.newCard {gap: 1.2rem;}
.cardSel.newCard .label {font-size: 1.6rem; color:rgba(7, 15, 22, 0.82); font-weight: 500; line-height: 4.4rem; padding: 0;}
.cardSel.newCard .cardThumb {flex-shrink: 0; width: 4.4rem; height: 4.4rem;}
.cardSel.newCard .cardThumb img {width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.cardSel.newCard .cardThumb img.horizontal {transform: rotate(90deg);}
.cardSel.newCard .cardName {font-size: 1.6rem; line-height: 2rem; margin-top: 0.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cardSel.newCard .cardInfo {padding-right: 2.5rem;}
.cardSel.newCard .cardInfo,
.cardSelList .newCard .cardInfo {display: flex; flex-direction: column; width:calc(100% - 3.2rem);}
.cardSelList .newCard .cardInfo {width: calc(100% - 5rem); gap: 0.4rem;}
.cardSelList .newCard .cardThumb {width: 4.8rem; height: 4.8rem; flex-shrink: 0;}
.cardSelList .newCard .cardName {font-size: 1.6rem; color: #212528; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cardSelList .cardChips p:not(.cardNumber, .cardPersonal, .cardFamily, .stateBadge_complete, .stateBadge_ing) {display: none;}
.cardSelList .cardChips p {color: #fff; font-size: 1rem;}
.cardSelList .cardChips .cardNumber {color: #485048;}

.bottom.popCont .cardSelList .cardSel.newCard {gap: 1.2rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); background: #fff; border-radius: 1.6rem; padding: 1.6rem; height: unset; margin-bottom: 0.8rem;}
.bottom.popCont .cardSelList .cardSel.newCard.on {border: solid 0.1rem #2589f4; background: #daeaf9;}
.bottom.popCont .cardSelList .cardSel.newCard.on:after {display: none;}
.bottom.popCont .cardSelList .cardSel.newCard .label {font-size:1.6rem; margin:0;}
/* 250813 카드선택 tobe 공통으로 재정의 (e) */

/* 250528 검색엔진 개선 (s) */
.customSrchBox.whiteBg .srchArea {display: flex; margin: 12px -18px 0; padding: 0 18px; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;} /* 250811 검색엔진 개선 re - margin 수정 (s) */
.customSrchBox.whiteBg .srchArea::-webkit-scrollbar {display: none;}
.customSrchBox.whiteBg .srchArea .keywords {display: flex; justify-content: center; align-items: center; position: relative; margin-right: 0; padding: 6px 28px 6px 0; height: 32px; line-height: 32px; border: 1px solid #ebebeb; border-radius: 4px; background: #fff; box-sizing: border-box;}
.customSrchBox.whiteBg .srchArea .keywords + .keywords {margin-left: 8px;}
.customSrchBox.whiteBg .srchArea .keywords a {padding-left: 10px; font-size: 1.2rem; font-weight: 600; color: #333;}
.customSrchBox.whiteBg .srchArea .keywords .btnIco_del {position: absolute; bottom: 0; right: 0; width: 28px; height: 30px; background: none; z-index: 1; cursor: pointer;} /* 250812 검색엔진 개선 re - z-index 수정 */
.customSrchBox.whiteBg .srchArea .keywords .btnIco_del:before,
.customSrchBox.whiteBg .srchArea .keywords .btnIco_del:after {content:''; display:block; position: absolute; margin: auto 0; top: -1px; bottom: 0; left: 12px; width: 1px; height: 10px; background-color: #333; transform: rotate(45deg);}
.customSrchBox.whiteBg .srchArea .keywords .btnIco_del:after {transform: rotate(135deg);}
.customSrchBox.whiteBg .srchArea .related {margin-right: 0; padding: 6px 12px; font-size: 1.2rem; font-weight: 600; color: #333; background: #f1f3f5; border-radius: 20px;}
.customSrchBox.whiteBg .srchArea .related + .related {margin-left: 8px;}
/* 250811 검색엔진 개선 re - 함께찾는메뉴 색상, .acoountInfo 전체 수정 (s) */
.customSrchBox.whiteBg .srchArea .with {margin-right: 0; padding: 6px 12px; font-size: 1.4rem; font-weight: 600; color: #ff8614; background: #fff1e2; border-radius: 20px;}
.customSrchBox.whiteBg .srchArea .with + .with {margin-left: 8px;}
.customSrchBox .acoountInfo {margin: 24px -20px 0 -20px; padding: 24px 20px; background: #ECF5FD;}
.customSrchBox .acoountInfo a {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 20px; width: 100%; background: #fff; box-sizing: border-box; border-radius: 16px; box-shadow: 0 8px 16px 0 rgba(0,45,125,0.06); box-sizing: border-box;}
.customSrchBox .acoountInfo a .tit {display: block; padding-right: 12px; font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #212528; word-break: keep-all;}
.customSrchBox .acoountInfo a .tit.arrow::after {position: absolute; display: block; content: ''; top: 0; bottom: 0; right: 22px; margin: auto 0; width: 7px; height: 7px; border-width: 2px 2px 0 0; border-color: #212528; border-style: solid; transform: rotate(45deg); border-radius: 1px;}
.customSrchBox .acoountInfo a .value {display: block; flex-shrink: 0; font-size: 1.7rem; line-height: 2.4rem; font-weight: 700; color: #3996F9; text-align: right;}
.customSrchBox .acoountInfo a .value > span {font-size: 1.2rem; font-weight: 700; color: #6d747b;}
/* 250811 검색엔진 개선 re - 함께찾는메뉴 색상, .acoountInfo 전체 수정 (e) */
section[class^=srch].noLine {padding-top: 0; border: none;} /* 250812 검색엔진 개선 re - section 라인 삭제 스타일 추가*/

/* 검색결과 */
/* 250820 첨부파일 클래스 전체 추가 (s) */
.scrhTabWrap {padding-top: 16px; border-top: 8px solid #f8f9f9;}
.scrhTabWrap ul.pageTab > .on {color: #343A40;}
.srchConMenu [class^=titH].waBtn, .srchConCard [class^=titH].waBtn, .srchConEvent [class^=titH].waBtn, .srchConFaQ [class^=titH].waBtn, .srchConNotice [class^=titH].waBtn, .srchConEtc [class^=titH].waBtn, .srchConAttach [class^=titH].waBtn {padding-right: 0;}
.srchConMenu [class^=titH].waBtn:focus, .srchConCard [class^=titH].waBtn:focus, .srchConEvent [class^=titH].waBtn:focus, .srchConFaQ [class^=titH].waBtn:focus, .srchConNotice [class^=titH].waBtn:focus, .srchConEtc [class^=titH].waBtn:focus, .srchConAttach [class^=titH].waBtn:focus {color: rgb(37, 137, 244);}
.srchConMenu [class^=titH].waBtn:after, .srchConCard [class^=titH].waBtn:after, .srchConEvent [class^=titH].waBtn:after, .srchConFaQ [class^=titH].waBtn:after, .srchConNotice [class^=titH].waBtn:after, .srchConEtc [class^=titH].waBtn:after, .srchConAttach [class^=titH].waBtn:after {display: none;}
.srchConMenu .titArea, .srchConCard .titArea, .srchConEvent .titArea, .srchConFaQ .titArea, .srchConNotice .titArea, .srchConEtc .titArea, .srchConAttach .titArea {margin-top: 0 !important;}
.srchConMenu .titArea .titH, .srchConCard .titArea .titH, .srchConEvent .titArea .titH, .srchConFaQ .titArea .titH, .srchConNotice .titArea .titH, .srchConEtc .titArea .titH, .srchConAttach .titArea .titH {font-size: 1.6rem; line-height: 2.0rem; font-weight: 600; color: #6d747b;} /* 250814 검색엔진 re - 폰트 사이즈 수정 */
.srchConMenu .btnTxt_more span, .srchConCard .btnTxt_more span, .srchConEvent .btnTxt_more span, .srchConFaQ .btnTxt_more span, .srchConNotice .btnTxt_more span, .srchConEtc .btnTxt_more span, .srchConAttach .btnTxt_more span {padding-right: 12px; background:url(../img/mw/common/ico_arrow3.png) no-repeat 100% 5px; background-size:6px auto;}
/* 250820 첨부파일 클래스 전체 추가 (e) */

/* 검색결과 - 메뉴 */
.srchConMenu {margin: 24px 20px; padding: 0;}
.srchConMenu .srchResult {padding: 0; border: none;}
.srchConMenu .srchResult li {padding: 0;}
.srchConMenu .srchResult li + li {margin-top: 16px;}
.srchConMenu .srchResult li .menuName{font-size: 1.6rem; font-weight: 600; line-height: 2.2rem; color: #000;}
/* 250811 검색엔진 개선 re  - 해당 내용 삭제 */
/* #areaRelatedMenu {margin: 24px 20px; padding: 24px 0 0 0; border-top: 1px solid #dee2e6;}
#areaRelatedMenu .titArea {margin-top: 0; margin-bottom: 10px;}
#_searchDataRelatedMenu {display: flex; flex-wrap: wrap;}
#_searchDataRelatedMenu li{padding: 5px 0; margin-right: 8px;}
#_searchDataRelatedMenu li a {display: block; padding: 4px 14px; border: 1px solid #888; border-radius: 8px; color: #333;} */

/* 검색결과 - 상품 */
.srchConCard {margin: 24px 20px; padding: 24px 0 0 0; border-top: 1px solid #dee2e6;}
.srchConCard .goodsList {border: none;}
.srchConCard .goodsList > li {margin-bottom: 0; border-bottom: none;}
.srchConCard .goodsList > li + li {margin-top: 24px;}
.srchConCard .goodsList.card > li {display: block; width: 100%; padding: 0;}
.srchConCard .goodsList.card .goods {padding: 0; display: flex; justify-content: flex-start; align-items: center; width: 100%; text-align: left; cursor: pointer;}
.srchConCard .goodsList .goods {min-height: 63px;}
.srchConCard .goodsList.card .cardImg {float: none; left: initial; top: initial; width: 40px; height: 63px;}
.srchConCard .goodsList.card .cardImg.horiz {margin-right: 0; transform: rotate(-90deg);}
.srchConCard .goodsList .cardImg img {width: 40px; height: 63px; max-width: inherit; max-height: inherit;}
.srchConCard .goodsList.card .cardImg.horiz img {width: 63px; height: 40px;}
.srchConCard .goodsList.card .dataInfo {margin-top: 0; margin-left: 16px; width: calc(100% - 50px); text-align: left;}
.srchConCard .goodsList .tit {font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #000;}
.srchConCard .goodsList .desc {margin-top: 4px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; word-break: keep-all;}
.srchConCard .goodsList .badge_new {border-radius: 4px;}

/* 검색결과 - 이벤트 */
.srchConEvent {margin: 24px 20px; padding: 24px 0 0 0; border-top: 1px solid #dee2e6;}
.srchConEvent .eventList {border-top: none;}
.srchConEvent .eventList.card > li {display: block; padding: 0; width: 100% !important; border-bottom: none;}
.srchConEvent .eventList.card > li + li {margin-top: 24px;}
.srchConEvent .eventList.card > li .block {padding: 0;}
.srchConEvent .eventList.card > li:nth-child(even) {padding: 0;}
.srchConEvent .eventList.card > li a {display: flex; justify-content: flex-start; align-items: center;}
.srchConEvent .eventList.card > li .eventImg {float: none; margin: 0; width: 72px !important; min-height: 72px; height: 72px;}
.srchConEvent .eventList.card > li .eventImg img {position: absolute; width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; border-radius: 8px;}
.srchConEvent .eventList.card > li .eventImg.dimm:after {border-radius: 8px;}
.srchConEvent .eventList.card > li .eventInfo {float: none; padding-left: 16px; width: calc(100% - 72px); box-sizing: border-box;}
.srchConEvent .eventList.card > li .eventInfo .contWrap {margin: 0;}
.srchConEvent .eventList.card > li .eventInfo .tit {margin-bottom: 0; height: auto; line-height: 2.2rem; font-weight: 600;} /* 250922 이벤트 타이틀 높이 수정 */
.srchConEvent .eventList.card > li .eventInfo .contWrap .date, .srchConEvent .eventList.card > li .eventInfo .contWrap .info {margin-top: 4px; font-size: 1.4rem; line-height: 2.0rem; font-weight: 400; color: #666;}
/*.senior .srchConEvent .eventList.card > li .eventInfo .tit {height: 50px;} 250811 검색엔진 개선 re - 큰글씨 경우 높이 수정 */ /* 250922 이벤트 타이틀 큰글씨 높이 삭제 */

/* 검색결과 - Q&A */
.srchConFaQ {margin: 24px 20px; padding: 24px 0 0 0; border-top: 1px solid #dee2e6;}
.srchConFaQ .faqList { border: none;}
.srchConFaQ .faqList > li:last-child {border: none;}
.srchConFaQ .faqList .accoHead .accoBtn {margin: 0 -20px; padding: 16px 48px 16px 40px; width: initial; font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #343A40;}
.srchConFaQ .faqList .accoBtn:before {top: 32px; right: 20px;}
.srchConFaQ .faqList .accoBody {margin: 0 -20px; padding: 24px 20px 24px 40px; background: #f8f9f9; color: #485056;}
.srchConFaQ .faqList .icoQ {font-size: 1.5rem; line-height: 2.2rem; font-weight: 800; color: #0871f3;}
.srchConFaQ .faqList .icoA {margin: 0; font-size: 1.5rem; line-height: 2.2rem; font-weight: 800; color: #0871f3;}
.srchConFaQ .faqList [class^=ico].icoQ {top: initial; width: initial; height: initial; background: none;}
.srchConFaQ .faqList [class^=ico] {position:absolute; left: 20px !important;}

/* 검색결과 - 공지사항 */
.srchConNotice {margin: 24px 20px; padding: 24px 0 0 0; border-top: 1px solid #dee2e6;}
.srchConNotice .bbsList.srch > li {border: none;}
.srchConNotice .bbsList.srch .block {position: relative; padding: 13px 36px 13px 24px;}
.srchConNotice .bbsList.srch .block::before,
.srchConNotice .bbsList.srch .block::after {position: absolute; display: block; content: ''; margin: auto 0; top: 0; bottom: 0;}
.srchConNotice .bbsList.srch .block::before {left: 0; width: 20px; height: 20px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_srch_notice.png) no-repeat center center; background-size: cover;}
.srchConNotice .bbsList.srch .block::after {right: 0; width: 7px; height: 7px; border-width: 2px 2px 0 0; border-color: #343a40; border-style: solid; transform: rotate(45deg); border-radius: 2px;}
.srchConNotice .bbsList.srch .block .tit {font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; color: #343a40;}

/* 검색결과 - 기타 *//* 250604 기타컨텐츠 swiper삭제 후 스크롤 컨텐츠로 변경 */
.srchConEtc {margin: 24px 20px; padding: 24px 0 0 0; border-top: 1px solid #dee2e6;}
.srchConEtc .bbsList.srch {display:flex; margin:14px -18px 0; padding:0 18px; white-space:nowrap; overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none;}
.srchConEtc .bbsList.srch > li {padding-bottom:24px; margin:0 8px; border-bottom:0;}
/* 250812 검색엔진 개선 re - 기타 영역 리스트 스타일 추가 및 사이즈 조정 (s) */
.srchConEtc .bbsList.srch > li .block {display: flex; flex-direction: column; justify-content: space-between; width:280px; height: 100%; padding:20px; border:1px solid #e9ecef; border-radius:16px; box-sizing: border-box; box-shadow: 0 8px 16px 0 rgba(0, 45, 125, 0.06);} /* 250820 height 삭제 *//* 250922 기타컨텐츠 display 수정 */
.srchConEtc .bbsList.srch .block .tit {height:auto; font-size:1.7rem; line-height:2.4rem; font-weight:600; color:#343a40; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;} /* 250922 기타컨텐츠 타이틀 높이 수정 */
.srchConEtc .bbsList.srch .block p {height:42px; margin-top:16px; font-size:1.5rem; line-height:2.1rem; font-weight:500; color:#343a40; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.srchConEtc .bbsList.srch .block .date {margin-top: 12px; font-size: 1.4rem; line-height: 2.0rem; font-weight: 400; color: #666;}
.srchConEtc .btnTxt_more {margin:0 0 24px;}
.srchConEtc .bbsList.srch.blk {overflow-x: unset;}
.srchConEtc .bbsList.srch.blk > li {margin: 0; padding-bottom: 20px;}
.srchConEtc .bbsList.srch.blk > li .block {width: 100%;}
/* 250812 검색엔진 개선 re - 기타 영역 리스트 스타일 추가 및 사이즈 조정 (e) */
/* 250811 검색엔진 개선 re - 큰글씨 경우 높이 수정 (s) */
/* .senior .srchConEtc .bbsList.srch .block .tit {height: 60px;} */ /* 250922 기타컨텐츠 타이틀 큰글씨 높이 삭제 */
.senior .srchConEtc .bbsList.srch .block p {height: 54px;}
/* 250811 검색엔진 개선 re - 큰글씨 경우 높이 수정 (e) */
/* 250811 검색엔진 개선 re - 디바이스 작은 사이즈 기타컨텐츠 사이즈 조정 (s) */
@media screen and (max-width:320px) {
	.srchConEtc .bbsList.srch > li .block {width: 200px;} /* 250820 큰글씨 height 삭제 */
}
/* 250811 검색엔진 개선 re - 디바이스 작은 사이즈 기타컨텐츠 사이즈 조정 (e) */

.srchEtcSwiper {position: relative; padding-bottom: 38px;}
.srchEtcSwiper .swiper-pagination {position: relative; padding-right: 4px;}
.srchEtcSwiper .swiper-pagination-bullet {width: 6px; height: 6px; background: #666;}
.srchEtcSwiper .swiper-pagination-bullet-active {width: 16px; border-radius: 8px; background: #333;}
.srchEtcSwiper .swiper-controls {position: absolute; margin: 0 auto; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 9;}
.srchEtcSwiper .swiper-controls .swiper-button-stop,
.srchEtcSwiper .swiper-controls .swiper-button-play {position: relative; top: 2px; right: 4px; border: 0; width: 16px; height: 16px; z-index: 11;}
.srchEtcSwiper .swiper-controls .swiper-button-play {display: none; background: url(../img/mw/wallet/icon_banner_play.svg) center center / 16px 16px no-repeat; background-size: cover;}
.srchEtcSwiper .swiper-controls .swiper-button-stop {background: url(../img/mw/wallet/icon_banner_pause.svg) center center / 16px 16px no-repeat; background-size: cover;}

/* 250820 검색결과 - 첨부파일 */
.srchConAttach {margin: 24px 20px; padding: 24px 0 0 0; border-top: 1px solid #dee2e6;}
.srchConAttach .bbsList.srch .block .tit,
.srchConAttach .bbsList.srch .block > p {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.srchConAttach .bbsList.srch .block > p {-webkit-line-clamp: 2;}

/* 챗봇 & 배너 영역 *//* 250604 하단배너영역 swiper로 변경 */
.srchBottomWrap {padding-bottom: 16px; width: 100%; height: auto; background: #fff !important; border-top: 8px solid #f8f9f9;}
.srchBottomWrap.fixed {position: fixed; bottom: 0; z-index: 1;}
.srchBottomWrap .srchChatbot section {display: block !important; margin: 0 !important; padding: 0 !important;}
.srchBottomWrap .srchChatbot .btn_chatBot {margin-top: 8px; padding: 16px 40px 16px 54px; height: 60px; font-size: 1.6rem; font-weight: 700; color: #333; text-align: left; box-sizing: border-box; border-radius: 0;}
.srchBottomWrap .srchChatbot .btn_chatBot::before,
.srchBottomWrap .srchChatbot .btn_chatBot::after {position: absolute; display: block; content: ''; top: 8px; bottom: 0; margin: auto 0;}
.srchBottomWrap .srchChatbot .btn_chatBot::before {left: 20px; width: 28px; height: 28px; background: url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_srch_weebi.png) no-repeat center center; background-size: cover;}
.srchBottomWrap .srchChatbot .btn_chatBot::after {right: 20px; width: 6px; height: 6px; border-width: 2px 2px 0 0; border-color: #343a40; border-style: solid; transform: rotate(45deg); border-radius: 1px;}
/* 250811 검색엔진 개선 re - srchBanner 마크업 변경으로 사용 X (삭제)
.srchBottomWrap .srchBanner {width:100%; margin-top:16px; padding:16px 20px;}
.srchBottomWrap .srchBanner a {display:flex; justify-content:space-between; align-items: center; padding:20px; background:#E5F3FE; border-radius:16px;}
.srchBottomWrap .srchBanner .tit {font-size: 1.4rem; line-height: 2.0rem; font-weight: 600; color: #21252b; margin-bottom:16px;}
.srchBottomWrap .srchBanner .img_area {flex:0 0 80px; width:80px; height:80px;}
.srchBottomWrap .srchBanner .img_area img {width:100%; height:100%;}
.srchBottomWrap .srchBanner .swiper-controls {left:40px; bottom:32px;}
.srchBottomWrap .srchBanner .swiper-pagination {margin-left:4px;}
.srchBottomWrap .srchBanner .swiper-pagination-bullet{width:6px; height:6px; margin-right:6px; border-radius:3px; background-color:#616F76;}
.srchBottomWrap .srchBanner .swiper-pagination-bullet::before{display:none;}
.srchBottomWrap .srchBanner .swiper-pagination-bullet-active{width:12px; background-color:#000; opacity:1;} */
/* 250528 검색엔진 개선 (e) */

/* 250811 검색엔진 개선 re - 지금 많이 찾는 검색어 (s) *//* 250819 ol 한개로 변경건 스타일 수정 (s) */
.srchRankWrap {margin-top: 12px;}
.srchRankWrap ol {display: grid; grid-template-columns: 1fr 1fr; column-gap: 8px;}
.srchRankWrap ol li:nth-child(1) {grid-column: 1; grid-row: 1;}
.srchRankWrap ol li:nth-child(2) {grid-column: 1; grid-row: 2;}
.srchRankWrap ol li:nth-child(3) {grid-column: 1; grid-row: 3;}
.srchRankWrap ol li:nth-child(4) {grid-column: 1; grid-row: 4;}
.srchRankWrap ol li:nth-child(5) {grid-column: 1; grid-row: 5;}
.srchRankWrap ol li:nth-child(6) {grid-column: 2; grid-row: 1;}
.srchRankWrap ol li:nth-child(7) {grid-column: 2; grid-row: 2;}
.srchRankWrap ol li:nth-child(8) {grid-column: 2; grid-row: 3;}
.srchRankWrap ol li:nth-child(9) {grid-column: 2; grid-row: 4;}
.srchRankWrap ol li:nth-child(10) {grid-column: 2; grid-row: 5;}
.srchRankWrap ol li > a {position: relative; display: block; padding: 5px 56px 5px 22px; color: #212528;} /* 250814 검색엔진 re - padding 수정 */
.srchRankWrap ol li .num {position: absolute; left: 0; top: 50%; width: 16px; font-size: 1.2rem; font-weight: 500; color: #989ea6; text-align: center; transform: translateY(-50%);}
.srchRankWrap ol li .tit {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 1.3rem;}
.srchRankWrap ol li .flag {position: absolute; top: 50%; right: 15px; display: inline-block; min-height: 18px; padding: 0 8px; border: 1px solid #ee444a; border-radius: 20px; font-size: 1rem; font-weight: 700; color: #ee444a; line-height: 1.6rem; transform: translateY(-50%);} /* 250814 검색엔진 re - right, height 수정 */
.srchRankWrap ol li .flag.new {border-color: #0871f3; color: #0871f3;}
.srchRankWrap ol li .rankUp {position: absolute; top: 50%; right: 15px; width: 40px; text-align: center; transform: translateY(-50%);} /* 250814 검색엔진 re - right 수정 */
.srchRankWrap ol li .rankUp .rank {position: relative; padding-left: 8px; font-size: 1.2rem; font-weight: 800; color: #ee444a;}
.srchRankWrap ol li .rankUp .rank:before {content: ''; position: absolute; top: 50%; left: 0; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 6px solid #ee444a; transform:translateY(-50%);}
.srchRankWrap ol li.top {color: #212528; font-weight: 600;}
.srchRankWrap ol li.top .num {font-weight: 700; color: #2589f4;}

@media screen and (max-width:300px) {
	.srchRankWrap ol {display: block; margin-right: 16px;} /* 250814 검색엔진 re - margin 추가 */
	.srchRankWrap ol li:nth-child(n+8) {display: none;}
}
/* 250811 검색엔진 개선 re - 지금 많이 찾는 검색어 (e) *//* 250819 ol 한개로 변경건 스타일 수정 (e) */

/* 250813 checkbox - xsmall 사이즈 추가 (s) */
input[type='checkbox'].xsmall + label {padding: 3px 0 3px 24px; font-size: 1.2rem; line-height: 1.5;}
input[type='checkbox'].xsmall + label:before {top: 3px; width: 18px; height: 18px; background: #fff url(../img/mw/common/ico_checkbox9.png) no-repeat center center; background-size: 16px !important;}
input[type='checkbox'].xsmall:checked + label:before {background: #2589f4 url(../img/mw/common/ico_checkbox5.png) no-repeat center center; background-size: 18px !important; }
/* 250813 checkbox -  xsmall 사이즈 추가 (e) */

/* 250903 우리WON트래블 개편 (s) */
/* 트래블 - header (s) */
/* 250912 화면 사이즈 359 이하 텍스트로 노출 (s) */
@media (min-width: 360px) {
	.header .logo.wontrv {width: 10.2rem; height: 5rem; top: -1.5rem; font-size: 0; background: url(/https/nm.wooricard.com/dcmw/img/mw/travel/logo.svg) no-repeat center center; background-size: 10.2rem auto; color: #f7f7f7; line-height: 1;}
}
.header .btnIco_pay {width: 6.3rem; height: 5rem; padding: 0 0.65rem; box-sizing: content-box; overflow: visible;}
.header .btnIco_pay span {position: relative; display: block; width: 100%; height: 2.8rem; padding: 0 0.8rem 0 2.8rem; border: 1px solid #c6c6c6; border-radius: 3rem; background: transparent; font-size: 1.4rem; font-weight: 700; color: #212528; line-height: 2.6rem; clip: unset; clip-path: none;}
.header .btnIco_pay span:before {content: ''; position: absolute; top: 50%; left: 0.8rem; width: 1.9rem; height: 1.8rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_gnb_pay.svg) no-repeat center center; background-size: 1.9rem 1.8rem; transform: translateY(-50%);}
.header .btnIco_pay span:after {content: ''; position: absolute; top: 50%; left: 1.1rem; width: 1.3rem; height: 0.2rem; border-radius: 0.2rem; background: #0128a1; animation: payBarShow 0.2s 0.3s forwards ease-in, payAni 2s 0.8s forwards ease-in-out; transform: translateY(-50%); opacity: 0;}

/* 250912 화면 사이즈 359 이하 텍스트로 노출 (e) */
@keyframes payAni {
	0% {transform: translateY(-50%);}
	16% {transform: translateY(-0.5rem);}
	33% {transform: translateY(0.3rem);}
	50% {transform: translateY(-0.5rem);}
	66% {transform: translateY(0.3rem);}
	83% {transform: translateY(-0.5rem);}
	100% {transform: translateY(-50%); opacity: 1;}
}
@keyframes payBarShow {
	100% {opacity: 1;}
}
/* 트래블 - header (e) */

/* 트래블 - footer */
html.wontrv .trvFooter {padding: 30px 24px 60px; background-color: #56617d;}
html.wontrv .trvFooter .info {font-size: 1.4rem; font-weight: 400; color: #fff;}

/* 트래블 - section */
.renew25.wontrv body.noFooter #content {padding-bottom: 0;}
.renew25.wontrv #content section {margin: 4rem 0; padding: 0 20px;}
.renew25.wontrv #content section:first-of-type {margin-top: 1.6rem;}
.renew25.wontrv #content section.lg {margin: 6rem 0;}
html.wontrv section > h2 {margin-bottom: 2.4rem; font-size: 2rem; font-weight: 700; color: #333; line-height: 2.8rem; text-align: left; word-break: keep-all;}
html.wontrv section > h2 > a {position: relative; display: block; padding-right: 4.6rem; word-break: keep-all;}
html.wontrv section > h2 > a:after {content: ""; position: absolute; top: calc(50% - 1.8rem); right: 0; display: block; width: 3.6rem; height: 3.6rem; border: solid 0.1rem rgba(0, 0, 0, 0.1); border-radius: 5rem; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='%236d747b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat #fff; background-size: 1.6rem 1.6rem; box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.1);}

/* 트래블 - 이벤트 메인 배너 */
html.wontrv .trvTopBnf {position: relative; margin: 0 -20px;}
html.wontrv .trvTopBnf .swiper-container {padding: 0 20px;}
html.wontrv .trvTopBnf .slideList {padding-bottom: 2.4rem;}
html.wontrv .trvTopBnf > .slideList {padding: 0 20px 2.4rem;}
html.wontrv .trvTopBnf .slideList > li {height: auto; text-align: center;}
html.wontrv .trvTopBnf .slideList .block {position: relative; display: inline-block;}
html.wontrv .trvTopBnf .slideList a {position: relative; display: block; max-width: 450px; height: 100%;  aspect-ratio: 320/240; margin: 0 auto; border-radius: 3rem; box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.03) inset, 0 0.9rem 0.9rem 0 rgba(0, 0, 0, 0.03); text-align: center; overflow: hidden;}
html.wontrv .trvTopBnf .slideList a:focus {outline-offset: -2px;}
html.wontrv .trvTopBnf .slideList a strong {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; font-size: 6.1vw; font-weight: 800;}
html.wontrv .trvTopBnf .slideList a p {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; font-size: 5vw; font-weight: 500; line-height: 2.1rem;}
html.wontrv .trvTopBnf .slideList a .txtArea {position: absolute; bottom: 19%; left: 50%; width: 100%; padding: 0 16px; transform: translateX(-50%);}
html.wontrv .trvTopBnf .slideList li:nth-child(even) a strong {color: #ff7627;}
html.wontrv .trvTopBnf .slideList li:nth-child(even) a p {color: #bc7f6f;}
html.wontrv .trvTopBnf .slideList li:nth-child(odd) a strong {color: #145058;}
html.wontrv .trvTopBnf .slideList li:nth-child(odd) a p {color: #0a4f53;}
html.wontrv .trvTopBnf .swiper-controls {position: absolute; bottom: 4.6rem;}
html.wontrv .trvTopBnf .swiper-controls .swiper-pagination-bullet {width: 1.2rem; height: 1.6rem; margin: 0;}
html.wontrv .trvTopBnf .swiper-controls .swiper-pagination-bullet:before {left: 50%; top: 50%; width: 0.6rem; height: 0.6rem; border: 0; border-radius: 50%; background: #fff; transform: translate(-50%,-50%);}
html.wontrv .trvTopBnf .swiper-controls .swiper-pagination-bullet-active {width: 2.4rem;}
html.wontrv .trvTopBnf .swiper-controls .swiper-pagination-bullet-active:before {width: 1.6rem; border-radius: 8px; background: #485056;}
html.wontrv .trvTopBnf .closeBtn {position: absolute; top: 22px; right: 22px; width: 3.6rem; height: 3.6rem; z-index: 10;}
html.wontrv .trvTopBnf .closeBtn .ico {position: absolute; top: 50%; left: 50%; width: 3rem; height: 3rem; border-radius: 50%; background: rgba(255,255,255,0.5); transform: translate(-50%,-50%);}
html.wontrv .trvTopBnf .closeBtn .ico:before,
html.wontrv .trvTopBnf .closeBtn .ico:after {content: ''; position: absolute; top: 50%; left: 50%; width: 0.2rem; height: 1.5rem; border-radius: 2px; background: #485056; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center center;}
html.wontrv .trvTopBnf .closeBtn .ico:after {transform: translate(-50%, -50%) rotate(-45deg);}

/* 트래블 - 메뉴 버튼 */
/*html.wontrv .trvMenu {display: flex; justify-content: space-between; border-radius: 1.2rem; background: #fff;}
html.wontrv .trvMenu a {position: relative; flex-basis: 33.3333%; height: 100%; padding: 20px 0; text-align: center;}
html.wontrv .trvMenu a:after {content: ''; position: absolute; top: 50%; right: 0; width: 0.1rem; height: 0.8rem; background: #ebebeb; transform: translateY(-50%);}
html.wontrv .trvMenu a:last-child a:after {content: none;}
html.wontrv .trvMenu a img {display: inline-block; width: 4.4rem; height: 4.4rem;}
html.wontrv .trvMenu a strong {display: block; margin-top: 0.6rem; font-size: 1.9rem; font-weight: 700; color: #212528;}*/
/* 260105 트래블 메뉴 링크 케이스 재추가 - 추후 항공,호텔 오픈 시 css 삭제 필요 (s) */
html.wontrv .trvMenuLink {display: flex; justify-content: space-between; border-radius: 1.2rem; background: #fff;}
html.wontrv .trvMenuLink .link {position: relative; flex-basis: 33.3333%; height: 100%; padding: 20px 0; text-align: center;}
html.wontrv .trvMenuLink .link:after {content: ''; position: absolute; top: 50%; right: 0; width: 0.1rem; height: 0.8rem; background: #ebebeb; transform: translateY(-50%);}
html.wontrv .trvMenuLink .link:last-child:after {content: none;}
html.wontrv .trvMenuLink .link img {display: inline-block; width: 4.4rem; height: 4.4rem;}
html.wontrv .trvMenuLink .link strong {display: block; margin-top: 0.6rem; font-size: 1.9rem; font-weight: 700; color: #212528; line-height: 1.5;}

/* 트래블 - 고지 */
html.wontrv .trvNoti {position: relative; margin-top: 2.4rem; border-radius: 0 2rem 2rem 2rem; padding: 1.6rem 6rem 1.6rem 2rem; background: #d4e8ff;}
html.wontrv .trvNoti:before {content: ''; position: absolute; top: 1rem; right: 2rem; width: 4rem; height: 3rem; background: linear-gradient(to top, #3182f7, #d4e8ff, transparent); border-radius: 30%; opacity: 0.16; filter: blur(4px);}
html.wontrv .trvNoti:after {content: ''; position: absolute; top: -0.8rem; right: 2rem; width: 4rem; height: 4.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/travel/img_noti_wibee.png) no-repeat right center; background-size: 4rem 4.4rem;}
html.wontrv .trvNoti > p {font-size: 1.4rem; font-weight: 700; color: #026cee; word-break: keep-all; letter-spacing: -0.2px;}

/* 트래블 - 색다른 여행 서비스 */
html.wontrv .trvUniqList li + li {margin-top: 0.8rem;}
html.wontrv .trvUniqList li a {display: block; max-width: 450px; height: 100%; margin: 0 auto; border-radius: 30px;}
html.wontrv .trvUniqList li .imgArea {height: 100%; border-radius: 30px; background: #fff; box-shadow: 0 9px 9px 0 rgba(0,0,0,0.03); overflow: hidden;}
html.wontrv .trvUniqList li .imgArea img {object-fit: cover;}

/* 트래블 - 혜택 스와이프 배너 */
html.wontrv .trvBanner {margin: 0 -20px;}
html.wontrv .trvBanner .swiper-container {padding: 0 20px;}
html.wontrv .trvBanner .slideList {padding-bottom: 3.2rem;}
html.wontrv .trvBanner > .slideList {padding: 0 20px;}
html.wontrv .trvBanner .slideList > li {height: auto;}
html.wontrv .trvBanner a {position: relative; display: block; min-height: 12rem; height: 100%; padding: 2.4rem 13.5rem 2.4rem 2.4rem; border-radius: 2rem; background: #d7efff;}
html.wontrv .trvBanner a strong {display: flex; align-items: center; height: 100%; font-size: 1.8rem; font-weight: 700; color: #212528; word-break: keep-all;}
html.wontrv .trvBanner a:focus {outline-offset: -2px;}
html.wontrv .trvBanner a .imgArea {position: absolute; top: 50%; right: 2.4rem; width: 10.5rem; height: 10.5rem; transform: translateY(-50%);}
html.wontrv .trvBanner a .imgArea img {object-fit: cover;}
html.wontrv .trvBanner .swiper-controls {position: absolute; bottom: -0.5rem;}
html.wontrv .trvBanner .swiper-controls .swiper-pagination-bullet {width: 1.2rem; height: 1.6rem; margin: 0;}
html.wontrv .trvBanner .swiper-controls .swiper-pagination-bullet:before {left: 50%; top: 50%; width: 0.6rem; height: 0.6rem; border: 0; border-radius: 50%; background: #888; transform: translate(-50%,-50%);}
html.wontrv .trvBanner .swiper-controls .swiper-pagination-bullet-active {width: 2.4rem;}
html.wontrv .trvBanner .swiper-controls .swiper-pagination-bullet-active:before {width: 1.6rem; border-radius: 8px; background: #276DE2;}

/* 트래블 - 간편 해외 이용 설정 */
html.wontrv .trvSmplSet {display: flex; flex-wrap: wrap; gap: 0.4rem;}
html.wontrv .trvSmplSet > a {position: relative; flex-basis: calc((100% - 0.4rem)/2); padding: 1.6rem 1.6rem 4.6rem 1.6rem;}
html.wontrv .trvSmplSet > a:nth-child(1) {border-radius: 3rem 0 0 0; background: #076885;}
html.wontrv .trvSmplSet > a:nth-child(2) {border-radius: 0 3rem 0 0; background: #03a37e;}
html.wontrv .trvSmplSet > a:nth-child(3) {border-radius: 0 0 0 3rem; background: #039cb9;}
html.wontrv .trvSmplSet > a:nth-child(4) {border-radius: 0 0 3rem 0; background: #0f95e5;}
html.wontrv .trvSmplSet > a span {font-size: 1.8rem; font-weight: 700; color: #fff; word-break: keep-all;}
html.wontrv .trvSmplSet > a img {position: absolute; right: 1.6rem; bottom: 1.6rem; width: 3rem; height: 3rem;}

/* 트래블 - 즐겨쓰는 카드 소개 영역 */
html.wontrv .trvFavCard {scroll-padding: 2rem;}
html.wontrv .trvFavCard > ul {display: flex; padding: 2px 20px;}
html.wontrv .trvFavCard > ul li {flex-shrink: 0;}
html.wontrv .trvFavCard > ul li + li {margin-left: 0.8rem;}
html.wontrv .trvFavCard a {position: relative; display: block; width: 32rem; height: 100%; padding: 3.2rem 3.2rem 17.8rem 3.2rem; border-radius: 3rem; background-repeat: no-repeat; background-position: center center; background-size: cover; white-space: normal;}
html.wontrv .trvFavCard a + a {margin-left: 0.8rem;}
html.wontrv .trvFavCard a strong {font-size: 2rem; font-weight: 700; color: #fff;}
html.wontrv .trvFavCard a p {margin-top: 0.4rem; font-size: 1.4rem; font-weight: 500; color: #fff;}
html.wontrv .trvFavCard a img {position: absolute; left: 50%; bottom: 2rem; width: 8rem; height: 12.8rem; transform: translateX(-50%);}

/* 트래블 - 신나는 해외/여행 이벤트 */
html.wontrv .trvEventList li {padding: 2.4rem 0;}
html.wontrv .trvEventList li + li {border-top: 1px solid #f1f3f5;}
html.wontrv .trvEventList a {display: flex; justify-content: space-between; align-items: center;}
html.wontrv .trvEventList .txtArea strong {font-size: 1.6rem; font-weight: 500; color: #333; word-break: keep-all;}
html.wontrv .trvEventList .txtArea > p {margin-top: 0.4rem; font-size: 1.4rem; font-weight: 500; color: #485056; word-break: keep-all;}
html.wontrv .trvEventList .imgArea {flex-shrink: 0; width: 7.2rem; height: 7.2rem; margin-left: 1.6rem; border-radius: 0.8rem; background: #f1f1f1; overflow: hidden;}
html.wontrv .trvEventList .imgArea img {object-fit: cover;}

/* 트래블 - 한눈에 모아서 보기 메뉴 */
html.wontrv .trvAllMenu {margin-bottom: 60px;}
html.wontrv .trvAllMenu .inner {display: flex; flex-wrap: wrap; justify-content: center; padding: 1.2rem 1.9rem 3rem 1.9rem; border-radius: 2rem; font-size: 0; background: #def0ff;}
html.wontrv .trvAllMenu .inner a {position: relative; flex-basis: 33.3333%; aspect-ratio: 1/1; margin-top: 1.8rem; padding: 0 1.5rem 3rem; text-align: center; white-space: nowrap}
html.wontrv .trvAllMenu .inner a .imgArea {display: flex; justify-content: center; align-items: center; aspect-ratio: 1/1; padding: 0.8rem; border-radius: 0.8rem; background: #fff; box-shadow: 0 3px 3px 0 rgba(92,92,92,0.03);}
html.wontrv .trvAllMenu .inner a .imgArea img {min-width: 3rem; max-width: 5.5rem; width: 84%; height: auto;}
html.wontrv .trvAllMenu .inner a > span {position: absolute; left: 50%; bottom: 0; display: block; margin-top: 0.8rem; font-size: 1.4rem; font-weight: 500; color: #666; transform: translateX(-50%);}

/* 251224 프로모션 배너 (s) */
html.wontrv .promotionBanner {position: relative; display: flex; align-items: center; padding-right: 24px;}
html.wontrv .promotionBanner:before {content: ''; position: absolute; top: 50%; right: 0.5rem; width: 10px; height: 10px; border: 2px solid #343a40; border-width: 2px 2px 0 0; transform: translateY(-50%) rotate(45deg);}
html.wontrv .promotionBanner + .promotionBanner {margin-top: 3.2rem;}
html.wontrv .promotionBanner .imgArea {flex-shrink: 0; width: 5.6rem; height: 5.6rem; margin-right: 16px;}
html.wontrv .promotionBanner .imgArea img {width: 100%; height: 100%;}
html.wontrv .promotionBanner .txtArea {font-size: 1.4rem; font-weight: 600; color: #212528;}
html.wontrv .promotionBanner .txtArea .flag {display: inline-block; margin-bottom: 0.8rem; padding: 0.3rem 0.95rem; border-radius: 2.4rem; font-size: 1.2rem; font-weight: 600;}
html.wontrv .promotionBanner .txtArea .flag.blue {background-color: #e5efff; color: #3f72fd;}
html.wontrv .promotionBanner .txtArea .flag.pink {background-color: #fcefef; color: #d2236e;}

/* 250818 꾹 서비스 내 쿠폰 팝업 디자인 (s) */
.beneCouponPop .btnArea.sticky {bottom: 1px;} /* 251010 하단 sticky 해상도 낮을 시 간격 생김 수정 */
.benefitCoupon {margin: -40px -20px -44px -20px;}
.benefitCoupon .couponInfo {position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 20px; border-radius: 1.6rem; background-color: #fff; text-align: left;}
.benefitCoupon .couponInfo::after {content: ''; position: absolute; bottom: 0; left: 20px; width: calc(100% - 4rem); border: 1px solid transparent; border-image: repeating-linear-gradient(to left, #e3e3e3 0px 6px, transparent 6px 9px) 1;}
.benefitCoupon .couponInfo > img {width: 4.6rem; height: 4.6rem; margin-right: 1.2rem;}
.benefitCoupon .couponInfo .tit {display: block; font-size: 1.4rem; font-weight: 600; color: #343a40;}
.benefitCoupon .couponInfo .coupon {display: block; margin: 0.2rem 0; font-size: 1.4rem; font-weight: 500; color: #343a40;}
.benefitCoupon .couponInfo .date {font-size: 1.3rem; font-weight: 400; color: #6d747b; word-break: keep-all;}
.benefitCoupon .couponCode {margin-top: -0.1rem; padding: 24px 20px; border-radius: 16px 16px 0 0; background: #fff;} /* 251010 컨텐츠 해상도 낮을 시 간격 생김 수정 */
.benefitCoupon .couponCode > img {max-width: 31.5rem; width: 100%; margin-bottom: 2.4rem;}
.benefitCoupon .couponCode .code {margin-bottom: 1.2rem; font-size: 1.4rem; font-weight: 400; color: #485056;}
/* 250818 꾹 서비스 내 쿠폰 팝업 디자인 (e) */

/* 250818 복사하기 버튼 (s) */
/* 250828 클래스명 수정(btnCopy > btnIcoCopy) */
.btnIcoCopy {position: relative; display: inline-block; min-height: 2.4rem; padding-right: 2.8rem; font-size: 1.4rem; font-weight: 400; color: #485056;}
.btnIcoCopy::after {content: ''; position: absolute; top: 0; right: 0; width: 2.4rem; height: 2.4rem; padding: 0.5rem; border: 1px solid #e6e6e6; border-radius: 50%; background: #fff url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_copy_14.png) no-repeat center center; background-size: 1.4rem; box-sizing: border-box;}
/* 250818 복사하기 버튼 (e) */

/* 250818 옵션 개수 선택 (s) --스타벅스 별전환*/
.numOpt {display:flex; align-items:center; justify-content:space-between; height:40px; border:1px solid rgb(133, 151, 168, 0.18); border-radius:8px;}
.numOpt .minus,
.numOpt .plus {display:inline-block; position:relative; width:40px; height:40px;}
.numOpt .minus::before,
.numOpt .plus::before,
.numOpt .plus::after {content:''; position:absolute; top:50%; left:50%; width:12px; height:2px; margin-left:-6px; background-color:#343a40;}
.numOpt .plus::after {width:2px; height:12px; margin-left:-1px; margin-top:-5px;}
.numOpt .num {font-size:1.5rem; font-weight:600; color:#020c15;}
/* 250818 옵션 개수 선택 (e) */

/* 250818 infoList - box케이스 추가 (s) */
.infoList.alignC > li {align-items:center;}
.infoList.alignC > li .item {width:51%;}
.infoList.alignC > li .val {width:49%;}
/* 250818 infoList - box케이스 추가 (e) */

@media (max-width: 360px) {
	/* 큰글씨대응 */
	html.senior.wontrv .trvAllMenu .inner {padding: 1.2rem 1.4rem 3rem 1.4rem;}
	html.senior.wontrv .trvAllMenu .inner > a {padding: 0 0.5rem 3rem;}
	html.senior.wontrv .trvFavCard a {width: 22rem;}
}
@media (max-width: 320px) {
	html.wontrv:not(.senior) {font-size: 9px}
	html.wontrv .trvAllMenu .inner > a {padding: 0 0.5rem 3rem;}
	html.wontrv .trvFavCard a {width: 26rem;}
	html.wontrv .trvBanner a strong {width: 100%;}
	/* 큰글씨대응 */
	html.senior.wontrv .trvTopBnf .swiper-controls {bottom: 43px;}
    html.senior.wontrv .trvTopBnf .slideList a .txtArea {bottom: 16%;}
	html.senior.wontrv .trvAllMenu .inner {padding: 0.6rem 0.8rem 2.4rem 0.8rem;}
	html.senior.wontrv .trvAllMenu .inner a > span {font-size: 1.3rem;}
	html.senior.wontrv .trvBanner a {padding: 2rem 11.5rem 2.4rem 2rem;}
	html.senior.wontrv .trvBanner a .imgArea {width: 9rem; height: 9rem;}
	html.senior.wontrv .trvBanner a strong {word-break: normal;}
}
@media (max-width: 300px) {
	html.wontrv .trvBanner a strong {word-break: normal;}
	/* 큰글씨대응 */
	html.senior.wontrv .trvAllMenu .inner a > span {font-size: 1.2rem;}
}
@media (min-width: 500px) {
	html.wontrv:not(.senior) {font-size: 11px}
	html.wontrv .trvAllMenu .inner {flex-wrap: wrap;}
	html.wontrv .trvAllMenu .inner a {flex-basis: auto;}
	html.wontrv .trvTopBnf .btn_close {width: 3.6rem; height: 3.6rem;}
	html.wontrv .trvTopBnf .btn_close:before,
	html.wontrv .trvTopBnf .btn_close:after {height: 2rem;}
	html.wontrv .trvTopBnf .slideList a strong {font-size: 2.8rem;}
	html.wontrv .trvTopBnf .slideList a p {font-size: 2.2rem;}
	html.wontrv .trvBanner a strong {width: 100%;}
	html.wontrv .trvBanner a strong br {display: none;}
	html.wontrv .trvEventList .txtArea strong {font-size: 1.7rem;}
	html.wontrv .trvEventList .txtArea p {font-size: 1.5rem;}
	html.wontrv .promotionBanner .txtArea br {display: none;}
}
@media (min-width: 630px) and (max-width: 760px) {
	html.wontrv .trvAllMenu .inner a {flex-basis: 16.6666%;}
}
/* 250903 우리WON트래블 개편 (e) */

/* 250818 스타벅스 별 전환 (s) */
.starbucsC.green {color:#4fa569 !important;}
.starbucsChips {display:inline-block; height:2.0rem; padding:0 0.7rem; border-radius:1px; font-size:1.4rem; font-weight:600; line-height:2.0rem; color:#fff;}
.starbucsChips.welcome {background-color:#1f1f1f;}
.starbucsChips.green {background-color:#4fa569;}
.starbucsChips.gold {background-color:#c4a363;}
.starbucsChips.gradient {padding:0 1.2rem; border-radius:2.0rem; background:linear-gradient(90deg, #00b76f 35%, #17e192);}
.chipsArea {display:flex; flex-wrap:wrap;}
.chipsArea + [class^=titH] {margin-top:0.8rem; font-weight:700;}

.starbucksLoading {padding-top:150px;}
.starbucksLoading .title {margin-bottom:70px; font-size:2.5rem; font-weight:700; color:rgb(52, 58, 4, 1); text-align:center;}
.starbucksLoading .aniwrap {position:relative; height:210px;}
.starbucksLoading .bg {position:absolute; left:-100%; bottom:0; width:240px; height:auto; animation:sbucWibeeBg 1.35s infinite linear;}
@keyframes sbucWibeeBg {
	0% {left:-100%;}
	100% {left:100%;}
}
.starbucksLoading .motion {position:absolute; left:50%; bottom:0; width:137px; height:auto; margin-left:-69px; animation:sbucWibeeImg 1.35s infinite ease-in-out;}
@keyframes sbucWibeeImg {
	15% {transform:translateY(0);}
	60% {transform:translateY(-35%);}
	95% {transform:translateY(0);}
}
@media (max-width: 320px) {
	.starbucksLoading {padding-top:100px;}
}

/* 250827 topVisual영역 클래스변경 및 markup수정 (s) */
.starbucsTopVisual {padding:42px 20px; background:#f6fff9 url(/https/nm.wooricard.com/dcmw/img/mw/content/bg_pntCnv_starbucs.png) no-repeat center bottom; background-size:contain;}
.starbucsTopVisual .transWrap {display:flex; justify-content:center; align-items:center; gap: 0 1.2rem;}
.starbucsTopVisual .transWrap .cycle {width:64px; height:64px;}
.starbucsTopVisual .transWrap .arrow {width:20px;}
/* 250827 topVisual영역 클래스변경 및 markup수정 (e) */
/* 251027 별 추가적립 안내 메시지 추가 (s) */
.detailBox.type2 .bubbleMsg {position:relative; margin-top:1.8rem; padding:1.2rem 1.5rem; border-radius:0.8rem; background:linear-gradient(60deg, #00b76f 50%, #17e192); font-size:1.3rem; font-weight:600; color: #fff; box-shadow: 0 3px 12px #d6ddea; word-break: keep-all; text-align: center;}
.detailBox.type2 .bubbleMsg:before {content:''; position:absolute; top:-0.7rem; right:1rem; width:0; height:0; border-left:0.7rem solid transparent; border-right:0.7rem solid transparent; border-bottom:0.8rem solid #15DE8F;}
.detailBox.type2 .bubbleMsg img {width: 1.4rem; margin: -0.2rem 0 0 0;}
/* 251027 별 추가적립 안내 메시지 추가 (e) */
/* 250818 스타벅스 별 전환 (e) */

/* 250926 마이페이지 간편모드 (s) */
.renew25 #content.easyMode section {margin:32px 0 0 0;}

/* 명세서 */
.easyMode .easyCardStatement[class*="swiper"] {overflow:hidden; padding:0 0 30px;}
.easyMode .easyCardStatement .swiper-container {overflow:visible; padding-left:20px;}
.easyMode .easyCardStatement .swiper-wrapper .item {width:calc(100% - 40px); height:auto; min-height:184px; padding:16px 0 38px; border-radius:16px; background:#fff; box-shadow:1px 1px 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 16px 24px 0 rgba(0, 0, 0, 0.1);}
.easyMode .easyCardStatement .topArea {display:flex; flex-direction:row; align-items:center; gap:8px; position:relative; padding:0 20px 12px; border-bottom:solid 1px rgba(0, 0, 0, 0.1);}
.easyMode .easyCardStatement .topArea p,
.easyMode .easyCardStatement .date {flex-shrink:0; font-size:17px; line-height:22px; font-weight:500; color:#212528;}
.easyMode .easyCardStatement .status {width:41px; height:28px; padding:4px 0; border-radius:20px; background:#009c70; font-size:14px; line-height:20px; font-weight:700; color:#fff; text-align:center;}
.easyMode .easyCardStatement .status.posted {background:#248bf9;}
.easyMode .easyCardStatement .middleArea {display:flex; flex-direction:column; gap:4px; padding:16px 20px 0;}
.easyMode .easyCardStatement .middleArea h2 {font-size:16px; line-height:20px; font-weight:700; color:#485056;}
.easyMode .easyCardStatement .middleArea.minimumAmount {flex-direction:unset; padding:12px 20px 0;}
/* 251106 간편모드 - 이용대금명세서 최소결제영역 링크로 변경 (s) */
.easyMode .easyCardStatement .middleArea.minimumAmount .amount {padding:0.5rem 1.0rem; border-radius:16px; background-color:#e7f5ff; font-size:15px; line-height:2.0rem; font-weight:500; color:#2589f4;}
.easyMode .easyCardStatement .middleArea.minimumAmount .amount > span {font-weight:700;}
/* 251106 간편모드 - 이용대금명세서 최소결제영역 링크로 변경 (e) */
.easyMode .easyCardStatement .paymentAmount {display:flex; flex-direction:row; align-items:center; gap:8px; font-size:32px; line-height:42px; color:#212528;}
.easyMode .easyCardStatement .amountHide {flex-shrink:0; margin-left:auto; font-size:14px; font-weight:700; color: #6d747b;}
.easyMode .easyCardStatement .paymentAmount::after {content:""; display:block; width:24px; height:24px; border:solid 1px rgba(0, 0, 0, 0.1); border-radius:40px; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png) center center no-repeat #fff; background-size:16px;}

.easyMode .easyCardStatement .swiper-pagination {left:50%; transform:translate(-50%);}
.easyMode .easyCardStatement .swiper-pagination {display:flex; gap:4px; margin-top:16px;}
.easyMode .easyCardStatement .swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; margin:0; background:none; opacity:1;}
.easyMode .easyCardStatement .swiper-pagination-bullets .swiper-pagination-bullet::before {content:""; display:block; width:6px; height:6px; top:0; left:0; border:0; border-radius:10px; background:rgba(0, 0, 0, 0.2);}
.easyMode .easyCardStatement .swiper-pagination-bullets .swiper-pagination-bullet-active {width:18px;}
.easyMode .easyCardStatement .swiper-pagination-bullets .swiper-pagination-bullet-active::before {background:#2589f4; width:18px;}

/* 이용내역 */
.easyMode .myEasyDetailLink {}
.easyMode .myEasyDetailLink .link {display:block; position:relative; padding:20px; border-radius:16px; background-color:#fff; box-shadow:1px 1px 1px 0 rgba(255, 255, 255, 0.2) inset, 8px 16px 24px 0 rgba(0, 0, 0, 0.1);}
.easyMode .myEasyDetailLink .link .title {display:inline-block; position:relative; padding-right:24px; font-size:20px; font-weight:700; line-height:28px; color:#212528;}
.easyMode .myEasyDetailLink .link .title::after {content:''; display:block; position:absolute; top:5px; right:0; width:16px; height:16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/content/arrow_16x16_black.png); background-size:contain;}
.easyMode .myEasyDetailLink .link .list {display:grid; grid-template-columns:1fr auto; gap:8px; align-items:flex-start; margin-top:20px;}
.easyMode .myEasyDetailLink .link .info {overflow:hidden;}
.easyMode .myEasyDetailLink .link .item {display:block; font-size:18px; font-weight:600; line-height:26px; color:#212528; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.easyMode .myEasyDetailLink .link .time {margin-top:0.333rem; font-size:15px; font-weight:600; line-height:21px; color:#8f8f8f;}
.easyMode .myEasyDetailLink .link .time > span {display:inline-block; position:relative; margin-right:12px;}
.easyMode .myEasyDetailLink .link .time > span:first-child::after {content:''; display:inline-block; position:absolute; top:50%; right:-8px; width:3px; height:3px; margin-top:-3px; border-radius:50%; background-color:#8f8f8f;}
.easyMode .myEasyDetailLink .link .amount {font-size:18px; font-weight:600; line-height:26px; color:#212528;}

/* 화면이동 링크 */
.easyMode .myEasyLink {display:flex; flex-wrap:wrap; margin:0 -5px 0;}
.easyMode .myEasyLink + .myEasyLink {margin-top:6px;}
.easyMode .myEasyLink li {display:flex; margin:5px;}
.easyMode .myEasyLink li .link {display:block; position:relative; width:100%; padding:20px; border-radius:16px; border:1px solid rgb(0, 0, 0, 0.1); background-color:#fff; }
.easyMode .myEasyLink li .link .desc {margin-top:3px; font-size:15px; font-weight:600; line-height:21px; color:#959595;}
/* 화면이동 링크 - 정렬 1단 */
html:not(.senior) .easyMode .myEasyLink.column_1 {}
.easyMode .myEasyLink.column_1 li {flex-basis:100%;}
.easyMode .myEasyLink.column_1 li .link {display:flex; align-items:center; gap:12px;}
.easyMode .myEasyLink.column_1 li .link .thumb {display:inline-block; width:48px; height:48px;}
.easyMode .myEasyLink.column_1 li .link strong {display:block; font-size:17px; font-weight:600; line-height:24px; color:#212528;}
/* 화면이동 링크 - 정렬 2단 */
.easyMode .myEasyLink.column_2 {}
.easyMode .myEasyLink.column_2 li {flex-basis:calc(50% - 10px);}
.easyMode .myEasyLink.column_2 li .link {min-height:150px; padding:20px 20px 60px 20px;}
.easyMode .myEasyLink.column_2 li .link strong {display:block; font-size:20px; font-weight:700; line-height:28px; color:#212528;}
.easyMode .myEasyLink.column_2 li .link .thumb {display:inline-block; position:absolute; bottom:20px; right:20px; width:40px; height:40px;}
/* 250926 마이페이지 간편모드 (e) */

/* 251001 이번달엔 최소결제 앱서비스 구축 (s) */
.revMinPayWrap .point {color: #3182f7;}
.revMinPayWrap .minPayTop {padding: 3.2rem 2rem; background: #f8f9fa; text-align: center;}
.revMinPayWrap .minPayTop .txt {display: block; margin: 0 0 0.2rem 0; font-size: 1.4rem; font-weight: 800; color: #343a40;}
.revMinPayWrap .minPayTop .money {display: block; margin-bottom: 1.6rem; font-size: 2.2rem; font-weight: 800; color: #343a40;}
.revMinPayWrap .minPayTop .money em {font-weight: 800;}
.revMinPayWrap .minPayTop .desc {display: block; margin-bottom: 1.6rem; font-size: 1.6rem; font-weight: 800; color: #343a40;}
.revMinPayWrap .minPayTop .imgArea img {width: 16rem; height: auto;}
.revMinPayWrap .detailBox .infoList li {padding: 0.6rem 0;}
.revMinPayWrap .detailBox.type2 {padding: 2.4rem 2rem;}
.revMinPayWrap .detailBox.type2 .infoBox {display: flex; align-items: center; margin-bottom: 2.4rem;}
.revMinPayWrap .detailBox.type2 .dataInfo {width: calc(100% - 6.6rem);}
.revMinPayWrap .detailBox.type2 .dataInfo .card {margin: 0 1.6rem 0 0;}
.revMinPayWrap .detailBox.type2 .dataInfo .infoTit {margin-bottom: 0.2rem; font-size: 1.4rem;}
.revMinPayWrap .detailBox.type2 .dataInfo .money {font-size: 2rem; font-weight: 800; color: #343a40;}
.revMinPayWrap .detailBox.type2 .dataInfo .money .del {text-decoration: line-through;}
.revMinPayWrap .detailBox.type2 .infoBox .card {width: 5rem; height: 5rem;}
.revMinPayWrap .detailBox.type2 .infoList li:first-child {padding-top: 0;}
.revMinPayWrap .detailBox.type2 .infoList li:last-child {padding-bottom: 0;}
.revMinPayWrap .detailBox.type2 .infoList + .infoList {margin-top: 2.4rem; padding-top: 2.4rem;}
.revMinPayWrap .titArea .desc {margin-top: 0.8rem; padding-top: 0; color: #343a40;}
.iptSel.vertical.whiteStyle .ipt + label:after {min-height: 4.8rem; border-color: 1px solid #e5e5e5; border-radius: 1rem; background: #fff;}
.iptSel.vertical.whiteStyle .ipt:checked + label:after {border-width: 2px; border-style: solid; border-color: #2589F4;}
.iptSel.vertical.whiteStyle .ipt + label .block {padding: 1.3rem 0.5rem; font-size: 1.6rem; font-weight: 600; color: #485056;}
/* 251001 이번달엔 최소결제 앱서비스 구축 (e) */

/* 251022 이용내역 uiux 개편 (s) */
.renew25 #content .transHisWrap section:first-of-type {margin-top: 3.2rem;}
.transHisWrap section > h2 {display: flex; align-items: center;}
.transHisWrap section > h2 .tip {margin-left: 0.4rem;}
.transHisWrap .statementTabWrap li {font-weight: 700; color: #6d747b;}
.transHisWrap .statementTabWrap li.on {color: #212528;}
.transHisWrap .listView {flex-wrap: wrap; margin-top: -0.4rem;}
.transHisWrap .listView .tot {margin-top: 0.4rem; font-size: 1.5rem; font-weight: 700;}
.transHisWrap .listView .btnSortGroup {margin: 0.4rem 0 0 auto;}
.transHisWrap .listView .btnSortGroup .btnFilter {display: block; width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/icon_filter.png) no-repeat center center; background-size: 2.4rem 2.4rem;}
.transHisWrap .listView .btnSortGroup .btnSort {padding-right: 2.4rem; font-size: 1.4rem; font-weight: 700; color: #6d747b; line-height: 2.4rem;}
.transHisWrap .listView .btnSortGroup li + li {margin-left: 12px;}
.transHisWrap .listView .btnSortGroup li .btnSort::after {width: 2.4rem; height: 2.4rem; background: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_sort_updown_01.png) no-repeat center center; background-size: 2.4rem;}
.transHisWrap .listView .btnSortGroup li.on .btnSort.selected::after {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_sort_updown_01_on.png);}
.transHisWrap .useTagWrap .titWrap {position:relative; margin-top: 1.6rem; padding:1.6rem 0;}
.transHisWrap .useTagWrap .useItem {display:flex; justify-content:flex-start; align-items:center;}
.transHisWrap .useTagWrap .useItem .tit {font-size:1.6rem; font-weight:500; line-height:2.2rem; color:#343a40;}
.transHisWrap .useTagWrap .useItem .useTagSet {width:2.4rem; height:2.4rem; margin-left:0.2rem; background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_setting_02.png) no-repeat center center; background-size: 2.0rem;}
.transHisWrap .useTagWrap .useTag {position:absolute; top:50%; right:0; transform: translateY(-50%);}
.transHisWrap .useTagWrap .useTag .toggleSwitch {font-size:unset;}
.transHisWrap .useTagWrap .tagCheck .tagGroup {padding: 0 20px 0 20px;}
.transHisWrap .useTagWrap .tagCheck .tagGroup .tag:last-child {margin-right: 0;}
.transHisWrap .dataList > li .tit > .tagBullet {display: none; width: 10px; height: 10px; border-radius: 4px; margin-right: 4px;}
.transHisWrap .dataListWrap.on .dataList > li .tit > .tagBullet {display: inline-block; background: #6d747b;}
.transHisWrap .dataInfo > .info {margin-top: 0; color: #6d747b;}
.transHisWrap .dataInfo > .info > span {margin-top: 4px;}
.transHisWrap .dataInfo > .info > span.memo {width: 100%;}
.transHisWrap .dataInfo > .info > span.pay {width:2rem; height:2rem; margin-right: 0; padding: 0; background:url(/https/nm.wooricard.com/dcmw/img/mw/content/ico_usedata_wooripay.png) no-repeat center center; background-size: 2.0rem;}
.transHisWrap .dataListItem .dataList .dataMoney .usePoint,
.transHisWrap .dataListItem .dataList .dataMoney.cancel .money em {color: #6d747b;}
.transHisWrap .cardBtn {display: flex; align-items: center;}
.transHisWrap .cardBtn > i {background: url(/https/nm.wooricard.com/dcmw/img/mw/common/btn_acco.png) no-repeat center center; background-size: 20px; transform: rotate(-90deg);}
/* 251022 이용내역 uiux 개편 (e) */

/* 251028 bzp 출장컨시어지 (s) */
section.bzpCncg {margin: 0; background: #222;}
.bzpCncg .inner {padding: 6rem 2rem; color: #fff; text-align: center; word-break: keep-all;}
.bzpCncg .inner > h2 {margin: 0 -0.2rem 3.2rem -0.2rem; font-size: 2rem; font-weight: 700;}
.bzpCncg[class*=type] {background-color: #666; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bzpCncg.type01 {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/content/bg_concierge_01.png); background-position: left 40% center;}
.bzpCncg.type02 {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/content/bg_concierge_02.png);}
.bzpCncg.type03 {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/content/bg_concierge_03.png);}
.bzpCncg.type04 {background-image: url(/https/nm.wooricard.com/dcmw/img/mw/content/bg_concierge_04.png); background-position: left 32% center;}
.bzpCncg.type01 .inner {padding: 13.3rem 2rem;}
.bzpCncg.type01 .inner .tit {display: block; margin-bottom: 1.2rem; font-size: 2.5rem; font-weight: 700;}
.bzpCncg.type01 .inner .desc {margin-bottom: 2.4rem; font-size: 1.5rem; font-weight: 500; line-height: 2.4rem;}
.bzpCncg.type01 .inner .btn_p {width: auto; height: auto; padding: 1.6rem 2.4rem; border-radius: 0.6rem; font-size: 1.6rem; font-weight: 700; line-height: 1.2}
.bzpCncg[class*=type] .cncgCardList li {position: relative; padding: 22px 20px 20px 7.6rem; border-radius: 0.6rem; background: rgb(229,234,241,0.04); box-shadow: 4px 4px 16px rgba(0,0,0,0.06); text-align: left;}
.bzpCncg[class*=type] .cncgCardList li:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,0.14); border-radius: 0.6rem; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.bzpCncg[class*=type] .cncgCardList li + li {margin-top: 1.2rem;}
.bzpCncg[class*=type] .cncgCardList li .imgArea {position: absolute; top: 22px; left: 20px; display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: rgba(255,255,255,0.2); z-index: 2;}
.bzpCncg[class*=type] .cncgCardList li .imgArea img {width: 2.4rem; height: 2.4rem;}
.bzpCncg[class*=type] .cncgCardList li > strong {position: relative; display: block; margin-bottom: 0.2rem; font-size: 1.6rem; font-weight: 600; z-index: 2;}
.bzpCncg[class*=type] .cncgCardList li > p {position: relative; font-size: 1.4rem; font-weight: 500; z-index: 2;}
.bzpCncg.type04 .bzpFaqList li {position: relative; padding: 0 2rem; border-radius: 0.6rem; background: rgb(229,234,241,0.04); box-shadow: 4px 4px 16px rgba(0,0,0,0.06); text-align: left;}
.bzpCncg.type04 .bzpFaqList li:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,0.14); border-radius: 0.6rem; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.bzpCncg.type04 .bzpFaqList li + li {margin-top: 1.2rem;}
.bzpCncg.type04 .bzpFaqList .question {position: relative; padding: 2rem 0; font-size: 1.6rem; font-weight: 600; word-break: break-all; z-index: 2;}
.bzpCncg.type04 .bzpFaqList .answer {position: relative; padding: 2rem 0; border-top: 1px solid rgba(255,255,255,0.4); font-size: 1.4rem; font-weight: 500; word-break: break-all; z-index: 2;}
@media (max-width: 320px) {
	.bzpCncg .inner > h2 br {display: none;}
}
@media (max-width: 340px) {
	.senior .bzpCncg.type01 .inner .desc br {display: none;}
}
@media (max-width: 400px) {
	.senior .bzpCncg .inner > h2 br {display: none;}
}
/* 251028 bzp 출장컨시어지 (e) */

/* 251014 긴급대응서비스 화면 (s) */
.customerBox {display:flex; justify-content:space-between; align-items:center; gap:1.2rem; padding:1.6rem 2.0rem; margin-top:0.8rem; border:1px solid rgb(0, 0, 0, 0.1); border-radius:1.6rem;}
.customerBox .info {font-size:1.2rem; line-height:1.6rem; font-weight:500; color:#6d747b;}
.customerBox .info strong {display:block; margin-top:0.4rem; font-size:2.0rem; line-height:2.8rem; font-weight:600; color:#212528;}
.customerBox .tel {width:4.0rem; height:4.0rem; }
@media screen and (max-width:320px) {
	.customerBox {padding:1.6rem;}
}	
/* 251014 긴급대응서비스 화면 (e) */	

/* =========================================== 카드메인개편(시작) 20251119  ===========================================*/
/* 카드메인 ===========================================*/
.subMainWrap {margin-top:8px !important; padding:0 20px !important;}
.subMainTabWrap .subMainTab {display:block; height:auto;}
.subMainTabWrap .subMainTab > li {display:inline-block; padding-right:16px;}
.subMainTabWrap .subMainTab > li:last-child {padding-right:0;}
.subMainTabWrap .subMainTab > li > a {display:block; padding:3px 0; font-size:2.0rem; font-weight:800; color:#888;}
.subMainTabWrap .subMainTab li.active a {display:block; font-size:2rem; font-weight:800; color:#343a40; line-height:2.8rem;}
.subMainTabWrap .subMainTabContainer {margin-top:20px;}
/*(1번째 탭영역) 우카's Pick(우리카드 추천카드목록)*/
.subMainRecommendCard {width:100%; margin-left:0;}
.subMainCrdListWrap {display:block; overflow-x:hidden; padding:0; white-space:normal;}
.subMainCrdList .listItem {overflow:hidden; width:100%; margin-top:12px; margin-right:0; border-radius:16px;}
.subMainCrdList .listItem:first-child {margin-top:0; padding-left:0;}
.subMainCrdList .listItem:last-child {padding-right:0}
.subMainCrdList .listItem .linkItem {display:block; position:relative; width:100%; height:100%; padding:0; background-color:#797979; border-radius:16px;}
.subMainCrdList .listItem .linkItem:before {content:''; position:absolute; right:24px; bottom:24px; width:24px; height:24px; padding:14px; background:linear-gradient(318deg, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.10)); border-radius:20px; backdrop-filter:blur(5px); z-index:1;}
.subMainCrdList .listItem .linkItem:after {content:''; position:absolute; right:24px; bottom:24px; width:24px; height:24px; padding:14px; background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_arr_detail.png) no-repeat center center; background-size:24px; z-index:2;}
.subMainCrdList.listType1 {white-space:normal;} /*추후 확장성을 고려, AS-IS 유형클래스 유지*/
.subMainCrdList.listType1 .listItem .itemThumb {position:static; width:100%; border-radius:16px;}
.subMainCrdList.listType1 .listItem .textInfo {position:absolute; bottom:0; left:0; width:calc(100% - 76px); height:auto; padding:24px 16px 24px 24px; background:none; backdrop-filter:none; border-radius:0 0 16px 16px;}
.subMainCrdList.listType1 .listItem .textInfo .title {display:block; max-height:100%; font-size:2.2rem; color:#fff; font-weight:800; line-height:2.8rem; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.subMainCrdList.listType1 .listItem .textInfo .description {display:block; margin-top:4px; font-size:1.5rem; line-height:2.0rem; color:#fff; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
/*검색 바로가기(꿀벌)*/
.subMainSearch {margin-top:48px; padding:0; background:none; border-radius:0;}
.subMainSearch .topTitle {padding:0; font-size:2.0rem; font-weight:800; line-height:2.8rem; color:#212528;}
.subMainSearch .linkItem {display:block; margin-top:-56px; padding-top:86px;}
.subMainSearch .linkItem .goSearchBg {display:block; position:relative; padding:18px 40px 18px 20px; border-radius:20px; background:#ebeef1;}
.subMainSearch .linkItem .goSearchBg:before {content:''; display:block; position:absolute; right:20px; top:20px; width:20px; height:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/main/img_card_search.png) no-repeat center center; background-size:100% auto;}
.subMainSearch .linkItem .goSearchBg:after {content:''; display:block; position:absolute; right:0; top:-65px; width:138px; height:85px; background:url(/https/nm.wooricard.com/dcmw/img/mw/main/bg_card_search.png) no-repeat center center; background-size:100% auto;}
.subMainSearch .linkItem .goSearchBg em {color:#81878D; font-size:16px; font-weight:500;}
.subMainSearch .linkItem .goSearchBg em + em {margin-left:6px;}
/*진행중인 이벤트목록*/
.subMainEvent {margin-top:48px; padding:0; background:none; border-radius:0;}
.subMainEvent .topTitle {display:flex; justify-content:space-between; align-items:center; padding:0; font-size:2.0rem; font-weight:800; line-height:2.8rem; color:#212528;}
.subMainEvent .topTitle .linkItem {width:36px; height:36px; background:url(/https/nm.wooricard.com/dcmw/img/mw/main/btn_more_event.png) no-repeat center; background-size:36px; border-radius:100%; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);}
.subMainEventList {margin-top:12px;}
.subMainEventList li {display:flex; justify-content:flex-start; align-items:center; gap:0 16px; padding:12px 0;}
.subMainEventList li .eventIcon {width:50px; height:50px; background:#ebeef1; border-radius:100%;}
.subMainEventList li .eventIcon.default + a span {display:none;}
.subMainEventList li .eventIcon.default + a strong {margin-top:0;}
.subMainEventList li .eventIcon i {display:block; width:26px; height:26px; margin:12px auto;}
.subMainEventList li a {display:inline-block; width:calc(100% - 66px);}
.subMainEventList li span {display:block; font-size:1.4rem; font-weight:500; line-height:2.0rem; color:#868D92;}
.subMainEventList li strong {display:-webkit-box; max-height:100%; margin-top:4px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:1.6rem; font-weight:600; line-height:2.2rem; color:#212528;}
/*(2번째 탭영역) 카드 둘러보기(골라서 보는 혜택별 카드목록)*/
/* 카테고리탭 */
.subMainTabCont .newCrdListWrap .categoryListWrap {overflow-x:auto; width:calc(100% + 40px); margin:0 -20px; white-space:nowrap; scrollbar-width:none;}
.subMainTabCont .newCrdListWrap .categoryList {overflow-y:hidden; display:block; width:max-content; padding:0 20px; margin-left:0;}
.subMainTabCont .newCrdListWrap .categoryList .listItem {display:inline-block; position:relative; min-width:60px; padding:9px 15px; border-radius:64px; background-color:#f1f3f5; border:1px solid #e9ecef; font-size:1.6rem; font-weight:500; line-height:2.0rem; color:#6d747b; vertical-align:top;}
.subMainTabCont .newCrdListWrap .categoryList .listItem:nth-child(1), 
.subMainTabCont .newCrdListWrap .categoryList .listItem:nth-child(2),
.subMainTabCont .newCrdListWrap .categoryList .listItem:nth-child(3) {margin-bottom:8px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem:nth-child(3):after {content:''; display:block; clear:both;}
.subMainTabCont .newCrdListWrap .categoryList .listItem:nth-child(4):before {content:''; display:block; clear:both;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.empty {display:block; padding:0; border:0; font-size:0; line-height:0;}
.subMainTabCont .newCrdListWrap .categoryList .listItem .iconCate {display:none;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on {padding-left:37px; border:1px solid #2589f4; background-color:#2589f4; color:#fff; font-weight:500;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate {display:inline-block; position:absolute; left:8px; top:50%; width:24px; height:24px; margin-top:-12px; margin-right:5px; border-radius:100%;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate + span {display:inline-block; vertical-align:top;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.shoping {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_shoping.png) no-repeat center #fff; background-size:16px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.traffic {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_traffic.png) no-repeat center #fff; background-size:16px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.trip {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_trip.png) no-repeat center #fff; background-size:16px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.leisure {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_leisure.png) no-repeat center #fff; background-size:16px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.life {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_life.png) no-repeat center #fff; background-size:16px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.shop {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_shop.png) no-repeat center #fff; background-size:16px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.collabor {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_chain.png) no-repeat center #fff; background-size:16px;}
.subMainTabCont .newCrdListWrap .categoryList .listItem.on .iconCate.foreign {background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_foreign.png) no-repeat center #fff; background-size:16px;}
/* 카드목록 */
.subMainTabCont .newCrdListWrap .newCrdList {padding:32px 0 0;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem {display:block; margin-bottom:0; padding:24px 0; border-bottom:1px solid #e9ecef; font-size:0;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem:first-child {padding-top:0;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem:not(:last-of-type) {margin-bottom:0;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem > a {display:flex; align-items:flex-start; width:100%;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .imgItem {width:46px; height:73px; margin-right:20px;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .imgItem img {display:block; width:100%; min-width:46px; border-radius:2px;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .imgItem.rotate {width:73px; height:100%; margin:13px 7px 0 -14px; transform:rotate(90deg);} /*[카드개편] : 20251107 - 가로형 이미지 -> 세로형 전환*/
.subMainTabCont .newCrdListWrap .newCrdList .listItem .imgItem.rotate img {border-radius:4px;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .txtItem {width:calc(100% - 66px);}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .txtItem .slogan {display:-webkit-box; max-height:100%; margin-bottom:2px; font-size:1.4rem; font-weight:600; color:#0871f3; line-height:2.0rem; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .txtItem .title {width:100%; margin:0px; font-size:1.7rem; font-weight:800; color:#343a40; line-height:2.4rem; white-space:normal; text-overflow:unset;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .txtItem .description {display:block; max-height:100%; margin-top:14px; font-size:1.4rem; font-weight:500; color:#6d747b; line-height:2.0rem; overflow:initial; text-overflow:initial; white-space:normal; -webkit-box-orient:initial; -webkit-line-clamp:initial;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .txtItem .description em {display:block; margin-top:4px; font-weight:500;}
.subMainTabCont .newCrdListWrap .newCrdList .listItem .txtItem .description em:first-child {margin-top:0;}
.subMainTabCont .newCrdListWrap .newCrdListBtm {margin-top:12px; padding:0; font-size:1.4rem; text-align:center;}
.subMainTabCont .newCrdListWrap .newCrdListBtm .linkItem {display:block; padding:12px 0; background:none; border-radius:0; color:#485056; font-weight:500; line-height:2.0rem;}
.subMainTabCont .newCrdListWrap .newCrdListBtm .linkItem span {display:inline-block; position:relative; padding-right:16px;}
.subMainTabCont .newCrdListWrap .newCrdListBtm .linkItem span:after {content:''; display:inline-block; position:absolute; right:0; top:50%; width:16px; height:16px; margin-top:-8px; background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_arr_dark.png) no-repeat center right; background-size:16px; vertical-align:middle;}
/*(배너1) 가족카드*/
.newFamilyCard {margin-top:36px; padding:10px 20px; background:linear-gradient(124deg, #ffe7f0 -0.52%, #cee5ff 66.36%, #4cc4ff 147.19%); border-radius:16px;}
.newFamilyCard .linkItem {display:flex; justify-content:space-between; align-items:center;}
.newFamilyCard .linkItem .txtItem {width:calc(100% - 98px); word-break:keep-all;}
.newFamilyCard .linkItem .txtItem strong {display:block; font-size:1.7rem; font-weight:800; line-height:2.4rem; color:#212528;}
.newFamilyCard .linkItem .txtItem span {display:block; margin-top:2px; font-size:1.4rem; font-weight:500; color:#868D92; line-height:2.0rem;}
.newFamilyCard .linkItem .imgItem {width:90px;}
/*(배너2) Quick Check! 신용카드 + 체크카드*/
.newCardType {margin-top:48px; padding:0; background:none; border-radius:0;}
.newCardType .topTitle {font-size:2rem; line-height:2.8rem; color:#212528; font-weight:800}
.newCardType .topTitle img {display:block; max-width:138px; margin-bottom:6px;}
.newCardTypeList {display:block; margin-top:20px; font-size:0;}
.newCardTypeList li {display:inline-block; vertical-align:top; width:50%; box-sizing:border-box;}
.newCardTypeList li:nth-child(1) {padding-right:4px;}
.newCardTypeList li:nth-child(2) {padding-left:4px;}
.newCardTypeList li .linkItem {display:block; padding:24px 25px; background:#ebeef1; border-radius:16px; text-align:center;}
.newCardTypeList li .linkItem .imgItem {max-width:90px; max-height:90px; margin:auto;}
.newCardTypeList li .linkItem .txtItem {padding-top:16px; font-size:1.6rem; font-weight:500; line-height:2.2rem; color:#212528; word-break:keep-all;}
/*(배너3)외국인카드*/
.newForeignersCard {margin-top:48px; background:#2d435b; border-radius:16px; box-shadow:8px 8px 24px 0 rgba(0, 0, 0, .1);}
.newForeignersCard .linkItem {display:block; text-align:center;}
.newForeignersCard .linkItem .txtItem {margin:0 !important; padding:24px 20px 0; text-align:left;}
.newForeignersCard .linkItem .txtItem span {display:block; font-size:1.6rem; font-weight:500; line-height:2.2rem; color:#fff; opacity:.6;}
.newForeignersCard .linkItem .txtItem strong {display:block; margin-top:8px; font-size:2.0rem; line-height:2.8rem; color:#fff;}
.newForeignersCard .linkItem .imgItem img {max-height:175px;}
/*(배너4)맞춤카드찾기*/
.newCustomCard {overflow:hidden; margin-top:20px; background:#fff; border-radius:16px; box-shadow:8px 8px 24px 0 rgba(0, 0, 0, 0.1);} /* [카드개편] : 20251128 - 배너이미지하단 라운드처리 */
.newCustomCard .linkItem {display:block; text-align:center;}
.newCustomCard .linkItem img {max-height:175px;}
.newCustomCard .linkItem .txtItem {padding:24px 20px 0; text-align:left;}
.newCustomCard .linkItem .txtItem span {display:block; font-size:1.6rem; font-weight:500; line-height:2.2rem; color:#868D92; word-break:keep-all;}
.newCustomCard .linkItem .txtItem .txtType1 {display:flex; justify-content:flex-start; align-items:center; margin-top:8px; color:#000;}
.newCustomCard .linkItem .txtItem .txtType1 span {margin-bottom:0;}
.newCustomCard .linkItem .txtItem .txtType1 strong {font-size:2.0rem !important; font-weight:800; line-height:2.8rem; color:#212528;}
/*(배너5)카드전체보기*/
.newAllCardView {margin-top:20px; padding:0; background:linear-gradient(180deg, rgba(247, 247, 247, 0) 31.25%, #e8eff6 58.25%);}
.newAllCardView .linkItem {display:block; position:relative;}
.newAllCardView .linkItem .txtItem {position:absolute; left:50%; bottom:28px; transform:translate(-50%, 0); width:100%; margin:0 !important; text-align:center;}
.newAllCardView .linkItem .txtItem strong {display:block; font-size:1.7rem; font-weight:800; line-height:2.4rem; color:#fff;}
.newAllCardView .linkItem .txtItem span {display:block; margin-top:6px; font-size:1.4rem; font-weight:500; line-height:2.0rem; color:#fff; opacity:.6;} 
.newAllCardView .linkItem .txtItem span:after {content:''; display:inline-block; width:16px; height:16px; margin-top:-2px; background:url(/https/nm.wooricard.com/dcmw/img/mw/main/ico_arr_white.png) no-repeat center right; background-size:16px; vertical-align:middle;}
@media screen and (max-width:320px) {
    .subMainCrdList .listItem {height:245px;}
    .subMainCrdList.listType1 .listItem .textInfo .description {-webkit-line-clamp:3; letter-spacing:-.7px;}
    .subMainCrdList.listType1 .listItem .itemThumb {position:absolute; width:280px; height:245px; max-width:none;}
}
@media screen and (max-width:298px) {
    html.senior .subMainTabWrap .subMainTab li {letter-spacing:-0.13rem;}
    .subMainCrdList.listType1 .listItem .itemThumb {left:-10px;}
}
/* 맞춤카드 찾기 ===========================================*/
.customCdWrapNew {padding-bottom:36px;}
.customCdWrapNew .stepCont {padding:0 20px 32px;}
.customCdWrapNew .cfTitH3 {justify-content:space-between;}
.customCdWrapNew .cfTitH3 .subDesc {display:inline-block; font-size:1.4rem; font-weight:500; color:#868D92;}
.customCdWrapNew .groupBox .cfChkOptGroup {margin-top:0;}
.customCdWrapNew .groupBox .cfChkOptGroup li {margin-top:0;}
.groupBox .sliderRangeArea {position:relative; margin:25px 8px 0 8px;}
.groupBox .sliderRange.ui-slider-horizontal {height:6px; margin-top:9px;}
.groupBox .sliderRange.ui-widget.ui-widget-content {border:0; background:#f1f2f4;}
.groupBox .sliderRange .ui-slider-range {background:#3996f9;}
.groupBox .sliderRange.ui-widget-content .ui-state-default {display:inline-block; z-index:3; overflow:visible; top:-9px; width:24px; height:24px; margin-left: -.6em !important; border-radius:50%; border:2px solid #2589f4 !important; background:#fff !important; cursor:pointer;}
.groupBox .sliderRange.ui-widget-content .ui-state-default .rangeHandle {display:inline-block; position:absolute; left:0; top:-14px; width:48px; height:48px; margin-left:-18px; text-indent:-9999px;}
.rangeMarkerArea {position:relative; z-index:2; height:36px;}
.rangeMarkerArea .rangeMarker {position:absolute; top:-5px; width:4px; height:4px; border-radius:50%; background:#dfe2e6;}
.rangeMarkerArea .rangeMarker:nth-child(1) {display:none; left:2px;}
.rangeMarkerArea .rangeMarker:nth-child(2) {left:0;}
.rangeMarkerArea .rangeMarker:nth-child(3),.rangeMarkerArea .rangeMarker:nth-child(4) {left:25%;}
.rangeMarkerArea .rangeMarker:nth-child(5),.rangeMarkerArea .rangeMarker:nth-child(6) {left:50%;}
.rangeMarkerArea .rangeMarker:nth-child(7),.rangeMarkerArea .rangeMarker:nth-child(8) {left:75%;}
.rangeMarkerArea .rangeMarker:nth-child(9) {display:none; left:calc(100% - 5px);}
.rangeMarkerArea .rangeMarker:nth-child(10) {left:100%;}
.rangeMarkerArea .rangeMarker.rangeValue {top:10px; width:auto; height:auto; margin-top:10px; margin-left:-12px; background:#fff; color:#485056}
.rangeMarkerArea .rangeMarker.rangeValue:nth-child(2),
.rangeMarkerArea .rangeMarker.rangeValue:nth-child(4),
.rangeMarkerArea .rangeMarker.rangeValue:nth-child(6),
.rangeMarkerArea .rangeMarker.rangeValue:nth-child(8),
.rangeMarkerArea .rangeMarker.rangeValue:nth-child(10) {margin-left:-22px;}
.rangeMarkerArea .rangeMarker.rangeValue .handleLabel {position:absolute; left:0; top:-20px; width:48px; height:60px; line-height:60px; white-space:nowrap; text-align:center;}
/* .rangeMarkerArea .rangeMarker.rangeValue.is-marked .handleLabel {color:#000;} js처리는 유지*/
.customCdWrapNew .cardBenefits {position:relative; padding:32px 20px 0; border-top:8px solid rgba(115, 132, 149, 0.05)}
.customCdWrapNew .cardBenefits .cfTitH3 {display:flex; position:relative; margin-bottom:16px; font-size:1.7rem; color:#070F16; font-weight:600; line-height:24px;}
.customCdWrapNew .cardBenefits .cfTitH4 {margin:32px 0 12px; font-size:1.5rem; color:#212528;}
.customCdWrapNew .cfOptGroup.benefits {margin:0 0 0 -8px;;}
.customCdWrapNew .cfOptGroup.benefits li {min-height:48px; height:auto;}
.customCdWrapNew .cfOptGroup.benefits li:nth-child(1), .customCdWrapNew .cfOptGroup.benefits li:nth-child(2) {margin-top:0;}
.customCdWrapNew .cfOptGroup.benefits .cfRdoOpt + .cfLabel {flex-wrap:wrap; flex-direction:row; justify-content:flex-start; padding-left:20px;}
.customCdWrapNew .cfOptGroup.benefits .cfLabel .cfIco_ci {display:flex; align-items:center; margin-right:8px;}
.customCdWrapNew .cfOptGroup.benefits .cfLabel .cfIco_ci img {width:20px; height:20px;}
/* 맞춤카드 찾기 결과 */
.customCdWrapNew .customCdTit {margin-top:1.6rem; padding:0 20px; color:#333; text-align:left;}
.customCdWrapNew .customCdTit h2.finalTit {margin:0; font-size:1.8rem; font-weight:600; color:#212528; line-height:1.2;}
.customCdWrapNew .recommendLst {margin-top:1.5rem;}
.customCdWrapNew .recommendLst > li {border:1px solid #dee2e6; border-radius:1.6rem; background:#fff;}
.customCdWrapNew .recommendLst > li + li {margin-top:12px;}
.customCdWrapNew .recommendLst > li > .recommendCd {display:inline-block; position:relative; width:100%; height:100%; padding:20px; text-align:left;}
.customCdWrapNew .recommendLst > li > .recommendCd:before {display:none;}
.customCdWrapNew .recommendLst .cdInfoThum {position:absolute; right:20px; top:20px; left:unset; width:52px; height:82px; margin:0 8px;}
.customCdWrapNew .recommendLst > li > .recommendCd.rotate .cdInfoThum {width:82px; height:52px; margin:15px -8px 0 -14px; transform:rotate(90deg);} /*[카드개편] : 20251114 - 가로형 이미지 -> 세로형 전환*/
.customCdWrapNew .recommendLst .cdInfoCont {display:inline-block; vertical-align:middle; width:calc(100% - 68px); min-height:86px; padding-right:12px;}
.customCdWrapNew .recommendLst .cdInfoCont strong {display:block; margin-bottom:0; color:#333; font-size:2.0rem; font-weight:900; line-height:2.8rem; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.customCdWrapNew .recommendLst .cdInfoCont .feeCell {display:flex; flex-wrap:wrap; gap:8px 0; margin-top:14px; font-size:1.3rem; font-weight:500; color:#868D92; letter-spacing:0; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.customCdWrapNew .recommendLst .cdInfoCont .feeCell .tbCell {margin-right:16px; font-size:1.4rem; line-height:1.8rem;}
.customCdWrapNew .recommendLst .cdInfoCont .feeCell .tbCell span {display:inline-flex; width:25px; height:18px; margin-right:6px; vertical-align:top;}
.customCdWrapNew .recommendLst .cdInfoCont.benefits {display:inline-block; vertical-align:middle; width:100%; min-height:100%; padding:16px 0 0; margin-top:16px; border-top:1px solid #e9ecef;}
.customCdWrapNew .recommendLst .cdInfoCont.benefits p {display:-webkit-box; position:relative; max-height:40px; padding-left:8px; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.4rem; font-weight:500; line-height:2.0rem; color:#343A40; overflow:hidden; text-overflow:ellipsis; white-space:normal; letter-spacing:0;}
.customCdWrapNew .recommendLst .cdInfoCont.benefits p:before {content:''; display:inline-block; position:absolute; left:0; top:9px; width:2px; height:2px; background:#868D92; vertical-align:middle;}
.customCdWrapNew .recommendLst .cdInfoCont.benefits p + p {margin-top:4px;}
.customCdWrapNew .recommendLst .cashback .recommendCd .flag {position:static; display:inline-block; padding:3px 6px; margin-bottom:6px; background:#f3f3fd; border-radius:2.4rem; font-size:1.2rem; color:#6b70da; font-weight:600;}
.customCdWrapNew .recommendLst .cashback .recommendCd .flag:after {display:none;}
.customCdWrapNew .recommendWrap {padding-bottom:6.6rem;}
.customCdWrapNew .recommendWrap .recommendLstBtm {margin:12px 0 24px; text-align:center;}
.customCdWrapNew .moreCard {display:block; padding:12px 0; color:#485056; font-size:1.4rem; font-weight:500; line-height:1.43;}
.customCdWrapNew .moreCard:after {display:none;}
.customCdWrapNew .moreCard span {position:relative; padding-right:16px;}
.customCdWrapNew .moreCard span:after {content:''; display:block; position:absolute; right:0; top:50%; width:20px; height:20px; transform:translate(0, -50%); background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_terms.png) no-repeat center right; background-size:16px auto;border:0;}
/* 맞춤카드 찾기 결과 - No Search */
.customCdWrapNew .pickList .contTxt {position:static; font-size:2.0rem; font-weight:800; color:#212528;}
.customCdWrapNew .pickList .recommendLst {position:static; overflow-x:hidden; flex-direction:column; gap:0; margin-top:1.6rem;} 
.customCdWrapNew .pickList .recommendLst li {padding:0; background:transparent; border:0;}
.customCdWrapNew .pickList .recommendLst li + li {margin-top:0;}
.customCdWrapNew .pickList .recommendLst li:last-child {margin-right:0;}
.customCdWrapNew .pickList .recommendLst .recommendCd {width:100%; height:100%; padding:1.4rem 3.2rem 1.4rem 4.8rem;}
.customCdWrapNew .pickList .recommendLst .recommendCd:before {display:none;}
.customCdWrapNew .pickList .recommendLst .recommendCd:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:16px; height:16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_detail.png) no-repeat center; background-size:16px auto;}
.customCdWrapNew .pickList .recommendLst .cdInfoThum {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:32px; height:50px; margin:0;}
.customCdWrapNew .pickList .recommendLst .cdInfoCont {display:inline-block; vertical-align:middle; width:100%; min-height:100%; margin-right:0;} 
.customCdWrapNew .pickList .recommendLst .cdInfoCont strong {max-height:40px; margin-bottom:4px; font-size:1.6rem; font-weight:600; color:#212528; line-height:2.0rem;}
.customCdWrapNew .pickList .recommendLst .cdInfoCont p {display:-webkit-box; max-height:40px; font-size:1.4rem; font-weight:500; color:#868D92; line-height:2.0rem; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.customCdWrapNew .customCdCont {position:relative; padding:0 2rem;}
.customCdWrapNew .customCdCont .pickList {position:absolute; left:0; bottom:0; width:100%; padding:32px 20px 56px; background-color:#f8f8f8;}
.customCdWrapNew.noSearch {min-height:calc(100vh - 126px); background:#f8f8f8;}
.customCdWrapNew.noSearch .customCdTit {margin:0; padding:40px 20px 52px; background:#fff; text-align:center;} 
.customCdWrapNew.noSearch .customCdTit h2.finalTit {margin:0; font-size:2.0rem; line-height:1.6;}
.customCdWrapNew.noSearch .customCdTit .finalTit:before {content:""; display:block; width:72px; height:72px; margin:0 auto 24px; background:url(/https/nm.wooricard.com/dcmw/img/mw/essence/img_newcustom_nodata.png) 0 0 no-repeat; background-size:72px;}
.customCdWrapNew.noSearch .customCdCont {position:relative; padding:0;}
.customCdWrapNew.noSearch .customCdCont .pickList {position:static; width:100%; padding:32px 20px 36px; background-color:#f8f8f8;}
.M1CRD211S01 body.noFooter #content .customCdWrapNew {margin-bottom:-124px;} /* 결과화면 하단 여백 제어 */
@media screen and (max-width:320px) {
    .customCdWrapNew .groupBox .cfChkOptGroup li {margin-top:8px;}
    .customCdWrapNew .groupBox .cfChkOptGroup li:first-child {margin-top:0;}
    .customCdWrapNew .groupBox .cfChkOptGroup.divide2 > li, .customCdWrapNew .groupBox .cfOptGroup.divide2 > li {width:100%} 
    .customCdWrapNew .groupBox .cfChkOptGroup.divide3 > li {width:100%;}
    .customCdWrapNew .cfOptGroup.benefits li:nth-child(2) {margin-top:8px;}
    html.senior .customCdWrapNew .recommendLst .cdInfoCont strong {max-height:67px; letter-spacing:-.8px;}
    html.senior .customCdWrapNew .recommendLst .cdInfoCont .feeCell {letter-spacing:-.8px;}
    html.senior .customCdWrapNew .recommendLst .cdInfoCont.benefits p {max-height:48px; letter-spacing:-.8px;}
    html.senior  .customCdWrapNew.noSearch .customCdTit h2.finalTit {letter-spacing:-0.15rem;} /*noSearch*/
    /*WooriCard Pick*/
    html.senior .customCdWrapNew .pickList .recommendLst .cdInfoCont strong {max-height:48px;}
    html.senior .customCdWrapNew .pickList .recommendLst .cdInfoCont p {max-height:48px;}
}
@media screen and (min-height:800px) {
    /* .customCdWrapNew .customCdCont {position:static;} */
    .customCdWrapNew .customCdCont .pickList {padding-bottom:120px;}
}
/* 카드상세 ===========================================*/
.newCardDetail section#crdInfoArea {margin:0;}
.newCardDetail .cardInfoWrap {position:relative; margin:0 -20px; padding:42px 20px 32px; background:linear-gradient(to bottom, rgb(244, 245, 251, 0), rgb(244, 245, 251, 1));}

.newCardDetail #crdInfoArea .cardInfoWrap .badgeWrap {display:flex; justify-content:start; position:absolute; top:12px; margin-top:0;}
.newCardDetail #crdInfoArea .cardInfoWrap .badgeWrap .interest {position:relative; margin:0 0 0 4px; padding:5px 12px; background:#f2f3ff; border:0; border-radius:24px; color:#2589F4; font-size:1.4rem; font-weight:500; line-height:2.0rem;}
.newCardDetail #crdInfoArea .cardInfoWrap .badgeWrap .interest:after {content:''; position:absolute; right:-12PX; top:-6PX; width:24px; height:24px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_interest.png) no-repeat center; background-size:24px; }
.cardInfoWrap .normal-card-tit {position:relative; top:-26px; margin-top:10px; margin-left:4px; padding-top:0;}
.cardInfoWrap .normal-card-tit.is-badge {top:-4px;}
.cardInfoWrap .normal-card-tit .tit {display:block; font-size:2.5rem; line-height:3.5rem; color:#212528; font-weight:800;}
.cardInfoWrap .normal-card-tit .tit .brandName {display:inline-block;}
.cardInfoWrap .normal-card-tit .txt {display:block; margin-top:4px; font-size:16px; font-weight:500; color:#868D92; line-height:2.2rem;}
.cardInfoWrap .normal-card-thumb {padding:28px 0 6px; text-align:center;}
.cardInfoWrap .normal-card-thumb img {width:100px; height:158px; max-width:192px; max-height:192px; border-radius:0; box-shadow:none;} /* 20251124 수정 */
.cardInfoWrap.horiz .normal-card-thumb img {width:158px; max-height:100px; margin:12px 0 46px;}

.cardInfoWrap .normal-card-thumb .util-btn-wrap {margin-top:26px !important; padding:0; text-align: center; font-size: 0;}
.cardInfoWrap .normal-card-thumb .util-btn-wrap [class*='util-'] {display: inline-block; width:50%; margin:0; padding:10px 0; font-size:1.4rem; font-weight:500; line-height:2.0rem;}
.cardInfoWrap .normal-card-thumb .util-btn-wrap [class*='util-']:before {display:none;}
.cardInfoWrap .normal-card-thumb .util-btn-wrap [class*='util-']:after {content:''; position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background:#dee3ef; font-size: 1.4rem; font-weight: 500; line-height: 2.0rem;}
.cardInfoWrap .normal-card-thumb .util-btn-wrap .util-compare span {padding-left:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico-util-basket02.png) no-repeat left center; background-size:16px; color:#6D747B;}
.cardInfoWrap .normal-card-thumb .util-btn-wrap .util-share span {padding-left:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico-util-share02.png) no-repeat left center; background-size:16px; color:#6D747B;}
.cardInfoWrap .normal-card-thumb .util-btn-wrap .util-share:after {display:none;}

.newCardDetail .cardDetailWrap {position:relative; top:-32px; margin:0 -20px; padding:0; background:#fff; border-radius:32px 32px 0 0; box-shadow:0 2px 10px -6px rgb(213, 214, 216, .25);} /* 20251119 padding 수정 */
.cardDetailWrap .normal-card-detail {padding:28px 24px 0;} /* 20251119 추가 */ 
.cardDetailWrap .normal-card-detail .normal-card-list {margin-top:0;}
.cardDetailWrap .normal-card-detail .normal-card-list li {margin-top:12px; padding:0; font-size: 0;} /* 20251119 padding수정 */
.cardDetailWrap .normal-card-detail .normal-card-list li:first-child {margin-top:0;}
.cardDetailWrap .normal-card-detail .normal-card-list li img {display:none;} /*카드개편 아이콘사용안함*/
.cardDetailWrap .normal-card-detail .normal-card-list .txt_p {display: inline-block; vertical-align: middle; font-size: 1.6rem; font-weight:800; line-height:2.2rem; color:#212528;}
.cardDetailWrap .normal-card-detail .normal-card-list .txt_p .txt_u {display: inline-block; position: relative; margin-top:4px; color:#868D92; font-size: 1.4rem; font-weight: 500; line-height:2.0rem;}
.cardDetailWrap .annual-fee-wrap {padding:28px 20px 32px;} 
.cardDetailWrap .annual-fee-wrap .annual-fee {margin-top:0; padding:20px; border:1px solid #e9ecef; border-radius:16px;}
.cardDetailWrap .annual-fee-wrap .annual-fee + .annual-fee,
.cardDetailWrap .annual-fee-wrap .evTxt + .annual-fee {margin-top:20px;} /*[카드개편] : 20251103 - mt20 고정클래스 삭제*/
.cardDetailWrap .annual-fee-wrap .annual-fee.withEvent {padding-bottom:0;}
.cardDetailWrap .annual-fee-wrap .annual-fee .tit {display: block; font-size:1.6rem; font-weight:800; color:#212528; line-height:2.2rem;}
.cardDetailWrap .annual-fee-wrap .annual-fee .feeInfo {margin-top:12px; font-size:1.3rem; font-weight:500; line-height:1.8rem; color:#868D92;}
.cardDetailWrap .annual-fee-wrap .annual-fee .feeInfo + .evTxt {margin-top:2px;}
.cardDetailWrap .annual-fee-wrap .annual-fee .evTxt {margin-top:12px;}
.cardDetailWrap .annual-fee-wrap .annual-fee .annual-fee-list {overflow:hidden; margin:0;}
.cardDetailWrap .annual-fee-wrap .annual-fee .annual-fee-list li {display:inline-block; position:relative; float:left; min-width:calc(50% - 1.4rem); margin:1.2rem 1.4rem 0 0; padding-left:3.6rem; line-height:2.0rem;}
.cardDetailWrap .annual-fee-wrap .annual-fee .annual-fee-list li .logo {display:inline-block; position:absolute; left:0; top:50%; width:2.8rem; height:auto; margin-top:-1rem;}
.cardDetailWrap .annual-fee-wrap .annual-fee .annual-fee-list li .logo img {height:auto; vertical-align:top;}
.cardDetailWrap .annual-fee-wrap .annual-fee .annual-fee-list li .price {display:inline-block; vertical-align: middle; width:calc(100% - 2.8rem); font-size:1.6rem; font-weight:500; color:#6d747b; line-height:2.2rem; white-space:nowrap;}
.cardDetailWrap .annual-fee-wrap .annual-fee .feeEvBanner {margin:16px -20px 0; padding:12px 20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_cashback.png) no-repeat 20px center #f3f3fd; background-size:16px; border-radius:0 0 16px 16px; }
.cardDetailWrap .annual-fee-wrap .annual-fee .feeEvBanner a {display:block; padding:0 20px;  background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_detail.png) no-repeat center right; background-size:16px; font-size:1.3rem; font-weight:700; color:#6B70DA; line-height:1.8rem;}
.cardDetailWrap .annual-fee-wrap .annual-fee .feeEvBanner a:before {display:none;} /* 임시 */
.cardDetailWrap .annual-fee-wrap .evTxt {position:relative; margin-top:8px; padding-left:14px; font-size:1.3rem; font-weight:500; color:#868D92; line-height:1.8rem;}
.cardDetailWrap .annual-fee-wrap .evTxt:before {content:'*'; display:inline-block; position:absolute; left:4px; top:1px;}
.cardDetailWrap .wonMobInfoBn {margin-top:28px;} /*[카드개편] : 20251031 - 우리WON모바일 카드전용배너 추가*/
#crdInfoArea .cardDetailWrap .normal-card-detail .badgeWrap { display:flex; flex-wrap:wrap; justify-content:left; margin-top:0; margin-bottom:20px;}
#crdInfoArea .cardDetailWrap .normal-card-detail .cardBadge {margin-top:0; border:0; border-radius:6px; background:none; font-size:1.4rem;}
#crdInfoArea .cardDetailWrap .normal-card-detail .cardBadge.nType1 {display:inline-block; padding:4px 8px 4px 28px; color:#212528; font-weight:500; background:#F2F5F7 url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_badge_chek.png) 8px center no-repeat; background-size:16px;} /* 20251119 추가 */

/* #adminTemplateArea innerHTML (WCMS템플릿 영역) */
/* .cardDetailWrap .cardNotice {margin:0; padding:0 0 32px 0; border-top:8px solid rgb(115, 132, 150, 0.05);} */
.cardDetailWrap .cardNotice {margin:0; padding:0 0 32px 0; border-top:8px solid rgb(115, 132, 150, 0.05);} /* 20251119 수정 */
.cardDetailWrap .cardNotice .msgBox {padding:32px 20px 0 20px;}
.cardDetailWrap .cardNotice .msgBox.bannerArea {overflow:hidden; background:none;}
.cardDetailWrap .cardNotice .msgBox.bannerArea + .msgBox.bannerArea{padding-top:12px;} /* 20251119 추가 */
.cardDetailWrap .cardNotice .msgBox.txtArea {background:none; border-radius:0;}
/* .cardDetailWrap .cardNotice .msgBox.txtArea .tit {display:block; padding-left:25px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_info_circle.png) no-repeat left center; background-size:20px; font-size:1.4rem; font-weight:800; color:#6d747b; line-height:2.0rem;} */
.cardDetailWrap .cardNotice .msgBox.txtArea .tit {display:block;  font-size:1.4rem; font-weight:800; color:#6d747b; line-height:2.0rem;} 
.cardDetailWrap .cardNotice .msgBox.txtArea .txtList_disc {margin-bottom:0;}
.cardDetailWrap .cardNotice .msgBox.txtArea .txtList_disc li {margin-top:8px; padding-left:9px; font-size:1.4rem; color:#6d747b; font-weight:500; line-height:2.0rem;} 
.cardDetailWrap .cardNotice .msgBox.txtArea .txtList_disc li:before {width:3px; height:3px; background-color:#b2b2b2;}
.cardDetailWrap .tabList-page {margin-top:0; border-top: 8px solid rgb(115, 132, 150, 0.05);}
.cardDetailWrap .tabList-page .tabList-content {padding:52px 20px 0 20px;}
.cardDetailWrap .tabList-page .tabList-content:first-child {padding-top:32px;}
.cardDetailWrap .tabList-page .tabList-content + .tabList-content {margin-top:0;}
.cardDetailWrap .tabList-page .tabList-tit,
.cardDetailWrap .tabList-page2 .tabList-tit {margin:0 0 0 4px; font-size:1.6rem; font-weight:800; color:#212528; line-height:2.2rem;} /*유의사항 타이틀*/
.cardDetailWrap .tabList-page2 .tabList-tit {margin-left:0;}
.cardDetailWrap .tabList-page2 .use-info-desc.js-useInformation > span {padding-right:24px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_notes.png) no-repeat 100% 100%; background-size: 20px;} /* 20251121 추가 */
.cardDetailWrap .tabList-page .tabList-content li:first-child {margin-top:0;}
.cardDetailWrap .tabList-page .tabList-content li {margin-top:12px;}
.cardDetailWrap .tabList-page .tabList-content li .btnItem {display:block; position:relative; width:100%; min-height:auto; padding:20px; background:#f7f8fb; border-radius:16px; color:#212528; text-align:left;}
.cardDetailWrap .tabList-page .tabList-content li .btnItem strong {display:block; width:calc(100% - 30px); padding-right:20px; color:#212528; font-size:2.0rem; font-weight:800; line-height:2.8rem;}
.cardDetailWrap .tabList-page .tabList-content li .btnItem .sort {display:block; margin-bottom:3px; font-size:1.5rem; font-weight:800; color:#175980; line-height:2.1rem;}
.cardDetailWrap .tabList-page .tabList-con a:after {display:none;}
.cardDetailWrap .tabList-page .tabList-content li .btnItem .more {display:block; width:100%; height:30px; margin-top:28px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/btn_more_benefit.png) no-repeat center right; background-size:30px; text-indent:-9999px;}
/*[카드개편] : 20251031 - 서브문구유형추가*/
.cardDetailWrap .tabList-page .tabList-content li .btnItem .txtItem {margin-top:28px; padding-right:52px; color:#2c2c2c; font-size:1.5rem; font-weight:500; line-height:2.1rem;}
.cardDetailWrap .tabList-page .tabList-content li .btnItem .txtItem + .more {position:absolute; right:20px; bottom:20px; margin-top:0;}
/*카드 국제브랜드5개 서비스*/
.cardDetailWrap .worldService {margin:80px 0 72px;}
.cardDetailWrap .worldService .msgBox {padding:0 20px; background:none; border-radius:0; text-align:center;}
.cardDetailWrap .worldService .msgBox img {width:56px; height:40px;}
/*[카드개편] : 20251103 - WCMS와 이미지경로다름(백그라운드 처리 전환)*/
.ico_fee_newlogo {display:inline-block; width:56px; height:40px;}
.ico_fee_newlogo.mastercard {background:url(/https/nm.wooricard.com/dcmw/img/mw/content/fee_newlogo_mastercard_l.png) 0 0 no-repeat; background-size:100% auto;}
.ico_fee_newlogo.visa {background:url(/https/nm.wooricard.com/dcmw/img/mw/content/fee_newlogo_visa_l.png) 0 0 no-repeat; background-size:100% auto;}
.ico_fee_newlogo.unionpay {background:url(/https/nm.wooricard.com/dcmw/img/mw/content/fee_newlogo_unionpay_l.png) 0 0 no-repeat; background-size:100% auto;}
.ico_fee_newlogo.dinersclub {background:url(/https/nm.wooricard.com/dcmw/img/mw/content/fee_newlogo_dinersclub_l.png) 0 0 no-repeat; background-size:100% auto;}
.ico_fee_newlogo.jcb {background:url(/https/nm.wooricard.com/dcmw/img/mw/content/fee_newlogo_jcb_l.png) 0 0 no-repeat; background-size:100% auto;}
.cardDetailWrap .worldService .msgBox .info {font-size:1.5rem; font-weight:500; line-height:2.1rem; color:#6d747b;}
.cardDetailWrap .worldService .msgBox strong {display:block; margin:8px 0 8px !important; font-size:2.0rem; font-weight:800; color:#212528; line-height:2.8rem;}
.cardDetailWrap .worldService .msgBox .btnArea {margin:0; background:none;}
.cardDetailWrap .worldService .msgBox .btnArea a {overflow: hidden; display: inline-block; vertical-align: middle; height:initial; text-align: center; margin:0; padding:8px 16px 8px 0; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_link_right.png) no-repeat center right; background-size:16px; border:0; border-radius:0; font-size:1.4rem; font-weight:500; color:#868D92; line-height:initial;}
.cardDetailWrap .worldService.type2{margin:0px 0 28px; padding-top:32px; border-top:8px solid rgba(115, 132, 149, 0.05);}  /* 20251119 추가 */
.cardDetailWrap .worldService.type2 .txtList_remark{margin-top:0;}
.cardDetailWrap .worldService.type2 .btnArea{text-align:left; padding-left:16px; } /* 20251119 추가 */
.cardDetailWrap .worldService.type2 .btnArea a{padding:2px 16px 2px 0; color: #989ea6; } /* 20251119 추가 */
.cardDetailWrap .worldService.type2 .txtList_remark > li{color:#6D747B;}  /* 20251119 추가 */
/*카드이용 유의사항 + 상품안내장 + 안내장 모바일 발송*/
.cardDetailWrap .tabList-page2 {margin-top:52px; padding:0 20px; border-top:0;}
.cardDetailWrap .tabList-page2 .use-info-content {margin:0;}
.cardDetailWrap .tabList-page2 .use-info-desc {display:flex; justify-content:space-between; align-items:center; margin-top:16px; background:none; border-radius:0;}
.cardDetailWrap .tabList-page2 .use-info-desc span {display:inline-flex; font-size:1.6rem; font-weight:800; line-height:2.1rem; color:#212528;}
.cardDetailWrap .tabList-page2 .use-info-desc .linkItem {padding:0; border:0; border-radius:0; line-height:1.9rem;}
.cardDetailWrap .tabList-page2 .use-info-desc .linkItem:before {display:none;}
.cardDetailWrap .tabList-page2 .use-info-desc .linkItem .more {position:static; transform:translateY(0); padding-right:16px; font-size:1.4rem; font-weight:500; line-height:2.0rem; color:#868D92;}
.cardDetailWrap .tabList-page2 .use-info-desc .linkItem .more:after {content:''; position:absolute; right:0; bottom:2px; width:16px; height:16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_link_right.png) no-repeat center right; background-size:16px;}
.cardDetailWrap .prod-info {margin-top:0; padding:16px 20px 0;}
.cardDetailWrap .prod-info .btnArea {margin:0;}
.cardDetailWrap .prod-info .tit {position:relative; z-index:1; font-size:1.5rem; font-weight:500; color:#6d747b;line-height:2.1rem;}
.cardDetailWrap .prod-info .txtType {display:flex; position:relative; justify-content:flex-end; min-height:20px; margin-top:-20px; padding:0 16px 0 0; border:0; font-size:1.4rem; font-weight:500; color:#868D92; line-height:2.0rem; letter-spacing:0;}
.cardDetailWrap .prod-info .txtType:after {content:''; position:absolute; right:0; bottom:2px; width:16px; height:16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_link_right.png) no-repeat center right; background-size:16px;}
.cardDetailWrap .prod-info .btnType {padding:9px 12px; border:1px solid #dee2e6; font-size:1.5rem; font-weight:600; color:#485056; line-height:2.0rem; letter-spacing:0;}
.cardDetailWrap .prod-info .btnType span {padding-left:20px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_mb_send.png) no-repeat left center; background-size:16px; }

.newCardDetail .cardCaution {margin:0 -20px;}
.newCardDetail .cardCaution .guideBox {padding:32px 20px; background:#f8f9f9;}
.newCardDetail .cardCaution .guideBox .guideTxt {position:relative; padding-left:9px; font-size:1.4rem; font-weight:500; line-height:2.0rem; color:#212528;}
.newCardDetail .cardCaution .guideBox .guideTxt:before {content:''; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background:#b2b2b2;}
.newCardDetail .cardCaution .guideBox .txtList_remark {margin:20px 0;}
.newCardDetail .cardCaution .guideBox .txtList_remark > li {margin-top:8px !important; padding-left:16px; font-size:1.4rem; line-height:2.0rem; color:#212528 !important;}
.newCardDetail .cardCaution .guideBox .txtList_remark > li:before {left:0; top:0; font-size:1.5rem; color:#212528 !important;} 
.newCardDetail .cardCaution .guideBox .txtList_remark > li .txtList_dash {margin-top:8px;}
.newCardDetail .cardCaution .guideBox .txtList_remark > li .txtList_dash li {padding-left:11px;}
.newCardDetail .btnArea.sticky {padding:36px 20px 20px 20px;}
[class^=btn_].newBtn {background:#e5f4ff; color:#0871f3;} /*상세하단 전화신청*/
/* 카드상세 - 혜택/유의사항 팝업(공통) */
.popWrap.cardBene2 .bottom.popCont {height:100% !important; display:flex; align-items:center; justify-content:center; padding:52px 0 0; border-radius:0;}
.popWrap.cardBene2 .bottom.popCont .popHead {display:table; position:fixed;}
.popWrap.cardBene2 .bottom.popCont .popHead h1 {min-height:52px; line-height:2.4rem; color:#343A40;} 
.popWrap.cardBene2 .bottom.popCont .popBody {overflow:hidden; width:100%; height:100%; padding:0;}
.popWrap.cardBene2 .bottom.popCont .popBody .popInner {height:100%;}
.popWrap.cardBene2 .bottom.popCont .popBody .popInner .swiper-fraction {height:100%; padding:0;}
.popWrap.cardBene2 .bottom.popCont .popBody .popInner .swiper-fraction .swiperCardThumbs,
.popWrap.cardBene2 .bottom.popCont .popBody .popInner .swiper-fraction .swiperUseInfoThumbs {height:calc(100% - 83px);} /*이용안내*/
.popWrap.cardBene2 .bottom.popCont .popBody .popInner .swiper-fraction .swiperCardThumbs .swiper-autoheight,
.popWrap.cardBene2 .bottom.popCont .popBody .popInner .swiper-fraction .swiperUseInfoThumbs .swiper-autoheight {height:100%} /*이용안내*/
.popWrap.cardBene2 .bottom.popCont .btnIco_close {position:fixed; top:3px; right:3px; z-index:11; width:50px; height:50px;}
/*카드상세 혜택 + 유의사항 슬라이드팝업 공통*/
.crdPage .cardBene2 .popCont table, 
.crdPage .cardBene2 .popCont table * {word-break:break-all;}
.policySlideContent * {font-weight:500; word-break:break-all !important; line-height:2rem;}
.policySlideContent * u{font-weight:unset;} /* 20251113 추가 */
.policySlideContent img{height:inherit !important; margin-right:0 !important;}
.policySlideContent strong {font-weight:800;}
.policySlideContent [class^=titH4] + .grayLine{margin-top:12px;} /* 20251118 추가 */
.policySlideContent .titH4 {line-height:2.4rem;} 
.policySlideContent .titH4 + [class^="txtList_"]{margin-top: 0 !important;} /* 20251113 추가 */
.policySlideContent .titH4 + [class^=table], .policySlideContent [class^=table]:first-child{margin:0 0 12px;}
.policySlideContent .titH4 + [class^=table] + .grayLine{margin-top:20px;}
.policySlideContent .titH4 + [class^=grayBox]:not(.bottom){margin:0 0 18px !important;} /* 20251119 수정 */
.policySlideContent .titH5{margin-top: 32px;} /* 20251118 추가 */
.policySlideContent:has(>.titH5) .titH5:first-child{margin-top:0;} /* [카드개편] : 20251128 - opus silver, 카드이용 유의사항팝업, 3번 슬라이드 타이틀상단간격 */
.policySlideContent .grayLine+.titH5{margin-top:0;}
.policySlideContent .titH5.info:not(:first-child){margin-top: 0;} /* 20251119 추가 */
.policySlideContent *:has(+ .titH5){margin-bottom:0;} /* 20251119 추가 */
.policySlideContent [class^=titH4] + .titH5{margin-top: 0;} /* 20251120 추가 */
.policySlideContent [class^=titH4], h5.txtList_remark:not(ul) {margin-bottom:20px; font-weight:800; font-size:2rem; color:#174A92 !important;} /* 대타이틀 20px, Bold, #174A92 */ /* 20251114 수정 */
.policySlideContent .titH5, .policySlideContent h4.txtList_remark:not(ul){margin-bottom:12px; font-weight:800; font-size:1.6rem; color:#212528 !important;} /* 타이틀 16px, Bold, #212528 */ /* 20251114 수정 */
.policySlideContent h3.txtList_remark:not(ul):before{color:#174A92 !important;} /* 20251114 추가 */
.policySlideContent h4.txtList_remark:not(ul):before{color:#212528 !important;} /* 20251114 추가 */
.policySlideContent h3.txtList_remark:not(ul), .policySlideContent h4.txtList_remark:not(ul){padding:unset !important;} /* 20251114 추가 */
.policySlideContent .titH5 + [class^=table] {margin:0 0 18px;}
.policySlideContent .titH5 + .policySlideContent ul[class^=txtList] {margin-top:0;} 
.policySlideContent .titH5 + .titH5:not(:first-of-type){margin-top:20px;}
.policySlideContent .titH5 + ul[class^=txtList_] {margin:0px;}
.policySlideContent p:first-of-type{margin: 0;}
.policySlideContent [class^=txtList] > li{font-size:1.4rem; line-height:2rem;} /* 14px, #485056 */
.policySlideContent [class^="txtList_"] + .grayLine, .policySlideContent ul + .grayLine, .policySlideContent p + .grayLine{margin-top:22px;} /* 20251118 추가 */
.policySlideContent [class^=table] + [class^=txtList_] {margin-top:0;} /* 20251117 추가 */
.policySlideContent > *:has(+.grayBox.bottom){margin-bottom:32px !important;} /* 20251119 추가 */

/* emphasisTxt 클래스 */
.policySlideContent .emphasisTxtR{color:#EE444A !important;}
.policySlideContent .emphasisTxtG{color:#047B5B !important;}
.policySlideContent .emphasisTxtB{color:#0871F3 !important;}

.policySlideContent ul > li{margin-top:8px; color:#485056;}
.policySlideContent p, .policySlideContent div{color:#485056 !important;}
.policySlideContent ul > li li{color:#6D747B !important; font-size:1.4rem;} /* 14px, #6D747B */
.policySlideContent ul > li li::before{color:#6D747B;}
.policySlideContent ul > li .txtList_dash > li:before{background-color:#6D747B;} 
.policySlideContent ul > li > ul:first-of-type{margin-top:8px !important;}

.policySlideContent {display:flex; flex-direction:column; min-height:100%; padding:32px 0 60px; text-align:left;}
/* .policySlideContent [class^=txtList_] {margin-bottom:20px;} */
.policySlideContent > *:not(.grayBox.bottom){flex:0 0 auto;}
.policySlideContent .noBullet::before{content:none;}
.policySlideContent:has(> .grayBox:last-child){padding:32px 0 0;}
.policySlideContent:has(> .grayBoxR:last-child){padding:32px 0 60px;}
.policySlideContent [class^=table] {margin:12px 0;}
.policySlideContent ul + .policySlideContent ul:last-child{margin-bottom:300px;}
.policySlideContent ul[class^=txtList_] ul{margin-bottom:8px !important;}
.policySlideContent ul[class^=txtList_] > li ul:first-of-type{margin:inherit;}
.policySlideContent ul[class^=txtList_]:first-child, .policySlideContent ul[class^=txtList_]:last-child{margin:0;}
.policySlideContent > ul + ul[class^=txtList_],
.policySlideContent > ul + ul[class^=txtList_]:last-child,
.policySlideContent [class^=table] tbody td ul + ul[class^=txtList_],
.policySlideContent [class^=table] tbody td ul + ul[class^=txtList_]:last-child {margin-top:8px;} /* 20251113 클래스 추가 */
.policySlideContent ul[class^=txtList_] > li:first-child{margin-top:0;}
.policySlideContent .txtList_remark > li{padding-left:16px;}
.policySlideContent .txtList_remark > li:before{left:0;}
.policySlideContent .txtList_disc > li{padding-left:9px;}
.policySlideContent .txtList_disc > li:before {top:7px; width:3px; height:3px; background:#b2b2b2;}
.policySlideContent .txtList_disc > li .txtList_numS > li {padding-left:16px;}
.policySlideContent .txtList_disc > li .txtList_numS > li:before {top:5px; width:8px; height:8px; background:none; font-size:.8rem; font-weight:500; line-height:.8rem; color:#6d747b;}
.policySlideContent .txtList_disc:not(ul) {padding-left:9px; }
.policySlideContent .txtList_disc:not(ul):before {top:7px; width:3px; height:3px; background:#b2b2b2;}
.policySlideContent ul[class^=txtList_] > li{margin-top:8px;color:#485056}
.policySlideContent .bold{font-weight:800;}
.policySlideContent .imgTxtWrap > div {position:relative; font-size:0;} /*오하*/
.policySlideContent .imgTxtWrap img {display:inline-block; width:100px;}
.policySlideContent .imgTxtWrap .txtBox {display:inline-block; vertical-align:top; width:calc(100% - 100px); min-height:158px; padding:10px 0 0 20px;}
.policySlideContent .imgTxtWrap .txtBox p {margin-bottom:8px; color:#212528; font-weight:700;}
.policySlideContent .imgTxtWrap2 {padding:32px 0 0;} /*칼퇴*/
.policySlideContent .imgTxtWrap2 img {width:100%; max-width:320px !important;} /*칼퇴*/
.policySlideContent .imgTxtWrap2 .txtBox p {margin-bottom:12px; color:#212528; font-size:1.6rem; line-height:2.2rem; font-weight:700;}
.figure .figureImg {text-align:center;}
.figure .figureImg .img {display:inline-block;}
.figure .figureImg .img img {width:100%; max-width:320px;} /*캬드의정석 EVERY DISCOUNT - 친환결플레이트 안내팝업*/
.figure .figcaption {position:absolute; width:1px; height:1px; margin:-1px; padding:0; font-size:1px !important; overflow:hidden; border:0}
.policySlideContent .mohsWrap{position:relative; padding:70px 0 40px;}
.policySlideContent .mohsWrap::before{content:""; position:absolute; top:32px; width:100%; height:8px; background-color:#DEF600;}
.policySlideContent .mohsWrap::after{content:""; position:absolute; bottom:0; width:100%; height:8px; background-color:#FF2397;}
.policySlideContent .mohsWrap h5{margin-bottom:12px; font-size:2rem; font-weight:700; color:#010FBB;}
.policySlideContent .mohsWrap h5:last-of-type{font-size:2rem; font-weight:700; color:#2DD3C3;}

/*카드 유의사항 팝업 추가*/
section.swiper-fraction {padding:0; margin-top:0 !important;}
section.swiper-fraction .swiperCardThumbs .swiper-slide {padding:0 20px 0;}
section.swiper-fraction .popBenefit-swiper .swiper-slide {min-height:initial; overflow-y:auto;} /* [카드개편] : 20251128 - 혜택팝업 컨텐츠 스크롤 */
section.swiper-fraction .popBenefit-swiper.swiperCardBene,
section.swiper-fraction .popBenefit-swiper.swiperUseInfo {height:auto; background-color:#F1F3F5;}
section.swiper-fraction .popBenefit-swiper.swiperCardBene .swiper-slide,
section.swiper-fraction .popBenefit-swiper.swiperUseInfo .swiper-slide {padding:0 20px 16px; height:auto; font-size:1.6rem; line-height:2.2rem; font-weight:800; color:#212528;} 
section.swiper-fraction .popBenefit-swiper.swiperCardBene .swiper-notification {display:none;}
/* swiper-pagination */
section.swiper-fraction .swiper-button-next, .swiper-button-prev{top:24px;}
section.swiper-fraction .swiper-pagination {position:static; transform:inherit; padding:16px 20px 8px; font-weight:500; color:#868D92;}
.popWrap.cardBene2 .popup.single section.swiper-fraction .swiper-pagination {padding-bottom:0;} /*addClass('single');*/
.popWrap.cardBene2 .popup.single .swiper-container {height:100%;}
.popWrap.cardBene2 .popup.single .bottom.popCont .popBody .popInner .swiper-fraction .swiperCardThumbs {height: calc(100% - 54px);}

section.swiper-fraction .swiper-pagination .swiper-pagination-current{color:#212528;}
section.swiper-fraction .swiper-button-next, section.swiper-fraction .swiper-button-prev{transform:translateY(50%);} 
section.swiper-fraction .swiper-button-next:after, section.swiper-fraction .swiper-button-prev:after {content:''; display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; font-size:0; border:1px solid rgba(0,0,0,0.1);} 
section.swiper-fraction .swiper-button-next:after {background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_swiper_policy_btn.png) no-repeat 50%; background-size:24px 24px;} 
section.swiper-fraction .swiper-button-prev:after {transform:rotate(180deg); background:url(/https/nm.wooricard.com/dcmw/img/mw/common/ico_swiper_policy_btn.png) no-repeat 50%; background-size:24px 24px;}
section.swiper-fraction .swiper-button-next, section.swiper-fraction .swiper-button-prev{width:24px; height:24px;}
section.swiper-fraction .swiper-button-next {right:0;}
section.swiper-fraction .swiper-button-prev {left:0;}
/* slide-content */
section.swiper-fraction .grayLine{margin:32px auto; width:100%; height:1px; background-color:#EEEEEE;} /* 20251118 수정 */
/* section.swiper-fraction .grayBox{margin:32px -20px 0; padding:20px; background-color:#F8F9FA;} */
section.swiper-fraction .grayBox{margin:32px -20px 0; padding:20px 20px 60px; background-color:#F8F9FA;}
section.swiper-fraction .grayBox strong.notiTit.txtList_remark, section.swiper-fraction .grayBox p.notiTit.txtList_remark{padding:0;} /* 20251117 추가 */
section.swiper-fraction .grayBox strong.notiTit.txtList_remark::before, section.swiper-fraction .grayBox p.notiTit.txtList_remark::before{padding-right:4px;} /* 20251117 추가 */
section.swiper-fraction .grayBox .notiTit{display:flex; align-items:center; margin-bottom:8px; color:#485056 !important;}
section.swiper-fraction .grayBox .notiTit img.ico{width:20px !important; height:20px !important;}
section.swiper-fraction .grayBox .notiTit img.ico + strong{margin-left:5px;}
section.swiper-fraction .grayBox .notiTit > strong{margin:0;}
section.swiper-fraction .grayBox.grayBoxR{margin:10px 0; padding:20px; border-radius:8px; background-color:#F8F9FA;}
/* section.swiper-fraction .grayBox.grayBoxR:first-of-type{margin:10px auto 0;} 20251118 수정 */
section.swiper-fraction .policySlideContent [class^="txtList_"] .grayBox.grayBoxR:first-child{margin:10px 0 18px;} /* 20251119 수정 */
section.swiper-fraction .grayBox .grayBox{background-color:#EDF0F3 !important;}
section.swiper-fraction [class^=grayBox].bottom{margin-top:auto !important; margin-bottom:0; flex-shrink:0; /* padding:24px 20px 60px; */}
section.swiper-fraction .grayBox > ul, section.swiper-fraction .grayBox > p {margin:0;} /* 20251113 클래스 추가 */
section.swiper-fraction .grayBox > ul > li, section.swiper-fraction .grayBox > p, section.swiper-fraction .grayBox > span  {color:#6D747B !important;} 
section.swiper-fraction .grayBox.grayBoxR ul[class^=txtList_]:first-of-type{margin:0;}

/* 카드상세 - 카드비교함 ===========================================*/
.popCompare .full.popCont section {margin:0; padding:0;}
.popCompare .full.popCont section .compareBox + .btnArea {display:none;}
.popCompare .compareBox {background:#fff; border:0;}
.popCompare .compareBanner {display:block; height:100%; padding:16px 20px 10px; background:#f6f7f9; border-bottom:0; line-height:1; text-align:left;}
.popCompare .compareBanner .btnItem {display:flex; position:relative; justify-content:space-between; align-items:center; width:100%; padding:0 20px; background:#e9ecf1; border-radius:16px; text-align:left;}
/*251106 위치이동 .popCompare .compareBanner .btnItem:after {display:none; content:''; position:absolute; right:18.5%; bottom:-9px; width:0; height:0; border:9px solid transparent; border-top:13px solid #e9ecf1; border-bottom:0; margin-bottom:-3px;} */
.popCompare .compareBanner .btnItem .bannerTxt {width:calc(100% - 8px); padding:14px 0;}
.popCompare .compareBanner .btnItem .bannerTxt strong {display:block; font-size:1.5rem; font-weight:800; line-height:2.2rem; color:#212528;}
.popCompare .compareBanner .btnItem .bannerTxt .linkBtn {display:inline-block; margin-top:2px; padding-right:16px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_link_right.png) no-repeat center right; background-size:16px; font-size:1.4rem; font-weight:500; line-height:2.0rem; color:#6d747b; letter-spacing:-.1px;}
.popCompare .compareBanner .btnItem .bannerImg {max-width:64px;}
.popCompare .compareBox > li .th.crdTit {display:none;}
.popCompare .compareBox > li .td.crd {padding:0 0 42px; text-align:left; border-bottom:0;}
.popCompare .compareBox > li .td.crd .cardImg {height:auto; padding:8px 20px 24px; background:#f6f7f9;}
.popCompare .compareBox > li .td.crd .cardImg .img {display:flex; position:relative; width:80px; min-height:126px; margin:auto; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/add_card.png) no-repeat center; background-size:100%;}
.popCompare .compareBox > li:nth-child(2) .td.crd .cardImg .img:after {content:''; position:absolute; left:50%; top:-20px; width:0; height:0; margin:0 0 -3px -9px; border:9px solid transparent; border-top:13px solid #e9ecf1; border-bottom:0;}
.popCompare .compareBox > li .td.crd .cardImg .img img {position:absolute; left:0; top:0; max-width:100%; max-height:126px; min-width:80px;}
.popCompare .compareBox > li .td.crd .cardImg .img.rotate img {max-width:159%; margin-top:23px; margin-left:-23px; transform:rotate(90deg);} /*[카드개편] : 20251107 - 가로형 이미지 -> 세로형 전환*/
.popCompare .compareBox > li .td.crd .cardImg .btnIco_del {top:0; right:0; width:22px; height:22px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/btn_del_card.png) no-repeat center; background-size:22px;}
.popCompare .compareBox > li .td.crd .cardImg .btnArea {position:static; margin-top:20px; padding:0; text-align:center;}
.popCompare .compareBox > li .td.crd .cardImg .btnArea [class^=btn_].s {min-width:100%; height:32px; margin:0; padding:0; background:#fff; border:1px solid #dee2e6; border-radius:99px; font-size:1.4rem; font-weight:600; color:#6d747b;}
.popCompare .compareBox > li .td.crd .tit {display:block; max-height:100%; margin:0; padding:20px 20px 0; font-size:1.7rem; font-weight:880;; line-height:2.4rem; color:#212528;}
.popCompare .compareBox > li .td.crd .desc {display:none;}
.popCompare .compareBox > li .td.crd .btnArea {position:static; padding:8px 20px 0; text-align:left;}
.popCompare .compareBox > li .td.crd .btnArea [class^=btn_].s {position:relative; height:18px; margin:0; padding:0 16px 0 0; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/arr_detail.png) no-repeat center right transparent; background-size:14px; border-radius:0; line-height:1.8rem; color:#868D92; font-weight:500;}
.popCompare .compareBox > li .th.compareTit {height:auto; padding-left:20px; margin-right:0; background:transparent; border-bottom:0; font-size:1.5rem; font-weight:500; line-height:2.1rem; color:#212528; opacity:1; text-align:left;}
.popCompare .compareBox > li .td.fee {padding:14px 20px 40px 20px; border-bottom:0;}
.popCompare .compareBox > li .td.fee .info:not(:first-child) {margin-top:8px;}
.popCompare .compareBox > li .td.fee .info .brand {width:25px;}
.popCompare .compareBox > li .td.fee .info .brand img {min-width:25px; height:18px;}
.popCompare .compareBox > li .td.fee .feeCashback {display:block; margin-top:14px; padding:6px 12px 5px 12px; background:#f3f3fd; border-radius:0 12px 12px 12px; text-align:center;}
.popCompare .compareBox > li .td.fee .feeCashback span {display:inline-block; vertical-align:middle; position:relative; font-size:1.3rem; font-weight:600; line-height:1.8rem; color:#6b70da;}
.popCompare .compareBox > li .td.fee .feeCashback span:after {content:''; display:inline-block; vertical-align:top; width:18px; height:18px; margin-left:4px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_cashback.png) 0 0 no-repeat; background-size:100% auto;}
.popCompare .compareBox > li .td.fee .feeCashback .cashbackImg {display:inline-flex; min-width:18px; height:18px;}
.popCompare .compareBox > li .td.fee .info .money {padding-left:8px; font-size:1.5rem; font-weight:500; line-height:2.1rem; color:#212528;}
.popCompare .compareBox > li .td.bnf {padding:14px 20px 0 20px; border-bottom:0;}
.popCompare .compareBox > li .td.bnf .txtList_disc > li {margin-top:12px; padding-left:8px; font-size:1.5rem; font-weight:500; color:#212528; line-height:2.1rem;}
.popCompare .compareBox > li .td.bnf .txtList_disc > li:first-child {margin-top:0;}
.popCompare .compareBox > li .td.bnf .txtList_disc > li:before {width:2px; height:2px; background-color:#868D92;}
.popCompare .full.popCont .noDataArea {padding:40px 0 24px; background:#f6f7f9;}
.popCompare .full.popCont .noDataArea .noDataTit {padding:0 20px; font-size:2.0rem; font-weight:800; line-height:2.8rem; color:#212528; text-align:center; word-break:keep-all;}
.popCompare .full.popCont .noDataArea .noDataWrap {display:flex; padding-top:38px;}
.popCompare .full.popCont .noDataArea .noDataWrap .noData.card {padding:0 20px; width:50%; background:none;}
.popCompare .full.popCont .noDataArea .noDataWrap .noData.card p {display:none;}
.popCompare .full.popCont .noDataArea .noDataWrap .noData.card .noCardBox {position:relative; max-width:80px; max-height:126px; margin:auto;}
.popCompare .full.popCont .noDataArea .noDataWrap .noData.card .noCardBox .btnItem {min-width:80px; min-height:126px; margin:auto; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/add_card.png) no-repeat center; background-size:100%;}
.popCompare .full.popCont .noDataArea .noDataWrap .noData.card .noCardBox img {position:absolute; left:0; top:0; min-width:80px; max-height:126px;}
.popCompare .full.popCont .noDataArea .noDataWrap .noData.card .btnArea {margin:20px 0 0; padding:0; background:none; text-align:center;}
.popCompare .full.popCont .noDataArea .noDataWrap .noData.card .btnArea [class^=btn_].s {min-width:100%; height:32px; margin:0; padding:0; background:#fff; border:1px solid #dee2e6; border-radius:99px; font-size:1.4rem; font-weight:600; color:#6d747b;}
/* 카드상세 - 카드비교함 - 비교함담기 알럿 */
.popWrap .alert.hasTwoLength.popCont {padding-bottom:124px;}
.popWrap .alert.hasTwoLength.popCont .btnArea.sticky.two [class^=btn_] {float:unset !important; width:100% !important;}
.popWrap .alert.hasTwoLength.popCont .btnArea.sticky.two [class^=btn_]:last-child {margin-top:8px !important;}
.popWrap .alert.hasTwoLength.popCont .msg p {word-break:keep-all;}
/* 카드상세 - 카드비교함 - 카드선택 바텀시트 */
.newIntroSec .newCrdListWrap .categoryList {display:table; width:100%; vertical-align:top; padding:0; margin-left:0; white-space:normal; overflow:hidden; scrollbar-width:none; -ms-overflow-style:none;}
.newIntroSec .newCrdListWrap .categoryList .listItem {display:inline-block; margin-bottom:8px; padding:6px 11px 4px 11px; color:#6D747B; font-size:1.4rem; font-weight:500; border:1px solid #e9ecef; border-radius:64px; background:#fff;  line-height:inherit; line-height:1.14; cursor:pointer;}
.newIntroSec .newCrdListWrap .categoryList .listItem:nth-child(3):after {content:''; display:block; clear:both;}
.newIntroSec .newCrdListWrap .categoryList .listItem:nth-child(4):before {content:''; display:block; clear:both;}
.newIntroSec .newCrdListWrap .categoryList .listItem:not(:last-of-type) {margin-right:6px;}
.newIntroSec .newCrdListWrap .categoryList .listItem.empty {display:block; padding:0; border:0; font-size:0; line-height:0;}
.newIntroSec .newCrdListWrap .categoryList .listItem.on {padding-left:11px; border-color:#2589f4; background-color:#2589f4; color:#fff; font-weight:500;}
.newIntroSec .newCrdListWrap .newCrdList {min-height:456px; padding:16px 0 0;} /*20251119 - 아이템 4개기준 최소값*/
.newIntroSec .newCrdListWrap .newCrdList .listItem:not(:last-of-type) {margin-bottom:12px;}
.newIntroSec .newCrdListWrap .newCrdList .listItem {display:block; width:100%; min-height:89px; position:relative; padding:0; background-color:#F1F3F5; border-bottom:0; border-radius:12px; border:2px solid transparent; align-items:center;}
.newIntroSec .newCrdListWrap .newCrdList .listItem::after {position:absolute; top:50%; right:20px; transform:translateY(-50%); content:""; width:24px; height:24px; background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_subchk_dark_global.png) no-repeat center center; background-size:24px !important;}
.newIntroSec .newCrdListWrap .newCrdList .listItem .btnItem {display:flex; align-items:center; width:100%; padding:16px 20px; text-align:left;}
.newIntroSec .newCrdListWrap .newCrdList .listItem .imgItem {width:36px; height:57px; margin-right:16px;} 
.newIntroSec .newCrdListWrap .newCrdList .listItem .imgItem img {display:block; width:100%; min-width:36px; border-radius:2px;}
.newIntroSec .newCrdListWrap .newCrdList .listItem .imgItem.rotate {width:57px; height:100%; margin:0 5px 0 -10px; transform:rotate(90deg);} /*[카드개편] : 20251107 - 가로형 이미지 -> 세로형 전환*/
.newIntroSec .newCrdListWrap .newCrdList .listItem .imgItem.rotate img {border-radius:4px;}
.newIntroSec .newCrdListWrap .newCrdList .listItem .txtItem {width:calc(100% - 92px); word-break:keep-all; min-height:57px;} /* [카드개편] : 20251128 - 이미지 rotate로 인한 텍스트영역 작아짐 수정 */
.newIntroSec .newCrdListWrap .newCrdList .listItem .txtItem .title {margin-top:0; margin-bottom:0; line-height:2.2rem; font-size:1.6rem; font-weight:500; color:#343A40;} 
.newIntroSec .newCrdListWrap .newCrdList .listItem .txtItem .title span {font-weight:700; color:#2B64CE;}
.newIntroSec .newCrdListWrap .newCrdList .listItem .txtItem .description {display:-webkit-box; line-height:2rem; margin-top:2px; font-size:1.4rem; font-weight:500; color:#868D92;} 
.newIntroSec .newCrdListWrap .newCrdList .listItem.isActive{border:2px solid #2589F4;}
.newIntroSec .newCrdListWrap .newCrdList .listItem.isActive::after {background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_subchk_checkd_global.png) no-repeat center center;}
.newIntroSec .newCrdListWrap .newCrdList .listItem.disabled {background-color:#DDE2E7;}
.newIntroSec .newCrdListWrap .newCrdList .listItem.disabled .imgItem img{opacity:0.5;}
.newIntroSec .newCrdListWrap .newCrdList .listItem.disabled::after {background:url(/https/nm.wooricard.com/dcmw/img/mw/newonCrd/ico_subchk_disabled_global.png) no-repeat center center;}
.newIntroSec .newCrdListWrap .newCrdList .listItem.disabled .txtItem .title, 
.newIntroSec .newCrdListWrap .newCrdList .listItem.disabled .txtItem .description{color:#C5CBD1;}
.newIntroSec .newCrdListWrap .newCrdList .listItem.disabled .txtItem .title{position:relative; display:inline;}
.newIntroSec .newCrdListWrap .newCrdList .listItem.disabled .txtItem .title::after {position:relative; right:-6px; bottom:0; display:inline-block; content:"비교중"; color:#3996F9; font-size:1.3rem; font-weight:700; vertical-align:top;}
/*상품안내장 발송 [카드개편] : 20251110 - 통합테스트 수정대응 */
.popWrap .setPhone .sltWrap {width:7.5rem;}
.popWrap .setPhone .sltWrap .ipt {padding-right:10px; background-position:100% 50%;}
.popWrap .setPhone > .sltWrap + .iptWrap {width:calc(100% - 7.5rem);}
.popWrap .setPhone > .sltWrap + .iptWrap input {padding-left:10px;}
@media screen and (max-width:319px) {
    .popWrap .setPhone .sltWrap {width:100%;}
	.popWrap .setPhone > .sltWrap + .iptWrap {width:100%; border-top:1px solid rgba(133, 151, 168, 0.18);}
	.popWrap .setPhone > .sltWrap + .iptWrap input {padding-left:20px;}
}
@media screen and (max-width:280px) {
    .newIntroSec .newCrdListWrap .newCrdList .listItem .txtItem {width: calc(100% - 72px);}
    .newIntroSec .newCrdListWrap .newCrdList .listItem.disabled .txtItem .title::after {display:block; right:0;}
}
/*카드메인 (배너3)외국인카드 오픈전 안내팝업*/
.popWrap.popAlertType .popHead h1 {padding:20px 20px 12px 20px; color:#343A40; font-size:1.7rem; font-weight:800; line-height:2.4rem; text-align:left;}
.popWrap.popAlertType .popCont:not(.full):not(.bottom) .popInner section {margin-bottom:33px; color:#485056; font-size:1.5rem;}
.popWrap.popAlertType .popCont .btnIco_close {display:none;}
/* =========================================== 카드메인개편(끝) 20251119  ===========================================*/

/* 250905 가족카드 동시 신청 (s) */
/* 가족카드 발급 선택 check */
.familyCardChkWrap {}
.familyCardChkWrap .infoBox {position:relative; border-radius:1.2rem; background-color:#f1f3f5;}
.familyCardChkWrap .infoBox + .infoBox {margin-top:0.8rem;}
.familyCardChkWrap .infoBox .tit {font-size:1.6rem; font-weight:500; color:#343a40;}
.familyCardChkWrap .infoBox .tit .icon {display:inline-block; width:2.4rem; height:2.4rem; margin-right:0.8rem;}
.familyCardChkWrap .infoBox [class^=txtList_] {margin:0.4rem 0 0;}
.familyCardChkWrap .infoBox [class^=txtList_] li {color:#6d747b;}
.familyCardChkWrap .infoBox [class^=txtList_] li + li {margin-top:0.4rem;}
.familyCardChkWrap .infoBox [class^=txtList_] li::before {top:10px;}
.familyCardChkWrap .infoBox input[type='radio'] {top:0; left:0; width:100%; height:100%;}
.familyCardChkWrap .infoBox input[type='radio'] + label {display:block; padding:1.6rem 6.0rem 1.6rem 2.0rem; border-radius:1.2rem; border:2px solid transparent;}
.familyCardChkWrap .infoBox input[type='radio'] + label:before {top:50%; left:auto; right:20px; margin:-12px 0 0 0; border:0; border-radius:0; background:transparent url(../img/mw/common/icon_checkbox_line.png) no-repeat; background-position:0 0; background-size:24px; transition:none;}
.familyCardChkWrap .infoBox input[type='radio']:checked + label {border-color:#2589f4;}
.familyCardChkWrap .infoBox input[type='radio']:checked + label:before {background:transparent url(../img/mw/common/icon_checkbox_line.png) no-repeat; background-position:0 -45px; background-size:24px; box-shadow:none;}

/* 가족 정보 추가 */
.familyMemInfo {text-align:center;}
.familyMemInfo .img {display:inline-block; position:relative; width:72px; height:72px; margin:0 auto;}
.familyMemInfo .btn_s.m {display:inline-block; width:auto; margin-top:1.6rem;}
.familyMemInfo .txtInfo {margin-top:2.4rem;}
.familyMemInfo .txtInfo .tit {font-size:1.7rem; font-weight:600; line-height:2.4rem; color:rgb(7, 15, 22, 0.82);}
.familyMemInfo .txtInfo .txt {margin-top:0.8rem; font-size:1.5rem; line-height:2.1rem; color:rgb(12, 23, 35, 0.6);}
.familyMemInfo + .familyMemListBtn {margin-top:4.8rem;}

/* 가족 정보 리스트 */
.familyMemListBtn {margin-top:2.4rem;}
.familyMemListBtn li {position:relative;}
.familyMemListBtn li + li {margin-top:1.6rem;}
.familyMemListBtn li .info {padding:2.0rem 9.2rem 2.0rem 2.0rem; border-radius:1.6rem; border:1px solid #dee2e6;}
.familyMemListBtn li .info > p {margin-top:0.4rem;}
.familyMemListBtn li .info > p:first-child {margin-top:0;}
.familyMemListBtn li .info .name {font-size:1.6rem; font-weight:600; color:rgb(7, 15, 22, 0.82);}
.familyMemListBtn li .info .nameEn {font-size:1.4rem; font-weight:500; color:rgb(7, 15, 22, 0.82); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.familyMemListBtn li .info .tel {font-size:1.4rem; font-weight:500; color:rgb(50, 63, 79, 0.5);}
.familyMemListBtn li .delBtn {position:absolute; top:50%; right:16px; width:2.4rem; height:2.4rem; margin-top:-1.2rem;}
.familyMemListBtn li .delBtn::before,
.familyMemListBtn li .delBtn::after {content:''; position:absolute; top:50%; left:50%; width:0.2rem; height:1.2rem; border-radius:2px; background-color:rgb(7, 15, 22, 0.82); transform:translate(-50%, -50%) rotate(45deg); transform-origin:center center;}
.familyMemListBtn li .delBtn::after {transform:translate(-50%, -50%) rotate(-45deg);}
.familyMemListBtn li .linkBtn {position:absolute; top:50%; right:52px; width:2.4rem; height:2.4rem; margin-top:-1.2rem; background:transparent url(../img/mw/common/icon_edit.png) no-repeat center; background-size:20px;}
@media screen and (max-width:349px) {
    .senior .familyMemListBtn li .info {padding:2.0rem 7.6rem 2.0rem 2.0rem;}
}

/* 신청된 가족카드 리스트 */
.familyMemList {margin-top:1.6rem;}
.familyMemList li {padding:1.5rem 2.0rem; border-radius:1.6rem; background-color:#e9ecef; font-size:1.6rem; font-weight:500; color:#343a40; text-align:center;}
.familyMemList li + li {margin-top:1.2rem;}

/* 250905 가족카드 동시 신청 (e) */
/* 250905 바텀시트 - 알아두세요 케이스 추가 */
.popCont.bottom .popInner .noticeArea {margin:0 -20px 0;}
.popCont.bottom .popBody.pd0 .popInner .noticeArea {margin:0;}