@charset "utf-8";

.memberMain .locate {position:absolute;top:68px;left:50px;z-index:50;}
.memberMain .pageSet {top:91px;right:44px;}
#header h2.member span {width:226px;background:url(https://image.kebhana.com/cont/common/img/common/sp_gnb.png) no-repeat 0 -178px;}

.memberMain {background:#fcfcfb url(https://image.kebhana.com/cont/common/img/member/bg_gray.jpg) no-repeat 0 0;}
.memberMain #contents {margin:-70px -50px 0 -50px;}
.memberMain #contents .memTxt {position:absolute;z-index:5;left:0;top:129px;width:100%;height:100px;}
.memberMain #contents .memTxt span {display:block;width:371px;height:100px;margin:0 auto;background:url(https://image.kebhana.com/cont/common/img/member/sp_main.png) no-repeat 0 -100px;text-indent:-9999px;}

.visualMenu {position:relative;height:800px;overflow:hidden;}
/*
.visualMenu li {position:absolute;left:0;top:0;z-index:-1;}
.visualMenu li.active {z-index:1;}
*/
.visualMenu li {display:none;position:absolute;left:0;top:0;}
.visualMenu li.active {display:block;}
.visualMenu li.active li {display:block;}
.visualMenu li .close {position:absolute;top:600px;left:50%;width:76px;height:20px;margin-left:-38px;} 
.visualMenu li .close .btnClose {display:block;width:76px;height:20px;background:url(https://image.kebhana.com/cont/common/img/member/sp_main.png) no-repeat -550px -97px;text-indent:-9999px;}
.visualMenu li.memSave .close {top:520px;}

.memberMain button.moveSave,.memberMain button.moveUse {display:block;position:absolute;z-index:10;top:476px;width:80px;height:70px;overflow:hidden;}
.memberMain button.moveSave span, .memberMain button.moveUse span{background:#000; opacity:0; filter: Alpha(Opacity=0);}


.memberMain button.moveSave {left:194px;}
.memberMain button.moveUse {left:628px;}

.memberMain button.moveSave span,
/*.memberMain button.moveUse span {display:block;overflow:hidden;text-indent:200%;height:100%;white-space:nowrap;overflow:hidden; background:url(https://image.kebhana.com/cont/common/img/temp/temp.jpg) no-repeat 0 0;}*/
.memberMain button.moveUse span {display:block;overflow:hidden;text-indent:200%;height:100%;white-space:nowrap;overflow:hidden;}

.memberMain .benefitWrap {text-align:center;}
.memberMain .benefitWrap h4 {margin:0 0 50px;}
.memberMain .benefitWrap h4 span {display:block;width:650px;height:50px;margin:0 auto;background:url(https://image.kebhana.com/cont/common/img/member/sp_main.png) no-repeat 0 0;text-indent:-9999px;}
.memberMain .benefitWrap button {display:block;width:160px;height:30px;margin:0 auto;background:url(https://image.kebhana.com/cont/common/img/member/sp_main.png) no-repeat 0 0;text-indent:-9999px;}
.memberMain .benefitWrap button.btnView {background-position:0 -750px;}
.memberMain .benefitWrap button.btnClose {display:none;width:174px;background-position:-200px -750px;}
.memberMain .benefitWrap a.btnMember {display:block;width:485px;height:63px;margin:30px auto 0;background:url(https://image.kebhana.com/cont/common/img/member/sp_main.png) no-repeat 0 -800px;text-indent:-9999px;}
.memberMain .benefitWrap .benefit {height:0;overflow:hidden;background:url(https://image.kebhana.com/cont/common/img/member/sp_main.png) no-repeat 50% -200px;text-indent:-9999px;}
.memberMain .benefitWrap.on .benefit {height:520px;overflow:visible;}
.memberMain .benefitWrap.on .benefit ul {height:520px;}
.memberMain .benefitWrap.on .btnView {display:none;}
.memberMain .benefitWrap.on .btnClose {display:block;}
.memberMain .benefitWrap.on h4 span {background-position:0 -50px;}

.bgInfo1 {height:140px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type1.png) no-repeat 0 0;text-indent:-9999px;}
.bgInfo2 {margin:40px -10px 75px 0;overflow:hidden;}
.bgInfo2 li {float:left;width:246px;height:297px;padding-top:63px;margin:0 10px 20px 10px;border:1px solid #ddd;}
.bgInfo2 li span {display:block;height:250px;margin:0 auto;background:url(https://image.kebhana.com/cont/common/img/member/sp_type1.png) no-repeat;text-indent:-9999px;}
.bgInfo2 li span {width:183px;background-position:0 -150px;}
.bgInfo2 li + li span {width:130px;background-position:-200px -150px;}
.bgInfo2 li + li + li span {width:181px;background-position:-350px -150px;}
.bgInfo2 li + li + li + li span {width:181px;background-position:0 -400px;}
.bgInfo2 li + li + li + li + li span {width:164px;background-position:-200px -400px;}
.bgInfo2 li + li + li + li + li + li span {width:198px;background-position:-376px -400px;}
.bgInfo3 {height:50px;margin-top:0;background:url(https://image.kebhana.com/cont/common/img/member/sp_type1.png) no-repeat 0 -700px;text-indent:-9999px;}
.bgInfo4 {height:240px;margin-top:0;background:url(https://image.kebhana.com/cont/common/img/member/sp_type1.png) no-repeat 0 -750px;text-indent:-9999px;}

.bgService1 {height:90px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type2.png) no-repeat 0 0;text-indent:-9999px;}
.bgService2 {margin:40px 0 110px;}
.bgService2 dt {width:200px;height:50px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type2.png) no-repeat;text-indent:-9999px;}
.bgService2 dt.tit1 {background-position:0 -100px;}
.bgService2 dt.tit2 {background-position:-200px -100px;}
.bgService2 dt.tit3 {background-position:-400px -100px;}
.bgService2 dt.tit4 {background-position:0 -150px;}
.bgService2 dt.tit5 {width:210px;background-position:-200px -150px;}
.bgService2 dt.tit6 {background-position:-450px -150px;}
.bgService2 dd {padding-bottom:15px;margin:-15px 0 37px 80px;font-size:14px;border-bottom:1px solid #ddd;}

.bgService3 {height:90px;margin-bottom:40px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type2.png) no-repeat 0 -200px;text-indent:-9999px;}
.bgService4 {overflow:hidden;}
.bgService4 dt {float:left;width:200px;min-height:100px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type2.png) no-repeat;text-indent:-9999px;}
.bgService4 dt.img1 {background-position:0 -300px;}
.bgService4 dt.img2 {background-position:-200px -300px;}
.bgService4 dt.img3 {background-position:-400px -300px;}
.bgService4 dt.img4 {background-position:-600px -300px;}
.bgService4 dd {float:left;width:34%;min-height:100px;padding:48px 0 0 30px;margin-left:-120px;font-size:14px;letter-spacing:-0.5px;}
.bgService4 dt.img1 + dd,.bgService4 dt.img3 + dd {width:37%;}
.bgService5 {height:136px; padding:20px 0 0 30px;background:#f9f9f6;}
.bgService5 span {display:block;height:100px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type2.png) no-repeat 0 -400px;text-indent:-9999px;}

.saveList {;}
.saveList > li {position:relative;padding-left:381px;margin-top:80px;}
.saveList li:first-child {margin-top:0;}
.saveList li h4 {margin:0;padding-bottom:55px;border-bottom:1px solid #ccc;font-family:NotoSans_Dl;font-size:32px;font-weight:normal;color:#3c3c3c;letter-spacing:-1px;line-height:1.1;}
.saveList li .date {margin:-30px 0 40px;font-size:16px;color:#757575;letter-spacing:-0.5px;font-family:NotoSans_Dl;overflow:hidden;}
.saveList li .date span {font-size:0;height:1px;left:-10000%;line-height:0;overflow:hidden;position:absolute;text-indent:-10000px;top:0;width:1px;}
.saveList li dl {margin-bottom:35px;font-family:NotoSans_Dl;overflow:hidden;}
.saveList li dl dt {float:left;width:62px;}
.saveList li dl dt span {display:block;height:20px;margin-top:5px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type3.png) no-repeat;text-indent:-9999px;}
.saveList li dl dt.tit1 span {background-position:0 0;}
.saveList li dl dt.tit2 span {margin-top:8px;background-position:0 -50px;}
.saveList li dl dd {float:left;width:85%;margin-bottom:10px;font-size:16px;color:#757575;letter-spacing:-1px;}
.saveList li dl dd  li {position:relative;padding:2px 0 10px 41px;}
.saveList li dl dd span {display:block;position:absolute;left:0;top:0;width:41px;height:30px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type3.png) no-repeat;text-indent:-9999px;}

.saveList li dl dd span.target {background-position:0 -100px;}
.saveList li dl dd span.deposit {background-position:0 -149px;}
.saveList li dl dd span.loan {background-position:0 -197px;}
.saveList .benefitList li {padding:2px 0 2px 7px;background:url(https://image.kebhana.com/cont/common/img/member/bu_dot.gif) no-repeat 0 11px;font-size:16px;}
.saveList li .img {position:absolute;top:0;left:0;width:340px;height:423px;overflow:hidden;}
.saveList li .img img {width:340px;height:423px;}
.saveList span.imgBenefit {position:relative;width:100%;margin-bottom:20px;background:none;text-indent:0;}

.listPop1 {border-top:1px solid #909090;overflow:hidden;}
.listPop1 > li {padding:26px 0 27px 29px;border-top:1px solid #e5e5e5;}
.listPop1 li:first-child {border-top:none;}
.listPop1 li > strong {display:block;margin-left:-29px;font-family:NotoSans_Dl;font-size:20px;font-weight:normal;color:#008485;letter-spacing:-1px;line-height:26px;}
.listPop1 li > strong strong {color:#ca437b;font-weight:normal;}
.listPop1 li > strong span {padding-left:29px;}
.listPop1 li > em {display:block;margin-top:5px;font-family:NotoSans_Dl;font-size:16px;color:#3c3c3c;letter-spacing:-1px;}
.listPop1 li em.txtGreen {margin-top:-2px;font-size:12px;font-family:Doutm,Gulim,sans-serif;}
.listPop1 li > span {display:block;margin:20px 0 5px;font-size:14px;font-weight:bold;color:#757575;letter-spacing:-0.5px;}
.listPop1 li .orderListDot {margin:20px 0 0 0;}
.popupLayer .orderList {padding-top:20px;border-top:1px solid #e5e5e5;color:#757575;}
.chekBox {padding:5px 0 40px;margin-bottom:40px;background:#f8f9fb;text-align:center;}
.chekBox h2 {font-size:34px;}
.chekBox .txt1 {font-size:16px;font-family:NotoSans_Dl;letter-spacing:-0.6px;}
.chekBox .txt2 {margin-top:40px;font-size:23px;font-family:NotoSans_Regular;letter-spacing:-0.6px;color:#3c3c3c;}
.chekBox .txt3 {margin-top:30px;font-size:20px;font-family:NotoSans_Dl;letter-spacing:-0.75px;color:#ca437b;}
.chekBox .txt4 {font-size:16px;font-family:NotoSans_Dl;letter-spacing:-0.6px;}
.chekBox .comboWrap {position:relative;margin-top:25px;}
.chekBox .comboWrap input {position:absolute;width:20px;height:20px;top:187px;left:180px;}
.chekBox .comboWrap input + label + em + input {left:375px;}
.chekBox .comboWrap.type2 input {left:82px;}
.chekBox .comboWrap.type2 input + label + em + input {left:277px;}
.chekBox .comboWrap.type2 input + label + em + input + label + em + input {left:472px;}
.chekBox .comboWrap.type1 input + label {display:inline-block;width:157px;height:140px;padding-top:100px;background:url(https://image.kebhana.com/cont/common/img/member/bg_check1.gif) no-repeat 0 -250px;line-height:18px;}
.chekBox .comboWrap.type1 input.check + label {background-position:0 0;}

.chekBox .comboWrap.type2 input + label {display:inline-block;width:157px;height:140px;padding-top:100px;background:url(https://image.kebhana.com/cont/common/img/member/bg_check2.gif) no-repeat 0 -250px;line-height:18px;}
.chekBox .comboWrap.type2 input.last + label {background-position:-160px -250px;}
.chekBox .comboWrap.type2 input.check + label {background-position:0 0;}
.chekBox .comboWrap.type2 input.check.last + label {background-position:-160px 0;}

.chekBox .comboWrap .plus {display:inline-block;width:30px;height:240px;background:url(https://image.kebhana.com/cont/common/img/member/bg_plus.gif) no-repeat 50% 50%;text-indent:-9999px;vertical-align:top;}
.chekBox .usertotal {display:block;margin-top:7px;font-family:arial;font-size:50px;color:#008485;letter-spacing:-0.5px;line-height:1;}

.bgUse1 {height:90px;margin-bottom:40px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type4.png) no-repeat 0 -0;text-indent:-9999px;}
.bgUse2 dt {padding-top:35px;border-top:1px solid #ddd;}
.bgUse2 dt:first-child {padding-top:0;border-top:none;}
.bgUse2 dt span {display:block;width:150px;height:25px;background:url(https://image.kebhana.com/cont/common/img/member/sp_type4.png) no-repeat;text-indent:-9999px;}
.bgUse2 dt.tit1 span {background-position:0 -100px;}
.bgUse2 dt.tit2 span {margin-top:8px;background-position:-150px -100px;}
.bgUse2 dt.tit3 span {margin-top:8px;background-position:-300px -100px;}
.bgUse2 dt.tit4 span {margin-top:8px;background-position:-450px -100px;}
.bgUse2 dd {padding:13px 30px 40px 30px;font-size:14px;}

.tipList {position:absolute;left:301px;top:420px;z-index:90;width:295px;height:170px;}
.tipList ul {width:100%;margin-left:8px;}
.tipList li {position:relative;float:left;z-index:9;width:33.3c3c3c%;text-align:center;}
.tipList li button {display:block;width:82px;height:81px;background:url(https://image.kebhana.com/cont/common/img/member/sp_save.png) no-repeat;text-indent:-9999px;}
.tipList li.circle1 button {background-position:0 0;}
.tipList li.circle2 button {background-position:-100px 0;}
.tipList li.circle3 button {background-position:-200px 0;}
.tipList li.circle1.on button {background-position:0 -100px;}
.tipList li.circle2.on button {background-position:-100px -100px;}
.tipList li.circle3.on button {background-position:-200px -100px;}
.tipList li.circle4 button {background-position:0 -350px;}
.tipList li.circle5 button {background-position:-100px -350px;}
.tipList li.circle6 button {background-position:-200px -350px;}
.tipList li.circle4.on button {background-position:0 -450px;}
.tipList li.circle5.on button {background-position:-100px -450px;}
.tipList li.circle6.on button {background-position:-200px -450px;}
.tipList li .txt {position:absolute;left:0;top:100px;width:295px;height:0;background:url(https://image.kebhana.com/cont/common/img/member/sp_save.png) no-repeat;text-indent:-9999px;}
.tipList li.on .txt {height:50px;}
.tipList li.circle1 .txt {background-position:0 -200px;}
.tipList li.circle2 .txt {left:-98px;background-position:0 -250px;}
.tipList li.circle3 .txt {left:-196px;background-position:0 -300px;}
.tipList li.circle4 .txt {background-position:0 -550px;}
.tipList li.circle5 .txt {left:-98px;background-position:0 -600px;}
.tipList li.circle6 .txt {left:-196px;background-position:0 -650px;}

.imgExp {width:519px;height:308px;margin:40px auto 40px;background:url(https://image.kebhana.com/cont/common/img/member/bg_img1.jpg) no-repeat;}
.imgExp > li {float:left;width:215px;padding:160px 0 0 15px;text-align:left;}
.imgExp li strong {display:block;margin:10px 0 0 12px;line-height:16px;color:#757575;}
.imgExp li .orderList {border-top:none;}
.imgExp > li + li {margin-left:50px;}
.imgExp > li + li strong {margin-bottom:5px;}
.imgExp > li + li span {margin-left:15px;}

/* 폰트 추가 테스트 */
/*
.bgService1 {background-image: none;text-indent: 0;font-family: NotoSans_Light;font-size: 20px;font-weight: normal;letter-spacing: -1px;line-height:28px;}
.bgService1 strong {font-size: 34px;font-weight: normal;letter-spacing: -1.5px;height: auto;color: #333;display:block;height: 45px;}
*/

.popupLayer h1 {height:auto;padding:0;margin:0 -25px;} 
.popupLayer .topTxt {position:absolute;left:40px;top:55px;font-size:14px;text-align:left;} /*kke_a strong demand*/
.popupLayer .topTxt2 {position:absolute;left:50px;top:70px;font-size:14px;text-align:left;} 
.popupLayer h2 {font-size:26px;font-family:NotoSans_Regular;font-weight:normal;color:#3c3c3c;letter-spacing:-1px;margin-top:40px;}
.popupLayer h3 {height:auto;font-size:20px;font-family:NotoSans_Regular;font-weight:normal;color:#555;letter-spacing:-1px;line- height:1;}