@charset "utf-8";
@import url('reset.css');
@import url('fonts.css');
@import url('pretendard.css');

root{--vh: 100%;}
html, body, #wrap{height: 100vh;height: var(--vh);}

html, body{
	font-family:'Pretendard';
	font-size:16px;
	font-weight:400;
	color:#1E1E1E;
	line-height:1;
	overscroll-behavior: contain;
  	scroll-behavior: smooth;
}

html, body {
  width: 100%;
  max-width: 1024px !important;
  margin: 0 auto;
  box-sizing: border-box;
  overflow-x: hidden;
  overscroll-behavior: none;
  height: auto !important;
  
}

img, video {
  max-width: 100%;
  height: auto;
}


/* common */
hr{margin:20px 0;}
.btop{border-top:1px solid #e2e2e2;}
.bbtm{border-bottom:1px solid #e2e2e2;}
.step{display: none;}
.w100{width:100%}
.ms20{padding:0 20px}

/* 정렬 */
.alignR{text-align:right;}

/* display */
.hide{display:none;}

/* 여백 */
.mgt50{margin-top:50px !important}
.mgt70{margin-top:70px !important}

@keyframes spinClockwise {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* 로딩 */
@keyframes revealDown {
	0% {
		mask-size: 100% 0%;
		-webkit-mask-size: 100% 0%;
		opacity: 1;
	}
	80% {
		mask-size: 100% 100%;
		-webkit-mask-size: 100% 100%;
		opacity: 1;
	}
	81% {
		opacity: 0;
	}
	100% {
		mask-size: 100% 0%;
		-webkit-mask-size: 100% 0%;
		opacity: 0;
	}
}
#loadingArea{
	display:none;
}

.loading_dim{
	position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1002;
}
.loading{
	position:fixed;top:0;left:0;display:flex;width:100%;height:100vh;justify-content:center;align-items:center;z-index:1003;
}


.loading img {
	width:100px;
	height:auto;

}




/* button */
.fixedBtn{position:fixed;bottom:0;left:0;width:100%;height:56px;}
.btnS{display:inline-block;height:44px;font-weight:500;}
.btnM{display:inline-block;width:100%;height:52px;}
.btnB{display:inline-block;width:100%;height:56px;font-weight:500;}
.btnS.btnRound{border-radius:4px;}
.btnM.btnRound{border-radius:8px;}
.btnB.btnRound{border-radius:16px;}
.btnBlue{color:#ffffff;background:#1D5CFF;}
.btnGray{color:#ffffff;background:#9e9e9e;}
.btnBlueLine{color:#1E1E1E;border:1px solid #DDDDDD;background:#ffffff;}
.btnWhite{color:#1E1E1E;border:1px solid #f2f2f2;border-radius:8px;background:#fafafa;}
.btnWhite .noti{position:relative;padding-left:35px;font-weight:400;}
.btnWhite .noti:before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;background:url(../images/icon/icon_caution.png) no-repeat;transform:translateY(-50%);background-size:100%}
.btnWhite .noti2{position:relative;padding-left:35px;font-weight:400;}
.btnWhite .noti2:before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;background:url(../images/icon/icon_check.png) no-repeat;transform:translateY(-50%);}

.btnBlue:disabled{color:#C7C7C7;background:#EDEDED;}
.btnBlueLine:disabled{color:#C7C7C7;background:#EDEDED;border: 1px solid #EDEDED;}

/* tabMenu */
.tabMenu{display:flex;}
.tabMenu li{flex-basis:50%;}
.tabMenu li a{display:block;height:56px;border-bottom:1px solid #e0e0e0;text-align:center;color:#9e9e9e;line-height:55px;}
.tabMenu li.on a{border-bottom:4px solid #1D5CFF;font-weight:500;color:#1E1E1E;}
.tabMenu + .tabCont{display:block;}
.tabMenu + .tabCont + .tabCont{display:none;}

header{position:fixed;top:0;left:0;width:100%;height:56px;background:#ffffff;z-index:1000;border-bottom: 1px solid #EDEDED;}
header h1{font-size:18px;color:#1E1E1E;font-weight:500;text-align:center;line-height:56px;}
header h1 img{width:90px;height:21px;vertical-align:middle;}
header .back{position:absolute;top:4px;left:4px;width:48px;height:48px;background:url(../images/common/back.png) no-repeat center center; background-size:24px 24px;}
header .close{position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/common/close.png) no-repeat center center; background-size:24px 24px;}
header .menu{position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/icon/list.png) no-repeat center; background-size:24px 24px;}
header .logout{position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/icon/icon_logout.png) no-repeat;}

main{padding-top:56px;}
.floatTop{display:none;position:fixed;bottom:0px;right:5px;width:52px;height:52px;background:url(../images/icon/icon_floating_top.png);background-size:100%}

/* 로그인, 아이디 찾기 */
.memberArea{padding:28px 28px; }
.memberArea .pageInfo{padding:0 0 0 12px;font-size:20px;font-weight:300;color:#1E1E1E;line-height:1.4;letter-spacing:-1px;}
.memberArea .pageInfo em{font-weight:700;color:#514d9e;}
.memberArea .pageInfo em ~ span{display:inline-block;padding-top:10px;}
.memberArea .pageInfo.type2{height:120px;}
.memberArea .loginArea{margin-top:80px;}
.memberArea .loginInput{position:relative;height:56px;border:1px solid #d0d0d0;border-radius:14px;}
.memberArea .loginInput.focus{border-color:#514d9e;}
.memberArea .loginInput label{position:absolute;top:-8px;left:24px;padding:0 4px;font-size:12px;color:rgba(0, 0, 0, .6);line-height:16px;background:#fff;}
.memberArea .loginInput input{width:100%;padding:0 16px;font-size:14px;line-height:54px;border-radius:14px;}
.memberArea .loginInput input[type="password"]{width:90%;}
.memberArea .loginInput .pwView{position:absolute;top:0;right:12px;width:24px;height:54px;background:url(../images/icon/eye.png) no-repeat center;background-size:100%}
.memberArea .loginInput .pwView.act{background-image:url(../images/icon/eye-off.png)}
.memberArea .loginInput + .loginInput{margin-top:20px;}
.memberArea .inputArea{margin-top:25px;}
.memberArea .inputArea > button:disabled,
.memberArea .funcArea > a{display:inline-block;width:100%;height:56px;border:2px solid #514d9e;border-radius:14px;font-size:16px;font-weight:500;color:#514d9e;text-align:center;line-height:56px;background:#fafafa;}
.memberArea .inputArea > button{display:inline-block;width:100%;height:56px;border:2px solid #514d9e;border-radius:14px;font-size:16px;font-weight:500;color:#ffffff;;text-align:center;line-height:56px;background:#514d9e;}
.memberArea .funcArea{position:relative;margin-top:100px;}
.memberArea .funcArea:before{content:'';position:absolute;top:-50px;left:10%;width:80%;height:1px;background:#9a9a9a;}
.memberArea .funcArea:after{content:'or';position:absolute;top:-55px;left:50%;padding:0 10px;font-size:14px;color:#9a9a9a;background:#fff;transform:translateX(-50%);}
.memberArea .funcArea ul{display:flex;margin-top:40px;}
.memberArea .funcArea ul li{width:50%;}
.memberArea .funcArea ul li a{display:block;height:56px;font-size:14px;color:#222222;text-align:center;line-height:56px;}
.memberArea .inquiry{position:relative;height:40px;padding:0 14px;font-size:14px;font-weight:500;line-height:40px;}
.memberArea .inquiry a{color:#000;border-bottom:1px solid #000;}
.memberArea .inquiry button{position:absolute;top:0;right:5px;width:40px;height:40px;background:url(../images/icon/icon_kakao.png) no-repeat;background-size:100%;}
.memberArea .inquiry + .findidImg{margin-top:80px;text-align:center;}

.inputForm{}
.inputForm li{position:relative;margin-top:30px;}
.inputForm li:nth-of-type(2){margin-top:30px;}
.inputForm li:first-child{margin-top:0;}
.inputForm label{display:block;margin-bottom:15px;font-size:12px;font-weight:500;color:rgba(0, 0, 0, .6);}
.inputForm input[type="password"],
.inputForm input[type="text"],
.inputForm input[type="tel"]{width:100%;height:40px;padding-left:10px;border-bottom:1px solid #DDD !important;font-size:16px;line-height:24px;}
.inputForm input[type="password"]::placeholder,
.inputForm input[type="text"]::placeholder,
.inputForm input[type="tel"]::placeholder{font-size:14px;color:#9e9e9e;text-align:left}
/* .inputForm input[type="text"]:focus{border-bottom:1px solid #514d9e}
.inputForm input[type="password"]:focus{border-bottom:1px solid #514d9e}
.inputForm input[type="tel"]:focus{border-bottom:1px solid #514d9e} */
.inputForm .pwView{position:absolute;bottom:0;right:0;width:24px;height:24px;background:url(../images/icon/eye.png) no-repeat center;background-size:100%}
.inputForm .pwView.act{background-image:url(../images/icon/eye-off.png)}
.inputForm .caution{position:absolute;bottom:-17px;right:0;font-size:12px;font-weight:500;color:#9e9e9e}
.inputForm + .findPw{margin-top:15px;}
.inputForm input[type="tel"].alignR{padding-right:20px;}

.inputForm.identity{margin-top:40px}
.inputForm.identity li:after{content:"";display:block;clear:both}
.inputForm.identity li label{margin-top:10px}
.inputForm.identity li input{letter-spacing:4.8px}
.inputForm.identity li.name input[type="text"]{border:none;}
.inputForm.identity li.resi span{width:1%}
.inputForm.identity li.resi input[type="tel"]{display:inline-block;float:left;width:46%;text-align:center;}
.inputForm.identity li.resi span{float:left;width:8%;text-align:center;}
.inputForm.identity li.dri input[type="text"]{display:inline-block;float:left;width:12%;text-align:center;}
.inputForm.identity li.dri input[type="tel"]{display:inline-block;float:left;width:12%;text-align:center;}
.inputForm.identity li.dri input[type="tel"].input3{float:left;width:40%;text-align:center;}
.inputForm.identity li.dri span{float:left;width:8%;text-align:center;}
.inputForm.identity #date::placeholder{letter-spacing:0;}
.inputForm.identity #memDate::placeholder{letter-spacing:0;}

.inputForm .prizeList{padding:20px 12px}
.inputForm .prizeList li{padding-top:20px;font-size:12px;line-height:16px}
.inputForm .prizeList li span{float:left}
.inputForm .prizeList li span + span{float:right}


/* 카드 목록 */
.cardSelect{padding:30px 16px;}
.cardSelect .pageInfo{padding:0 0 0 12px;font-size:20px;font-weight:300;color:#1E1E1E;line-height:1.4;}
.cardSelect .pageInfo em{font-weight:700;color:#514d9e;}
.cardSelect .cardList{margin-top:40px;padding:0 4px;}
.cardSelect .cardList li{}
.cardSelect .cardList li + li{margin-top:30px;}
.cardSelect .cardList .bgCard{position:relative;display:block;padding:5% 0 0 6%;height:200px;border-radius:4% / 8%;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.16);background:url(../images/common/img_card.png) no-repeat;background-size:100%;}
/* .cardSelect .cardList .bgCard{position:relative;display:block;padding:5% 0 40% 6%;min-height:200px;border-radius:4% / 8%;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.16);background:url(../images/common/img_card.png) no-repeat;background-size:100% 100%;} */
.cardSelect .cardList li a{position:relative;display:block;padding:10px 0 0 6%;height:200px;border-radius:4% / 8%;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.16);background:url(../images/common/img_card.png) no-repeat;background-size:100% 100%;}
.cardSelect .cardList li a > span{display:block;color:#000;}
.cardSelect .cardList li .cardName{font-size:14px;line-height:1.5;}
.cardSelect .cardList li .cardNum{font-size:20px;}
.cardSelect .cardList li .amount{position:absolute;top:50%;left:0;width:100%;font-size:28px;font-weight:300;text-align:center;transform:translateY(-50%);}
.cardSelect .cardList li .amount span{font-size:32px;font-weight:500;}
.cardSelect .cardList li.unable a{background:none;}
.cardSelect .cardList li.unable a:before{content:'';position:absolute;top:5%;left:6%;width:90%;height:90%;background:rgba(255, 255, 255, .85);z-index:100;}
.cardSelect .cardList li.unable a:after{content:'';position:absolute;top:50%;left:50%;width:48px;height:44px;background:url(../images/icon/icon_card_unable.png);transform:translate(-50%, -50%);z-index:101;background-size:100%}
.cardSelect .cardList + .btnArea{margin-top:30px;}
.cardSelect .cardList li .total{position:absolute;top:20%;left:0;width:100%;font-size:14px;font-weight:400;text-align:center;transform:translateY(-50%);}
.cardSelect .cardList.unregist{margin-bottom:8px}
.cardSelect .cardList.unregist li a{padding:17% 0 40% 6%}
.cardSelect .cardList.unregist li .guide{position:absolute;bottom:1%;left:0;width:100%;font-size:14px;font-weight:400;line-height:20px;color:#ff4167;text-align:center;transform:translateY(-50%);}
.cardSelect .cardList.unregist li .guide > b{font-weight:800;}
.cardSelect .cardList.unregist + span{display:block;margin-bottom:10%;padding:0 1%;font-size:12px;line-height:16px;font-weight:300;color:rgba(0, 0, 0, .6)}
.cardSelect .cardAgree{position:fixed;bottom:76px;margin-left:24px;font-size:16px;color:#1E1E1E;}
.cardSelect .cardAgree input[type="checkbox"]{position:relative}
.cardSelect .cardAgree input[type="checkbox"] + label:before{content:"";display:block;clear:both;position:absolute;left:4px;top:3px;width:24px;height:24px;background-image:url("../images/icon/check.png");background-repeat:no-repeat;background-size:18px 18px;}
.cardSelect .cardAgree input[type="checkbox"]:checked + label:before{content:"";display:block;clear:both;position:absolute;left:4px;top:3px;width:24px;height:24px;background-image:url("../images/icon/checked.png");background-repeat:no-repeat;background-size:18px 18px;}

/* 서비스 메뉴 */
.menuLayer .userInfo{position:relative;padding-left:30px;font-size:16px;color:#000;line-height:120px;}
.menuLayer .userInfo strong{font-weight:500;}
.menuLayer .userInfo button{position:absolute;top:50%;right:20px;width:40px;height:40px;background:url(../images/icon/icon_kakao.png) no-repeat;transform:translateY(-50%);background-size:100%}
.menuLayer .menuList{border-bottom:1px solid #f2f2f2}
.menuLayer .menuList li span{display:block;height:40px;padding-left:25px;color:#6D6D6D;line-height:40px;background:#F6F6F6;}
.menuLayer .menuList li ul li a{position:relative;display:block;height:65px;padding-left:25px;font-weight:500;color:#000;line-height:64px;}
.menuLayer .menuList li ul li a:after{content:'';position:absolute;top:50%;right:25px;width:24px;height:24px;background:url(../images/icon/chevron-right.png); background-repeat: no-repeat; transform:translateY(-50%);background-size: 20px;}
.menuLayer .menuList li ul li + li{border-top:1px solid #f2f2f2}
.menuLayer .logoutInfo{margin-top:60px;padding-bottom:5px;font-size:14px;font-weight:300;color:#000;text-align:center;line-height:1.4;}
.menuLayer .logoutInfo em{font-weight:700;color:#514d9e;}

/* 카드홈 */
.cardHome{padding-top:300px;}
.cardHome .cardView{position:fixed;top:56px;left:0;width:100%;padding:17px 5% 0;background:linear-gradient(to bottom, #514d9e, #514d9e 153px, #fff 153px, #fff);z-index:100}
.cardHome .card{position:relative;display:block;height:200px;padding:5% 0 0 6%;border-radius:16px;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.16);background:url(../images/common/img_card.png) no-repeat;background-size:100% 100%;}
.cardHome .card > span{display:block;color:#000;}
.cardHome .card .cardName{font-size:14px;line-height:1.5;}
.cardHome .card .cardNum{font-size:20px;}
.cardHome .card .amount{position:absolute;top:50%;left:0;width:100%;font-size:28px;font-weight:300;text-align:center;transform:translateY(-50%);}
.cardHome .card .amount span{font-size:32px;font-weight:500;}
.cardHome .card .reverse{position:absolute;top:14px;right:14px;width:36px;height:36px;background:url(../images/icon/icon_reverse.png);background-size:100%}
.cardHome .card .charge{position:absolute;bottom:1px;left:1px;width:calc(100% - 2px);height:62px;border-radius:0 0 16px 16px / 0 0 16px 16px;font-size:18px;line-height:62px;background:#ffffff;}
.cardHome .card ul{position:absolute;bottom:13%;left:0;width:100%;display:flex;}
.cardHome .card ul li{width:40%;font-size:32px;font-weight:500;color:#000;text-align:center;}
.cardHome .card ul li span{display:block;padding-bottom:10px;font-size:14px;font-weight:400;}
.cardHome .card ul li:first-child{width:60%;}
.cardHome .card.back{display:none;}
.cardHome .menuArea{padding:0 5% 50px;}
.cardHome .menu1{padding:0 5%;}
.cardHome .menu1 li a{position:relative;display:block;padding-left:55px;font-weight:500;color:#000;line-height:40px;}
.cardHome .menu1 li a:before{content:'';position:absolute;top:0;left:0;width:40px;height:40px;background-size:100%}

.cardHome .menu1 div a:before{content:'';position:absolute;top:0;left:0;width:40px;height:40px;background-size:100%}
.cardHome .menu1 div:nth-of-type(1) a:before{background-image:url(../images/card/home_menu11.png);}
.cardHome .menu1 li:nth-of-type(1) a:before{background-image:url(../images/card/home_menu1.png);}
.cardHome .menu1 li:nth-of-type(2) a:before{background-image:url(../images/card/home_menu12.png);}
.cardHome .menu1 li:nth-of-type(3) a:before{background-image:url(../images/card/home_menu4.png);}
/* .cardHome .menu1 li:nth-of-type(3) a:before{background-image:url(../images/card/home_menu3.png);} */
.cardHome .menu1 li:nth-of-type(4) a:before{background-image:url(../images/card/home_menu9.png);}
.cardHome .menu1 li:nth-of-type(5) a:before{background-image:url(../images/card/home_menu8.png);}
.cardHome .menu1 li:nth-of-type(6) a:before{background-image:url(../images/card/home_menu2.png);}
.cardHome .menu1 li:nth-of-type(7) a:before{background-image:url(../images/card/home_menu10.png);}
.cardHome .menu1 li:nth-of-type(7) a:before{background-image:url(../images/card/home_menu10.png);}
.cardHome .menu1 li:nth-of-type(8) a:before{background-image:url(../images/card/home_menu14.png);}
.cardHome .menu1 li:nth-of-type(9) a:before{background-image:url(../images/member/img_important.png);}
.cardHome .menu1 li:nth-of-type(9) a span{color: red; font-weight: bold;}
.cardHome .menu1 li + li{margin-top:15px;}
.cardHome .menu2{margin-top:30px;}
.cardHome .menu2 li a{position:relative;display:block;height:64px;padding:0 0 0 30px;border:1px solid #f2f2f2;font-weight:300;color:#504c46;border-radius:16px;background:#fafafa;}
.cardHome .menu2 li a:after{content:'';position:absolute;top:50%;right:36px;width:38px;height:50px;background:url(../images/card/home_menu6.png);transform:translateY(-50%);background-size:100%}
.cardHome .menu2 li a span{display:inline-block;line-height:64px;}
.cardHome .menu2 li a em{font-weight:400;color:#000;}
.cardHome .menu2 li:first-child a{padding:18px 0 0 30px;}
.cardHome .menu2 li:first-child a span{line-height:initial;letter-spacing:1.6px}
.cardHome .menu2 li:first-child a em{color:#504c46;}
.cardHome .menu2 li:first-child a i{display:block;font-size:12px;color:#000;letter-spacing:0}

/* 첫 번째 항목: 스마트 출금 ATM 찾기 - home_menu13.png */
.cardHome .menu2 li:first-child a:after {
    right: 30px;
    width: 50px;
    height: 44px;
    background: url(../images/card/home_menu13.png);
    background-size: 100%;
}
.cardHome .menu2 li:first-child a span{letter-spacing:1.6px}

.cardHome .menu2 li:nth-child(2) a{padding:11px 0 0 30px;}
.cardHome .menu2 li:nth-child(2) a span{line-height:initial;letter-spacing:1.6px}
.cardHome .menu2 li:nth-child(2) a em{color:#504c46;}
.cardHome .menu2 li:nth-child(2) a i{display:block;font-size:12px;color:#000;letter-spacing:0}

/* 두 번째 항목: 상품권 등록 - home_menu5.png */
.cardHome .menu2 li:nth-child(2) a:after {
    right: 30px;
    width: 50px;
    height: 44px;
    background: url(../images/card/home_menu5.png);
    background-size: 100%;
}

/* 세 번째 항목: 제로페이 가맹점찾기 - home_menu6.png */
.cardHome .menu2 li:nth-child(3) a:after {
    right: 30px;
    width: 50px;
    height: 44px;
    background: url(../images/card/home_menu6.png);
    background-size: 100%;
}
.cardHome .menu2 li:nth-child(3) a span{letter-spacing:1.6px}
.cardHome .menu2 li + li{margin-top:10px;}

/* 거래 내역 */
.breakdown{}
.breakdown.type2{padding-top:0;}
.breakdown .tabMenu{position:fixed;top:56px;left:0;width:100%;background:#fff;z-index:10;}
.breakdown .option{padding:20px 5%;}
.breakdown .option .balance{position:relative;height:64px;margin-bottom:20px;padding-right:5%;border-radius:8px;text-align:right;font-weight:300;color:#fff;line-height:64px;background:#514d9e}
.breakdown .option .balance em{font-size:20px;font-weight:500;}
.breakdown .option .balance span{position:absolute;top:50%;left:5%;font-weight:500;transform:translateY(-50%);}
/* .breakdown .option .balance.type2{height:auto;margin-bottom:20px;padding:0 5%;border-radius:8px;background:#514d9e;line-height:initial;}
.breakdown .option .balance.type2 div{position:relative;display:block;text-align:right;font-weight:300;color:#fff;line-height:60px;}
.breakdown .option .balance.type2 em{font-size:20px;font-weight:500;}
.breakdown .option .balance.type2 span{position:absolute;top:50%;left:0;font-weight:500;transform:translateY(-50%);}
.breakdown .option .balance.type2 div + div{border-top:1px solid;border-color:rgba(255, 255, 255, 0.4);} */
.breakdown .option ul > li{display:flex;}
.breakdown .option ul li + li{margin-top:20px;}
.breakdown .option ul li em{width:32%;color:#1E1E1E;font-weight:500;line-height:40px;}
.breakdown .option ul li > span{display:inline-block;width:68%;}
.breakdown .option ul li > span:after{content:'';display:block;clear:both;}
.breakdown .option select{font-size:15px;font-weight:500; box-shadow: 0 1px 1px 0 rgba(0,0,0,.05); width:100%;padding:0 12px;height:40px;border:1px solid #DDD;border-radius:8px;color:#1E1E1E;background:url(../images/common/drop_down.png)no-repeat 99% center;background-size:20px 20px}
.breakdown .option .datePicker{font-size:15px;font-weight:500; box-shadow: 0 1px 1px 0 rgba(0,0,0,.05); float:left;width:68%;height:40px;padding-left: 44px;border:1px solid #DDD;border-radius:8px;color:#1E1E1E;background:url(../images/common/calendar.png) no-repeat 12px center;background-size: 20px 20px;}
.breakdown .option .btnS{float:right;width:28%;}
.breakdown .option .detail{display:flex;}
.breakdown .option .detail input{width:44%;height:30px;border-bottom:1px solid #d0d0d0;font-size:14px;font-weight:500;color:#616161;text-align:center;background:url(../images/icon/icon_calendar.png) no-repeat right center;background-size:24px 24px}
.breakdown .option .detail i{display:inline-block;width:12%;font-size:14px;color:#9e9e9e;text-align:center;line-height:30px;}
.breakdown .option .noti{margin-top:10px;font-size:12px;text-align:right;color:#575757;font-weight:500;}
.breakdown .result{}
.breakdown .result .period{height:35px;padding-left:5%;color:#6D6D6D;line-height:40px;background:#FCFCFC;font-size: 15px;}
.breakdown .result .period2{height:35px;padding-left:5%;color:#6D6D6D;line-height:40px;background:#FCFCFC;width:50%;float:left;font-size: 15px;}
.breakdown .result .pointInfo{ width:50%; float:right; height:35px;padding-right:5%;color:#616161; line-height:40px;background:#FCFCFC;text-align:right; float:left;font-size: 15px;}
.breakdown .result li{display:flex;padding:19px 5% 15px;}
.breakdown .result span{flex-basis:50%;color:#1E1E1E;font-weight:600;}
.breakdown .result span em{display:block;margin-top:10px;font-size:14px;font-weight:400;color:#9A9A9A;}
.breakdown .result span:nth-of-type(2){color:#1D5CFF;font-weight:600;text-align:right;}
.breakdown .result span:nth-of-type(2) em{color:#000;}
.breakdown .result ul li + li{border-bottom:1px solid #EDEDED;}
.breakdown .result ul .nolist{display:flex;justify-content:center;align-items:center;font-size:14px;color:#1E1E1E;}
.breakdown .result ul .nolist strong{font-weight:600;color:#1E1E1E;}

.cardCharge{padding-top:289px;}
.cardCharge .chargeTop{position:fixed;top:56px;left:0;width:100%;background: white;z-index: 10;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
.cardCharge .chargeTop .balance{position:relative;padding:20px 5% 0;background:#514d9e;}
.cardCharge .chargeTop .balance:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:10px;z-index:100;background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16))}
/* .cardCharge .chargeTop .balance{position:relative;padding:20px 5% 0;background:#514d9e;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.16);z-index:10;} */
.cardCharge .chargeTop .balance > div{height:136px;padding-top:20px;font-size:28px;font-weight:300;color:#000;text-align:center;background:url(../images/common/img_card.png) no-repeat left top;background-size:100% auto;}
.cardCharge .chargeTop .balance > div span{display:block;padding-bottom:40px;font-size:14px;font-weight:500;color:#000;}
.cardCharge .chargeTop .balance > div em{font-size:32px;font-weight:500;color:#000;}
.cardCharge .chargeTop .standby{position:relative;padding:0 5%;font-size:20px;font-weight:500;color:#000;text-align:right;line-height:96px;background:#fff;}
.cardCharge .chargeTop .standby span{position:absolute;top:50%;left:5%;font-size:16px;font-weight:500;color:#000;transform:translateY(-50%);}
.cardCharge .chargeTop .listTit{position:relative;height:40px;background:#e3e3e3;color:#616161;text-align:center;line-height:40px;}
.cardCharge .chargeTop + ul{padding-bottom:56px;max-height: calc(100vh - 289px - 56px);overflow-y: auto;}
.cardCharge .chargeTop + ul li a{display:flex;padding:19px 5% 15px;}
.cardCharge .chargeTop + ul li a span{flex-basis:50%;color:#1E1E1E;font-weight:500;}
.cardCharge .chargeTop + ul li a span em{display:block;margin-top:7px;font-size:14px;font-weight:300;}
.cardCharge .chargeTop + ul li a span:nth-of-type(2){color:#514d9e;font-weight:500;text-align:right;}
.cardCharge .chargeTop + ul li a span:nth-of-type(2) .amount {color: #514d9e;}
.cardCharge .chargeTop + ul li a span:nth-of-type(2) em{color:#000;}

.cardCharge .chargeTop + ul li + li{border-top:1px solid #e3e3e3}
.cardCharge .chargeTop + ul li.nolist{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 56px - 289px - 56px);font-size:14px;color:rgba(0, 0, 0, 0.6);text-align:center;line-height:1.4;}
.cardCharge .chargeTop + ul li.nolist p{margin-bottom:20px;}
.cardCharge .chargeTop + ul li.nolist img{width:77px;height:121px;}
.cardCharge .chargeTop + ul li.nolist em{font-weight:700;color:#514d9e;}
.cardCharge .fixedBtn{display:flex;}
.cardCharge .fixedBtn button:nth-of-type(1){width:84%;}
.cardCharge .fixedBtn button:nth-of-type(2){position:relative;width:16%;background:#323062}
.cardCharge .fixedBtn button:nth-of-type(2):after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;background:url(../images/icon/icon_que.png) no-repeat;transform:translate(-50%, -50%);background-size:100%}

.cardCharge .middleBtn .listTit {float: left;width: 100%;}
.cardCharge .middleBtn button:nth-of-type(1){position: relative; width: 16%;background: #c5c5c5;height: 40px;float: right;}
.cardCharge .middleBtn button:nth-of-type(1):after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;background:url(../images/icon/icon_que.png) no-repeat;transform:translate(-50%, -50%);background-size:100%}

.ul_charge{overflow-y: auto;max-height: calc(100vh - 289px - 56px);}

.charge-item a{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 10px 0;position: relative;}
.charge-left{display: flex;color: #000;flex-direction: column;}
.charge-right{display: flex;flex-direction: column;align-items: flex-end;text-align: right;gap: 4px;white-space: nowrap;position: relative;width: auto;padding-right: 2em;}
.charge-more{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);flex-shrink: 0;}
.charge-more::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/icon/icon_more.png) no-repeat center;background-size: contain;}

.buyingGifts-item{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 10px 0;position: relative;}
.buyingGifts-left{display: flex;color: #000;flex-direction: column;}
.buyingGifts-right{display: flex;flex-direction: column;align-items: flex-end;text-align: right;gap: 4px;white-space: nowrap;position: relative;width: auto;padding-right: 2em;}
.buyingGifts-more{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);flex-shrink: 0;}
.buyingGifts-more::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/icon/icon_more.png) no-repeat center;background-size: contain;}
 
.list-sentence {
   	font-size: 18px;
    padding: 30px 20px 20px;
    font-weight: 600;
    border-bottom: 1px solid #EDEDED;
    width: 100%; 
}

.no-inquiry {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
}

.inquiry-list {
	padding: 12px 20px 15px;
	position: relative;
	border: 1px solid #EDEDED;
	background-color: #FCFCFC;
	border-radius: 24px;
	margin: 10px 20px;
	line-height: 1.3;
}

.inquiry-left {
	display: flex;
	color: #000;
	flex-direction: column;
}

.inquiry-left em {
	color: rgba(0, 0, 0, 0.6);
	font-size: 13px;
}

.inquiry-right {
	display: flex;
	/* align-items: flex-end; */
	white-space: nowrap;
	position: relative;
	width: auto;
	justify-content: space-between;
	/*
	flex-direction: column;
	gap: 4px; 	
	text-align: right;
	padding-right: 2em;*/

}

.inquiry-more {
/* 	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	flex-shrink: 0; */
}

.inquiry-more::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/icon/chevron-right.png) no-repeat center;
	background-size: contain;
}

.inq_title {
	font-weight: 600;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 16px;
}

.bx-title {
	padding: 0 10px;
	margin-bottom: 6px; font-size : 14px;
	color: #404040;
	font-size: 14px;
}


.inquiry-list[data-status="closed"] .inq_status{
  background-color:#9A9A9A;
  color:#FFFFFF;
  border-color:#9A9A9A;
}

.inq_status {
	background-color: #1D5CFF;
    border-radius: 16px;
	color:white;
	text-align: center;
	padding: 3px;
	font-size: 14px;
	max-width: 70px;
}

.divLine {
	border:1px inset rgba(255, 255, 255, 0.6);
	margin:auto;
	width:100%;
}

.question::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icon/icon_q.svg) no-repeat center;
	background-size: contain;
}

.answer::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icon/icon_a.svg) no-repeat center;
	background-size: contain;
}

.inq_fixedBtn {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:56px;
}

.inq_btnB {
	display:inline-block;
	width:100%;
	height:56px;
	font-weight:500;
}

.inq_btnBlue {
	color:#ffffff;
	background:#514d9e;
}

.inq_btnBlue:disabled {
	color:#ffffff;
	background:#9e9e9e;
}

.add_inq_category {
	border: none;
	border-bottom: 1px solid #DDD; 
	width:100%;
	padding:10px;
	background-color:white;
	color: rgba(0, 0, 0, 0.6);
	border-radius:0px;
	margin-bottom: 15px;
}

.add_inq_category option {
    color: black;
}

.add_inq_title {
	border: none;
	border-bottom: 1px solid #DDD; 
	width:100%;
	padding:10px;
	border-radius:0px;
	margin-bottom: 15px;
}

.add_inq_content {
	border:1px solid rgba(0, 0, 0, 0.2);
	min-height:40vh;
	width:100%;
	padding:10px;
	border-radius:8px;
	line-height: 1.4;
}

.add_div_space {
	margin-top:10px;
	margin-bottom:15px;
}

.char-count {
    text-align: right;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    margin-top: -25px;
    margin-bottom: 25px;
}

.center-container {
	width:95%;
	margin: auto;
}
.noti-bx{
	padding :12px;
	background-color: #F6F6F6;
	border-radius:8px;
}

.noti-bx span{
	color : #6D6D6D;
	font-weight : 500;
	font-size: 12px;
}

.center-container-bottom {
	width:95%;
	margin: auto;
	padding-bottom:100px;
}

.det_inq_category {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	width:95%;
}

.det_div_space {
	margin-top:16px;
	margin-bottom:8px;
}

.det_inq_title {
	font-weight: 600;
	font-size:16px;
}

.det_inq_content {
	width:95%;
}

.det_inq_date, .det_rep_date {
	color:#9a9a9a;
	font-size:12px;
	font-weight:400;
}

.requestion-list{
	border : 1px solid #EDEDED;
	border-radius: 16px;
	padding: 16px;
	margin : 16px 0;
	background-color : #FCFCFC;
}

.answer-list{
	border : 1px solid #EDEDED;
	border-radius: 16px;
	padding: 16px;
	margin : 16px 0;
	background-color : #FFFFFF;
}

.requestion-titleBx{
	display:flex;
	align-items: center; 
	justify-content: space-between;
	padding-bottom: 16px;
    border-bottom: solid 1px #EDEDED;
}



.transfer{padding-top:156px;}
.transfer .transferTop{position:fixed;top:56px;left:0;width:100%;z-index:100;}
.transfer .transferTop:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:10px;z-index:100;background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16))}
/* .transfer .transferTop{position:fixed;top:56px;left:0;width:100%;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.16);z-index:100;} */
.transfer .transferTop .balance{padding:20px 5% 0;background:#514d9e;}
.transfer .transferTop .balance > div{height:136px;padding-top:20px;font-size:28px;font-weight:300;color:#000;text-align:center;background:url(../images/common/img_card.png) no-repeat left top;background-size:100% auto;}
.transfer .transferTop .balance > div span{display:block;padding-bottom:40px;font-size:14px;font-weight:500;color:#000;}
.transfer .transferTop .balance > div em{font-size:32px;font-weight:500;color:#000;}
.transfer .transferBtm{padding: 30px 5% 0;}

/* 로그인, 아이디 찾기 */
.memberArea .findidImg2{margin-top:24px;text-align:center;}
.memberArea .findidImg2 .img3{width:151px;height:122px}
.memberArea .findidImg{margin-top:80px;text-align:center;}
.memberArea .findidImg .img{width:137px;height:121px}
.memberArea .findidImg .img2{width:121px;height:92px}
.memberArea .findidImg .img3{width:151px;height:122px}
.memberArea .findidImg .img4{width:151px;height:113px}
.memberArea .findidImg .img5{width:151px;height:100px}
.memberArea .registArea{margin-top:100px;}
.memberArea .registArea.type2{}
.memberArea .registArea .registAgree{position:relative;height:64px;line-height:64px;}
.memberArea .registArea .registAgree2{position:relative;height:56px;line-height:56px;}
.memberArea .registArea .registAgree2 a{position:absolute;right:17px;color:#9a9a9a;}
.memberArea .registArea .registAgree input[type="checkbox"] + label{font-size:15px;color:#000;}
.memberArea .registArea .registAgree input[type="checkbox"] + label:before{content:"";display:inline-block;clear:both;margin-right:12px;width:16px;height:16px;vertical-align: middle;background:url("../images/icon/check.png")no-repeat 0 0;background-size:cover;}
.memberArea .registArea .registAgree input[type="checkbox"]:checked + label:before{width:16px;height:16px;background:url("../images/icon/checked.png")no-repeat 0 0;background-size:cover;}
.memberArea .registArea li p{margin-bottom:5px;height:24px;font-size:16px;line-height:24px;font-weight:500;}
.memberArea .registArea li p > span{padding-left:8px;font-size:12px;font-weight:300;}
.memberArea .registArea.type2 .registAgree{height:48px;line-height:48px;}
.memberArea .registArea.type2 .registAgree input[type="radio"] + label{position:relative;left:30px;font-size:16px;color:#000;}
.memberArea .registArea.type2 .registAgree input[type="radio"] + label:before{content:"";display:inline-block;clear:both;position:absolute;top:1px;left:-28px;margin-right:12px;width:24px;height:24px;vertical-align: middle;background:url("../images/icon/check.png")no-repeat 0 0;background-size: 18px 18px;}
.memberArea .registArea.type2 .registAgree input[type="radio"]:checked + label:before{position:absolute;top:1px;left:-28px;width:48px;height:48px;background:url("../images/icon/checked.png")no-repeat 0 0;background-size: 18px 18px;}
.memberArea .registArea .registAgree:has(#allTerm:checked) {
    border: 1px solid #1D5CFF !important;
    background-color: rgba(29, 92, 255, 0.05) !important;
}

.memberArea .registArea .registDisagree{position:relative;height:64px;line-height:64px;}
.memberArea .registArea .registDisagree2{position:relative;height:56px;line-height:20px;}
.memberArea .registArea .registDisagree2 a{position:absolute;right:17px;color:#9a9a9a;text-decoration:underline;}
.memberArea .registArea .registDisagree input[type="checkbox"] + label{font-size:16px;color:#000;}
.memberArea .registArea .registDisagree input[type="checkbox"] + label:before{content:"";display:inline-block;clear:both;margin-right:12px;width:24px;height:24px;vertical-align: middle;background:url("../images/icon/check.png")no-repeat 0 0;background-size:18px 18px;}
.memberArea .registArea .registDisagree input[type="checkbox"]:checked + label:before{width:24px;height:24px;background:url("../images/icon/checked.png")no-repeat 0 0;background-size:18px 18px;}
.memberArea .registArea.type2 .registDisagree{height:48px;line-height:48px;}
.memberArea .registArea.type2 .registDisagree input[type="radio"] + label{position:relative;left:30px;font-size:16px;color:#000;}
.memberArea .registArea.type2 .registDisagree input[type="radio"] + label:before{content:"";display:inline-block;clear:both;position:absolute;top:-2px;left:-30px;margin-right:12px;width:24px;height:24px;vertical-align: middle;background:url("../images/icon/icon_uncheckX.png")no-repeat 0 0;background-size:cover;}
.memberArea .registArea.type2 .registDisagree input[type="radio"]:checked + label:before{position:absolute;top:-14px;left:-42px;width:48px;height:48px;background:url("../images/icon/icon_Selected.png")no-repeat 0 0;background-size:cover;}


.memberArea .pageInfo span{font-size:14px;}
.memberArea .pageInfo span a{font-weight:500;color:#514d9e}
.memberArea .unreason{margin:90px 0 -20px 2px;padding-bottom:10px;border-bottom:1px solid #e2e2e2;font-size:16px;font-weight:500}
.memberArea .unreason > span{margin-left:5px;font-size:12px;font-weight:300}

.memberArea .cameraArea{margin:50px 0 0;}
.memberArea .cameraArea .cameraBtn{display:block;width:100%;height:56px;line-height:56px;text-align:center;background-color:#514d9e;border-radius:16px;color:#fff;}
.memberArea .cameraArea .cameraBtn p{color:#fff;}

/* .memberArea .cautionArea{margin:62px 12px 0;} */
.memberArea .cautionArea2{margin-top:18px;margin-bottom:30px;}
.memberArea .cautionArea3{margin-top:0px;}
.memberArea .cautionArea3 ul{margin-top:0px !important;}
.memberArea .cautionArea p span{font-weight:500;}
.memberArea .cautionArea ul{margin-top:20px;}
.memberArea .cautionArea ul li{line-height:20px;}
.memberArea .cautionArea ul li span{font-size:12px;color:rgba(0,0,0,0.6);}

.memberArea .eventCode{position:relative;display:block;margin-top:16px;line-height:56px;} 
.memberArea .eventCode input[type="checkbox"]{width:100%;}
.memberArea .eventCode input[type="checkbox"] + label{position:absolute;top:0;left:50%;width:100%;height:56px;border:1px solid #DDD;border-radius:12px;font-size:14px;color:#1E1E1E;transform:translateX(-50%);padding-left:15px;}
.memberArea .eventCode input[type="checkbox"] + label:before{content:"";display:inline-block;clear:both;margin-top:-4px;margin-right:8px;width:14px;height:14px;vertical-align: middle;background:url("../images/icon/check.png")no-repeat 0 0;background-size:cover;}
.memberArea .eventCode input[type="checkbox"]:checked + label{border-color:#1D5CFF;color:#1E1E1E;background-color:#F2F7FF;}
.memberArea .eventCode input[type="checkbox"]:checked + label:before{width:14px;height:14px;background:url("../images/icon/checked.png")no-repeat 0 0;background-size:cover;}

.memberArea .cardpwBox .cardpwTxt{margin-bottom:16px;font-size:12px;font-weight:500;color:rgba(0,0,0,0.6);text-align:left;}
.memberArea .cardpwBox ul{display:flex;justify-content: center;}
.memberArea .cardpwBox ul li{margin-right:5%;}
.memberArea .cardpwBox ul li input{width:60px;height:60px;font-size:24px;border-radius: 8px;text-align:center;}
.memberArea .cardpwBox ul li:last-child{margin-right:0;}
.memberArea .cardpwBox .cardpwInput{display:block;margin:0 14px;}
.memberArea .cardpwBox .cardpwInput li input{ height:64px;                 /* 입력칸 높이 */
	line-height:1.2;             /* 입력 중 라인하이트 */
	width:100%;
	text-align:center;
	font-size:55px;
	color:#1D5CFF;
	letter-spacing:20px;
	-webkit-text-security: disc;}
.memberArea .cardpwBox .cardpwInput.sixpw li input{letter-spacing: 5vw; padding-left:20px;}
.memberArea .cardpwBox .cardpwInput.sixpw li input:placeholder-shown{letter-spacing:0;}
.memberArea .cardpwBox span{display:block;margin-top:16px;margin-right:14px;font-size:12px;color:#6D6D6D;text-align:center;}

.memberArea .proTxt{font-size:14px;line-height:20px;letter-spacing:-0.35px;white-space:pre-wrap;}
.memberArea .proTxt table{font-size:14px;text-align:center}
.memberArea .proTxt table thead th{padding:5px 0;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0}
.memberArea .proTxt table tbody td{padding:5px 0;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.memberArea .proTxt table thead th:last-child, .memberArea .proTxt tbody td:last-child{border-right:none}
.memberArea .proTxt .table2{border:1px solid #d0d0d0}
.memberArea .proTxt .table2 tbody td{padding:5px 5px;text-align:left;vertical-align: top;}
.memberArea .noticeTxt{font-size:14px;line-height:20px;letter-spacing:-0.35px;}
.memberArea .noticeTxt hr{border: 1px solid #F2F2F2;}
.memberArea .noticeTxt .title{font-size:15px; font-weight: 500;}
.memberArea .noticeTxt .noticeDate{font-size:12px; font-weight: 200;}
.memberArea .cardboard{margin:29px 0;width:100%;height:200px;background-color:#d0d0d0;border-radius:16px}
.memberArea .cardboard li{text-align:center}
.memberArea .cardboard li:nth-child(1){padding:40px 0 10px;font-size:80px;color:#514d9e;font-weight:900;}
.memberArea .cardboard li:nth-child(2){font-size:16px;line-height:20px}
.memberArea .cardboard + p{margin:0 20px;padding:0 0 40px;font-size:14px;line-height:18px;color:rgba(0, 0, 0, .6)}

.memberArea .memJuminInput li{display: inline-block; width: 100%;}
.memberArea .memJuminInput li input{	width:40%;  font-size: 22px; color:#616161;	letter-spacing:7px;   border-radius: 8px;   text-align: center; height: 50px;}
.memberArea .memJuminInput span{font-size: 27px;}
.memberArea .memJuminInput .memJuminB{font-size: 22px; background-color: #e3e3e3; width:52%; height: 38px;}
.memberArea .findidImg2.memJumin { margin-top: 0px;}

.memberArea .account_search_btn{text-decoration: underline;font-size: 12px; float: right; margin-top: 5px;}

.inputForm .addBtn{position:absolute;bottom:0px;right:0;width:76px;height:44px;font-size:12px;color:#fff;background-color:#514d9e;border-radius:16px 0 0 0;}
.inputForm.input14 input{font-size:20px !important;}
.inputForm.input14 li:nth-of-type(2){margin-top:45px;}
.inputForm .dateView{position:absolute;bottom:0;right:12px;width:24px;height:24px;background:url(../images/icon/icon_calendar.png) no-repeat center;}
.inputForm li .star{color:#ff4167}
.inputForm li .won{position:absolute;bottom:3px;right:0;}
.inputForm li .pin{width:100%;height:33px;font-size:64px !important;color:#6161
    61;text-align:center;letter-spacing:10px;border-bottom:1px solid #d0d0d0;-webkit-text-security: disc;}
.inputForm + p{padding:95px 20px 35px;font-size:14px;line-height:18px;color:rgba(0, 0, 0, .6);font-weight:300;}

.transfer .transferBtm{min-height:500px}
.transfer .transferBtm .inputForm li:nth-of-type(3){margin-top:40px;}
.transfer .transferBtm .inputForm li .accountDl{display:flex}
.transfer .transferBtm .inputForm li .accountDl dt{margin-top:7px;margin-right:8px;min-width:80px;font-size:14px;border-bottom:1px solid #d0d0d0;}
.transfer .transferBtm .inputForm li .accountDl dt button{position:relative;color:#9e9e9e;}
.transfer .transferBtm .inputForm li .accountDl dt button.focus{color:#1E1E1E;}
.transfer .transferBtm .inputForm li .accountDl dt button:after{content:"";display:inline-block;clear:both;position:absolute;top:-5px;right:-22px;width:24px;height:24px;background-image:url("../images/icon/icon_down.png");}
.transfer .transferBtm .inputForm li .accountDl dd{width:100%}
.transfer .transferBtm .inputForm li .accountDl dd input[type="text"]{}
.transfer .transferBtm .inputForm li .accountDl dd input[type="text"]::placeholder{font-size:11px;letter-spacing:-.07em}
.transfer .transferBtm .nameValue{margin-top:10px;padding:30px 44px;width:100%;background-color:#f2f2f2;border-radius:20px}
.transfer .transferBtm .nameValue ul{}
.transfer .transferBtm .nameValue ul li{display:flex;justify-content:space-between;width:100%;}
.transfer .transferBtm .nameValue ul li:nth-of-type(1){padding-bottom:10px;}
.transfer .transferBtm .nameValue ul li span{padding-top:5px;min-width:80px;font-weight:300}
.transfer .transferBtm .nameValue ul li span:nth-of-type(2){padding-top:0;font-size:20px;font-weight:500;text-align:right;}
.transfer .transferBtm .nameValue input{padding-top: 0;font-size: 20px;font-weight: 500; text-align: right; min-width: 80px; background-color: #f2f2f2; text-decoration: 1px underline; text-decoration-color: #958e8ee8;}
.transfer .transferBtm .inputForm .cardLink{position:absolute;bottom:-31px;right:13px;font-size:14px;color:#9e9e9e;border-bottom:1px solid #9a9a9a}
.transfer .transferBtm .CardCheck label{display:inline;}
.transfer .transferBtm .CardCheck .search_btn{position:inherit; text-decoration: underline; font-size: 12px;}
/* listBox */
.listBox{margin:25px 0 0;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
.listBox li{display:flex;justify-content:space-between;padding:0 12px;height:64px;line-height:64px;border-bottom:1px solid #F2F2F2;}
.listBox.type2 li{min-height:64px;line-height:30px;align-items:center}
.listBox li:nth-of-type(2){border-bottom:none;}
.listBox + a{float:right;margin-top:14px;margin-right:13px;font-size:14px;color:#9a9a9a;border-bottom:1px solid #9a9a9a;}
.listBox li input[type="checkbox"]{display:none;}
.listBox li label{display:inline-block;position:relative;width:48px;height:24px;border-radius:12px;cursor:pointer;background-color: rgba(0,0,0,0.38);}
.listBox li label:before{content:"";display:block;position:absolute;top:-1.55px;left:-1.55px;width:29px;height:29px;background:url("../images/icon/icon_toggle_off.png");transition:all .4s ease;background-size:100%}
.listBox li label:after{content:"OFF";display:inline-block;position:absolute;top:-19px;right:5px;font-size:10px;color:#ffffff}
.listBox li input[type="checkbox"]:checked + label{background-color: #1D5CFF;}
.listBox li input[type="checkbox"]:checked + label:before{transform:translateX(23px)}
.listBox li input[type="checkbox"]:checked + label:after{content:"ON";display:block;position:absolute;top:-19px;right:28px;}
.listBox + p{position:fixed;bottom:76px;margin:0 36px 0 20px;font-size:14px;line-height:18px;color:rgba(0,0,0,0.6)}
.listBox li span{min-width:95px;}
.listBox.type2 li span{min-width:55px;}
.listBox li span + span{text-align:right;}
.listBox li button{margin-top:10px;padding:0 12px;width:100%;height:44px;line-height:44px;color:#9e9e9e;text-align:left;border:1px solid #d0d0d0;border-radius:4px;background:url("../images/icon/icon_btn_dropdown.png")no-repeat right center;background-position:99%;background-size:24px 24px;}
.listBox li button.focus{color:#1E1E1E}
.listBox li input[type="text"]{margin-top:10px;padding:0 12px;width:100%;height:44px;line-height:44px;color:#1E1E1E;text-align:left;border:1px solid #d0d0d0;border-radius:4px;}
.listBox li input[type="text"]:focus{border-color:#1D5CFF;}
.listBox li input[type="text"]::placeholder{color:#9e9e9e;}
.listBox.type2 li:nth-of-type(2){border-bottom:none}

/* listGuide */
.listGuide{}
.listGuide li{border-bottom:1px solid #F2F2F2}
.listGuide li a{display:block;padding:6px 12px;font-size:16px;line-height:26px;color:#1E1E1E;}
.listGuide li .listOption{display:flex;justify-content:space-between;font-size:12px;color:#1E1E1E;}
.listGuide li .listOption dd{color:#ff4167;}
.listGuide .essential p{height:26px;font-size:16px;line-height:26px;font-weight:500;color:#1E1E1E;}
.listGuide .essential p::before{content:"필독";display:inline-block;margin-right:12px;width:46px;height:24px;font-size:12px;font-weight:500;color:#ffffff;border-radius:8px;background-color:#ff4167;text-align:center;}
.provision li{border-bottom:1px solid #EDEDED;}
.provision li a{display:block;padding:24px 24px;font-weight:500;color:#1E1E1E;background:url("../images/icon/chevron-right.png")no-repeat 98% center;background-size:24px 24px}
.provision .noticeDate{font-size: 12px;font-weight: 200;}
.provision .seq{display: none;}
.provision .noticeEmpty{background: none;}
/* splash */
.splash{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;}
.splash img{width:240px;height:240px}
.splashHome{position:relative;margin:0 16px;height:100vh;}
.splashHome .pageInfo{padding:120px 0 0 12px;font-size:20px;font-weight:300;color:#1E1E1E;line-height:1.4;}
/* .splashHome .pageInfo{padding:56px 0 0 12px;font-size:20px;font-weight:300;color:#1E1E1E;line-height:1.4;} */
.splashHome .pageInfo em{font-weight:700;color:#514d9e;}
.splashHome .pageInfo em:nth-of-type(2){position:relative;padding-left:42px;}
.splashHome .pageInfo em:nth-of-type(2)::before{content:"";display:inline-block;position:absolute;top:-2px;left:0;padding:0 10px;width:24px;height:24px;background:url("../images/icon/icon_symbol_P.png")no-repeat 50% center;background-size:24px 24px}
.splashHome .pageInfo + span{display:block;padding:0 0 0 12px;margin-top:10px;font-size:32px;font-weight:300;}

.splashHome .inquiry{position:relative;margin-top:20px;height:44px;padding:0 14px;font-size:14px;font-weight:500;line-height:20px;}
.splashHome .inquiry em{font-weight:700;color:#514d9e;}

.splashHome .mainBox{display:flex;justify-content:space-between;margin-bottom:40px;}
.splashHome .mainBox .mainBoxs{width:33%;}
.splashHome .mainBox .mainBoxs > a{display:block;position:relative;height:120px;font-size:16px;color:#1E1E1E;text-align:center;letter-spacing:1.6px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;}
.splashHome .mainBox .mainBoxs span{position:relative;top:-30px;}
.splashHome .mainBox .mainBoxs span + span{position:absolute;top:35%;left:50%;width:24px;height:24px;font-size:12px;color:#ffffff;line-height:24px;background:#ff4167;border-radius:50%;transform:translateX(15%)}
.splashHome .mainBox .mainBoxs:nth-of-type(1) a:before{content:"";display:block;margin:0 auto;width:90px;height:120px;background:url("../images/icon/new_icon_notice.png")no-repeat center center;background-size:100%}
.splashHome .mainBox .mainBoxs:nth-of-type(2) a:before{content:"";display:block;margin:0 auto;width:90px;height:120px;background:url("../images/icon/new_icon_terms.png")no-repeat center center;background-size:100%}
.splashHome .mainBox .mainBoxs:nth-of-type(3) a:before{content:"";display:block;margin:0 auto;width:90px;height:120px;background:url("../images/icon/new_icon_commonService.png")no-repeat center center;background-size:100%}
.splashHome .mainBox .mainBoxs:nth-of-type(4) a:before{content:"";display:block;margin:0 auto;width:90px;height:120px;background:url("../images/icon/new_icon_question.png")no-repeat center center;background-size:100%}
.splashHome .splashBtm{position:absolute;bottom:-130px;left:0;width:100%;}

.splashHome .mainBox.giftCard {display:flex;justify-content:space-between;margin-bottom:10px;}
.splashHome .mainBox.giftCard .mainBoxs{width:33%;}
.splashHome .mainBox.giftCard .mainBoxs > a{display:block;position:relative;height:120px;font-size:16px;color:#1E1E1E;text-align:center;letter-spacing:1.6px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;}
.splashHome .mainBox.giftCard .mainBoxs span{position:relative;top:-30px;}
.splashHome .mainBox.giftCard .mainBoxs span + span{position:absolute;top:35%;left:50%;width:24px;height:24px;font-size:12px;color:#ffffff;line-height:24px;background:#ff4167;border-radius:50%;transform:translateX(15%)}
.splashHome .mainBox.giftCard .mainBoxs:nth-of-type(1) a:before{content:"";display:block;margin:0 auto;width:90px;height:120px;background:url("../images/icon/new_icon_payTicket.png")no-repeat center center;background-size:100%}
.splashHome .mainBox.giftCard .mainBoxs:nth-of-type(2) a:before{content:"";display:block;margin:0 auto;width:90px;height:120px;background:url("../images/icon/new_icon_commonService.png")no-repeat center center;background-size:100%}
.splashHome .mainBox.giftCard .mainBoxs:nth-of-type(3) a:before{content:"";display:block;margin:0 auto;width:90px;height:120px;background:url("../images/icon/new_icon_purchase.png")no-repeat center center;background-size:100%} 
.splashHome .splashBtm{position:absolute;bottom:-130px;left:0;width:100%;}

.splashHome .cameraArea{}
.splashHome .cameraArea .cameraBtn{display:block;width:100%;height:56px;line-height:56px;text-align:center;background-color:#514d9e;border-radius:16px;}
.splashHome .cameraArea .cameraBtn p{color:#fff;}
.splashHome .footer{width:100%; font-weight: 500;}
.splashHome .footer .leftTxt{ float: left; width: 60%;font-size: 10px; line-height: 15px;}
.splashHome .footer .rightTxt{float: right; width: 40%;font-size: 10px; line-height: 15px;}
.splashHome .footer .rightTxt span{float: right; text-align: left;}
.splashHome .footer .bottomTxt{float: left; width:100%; font-size: 10px;}

/* bankBook */
.bankBook .memberArea .pageInfo.type2{height:45px}
.bankBook .memberArea .pageInfo.type2 + p{position:fixed;bottom:76px;margin:0 36px 0 20px;font-size:14px;line-height:20px;color:rgba(0,0,0,0.6)}
.bankBook .memberArea .pageInfo.type2 + p + p{position:fixed;bottom:76px;margin:0 36px 0 20px;font-size:14px;line-height:20px;color:rgba(0,0,0,0.6)}
.bankBook .cardView{width:100%;padding:17px 5% 0;z-index:100}
.bankBook .cardView .card{position:relative;display:block;height:312px;padding:3% 6% 0 6%;border-radius:4% / 8%;box-shadow:0px 6px 12px rgba(0, 0, 0, 0.16);background:url(../images/common/img_card.png) no-repeat;background-size:100% 100%;}
.bankBook .cardView.type2 .card{height:10%;padding:1.5% 6% 1.5% 6%}
.bankBook .cardView.type2 .card.front ul li{line-height:49px;}
.bankBook .cardView.type3 .card.front ul li{line-height:40px;}
.bankBook .cardView .card.front ul li{display:flex;justify-content: space-between;width:100%;font-size:14px;line-height:48px;}
.bankBook .cardView .card > span{display:block;color:#000;}
.bankBook .cardView .card .cardName{font-size:14px;line-height:1.5;}
.bankBook .cardView .card .cardNum{font-size:20px;}
.bankBook .cardView .card .amount{position:absolute;top:50%;left:0;width:100%;font-size:28px;font-weight:300;text-align:center;transform:translateY(-50%);}
.bankBook .cardView .card .amount span{font-size:32px;font-weight:500;}
.bankBook .cardView .card .reverse{position:absolute;top:14px;right:14px;width:36px;height:36px;background:url(../images/icon/icon_reverse.png);background-size:100%}
.bankBook .cardView .card .charge{position:absolute;bottom:1px;left:1px;width:calc(100% - 2px);height:62px;border-radius:0 0 16px 16px / 0 0 16px 16px;font-size:16px;line-height:62px;background:#ffffff;}
.bankBook .cardNumber{position:relative;margin:0 16px}
.bankBook .cardNumber label{display:block;font-size:12px;font-weight:500;color:#404040;}
.bankBook .cardNumber ul{display:flex;justify-content: space-between;}
.bankBook .cardNumber ul li{padding-top:6px}
.bankBook .cardNumber ul li:nth-of-type(1){flex-grow:1;margin-right:5%}
.bankBook .cardNumber ul li:nth-of-type(2){flex-grow:2;margin-right:5%}
.bankBook .cardNumber ul li:nth-of-type(3){flex-grow:3}
.bankBook .cardNumber ul li input{width:100%;height:44px;margin-right:-7px;text-align:center;letter-spacing:7px;border-bottom:1px solid #DDD;}
.bankBook .cardNumber ul li input::placeholder{color:#9A9A9A;}
.bankBook .cardNumber label{padding:12px 0 6px}
.bankBook .cardNumber input{display:flex;justify-content:center;margin:0 28px 0 0;width:100%;height:44px;text-align:center;letter-spacing:7px;border-bottom:1px solid #DDD;}
.bankBook .cardNumber input::placeholder{color:#9e9e9e;letter-spacing:0}
/* .bankBook .cardNumber input:focus{border:1px solid #514d9e} */
.bankBook .cardNumber input + span{position:absolute;bottom:-20px;right:0;font-size:12px;font-weight:500;color:#9e9e9e}

.bankBook .cardNumber .userResult {width: 100%; height: 44px; padding-right: 100px;font-size: 20px;line-height: 55px; position: absolute; text-align: right;margin-top: 3px;}
.bankBook .cardNumber .user_check {position: absolute; right: 0; width: 76px; height: 44px; font-size: 12px;color: #fff; background-color: #514d9e; border-radius: 16px 0 0 0;}
.bankBook .cardNumber .caution {bottom: -50px;position: relative;font-size: small;}

.virtual{padding:86px 5% 30px;}
.virtual .pageInfo{height:30px;padding:0 0 0 12px;font-size:20px;font-weight:300;color:#1E1E1E;line-height:1.4;}
.virtual .pageInfo em{font-weight:700;color:#514d9e;}
.virtual .accountInfo{margin-top:10px;}
.virtual .accountInfo ul li{display:flex;}
.virtual .accountInfo ul li + li{margin-top:20px;}
.virtual .accountInfo ul li span:nth-child(1){flex-basis:50%;font-size:16px;color:#1E1E1E;text-align:right; font-weight: 400;}
.virtual .accountInfo ul li span{flex-basis:50%;font-size:16px;color:#1E1E1E;text-align:right; font-weight: 500;}
.virtual .accountInfo.dep ul li span{flex-basis:50%;font-size:14px;color:#1E1E1E;text-align:right; font-weight: 400;}
.virtual .accountInfo ul li span:first-child{text-align:left;}
.virtual .accountInfo > p{position:absolute;bottom:55px;left:0;width:100%;font-size:12px;font-weight:300;color:#000;text-align:center;}
.virtual .accountInfo > p span{font-weight:400;color:#514d9e;}
.virtual .accountInfo{position:relative;display:block;height:312px;padding:30px 6% 0 6%;border-radius:4% / 8%;box-shadow:0px 6px 12px rgba(0, 0, 0, 0.16);background:url(../images/common/img_zeropay.png) no-repeat;background-size:100% 100%;}
.virtual .accountInfo .copy{position:absolute;bottom:1px;left:1px;width:calc(100% - 2px);height:50px;border-radius:0 0 16px 16px / 0 0 16px 16px;font-size:16px;line-height:50px;background:#ffffff;}
.virtual .bulletType{margin-top:15px;padding-left:4%;}
.virtual .bulletType li{padding-left:18px;text-indent:-18px;font-size:14px;color:rgba(0, 0, 0, .6);line-height:1.4;}
.virtual .bulletType li span{font-weight:500;color:#514d9e;}
.virtual .cautionArea{margin-top:20px;padding:0 2%;}
.virtual .cautionArea p span{font-weight:500;}
.virtual .cautionArea ul{margin-top:20px;}
.virtual .cautionArea ul li{line-height:20px;}
.virtual .cautionArea ul li span{font-size:14px;color:rgba(0,0,0,0.6);}




/* layer-popup */
.dim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1001;}

/* 레이어 팝업(full) */
.fullLayer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding-top:56px;background:#ffffff;z-index:1002;}
.fullLayer .head{position:fixed;top:0;left:0;width:100%;height:56px;font-size:18px;color:#1E1E1E;font-weight:500;text-align:center;line-height:56px;background:#ffffff;}
.fullLayer .head .close{position:absolute;top:3px;right:4px;width:48px;height:48px;background:url(../images/common/close.png) no-repeat center; background-size:24px 24px;}
.fullLayer .head .home{position:absolute;top:3px;left:4px;width:48px;height:48px;background:url(../images/common/back.png) no-repeat center; background-size: 24px 24px;}
.fullLayer .cont{height:calc(100vh - 56px);overflow-y:auto;}

/* 레이어 팝업(public) */
.layerPop.publicLayer{display:none;position:fixed;top:50%;left:50%;width:90%;background-color:#ffffff;transform:translate(-50%,-50%);border-radius:16px;z-index:1002;}
.layerPop.publicLayer .layerHead{position:relative;height:56px;border-bottom:1px solid #EDEDED;color:#616161;text-align:center;line-height:56px;}
.layerPop.publicLayer .layerHead .layerClose{position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/icon/icon_layerClose.png) no-repeat;background-size:100%}
.layerPop.publicLayer .layerCont{padding:15px 5%;}
.layerPop.publicLayer .layerCont.giftCardList  table{border-collapse: collapse;table-layout: auto;font-size: large;}
.layerPop.publicLayer .layerCont.giftCardList  th{border-bottom: 1px solid #d0d0d0; padding: 15px; text-align: center;}
.layerPop.publicLayer .layerCont.giftCardList  td{border-bottom: 1px solid #d0d0d0; padding: 15px; text-align: center;}
.layerPop.publicLayer .layerCont.giftCardList .dataRow{cursor:pointer;}
.layerPop.publicLayer .layerCont.giftCardList .CardList tr:hover{background-color: #EAEAEA;}
.layerPop.publicLayer .layerCont.giftCardList .cardNo{text-align: left;}
.layerPop.publicLayer .layerCont.giftCardList .name{text-align: right;}

.layerPop.publicLayer .layerCont.accountCardList table{border-collapse: collapse;table-layout: auto;font-size: large;}
.layerPop.publicLayer .layerCont.accountCardList td{padding: 10px; text-align: right; font-size: medium;}
.layerPop.publicLayer .layerCont.accountCardList .dataRow{cursor:pointer;}
.layerPop.publicLayer .layerCont.accountCardList .Name{text-align: left;}
.layerPop.publicLayer .layerCont.accountCardList .account_list td{border-bottom: 1px solid #d0d0d0;}
.layerPop.publicLayer .layerCont.accountCardList .empty_list{text-align: center;}

/* 레이어 팝업(alert) */
.layerPop.alert{display:none;position:fixed;top:50%;left:50%;width:90%;background-color:#ffffff;transform:translate(-50%,-50%);border-radius:16px;z-index:1002;}
.layerPop.alert .layerCont{padding:10px 3%;}
.layerPop.alert .layerCont > .message{padding:40px 0 50px;color:#616161;line-height:1.4;text-align:center;}
.layerPop.alert .layerCont > .beginning{padding:30px 0 40px;color:#616161;line-height:1.4;text-align:center;}
.layerPop.alert .btnArea{display:flex;justify-content:space-between;}
.layerPop.alert .btnArea button{flex-basis:49%;}


/* 레이어 팝업(alert2) */
.layerPop.alert2{display:none;position:fixed;top:50%;left:50%;width:90%;background-color:#ffffff;transform:translate(-50%,-50%);border-radius:16px;z-index:1002;}
.layerPop.alert2 .layerCont{padding:10px 3%;}
.layerPop.alert2 .layerCont > .message{padding:15px 0 15px;color:#616161;line-height:1.4;text-align:center; font-size: 20px;}
.layerPop.alert2 .layerCont > .extraMessage{padding:15px 0 15px;color:#616161;line-height:1.4;text-align:center;}
.layerPop.alert2 .layerCont > .extraMessage span{font-size: 14px;}
.layerPop.alert2 .layerCont > .beginning{padding:30px 0 40px;color:#616161;line-height:1.4;text-align:center;}
.layerPop.alert2 .btnArea{display:flex;justify-content:space-between;}
.layerPop.alert2 .btnArea button{flex-basis:49%;}
.layerPop.alert2 .btnArea .OnlyButton{flex-basis:100%;}
.layerPop.alert2 .layerClose{position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/icon/icon_layerClose.png) no-repeat;background-size:100%}

/* 레이어 팝업(date) */
.layerPop.date{}
.layerPop.date .layerHeader{height:56px;line-height:56px;color:#616161;text-align:center;border-bottom:1px solid #f2f2f2}
.layerPop.date .layerCont{}
.layerPop.date .layerCont .layerMid{margin:21px 0;font-size:18px;line-height:20px;color:#000;font-weight:300;text-align:center;}
.layerPop.date .layerCont .layerMid strong {font-weight: bold;}
.layerPop.date .layerCont .layerDate{margin:0 10px;}
.layerPop.date .layerCont .layerDate + p{margin-top:7px;margin-bottom:34px;font-size:14px;font-weight:300}

/* 레이어 팝업(Info) */
.layerPop.Info{display:none;position:fixed;top:50%;left:50%;width:90%;background-color:#ffffff;transform:translate(-50%,-50%);border-radius:16px;z-index:1002;}
.layerPop.Info .layerCont{position:relative;padding:16px 3%;color:#616161;text-align:center;border-bottom:1px solid #f2f2f2}
.layerPop.Info .layerCont .layerClose{position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/icon/icon_layerClose.png) no-repeat;background-size:100%}
.layerPop.Info .layerElement{padding:20px;}
.layerPop.Info .layerElement p{margin:0 auto;padding-bottom:20px;font-size:18px;line-height:1.56;font-weight:300;border-bottom:1px solid #f2f2f2;text-align:center}
.layerPop.Info .layerElement ul{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.layerPop.Info .layerElement ul li{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #f2f2f2}
.layerPop.Info .layerElement ul li:last-child{border-bottom:none}
.layerPop.Info .layerElement ul li span{color:#1E1E1E}
.layerPop.Info .layerElement ul li span + span{}
.layerPop.Info .btnArea{padding:0 10px 10px;display:flex;justify-content:space-between;}
.layerPop.Info .btnArea button{flex-basis:49%;font-weight:500;box-sizing:content-box;border-radius:8px}



/* 대기금액 상세 */
.chargeDetail{margin-top:10px;}
.chargeDetail ul li{display:flex;}
.chargeDetail ul li + li{margin-top:15px;}
.chargeDetail ul li span{flex-basis:50%;font-size:14px;color:#000;}
.chargeDetail ul li span + span{text-align:right;}
.chargeDetail .noti{margin-top:20px;font-size:12px;color:#000;font-weight:300;}
.chargeDetail .btnArea{display:flex;margin-top:10px;justify-content:space-between;}
.chargeDetail .btnArea button{flex-basis:48%;}

/* 대기금액 충전하기 */
.addStandby{}
.addStandby button + button{margin-top:10px;}

/* 카드충전방법 안내 */
.chargeMethod{}
.chargeMethod .infoTxt{padding-bottom:15px;font-size:18px;font-weight:300;line-height:1.4;}
.chargeMethod .infoTxt em{font-weight:700;}
.chargeMethod .explain{padding:15px 0;border-top:1px solid #e3e3e3;}
.chargeMethod .explain p{font-size:14px;font-weight:300;}
.chargeMethod .explain ul{margin-top:15px;}
.chargeMethod .explain ul li{display:flex;}
.chargeMethod .explain ul li span{position:relative;flex-basis:50%;padding-left:30px;font-weight:500;}
.chargeMethod .explain ul li span:before{content:'1';position:absolute;top:-4px;left:0;width:20px;height:20px;border:1px solid #ff4167;border-radius:50%;font-size:13px;text-align:center;color:#ff4167;line-height:20px;font-weight:700;}
.chargeMethod .explain ul li span em{position:relative;display:block;margin:15px 0 0 -30px;;padding-left:30px;font-size:14px;font-weight:300;}
.chargeMethod .explain ul li span em:before{content:'2';position:absolute;top:-5px;left:0;width:20px;height:20px;border:1px solid #ff4167;border-radius:50%;font-size:13px;text-align:center;color:#ff4167;line-height:20px;font-weight:700;}
.chargeMethod .explain ul li span:nth-of-type(2){padding-right:30px;font-weight:500;text-align:right;}
.chargeMethod .explain ul li span:nth-of-type(2):before{content:'3';left:auto;right:0;}
.chargeMethod .explain ul li span:nth-of-type(2) em{margin-right:-30px;padding-right:30px;}
.chargeMethod .explain ul li span:nth-of-type(2) em:before{content:'4';left:auto;right:0;}
.chargeMethod .explain + .explain ul li span{flex-basis:30%;font-weight:300;font-size:13px;}
.chargeMethod .explain + .explain ul li span em{font-size:13px;}
.chargeMethod .explain + .explain ul li span:nth-of-type(2){flex-basis:70%;}

/* 제로페이 영수증 */
/*.layerPop.publicLayer.ZeroPayReceipt div.layerHead div.zeropayicon{background-image:url(../images/card/home_menu4.png);}*/
.layerPop.publicLayer.ZeroPayReceipt div.layerHead img.zeropaylogo{width: 136px;height: 36px;margin: 10px auto;}
.layerCont.ReceiptInfo li {text-align: center;margin-bottom: 6px;}
.layerCont.ReceiptInfo li:nth-of-type(1){font-size:x-large;}
.layerCont.ReceiptInfo li:nth-of-type(2){font-size:xx-large;}
.layerCont.ReceiptInfo li:nth-of-type(3){font-size:larger;}
.layerCont.ReceiptDetail ul {border-bottom: 1px dotted darkgray;margin-bottom: 15px;}
.layerCont.ReceiptDetail li {margin-bottom: 10px;display: flex;justify-content: space-between;}
.layerCont.ReceiptDetail li span:nth-of-type(1) {color: rebeccapurple;}
.layerCont.ReceiptDetail li.subli{margin-left: 15px;} 

/* 내 카드 선택 */
.myCardList{padding:20px 0;}
.myCardList ul{max-height:162px;overflow-y:auto;}
.myCardList ul li{text-align:center;}
.myCardList ul li a{font-size:24px;color:#616161;line-height:54px;}

/* 은행 선택 */
.bankList{padding:0 5% 30px;}
.bankList ul:not(.tabMenu){display:flex;flex-wrap:wrap;width:100%;}
.bankList ul:not(.tabMenu) li{flex-basis:50%;margin-top:30px;}
.bankList ul:not(.tabMenu) li a{position:relative;display:inline-block;width:100%;padding-left:30px;font-size:14px;line-height:22px;color:#000;}
.bankList ul:not(.tabMenu) li a img{position:absolute;top:50%;left:0;width:22px;height:22px;transform:translateY(-50%);background-size:100%}
.bankList .tabMenu{position:fixed;top:56px;left:0;width:100%;background:#fff;z-index:10;}
.bankList .tabCont{padding-top:56px;}

/* 로그인 메시지 */
.logMessage{margin-top:-56px;padding:50px 30px 10px;font-size:14px;line-height:1.4;color:#000;}

/* myaccount */
.myaccount{padding:0 0 0 12px;font-size:14px;font-weight:500;text-decoration: underline;cursor: pointer}

/* 계좌 정보 표시 */
.bankinfo_view {border-bottom: 1px solid #d0d0d0;}
.bankinfo_view p{margin: 0 auto;font-size: 18px;line-height: 1.56;font-weight: 300;border-bottom: 1px solid #d0d0d0;text-align: left;padding-top: 20px;}
.bankinfo_view li{display: flex;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #f2f2f2;}

/* 카카오 인증 */
.kakao_verify_btn{color: black !important; background: yellow;}
.naver_verify_btn{color: black !important; background: #04e767;}
.memberArea .AuthidImg button{margin: auto;}
.memberArea .AuthidImg .AuthBtn{display: flex;}

/* 신용카드 중전 */
.selectSection {  display: grid;
    grid-template-columns: 45% 45%;
    gap: 5%;
    top: 70px;
    /* width: 95%; */
    /* padding: 15px 7px; */
    position: relative;
    /* border-radius: 8px; */
    /* margin: 0px 10px; */
    justify-content: space-between;
}
.selectSection div {/*  width: 49%; */ width: 100%; text-align: center;}
.selectSection input[type=radio] {display: none;}
.selectSection input[type=radio]:checked+label {background-color: #F2F7FF; color: #1D5CFF; border:2px solid #1D5CFF;}
.selectSection input[type=radio]+label {background-color: #fff;color: #333;display: inline-block;cursor: pointer;/* height: 36%; */height: 75px; width: 150px;border: 1px solid #EDEDED;text-align: center;font-weight: bold;font-size: 16px;border-radius: 16px; display: inline-grid;grid-template-rows: 60% 22%;align-items: center;}
.selectSection input[type=radio]+label span:nth-child(1){font-weight: 500; font-size:18px;}
.selectSection input[type=radio]+label span:nth-child(2){font-weight: 200; font-size:14px;}
.receipt {/* width:95%; */padding: 5px 10px 5px 10px;}
.receipt  li { display: flex;justify-content: space-between;border-bottom: 1px solid #F2F2F2;padding: 24px 12px;font-weight: 500; color: #1E1E1E;}
.receipt li div:nth-child(1){font-weight: 500; color: #9A9A9A; font-size: 14px;}
.receipt li div .accountCopy{background: #514d9e;border-radius: 3px;color: white; width: 67px;height: 25px;}
.receiptSection{ position: relative; top: 35px; border: 2px solid #EDEDED; border-radius: 24px; background-color: #FCFCFC;}
.container{ display: grid; grid-template-rows: 72px 72px; grid-template-columns: 45% 45%; row-gap: 5%; column-gap: 5%; justify-content: center;}
.container button{ color: #333; /* border: 1px solid #333; */ background-color: #fff; /* border-radius: 5px; *//*  width: 100%; */ height: auto; font-weight: 500; max-width: 100px;}
.container img{/*  height: -webkit-fill-available;width: -webkit-fill-available; */width: 100%; height: 100%;}
.crdCardNotice span{font-weight: 400; color: #1D5CFF;}
.VaccountNotice span{font-weight: 400; color: #1D5CFF;}
.memberArea .cautionArea.crdCard{
	margin-top: 60px;
	background-color: #F6F6F6;
	border-radius: 8px;
	color: #6D6D6D;
	font-size: 12px !important;
	padding: 12px;
}
.memberArea .cautionArea.crdCard .feeAmt{color: #6D6D6D; font-weight:500;}


.memberArea .cautionArea.privacy p span{font-weight:100;}
.memberArea .cautionArea.privacy ul li span{font-size:14px;color:rgba(0,0,0,0.6);}
.memberArea .cautionArea.privacy ul li span b{font-weight: bold;}

.bankBook .memberArea .pageInfo.type2.chargeSelect{height:75px}
.pg_section iframe{overflow:hidden;overflow-x:hidden;overflow-y:hidden;width: 100vw;height: 100vh;}

/* 충전요청내역*/
.chargeRequest .chargeRequestTop{width:100%;}
.chargeRequest .chargeRequestTop .listTit {width: 100%; position: relative;height: 40px; background: #e3e3e3; color: #616161;text-align: center; line-height: 40px;}
.chargeRequest .chargeRequestUl .chargeRequestEmpty{padding-top: 70px; font-weight: 300;border-bottom: 1px solid #ffffff; text-align: center; font-size: 20px;}
.chargeRequest .chargeRequestUl ul{padding-bottom:56px;}
.chargeRequest .chargeRequestUl ul li div{display:flex;padding:10px 3% 8px;}
.chargeRequest .chargeRequestUl ul li div span{flex-basis: 50%; color: #1E1E1E;font-weight: 300;font-size: 15px; }
.chargeRequest .chargeRequestUl ul li div span em{display: block;margin-top: 15px;font-weight: 300;}
.chargeRequest .chargeRequestUl ul li div span:nth-of-type(2){color:#514d9e;font-weight:400;text-align:right;}
.chargeRequest .chargeRequestUl ul li div span:nth-of-type(2) em{color:#000;}
.chargeRequest .chargeRequestUl ul li {border-bottom: 1px solid #e3e3e3;}
.chargeRequest .chargeRequestUl .expireDt{color: #1E1E1E !important;}

/* 충전권 구매 */
.plusEA {display: inline-flex !important;}
.plusEA>div {border: 1px solid #756666a3; border-right: 0px; border-left: 0px;width: 33%;height: 45px;}
.plusEA>button {border: 1px solid #756666a3;width: 33%;height: 45px;}
.plusEA div {position: relative;}
.plusEA div span {position: absolute;bottom: 30%;left: 45%;}
.EA label {background-color: #514d9e;color: #fff;display: inline-block;cursor: pointer;height: 100%;width: 64%;border: 1px solid #333;text-align: center;font-weight: bold;font-size: 16px;border-radius: 5px;display: inline-grid;grid-template-rows: 60% 22%;align-items: center;}
main .giftList{width:100%;/*  max-height: 80vh; */ overflow: auto;}
.giftList .giftSection{display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 20px; /* border-bottom: 1px solid lightgray; */}
div.ticket_img {max-width: 200px;}
div.ticket_img img{width: -webkit-fill-available; /* filter: drop-shadow(1px 1px 2px black); */ }
div.ticket_info { padding:10px;width: 100%;  text-align: right; }
/* .receiptSection {top: 0px;} */
.receipt li {padding: 15px 12px;}
.giftSection2{width: 100%;display: flex; flex-direction: row; justify-content: space-between;padding: 3px 0px;}
#easypaymentReq {border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.voucherDetail li span:nth-of-type(2){text-align: right;background: white; width: 60%;}


/* 충전권 구매 휴대폰결제 */
.totalPointGuide { display: flex; width: 100%; }
.totalPointGuide button { height: 11px; width: 23px; position: relative; }
.totalPointGuide img { filter: invert(1); transition: filter 0.7s ease; position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; transform: translate(-50%, -50%); background-size: 100%; }
.totalPointGuide span { font-weight: 500; }

.chargeMethod span:nth-of-type(1):before, .chargeMethod span:nth-of-type(2):before {
    content: '1'; position: absolute; top: -1px; left: 1px; width: 20px; height: 20px; border: 1px solid #ff4167; border-radius: 50%; font-size: 13px; text-align: center; color: #ff4167; line-height: 20px; font-weight: 700;
}

.chargeMethod span:nth-of-type(2):before { content: '2'; }

.chargeMethod span { position: relative; padding-left: 30px; color: #1E1E1E; font-weight: 500; }

.receipt.result li, .receipt.cash li { font-size: 12px; padding: 9px 12px;}
.receipt.use { border: 1px solid #F2F2F2; }

.inputPointArea { --swiper-navigation-size: 44px; --swiper-theme-color: #007aff; font-size: 14px; -webkit-text-size-adjust: none; letter-spacing: -0.5px; display: flex; }

.inputPointArea .leftArea { --swiper-navigation-size: 44px; flex: auto; }
.inputPointArea .rightArea { --swiper-navigation-size: 44px; --swiper-theme-color: #007aff; font-size: 14px; -webkit-text-size-adjust: none; letter-spacing: -0.5px; flex-shrink: 0; margin-left: 8px; }

.inputPointArea .detailArea { --swiper-navigation-size: 44px; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; position: relative; display: flex; align-items: center; padding: 10px 8px 10px 15px; border: 1px solid #dcdee0; border-radius: 6px; background-color: #fff; }

.inputPointArea .detailArea .leftSector { --swiper-navigation-size: 44px; --swiper-theme-color: #007aff; -webkit-text-size-adjust: none; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; flex-shrink: 0; color: #767678; font-weight: 500; }

.inputPointArea .detailArea .rightSector { --swiper-navigation-size: 44px; --swiper-theme-color: #007aff; -webkit-text-size-adjust: none; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; flex: 1 1; }

.inputPointArea .detailArea .rightSector .inputPoint { --swiper-navigation-size: 44px; --swiper-theme-color: #007aff; -webkit-text-size-adjust: none; margin: 0; padding: 0; -webkit-appearance: none; border: 0 none; background-color: rgba(0, 0, 0, 0); outline: none; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; width: 100%; text-align: right; color: #514d9e; font-weight: bold; }

.rightArea .allPoint { --swiper-navigation-size: 44px; --swiper-theme-color: #007aff; -webkit-text-size-adjust: none; margin: 0; cursor: pointer; -webkit-appearance: none; border: 0 none; display: inline-block; box-sizing: border-box; border-radius: 6px; text-align: center; vertical-align: top; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; padding: 11px 14px; font-weight: bold; background-color: #514d9e; color: #ffffff; }

.page-container {
	min-height: 100vh;
	box-sizing: border-box;
	padding: 16px 20px;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	text-align: center;
}

.btn-group-center {
	justify-content: center; display:flex; gap: 10px; padding: 8px 20px 12px 20px;
}

.btn-basic {
	width:calc(100% - 20px); height:55px; align-items: center;
    justify-content: center; font-size: 18px; background-color: #1D5CFF; color: #FFFFFF;
	border-radius: 16px; border: 1px solid #1D5CFF; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px; transform: translateX(-50%); left: 50%;
	flex: 1;
}

.btn-disabled {
	width:calc(100% - 20px); height:55px; align-items: center;
    justify-content: center; font-size: 18px; background-color: #EDEDED; color: #C7C7C7;
	border-radius: 16px; border: 1px solid #EDEDED; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px; transform: translateX(-50%); left: 50%;
	flex: 1;
}

.btn-emp {
	width:calc(100% - 20px); height:55px; align-items: center;
    justify-content: center; font-size: 18px; background-color: #FFFFFF; color: #1D5CFF;
	border-radius: 16px; border: 1px solid #BAD7FF; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px; transform: translateX(-50%); left: 50%;
	flex: 1;
}

.btn-back {
	width:calc(100% - 20px); height:55px; align-items: center;
    justify-content: center; font-size: 18px; background-color: #FFFFFF; color: #1E1E1E;
	border-radius: 16px; border: 1px solid #DDDDDD; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px; transform: translateX(-50%); left: 50%;
}

.btn-reiss {
	width:100%; height:45px; align-items: center;
    justify-content: center; font-size: 16px; background-color: #1E1E1E; color: #FFFFFF;
	border-radius: 16px; border: 1px solid #1E1E1E; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; bottom: 10px;
}

.btn-drop {
	width:calc(100% - 20px); height:55px; align-items: center;
    justify-content: center; font-size: 18px; background-color: #F04438; color: #FFFFFF;
	border-radius: 16px; border: 1px solid #F04438; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px; transform: translateX(-50%); left: 50%;
}

.btn-back-left {
	flex: 0 0 30%; height:55px; display: flex; align-items: center; justify-content: center;
	font-size: 18px; background-color: #FFFFFF; color: #1E1E1E;
	border-radius: 16px; border: 1px solid #DDDDDD; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px; transform: translateX(-50%); left: 50%;
}

.btn-right {
	flex: 1; height:55px; display: flex; align-items: center; justify-content: center;
	font-size: 18px; background-color: #1D5CFF; color: #FFFFFF;
	border-radius: 16px; border: 1px solid #1D5CFF; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px;
}

.btn-right-disabled {
	flex: 1; height:55px; display: flex; align-items: center; justify-content: center;
	font-size: 18px; background-color: #EDEDED; color: #C7C7C7;
	border-radius: 16px; border: 1px solid #EDEDED; box-shadow: 0px 4px 6px rgba(16, 24, 40, 0.05);
	font-weight: 500; position: fixed; bottom: 10px;
}

.slide-area {
	padding-bottom: 60px !important;
}