@charset "UTF-8"; /* 2.21. CM */ /***************** common *****************/ .boxType2 .listType_tit{color:#333;font-weight:600;line-height:1;margin:24px 0 -10px 35px} .cardNumKey input{width:62px}/* 카드번호 입력 다음 가상키패드 버튼 */ .cardNumKey input:focus{width:60px} .phoneWrap.phoneSel2 .selectbox+.selectbox{margin-left:6px}/* 연락처 select 박스 다음 select박스*/ .termWrap.termWrapBtn .calInp+.kbBtn{margin-left:10px} .boxType4{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f9f9f9}/* 위 아래만 border 있는 박스타입 */ .txtGuide01 .listType1 li{padding-bottom:10px} .txtInfo .listType1 li{padding-bottom:0} .titDep2.line2 span{display:block;margin-top:10px;color:#333;font-size:24px}/* 타이틀 2줄 */ /* 텍스트 컬러값 추가 */ .colPoint4{color:#329f9a !important} /* 2021.11.17 asis→tobe 개선 .txtInfo.icoGrn:before{content:'';display:block;position:absolute;top:0;left:0;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_icon.png) -56px 0 no-repeat} */ .titArea2{position:relative} .titArea2 .titDep2{margin-bottom:30px} .titArea2 .selectbox{position:absolute;right:85px;bottom:0}/*right:70px;*/ .titArea2 .kbBtn{position:absolute;right:0;bottom:0} .titArea2 .listType1 li{padding-bottom:0} .tblV .listType1 .listNum1 li{padding:0 0 5px 18px} .tblV .listType1 .listDep2 li{padding:0 0 2px 15px} .tdWithdraw{padding:0 !important}/* td 안에 약관*/ .tdWithdraw .withdrawWrap .withdrawCont{border:none !important} .tdWithdraw .withdrawWrap .withdrawCont .titWith{font-size:14px;font-weight:normal} .tdWithdraw .withdrawWrap .withdrawCont .withdrawBox2{max-height:67px;padding:15px} .btnFunc.card:before{width:16px;height:12px;background-position:-242px -24px} .popLayer .tblScroll{padding-bottom:0} .lineH01{line-height:22px} /* 상단 안내박스 */ .infoBox{background:#eff2f7;} .infoBox.smsAlarm {background:#eff2f7;} /***************** // common // *****************/ .infoBox .pointreeSrv{background-image:url(https://img1.kbcard.com/home_re/pc/ico/96/ico-point-96.png)}/* 포인트리 사용안내 As-is - https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_pointreeSrv.png */ .infoBox .checkImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_checkimg.png)}/* 기부,금 */ .infoBox .vipfrime01{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_vipfrime01.png)} /* vip프라임 tobe - https://img1.kbcard.com/home_re/pc/ico/96/ico-primeservice.png */ .infoBox .donation{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_donation.png)}/* 기부하기 */ .infoBox .auction{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_auction.png)}/* 경매 */ .infoBox .pointree06{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_pointree06.png)}/* 포인트리 OK캐시백 */ .infoBox .pointree07{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_pointree07.png)}/* 포인트연계할부서비스 */ .infoBox .debtImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_debtImg.png)}/* 부채증명서 */ .infoBox .kmotionImg{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_kmotionImg.png) 0 center no-repeat}/* 앱카드 소개 */ .infoBox .bgKbPay{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_201012_infobox_kbPay.png) 0 center no-repeat}/* KB Pay 소개 */ /* 201012 추가 */ .infoBox .pcappcard{background:url(https://img1.kbcard.com/LT/images_r/personal/service/img-infobox-pcpay.png) 0 center no-repeat}/* PC앱카드 소개 */ .infoBox .kmotionImg2{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_kmotionImg2.png) 0 center no-repeat}/* 앱카드 가맹점 */ .infoBox .kmotionImg3{padding-top:40px;padding-bottom:40px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_kmotionImg3.png) 0 center no-repeat}/* 앱카드 서비스-기부 */ .infoBox .kmotionImg4{min-height:108px;padding-top:47px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_kmotionImg4.png) 0 center no-repeat}/* 앱카드 서비스-tv홈쇼핑 */ .infoBox .isp01{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_isp.png)}/* 일반결제(ISP) */ .infoBox .isp03{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_isp.png)}/* 모바일일반결제(ISP) */ .infoBox .foreignImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_foreignImg.png)}/* 해외온라인안전결제,해외안심결제 */ .infoBox .iccardImg04{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_iccardImg04.png)}/* payON */ .infoBox .iccardImg03{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_iccardImg03.png)}/* 후불교통 */ .infoBox .mobiletraffic{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_mobiletraffic.png)}/* 모바일 티머니 */ .infoBox .mobileappImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_mobileappImg.png)}/* 모바일앱 KB국민카드 */ .infoBox .mobileappImg02{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_mobileappImg02.png)}/* 모바일앱 KB Wise Wallet */ .infoBox .mobileappImg03{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_mobileappImg03.png)}/* 모바일앱 KB오너스 */ .infoBox .mobileappImg04{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_mobileappImg04.png)}/* 모바일앱 굿터치 서비스 160516수정 */ .infoBox .prService02{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_prService02.png)}/* 크레딧 매니저 */ .infoBox .prService03{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_prService03.png)}/* SMART 신용정보보호서비스 */ .infoBox .wiseImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_wiseImg.png)}/* wise 신용정보알림 */ .infoBox .wiseImg2{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_wiseImg2.png)}/* wise 쇼핑안심 */ .infoBox .srvsmsImg2{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_srvsmsImg2.png)}/* 문자알림(SMS) */ .infoBox .srvsmsImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_srvsmsImg.png)}/* 해외이용서비스 */ .infoBox .prService07{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_prService07.png)}/* 채무면제 */ .infoBox .taxiImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_taxiImg.png)}/* 대중교통 택시 */ .infoBox .busImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_busImg.png)}/* 대중교통 버스 */ .infoBox .srvcardImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_srvcardImg.png)}/* 카드이용정지안내 */ .infoBox .pcsrvImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_pcsrvImg.png)}/* 이용pc지정서비스 */ .infoBox .cardpayment01{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment01.png)}/* 전화요금 */ .infoBox .cardpayment02{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment02.png)}/* 아파트관리비 */ .infoBox .cardpayment03{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment03.png)}/* 인터넷요금 */ .infoBox .cardpayment04{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment04.png)}/* 전기요금 */ .infoBox .cardpayment05{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment05.png)}/* 국세.관세 */ .infoBox .cardpayment05_2{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment05.png)}/* 지방세 */ .infoBox .cardpayment05_3{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment05_3.png)}/* 경찰청과태료 */ .infoBox .cardpayment06{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment06.png)}/* 법원인지대 */ .infoBox .cardpayment07{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment07.png)}/* 대학등록금 */ .infoBox .cardpayment08{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment08.png)}/* 도시가스요금자동납부 */ .infoBox .cardpayment09{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment09.png)}/* 4대보험 */ .infoBox .cardpayment10{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_cardpayment10.png)}/* 초중고 등록금*/ .infoBox .selectPayment{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_selectpayment.png)}/* 신용체크선택결제 */ .infoBox .email{background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_error01.gif)}/* 마케팅 이메일 수신거부 */ .infoBox .kbhousing {background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_kbhousing.png)}/* 마케팅 이메일 수신거부 */ .infoBox .autocare {background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_infobox_autocare.png)} /*wise오토케어,이지오토케어*/ .infoBox .blockPay{background-image: url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_blockPay.png);} /* 해외원화결제차단등록해지 */ .infoBox .srvsmsImg3{background-image: url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_srvsmsImg03.png);}/* 해외거래정지 등록,해제 */ .infoBox .srvsmsImg5{background-image: url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_srvsmsImg05.png);}/* 해외이용내역 조회,확인서 */ .infoBox .srvsmsImg6{background-image: url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_srvsmsImg06.png);}/* 빌링어드레스 등록/변경,확인서 */ .infoBox .srvsmsImg8{background-image: url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_srvsmsImg08.png);}/* 해외이용 할부전환 */ /** 포인트리 **/ .titArea2.pointree .subTxt{position:absolute;top:13px;right:0} /* 2021.11.17 asis→tobe 개선 .serviceBox05{padding:30px;background:#caefb9} .serviceBox05 .con{padding-top:50px;text-align:center;border-radius:0 0 4px 4px;background:#fff} */ .serviceBox05{padding:30px;background:#e8eaee;border-radius:12px;} .serviceBox05 .topCon{padding:45px 0 78px 260px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeIndex01.png) 0 bottom no-repeat} .serviceBox05 .topCon .tit{font-size:22px;color:#333} .serviceBox05 .topCon .tit strong{display:block;padding:15px 0;font-size:32px} .serviceBox05 .topCon p{line-height:22px;} .serviceBox05 .con{padding-top:50px;text-align:center;border-radius:5px !important;background:#fff} .serviceBox05 .con h2{font-size:30px;color:#333} .serviceBox05 .con .pointLink{padding-bottom:25px;margin:50px 10px 0;border-bottom:1px dotted #c1c1c1;} .serviceBox05 .con .pointLink a{display:inline-block;width:130px;margin:0 13px;line-height:22px;} .serviceBox05 .con .pointLink a:hover{color:#333} .serviceBox05 .con .pointLink a strong{display:block;padding:105px 0 17px;color:#333;font-size:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointLink01.png) 50% top no-repeat} .serviceBox05 .con .pointLink a+a strong{background-position:50% -150px} .serviceBox05 .con .pointLink a+a+a strong{background-position:50% -300px} .serviceBox05 .con .pointLink a+a+a+a strong{background-position:50% -450px} .serviceBox05 .con .inner01{padding:50px 0;margin-top:50px;background:#f2f2f2} /* 2021.11.17 asis→tobe 개선 .shopping.serviceBox05 .con .pointshopInBn>a{overflow:hidden;display:block;background-color:#ffecb3;border-radius:5px;text-align:left;} .shopping.serviceBox05 .con .pointshopInBn img {width:auto !important;} */ .slideWrap.slidesrvCard.pointIndex{position:relative;padding:0 0 30px;margin-top:50px} .slideWrap.slidesrvCard.pointIndex .slider{height:338px;margin:0 90px 0} .slideWrap.slidesrvCard.pointIndex .slider:after{content:'';display:block;height:0;clear:both} .slideWrap.slidesrvCard.pointIndex .slider .slideList{left:0;margin-left:0} .slideWrap.slidesrvCard.pointIndex button{top:130px} .slideWrap.slidesrvCard.pointIndex button.prev{background-position:-64px 0} .slideWrap.slidesrvCard.pointIndex button.next{left:598px;background-position:-96px 0} .slideWrap.slidesrvCard.pointIndex button.prev.noData{background-position:0 0} .slideWrap.slidesrvCard.pointIndex button.next.noData{background-position:-32px 0} .slideWrap.slidesrvCard.pointIndex .slider li{width:480px;margin:0} .slideWrap.slidesrvCard.pointIndex .slider li:after{display:block;content:'';clear:both;height:0} .slideWrap.slidesrvCard.pointIndex li a{float:left;width:91px;height:50px;padding-top:105px;margin-left:38px;font-weight:600;font-size:16px;color:#333;line-height:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointLink02.png) 0 0 no-repeat} .slideWrap.slidesrvCard.pointIndex li a.marL0{margin-left:0} .slideWrap.slidesrvCard.pointIndex li a+a+a+a+a{margin-top:27px} .slideWrap.slidesrvCard.pointIndex li a.link01{background-position:0 0} .slideWrap.slidesrvCard.pointIndex li a.link02{background-position:-989px 0} .slideWrap.slidesrvCard.pointIndex li a.link03{background-position:-1080px 0} .slideWrap.slidesrvCard.pointIndex li a.link04{background-position:-359px 0} .slideWrap.slidesrvCard.pointIndex li a.link05{background-position:-179px 0} .slideWrap.slidesrvCard.pointIndex li a.link06{background-position:-449px 0} .slideWrap.slidesrvCard.pointIndex li a.link07{background-position:-630px 0} .slideWrap.slidesrvCard.pointIndex li a.link08{background-position:-89px 0} .slideWrap.slidesrvCard.pointIndex li a.link09{background-position:-899px 0} .slideWrap.slidesrvCard.pointIndex li a.link10{background-position:-719px 0} .slideWrap.slidesrvCard.pointIndex li a.link11{background-position:-809px 0} .slideWrap.slidesrvCard.pointIndex li a.link12{background-position:-539px 0} .slideWrap.slidesrvCard.pointIndex li a.link13{background-position:-269px 0} .slideWrap.slidesrvCard.pointIndex .card_paging{bottom:0} .serviceBox05 .con .inner02{padding-bottom:95px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeIndex02.png) 0 bottom no-repeat} .serviceBox05 .con .inner02 a{display:inline-block} .serviceBox.pointreeCont{padding:0;background:none} .serviceBox.pointreeCont .btnArea .kbBtn.btnS.btnWhite{font-weight:600} .serviceBox.pointreeCont .serLogo{top:0;left:0;background:#f2f2f2;transform: translateY(0);}/* 2021.11.17 asis→tobe 개선transform: translateY(0); */ .serviceBox.pointreeCont p{line-height:22px} .serviceBox.pointreeCont .titDep2{margin-bottom:15px} .serviceBox.pointreeCont .txtInfo{line-height:16px} .serviceBox.pointreeCont .listType1+.txtInfo{margin-top:-10px} .serviceBox05.pointreeUse .topCon{padding:20px 0 45px 190px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse01.png) 15px 20px no-repeat} .serviceBox05.pointreeUse .con{padding-top:0;background:#daf5e8} .serviceBox05.pointreeUse .pointUseList:after{display:block;content:'';clear:both;height:0} .serviceBox05.pointreeUse .pointUseList li{float:left;margin-left:6px} .serviceBox05.pointreeUse .pointUseList li.marL0{margin-left:0} .serviceBox05.pointreeUse .pointUseList li+li+li+li{margin-top:6px} .serviceBox05.pointreeUse .pointUseList li a{display:block;width:216px;height:189px;padding-top:27px;background:#fff;border-radius:4px} .serviceBox05.pointreeUse .pointUseList li a:hover{text-decoration:none} .serviceBox05.pointreeUse .pointUseList li a strong{display:block;padding-bottom:100px;color:#333;text-align:center;font-size:20px;line-height:28px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse02.png) center 33px no-repeat} .serviceBox05.pointreeUse .pointUseList li a span{text-align:center;line-height:20px} .serviceBox05.pointreeUse .pointUseList li.linkPage02 a strong{background-position:center -117px} .serviceBox05.pointreeUse .pointUseList li.linkPage03 a strong{background-position:center -267px} .serviceBox05.pointreeUse .pointUseList li.linkPage04 a strong{background-position:center -417px} .serviceBox05.pointreeUse .pointUseList li.linkPage05 a strong{background-position:center -567px} .serviceBox05.pointreeUse .pointUseList li.linkPage06 a strong{background-position:center -717px} .serviceBox05.pointreeUse .pointUseList li[class*="short"] a{padding-left:30px;text-align:left} .serviceBox05.pointreeUse .pointUseList li[class*="short"] a strong{text-align:left;padding-bottom:10px;color:#fff;background:none} .serviceBox05.pointreeUse .pointUseList li[class*="short"] a span{color:#fff} .serviceBox05.pointreeUse .pointUseList li.linkShop a, .serviceBox05.pointreeUse .pointUseList li.linkMall a{width:408px;} .serviceBox05.pointreeUse .pointUseList li.linkSrv a, .serviceBox05.pointreeUse .pointUseList li.linkLife a{width:186px} .serviceBox05.pointreeUse .pointUseList li.linkShop a{background:#3ba90c url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse03.png) right 40px no-repeat} .serviceBox05.pointreeUse .pointUseList li.linkSrv a{background:#7361c5} .serviceBox05.pointreeUse .pointUseList li.linkLife a{background:#e8681b} .serviceBox05.pointreeUse .pointUseList li.linkLife a strong{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse04.png) 83px 34px no-repeat} .serviceBox05.pointreeUse .pointUseList li.linkMall a{background:#ffd980 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse03.png) right bottom no-repeat} .serviceBox05.pointreeUse .pointUseList li.linkMall a strong{color:#333;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse04.png) 83px -66px no-repeat} .serviceBox05.pointreeUse .pointUseList li.linkMall.short a span{color:#666} .serviceBox05.pointreeUse .pointUseList li[class*="linkPage"] a:hover{background:#2aa167} .serviceBox05.pointreeUse .pointUseList li[class*="linkPage"] a:hover strong, .serviceBox05.pointreeUse .pointUseList li[class*="linkPage"] a:hover span{color:#fff} /* 포인트리 사용페이지관련 css 추가 2015.12.30 황상윤 */ .serviceBox05.pointreeUse .pointUseList li.linkSrv a, .serviceBox05.pointreeUse .pointUseList li.linkPointree a{width:186px} .serviceBox05.pointreeUse .pointUseList li.linkSrv a, .serviceBox05.pointreeUse .pointUseList li.linkChange a{width:186px} .serviceBox05.pointreeUse .pointUseList li.linkPointree a{background:#3ba90c} .serviceBox05.pointreeUse .pointUseList li.linkPointree a strong{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse04.png) 83px 34px no-repeat} .serviceBox05.pointreeUse .pointUseList li.linkChange a{background:#7361c5} .serviceBox05.pointreeUse .pointUseList li.linkChange a strong{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeuse04.png) 83px 34px no-repeat} .serviceBox05.shopping .topCon{padding:20px 0 45px 190px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointreeshop.png) 15px 20px no-repeat} .serviceBox05.shopping .con{padding:0 22px;border-radius:4px 4px 0 0} .serviceBox05.shopping .pointshopList:after{display:block;content:'';clear:both;height:0} /* 2021.11.17 asis→tobe 개선 https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVC0154 .serviceBox05.shopping .pointshopList li{text-align:left;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointshopList.gif) center center no-repeat;border-bottom:1px dotted #c2c2c2} */ .serviceBox05.shopping .pointshopList li{text-align:left;border-bottom:1px dotted #c2c2c2} .serviceBox05.shopping .pointshopList li.noLine{border-bottom:none} .serviceBox05.shopping .pointshopList li a,.serviceBox05.shopping .pointshopList li span{display:inline-block;width:30%;height:119px;vertical-align:middle;text-align:center;}/*width:179px;*/ .serviceBox05.shopping .pointshopList li:first-child a, .serviceBox05.shopping .pointshopList li:first-child span {text-align:left;} .serviceBox05.shopping .pointshopList li .txt{width:149px;height:82px;padding:37px 0 0 30px;font-size:18px;font-weight:600;line-height:26px;color:#333;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_pointshopList02.gif) 106px 73px no-repeat} .serviceBox05.shopping .pointshopList li.noLine .txt{background:none} .serviceBox05.shopping .pointshopList li a+a, .serviceBox05.shopping .pointshopList li .txt+a, .serviceBox05.shopping .pointshopList li a+.txt{margin-left:35px} .serviceBox05.shopping .lifeshop{position:relative;display:block;padding:28px 0 28px 222px;line-height:20px;background:#f9f9f9 url(https://img1.kbcard.com/LT/images_r/personal/service/logo_pointshop05.gif) 22px 0 no-repeat;border-top:1px solid #c2c2c2;border-radius:0 0 4px 4px} .serviceBox05.shopping .lifeshop strong{display:block;padding-bottom:17px;font-size:18px;color:#333;} .serviceBox05.shopping .lifeshop span{position:absolute;right:40px;top:50px;width:32px;height:32px;background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_btnSlide02.png) -96px 0 no-repeat} span.txtInfo{display:inline-block} /*.cardList01 .infoCard_wr{position:relative;min-height:140px;border-bottom:1px solid #e1e1e1;padding:30px 0;overflow:hidden} .cardList01 .infoCard_wr div, .cardList01 .infoCard_wr img{float:left} .cardList01 .infoCard_wr img{width:160px;height:100px;margin:4px 0 0 0} .cardList01 .infoCard_wr strong{display:block;color:#333;font-size:18px;line-height:24px;margin-bottom:17px} .cardList01 .infoCard_wr .infoCard{width:520px;margin-left:40px} .cardList01 .infoCard_wr .infoCard .infoCard_inner{overflow:hidden} .cardList01 .infoCard_wr .infoCard li{float:left;border-left:1px solid #e1e1e1;padding:0 0 0 20px;width:159px} .cardList01 .infoCard_wr .infoCard li:first-child{padding-left:0;border:none} .cardList01 .infoCard_wr .infoCard li em{color:#9383e0;font-weight:600;margin-bottom:5px;line-height:30px;font-size:20px} .cardList01 .infoCard_wr .infoCard li em span{font-family:Arial, "나눔고딕", NanumGothic, "NG";color:#9383e0;font-size:36px;margin-right:3px;vertical-align:-3px;letter-spacing:-1px} .cardList01 .infoCard_wr .infoCard li em span.ko{font-family:NanumGothic, "나눔고딕", "NG", "돋움", Dotum, AppleGothic, sans-serif} .cardList01 .infoCard_wr .infoCard li em, .cardList01 li .infoCard li > span{display:block} .cardList01 .infoCard_wr .infoCard li > span{color:#333;padding-top:5px;letter-spacing:-1px} .cardList01 .infoCard_wr .cardBtns{position:absolute;top:145px;left:0;width:160px} .cardList01 .infoCard_wr .cardBtns .btnXS{width:57px} .cardList01 .infoCard_wr .cardBtns .get{border-color:#8b929e}*/ .noResult{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:20px 0;text-align:center} .pointreeTxt{margin:0 30px 24px 35px;} .board_info .totalNum{float:left;font:normal 14px NanumGothic, "나눔고딕", NG} .board_info:after{display:block;content:'';clear:both;height:10px} .board_info .totalNum strong{padding-left:5px} .marTm40{margin-top:-43px;} .pointTb label{width:80px;} .pointTb label.type2{width:100px;} .subtit{font-size:16px;margin:-15px 0 32px;} .titPointree{font-size:24px;line-height:1;color:#151515;padding:0 0 32px} .titPointree .colPoint1{font-size:30px;font-weight:600;display:inline-block;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_tit_pointree01.gif) left 1px no-repeat;padding:0 0 0 40px;margin:0 0 0 30px;letter-spacing:-2px} /* 기부/경매 */ .kbBtn.addWrite{border-color:#6b727f;background:#6b727f;color:#fff;/* padding:16px 0; */margin-left:9px;min-width:80px}/* 6270결함, padding 주석처리, https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVS0012 */ .add_write{position:relative;overflow:hidden;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f9f9f9;padding:20px 20px 40px 20px} .add_write span{float:left} .add_write .areaLe{width:45px;color:#333;padding:10px 0 0;font-weight:600} .add_write .areaRi{width:625px} .add_write .areaRi textarea{width:500px;height:58px;padding:10px 15px;border:1px solid #c2c2c2;border-radius:5px;vertical-align:top} .add_write p{position:absolute;bottom:15px;right:120px} .addList{border-top:1px solid #e1e1e1;} .addList li{overflow:hidden;border-bottom:1px solid #e1e1e1;padding:20px 0} .addList li span{float:left;line-height:18px} .addList li span.name{width:80px;padding:0 20px;color:#333} .addList li span.con{width:445px;padding:0 30px 0 0;position:relative} .addList li span.con a{position:absolute;top:3px;right:0} .addList li span.date{width:75px;padding:0 20px 0 30px} .donationPrice {overflow:hidden;font-size:24px;font-weight:600;border-top:1px solid #fff;border-radius:12px;} .donationPrice dt{float:left;width:32%;padding:36px 0 30px 88px;color:#5c4804;text-align:left;font-size:16px;line-height:16px;background:#ffe18e url(https://img1.kbcard.com/LT/images_r/personal/service/bg_donation01.png) 30px 20px no-repeat;box-sizing:border-box} .donationPrice dd{float:left;width:34%;padding:20px 0 21px 30px;color:#493902;line-height:14px;font-size:16px;background:#ffe9a5;border-left:1px solid #ffdb80;box-sizing:border-box} .donationPrice dt+dd{border-left:none} .donationPrice dd strong{display:block;margin-top:13px;font-size:22px} .donationPrice dd+dd strong{font-size:18px} .infoBox.type_pointree.join{border-bottom-left-radius:0;border-bottom-right-radius:0;} .infoBox.type_pointree.join+.donationPrice{border-top-left-radius:0;border-top-right-radius:0;} .donationList{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1} .donationList:after{display:block;content:'';clear:both;height:0} .donationList li{float:left;width:239px;height:200px;text-align:center;border-bottom:1px solid #e1e1e1} .donationList li:first-child, .donationList li+li+li+li, .donationList li+li+li+li+li+li+li, .donationList li+li+li+li+li+li+li+li+li+li{width:238px} .donationList li+li, .donationList li+li+li+li+li, .donationList li+li+li+li+li+li+li+li, .donationList li+li+li+li+li+li+li+li+li+li+li{width:239px;border-right:1px solid #e1e1e1} .donationList li:first-child{border-right:1px solid #e1e1e1} .donationList li strong{display:block;padding-bottom:17px;color:#333;font-size:16px;line-height:16px} .donationList.type2 li{height:157px} .donationInfo{position:relative;padding-left:239px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1} .donationInfo .left{position:absolute;left:15px;top:50%;width:210px;height:210px;margin-top:-132px} .donationInfo .right{width: auto;padding:33px 39px 12px;background:#f8f8f8;border-left:1px solid #e1e1e1}/* width: 441px;padding: 33px 0 12px 39px; DEFC-0000003300 */ .donationInfo .right .tit{display:inline-block;padding-bottom:17px;font-size:18px;color:#333} .donationInfo .right > p{padding-bottom:27px;font-size:16px;line-height:22px} .donationInfo .right .listType1{padding-top:27px;border-top:1px solid #e1e1e1} .donationInfo .right .listType1 li{padding-bottom:10px} .donationInfo .right .listType1 li:after{display:block;content:'';clear:both;height:0} .donationInfo .right .listType1 li strong{float:left;width:80px;color:#333} .donationInfo .right .listType1 li p{float:left;width:350px} .donationInfo .right .kbBtn{position:absolute;bottom:20px;left:70px} .infoBox02{padding-left:60px} .infoBox02.comment{background: #eff2f7;border-radius: 12px;} .infoBox02 .inner{padding:50px 0 50px 200px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_commentInfo.png) 0 center no-repeat} .infoBox02 .inner .tit{display:block;padding-bottom:17px;line-height:30px;color:#333;font-size:24px} .infoBox02 .inner .tit strong{font-size:30px;line-height:18px} .commentList{padding-bottom:30px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f9f9f9} .commentList li{position:relative;padding:30px 0 0 88px} .commentList li .comenIco{position:absolute;top:43px;left:30px} .commentList li .user .name{padding:0 17px 0 10px} .commentList li .user .date{font-size:12px} .commentList li .con{width:542px;height:69px;margin-top:10px;padding:15px 30px;line-height:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_comment01.png) 0 0 no-repeat} .boardView.donation .bTit{padding-left:90px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_donation02.png) 30px center no-repeat} .titArea3{position:relative;margin-bottom:18px} .titArea3 .popLayS{position:absolute;bottom:0;right:0} .titArea3 .popLayS > button{padding:0 22px 0 0;font-size:14px;font-weight:normal;color:#333;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_layerpopicon.png) right 0 no-repeat} .titArea3 .popLayS .layCont{width:375px;height:190px;top:20px;bottom:0;left:0;margin-left:-321px} .titArea3 .popLayS .layCont:after{top:0;background:none} .titArea3 .popLayS .layCont .listType1 li{padding-bottom:15px;font:14px/18px 나눔고딕,"NanumGothic","NG" !important} .titArea3 .popLayS .layCont .listType1 strong{display:inline-block;padding-bottom:5px;font:600 14px/18px 나눔고딕,"NanumGothic","NG" !important;color:#333} [class*="txtLayout"]{line-height:22px} [class*="txtLayout"]:after{display:block;content:'';clear:both;height:0} [class*="txtLayout"] .subTit{margin-top:-6px;padding-bottom:23px;font-size:18px;line-height:26px} [class*="txtLayout"] div strong, [class*="layoutType"] .subTit strong, .txtType1 strong{color:#333} .txtLayout1 .f_left, .layoutType1 .f_right{width:348px}/* 50% */ .txtLayout2 .f_left{width:270px}/* 오른쪽이 더 넓은 경우 */ .txtLayout2 .f_right{width:calc(100% - 270px)}/* 2223 결함처리, https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVS0027 */ .txtLayout2 .f_right p > br{display:none;}/* 2223 결함 추가조치 */ .ltxtLayout2 .f_right{width:443px} .txtLayout3 .f_left{width:460px}/* 왼쪽이 더 넓은 경우 */ .txtLayout3 .f_right{width:243px} .txtLayout4{background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_donate07_01.jpg) right top no-repeat;}/* 어린이재단 */ .txtLayout5 > li{position:relative;padding-left:220px}/* 한국심장재단 */ .txtLayout5 > li+li{margin-top:30px} .txtLayout5 > li img{position:absolute;top:0;left:0} .txtType1{line-height:22px} .auctionList:after, .auctionView dd:after{display:block;content:'';clear:both;height:0} .auctionList > li{position:relative;float:left;width:292px;padding:10px 30px 30px;border:1px solid #e1e1e1} .auctionList > li+li{margin-left:12px} .auctionList > li .high{position:absolute;top:20px;left:30px;width:63px;height:70px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon02.png) 0 0 no-repeat} .auctionList > li .low{position:absolute;top:20px;left:30px;width:63px;height:70px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon02.png) -64px 0 no-repeat} .auctionList > li > span{display:block} .auctionList > li .imgArea{display:block;margin-bottom:15px;text-align:center} .auctionList > li .tit{display:block;min-height:53px;font-size:18px;line-height:26px;color:#333} .auctionList > li.noData{width:100%;margin:0;padding:30px 0;text-align:center;border-left:none;border-right:none} .auctionList > li.noData:after{display:none} .auctionList > li .btnArea{margin-top:20px;padding-top:20px;;border-top:1px dotted #c8c8c8} .auctionList > li .kbBtn{width:75px;margin:0;font-weight:600} .auctionList > li .kbBtn+.kbBtn{margin-left:10px} .auctionList > li .date{display:block;padding:15px 0 8px;font-size:16px} .auctionList > li .pointree{padding-left:41px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon.gif) 17px 0 no-repeat} .auctionList > li .situation{position:relative;margin-top:30px} .auctionList > li .situation span{display:inline-block;} .auctionList > li .situation .num{padding-left:23px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon.gif) 0 -21px no-repeat} .auctionList > li .situation .prod{position:absolute;right:0;padding-left:23px;text-align:right;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon.gif) 0 -42px no-repeat} .auctionView{border-top:2px solid #e1e1e1;border-bottom:1px solid #e1e1e1} .auctionView dt{position:relative;padding:30px 215px 30px 0} .auctionView dt .tit{font-size:18px;line-height:26px;color:#333} .auctionView dt .auctionNum{display:block;padding-bottom:5px;} .auctionView dt .limitTime{position:absolute;right:30px;top:30px;padding-left:30px;font-size:18px;line-height:20px;border-left:1px solid #e1e1e1} .auctionView dt .limitTime em{display:block;padding-bottom:5px;font-size:14px;font-weight:normal} .auctionView dd{position:relative;padding-left:340px;border-top:1px solid #e1e1e1;background:#f9f9f9} .auctionView dd .imgArea{position:absolute;top:20px;left:0;width:340px;text-align:center} .auctionView dd .prodInfo{width:350px;min-height:310px;padding:16px 30px 15px 0} .auctionView.type2 dd{padding-left:260px} .auctionView.type2 dd .imgArea{width:260px} .auctionView.type2 dd .prodInfo{width:430px;min-height:209px} .auctionView .tit br, .layoutTbl01 .titArea .tit br{display:none} .colorOrg{color:#ee6251} .actionTbl tbody tr th{padding:6px 0;line-height:18px;text-align:left;line-height:20px} .actionTbl tbody tr td{padding:6px 0;text-align:right;line-height:20px} .actionTbl tbody tr td .low{display:inline-block;padding-left:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon.gif) 0 -61px no-repeat} .actionTbl tbody tr td .high{display:inline-block;margin-top:10px;padding-left:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon.gif) 0 -89px no-repeat} .actionTbl tbody tr td strong{color:#333} .actionTbl tbody tr td.bold strong{font-size:24px;color:#329f9a} .actionTbl tbody tr td .txtInfo{margin-left:50px;text-align:left} .actionTbl tbody tr th, .actionTbl tbody tr td .verT{vertical-align:top} .actionTbl tbody tr.price th, .actionTbl tbody tr.price td{padding:7px 0 17px 0;border-bottom:1px dotted #e1e1e1} .actionTbl tbody tr.price td{font-weight:600;color:#333} .actionTbl tbody tr.price td em{font-size:24px;line-height:24px} .actionTbl tbody tr.price+tr th, .actionTbl tbody tr.price+tr td{padding-top:18px} .actionTbl2 td.imgArea{padding:11px 0 11px 10px} .actionTbl2 td.t_left{padding-left:10px;line-height:22px} .boxType2 .auctionPrice{margin-top:27px;padding:18px 0;text-align:center;background:#f7f8f8} .boxType2 .auctionPrice li{display:inline-block;} .boxType2 .auctionPrice li:first-child{margin-right:15px;padding-right:17px;border-right:1px solid #e7e7e7} .boxType2 .auctionPrice li em{padding:0 7px} .boxType2 .auctionPrice li .high{padding-left:16px;font-size:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon.gif) 0 -90px no-repeat} .boxType2 .auctionPrice li .low{padding-left:20px;font-size:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_actionicon.gif) 5px -61px no-repeat} .boxType2 .auctionPrice li .point{display:inline-block;padding-left:4px;font-size:18px;color:#ee6251} .searchArea2{padding:30px 0;text-align:center;background:#f9f9f9} .searchArea2 input{width:460px} .searchArea2 button{margin-left:10px} .faqList{border-top:1px solid #dfe3e6} .faqList li{border-bottom:1px solid #dfe3e6;line-height:22px} .faqList li abbr{float:left;width:40px;margin-top:-5px;border:0;font:normal 30px Arial;color:#614cc2;vertical-align:top} .faqList li .question{display:block;padding:27px 45px 22px 20px;background:url(https://img1.kbcard.com/LT/images_r/login/bg_faqBtn01_off.gif) no-repeat right center} .faqList li .question strong{float:left;width:610px;font-weight:600;color:#333} .faqList li .question:hover strong{text-decoration:underline} .faqList li .answer{padding:30px 45px 30px 20px;border-top:1px solid #dfe3e6;background:#f8f8f8} .faqList li .answer .faqTxt{float:left;width:100%;color:#333}/*width:610px https://tcard.kbcard.com/CMN/DVIEW/HSDMCXPRISVCR0001?mainCC=a*/ .faqList li .answer .kbBtn{margin-top:5px} .faqList li .answer:after, .faqList li .question:after{content:'';clear:both;display:block;height:0} .faqList li.on .question{background:url(https://img1.kbcard.com/LT/images_r/login/bg_faqBtn01_on.gif) no-repeat right center} .faqList li .answer abbr{color:#333} .faqList li.noData{padding:27px 0 22px 0;text-align:center} .faqList li .answer .faqTxt li{border-bottom:none}/*width:610px https://tcard.kbcard.com/CMN/DVIEW/HSDMCXPRISVCR0001?mainCC=a*/ .faqList li .question strong font, .faqList li .answer .faqTxt font{color:#e44b3a !important} .pointreeBox01{border:1px solid #e1e1e1;padding:20px 30px 19px;background:#f9f9f9;font-weight:600} .pointreeBox02{border:1px solid #e1e1e1;padding:20px 30px 19px;background:#f9f9f9;} .pointreeBox02 .listType_tit{color:#333;font-weight:600;line-height:1;} .pointreeBox02 .innerList{overflow:hidden;width:752px} .pointreeBox02 .innerList li{float:left;width:180px;color:#666;} [class*="listLayout"]:after{display:block;content:'';clear:both;height:0} .listLayout01{border:1px solid #e1e1e1;border-left:none} .listLayout01 li{float:left;width:33.3%;padding-bottom:30px;text-align:center;border-left:1px solid #e1e1e1;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cashback01.png) 97px 30px no-repeat; box-sizing:border-box}/* 3개씩 *//* width:238px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cashback01.png) 57px 30px no-repeat https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVC0001 */ [class*="listLayout"] li.bdNone, listLayout03 li:first-child{border-left:none !important} .listLayout01 li+li{background-position:-142px 30px}/* background-position:-182px 30px https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVC0001 */ .listLayout01 li+li+li{background-position:-385px 30px}/* background-position:-425px 30px https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVC0001 */ .listLayout01 li strong{display:block;padding:180px 0 20px;font-size:16px;color:#333} .listLayout01 li .kbBtn.btnS.btnWhite{width:93px;font-weight:600} .listLayout01.type2{border:none;border-bottom:1px solid #e1e1e1} .listLayout01.type2 li{height:247px;padding:30px 0 0;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;background:none}/* 포인트연계할부서비스-이용내역조회 */ .listLayout01.type2 li:first-child{border-left:none;border-right:none} .listLayout01.type2 li img{width:142px;height:90px} .listLayout01.type2 li span,.listLayout01.type2 li strong{display:block} .listLayout01.type2 li strong{padding:17px 0 15px} .listLayout01.type2 li span{margin-bottom:15px;line-height:22px} .listLayout01.type2 li .kbBtn.btnXS+.btnXS{margin-left:6px} .listLayout02{border:1px solid #e1e1e1}/* 2개씩 */ .listLayout02 li{float:left;width:50%;padding:23px 0 23px 124px;color:#333;line-height:25px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_installment01.png) 30px 14px no-repeat;box-sizing:border-box} .listLayout02 li+li{border-left:1px solid #e1e1e1;background-position:30px -100px} .listLayout02 li strong{display:inline-block;font-size:16px} .listLayout02 li strong.f14{font-size:14px} .listLayout03{border:1px solid #e1e1e1}/* 4개씩 */ .listLayout03 li{float:left;width:238px;height:152px;text-align:center}/*width:179px;*/ .listLayout03 li:first-child, .listLayout03 li.bdNone{width:239px}/*width:178px*/ .listLayout03 li+li+li+li+li{border-top:1px solid #e1e1e1} .listLayout03 li+li{border-left:1px solid #e1e1e1;} .listLayout03 li strong{font-weight:normal} .listLayout03 li img{display: block;margin:0 auto} /** 포인트연계할부서비스 **/ /* 포인트연계할부서비스란? */ .installTbl th{background:none} .installTbl th.bgcol, .installTbl td.bgcol{background:#f9f9f9} /* 추천카드 */ .boxType2 .titType01{display:block;margin:24px 30px 15px 35px;color:#333} .boxType2 .titType01+.listType2{margin-top:0} .infoBox03{padding-top:10px;min-height:190px} .infoBox03.recommendImg01{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox03_rcm01.png) right bottom no-repeat} .infoBox03.recommendImg02{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox03_rcm02.png) right bottom no-repeat} .infoBox03 .tit{font-size:24px;color:#333} .infoBox03 .tit strong{display:block;padding-top:4px;font-size:30px} .infoBox03 .txtType1{padding-top:15px} .cardConList{padding-top:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox03.png) left top repeat-x} .cardConList > li{position:relative;min-height:185px;padding:40px 40px 20px 222px;border:1px solid #e1e1e1;border-top:none} .cardConList > li:first-child{border-top:none} .cardConList > li .cardArea{position:absolute;left:40px;top:40px;text-align:center} .cardConList > li .cardArea img{display:block;margin-bottom:20px;width:142px;height:90px} .cardConList > li .infoArea{padding-bottom:15px;margin-bottom:15px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_lineV.png) left bottom repeat-x} .cardConList > li .infoArea .tit{display:block;padding-bottom:15px;color:#333;line-height:18px;font-size:18px} .cardConList > li .infoArea p{font-size:16px;line-height:24px} .cardConList > li .infoArea p strong{color:#333} .cardConList > li .listType1 li{padding-bottom:15px} .layoutTbl01{border-bottom:1px solid #e1e1e1} .layoutTbl01 td{min-height:100px;text-align:center;border-top:1px solid #e1e1e1} .layoutTbl01 td.imgArea img{width:90px;height:90px} .layoutTbl01 td.titArea{width:460px;padding:30px 20px 30px 0;margin:30px 0;text-align:left;} .layoutTbl01 td.titArea .num, .layoutTbl01 td.titArea .date{display:block} .layoutTbl01 td.titArea .tit{display:inline-block;padding:5px 0 15px;font-size:18px;font-weight:600;line-height:24px;color:#333} .layoutTbl01 td .btnArea{margin:0;padding:10px 0 10px 30px;text-align:left;border-left:1px solid #e1e1e1} /* 결제서비스/모바일앱 */ .qrcodeArea{position:relative} .qrcodeArea .qrcode1{position:absolute;top:3px;right:0;width:112px;padding-left:48px;text-align:center} .qrcodeArea .qrcode1 span{display:block;margin-top:5px;line-height:16px;font-size:12px} .imagineCard{position:relative;min-height:107px;padding:55px 35px 35px 265px} .imagineCard .cardImg{position:absolute;top:35px;left:35px} .imagineCard .cardImg img{width:200px;height:126px} .imagineCard .cardName{font-size:18px;color:#333} .imagineCard .listType2 li{color:#666} .imagineCard .listType2 li+li{padding-bottom:0} .imagineCard2{padding:30px 0} .imagineCard2 > .cardName{display:block;margin-bottom:20px;font-size:18px;text-align:center;color:#333} .imagineCard2 .cardInfo{display:block;position:relative;width:360px;height:227px;margin:0 auto;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_imaginecard.png) 0 0 no-repeat} .imagineCard2 .cardInfo .num{position:absolute;top:130px;left:35px} .imagineCard2 .cardInfo .num span{display:inline-block;padding-right:18px;color:#333;font-size:18px} .imagineCard2 .cardInfo .cvcCode{position:absolute;top:165px;left:35px;font-size:14px;color:#333} .imagineCard2 .cardInfo .limit{position:absolute;top:165px;left:174px;font-size:16px;letter-spacing:-0.05em;color:#333} .imagineCard2 .cardInfo .cardName{position:absolute;top:194px;left:35px;font-size:14px;color:#333} .choiceArea{padding:10px 20px} .choiceArea:after{display:block;content:'';clear:both;height:0} .choiceArea .radList{float:left;margin-top:10px} .choiceArea .searchArea{float:right} .searchArea input[type="text"]+.kbBtn{margin-left:6px;vertical-align:top} .txtStyle1{display:inline-block;padding:11px 13px;vertical-align:top;background:#e8eaef;border:1px solid #c2c2c2;border-radius:5px} .srvList1.kmotion{border-bottom:none} .srvList1.kmotion li{min-height:0;padding:50px 0 50px 170px} .srvList1.kmotion li:first-child{border-top:none} .srvList1.kmotion .imgArea{top:20px;background:#f2f2f2;border-radius:100px;} .zoneLink{border-left:1px solid #e1e1e1} .zoneLink:after{content:'';clear:both;display:block;height:0;visibility:visible} .zoneLink li{float:left;border:1px solid #e1e1e1;border-left:none;} .zoneLink li a{display:block;width:119px;padding:82px 0 20px;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_kmotion01.gif) center top no-repeat} .zoneLink li a:hover{color:#666} .zoneLink li .link2{width:118px;background-position:center -115px} .zoneLink li .link3{background-position:center -230px} .zoneLink li .link4{background-position:center -345px} .zoneLink li .link5{background-position:center -460px} .zoneLink li .link6{background-position:center -576px} .infoBox .kmotionImg3 .tit, .infoBox .kmotionImg3 .tit strong{line-height:32px;font-size:24px} .infoBox .kmotionImg3 .tit em{display:inline-block;padding-bottom:5px;font-size:18px} .infoBox .kmotionImg3 .txtType1{padding-top:10px} .kmotionSrv{padding:30px 0 40px 150px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_kmotion04_2.gif) left top no-repeat} .kmotionSrv .listType1 li{padding-bottom:10px} .kmotion_store { overflow: hidden; border-bottom: solid 1px #e1e1e1} .kmotion_store li:nth-child(5n + 1) {border-left: 1px solid #e1e1e1;text-align:center} .kmotion_store li { float: left; width:192px; height: 149px; border-right: solid 1px #e1e1e1; border-top: solid 1px #e1e1e1; box-sizing:border-box; } .kmotion_store span { display: block; height: 45px; text-align: center; line-height: 45px; } .kmotion_store li img{vertical-align:top;} .qrcodeArea .cardBimg{position:absolute;top:0;right:0;} .payonTbl td .taxiImg img{vertical-align:middle} .payonTbl td .taxiImg+.taxiImg{padding-left:20px} .boxType2 .tmoney{padding:40px 0 40px 120px;color:#333;font-size:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_tmoney.gif) 30px 20px no-repeat} .guideList{border-bottom:1px solid #e1e1e1} .guideList > li{position:relative;padding:30px 25px 30px 94px;min-height:64px;line-height:22px;border-top:1px solid #e1e1e1} .guideList > li.bdNone{padding-top:20px;border-top:none} .guideList > li:before{content:'';display:block;position:absolute;top:30px;left:0;width:110px;height:110px} .guideList > li strong.tit{display:block;padding-bottom:15px;color:#333;font-size:18px;line-height:18px} .guideList .listType1 li{padding-bottom:0} .guideList .listType1 li+li{margin-top:18px} .guideList.ispSrv > li{padding-left:140px} .guideList.ispSrv > li.bdNone:before{top:20px} .guideList.ispSrv > li.type01:before{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_guidelist01.png)}/* isp */ .guideList.ispSrv > li.type02:before{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_guidelist02.png)} .guideList.ispSrv > li.type03:before{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_guidelist03.png)} .guideList.ispSrv > li.type04:before{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_guidelist04.png)} .guideList.ispSrv > li.type05:before{background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_guidelist05.png)} .serviceUse{overflow:hidden;border-top:1px solid #e1e1e1} .serviceUse ol{width:721px;margin-left:-1px;} .serviceUse ol:after{content:'';clear:both;display:block;height:0;visibility:visible} .serviceUse ol > li{position:relative;float:left;width:254px;height:120px;padding:27px 0 0 105px;border-left:1px dashed #d5d5d5;border-bottom:1px dashed #d5d5d5;background:#fff} .serviceUse ol > li:before{content:'';display:block;position:absolute;top:20px;left:20px;width:64px;height:64px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_serviceUse.gif) no-repeat} .serviceUse ol > li.use02:before{background-position:-64px 0} .serviceUse ol > li.use03:before{background-position:-128px 0} .serviceUse ol > li.use04:before{background-position:-192px 0} .serviceUse ol > li.use05:before{background-position:-256px 0} .serviceUse ol > li.use06{background:#f9f9f9} .serviceUse ol > li.use06:before{display:none} .serviceUse ol > li strong{position:relative;display:block;margin-bottom:6px;padding-left:15px;line-height:20px} .serviceUse ol > li strong em{display:block;position:absolute;top:-1px;left:0;width:15px;color:#329f9a;font-size:18px} .serviceUse ol > li p{font-size:12px} .serviceUse ol > li .listType1 li{padding-bottom:6px;font-size:12px;line-height:18px} /* 편의서비스 */ .infoBox .txtType1 .logoImg+.logoImg, .infoBox .inner .kbBtn+.kbBtn{margin-left:6px} .btnSpe.btnSpe2{padding-right:30px} [class*=titDep]+.writeArea{margin-top:-20px} .writeArea .boxType4{padding:20px} .writeArea .boxType4 textarea{width:98.5%;height:80px;padding:10px 0 10px 10px;line-height:22px;border:1px solid #c2c2c2;border-radius:5px}/*width:668px*/ .writeArea .txtUnit2{margin-bottom:10px;text-align:right;font-size:12px} .type_pointree .btnS{font-weight:600;padding-right:35px} .sBox{padding:30px 30px 0;border:1px solid #e1e1e1} .sBox dt{padding-bottom:15px;font-weight:600;color:#333} .sBox dd{padding-bottom:25px;line-height:20px} .boxType1.sType1,.boxType1.sType1 li{position:relative} .boxType1.sType1 .kbBtn{position:absolute;top:50%;right:30px;margin-top:-17px} .boxType1.sType1 li{margin-top:15px} .boxType1.sType1 li:first-child{margin:0} .boxType1.sType1 li .kbBtn{right:0} .pr_tblH .listType1 .txtInfo strong{font-weight:normal} .pr_tblH .listType1 .txtInfo {padding-bottom:15px} .pr_tblH .listNum1 li{position:relative;padding:0 0 5px 18px} .pr_tblH .listNum1 .listDep3 li ul li{padding-left:0;background:none} .pr_tblH .listNum1 .listDep3 li ul li .txt{padding-left:100px} .pr_tblH .txtInfo .listType1, .pr_tblH .txtInfo .listType1 li{padding:0} .pr_tblH .withDrawList{padding-bottom:0} .serviceStep ol{border:1px solid #e1e1e1;border-left:none;} .serviceStep ol:after{display:block;content:'';clear:both;height:0} .serviceStep ol li{position:relative;float:left;width:142px;height:44px;padding-top:95px;text-align:center;border-left:1px solid #e1e1e1;} .serviceStep ol li+li:after{display:block;content:'';position:absolute;left:-1px;top:41px;width:12px;height:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_step01.gif) 0 0 no-repeat} .serviceStep ol li:before{display:block;content:'';width:64px;height:64px;position:absolute;top:20px;left:40px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_srvstep01.png) 0 0 no-repeat;} .serviceStep ol li.on:before{background-position:0 -64px;border-radius:64px;background-color:#7361c5} .serviceStep ol li+li:before{background-position:-64px 0} .serviceStep ol li+li.on:before{background-position:-64px -64px} .serviceStep ol li+li+li:before{background-position:-128px 0} .serviceStep ol li+li+li.on:before{background-position:-128px -64px} .serviceStep ol li+li+li+li:before{background-position:-192px 0} .serviceStep ol li+li+li+li.on:before{background-position:-192px -64px} .serviceStep ol li+li+li+li+li:before{background-position:-256px 0} .serviceStep ol li+li+li+li+li.on:before{background-position:-256px -64px} .serviceStep ol li strong{font-weight:normal} .serviceStep ol li.on strong{color:#333;font-weight:600} .serviceStep.step-5 ol li{width:190px;}/* 결함 5646, step-5 추가, https://tcard.kbcard.com/SVC/DVIEW/HSBMCXPRISVS0038 */ .serviceStep.step-5 ol li:before{left:0;right:0;margin:auto;} .serviceStep .resultTxt{padding:25px 0;text-align:center;font-size:16px;background:#fcfcfc;border-bottom:1px solid #e1e1e1} .serviceStep .resultTxt.noResult{padding:38px 0;font-size:14px;border:none;border-bottom:1px solid #e1e1e1} .serviceStep .resultTxt strong{display:block;padding-top:8px;color:#614cc2;} .formulaBox02{padding:20px 30px} .formulaBox02:after{content:'';clear:both;display:block;height:0;visibility:visible} .formulaBox02 [class*="figure"]{display:block;float:left;width:156px;text-align:center} .formulaBox02 [class*="figure"]:before{content:'';display:block;width:65px;height:65px;margin:0 auto 5px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_wise01.gif) 0 0 no-repeat} .formulaBox02 .figure2:before{background-position:0 -64px} .formulaBox02 .figure3:before{background-position:0 -128px} .formulaBox02 div{display:block;float:left;width:28px;height:28px;margin-top:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_formula.gif) 0 0 no-repeat} .wiseBenefit{border-top:1px solid #e1e1e1} .wiseBenefit > li{position:relative;padding:35px 0 35px 90px;border-bottom:1px solid #e1e1e1} .wiseBenefit > li strong{display:block;padding-bottom:18px;color:#333;font-size:18px;font-weight:600} /* wise쇼핑안심서비스 수정 190306 */ .wiseBenefit > li:before{content:""; display:block; position:absolute; top:35px; left:0; width:52px; height:54px; background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_wiseBenefit.png) no-repeat;} .wiseBenefit > li.wise02:before{background-position:-53px 0} .wiseBenefit > li.wise03:before{background-position:-371px 0;} .wiseBenefit > li.wise04:before{background-position:-159px 0} .wiseBenefit > li.wise05:before{background-position:-424px 0;} .wiseBenefit > li.wise06:before{background-position:-265px 0} .wiseBenefit > li.wise07:before{background-position:-318px 0} .wiseBenefit > li.wise08:before{background-position:-476px 0} .wiseBenefit > li.wise09:before{background-position:-528px 0} .wiseBenefit > li.wise10:before{background-position:-580px 0} .wiseBenefit > li.wise11:before{background-position:-632px 0} .radTerm2 input[type="text"]{margin-top:-8px;vertical-align:top} .laybtnArea.lineT{margin-top:30px;border-top:1px solid #c2c2c2} /** 카드자동납부 **/ .recommendCard .cardInfo{display:block} .serviceBox05.card{padding:0} .serviceBox05.card .topCon{padding:45px 0 155px;text-align:center;background:#fff url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cardindex01.png) left bottom no-repeat;border:1px solid #e1e1e1;border-bottom:none} .serviceBox05.card .topCon .tit strong{padding-bottom:25px;color:#2aa167} .serviceBox05.card .topCon .tit+p{font-size:16px} .serviceBox05.card .con{padding:130px 30px 30px;text-align:left;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cardindex01.png) -718px top no-repeat} .serviceBox05.card .con h2.titDep2{font-size:24px} /* 도시가스요금 자동납부 css추가 */ .newPaysrv01 {overflow:hidden; width:652px; margin:-40px auto 0;} .newPaysrv01 li {float:left; width:291px; padding-left:35px; height:100px; margin-top:40px; background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_line01.png) right 0 repeat-y} .newPaysrv01 li:nth-child(2), .newPaysrv01 li:nth-child(4), .newPaysrv01 li:nth-child(6) {background:none} .newPaysrv01 li:nth-child(1), .newPaysrv01 li:nth-child(3), .newPaysrv01 li:nth-child(5) {width:326px; padding-left:0;} .newPaysrv01 li strong {display:block; color:#333; font-size:16px;} .newPaysrv01 li span {display:block; font-size:12px; line-height:18px; margin:12px 0 7px; color:#666;} .newPaysrv01 li div {background:url('https://img1.kbcard.com/LT/images_r/personal/service/bg_newCardindex02.png') no-repeat;} .newPaysrv01 li div.pay01 {background-position:230px top;} .newPaysrv01 li div.pay02 {background-position:219px -426px;} .newPaysrv01 li div.pay03 {background-position:231px -140px;} .newPaysrv01 li div.pay04 {background-position:218px -566px;} .newPaysrv01 li div.pay05 {background-position:230px -280px;} .paysrv01{width:700px;margin-left:-20px} .paysrv01:after{display:block;content:'';clear:both;height:0} .paysrv01 li{position:relative;float:left;width:174px;height:234px;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_line01.png) 0 0 repeat-y} .paysrv01 li.pay01{background:none} .paysrv01 li strong{display:block;padding:103px 0 0;color:#333;font-size:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cardindex02.png) center 2px no-repeat} .paysrv01 li.pay02 strong{background-position:center -118px} .paysrv01 li.pay03 strong{background-position:center -238px} .paysrv01 li.pay04 strong{background-position:center -358px} .paysrv01 li span{display:inline-block;padding-top:13px;font-size:12px;line-height:18px} .paysrv01 li .kbBtn{position:absolute;left:50%;bottom:0;margin-left:-32px} .paysrv01 li.pay04 .kbBtn{margin-left:-41px} .paysrv02{margin-top:30px;background:#fff} .paysrv02:after{display:block;content:'';clear:both;height:0} .paysrv02 .popLayS{float:left;width:175px;margin:23px 0} .paysrv02 .popLayS.etcpay01,.paysrv02 .popLayS.etcpay04{width:154px} .paysrv02 .popLayS button{position:relative;min-height:31px;padding:0;color:#333;font-size:14px;font-weight:normal;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_lineH.png) left top repeat-y} .paysrv02 .popLayS button:visited + .layCont{display:none} .paysrv02 .popLayS.etcpay01 button{background:none} .paysrv02 .popLayS.etcpay01 button,.paysrv02 .popLayS.etcpay03 button{padding-left:66px} .paysrv02 .popLayS.etcpay02 button,.paysrv02 .popLayS.etcpay04 button{padding-left:70px} .paysrv02 .popLayS button:before{content:'';position:absolute;top:0;left:24px;width:32px;height:30px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cardindex03.png) 0 -360px no-repeat} .paysrv02 .popLayS > button:focus + .layCont{display:none} .paysrv02 .popLayS.etcpay02 button:before{left:38px;background-position:0 -412px} .paysrv02 .popLayS.etcpay03 button:before{left:29px;background-position:0 -467px} .paysrv02 .popLayS.etcpay04 button:before{left:29px;background-position:0 -523px} .paysrv02 .layCont{left:20px;width:340px;margin-left:0;font:14px/22px 나눔고딕, "NanumGothic", "NG" !important;} .paysrv02 .layCont:after{left:52px;margin-left:0;background-position:right bottom} .paysrv02 .etcpay01 .layCont{bottom:-311px;} .paysrv02 .etcpay02 .layCont{bottom:-286px} .paysrv02 .etcpay03 .layCont{left:-30px;bottom:-310px} .paysrv02 .etcpay04 .layCont{left:-204px;bottom:-336px} .paysrv02 .etcpay01 .layCont:after{bottom:282px} .paysrv02 .etcpay02 .layCont:after{bottom:257px} .paysrv02 .etcpay03 .layCont:after{left:103px;bottom:282px} .paysrv02 .etcpay04 .layCont:after{left:268px;bottom:307px} .paysrv02 .layCont .topHead{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cardindex03.png) right 3px no-repeat} .paysrv02 .etcpay02 .layCont .topHead{background-position:right -88px} .paysrv02 .etcpay03 .layCont .topHead{background-position:right -175px} .paysrv02 .etcpay04 .layCont .topHead{background-position:right -265px} .paysrv02 .layCont .topHead strong{font:600 16px/16px 나눔고딕,"NanumGothic","NG" !important;color:#333} .paysrv02 .layCont .topHead span{display:block;padding:16px 0 18px 0;margin-bottom:15px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_lineV.png) left bottom repeat-x;font:14px/22px 나눔고딕, "NanumGothic", "NG" !important;} .paysrv02 .layCont .listType1{margin-top:10px} .paysrv02 .layCont .listType1 li{padding-bottom:5px;font:12px/20px 나눔고딕,"NanumGothic","NG" !important;} .paysrv02 .layCont .listType1 li strong{display:inline-block;width:98px;font:600 12px/20px 나눔고딕,"NanumGothic","NG" !important;} .paysrv03{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_cardindex04.png) left top no-repeat} .paysrv03:after{display:block;content:'';clear:both;height:0} .paysrv03 a:hover{color:#666} .paysrv03 div strong{display:block;padding-bottom:17px;color:#333;font-size:16px} .paysrv03 div a{line-height:22px} .paysrv03 .left{float:left;width:243px;padding:10px 0 0 117px} .paysrv03 .right{float:left;width:290px;padding-top:10px} .paysrv03 .right ul{overflow:hidden} .paysrv03 .right li{float:left;width:136px} .paysrv03 .right li+li+li{margin-top:5px} .paysrv03 .right a{display:inline-block} .paysrv04:after{display:block;content:'';clear:both;height:0} .paysrv04 a{display:inline-block;width:210px} .paysrv04 a:hover{color:#333} .paysrv04 a+a{margin-left:40px} .paysrv04 a strong{display:block;padding-top:18px;text-align:center;color:#333} .btnSpe.btnSpe3{padding-right:25px} .uvListArea{border-top:1px solid #e1e1e1} .uvList:after{display:block;content:'';clear:both;height:0} .uvListArea .uvCon{float:left;width:179px;height: 105px;padding-top:15px;text-align:center;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;width: 20%;box-sizing: border-box;} .uvListArea .uvCon:nth-child(5n + 1) {border-left: none} .uvMore{border-top:none} .btnMore, .btnClose{display:block;padding:18px 0;text-align:center;background:#6b727f}/* 더보기 버튼 */ .btnMore strong, .btnClose strong{display:inline-block;padding-right:22px;font-size:16px;color:#fff;background:url(https://img1.kbcard.com/LT/images_r/personal/service/ico_btnarrow.gif) right -42px no-repeat} .btnClose strong{background-position:right 6px} .chkList p{display:block;margin-top:10px} .chkList p label{display:inline-block;width:90px} .chkList p strong{display:inline-block;width:150px;text-align:right} /* popup */ .paycardList{position:relative;padding:30px 0 30px 173px;background:#f9f9f9;border-top:1px solid #e1e1e1} .paycardList:after{display:block;content:'';clear:both;height:0} .paycardList.bdBottom{border-bottom:1px solid #e1e1e1} .paycardList dt{position:absolute;top:30px;left:30px;line-height:22px;font-size:16px;font-weight:600;color:#333} .paycardList dd{float:left;width:142px;margin-left:30px;line-height:18px;font-size:14px} .paycardList dd+dd+dd+dd{margin-top:30px} .paycardList dd strong{display:block;padding-top:18px;text-align:center} /*.popDept{} 부채증명서 .popDept .popHeader{padding:30px 30px 0;height:auto;background:none;border-top:8px solid #ffde02} .popDept .popHeader h1{padding-top:20px;font-size:30px;text-align:center;background:none} .popDept .popHeader .infoTxt{padding:30px 0 10px;border-bottom:1px solid #666} .popDept .popHeader .infoTxt strong{color:#333;font-size:18px;} .popDept .popHeader .infoTxt em{display:inline-block;padding:0 8px} .txtGuide02{padding:30px} .txtGuide02 p{line-height:22px} .popDept .txtGuide02 p.txtInfo{line-height:16px} .popDept .titDep2{margin-bottom:10px;font-size:14px} .popDept .tblH th, .popDept .tblH td{height:18px;padding:10px 5px} .popDept .tblV th, .popDept .tblV td{height:18px;padding:10px} .popDept .tblH th, .popDept .tblV th{color:#666} .popDept .tblH td, .popDept .tblV td{color:#333} .popDept .tblH .tdInp, .popDept .tblV .tdInp{padding:3px 10px} .popDept .hyphen{line-height:30px} .popDept .tipArea .titTip{padding:13px 0 0 37px;font-size:14px;line-height:27px;border:none} .popDept .tipArea .titTip:before{top:20px;left:19px;width:10px;height:13px;background-position:-40px 0} .popDept .tipArea .listType1{padding:0 20px 8px 20px} .popDept .tipArea .listType1 li{padding-bottom:6px;font-size:12px} .popDept .txtDeal img{padding-left:6px;vertical-align:middle} */ /** VIP **/ /* 상단 box */ .serviceBox{background-color:#e0ecf6} .serviceBox.frime{min-height:120px;}/*background:#caefb9*/ .serviceBox.frime.type2{min-height:95px;padding-top:48px} .serviceBox.frime .serLogo, .serviceBox.shop .serLogo, .serviceBox.enter .serLogo, .serviceBox.hotel .serLogo, .serviceBox.golf .serLogo, .serviceBox.platinum .serLogo{background:#fff} .serviceBox.frime{padding-top:30px;margin-top: 30px;} .serviceBox.frime .sertxt+p{margin-top:5px;line-height:22px} .serviceBox.frime .listType1 li{padding-bottom:10px;color:#333;backbround:none} .serviceBox.shop{background:#faf5d8} .serviceBox.enter{background:#f4edff} .serviceBox.hotel{background:#edf6e1} .serviceBox.golf{background:#e9eaef} .serviceBox.platinum{background:#e0ecf6} .serviceBox.line2{padding:45px 0 39px 220px} .vipInfo{position:relative;padding:50px 0 40px 220px} .vipInfo .imgArea{position:absolute;top:30px;left:50px;border-radius: 50%;overflow: hidden;} /*https://tcard.kbcard.com/BON/DVIEW/HBCMCXPRISVS0039*/ .vipInfo .imgArea img{vertical-align: middle;}/*https://tcard.kbcard.com/BON/DVIEW/HBCMCXPRISVS0039*/ .vipInfo .titTxt{font-size:18px;color:#333} .vipInfo .listType2{margin:17px 0 0} .vipInfo .listType2 li{color:#666} .srvList1{border-bottom:1px solid #e1e1e1} .srvList1 > li{position:relative;min-height:120px;padding:30px 0 30px 150px;border-top:1px solid #e1e1e1} .srvList1 > li.noLine{border-top:none} .srvList1 .imgArea{position:absolute;left:0;top:30px;background:#f2f2f2;border-radius:100px} .srvList1.frimeSrv{border-bottom:none} .srvList1.frimeSrv > li:first-child{border-top:none} .srvList1.frimeSrv > li{padding-left:200px} .srvList1.frimeSrv .imgArea{left:30px;border-radius:120px;overflow:hidden;}/*background:#e0ecf6;*/ .srvList1.frimeSrv .imgArea img{vertical-align: middle;} .srvList1 .title{display:block;color:#333;font-size:18px;padding-bottom:17px} .srvList1 .listType1 li{overflow:hidden;color:#666;padding-bottom:0} .srvList1 .listType1 li+li{margin-top:12px} .srvList1 .listType1 li strong{color:#333} .srvList1 .listType1 .noti strong{display:block;float:left;color:#333} .srvList1 .listType1 .noti p{float:left;margin-left:12px} .srvList1 li > p{line-height:22px} .listNum1.platinum .listType1 li{background:url(https://img1.kbcard.com/LT/images_r/common/bult_sq01.gif) no-repeat 0 15px} /* VIP 우대서비스 */ .txtArea1{line-height:1.45} .txtArea2{position:relative} .txtArea2 .txtUnit{position:absolute;right:0;top:5px} .mapArea{border:1px solid #e5e5e5} .srchBox1{position:relative;width:720px;height:352px;padding:35px 0 45px;background:#000 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_srch.jpg) 0 0 no-repeat} .srchBox1 .tit{height:139px} .srchBox1 .tit p{font-size:18px;text-align:center;color:#fff;line-height:30px} .srchBox1 .tit p.txts{padding-top:2px;font-size:14px;color:#e0e0e0} .srchBox1 .tit span{display:block;font-size:26px;color:#fff} .srchBox1 .tit strong{color:#ffde02} .srchBox1 .srch_wrap{height:145px;z-index:10} .srchBox1 .srch_wrap:after{content:'';display:block;height:0;clear:both} .srchBox1 .srch{padding-left:160px} .srchBox1 .srch li{float:left;margin-right:20px;text-align:center} .srchBox1 .srch li > strong{display:block;position:relative;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) 0 -72px no-repeat;} .srchBox1 .srch li strong:hover,.srchBox1 .srch li strong.select{background-position:-120px -72px} .srchBox1 .srch li strong a{display:block;position:relative;width:120px;height:45px;padding-top:75px;font-weight:normal;font-size:12px;color:#666} .srchBox1 .srch li strong:hover a,.srchBox1 .srch li strong.select a{color:#fff !important} .srchBox1 .srch li strong a:after{content:'';display:block;position:absolute;top:28px;left:50%;width:32px;height:32px;margin-left:-16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) 0 -320px no-repeat} .srchBox1 .srch li.zone > strong a:after{background-position:0 -320px} .srchBox1 .srch li.zone > strong:hover a:after,.srch li.zone > strong.select a:after{background-position:0 -352px} .srchBox1 .srch li.foodStyle > strong a:after{background-position:-32px -320px} .srchBox1 .srch li.foodStyle > strong:hover a:after,.srch li.foodStyle > strong.select a:after{background-position:-32px -352px} .srchBox1 .srch li.affiliate > strong a:after{background-position:-64px -320px} .srchBox1 .srch li.affiliate > strong:hover a:after,.srch li.affiliate > strong.select a:after{background-position:-64px -352px} .srchBox1 .srch li strong a.btnDel{display:inline-block;position:absolute;right:0;top:0;width:36px;height:36px;padding:0;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) -292px 0 no-repeat;text-indent:-999px;font-size:0} .srchBox1 .srch li a.btnDel:after{background:none;height:0;} .srch .subCon{position:absolute;left:0;top:0;width:720px;height:350px;padding:37px 0 45px;background:#000 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_srch.jpg) 0 0 no-repeat;z-index:11;} .srch .subCon .sTit{display:block;height:65px;font-size:26px;color:#fff} .srch .subCon .sTit p{margin-top:12px;font-size:16px;color:#fff} .srch .subCon ul{width:420px;margin:0 auto} .srch .subCon ul li{margin-top:20px;text-align:center} .srch .subCon.foodStyleCon ul{width:700px;margin-left:20px} .srch .subCon.srchInput{height:327px;padding-top:60px} .srch .subCon.srchInput .inner{width:560px;height:100px;margin:0 auto;margin-top:40px;padding-top:20px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) 0 -195px no-repeat} .srch .subCon.srchInput input{width:420px;height:38px;margin:0 auto;font-size:16px;border:1px solid #fff} .srch .subCon.srchInput input:focus{border:2px solid #ffde02} .srch .subCon.srchInput .btnArea{margin-top:60px} .subCon.srchInput .srchGuide{width:450px;margin:0 auto;padding:10px 0;background:none;font-weight:600;font-size:16px;color:#fff;text-align:left} .subCon.srchInput .srchGuide .tit{height:auto;width:79px;margin-top:0;padding:0;border:0;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_srchGuide_line.gif) no-repeat right center;font-size:16px} .subCon.srchInput .srchGuide .txtBox{width:351px;padding-left:0px} .subCon.srchInput .srchGuide .txt{margin-top:0;padding:0 30px 0 20px;color:#fff} .subCon.srchInput .srchGuide .txt .btnClose{position:absolute;top:50%;right:10px;width:12px;height:12px;margin-top:-5px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) no-repeat -328px 0;text-indent:-999px;font-size:0} .subCon.srchInput .srchGuide:after{content:'';clear:both;display:block;height:0} .srch li strong.zone_s1 a:after{background-position:-96px -320px} .srch li strong.zone_s1:hover a:after,.srch li strong.zone_s1.select a:after{background-position:-96px -352px} .srch li strong.zone_s2 a:after{background-position:-128px -320px} .srch li strong.zone_s2:hover a:after,.srch li strong.zone_s2.select a:after{background-position:-128px -352px} .srch li strong.zone_s3 a:after{background-position:-160px -320px} .srch li strong.zone_s3:hover a:after,.srch li strong.zone_s3.select a:after{background-position:-160px -352px} .srch li strong.zone_s4 a:after{background-position:-192px -320px} .srch li strong.zone_s4:hover a:after,.srch li strong.zone_s4.select a:after{background-position:-192px -352px} .srch li strong.zone_s5 a:after{background-position:-224px -320px} .srch li strong.zone_s5:hover a:after,.srch li strong.zone_s5.select a:after{background-position:-224px -352px} .srch li strong.zone_s6 a:after{background-position:-256px -320px} .srch li strong.zone_s6:hover a:after,.srch li strong.zone_s6.select a:after{background-position:-256px -352px} .srch li strong.korean a:after{background-position:-288px -320px} .srch li strong.korean:hover a:after,.srch li strong.korean.select a:after{background-position:-288px -352px;} .srch li strong.chinese a:after{background-position:-320px -320px} .srch li strong.chinese:hover a:after,.srch li strong.chinese.select a:after{background-position:-320px -352px} .srch li strong.japanes a:after{background-position:-352px -320px} .srch li strong.japanes:hover a:after,.srch li strong.japanes.select a:after{background-position:-352px -352px} .srch li strong.asian a:after{background-position:-384px -320px} .srch li strong.asian:hover a:after,.srch li strong.asian.select a:after{background-position:-384px -352px} .srch li strong.italian a:after{background-position:-416px -320px} .srch li strong.italian:hover a:after,.srch li strong.italian.select a:after{background-position:-416px -352px} .srch li strong.fresch a:after{background-position:-448px -320px} .srch li strong.fresch:hover a:after,.srch li strong.fresch.select a:after{background-position:-448px -352px} .srch li strong.cafe a:after{background-position:-480px -320px} .srch li strong.cafe:hover a:after,.srch li strong.cafe.select a:after{background-position:-480px -352px} .srch li strong.bar a:after{background-position:-512px -320px} .srch li strong.bar:hover a:after,.srch li strong.bar.select a:after{background-position:-512px -352px} .srch li strong.etc a:after{background-position:-544px -320px} .srch li strong.etc:hover a:after,.srch li strong.etc.select a:after{background-position:-544px -352px} .srch li .subCon .btnClose{display:block;padding:0;position:absolute;right:30px;top:40px;width:32px;height:32px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) -260px 0 no-repeat;text-indent:-9999px;font-size:0;z-index:12} .srchBox1 .btnArea{margin-top:15px} .rollingBox .inner{position:relative;width:720px;min-height:495px;padding-top:40px;background:#44392f} .rollingBox a{color:#fff} .rollingBox .tit{display:block;padding:3px 0 15px;font-size:20px;font-weight:normal;color:#fff;text-align:center} .rollingBox div.con{width:560px;margin:0 auto;overflow:hidden} .rollingBox div.con ul{width:2800px} .rollingBox div.con ul li{float:left;width:560px} .rollingBox .btn1{display:block;position:absolute;top:50%;left:20px;width:40px;height:40px;margin-top:-20px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) 0 0 no-repeat;text-indent:-999px;font-size:0} .rollingBox .btn1.next{left:auto;right:20px;background-position:-40px 0} .rollingBox .btn1.noData{opacity:0.5;filter:alpha(opacity=50)} .rollingBox .r_paging{padding:20px 0 30px;text-align:center} .rollingBox .r_paging span{display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:5px;background:#c1c1c1;cursor:pointer} .rollingBox .r_paging span:first-child{margin-left:0} .rollingBox .r_paging span.on{width:20px;background:#ffde02} .rollingBox .btnArea{position:relative;margin:0;background:#3c3229} .rollingBox .btnArea a:after{content:'';display:block;position:absolute;top:0px;right:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) right 0 no-repeat} .rollingBox .btnArea .link{position:absolute;right:20px;top:13px;padding:0 26px 0 12px;border:1px solid #928c86;border-radius:4px;font-size:12px;line-height:28px;color:#cbcac8} .rollingBox .btnArea .link:after{top:50%;width:6px;height:10px;margin-top:-5px;background-position:-94px 0} .rollingBox .btnArea .btn{position:relative;display:block;width:720px} .rollingBox .btnArea .btn span{height:55px;line-height:55px;color:#cbcac8} .rollingBox .btnArea .close:after{top:50%;right:275px;width:14px;height:8px;margin-top:-4px;background-position:-80px 0} .rollingBox .btnArea .open:after{top:50%;right:275px;width:14px;height:8px;margin-top:-4px;background-position:-80px -8px} .rollingBox.type2 .inner{min-height:448px;padding-top:40px;background:#000 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_srch.jpg) 0 0 no-repeat} .rollingBox.type3 {min-height:628px;padding-top:38px;background:#000 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_srch.jpg) 0 0 no-repeat} .rollingBox.type3 .inner{padding-top:26px;background:none} .rollingBox.type3 .topCon{height:113px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_rollingbox_line.gif) center bottom no-repeat;text-align:center} .rollingBox.type3 .topCon strong{font-weight:600;font-size:30px;color:#fff} .rollingBox.type3 .topCon p{padding-top:14px;color:#fff;line-height:1.3} .rollingBox.type3 .tit{width:560px;text-align:center} .serviceList1{width:720px;overflow:hidden} .serviceList1 ul{width:735px} .serviceList1 li{position:relative;float:left;width:228px;height:133px;margin:0 15px 15px 0;padding-top:175px;border:1px solid #d9d9d9;text-align:center} .serviceList1 .img{position:absolute;top:-1px;left:-1px;width:230px;height:160px} .serviceList1 .img .bg{display:block;position:absolute;bottom:0;left:0;width:230px;height:30px;background:#000;opacity:0.6;filter:alpha(opacity=60)} .serviceList1 .img strong{display:block;position:absolute;bottom:0;left:0;width:230px;height:24px;padding-top:6px;color:#fff;text-align:center} .serviceList1 li .tit{display:block;padding:0 5px;color:#666} .serviceList1 li .tit strong{display:block;width:218px;padding-bottom:5px;font-size:16px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .serviceList1 li .tit span{display:block;width:218px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .serviceList1 li ul {width:100%;margin-top:18px} .serviceList1 li ul li{width:49%;height:54px;margin:0;padding:0;border:0;border-left:1px solid #e4e4e4;font-size:12px}/*38*/ .serviceList1 li ul li.style{position:relative;height:14px;padding-top:40px} .serviceList1 li ul li.style:after{content:'';display:block;position:absolute;top:0px;left:50%;width:24px;height:24px;margin-left:-12px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) 0 -40px no-repeat} .serviceList1 li ul li.style.korean:after{background-position:0 -40px} .serviceList1 li ul li.style.chinese:after{background-position:-24px -40px} .serviceList1 li ul li.style.japanes:after{background-position:-48px -40px} .serviceList1 li ul li.style.asian:after{background-position:-72px -40px} .serviceList1 li ul li.style.italian:after{background-position:-96px -40px} .serviceList1 li ul li.style.fresch:after{background-position:-120px -40px} .serviceList1 li ul li.style.cafe:after{background-position:-144px -40px} .serviceList1 li ul li.style.bar:after{background-position:-168px -40px} .serviceList1 li ul li.style.etc:after{background-position:-192px -40px} .serviceList1 li ul li strong{display:block;padding-bottom:15px;font-size:18px;line-height:25px;color:#333} .serviceList1 li ul li.discount strong{color:#e44b3a} .serviceList1 li ul li:first-child{border:0} .cardList1{width:642px;padding:40px 0px 0 78px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f5f5f5} .cardList1 li{float:left;width:142px;margin:0 70px 40px 0;text-align:center} .cardList1 li a{display:inline-block;width:142px;height:124px;color:#333} .cardList1 li img{display:inline-block;width:142px;height:90px;padding-bottom:20px} .serviceBox01{padding:30px 30px 15px;border-bottom:1px solid #7f7f7f;background:#f9f9f9;overflow:hidden} .serviceBox01 h3{float:left;width:160px;font-size:18px;font-weight:600;color:#333} .serviceBox01 .fr{float:right;width:500px} .serviceBox01 .fr li{position:relative;padding:0 0 12px 8px;line-height:18px} .serviceBox01 .fr li:after{content:'';display:block;position:absolute;top:8px;left:0;width:2px;height:2px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) -114px 0 no-repeat} .popContents .cardList1{width:596px;padding:30px 0 0 94px;border:0;background:#f9f9f9} .popContents .cardList1 li{float:left;width:142px;margin:0 40px 30px 0;text-align:center} .popContents .cardList1 li a{display:inline-block;width:142px;height:124px;color:#333} .popContents .cardList1 li img{display:inline-block;width:142px;height:90px;padding-bottom:20px} .poptitDep3{font-weight:600} /*플래티늄서비스*/ /* .serviceBox02{padding:62px 0 30px;background:#f0f0f0 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_platinum01.gif) 0 0 no-repeat} https://tcard.kbcard.com/BON/DVIEW/HBCMCXPRISVC0057 */ .serviceBox02{padding:62px 0 40px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_platinum01.gif) center 0 no-repeat #f0f0f0;background-size:contain;border-radius: 12px;} .serviceBox02 .topCon{text-align:center;color:#fff} .serviceBox02 .topCon strong{font-size:36px} .serviceBox02 .topCon p{padding:13px 0 20px;font-size:16px;line-height:24px;color:#fff} .serviceBox02 .topCon .btnL {min-width:125px;margin-bottom:40px;line-height:48px}/*line-height:40px;font-size:14px*/ .serviceBox02 .con{width:600px;margin:0 auto 30px;border-radius:5px;padding:46px 30px 40px;border:1px solid #d8d8d8;background:#fff;text-align:center} .serviceBox02 h2{padding-bottom:10px;font-size:24px;font-weight:600;color:#333} .couponBox_wrap{margin-bottom:45px;padding-bottom:20px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_couponbox_line02.gif) 0 bottom repeat-x} .couponBox_wrap .txtInfo{margin:30px 0 0 15px;text-align:left} .couponBox{position:relative;padding-top:30px} .couponBox button{position:absolute;top:50%;left:0;width:30px;height:30px;margin-top:-15px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) -116px 0 no-repeat;text-indent:-999px;font-size:0} .couponBox button.next{left:auto;right:0;background-position:-146px 0} .couponBox .rollingList{position:absolute;top:30px;left:120px;width:376px;z-index:11} .couponBox .rollingList li{float:left;background:#f0f0f0 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_couponbox_line01.gif) right center no-repeat} .couponBox .rollingList li:first-child{border-radius:4px 0 0 4px} .couponBox .rollingList li a{display:block;width:54px;height:34px;line-height:34px;font-weight:normal;color:#666;text-align:center} .couponBox .rollingList li.liType2 a{width:106px} .couponBox .rollingList li.last{background:#f0f0f0;border-radius:0 4px 4px 0} .couponBox .rollingList li.on{margin-left:-1px;padding-left:1px;background:#ffde02;color:#333} .couponBox .rollingList li.on:first-child{margin:0;padding:0} .couponBox .rollingList li.on a{color:#333;font-weight:600} .couponBox .rolling{position:relative;width:543px;height:221px;margin:0 auto;overflow:hidden;z-index:10} .couponBox .rolling ul{width:80000px;margin-bottom:40px} .couponBox .rolling li{float:left;width:543px;height:249px;text-align:center} .couponBox .rolling li .subCon {position:static;width:auto;margin-top:69px} .couponBox .rolling li .subCon ul.listCol2{padding:0 90px} .couponBox .rolling li .subCon li{width:181px;height:112px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_couponbox_line02.gif) left 0 repeat-y} .couponBox .rolling li .subCon li:first-child{background:none} .couponBox .rolling li .subCon li a{display:block;position:relative;height:15px;padding-top:97px;color:#333} /* 플래티늄 카드 전용 고객센터 */ .customerARS{overflow:hidden} .customerARS .left{float:left;width:280px;margin-right:40px} .customerARS .left:after{content:'';clear:both;display:block;height:55px;background:url(https://img1.kbcard.com/LT/images_r/customer/guide/bg_custom_ars01.gif) no-repeat left top} .customerARS .left h2{background:#329f9a;border-radius:30px 30px 0 0;color:#fff;text-align:center;height:58px;padding-top:17px;font-weight:600} .customerARS .left h2 span{display:block;text-align:center;font-size:22px;color:#fff;margin-top:3px} .customerARS .left ul{overflow:hidden;border-left:1px solid #329f9a;border-right:1px solid #329f9a} .customerARS .left li{float:left;border-right:1px solid #dfe3e6;border-bottom:1px solid #dfe3e6} .customerARS .left li.outline{border-right:none} .customerARS .left li div{display:block;width:92px;height:62px;text-align:center;font-size:12px;padding-top:37px} .customerARS .left li div.type1{padding-top:25px;height:74px} .customerARS .left li div.type2{padding-top:18px;height:81px} .customerARS .left li div span{display:block;font-size:30px;} .customerARS .right{float:left;width:400px} .customerARS .right h3{color:#333;font-size:24px;margin-top:40px;margin-bottom:20px;min-height:34px;font-weight:600;position:relative;padding:6px 0 0 50px;} .customerARS .right h3 span{position:absolute;top:0;left:0;display:inline-block;width:40px;height:35px;text-align:center;background:#329f9a;border-radius:30px;color:#fff;margin-right:10px;font-size:26px;padding-top:5px;} .customerARS .right h3 em{display:block;font-size:14px;color:#666;font-weight:normal;margin-top:10px} .platinumUse{} .platinumUse > li{padding-top:30px} .platinumUse > li:before{top:38px;background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_platunumUse.gif)} .platinumUse > li.use02:before{background-position:-53px 0} .platinumUse > li.use03:before{background-position:-106px 0} .platinumUse > li.use04:before{background-position:-159px 0} /* 플래티늄소개와 쿠폰서비스가 공통사용 */ .couponIcon li a:after{content:'';display:block;position:absolute;top:0;left:50%;width:80px;height:80px;margin-left:-40px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img02.png) 0 0 no-repeat} .couponIcon li.flightCoupon a:after{background-position:0 -80px} .couponIcon li.oilCoupon a:after{background-position:-80px -80px} .couponIcon li.lotteCoupon a:after{background-position:-160px -80px} .couponIcon li.homeplusCoupon a:after{background-position:-240px -80px} .couponIcon li.shinsegaeCoupon a:after{background-position:-320px -80px} .couponIcon li.locineCoupon a:after{background-position:-400px -80px} .couponIcon li.waterparkCoupon a:after{background-position:-480px -80px} .couponIcon li.eatoutCoupon a:after{background-position:-560px -80px} .couponIcon li.restaurantCoupon a:after{background-position:-640px -80px} .couponIcon li.hotelCoupon a:after{background-position:-720px -80px} .couponIcon li.golfCoupon a:after{background-position:-800px -80px} .couponIcon li.greenfeeCoupon a:after{background-position:-880px -80px} .couponIcon li.foodCoupon a:after{background-position:-960px -80px} .couponIcon li.flightCoupon.on a:after{background-position:0 0} .couponIcon li.oilCoupon.on a:after{background-position:-80px 0} .couponIcon li.lotteCoupon.on a:after{background-position:-160px 0} .couponIcon li.homeplusCoupon.on a:after{background-position:-240px 0} .couponIcon li.shinsegaeCoupon.on a:after{background-position:-320px 0} .couponIcon li.locineCoupon.on a:after{background-position:-400px 0} .couponIcon li.waterparkCoupon.on a:after{background-position:-480px 0} .couponIcon li.eatoutCoupon.on a:after{background-position:-560px 0} .couponIcon li.restaurantCoupon.on a:after{background-position:-640px 0} .couponIcon li.hotelCoupon.on a:after{background-position:-720px 0} .couponIcon li.golfCoupon.on a:after{background-position:-800px 0} .couponIcon li.greenfeeCoupon.on a:after{background-position:-880px 0} .couponIcon li.foodCoupon.on a:after{background-position:-960px 0} .sList01{width:540px;margin:40px auto 0} .sList01 li{float:left;width:135px;text-align:center} .sList01 li a{display:block;width:135px;height:130px;color:#333} .sList01 li a strong{display:block;padding-top:14px;font-weight:normal} .sList01 li a strong span{display:block;padding-top:5px;color:#666} .sList02{width: 720px;margin: 0 auto;}/* 2021.11.17 asis→tobe 개선 */ .sList02 li{float:left;width:240px;height:58px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_couponbox_line02.gif) left 0 repeat-y} .sList02 li:first-child{background:none} .sList02 li a{display:block;margin:0 40px;position:relative;color:#666} .sList02 li a:after{content:'';display:block;position:absolute;bottom:0;right:0} .sList02 li.list01 a{margin:0 10px 0 50px} .sList02 li.list02 a:after{width:41px;height:36px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) -180px 0 no-repeat} .sList02 li.list03 a:after{width:29px;height:36px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) -230px 0 no-repeat} .sList02 li strong{display:block;padding-bottom:8px;color:#333} .sList02 li strong > span{display:block;padding-top:2px;font-size:18px;color:#333} .sList02 li span {font-size:12px;line-height:18px} .sList02 li.list01 a p{line-height:12px} .cardList2 li{float:left;margin-left:40px;text-align:center} .cardList2 li:first-child{margin:0} .cardList2 li a{display:inline-block;width:210px;height:200px;font-size:16px;color:#333;line-height:22px} .cardList2 li img{display:inline-block;width:210px;height:133px;padding-bottom:16px} /* 쿠폰서비스*/ .serviceBox03{margin-top:50px;padding:62px 0 30px;background:#696b7c url(https://img1.kbcard.com/LT/images_r/personal/service/bg_platinum02.gif) 0 0 no-repeat} .serviceBox03 .topCon{text-align:center;color:#333} .serviceBox03 .topCon strong{font-size:36px} .serviceBox03 .topCon p{padding:13px 0 20px;font-size:16px;line-height:24px;color:#333} .serviceBox03 .topCon .btnL {min-width:125px;margin-bottom:40px;line-height:40px;font-size:14px} .serviceBox03 .con{width:660px;margin:0 auto;border-radius:5px;padding:0;border:1px solid #c4dcd0;background:#fff;text-align:center;overflow:hidden} .couponTab{padding:0 1px 0 29px;margin-bottom:36px} .couponTab li{float:left;width:16%;height:40px;line-height:40px} .couponTab li a{display:block;border-right:1px solid #787a89;background:#696b7c;color:#fff;font-weight:600;text-align:center} .couponTab li:first-child a{border-radius:3px 0 0 3px} .couponTab li.last a{border-radius:0 3px 3px 0;border-right:0} .couponTab li.on a{position:relative;background:#3ba90c} .couponTab li.on a:after{content:'';display:block;position:absolute;bottom:-7px;left:50%;margin-left:-7px;width:13px;height:7px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img01.png) -80px -20px no-repeat} .sList03{width:670px} .sList03 li{float:left;width:145px;height:200px;padding:10px 10px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5} .sList03 li a{display:inline-block;position:relative;width:145px;height:55px;padding-top:135px;line-height:20px;color:#666} .sList03 li.on a{font-weight:600;color:#333} .sList03.couponIcon li a:after{top:30px} .couponBox:after,.couponBox .rolling li .subCon ul:after,.sList01:after,.sList02:after,.sList03:after,.couponTab:after,.cardList1:after,.cardList2:after{content:'';display:block;height:0;clear:both} .couponWrap .couponCont .left{padding:0} /* 노블피에스타 160420 수정*/ .fiestaBox{padding:70px 50px 50px;background:#f9f9f9 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_fiesta_160420.gif) 0 0 no-repeat} .fiestaBox .topArea{padding-bottom:40px;text-align:center} .fiestaBox .topArea em{font-size:18px;line-height:30px} .fiestaBox .topArea p{margin :30px 0 55px 0} .fiestaBox .topArea .titImg{display:block;width:244px;margin: 25px auto 0 auto;} .fiestaBox .titNoble{position:relative;margin:46px 0 26px;text-align:center} .fiestaBox .titNoble:before{content:'';position:absolute;top:50%;left:0;width:100%;border-top:1px solid #dbd9da} .fiestaBox .titNoble span{position:relative;display:inline-block;padding:0 10px;background:#f9f9f9 url(https://img1.kbcard.com/LT/images_r/personal/service/bg_tit_fiesta.png) 100% 50% no-repeat;font-size:20px;font-weight:600;color:#333} .fiestaBox .titNoble span:before{content:'';position:absolute;top:50%;margin-top:-3px;left:0;width:4px;height:6px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_tit_fiesta.png) 0 0 no-repeat} .fiestaBox .txtWhite{color:#fefefe;line-height:22px} .fiestaBox .compList{width:700px;margin:40px 0 20px -40px} .fiestaBox .compList:after{content:'';clear:both;display:block;height:0;visibility:visible} .fiestaBox .compList li{float:left;width:135px;margin-left:40px} .fiestaBox .compList li .txtWhite{color:#fff;} .fiestaBox .compList strong{display:block;width:94px;padding:40px 0 75px;font-size:20px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_fiesta_comp_160420.png) 0 0 no-repeat;color:#2e1a46} .fiestaBox th{background:#f5f5f5} .fiestaBox .methodList{overflow:hidden;width:418px;margin:0 auto;background:url(https://img1.kbcard.com/LT/images_r/shop/marketing/bg_line_v.gif) repeat-y 209px 0;font-weight:600;color:#333} .fiestaBox .methodList li{float:left;width:87px;padding:0 60px;text-align:center} .fiestaBox .methodList li:before{content:'';display:block;width:87px;height:99px;margin-bottom:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_method.png) -93px 0 no-repeat} .fiestaBox .methodList li:first-child:before{background-position:0 0} /* 콘도추첨 시스템 */ .contentArea.condo{height:auto;min-height:200px;padding-top:0} .contentArea.condo .tabType1{margin-top:20px} .condo_memberInfo{padding:28px 0;border-bottom:1px solid #e1e1e1;text-align:center} .condo_memberInfo.addLine{border-top:1px solid #e1e1e1} .condo_memberInfo dt{float:left;width:360px;height:54px;font-size:30px;line-height:54px;color:#333} .condo_memberInfo dd{float:left;width:180px;height:54px;font-size:16px;color:#333;background:url(https://img1.kbcard.com/LT/images_r/personal/service/condo_memberInfo_line.gif) repeat-y 0 0} .condo_memberInfo dd strong{display:block;padding-top:5px;font-size:30px} .listType1.listCondo1{margin-top:20px} .listType1.listCondo1 li{float:left;width:350px} .condoBox1{padding:30px 0;background:#f6f6f6;text-align:center} .condoBox1 .tit{padding-right:15px;font-size:16px;color:#333} .condoBox1 .inputArea1 .selectbox{margin-right:5px} .tblV_condo2{margin-bottom:20px} .condoBox2{position:relative;height:535px;margin-bottom:-40px} .condoBox2 .fl{float:left;width:338px} .condoBox2 .fr{float:right;width:352px;} .condoBox2 .fr .btnArea{position:absolute;left:0;bottom:0;width:720px} .condoCalendar{position:relative;width:336px;height:411px;border:1px solid #707784;background:#fff} .condoCalendar .selectTerm{position:relative;text-align:center;background:#707784} .condoCalendar .selectTerm strong{height:54px;line-height:54px;font-size:18px;color:#fff} .condoCalendar .selectTerm button{position:absolute;top:50%;left:18px;width:20px;height:22px;padding:0;margin-top:-11px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_calendar.png) no-repeat -27px 5px;text-indent:-9999px} .condoCalendar .selectTerm button.next{left:auto;right:18px;background-position:-89px 5px} .condoCalendar table{width:220px} .condoCalendar table th,.condoCalendar table td{height:44px;padding:0;border:none;text-align:center} .condoCalendar table td{height:44px;width:47px} .condoCalendar table th{background:#e9eaef} .condoCalendar table .sun{padding-left:4px} .condoCalendar table .sat{padding-right:3px} .condoCalendar table .sat,.condoCalendar table .sat button{color:#614cc2} .condoCalendar table .sun,.condoCalendar table .sun button{color:#e44b3a} .condoCalendar table button{width:47px;height:44px;line-height:44px;background:#fff} .condoCalendar table .possible button{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_calendar.png) no-repeat 0 6px} .condoCalendar table .possible.select button{background-position:-47px 6px;color:#fff;font-weight:600;text-decoration:none} .condoCalendar table .impossible button{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_calendar.png) no-repeat -94px 6px;text-decoration:none;cursor:none} .condoCalendar table tbody tr:first-child td{padding-top:3px} .condoCalendar .calendarInfo{position:absolute;bottom:0;left:0;width:266px;height:25px;padding:10px 0 0 70px;border-top:1px solid #e1e1e1} .condoCalendar .calendarInfo span{display:inline-block;width:95px;height:20px;padding-left:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_calendar.png) no-repeat -141px -20px} .condoCalendar .calendarInfo span:first-child{background-position:-141px 0} .condo_memberInfo:after,.listCondo1:after,.condoBox2:after{content:'';display:block;height:0;clear:both} /* 서브메인 */ .service_subMain{margin-top:35px;border:1px solid #d6d5dc} .service_subMain a{color:#666} .service_subMain a.subMain_btnB{display:block;position:absolute;bottom:30px;left:30px;width:256px;height:43px;border:1px solid #c2c2c2;border-radius:5px;background:#fff;text-align:center;line-height:43px;font-size:16px;font-weight:600;color:#333} .service_subMain .rollingBox{position:relative;height:477px} .service_subMain .rollingBox .inner{width:318px;height:477px;padding:0;min-height:auto;background:none;overflow:hidden} .service_subMain .rollingBox .inner ul{width:3000px} .service_subMain .rollingBox .inner li{float:left;width:318px;height:477px} .service_subMain .rollingBox .inner li a{display:block} .service_subMain .rollingBox button{display:inline-block;width:19px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_service_susbmain.png) -21px 5px no-repeat;text-indent:-999px;font-size:0;z-index:100} .service_subMain .rollingBox button.prev{position:absolute;top:50%;left:30px} .service_subMain .rollingBox button.next{position:absolute;top:50%;right:30px;background-position:-35px 5px} .service_subMain .rollingBox .r_paging button{width:18px;height:20px;margin-top:-5px;background-position:5px 5px} .service_subMain .rollingBox .r_paging button.btnPlay{background-position:-8px 5px} .service_subMain .rollingBox .r_paging{position:absolute;bottom:25px;left:0;width:100%;height:15px;padding:5px 0 0 0;text-align:center;z-index:11} .service_subMain .rollingBox .r_paging *{vertical-align:top} .service_subMain .rollingBox .r_paging span{overflow:hidden;text-indent:-999px;display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:5px;background:#cfd0d1;cursor:pointer} .service_subMain .rollingBox .r_paging span:first-child{margin:0} .service_subMain .rollingBox .r_paging span.on{width:30px;background:#329f9a} .service_subMain .m_conBox01{height:478px} .service_subMain .m_conBox01 .con{position:relative;float:left;width:319px;height:478px;padding:0;border-left:1px solid #d6d5dc;background:#eef1f5} .service_subMain .m_conBox01 .con:first-child{width:318px;border-left:0} .service_subMain .m_conBox01 .con+.con{background:#f4f6f8} .service_subMain .m_conBox01 .con+.con+.con{background:#fbfcfc} .service_subMain .m_conBox01 .con+.con+.con:after{content:'';display:block;position:absolute;top:128px;left:50%;width:252px;height:145px;margin-left:-126px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_service_susbmain.png) no-repeat 0 -30px} .service_subMain .m_conBox01 dl{padding-top:40px;text-align:center} .service_subMain .m_conBox01 dl dt{padding-bottom:10px;font-size:24px;font-weight:600;color:#333} .service_subMain .m_conBox01 dl dd{font-size:16px;line-height:22px} .service_subMain .m_conBox01 .con+.con+.con .mList02{width:280px;margin:200px auto 0} .service_subMain .m_conBox01 .con+.con+.con .mList02 li{width:140px;margin-bottom:5px} .service_subMain .mList01{width:260px;height:340px;margin:15px auto 0} .service_subMain .mList01 li{float:left;width:120px;margin:16px 10px 0 0;padding-bottom:1px;text-align:center} .service_subMain .mList01 li:hover{background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_service_susbmain.png) no-repeat 34px -200px} .service_subMain .mList01 li a{display:block;position:relative;padding-top:60px;font-size:16px;color:#666} .service_subMain .mList01 li a:hover{font-weight:600;color:#333} .service_subMain .mList01 li a:after{content:'';display:block;position:absolute;top:12px;left:50%;width:32px;height:32px;margin-left:-16px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_service_susbmain.png) no-repeat} .service_subMain .mList01 li.l01 a:after{background-position:-90px -200px} .service_subMain .mList01 li.l01:hover a:after{background-position:-90px -250px} .service_subMain .mList01 li.l02 a:after{width:28px;margin-left:-14px;background-position:-130px -200px} .service_subMain .mList01 li.l02:hover a:after{background-position:-130px -250px} .service_subMain .mList01 li.l03 a:after{background-position:-170px -200px} .service_subMain .mList01 li.l03:hover a:after{background-position:-170px -250px} .service_subMain .mList01 li.l04 a:after{background-position:-210px -200px} .service_subMain .mList01 li.l04:hover a:after{background-position:-210px -250px} .service_subMain .mList01 li.l05 a:after{background-position:-250px -200px} .service_subMain .mList01 li.l05:hover a:after{background-position:-250px -250px} .service_subMain .mList01 li.l06 a:after{width:28px;margin-left:-14px;background-position:-290px -200px} .service_subMain .mList01 li.l06:hover a:after{background-position:-290px -250px} .service_subMain .mList02 li{float:left;width:144px;margin-bottom:12px} .service_subMain .mList02:after{content:'';clear:both;display:block;height:0} .service_subMain .mList02 li a{position:relative;padding-right:10px;font-size:14px} .service_subMain .mList02 li a:after{content:'';display:block;position:absolute;top:50%;right:0;width:5px;height:8px;margin-top:-4px;background:url(https://img1.kbcard.com/LT/images_r/shop/guide/bg_guide_submain.png) no-repeat 0 0} .service_subMain .m_conBox02{height:335px;border-top:1px solid #d6d5dc} .service_subMain .m_conBox02 .fl{float:left;width:638px;height:335px} .service_subMain .m_conBox02 .fl .con1{width:638px;height:195px;border-bottom:1px solid #d6d5dc} .service_subMain .m_conBox02 .fl .con1 .mList02 li{width:202px} .service_subMain .m_conBox02 .fl .con2{float:left;width:318px;height:139px} .service_subMain .m_conBox02 .fl .con3{float:left;width:319px;height:139px;border-left:1px solid #d6d5dc} .service_subMain .m_conBox02 .fl dl{padding:25px 0 0 30px} .service_subMain .m_conBox02 .fl dt{padding-bottom:20px;font-size:18px;font-weight:600;color:#333} .service_subMain .m_conBox02 .fr{position:relative;float:right;width:319px;height:335px;border-left:1px solid #d6d5dc;background:#3ba80b;text-align:center} .service_subMain .m_conBox02 .fr dl{padding-top:30px} .service_subMain .m_conBox02 .fr dl dt{padding-bottom:20px;font-size:24px;font-weight:600;color:#fff} .service_subMain .m_conBox02 .fr dl dd{padding-left:30px} .service_subMain .m_conBox02 .fr dl dd li{float:left;width:130px;padding-bottom:30px} .service_subMain .m_conBox02 .fr dl dd li a{display:block;color:#fff} .service_subMain .m_conBox02 .fr dl dd strong{display:block;padding-top:8px;font-size:16px} /* 기부현황_ as-is table */ table.tablestyle-01{border-top: 2px solid #5A5653;clear:both;margin:0;text-align:center;width:100%} table.tablestyle-01 th, .tablestyle-01 td{padding:8px 5px 7px;border-bottom: 1px solid #D7D7D7;text-align:center;vertical-align: middle} table.tablestyle-01 th{background: none repeat scroll 0 0 #F7F7F7;color:#555} td.Textlist{padding: 20px 0 20px 10px;text-align:left} td.Textlist pre table{white-space: normal !important} .textLeft_line{border-left: 1px solid #D7D7D7} /* 굿터치서비스 161110 수정*/ .goodtouch_card {position:relative;display:block;padding:20px 0 20px 170px;line-height:24px;margin-bottom:5px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/goodtouch_card02.gif) no-repeat;font-weight:600;font-size:16px;color:#333;text-align:left;} .goodtouch_card01 {background-position:0 0;margin-bottom:25px;} .goodtouch_card02 {background-position:0 -88px;margin-bottom:25px;} .goodtouch_card03 {background-position:0 -176px;} .goodtouch_card04 {background-position:0 -264px;} .goodtouch_card05 {background-position:0 -353px;} .goodtouch_card06 {background-position:0 -441px;margin-bottom:25px;} .goodtouch_card07 {background-position:0 -530px;} .goodtouch_card08 {background-position:0 -619px;margin-bottom:25px;} .goodtouch_card09 {background-position:0 -709px;} .goodtouch_card10 {background:url(https://img1.kbcard.com/ST/img/cxc/kbcard/upload/img/product/04587_img.png) no-repeat 0 0; background-size:140px 89px;} .goodtouch_card.oneline {padding:30px 0 30px 170px;line-height:28px;} .goodtouch.listType2 li {color:#666;} .nfc_info_tb .verT{vertical-align:top;} .nfc_info dt {padding:15px 0 25px 0; font-size:14px;color:#666;text-align:center;font-weight:600;} .nfc_info dd>.listType1{margin:25px 0 15px 0;} /*오토케어 추가 161018*/ .wiseBenefit.wiseauto > li:before{content:'';display:block;position:absolute;top:35px;left:0;width:52px;height:54px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_autocare.png) no-repeat} .wiseBenefit.wiseauto > li.wise02:before{height:36px;top:45px;background-position: 0 -58px} .wiseBenefit.wiseauto > li.wise03:before{height:36px;top:45px;background-position: 0 -98px} .wiseBenefit.wiseauto > li.wise04:before{height:50px;top:40px;background-position:0 -134px} .wiseBenefit.wiseauto > li.wise05:before{background-position: 0 -184px} .wiseBenefit.wiseauto > li.wise06:before{background-position: 0 -239px} .wiseBenefit.wiseauto > li.wise07:before{background-position: 0 -293px} .wiseBenefit.easyauto > li:before{content:'';display:block;position:absolute;top:35px;left:15px;width:52px;height:54px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_autocare.png) no-repeat} .wiseBenefit.easyauto > li.easy02:before{background-position: 0 -293px} .wiseBenefit.easyauto > li.easy03:before{background-position: 0 -441px} .wiseBenefit.easyauto > li.easy04:before{background-position: 0 -344px} .wiseBenefit.easyauto > li.easy05:before{height:36px;top:45px;background-position: 0 -58px} .wiseBenefit.easyauto > li.easy06:before{height:50px;top:40px;background-position:0 -134px} .wiseBenefit.easyauto > li.easy07:before{height:36px;top:45px;background-position: 0 -403px} /* 자동납부 이벤트 롤링 배너 추가 1702*/ .payment_banner {position:relative;margin-top:50px;height:200px;} .payment_banner .rollingBox{position:relative;} .payment_banner .rollingBox a {color:#484848;} .payment_banner .rollingBox .r_paging {padding:0;} .payment_banner .rollingBox button{position:absolute;top:70px;display:block;text-indent:-9999px;width:19px;height:24px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/btn_slider.png) no-repeat;z-index:100;} .payment_banner .rollingBox button.prev{left:-7px;background-position:-50px -52px} .payment_banner .rollingBox button.next{right:-7px;background-position:-70px -52px} .payment_banner .rollingBox .inner {overflow:hidden;background:#fff;min-height:auto !important;padding-top:0;} .payment_banner .inner ul {overflow:hidden;} .payment_banner .inner ul:after {content:'';display:block;clear:both;} .payment_banner .inner ul li {float:left;width:720px;height:166px;} .payment_banner .inner .payment_banner_wrap {margin-left:20px;} .payment_banner .inner ul li dl {display:inline-block;width:274px;height:116px;padding:25px 30px;margin-left:10px;background:#f2f2f2;vertical-align:top;background-position: 250px 50%;background-repeat:no-repeat;} .payment_banner .inner ul li dl:first-child {margin-left:0px;} .payment_banner .inner ul li dl.payment_banner01 {background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/payment_banner_icon01.png);} .payment_banner .inner ul li dl.payment_banner02 {background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/payment_banner_icon02.png);} .payment_banner .inner ul li dl dt {font-size:18px;font-weight:600;margin-bottom:8px;color:#333;} .payment_banner .inner ul li dl dd {width:195px;font-size:14px;color:#666;} .payment_banner .inner ul li dl dd p {margin-bottom:5px;} .payment_banner .inner ul li dl dd .event_go strong { padding-right:5px; } .payment_banner .inner ul li dl dd .event_go a {font-size:12px;padding-right:7px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/payment_banner_icon.png) no-repeat 100% 5px;} .payment_banner .inner ul li dl dd span {font-size:12px;} .payment_banner .inner ul li dl dd a.kbBtn{color:#333;font-size:12px;line-height:30px;background:#fff;} .payment_banner .inner ul li dl dd a.action {background:#ffde02;} .payment_banner .r_paging {position:absolute;bottom:-30px;left:50%; margin-left:-40px;z-index:10} .payment_banner .r_paging span {cursor:pointer; overflow:hidden; text-indent:-9999px; display:inline-block; width:10px; height:10px; margin-left:6px; background:#cfd0d1;/*background:url(https://img1.kbcard.com/LT/images_r/personal/main/btn_slider.png) no-repeat -35px -55px*/border-radius:50%} .payment_banner .r_paging span.on {width:30px; background:url('https://img1.kbcard.com/LT/images_r/shop/main/shop_mainSlide_dot_on.png') no-repeat;border-radius:0%} .payment_banner .r_paging button {position:static; display:inline-block; text-indent:-9999px; width:10px; height:10px; margin:0 0 0 4px; background:url(https://img1.kbcard.com/LT/images_r/personal/main/btn_slider.png) no-repeat -68px -42px} .payment_banner button.btnPlay {background-position:-80px -42px} /* 카드사용알림서비스 CSS 추가 20170303 */ .smsInfo {display:inline-block; width:236px; font-size:13px; color:#333; font-weight:600;} .smsInfo span {display:inline-block; width:48px; height:21px; margin-right:8px; padding-top:5px; padding-left:7px; font-size:13px; color:#fff; background:url('https://img1.kbcard.com/LT/images_r/personal/service/smsInfo_bg.png') no-repeat;} /* LH/SH 임대료 자동납부 */ .infoBox .lhshBg {background-image:url(https://img1.kbcard.com/LT/images_r/personal/service/lhshBg.png)} .lhshStep.stepCol2 strong:after, .lhshStep.stepCol2 span:after {left:-213px; width:425px;} .lhshBox .titTxt, .lhshBox .titTxt span {font-size:20px;} .lhshStep.stepCol3 .inner {padding:0 111px;} .lhshStep.stepCol3 strong:after, .lhshStep.stepCol3 span:after {left:-96px; width:191px;} /* 노블피에스타관련 CSS 추가 */ .nobleTop {position:relative; margin-top:30px; width:960px; height:402px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/nobleTop.gif') no-repeat; text-align:center;} .nobleTop .tit {padding-top:46px; font-size:20px; color:#fff;} .nobleTop .logo {display:block; margin-top:30px;} .nobleTop .txt {display:block; margin-top:33px; font-size:16px; color:#dbdbdb;} .nobleTop .targetCard {position:absolute; left:0; bottom:0; width:100%; height:58px; padding-top:16px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/nobleMenu_bg.png') repeat-x; text-align:center;} .nobleTop .targetCard li {display:inline-block; padding-left:20px; margin-right:16px; height:31px; padding-top:10px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/targetLine.gif') no-repeat center left; color:#c1c1c1; line-height:20px; vertical-align: middle} .nobleTop .targetCard li:first-child {padding-left:0; background:none} .nobleTop .targetCard li.platinum {height:41px; padding-top:0;} .nobleDate {margin-top:30px; border:1px solid #dedede; height:78px;} .nobleDate .prevDate, .nobleDate .nextDate {float:left; width:201px; height:78px; background:#f3f3f4; font-size:16px; font-weight:600; } .nobleDate .prevDate strong, .nobleDate .nextDate strong {font-size:32px;} .nobleDate .prevDate a {display:block; height:65px; padding-top:13px; padding-left:96px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/noblePrev.png') no-repeat 26px center; text-align:left} .nobleDate .nextDate a {display:block; height:65px; padding-top:13px; padding-right:96px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/nobleNext.png') no-repeat 163px center; text-align:right} .nobleDate .prevDate a span, .nobleDate .nextDate a span {display:inline-block; width:33px; text-align:center} .nobleDate .prevDate.nonDate a {background:url('https://img1.kbcard.com/LT/images_r/personal/service/noblePrev_no.png') no-repeat 26px center;} .nobleDate .nextDate.nonDate a {background:url('https://img1.kbcard.com/LT/images_r/personal/service/nobleNext_no.png') no-repeat 163px center;} .nobleDate .prevDate.nonDate span, .nobleDate .nextDate.nonDate span {color:#b5b5b5} .nobleDate .date {float:left; width:556px; height:65px; padding-top:13px; font-size:16px; font-weight:600; text-align:center; color:#623bc4;} .nobleDate .date strong {font-size:32px;} .nobleCount {margin-top:28px;} .nobleCount strong {color:#614cc2} .nobleList li {margin-top:20px;} .nobleList li .listBnr {display:block; position:relative; padding-left:504px; height:230px; background:#f3f3f4 url('https://img1.kbcard.com/LT/images_r/personal/service/listOpen.gif') no-repeat 898px 173px;} .nobleList li .listOn {background:#f3f3f4 url('https://img1.kbcard.com/LT/images_r/personal/service/listClose.gif') no-repeat 898px 173px;} .nobleList li .listBnr img {position:absolute; left:0; top:0;} .nobleList li .listBnr .txt .sTit {display:block; padding-top:28px; color:#7361c5} .nobleList li .listBnr .txt p {margin-top:11px; font-size:18px; color:#333; font-weight:600;} .nobleList li .listBnr .txt .date {display:block; margin-top:26px;} .nobleList li .listDetail {margin-top:10px; border:1px solid #e1e1e1; padding:20px 40px 70px; display:none} .nobleList li .listDetail li {overflow:hidden; margin-top:30px} .nobleList li .listDetail li .tit {float:left; width:55px; height:25px; line-height:25px; color:#fff; font-weight:600; background:#573980; text-align:center; border-radius:12px;} .nobleList li .listDetail li .txt {float:left; width:798px; margin-left:25px; line-height:22px;} .nobleList li .detailImg {margin-top:46px; text-align:center;} .nobleList li .btnWrap {text-align:center; margin-top:40px;} .nobleList li .btnWrap .listClose {display:inline-block; padding:0 18px; background:#6b717f; line-height:40px; border-radius:4px; color:#fff;} /* 카드자동납부 메인 CSS 추가 170803 */ .paymentTit {margin-top:-5px; font-size:36px; color:#47a121; font-weight:600; text-align:center;} .paymentTit span {display:block; margin-top:11px; font-size:16px; color:#333; font-weight:normal;} .paymentList {position:relative; margin-top:55px; padding:102px 0 50px; background:#f7f7f7;} .paymentList .tit {position:absolute; top:0; left:0; width:100%; line-height:52px; background:#64ad45; font-size:24px; font-weight:600; color:#fff; text-align:center;} .paymentList .listArea {overflow:hidden; background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentLine.png') repeat-y center top;} .paymentList .listArea li:nth-child(1), .paymentList .listArea li:nth-child(2) {margin-top:0;} .paymentList .listArea li {float:left; width:430px; height:113px; margin-top:70px; padding-left:50px;} .paymentList .listArea li .btnDetail {display:block;} .paymentList .listArea li .btnDetail .sTit {display:inline-block; padding-right:15px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentBullet.png') no-repeat right center; font-size:18px; font-weight:600; color:#333} .paymentList .listArea li .btnDetail:hover .sTit {text-decoration:underline} .paymentList .listArea li .btnDetail .txt {display:block; margin-top:12px;} .paymentList .listArea li .kbBtn {margin-top:24px;} .paymentList .listArea li .kbBtn:last-child {margin-left:3px;} .paymentList .listArea li .btnTxt {display:inline-block; margin-left:6px; margin-top:21px; font-size:12px; vertical-align:middle;} .paymentList .listArea li.paymentList01 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon01.png') no-repeat 362px 36px;} .paymentList .listArea li.paymentList02 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon02.png') no-repeat 363px 36px;} .paymentList .listArea li.paymentList03 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon03.png') no-repeat 356px 35px;} .paymentList .listArea li.paymentList04 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon04.png') no-repeat 354px 35px;} .paymentList .listArea li.paymentList05 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon05.png') no-repeat 359px 29px;} .paymentList .listArea li.paymentList06 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon06.png') no-repeat 357px 34px;} .paymentList .listArea li.paymentList07 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon07.png') no-repeat 369px 36px;} .paymentList .listArea li.paymentList08 {background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon08.png') no-repeat 368px 36px;} .paymentList .listArea li.paymentList09 {height:auto; background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon09.png') no-repeat 347px 35px;} .paymentList .listArea li.paymentList10 {height:auto; background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentIcon10.png') no-repeat 326px 35px;} .paymentList .listArea li.paymentList10 li {height:auto} .paymentList .listArea .detailList li {width:148px; margin-top:16px; padding-left:0;} .paymentList .listArea .detailList li a {display:inline-block; padding-right:15px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentBullet.png') no-repeat right center; font-size:16px;} .paymentList .listArea li.paymentList10 .sTit {margin-bottom:11px; background:none; font-size:18px; font-weight:600; color:#333} .paymentList .listArea li.paymentList10 a:hover .sTit {text-decoration:none} .paymentSlide {position:relative; margin:50px 50px 0; height:190px; background:#fff;} .paymentSlide .inner {overflow:hidden; width:800px; height:190px; margin:0 auto;} .paymentSlide .inner li {float:left; width:800px;} .paymentSlide .brnArea {float:left; width:375px; padding-left:86px; margin-left:48px; margin-top:38px;} .paymentSlide .slideBnr01 .brnArea {background:url('https://img1.kbcard.com/LT/images_r/personal/service/slideIcon01.png') no-repeat left 2px;} .paymentSlide .slideBnr02 .brnArea {background:url('https://img1.kbcard.com/LT/images_r/personal/service/slideIcon02.png') no-repeat left 2px;} .paymentSlide .slideBnr03 .brnArea {background:url('https://img1.kbcard.com/LT/images_r/personal/service/slideIcon03.png') no-repeat left 2px;} .paymentSlide .slideBnr04 .brnArea {background:url('https://img1.kbcard.com/LT/images_r/personal/service/slideIcon04.png') no-repeat left 2px;} .paymentSlide .slideBnr05 .brnArea {background:url('https://img1.kbcard.com/LT/images_r/personal/service/slideIcon05.png') no-repeat left 2px;} .paymentSlide .slideBnr01 .bnrList {margin-top:38px;} .paymentSlide .slideBnr02 .bnrList {margin-top:54px;} .paymentSlide .slideBnr03 .bnrList {margin-top:38px;} .paymentSlide .slideBnr04 .bnrList {margin-top:30px;} .paymentSlide .slideBnr05 .bnrList {margin-top:56px;} .paymentSlide .brnArea p {font-size:18px; font-weight:600; color:#333; margin-bottom:12px;} .paymentSlide .brnArea em {display:block; margin-top:7px; font-size:12px;} .paymentSlide .bnrList {float:left; line-height:22px; font-size:12px;} .paymentSlide .bnrList p {display:inline-block; width:125px; font-weight:600; font-size:12px;} .paymentSlide .prev {position:absolute; top:68px; left:30px; width:9px; height:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentPrev.png') no-repeat; text-indent:-9999px;} .paymentSlide .next {position:absolute; top:68px; right:30px; width:9px; height:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/paymentNext.png') no-repeat; text-indent:-9999px;} .paymentSlide .r_paging {position:absolute; bottom:29px; left:0; width:100%; text-align:center;} .paymentSlide .r_paging span {display:inline-block; margin-left:5px; width:10px; height:11px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/slidePaging.png') no-repeat; text-indent:-9999px;} .paymentSlide .r_paging span.on {width:30px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/slidePaging_on.png') no-repeat;} /* 본인확인서비스관련 CSS추가 170830 */ .identifyBox {overflow:hidden; margin-top:50px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .identifyBox li {float:left; padding:35px 50px; width:380px;} .identifyBox li:last-child {background:url('https://img1.kbcard.com/LT/images_r/personal/service/identifyLine01.png') repeat-y left top;} .identifyBox li span {display:block; padding:37px 0 45px 160px; line-height:24px; color:#333; background:url('https://img1.kbcard.com/LT/images_r/personal/service/identifyBg02.png') no-repeat;} .identifyBox li:last-child span {background:url('https://img1.kbcard.com/LT/images_r/personal/service/identifyBg03.png') no-repeat;} .identifyBox.type02 li {padding:30px; width:900px; background:none;} .identifyBox.type02 li span {padding:25px 0 35px 170px; background:url('https://img1.kbcard.com/LT/images_r/personal/service/identifyBg04.png') no-repeat;} /* 카드사용안심서비스관련 CSS추가 171208 */ .infoBox .cardSafe {background-image:url('https://img1.kbcard.com/LT/images_r/personal/service/cardSafe_bg.png');} .countryArea {margin-top:17px; padding:10px 20px 20px 10px; background:#f5f5f5} .countryArea .countryBtn {display:inline-block; margin-top:10px; margin-left:10px; padding:0 11px; border:1px solid #c2c2c2; border-radius:5px; line-height:38px; background:#fff;} .countryArea .countryBtn span {padding-right:20px; color:#333; background:url('https://img1.kbcard.com/LT/images_r/personal/service/countryClose.png') no-repeat right center;} .countryArea .countrySearch {display:inline-block; margin-top:10px; margin-left:10px; padding-left:34px; padding-right:12px; border-radius:5px; line-height:40px; background:#707784 url('https://img1.kbcard.com/LT/images_r/personal/service/countrySearch.png') no-repeat 12px center; color:#fff} .layContainer .countryList {overflow:hidden; padding-top:1px; padding-left:1px} .layContainer .countryList li {float:left; width:152px; border:1px solid #e1e1e1; margin-left:-1px; margin-top:-1px;} .layContainer .countryList li a {display:block; line-height:39px; text-align:center;} /* 2018 VIP우대가맹점 */ .vipSpecial_store {padding:0 0 70px 0; background:#f0f0f0} .vipSpecial_store .topInfo {min-height:525px; padding:135px 0 0 0; background:url('https://img1.kbcard.com/LT/images_r/personal/service/bg_vipSpecial_store.jpg') no-repeat; text-align:center} .vipSpecial_store .topInfo .tit dt, .vipSpecial_store .topInfo .tit dd {color:#fff} .vipSpecial_store .topInfo .tit dt {font-size:24px; line-height:1.25} .vipSpecial_store .topInfo .tit dt:before {content:''; display:block; width:16px; height:16px; margin:0 auto 15px auto; background:url('https://img1.kbcard.com/LT/images_r/common/bg_rnb.png') no-repeat -16px 0} .vipSpecial_store .topInfo .tit dd {padding:3px 0 0 0; font-size:30px; line-height:1.33} .vipSpecial_store .topInfo .tit strong {color:#ffcc00} .vipSpecial_store .topInfo .txts {margin:10px 0 0 0; color:#ccc; line-height:1.64} .vipSpecial_store .btmInfo {margin:-60px 80px 0 80px; padding:50px; background:#fff; -webkit-box-shadow:3px 0 7px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:3px 0 7px 0 rgba(0, 0, 0, 0.05); box-shadow:3px 0 7px 0 rgba(0, 0, 0, 0.05)} /* ARS결제 */ .infoBox .arsPayment {background-image:url('https://img1.kbcard.com/LT/images_r/personal/service/bg_infobox_arsPayment.png');} /*210514 생활대금납부 관련*/ .titDep3.underLine2 {width: 960px; margin-left: -20px; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #333;} .infoList ul.acBox {width:960px;margin-left: -20px}/* https://tcard.kbcard.com/SVC/DVIEW/HSAMCXPRISVCD0018 박진수 다시 살립니다. '개별 신청만 가능' 부분이 들어가긴 하지만 전체가 틀어져버립니다. */ .infoList ul.acBox .titDep3.underLine2{margin-left: 0} .infoList ul.acBox .formChk.chkTxt {width: 20px; margin-top: 5px; display: inline-block;} .infoList ul.acBox .formChk.chkTxt label {padding-left: 0 !important;} .infoList ul.acBox li {width: 33.333%; height: 100%; margin-bottom: 0; text-align: center;} .infoList ul.acBox li a {padding-left: 0; padding-top: 25px; text-align: center;} .infoList ul.acBox li .img {position: relative; top: 0; left: auto; margin: 0 auto;} .infoList ul.acBox.col5 li {width: 20%;} .popLayer .infoList {border: none; padding: 0;} .popLayer .infoList ul.acBox {width: 100%; margin: -30px 0 0 0; padding: 0;} .laybtnArea.bdTop {border-top: 2px solid #e5e5e5;} .txtInfo_trBox {text-align: right; font-size: 0;} .txtInfo_trBox .txtInfo {display: inline-block;} /* 21.06.29 KB금융그룹 금융정보 지주 약관 */ .kbopenapi_wrap { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:12px; line-height:1.6;} .kbopenapi_wrap * {margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:Dotum,AppleGothic,Arial,Sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:12px; line-height:1.6;} .kbopenapi_wrap ul, ol {list-style:none;} .kbopenapi_wrap a {color:inherit; text-decoration:none; word-break:break-all;} .kbopenapi_wrap { margin:0 auto; padding:0; } .kbopenapi_wrap .kbopenapi_header {display:block; } .kbopenapi_wrap .kbopenapi_big {font-weight:bold !important; font-size:14px !important;} .kbopenapi_wrap ul.kbopenapi_big li {font-weight:bold !important; font-size:14px !important;} .kbopenapi_h1 {margin-bottom:10px; font-weight:bold; font-size:18px; line-height:1.2; text-align:center;} .kbopenapi_wrap .kbopenapi_header > p {margin-bottom:10px;} .kbopenapi_wrap .kbopenapi_head {margin:20px 0 10px;} .kbopenapi_wrap .kbopenapi_title {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; align-items:center; height:40px; padding:5px; padding-right:15px; background:#12406E; border-radius:20px;} .kbopenapi_wrap .kbopenapi_title .num {-webkit-box-flex:24px; -ms-flex:24px 0 0; flex:24px 0 0; width:24px; height:24px; line-height:24px; margin-right:6px; text-align:center; font-weight:bold; font-size:15px; background:#fff; color:#12406E; border-radius:50%;} .kbopenapi_wrap .kbopenapi_title h2 {font-weight:normal; font-size:14px; color:#fff; } .kbopenapi_wrap .kbopenapi_subtitle {display:inline-block; width: 150px; text-align:center; background:#e1dfdf;} .kbopenapi_wrap .kbopenapi_tbl {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border:3px solid #e8e8e8; border-right: 0; border-left:0;} .kbopenapi_wrap .kbopenapi_tbl th { width:22%; max-width:150px; padding:5px; font-size:14px; background:#f5f5f5; letter-spacing:-2px; border-top:1px solid #e8e8e8; word-break:keep-all; text-align:center;} .kbopenapi_wrap .kbopenapi_tbl td {padding:5px 10px; border-top:1px solid #e8e8e8;} .kbopenapi_wrap .kbopenapi_tbl .bdn > th, .kbopenapi_wrap .kbopenapi_tbl .bdn > td {border-top:0 none; vertical-align:top;} .kbopenapi_wrap .kbopenapi_tbl li {padding-left:1em; text-indent:-.8em;} .kbopenapi_wrap .kbopenapi_tbl .caution {margin:0 -10px -5px; padding:10px; } .kbopenapi_wrap .kbopenapi_tbl td em {font-style:normal; color:red; text-decoration:underline;} .kbopenapi_wrap .kbopenapi_tbl .tit {text-align:left; padding-left:5px; font-weight:normal; font-size:13px;} .kbopenapi_wrap .kbopenapi_agree-area {float:right;} .kbopenapi_wrap .kbopenapi_agree-area input {margin:5px;} .kbopenapi_wrap .kbopenapi_ref {padding:5px 0;} .kbopenapi_wrap .kbopenapi_footer {display:block; overflow:hidden; position:relative; margin-top:30px;} .kbopenapi_wrap .kbopenapi_footer > div {display:inline-block; float:left; width:30%;} .kbopenapi_wrap .kbopenapi_footer .logo {text-align:center; padding:10px 0;} .kbopenapi_wrap .kbopenapi_footer .date {text-align:right;} .kbopenapi_wrap .kbopenapi_footer .date span {margin-left:40px;} .kbopenapi_wrap .kbopenapi_footer .date span:first-child {margin-left:0;} .kbopenapi_wrap .kbopenapi_footer .signature {width:40%; font-weight:bold;} .kbopenapi_wrap .kbopenapi_footer .signature dl {overflow:hidden;} .kbopenapi_wrap .kbopenapi_footer .signature dl > dt {float:left; width:50%; text-align:right;} .kbopenapi_wrap .kbopenapi_footer .signature dl > dd {float:right;} .kbopenapi_wrap .kbopenapi_tbl th .tit { word-break: border; font-size:12px; letter-spacing:0px;} .kbopenapi_wrap img { border:0; } .kbopenapi_wrap .kbopenapi_ico{position: relative; padding-left: 26px !important; display: block; } .kbopenapi_wrap .kbopenapi_ico:before {height: 20px; width: 18px; position: absolute; left: 0px; display: block; top: -2px; } .kbopenapi_wrap .kbopenapi_ico01-1.kbopenapi_ico:before {background: url(https://img1.kbcard.com/LT/images_r/common/ico_agree01_1.png) no-repeat left center; } /* 210830 생활대금납부 화면 변경 */ .infoBox.infoBox04 .inner{padding: 40px 0 40px 190px;} .infoBox.infoBox04 .tit{padding-bottom: 12px;} .infoBox.infoBox04 .btnSpe{padding: 0 46px 0 10px; font-size: 16px; letter-spacing: -0.1px;text-align:left}/* font-size:14px https://tcard.kbcard.com/SVC/DVIEW/HSAMCXPRISVC0221 */ .infoBox.infoBox04 .btnAutoPay1{width: 81px;} .infoBox.infoBox04 .btnAutoPay2{width: 206px;} .listType6 li{padding:0 0 0 8px; color:#666; line-height:1.5; background: url(https://img1.kbcard.com/LT/images_r/common/bult_sq02.gif) no-repeat 0 12px;} .listNum3{counter-reset: list-number;} .listNum3 > li{padding: 0 0 10px 24px;background-image: none;position: relative;counter-increment: list-number;} .listNum3 > li:before{content: counter(list-number);display:inline-block;position: absolute;left: 0;top: 2px;border: 1px solid rgba(0, 0, 0, 0.87);border-radius: 50%;text-align: center;width: 14px;height: 14px;font-size: 10px;text-indent: 0;line-height: 14px;} /* 220121 포인트리 서비스 내용 가운데 정렬 */ .srv_center li{display:table} .srv_center .srv_txt{display:table-cell;vertical-align:middle;} /* 220125 포인트연계할부서비스 이미지 수정 */ .pointUse ol{display:flex;flex-wrap:wrap;width:100%;} .pointUse ol > li {width:50%;min-height:96px;height:auto;padding:27px 0 27px 105px;box-sizing:border-box;} .pointUse ol > li:before{top:15px;} .pointUse.installment01 ol > li:before{background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_installment02.gif) no-repeat} .pointUse.installment02 ol > li:before{background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_installment03.gif) no-repeat} .pointUse.installment03 ol > li:before{background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_installment04.gif) no-repeat} .pointUse.installment04 ol > li:before{background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_installment05.gif) no-repeat} .pointUse ol > li.point01:before{background-position:-20px -21px;} .pointUse ol > li.point02:before{background-position:-380px -21px;} .pointUse ol > li.point03:before{background-position:-20px -136px;} .pointUse ol > li.point04:before{background-position:-380px -136px;} .pointUse.installment02 ol > li.point03:before, .pointUse.installment03 ol > li.point03:before {background-position: -20px -126px;} .pointUse.installment02 ol > li.point04:before, .pointUse.installment03 ol > li.point04:before {background-position: -380px -126px;} /* 220126 포인트리 캐시백 합산동의 이미지 수정 */ .serviceUse.boxType03 ol{width:100%;display:flex;flex-wrap:wrap;} .serviceUse.boxType03 ol > li {width:33.3% !important;height:auto;min-height:152px;padding:105px 20px 20px;text-align:center;box-sizing:border-box;} .serviceUse.boxType03 ol > li strong {display:inline-block;text-align:left;} .serviceUse.boxType03 ol > li:before {left:50%;transform:translate(-50%,0);} .serviceUse.cash01 ol > li:before{background: url(https://img1.kbcard.com/LT/images_r/personal/service/img_cashback01.gif) no-repeat;} .serviceUse.cash01 ol > li.c01:before {background-position:-93px -21px;} .serviceUse.cash01 ol > li.c02:before {background-position:-333px -21px;} .serviceUse.cash01 ol > li.c03:before {background-position:-571px -21px;} .serviceUse.boxType03.next ol > li:after {content:'';display:block;z-index:999;position:absolute;top:40px;right:-10px;width:11px;height:19px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_cashback01.gif) -239px -44px no-repeat;} .serviceUse.cash02 ol > li{padding-top: 180px;} .serviceUse.cash02 ol > li:before{width:130px;height:134px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/img_cashback02.gif) no-repeat;} .serviceUse.cash02 ol > li.c04:before{background-position:-55px -25px;} .serviceUse.cash02 ol > li.c05:before{background-position:-301px -25px;} .serviceUse.cash02 ol > li.c06:before{width:133px;height:140px;background-position:-533px -18px;} /* 2022-02-03 기부완료 행복덧글 (결함DEFC-0000006364) */ .add_write { padding:24px 40px 16px 24px; font-size:0; box-sizing:border-box; } .add_write * { box-sizing:border-box; } .add_write p { position:static; text-align:right; } .add_write span { float:none; } .add_write .areaLe { display:inline-block; width:80px; } .add_write .areaRi { position:relative; display:inline-block; width:calc(100% - 80px); vertical-align:top; padding-right:88px; } .add_write .areaRi .kbBtn.addWrite { position:absolute; bottom:10px; right:0; height:58px; padding:0; } .add_write .areaRi br { display:none; } .add_write .areaRi textarea { width:100%; margin-top:8px; } .addList { border:0; border-top: 1px solid #e1e1e1; } .addList li { display:flex; border-top:0; padding:24px 0; } .addList li span.name { order:1; } .addList li span.con { order:2; flex:auto; padding:0; } .addList li span.date { order:4; } .addList li a { position:static !important; order:3; width:16px; height:16px; text-align:center; } /* 2022-02-21 플래티늄서비스 (결함DEFC-0000007135) */ .cardList2 { display:flex; justify-content:space-between; } .cardList2::after { display:none; } .cardList2 li { float:none; margin:0; } /* 2022-03-08 버튼여백 (결함DEFC-0000007421) */ .infoBox.infoBox04 .btnSpe { padding-right:32px; } .infoBox.infoBox04 .btnAutoPay1, .infoBox.infoBox04 .btnAutoPay2 { width:auto; } .type_pointree .btnS { min-width:auto; } /* kb pay 소개 및 가입 */ .service-features { display: flex; margin: 10px 0; justify-content: center; } .service-features li { display: inline-flex; position: relative; margin-left: 9px; } .service-features li:first-child { margin-left: 0; } .service-features li img { width: 180px; } .service-features div { position: absolute; margin-top:30px; width: 100%; text-align: center;} .service-features__tit { font-size: 13px; } .service-features--col6 .service-features__tit {font-size:11px;} .service-features__txt { margin-top: 10px; font-weight: bold; } .service-features--col6 .service-features__txt {font-size:12px; line-height:1.4; margin-top:5px;} .service-features--col6 {margin:0; padding:10px;} .service-features--col6 li img {width:100%;} .service-features--col6 li {margin-left:10px;} .list-step--kbpay { display: flex; width: 100%; margin: 40px auto;} .list-step--kbpay:nth-child(2) .list-step--kbpay__txt { height: 72px;} .list-step--kbpay__txtline .list-step--kbpay__txt {height:72px;} .list-step--kbpay li { flex: 1; position: relative; vertical-align: top; text-align: center; } .list-step--kbpay li:before { content: ''; position: absolute; top: 0.6375rem; left: -50%; z-index: 0; width:100%; border-top: 2px dotted #FACA22; } .list-step--kbpay li:first-child:before { display: none; } .list-step--kbpay__num { display: block; position: relative; width:22px; left:50%; font-family: 'Malgun Gothic'; font-weight: bold; z-index: 1; margin-left:-10px; } .list-step--kbpay__num:after { content: ''; position: absolute; left:0; width: 22px; height: 22px; z-index: -1; background: #FACA22; border-radius: 50%; } .list-step--kbpay__txt { padding: 8px 0 16px; min-height:48px; font-weight: bold; line-height: 24px; letter-spacing:-0.5px; } .list-step--kbpay__txt span { font-size: 13px; } .list-step--kbpay__img { width: 140px; } /* 유료상품 이용현황 */ .list-status {display:grid; grid-template-columns:1fr; grid-auto-rows:minmax(7.2rem, auto); padding:36px 20px 10px 20px; border-top:2px solid #333;} .list-status--col2 {grid-template-columns:repeat(2, 1fr); grid-gap:40px 0;} .list-status--col3 {grid-template-columns:repeat(3, 1fr); grid-gap:40px 0;} .list-status__item {display:flex;} .list-status__icon {margin-right:16px;} .list-status__tit {display:block; margin-bottom:8px; font-size:16px; font-weight:bold; line-height:28px;} .list-status__txt {display:block; font-size:14px; line-height:24px;} .list-status__case {display:flex; align-items:center; margin-top:12px;} .list-status__badge {display:flex; align-items:center; height:24px; margin-right:8px; padding:1px 8px; border-radius:4px; background:#ebebeb; font-size:13px; color:#222;} .list-status__badge--in-use {background:#ee6f18; color:#fff;} .list-status__btn {display:flex; align-items:center; position:relative; height:24px; font-size:13px;} .list-status__btn:after {content:""; display:inline-block; width:16px; height:16px; margin-left:4px; background:url(https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png) center center no-repeat; background-size:100% auto; vertical-align:middle; font-size:0;}