@charset "UTF-8";

.header{position:fixed;top:0;left:0;width:100%;background-color:#fff}

.mykb{left:0;width:83px}

.container{width:100%;padding:120px 0 0 0}

.mainNavi{position:fixed;top:50%;left:50%;width:60px;margin:-90px 0 0 550px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainNavi.png) no-repeat 87px 22px;z-index:100}
.mainNavi a{position:relative;display:block;width:58px;height:59px;color:#333;font-size:17px;font-weight:600;letter-spacing:-1px;line-height:59px;text-align:center;border:1px solid #c4c4c4;border-top:none;background:#fff}
.mainNavi a.on{color:#fff}
.mainNavi a:hover{color:#333}
.mainNavi a.kb{border-top:1px solid #c4c4c4;text-indent:-9999px;overflow:hidden;font:0/0 Arial}
.mainNavi .kb:before{content:'';display:block;position:absolute;top:17px;left:17px;width:24px;height:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainNavi.png) no-repeat}
.mainNavi .kb.on{border-color:#f1513d;background:#f1513d}
.mainNavi .kb.on:before{background-position:100% 0}
.mainNavi.tab2 a.on, .mainNavi.tab2 a.on:hover{border-color:#7361c5;background-color:#7361c5}
.mainNavi.tab3 a.on, .mainNavi.tab3 a.on:hover{border-color:#09a29b;background-color:#09a29b}

.mainCont{position:relative;overflow:hidden;min-width:960px;padding:20px 0;text-align:center;background:#fff;z-index:10}
.mainCont:after{display:block;content:'';clear:both;height:0}
.mainCont .mainInner{position:relative;width:958px;height:678px;margin:0 auto;border:1px solid #cecece;text-align:left;background:#fff}
.mainCont .mainInner:after{display:block;content:'';clear:both;height:0}
.mainCont.cont02{/*background:#f2f2f2*/}
.mainCont.cont01{padding:40px 0 20px 0;}

/* kB */
.mainCont.cont01 .conBox1{position:relative; float:left; width:459px; padding-top:358px;}
.mainCont.cont01 .conBox1:after{display:block;content:'';clear:both;height:0}
.rollingBox{position:relative}
.rollingBox > button{position:absolute;top:159px;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}
.rollingBox button.prev{left:15px;background-position:-50px -52px}
.rollingBox button.next{right:15px;background-position:-70px -52px}
.rollingBox .inner{overflow:hidden}
.rollingBox .inner ul{width:10000px;height:100%}
.rollingBox .inner ul:after{display:block;content:'';clear:both;height:0}
.rollingBox .inner ul li{float:left;height:100%}
.rollingBox .r_paging{position:absolute;bottom:30px;left:0;width:100%;height:10px;text-align:center}
.rollingBox .r_paging *{vertical-align:top}
.rollingBox .r_paging span a{display:block;}/* 접근성 수정 - 최재훈*/
.rollingBox .r_paging span{cursor:pointer;overflow:hidden;text-indent:-9999px;display:inline-block; width:16px;height:16px; margin:0 1px; background:url("https://img1.kbcard.com/LT/images_r/personal/main/new_mainSlide_dot.png") no-repeat 50% 50%;}/* 접근성 수정 - 최재훈*/
.rollingBox .r_paging span.on{cursor:pointer;overflow:hidden;text-indent:-9999px;display:inline-block; width:30px; height:16px; background:url("https://img1.kbcard.com/LT/images_r/personal/main/new_mainSlide_on.png") no-repeat 50% 50%;}/* 접근성 수정 - 최재훈*/
.rollingBox .r_paging button{position:static;display:inline-block;text-indent:-9999px;width:16px;height:16px; margin:0 3px;background:url("https://img1.kbcard.com/LT/images_r/personal/main/new_mainSlide_pause.png") no-repeat 50% 50%;}/* 접근성 수정 - 최재훈*/
.rollingBox .r_paging button.btnPlay{position:static;display:inline-block;text-indent:-9999px;width:16px;height:16px; margin:0 3px;background:url("https://img1.kbcard.com/LT/images_r/personal/main/new_mainSlide_play.png") no-repeat 50% 50%;}/* 접근성 수정 - 최재훈*/

.mainBanner{position:absolute;top:0;left:0;width:459px;border-right:1px solid #cecece; border-bottom:1px solid #cecece}
.mainBanner .rollingBox, .mainBanner .rollingBox .inner{width:459px;height:357px}
.mainBanner .rollingBox .inner ul li{width:459px}
.mainBanner .rollingBox > button{width:41px;height:40px}
.mainBanner .rollingBox button.prev{left:40px;background-position:0 0}
.mainBanner .rollingBox button.next{right:40px;background-position:-43px 0}


.cardBanner{float:left;width:239px;border-right:1px solid #cecece}
.cardBanner .rollingBox, .cardBanner .rollingBox .inner{width:239px;height:357px}
.cardBanner .rollingBox button{top:235px;}
.cardBanner .rollingBox .inner ul li{width:239px;padding-top:30px;text-align:center}
.cardBanner .rollingBox .r_paging{bottom:28px}

.myLink_wrap {position:relative; float:left; width:258px; height:357px;}
.myLink_wrap .myLink_bnr {position:absolute; left:0px; bottom:-1px; width:259px; height:24px; padding-top:7px; background:#56606e; text-align:center;}
.myLink_wrap .myLink_bnr a {padding-right:12px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/mykbIcon_01.png') no-repeat center right; color:#ffec73; font-weight:600;}
.myLink{float:left;width:258px;height:347px;padding-top:10px;background:#f9f9fa} 
.myLink:after{display:block;content:'';clear:both;height:0}
.myLink li{float:left;width:50%;height:81px}
.myLink li a{position:relative;display:block;height:19px;padding-top:62px;text-align:center}
.myLink li a:hover{color:#f1513d;font-size:15px;font-weight:600;}
.myLink li a:hover{color:#f1513d;font-size:14px;font-weight:600;text-decoration:none}
.myLink li a:before{content:'';display:block;position:absolute;top:5px;left:50%;width:50px;height:55px;margin-left:-25px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainLink.gif) no-repeat}
.myLink li.link01 a:before{background-position:-101px 0}
.myLink li.link02 a:before{background-position:-152px 0}
.myLink li.link03 a:before{background-position:-101px -56px}
.myLink li.link04 a:before{background-position:-152px -56px}
.myLink li.link05 a:before{background-position:-101px -112px}
.myLink li.link06 a:before{background-position:-152px -112px}
.myLink li.link07 a:before{background-position:-101px -168px}
.myLink li.link08 a:before{background-position:-152px -168px}
.myLink li.link01 a:hover:before{background-position:0 0}
.myLink li.link02 a:hover:before{background-position:-51px 0}
.myLink li.link03 a:hover:before{background-position:0 -56px}
.myLink li.link04 a:hover:before{background-position:-51px -56px}
.myLink li.link05 a:hover:before{background-position:0 -112px}
.myLink li.link06 a:hover:before{background-position:-51px -112px}
.myLink li.link07 a:hover:before{background-position:0 -168px}
.myLink li.link08 a:hover:before{background-position:-51px -168px}

.financeBanner{float:left;width:239px;height:154px;border-top:1px solid #cecece;border-right:1px solid #cecece;text-align:left}
.financeBanner h3{padding:20px 0 0 30px;color:#333;font-size:16px;font-weight:600;line-height:1}
.financeBanner .rollingBox, .financeBanner .rollingBox .inner{width:239px;height:119px}
.financeBanner .rollingBox button{top:45px}
.financeBanner .rollingBox .inner{width:171px;margin-left:34px;}
.financeBanner .rollingBox .inner ul li{width:171px;padding:15px 0;}
.financeBanner .rollingBox .inner ul li a{position:relative;display:block;width:83px;height:59px;padding:25px 0 0 88px;line-height:18px;vertical-align:middle}
.financeBanner .rollingBox .inner ul li a:before{content:'';display:block;position:absolute;top:0;left:5px;width:75px;height:84px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_finance.gif) no-repeat}
.financeBanner .rollingBox .inner ul li.link02 a:before{background-position:-76px 0}
.financeBanner .rollingBox .inner ul li.link03 a:before{background-position:-152px 0}

.boardList{position:relative;float:left;width:258px;height:154px;border-top:1px solid #cecece;background:#fff}
.boardList h3{padding:20px 0 0 30px;color:#333;font-size:16px;font-weight:600;line-height:1}
.boardList .list{padding:12px 30px 0 30px}
.boardList .list a{display:block;overflow:hidden;width:198px;line-height:22px;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}
.boardList .more{position:absolute;top:14px;right:30px;display:block;padding:0 17px;font-size:12px;line-height:31px}
.boardList .more:after{content:'';display:block;position:absolute;top:10px;right:0;width:10px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -48px 0}
/* 골든라이프시니어 배너 추가 */
.boardList .goldenLife {position:absolute; bottom:0; left:0; width:259px; height:44px; border-top:1px solid #eeece9; background:#f6f5f1 url('https://img1.kbcard.com/LT/images_r/personal/main/goldenlife_bg.png') no-repeat 144px 7px;}
.boardList .goldenLife a {display:block; padding:13px 0 0 30px; font-size:15px; font-weight:600; color:#362f2d; background:url('https://img1.kbcard.com/LT/images_r/personal/main/goldenlife_bullet.png') no-repeat 110px 18px;}

.conBox2:after{display:block;content:'';clear:both;height:0}
.shopEvent{float:left;width:459px;height:165px;border-right:1px solid #cecece}
.shopEvent h3{padding:30px 0 10px;color:#f1513d;font-size:18px;font-weight:600;text-align:center;line-height:1}
.shopEvent h3 a{ color:#f1513d;font-size:18px;font-weight:600;text-align:center;}
.shopEvent .rollingBox{height:84px}
.shopEvent .rollingBox button{top:28px}
.shopEvent .rollingBox .inner{width:350px;margin-left:60px}
.shopEvent .rollingBox .inner ul li{position:relative;width:90px;height:84px;padding:27px 0 0 85px;line-height:18px}
.shopEvent .rollingBox .inner ul li img{position:absolute;top:0;left:0}
.shopEvent .noData{width:459px;height:84px;text-align:center;line-height:84px}

.customerList{float:left;width:239px;height:165px;border-right:1px solid #cecece}
.customerList h3{padding:20px 0 0 30px;color:#333;font-size:16px;font-weight:600;line-height:1}
.customerList .link{padding:11px 30px 0 30px}
.customerList .link li{position:relative;padding:3px 0 4px}
.customerList .link li:before{content:'';display:block;position:absolute;top:8px;left:0;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat}
.customerList .link li.link01:before{background-position:-61px 0}
.customerList .link li.link02:before{top:7px;background-position:-78px 0}
.customerList .link li.link03:before{top:7px;background-position:-95px 0}
.customerList .link a {position:relative;display:inline-block;padding:0 10px 0 19px;line-height:22px;letter-spacing:-1px}
.customerList .link a:after{content:'';display:block;position:absolute;top:7px;right:0;width:5px;height:8px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}

.customerList2{float:left;width:258px;height:165px}
.customerList2 h3{padding:20px 0 0 30px;color:#333;font-size:16px;font-weight:600;line-height:1}
.customerList2 .call{padding:13px 30px 0 30px}
.customerList2 .call li{position:relative;padding:1px 0 0;line-height:22px;letter-spacing:-1px !important;}
.customerList2 .call li strong{display:inline-block;padding-left:7px;color:#333}
/* 고객센터관련 160422추가 */
.customerList2 .call .customer_mail {position:relative;}
.customerList2 .call .customer_mail:before{content:'';display:block;position:absolute;top:4px;left:0;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/main//bg_mainIcon02.png) no-repeat 0 0;}
.customerList2 .call .customer_mail a {position:relative;display:inline-block;padding:0 14px 4px 21px;line-height:22px;letter-spacing:-1px}
.customerList2 .call .customer_mail a:after {content:'';display:block;position:absolute;top:7px;right:0;width:5px;height:8px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}

/* 카드 */
.mainCont.cont02 .mainCard{position:relative;float:left;width:699px}
.mainCard .list{position:relative;height:73px;border-bottom:1px solid #b9b0e2}

.mainCard .list > li{float:left;margin:0 7px;z-index:10}
.mainCard .list > li:first-child{margin-left:43px}
.mainCard .list > li > a{position:relative;display:block;padding:0 10px;font-size:16px;font-weight:600;line-height:83px}
.mainCard .list li.on > a{color:#7361c5;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat 50% 100%}
.mainCard .list li .cardCont{display:none;position:absolute;top:80px;left:40px;width:619px}
.mainCard .list li.on .cardCont{display:block}
.mainCard .list li .cardCont p{padding:38px 0 27px;color:#7361c5;font-size:30px;font-weight:600;letter-spacing:-1px;text-align:center}
.mainCard .list li .cardCont ul{}
.mainCard .list li .cardCont ul:after{display:block;content:'';clear:both;height:0}
.mainCard .list li .cardCont ul li{float:left;width:250px;height:246px;padding:0 29px}
.mainCard .list li .cardCont ul li a{display:block;position:relative;text-align:center}
.mainCard .list li .cardCont ul li a img{display:block;max-width:250px;height:158px}
.mainCard .list li .cardCont ul li a .tit{display:block;margin-top:9px;color:#333;font-size:18px;line-height:26px}
.mainCard .list li .cardCont ul li a .cardInfo{disp lay:block;width:250px;height:158px}
.cardInfo .col{width:83px}
.cardInfo .col .sTit{height:40px;padding:0;font-size:14px}
.cardInfo .col .txt1{height:35px;padding-top:15px}
.cardInfo .col .txt2{height:40px;padding:0;font-size:14px}
.mainCard .cardCont ul li a .cardInfo.col1{background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_card1.gif) no-repeat}
.mainCard .cardCont ul li a .cardInfo.col2{background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_card2.gif) no-repeat}
.mainCard .cardCont ul li a .cardInfo.col3{background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_card3.gif) no-repeat}
.mainCard .cardCont ul li a:focus .cardInfo {display:block;}/* 접근성 수정 - 최재훈 */
.cardInfo.col1 .col{width:250px}
.cardInfo.col2 .col{width:125px}
.mainCard .more{position:absolute;top:22px;right:50px;padding:0 25px 0 9px;color:#333;font-weight:600;line-height:28px;border:1px solid #c2c2c2;border-radius:2px}
.mainCard .more:after{content:'';display:block;position:absolute;top:10px;right:10px;width:10px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -48px 0}

.conBox3{float:left;width:259px;background:#fafafa}
.cardLink .tab2Link{margin-top:-1px;text-align:center;background:#7361c5}
.cardLink .tab2Link a{position:relative;display:inline-block;height:76px;padding:0 20px 0 33px;color:#fff;font-size:20px;font-weight:600;line-height:76px}
.cardLink .tab2Link a:before{content:'';display:block;position:absolute;top:26px;left:0;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat}
.cardLink .tab2Link a:after{content:'';display:block;position:absolute;top:31px;right:0;width:9px;height:14px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -25px 0}
.linkWrap{overflow:hidden;border-left:1px solid #cecece}
.cardLink .linkList{width:261px;margin-left:-1px}
.cardLink .linkList:after{display:block;content:'';clear:both;height:0}
.cardLink .linkList li{float:left;width:129px;height:79px;font-weight:600;border-bottom:1px solid #cecece;border-left:1px solid #cecece;text-align:center}
.cardLink .linkList li a{display:block;height:79px;text-align:center;line-height:79px}
.cardLink .linkList li a span{display:inline-block;padding:0 11px;}
.cardLink .linkList li a span:after{content:'';display:inline-block;width:5px;height:8px;margin:-1px 0 0 3px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}
.cardLink .linkList li a:hover span{text-decoration:underline}
.cardLink .linkList li.num{height:61px;padding-top:18px;line-height:23px}
.cardLink .linkList li strong{display:block;color:#333;font-size:18px}

.starShopList{width:256px;height:443px;border-left:1px solid #cecece;text-align:center}
.starShopList h3{position:relative;display:inline-block;margin:0 auto;padding:27px 13px 18px;color:#333;font-size:16px;font-weight:600;text-align:center;line-height:1}
.starShopList h3:after{content:'';display:block;position:absolute;top:25px;right:0;width:11px;height:11px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -112px 0}
.starShopList .starTxt{color:#7665c6;font-size:20px;font-weight:600;line-height:30px;text-align:center}
.starShopList .rollingBox{height:239px;margin-top:15px}
.starShopList .rollingBox button{top:59px;z-index:100}
.starShopList .rollingBox button.prev{left:25px}
.starShopList .rollingBox button.next{right:25px}
.starShopList .rollingBox .r_paging button{position:static;display:inline-block;text-indent:-9999px;width:16px;height:16px; margin:0 3px;background:url("https://img1.kbcard.com/LT/images_r/personal/main/new_mainSlide_pause2.png") no-repeat 50% 50%;}/* 접근성 수정 - 최재훈*/
.starShopList .rollingBox .r_paging button.btnPlay{position:static;display:inline-block;text-indent:-9999px;width:16px;height:16px; margin:0 3px;background:url("https://img1.kbcard.com/LT/images_r/personal/main/new_mainSlide_play2.png") no-repeat 50% 50%;}/* 접근성 수정 - 최재훈*/
.starShopList .rollingBox .inner{position:relative;width:258px;z-index:1}
.starShopList .rollingBox ul li{position:relative;width:258px;padding-top:140px;font-size:16px;font-weight:600;line-height:24px;text-align:center}
.starShopList .rollingBox ul li img{position:absolute;top:0;left:50%;margin-left:-68px}
.starShopList .rollingBox .r_paging{bottom:20px}
.starShopList .rollingBox .r_paging span.on{cursor:pointer;overflow:hidden;text-indent:-9999px;display:inline-block; width:30px; height:16px; background:url("https://img1.kbcard.com/LT/images_r/personal/main/new_mainSlide_on2.png") no-repeat 50% 50%;}/* 접근성 수정 - 최재훈*/

.starShopList .more{display:inline-block;margin:0 auto;padding:0 40px;color:#333;font-weight:600;line-height:28px;border:1px solid #c2c2c2;border-radius:3px;background:#fff}

/* 혜택 */
.mainCont.cont03 h3{padding:38px 0 0 30px;color:#333;font-size:24px;font-weight:600;line-height:1;letter-spacing:-1px}
.mainCont.cont03 .more{position:absolute;top:37px;right:30px;display:inline-block;padding:0 17px;font-size:12px;line-height:31px}
.mainCont.cont03 .more:after{content:'';display:block;position:absolute;top:10px;right:0;width:10px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -48px 0}
.linkDirect{position:absolute;bottom:50px;left:40px;display:block;margin-right:40px;color:#fff;font-size:16px;font-weight:600;text-align:center;line-height:45px;border-radius:5px;background:#09a29b}
.linkDirect:hover{color:#fff}
.mainCont.cont03 .rollingBox > button.prev{left:25px}
.mainCont.cont03 .rollingBox > button.next{right:25px}
.mainCont.cont03 .rollingBox .r_paging span.on{background-position:0 -68px}

.kbZone{position:relative;float:left;width:349px;height:379px;border-right:1px solid #cecece}
.mainCont.cont03 .kbZone h3{display:block;text-indent:-9999px;width:111px;height:42px;margin:23px 0 0 30px;padding:0;background:url(https://img1.kbcard.com/LT/images_r/personal/main/tit_zone.gif) no-repeat}
.kbZone .txt{padding:10px 0 0 30px}
.kbZone .img{padding:18px 0 0 30px;text-align:center}
.starShop{position:relative;float:left;width:349px;height:379px;border-right:1px solid #cecece}
.starShop .balloonList{position:relative;height:150px;margin:15px 30px 0 30px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_starshop.jpg) no-repeat 103px 100%}
.starShop .balloonList .balloon{position:absolute;width:100px;height:50px}
.starShop .balloonList .balloon img{position:absolute}
.starShop .balloonList .balloon01{top:130px;left:89px}
.starShop .balloonList .balloon01 img{top:-89px;left:-89px}
.starShop .balloonList .balloon02{top:98px;left:164px}
.starShop .balloonList .balloon02 img{top:-97px;left:-59px}
.starShop .balloonList .balloon03{top:124px;left:107px}
.starShop .balloonList .balloon03 img{top:-96px;left:93px}
.starShop .txt{margin-top:15px;line-height:22px;text-align:center}

.starShop .linkDirect.linkstarShop{left:45px;width:259px;margin:0}
.starShop .linkDirect.linkstarShop:after{content:'';display:block;position:absolute;top:15px;right:19px;width:35px;height:80px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat 100% 0}
.shopView{position:relative;float:left;width:258px;height:379px}
.mainCont.cont03 .shopView h3{padding:36px 0 0 30px;line-height:30px}
.shopView .txt{padding:10px 0 125px 30px;line-height:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_shopView.gif) no-repeat 50% 100%}
.shopView .linkDirect{width:178px}
/*여행 쇼핑 수정 1609*/
.lifeService {position:relative;float:left;width:349px;height:216px;border-top:1px solid #cecece;border-right:1px solid #cecece}
.lifeService .more{top:20px !important;}
.lifeService h3 {padding:25px 0 0 25px !important}
/*.lifeService{position:relative;float:left;width:349px;height:299px;border-top:1px solid #cecece;border-right:1px solid #cecece}
.lifeService .txt{padding:13px 0 16px 30px}*/
.lifeService .rollingBox{margin-top:25px;height:177px}
.lifeService .rollingBox > button{top:43px}
.lifeService .rollingBox .inner{width:210px;height:112px;margin-left:74px}
.lifeService .rollingBox ul li{position:relative;width:105px;padding-top:92px;text-align:center}
.lifeService .rollingBox ul li a {font-size:16px;font-weight:600;}
.lifeService .rollingBox ul li img{position:absolute;top:0;left:15px}
.onlineShop{position:relative;float:left;width:349px;height:299px;border-top:1px solid #cecece;border-right:1px solid #cecece}
.onlineShop .txt{padding:13px 0 28px 30px}
.onlineShop .rollingBox{height:177px}
.onlineShop .rollingBox > button{top:43px}
.onlineShop .rollingBox .inner{width:226px;margin-left:64px}
.onlineShop .rollingBox ul li{position:relative;width:117px;height:110px;padding:30px 0 0 110px}
.onlineShop .rollingBox ul li img{position:absolute;top:0;left:0}
.onlineShop .rollingBox ul li a{display:block;font-size:16px;font-weight:600;line-height:26px}
.onlineShop .rollingBox ul li.online02{padding-top:15px}
.onlineShop .rollingBox ul li.online02 a, .onlineShop .rollingBox ul li.online04 a{margin-bottom:8px;font-weight:600;line-height:18px}
.onlineShop .rollingBox ul li a span{display:inline-block}
.onlineShop .rollingBox ul li a span:after{content:'';display:inline-block;width:5px;height:8px;margin:-1px 0 0 4px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}
.onlineShop .rollingBox ul li.online04{padding-top:33px}
.pointreeMall{position:relative;float:left;width:258px;height:298px;border-top:1px solid #cecece}
.mainCont.cont03 .pointreeMall h3{padding:36px 0 0 40px;line-height:30px}
.pointreeMall .pointreeList{margin:16px 0 0 40px}
.pointreeMall .pointreeList li a{display:inline-block;font-size:16px;font-weight:600;line-height:24px}
.pointreeMall .pointreeList li a:after{content:'';display:inline-block;width:5px;height:8px;margin:-3px 0 0 4px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}
.pointreeMall .linkDirect{width:178px}

/* KB손해보험 추가로 혜택 tab css 변경 */
.newPointreeMall{position:relative;float:left;width:349px;height:379px;border-right:1px solid #cecece; background:url('https://img1.kbcard.com/LT/images_r/personal/main/newPointreeMall_bg.png') no-repeat 58px 210px;}
.mainCont.cont03 .newPointreeMall h3{padding:36px 0 0 30px;line-height:30px}
.newPointreeMall .pointreeList{overflow:hidden; margin:20px 0 0 30px}
.newPointreeMall .pointreeList li {float:left; width:141px; margin-top:4px;}
.newPointreeMall .pointreeList li:nth-child(2),
.newPointreeMall .pointreeList li:nth-child(4) {margin-left:8px;}
.newPointreeMall .pointreeList li a{display:inline-block;font-size:16px;font-weight:500;line-height:24px}
.newPointreeMall .pointreeList li a:after{content:'';display:inline-block;width:5px;height:8px;margin:-3px 0 0 4px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}
.newPointreeMall .linkDirect{width:178px}

/* KB손해보험 1609수정 */
.kbinsure{position:relative;float:left;width:258px;height:215px; border-top:1px solid #cecece;}
.kbinsure .kbinsureList{overflow:hidden;}
.kbinsure .kbinsureList li {float:left; width:114px; padding:20px 10px 20px 15px; border-right:1px solid #cecece}
.kbinsure .kbinsureList li:last-child {width:93px; border:none}
.kbinsure .kbinsureList li a{display:block;font-size:14px;font-weight:600;line-height:20px;background:url('https://img1.kbcard.com/LT/images_r/personal/main/kbinsure_bult.png') no-repeat right center}
.kbinsure .kbinsureArea {overflow:hidden;height:215px;background:#fff9f0;}

/* KB국민카드 소식 */
/* .noticePop{position:fixed;bottom:0;left:50%;margin-left:-480px;width:960px;height:160px;background:#707784;z-index:1001} */
.noticePop .title{height:39px;padding:0 0 0 30px;color:#fff;font-size:16px;font-weight:600;line-height:39px;border-bottom:1px solid #5c626d;background:#666e7c}
.noticePop .noticeList:after{display:block;content:'';clear:both;height:0}
.noticePop .noticeList li{float:left;position:relative;width:185px;padding:0 20px 0 109px;border-left:1px dashed #b8bbc2}
.noticePop .noticeList li:first-child{border-left:none}
.noticePop .noticeList li p{color:#fff;font-size:16px;font-weight:600;line-height:24px;}
.noticePop .noticeList li:before{content:'';display:block;position:absolute;top:0;left:19px;width:70px;height:75px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice.png) no-repeat}
.noticePop .noticeList li.noti02:before{background-position:-70px 0}
.noticePop .noticeList li .btnS{margin-top:7px;color:#333;font-size:12px;line-height:26px;border-radius:3px;border:none}
.noticePop .noticeList li.noti03{width:264px;padding-left:19px}
.noticePop .noticeList li.noti03:before{display:none}
.noticePop .noticeList li.noti03 p{font-size:14px;line-height:22px}
.noticePop .noticeList li.noti03 span{display:block;color:#fff;font-size:12px;line-height:16px}
.noticePop .close{position:absolute;top:8px;right:30px;padding-right:35px;color:#fff;font-weight:600;line-height:26px;background:none}
.noticePop .close:after{content:'';display:block;position:absolute;top:0;right:0;width:26px;height:26px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice.png) no-repeat -141px 0}

/* 공지사항 영역 추가 */
/*
.noticePop{position:fixed;bottom:0;left:50%;margin-left:-480px;width:960px;height:180px;background:#707784;z-index:1001}
.noticePop .noticeList li.noti04{width:898px; padding:0 20px 0 109px;}
*/
.noticePop .noticeList li.noti04:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice01.png) no-repeat 0 0}
.noticePop .noticeList li.noti04 p {font-size:16px; line-height:26px !important;}
.noticePop .noticeList li.noti04 p span {display:block; margin:3px 0; font-size:16px; font-weight:normal;}
.noticePop .noticeList li.noti04 span{display:block;color:#fff;font-size:12px;line-height:16px}

/* bullet 이미지 LIST
 * https://img1.kbcard.com/LT/images_r/personal/main/bg_notice.png
 * https://img1.kbcard.com/LT/images_r/personal/main/bg_notice01.png
 * https://img1.kbcard.com/LT/images_r/personal/main/bg_notice03.png
 * https://img1.kbcard.com/LT/images_r/personal/main/bg_notice04.png
 * https://img1.kbcard.com/LT/images_r/personal/main/bg_notice05.png
 * https://img1.kbcard.com/LT/images_r/personal/main/bg_notice06.png
 * https://img1.kbcard.com/LT/images_r/personal/main/bg_notice0929.png
*/

.noticePop{position:fixed;bottom:0;left:50%;margin-left:-480px;width:960px;height:200px;background:#707784;z-index:1001}
/* .noticePop .noticeList {padding:20px 0 20px 10px} */
.noticePop .noticeList {padding:20px 0 20px 0}
.noticePop .noticeList li.noti05 {width:360px;padding-left:109px; border-left:1px dashed #b8bbc2}
.noticePop .noticeList li.noti05:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice08.png) no-repeat 0 0}
.noticePop .noticeList li.noti05 p{font-size:14px; line-height:22px}
.noticePop .noticeList li.noti05 .btnS {margin-top:20px}
.noticePop .noticeList li.noti05 span{display:block;color:#fff;font-size:12px;line-height:16px}

.noticePop .noticeList li.noti06 {width:225px; padding:0 0 0 109px;}
.noticePop .noticeList li.noti06:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice0929.png) no-repeat 0 0}
.noticePop .noticeList li.noti06 p{font-size:14px; line-height:22px}
.noticePop .noticeList li.noti06 p span {display:block; margin:3px 0; font-size:14px; font-weight:normal;}
.noticePop .noticeList li.noti06 span{display:block;color:#fff;font-size:12px;line-height:16px}
.noticePop .noticeList li.noti06 .btnS {margin-top:29px}

.noticePop .noticeList li.noti07{width:155px; padding:0 0 0 90px;}
.noticePop .noticeList li.noti07:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice03.png) no-repeat 0 0}
.noticePop .noticeList li.noti07 p {font-size:15px;}
.noticePop .noticeList li.noti07 .btnS {margin-top:52px}
.noticePop .noticeList li.noti07 p span {display:block; margin:3px 0; font-size:14px; font-weight:normal;}
.noticePop .noticeList li.noti07 span {display:block;color:#fff;font-size:12px;line-height:16px}

.noticePop .noticeList li.noti08{width:190px; padding:0 0 0 110px;}
.noticePop .noticeList li.noti08:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice05.png) no-repeat 0 0}
.noticePop .noticeList li.noti08 p {font-size:15px;}
.noticePop .noticeList li.noti08 .btnS {margin-top:52px}
.noticePop .noticeList li.noti08 p span {display:block; margin:3px 0; font-size:14px; font-weight:normal;}
.noticePop .noticeList li.noti08 span {display:block;color:#fff;font-size:12px;line-height:16px}

/* 공지사항 20160422추가 */
.noticePop .noticeList li.noti09{width:230px; padding:0 0 0 107px; border-left:none}
.noticePop .noticeList li.noti09:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice05.png) no-repeat 0 0}
.noticePop .noticeList li.noti09 p {font-size:15px;}
.noticePop .noticeList li.noti09 .btnS {margin-top:21px}
.noticePop .noticeList li.noti09 p {font-size:14px; line-height:22px}
.noticePop .noticeList li.noti09 span {display:block;color:#fff;font-size:12px;line-height:16px}

/* 공지사항 20160929추가 */
.noticePop .noticeList li.noti10{width:360px; padding:0 0 0 107px;}
.noticePop .noticeList li.noti10:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_notice01_161111.png) no-repeat 0 0}
.noticePop .noticeList li.noti10 p {font-size:15px;}
.noticePop .noticeList li.noti10 .btnS {margin-top:20px;}
.noticePop .noticeList li.noti10 p {font-size:14px; line-height:22px}
.noticePop .noticeList li.noti10 span {display:block;color:#fff;font-size:12px;line-height:16px}


/*자동납부 서비스 20160517추가*/
.autopay{float:left;width:239px;height:165px;border-right:1px solid #cecece;border-top:1px solid #cecece}
.autopay h3{padding:20px 0 0 30px;color:#333;font-size:16px;font-weight:600;line-height:1}
.autopay ul {padding-left:30px;margin-top:15px;}
.autopay ul li {margin-bottom:8px;}
.autopay ul li a {position:relative;padding:0 15px 0 52px;font-size:14px;color:#666;line-height:48px;}
.autopay ul 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/main/bg_main.png) no-repeat -59px -45px}
.autopay ul li a:before {content:'';display:block;position:absolute;top:-24;left:0;width:52px;height:48px;}
.autopay ul .link01 a:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_autopay.png) no-repeat 0 -48px; margin-bottom:8px;}
.autopay ul .link02 a:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_autopay.png) no-repeat 0 0;}

/*자동납부 서비스 20170220추가*/
.autopay02 {float:left;width:239px;height:165px;border-right:1px solid #cecece;border-top:1px solid #cecece}
.autopay02 h3{padding:20px 0 0 30px;color:#333;font-size:16px;font-weight:600;line-height:1}
.autopay02 ul {overflow:hiddden; padding-left:27px;margin-top:20px; margin-left:-16px}
.autopay02 ul li {float:left; width:52px; margin-left:16px; vertical-align:bottom;}
.autopay02 ul li a {position:relative;display:block;padding:54px 0 0;font-size:14px;color:#666;line-height:18px; text-align:center;letter-spacing:-0.5px;}
.autopay02 ul li a:before {content:'';display:block;position:absolute;top:0;left:0;width:52px;height:48px;}
.autopay02 ul .link01 a:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_autopay01.png) no-repeat center -48px;}
.autopay02 ul .link02 a:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_autopay01.png) no-repeat center 0;}
.autopay02 ul .link03 a:before {background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_autopay01.png) no-repeat center -96px;}
                                                        
.customerLink{float:left;width:258px;height:165px;border-top:1px solid #cecece}
.customerLink h3{padding:20px 0 0 30px;color:#333;font-size:16px;font-weight:600;line-height:1}
.customerLink ul li{padding:20px 30px;}
.customerLink ul li:first-child {border-bottom:1px solid #cecece;}
.customerLink ul li a{position:relative;padding-right:15px;font-size:16px;font-weight:600;color:#333}
.customerLink ul 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/main/bg_main.png) no-repeat -59px -45px}
.customerLink ul li p {line-height:18px;padding-top:5px;}

/* 마케팅영역 디자인 리뉴얼 2016.06.09 추가 */
.renew_shopEvent {overflow:hidden; width:419px; height:290px; padding:30px 20px 0; background:#f2f2f3; border-right:1px solid #cecece;}
.renew_shopEvent .rsRight {float:left; width:160px; height:260px;  background:#fff; text-align:center;}
.renew_shopEvent .rsRight a {display:block; height:220px; padding-top:40px;}
.renew_shopEvent .rsRight .rsDate {display:inline-block; width:77px; height:63px; padding-top:23px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/rsRight_bg.png') no-repeat;}
.renew_shopEvent .rsRight .rsDate p {font-size:14px; color:#fff;}
.renew_shopEvent .rsRight .rsDate span {margin-top:7px; font-size:20px; font-weight:600; color:#fff;}
.renew_shopEvent .rsRight .shineTxt {position:relative; display:block; margin-top:21px; font-size:18px; color:#333; font-weight:600; line-height:25px;}
.renew_shopEvent .rsRight  .shineTxt:before {content:""; display:block; position:absolute; bottom:-30px; left:50%; margin-left:-10px; width:19px; height:19px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/rsRight_btn.png') no-repeat;}
.renew_shopEvent .rsLeft {float:left; width:229px; margin-left:30px;}
.renew_shopEvent .rsLeft li {position:relative; height:53px; margin-top:21px; padding-left:86px; padding-top:17px; font-size:14px;}
.renew_shopEvent .rsLeft li a{display:block}/* 접근성 수정 - 최재훈*/
.renew_shopEvent .rsLeft li:first-child {margin-top:1px;}             
.renew_shopEvent .rsLeft li img {position:absolute; left:0; top:0; width:72px; height:72px; border-radius:36px; background:#fff;}
.renew_shopEvent .rsLeft li p {color:#f1513d; font-size:12px;}
.renew_shopEvent .rsLeft li span {display:block;  margin-top:6px; color:#333; font-weight:600;}

/*혜택탭 수정 추가 2016.9*/
/*스타샵*/
.leftWrap {float:left;}
.starShop02{position:relative;width:349px;height:387px;border-right:1px solid #cecece;background:#f5f8fa url(https://img1.kbcard.com/LT/images_r/personal/main/bg_main_starshop.png) no-repeat 60% 142px}
.starShop02 h3 {padding:25px 0 0 25px !important;font-size:26px !important;}
.starShop02 .balloonList{position:relative;height:150px;margin:15px 30px 0 30px;}
.starShop02 .balloonList .balloon{position:absolute;width:100px;height:50px}
.starShop02 .balloonList .balloon img{position:absolute}
.starShop02 .balloonList .balloon01{top:145px;left:105px}
.starShop02 .balloonList .balloon01 img{top:-89px;left:-89px}
.starShop02 .balloonList .balloon02{top:110px;left:144px}
.starShop02 .balloonList .balloon02 img{top:-97px;left:-59px}
.starShop02 .balloonList .balloon03{top:134px;left:60px}
.starShop02 .balloonList .balloon03 img{top:-96px;left:93px}
.starShop02 .txt{margin:15px 0 0 25px;text-align:left}
.starShop02 .linkDirect.linkstarShop{position:absolute;bottom:30px;width:140px; margin-right:0;}
.starShop02 .linkDirect.linkstarShop.starShopbtn01 {left:30px;}
.starShop02 .linkDirect.linkstarShop.starShopbtn02 {left:180px;}
/*안전결제/안심서비스*/
.leftWrap .kbinsureList{overflow:hidden;border-top:1px solid #cecece;height:73px;}
.leftWrap .kbinsureList li {float:left;width:134px; padding:18px 20px 18px 20px; border-right:1px solid #cecece;}
.leftWrap .kbinsureList li a{display:block;font-size:14px;font-weight:600;line-height:20px;background:url('https://img1.kbcard.com/LT/images_r/personal/main/kbinsure_bult.png') no-repeat right center}

.rightWrap {float:left;width:608px;}
.rightWrap:after {content:'';clear:both;display:block;}
/*포인트리서비스*/
.newPointreeMall02{position:relative;float:left;width:349px;height:230px;border-right:1px solid #cecece;border-bottom:1px solid #cecece; }
.newPointreeMall02 h3{padding:25px 0 0 25px !important;line-height:30px}
.newPointreeMall02 .txt {margin:15px 0 0 25px;text-align:left}
.newPointreeMall02 .pointreeList{overflow:hidden; margin:30px 0 0 0px;height:84px;padding-left:155px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/icon_main_pointree.png) no-repeat 43px 50%;}
.newPointreeMall02 .pointreeList li {float:left;position:relative; width:141px; margin-bottom:8px;}
.newPointreeMall02 .pointreeList li a{display:inline-block;font-size:16px;font-weight:600;line-height:24px}
.newPointreeMall02 .pointreeList li a:after{content:'';display:inline-block;position:absolute;top:12px;width:5px;height:8px;margin:-3px 0 0 6px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}
/*아이콘메뉴*/
.mainiconMenu {float:left;background:#f5fffe;width:238px;height:210px;border-bottom:1px solid #cecece;padding:10px;}
.mainiconMenu ul li {float:left;width:50%;}
.mainiconMenu ul li a {display:block;position:relative;padding:70px 0 10px 0;font-size:15px;text-align:center;color:#333;}
.mainiconMenu ul li a:after {content:'';display:block;position:absolute;left:50%;top:30px;background-image:url(https://img1.kbcard.com/LT/images_r/personal/main/icon_main_iconmenu.png);}
.mainiconMenu ul li a.icon01:after {width:32px;height:23px;background-position:0 0;margin-left:-16px;}
.mainiconMenu ul li a.icon02:after {top:28px;width:28px;height:28px;background-position:-35px 0px;margin-left:-14px;}
.mainiconMenu ul li a.icon03:after {width:22px;height:30px;background-position:-68px 0;margin-left:-11px;}
.mainiconMenu ul li a.icon04:after {width:32px;height:30px;background-position:-93px 0;margin-left:-16px;}
/*무이자할부서비스*/
.shopView02 {float:left;width:349px;height:230px;border-right:1px solid #cecece;}
.shopView02 h3{padding:25px 0 0 25px !important;line-height:30px}
.shopView02 .txt {margin:15px 0 0 25px;text-align:left}
.shopView02 ul {overflow:hidden; margin:35px 0 0 0px;height:84px;padding-left: 155px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/icon_main_interestfree.png) no-repeat 43px 50%;}
.shopView02 ul li { margin-top:10px;position:relative;}
.shopView02 ul li a{display:inline-block;font-size:16px;font-weight:600;line-height:24px}
.shopView02 ul li a:after{content:'';display:inline-block;position:absolute;top:12px;width:5px;height:8px;margin:-3px 0 0 6px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}
/*VIP우대서비스*/
.vipService02 {float:left;width:258px;height:230px;}
.vipService02 .txt {margin:15px 0 0 25px;text-align:left}
.vipService02 h3{padding:25px 0 0 25px !important}
.vipService02 ul {overflow:hidden; margin:30px 0 0 0px;padding:0px 0 15px 120px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/icon_main_vip.png) no-repeat 25px 50%;}
.vipService02 ul li { margin-top:4px;}
.vipService02 ul li a{display:inline-block;font-size:14px;font-weight:600;line-height:24px}
.vipService02 ul li a:after{content:'';display:inline-block;width:5px;height:8px;margin:-3px 0 0 6px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}

.bottomWrap:after {content:'';clear:both;display:block;}
/*온라인 혜택가맹점*/
.onlineShop02 {position:relative;float:left;width:349px;height:216px;border-top:1px solid #cecece;border-right:1px solid #cecece}
.onlineShop02 h3 {padding:25px 0 0 25px !important}
.onlineShop02 .movie {display:inline-block;width:74px;padding-top:90px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/icon_main_movie.png) no-repeat 0 0;font-size:16px;margin:25px 0px 0px 43px;font-weight:600;text-align:center; }
.onlineShop02 ul {overflow:hidden;width:150px;display:inline-block;vertical-align:top;margin:40px 0 0 35px;}
.onlineShop02 ul li { margin-top:10px;position:relative;}
.onlineShop02 ul li a{display:inline-block;font-size:16px;font-weight:600;line-height:24px}
.onlineShop02 ul li a:after{content:'';display:inline-block;position:absolute;top:12px;width:5px;height:8px;margin:-3px 0 0 6px;background:url(https://img1.kbcard.com/LT/images_r/personal/main/bg_mainIcon.png) no-repeat -41px 0}

/* 메인 renewal 170705 */
/* 메인 로그인영역 */
.mainRenew .loginWrap {height:59px; border-bottom:1px solid #e5e5e5; background:#f5f5f5;}
.mainRenew .loginArea {overflow:hidden; position:relative; width:960px; padding:11px 0; margin:0 auto;}
.mainRenew .loginArea .tit {float:left; margin-top:7px; padding-top:1px; padding-left:28px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/loginBullet01.png') no-repeat left top; color:#333; font-weight:600; line-height:20px;}
.mainRenew .loginArea .loginList {float:left; margin-top:11px; margin-left:221px; }
.mainRenew .loginArea .loginList li {float:left; margin-right:30px;}
.mainRenew .loginArea .loginList li a {padding-right:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/loginBullet02.png') no-repeat center right; color:#333; line-height:15px;}
.mainRenew .loginArea .loginForm {float:left; width:402px; height:29px; padding:4px 0; background:#fff; border-radius:3px;}
.mainRenew .loginArea .loginForm label {float:left; border-left:1px solid #cecece; padding-left:12px; margin-top:6px; font-weight:600; color:#666;}
.mainRenew .loginArea .loginForm label:first-child {border:none}
.mainRenew .loginArea .loginForm input {float:left;}
.mainRenew .loginArea .loginForm a {float:left; padding-top:8px;}
.loginForm input[type='text'],
.loginForm input[type='password'] {width:145px; margin-left:5px; padding:0; border:none; border-radius:0;}
.loginForm input[type='password'] {width:96px;}
.loginArea .btnGrey {position:absolute; top:11px; right:0; padding:0 16px; border:none; background:#4b5464; font-weight:600;}

/* 배너영역 */
.mainVisual {position:relative; height:353px;}
.mainVisual .evntBanner {width:100%; height:353px;}       
.mainVisual .evntBanner li {position:relative; text-align:center;}
.mainVisual .evntSlider .bnrWrap {position:relative; width:100%; height:320px; padding-top:30px;}
.mainVisual .evntSlider .bnrImg {display:inline-block; padding:50px 62px; width:956px; height:220px; font-family:'KB금융 본문체 Medium', KBFGTextM; font-size:32px; font-weight:500; text-align:left; color:#000; line-height:1.31; text-decoration:none; letter-spacing:-0.1px;}
.mainVisual .evntSlider .bnrImg em {display:block; margin-left:2px; margin-bottom:12px; font-size:18px; font-family:'KB금융 본문체 Light', KBFGTextL; font-wieght:300; line-height:1.11; letter-spacing:0;}
.mainVisual .evntSlider .bnrImg span {display:inline-block; position:relative; margin-left:3px; margin-top:10px; padding-right:10px; font-family:'KB금융 본문체 Light', KBFGTextL; color:#000; line-height:1.71; opacity:0.68; letter-spacing:0;}
.mainVisual .evntSlider .bnrImg span:after {content:''; position:absolute; top:0; right:0; width:10px; height:24px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/iconDetail.png') no-repeat top right;}
.mainVisual .evntSlider .bnrImg:hover span {text-decoration:underline;}
.mainVisual .evntSlider .bnrImg .evntMore {position:absolute; top:192px; left:60px;}

.mainVisual .evntBanner .bx-controls {position:relative; top:0px; left:0; margin:-297px auto; padding-right:285px; width:795px; z-index:10000; text-align:right}
.mainVisual .evntBanner .bx-controls .bx-pager {display:inline-block;}
.mainVisual .evntBanner .bx-controls .bx-controls-auto {display:inline-block; vertical-align:top; text-align:center;}
.mainVisual .evntBanner .bx-controls .bx-controls-auto a {display:block; width:18px; height:18px; text-indent:-9999px;}
.mainVisual .evntBanner .bx-controls .bx-controls-auto a.active {display:none}
.mainVisual .evntBanner .bx-controls .bx-controls-auto .bx-start {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/evntSlider_play_01.png') no-repeat;}
.mainVisual .evntBanner .bx-controls .bx-controls-auto .bx-stop {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/evntSlider_pause_01.png') no-repeat;}
.mainVisual .evntBanner .bx-controls .bx-pager-item {float:left; width:18px; height:18px; text-align:center;}
.mainVisual .evntBanner .bx-controls .bx-pager-item:first-child {margin-left:0}
.mainVisual .evntBanner .bx-controls .bx-pager-item a {display:block; width:18px; height:18px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/eventPager_off_01.png') no-repeat; text-indent:-9999px;}        
.mainVisual .evntBanner .bx-controls .bx-pager-item a.active {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/eventPager_on_01.png') no-repeat ;}

.mainVisual .evntBanner .bx-controls .bx-controls-direction {position:absolute;}
.mainVisual .evntBanner .bx-controls .bx-prev {position:absolute; bottom:-152px; left:0; margin-left:-72px; width:72px; height:80px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/main-btn-prev.png') no-repeat; font-size:0;}
.mainVisual .evntBanner .bx-controls .bx-next {position:absolute; bottom:-152px; left:1080px; width:72px; height:80px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/main-btn-next.png') no-repeat; font-size:0;}


/* 배너영역 모션추가관련 css */
.bnrWrap .bnrImg {position:relative; overflow:hidden;}
.bnrWrap .bnrImg p.tit {position:absolute; top:50px; left:62px; z-index:10; font-size:32px; color:#000; font-family:"KB금융 본문체 Medium", KBFGTextM;}
.bnrWrap .bnrImg p.tit em {font-weight:normal; font-family:"KB금융 본문체 Light", KBFGTextL;}
.bnrWrap .bnrImg p.tit span {font-weight:normal;}
.bnrWrap .bnrBg {position:absolute; top:0; left:0px; z-index:9;}

.visual_obj {position:absolute; top:0; left:0; width:100%; height:100%;}
.visual_obj .objTop,
.visual_obj .objRight,
.visual_obj .objBtm,
.visual_obj .objLeft {position:absolute;}
.visual_obj .objTop {top:-100%;}
.visual_obj .objRight {right:-100%;}
.visual_obj .objBtm {bottom:-100%;}
.visual_obj .objLeft {left:-100%;}

/* 바로가기메뉴영역 */
.mainContent  {position:relative; width:1080px; margin:60px auto 0;}
.mainContent .quickArea {position:absolute; top:-383px; right:0px; width:260px; z-index:10000}
.mainContent .quickArea .quickLink {overflow:hidden; width:210px; height:256px; padding:32px 25px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/quickBnr_bg.png') repeat;}
.mainContent .quickArea .quickLink ul {margin-top:-35px; margin-left:-26px;}
.mainContent .quickArea .quickLink li {float:left; width:92px; height:62px; margin-top:35px; margin-left:26px; text-align:center;}
.mainContent .quickArea .quickLink a {display:block; padding-top:45px; color:#fff; font-size:14px;}
.mainContent .quickArea .quickLink a.quick01 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/quickBullet01.png') no-repeat top center;}
.mainContent .quickArea .quickLink a.quick02 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/quickBullet02.png') no-repeat top center;}
.mainContent .quickArea .quickLink a.quick03 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/quickBullet03.png') no-repeat top center;}
.mainContent .quickArea .quickLink a.quick04 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/quickBullet04.png') no-repeat top center;}
.mainContent .quickArea .quickLink a.quick05 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/quickBullet05.png') no-repeat top center;}
.mainContent .quickArea .quickLink a.quick06 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/quickBullet06.png') no-repeat top center;}

/* 카드영역 */
.cardWrap {position:relative; height:312px;}
.cardArea {position:absolute; top:0; left:0;}
.cardWrap .tab {display:block; position:relative; width:137px; height:37px; line-height:37px; text-align:center; border:1px solid #7361c5; background:#fff; color:#7361c5; font-size:16px; font-weight:600; z-index:10000}
.cardWrap .on  .tab {color:#fff; background:#7361c5;}
.cardWrap .area01 .tab {margin-left:332px;}
.cardWrap .area02 .tab {width:138px; margin-left:470px;}
.cardWrap .area03 .tab {margin-left:609px;}
.cardWrap .cardList {position:relative; width:1080px; background:#fff}
.cardWrap .cardList .btnMore {position:absolute; right:0; top:-39px;}
.cardWrap .cardList ul li {float:left; width:1080px; padding-top:35px; height:237px;}
.cardWrap .cardList ul li a {position:relative; float:left; display:block; width:270px; height:237px; margin-left:50px;}
.cardWrap .cardList ul li a img {position:relative; width:270px; height:auto; z-index:99;}
.cardWrap .cardList ul li a:first-child {margin-left:85px;}
.cardWrap .cardList .lineBg {position:absolute; bottom:110px; left:0; width:1080px; height:1px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lineBg.jpg') no-repeat left top;; z-index:98;}
.cardWrap .cardList .txtBg {position:absolute; bottom:0; left:0; width:1080px; height:110px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/cardTxt_bg01.png') no-repeat left top; z-index:100;}
.cardWrap .cardList .cardEvnt {position:absolute; bottom:110px; left:0; width:270px; height:39px; z-index:1000; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/cardEvnt_bg.png') repeat-x; text-align:center; line-height:39px; color:#fff;}
.cardWrap .cardList .cardTxt {position:absolute; top:156px; left:0; width:285px; z-index:1000; text-align:center; z-index:110;}
.cardWrap .cardList .cardTxt .tit {font-size:18px; color:#333; font-weight:600;}
.cardWrap .cardList .cardTxt span {display:block; margin-top:9px; line-height:26px; font-size:16px;}
.cardWrap .cardList .cardTxt .colPoint2 {font-size:12px; margin-top:1px;}
.cardWrap .cardList .bx-prev {position:absolute; left:0; top:92px; width:47px; height:47px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/cardList_prev.png') no-repeat; text-indent:-9999px;}
.cardWrap .cardList .bx-next {position:absolute; right:0; top:92px; width:47px; height:47px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/cardList_next.png') no-repeat; text-indent:-9999px;}

/* 중요공지사항 영역 */
.mainContent .noticeWrap {overflow:hidden;margin-top:55px; height:91px; background:#6b727f}           
.mainContent .noticeWrap li {float:left; width:539px; border-left:1px solid #fff}
.mainContent .noticeWrap li:first-child {width:540px; border-left:none}
.mainContent .noticeWrap .col01 li.noti02,
.mainContent .noticeWrap .col01 li.noti03 {display:none}
.mainContent .noticeWrap .col02 li.noti03 {display:none}
.mainContent .noticeWrap .col03 li {width:359px;}           
.mainContent .noticeWrap a {display:block; padding-left:115px; padding-top:19px; height:72px; color:#fff; line-height:26px; font-size:16px;}
.mainContent .noticeWrap a:hover {text-decoration:none}
.mainContent .noticeWrap a strong {display:block;}
.mainContent .noticeWrap li.noti01 a {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/notiBg170915_01.png') no-repeat 30px 13px;}
.mainContent .noticeWrap li.noti02 a {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/notiBg02.png') no-repeat 30px 13px;}
.mainContent .noticeWrap li.noti03 a {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/notiBg01.png') no-repeat 30px 13px;}

.mainContent .noticeWrap .col01 li a {padding-left:143px;}
.mainContent .noticeWrap .col01 li.noti01 a {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/180402_Main_banner_icon.png') no-repeat 40px 13px;}
.mainContent .noticeWrap .col01 li.noti01 a span {display:inline-block; padding-right:18px; margin-top:12px; color:#fff; font-size:18px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/notiArrow.png') no-repeat center right;}



/* 금융서비스 영역 */
.financeWrap {position:relative}
.financeWrap .tit {margin-top:78px; font-size:28px; text-align:center; color:#333; font-weight:600}
.financeWrap .btnMore {position:absolute; top:2px; right:0;}
.financeWrap .btnList {overflow:hidden; margin-top:27px;}
.financeWrap .btnList li {position:relative; float:left; width:216px;}
.financeWrap .btnList.col6 li {position:relative; float:left; width:180px;}
.financeWrap .btnList li a {position:relative; display:block; height:175px; padding-top:32px; border-left:1px solid #cecece; border-top:1px solid #cecece; border-bottom:1px solid #cecece; background:#fff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/financeBg.png') no-repeat center 107px; text-align:center}
.financeWrap .btnList li:last-child a {border-right:1px solid #cecece;}
.financeWrap .btnList li a strong {display:block; color:#333; font-size:18px; line-height:30px;}
.financeWrap .btnList li a span {display:block; margin-top:32px; line-height:24px;}
.financeWrap .btnList li a:hover {border-top:1px solid #566ec3; border-bottom:1px solid #566ec3; border-left:1px solid #566ec3; background:#566ec3 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/financeBg_on.png') no-repeat center 107px; color:#fff; text-decoration:none}
.financeWrap .btnList li a:hover:after {display:block; content:''; position:absolute; top:-1px; right:-1px; height:204px; border-right:1px solid #566ec3; z-index:1000}
.financeWrap .btnList li a:hover strong {color:#fff;}
.financeWrap .btnList li a:hover span {color:#fff;}

/* 납부서비스 영역 */
.paymentWrap {position:relative}
.paymentWrap .tit {margin-top:78px; font-size:28px; text-align:center; color:#333; font-weight:600}
.paymentWrap .btnMore {position:absolute; top:2px; right:0;}
.paymentWrap .btnList {overflow:hidden; margin-top:27px;}
.paymentWrap .btnList li {float:left; width:180px;}
.paymentWrap .btnList li:first-child {width:180px;}
.paymentWrap .btnList li a {position:relative; display:block; height:57px; padding-top:112px; border-top:1px solid #cecece; border-bottom:1px solid #cecece; border-left:1px solid #cecece; font-size:18px; font-weight:600; color:#333; text-align:center;}
.paymentWrap .btnList li:last-child a {border-right:1px solid #cecece;}
.paymentWrap .btnList li a:hover {border-top:1px solid #5da243; border-bottom:1px solid #5da243; border-left:1px solid #5da243; text-decoration:none}
.paymentWrap .btnList li a:hover:after {display:block; content:''; position:absolute; top:-1px; right:-1px; height:204px; border-right:1px solid #5da243; z-index:1000}
.paymentWrap .btnList li.payment01 a {background:#fff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg01.png') no-repeat center 40px;}
.paymentWrap .btnList li.payment02 a {background:#fff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg02.png') no-repeat center 40px;}
.paymentWrap .btnList li.payment03 a {background:#fff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg03.png') no-repeat center 40px;}
.paymentWrap .btnList li.payment04 a {background:#fff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg04.png') no-repeat center 40px;}
.paymentWrap .btnList li.payment05 a {background:#fff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg05_01.png') no-repeat center 40px;}
.paymentWrap .btnList li.payment06 a {background:#fff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg06_01.png') no-repeat center 40px;}
.paymentWrap .btnList li.payment01 a:hover {background:#5da243 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg01_on.png') no-repeat center 40px; color:#fff;}
.paymentWrap .btnList li.payment02 a:hover {background:#5da243 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg02_on.png') no-repeat center 40px; color:#fff;}
.paymentWrap .btnList li.payment03 a:hover {background:#5da243 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg03_on.png') no-repeat center 40px; color:#fff;}
.paymentWrap .btnList li.payment04 a:hover {background:#5da243 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg04_on.png') no-repeat center 40px; color:#fff;}
.paymentWrap .btnList li.payment05 a:hover {background:#5da243 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg05_01_on.png') no-repeat center 40px; color:#fff;}
.paymentWrap .btnList li.payment06 a:hover {background:#5da243 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/paymentBg06_01_on.png') no-repeat center 40px; color:#fff;}

/* 혜택영역 */
.benefitWrap {position:relative}
.benefitWrap .tit {margin-top:78px; font-size:28px; text-align:center; color:#333; font-weight:600}
.benefitWrap .btnMore {position:absolute; top:2px; right:0;}
.benefitWrap .benefitArea {overflow:hidden; margin-top:27px;}
.benefitWrap .benefitArea .leftCon {float:left; width:710px; border:2px solid #09a29b}
.benefitWrap .benefitArea .leftCon .pointreeArea {position:relative; float:left; width:277px; height:424px; padding:36px 40px 38px 38px; background:#09a29b}
.benefitWrap .benefitArea .leftCon .pointreeArea .sTit {padding-bottom:38px; margin-bottom:23px; border-bottom:1px solid #fff; color:#fff; text-align:center; font-size:22px; font-weight:600;}
.benefitWrap .benefitArea .leftCon .pointreeArea .listMore {position:absolute; top:18px; right:20px;}
.benefitWrap .benefitArea .leftCon .pointreeList {padding-top:49px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/pointreeBg.png') no-repeat center top}
.benefitWrap .benefitArea .leftCon .pointreeBtn {border-radius:4px; border:1px solid #fff;}
.benefitWrap .benefitArea .leftCon .pointreeBtn li {border-top:1px solid #fff; line-height:47px;}
.benefitWrap .benefitArea .leftCon .pointreeBtn li:first-child {border-top:none}
.benefitWrap .benefitArea .leftCon .pointreeBtn li a {display:block; color:#fff; text-align:center; font-size:18px; font-weight:600}
.benefitWrap .benefitArea .leftCon .pointreeBtn li a:hover {background:#fff; color:#09a29b; text-decoration:none}

.benefitWrap .benefitArea .leftCon .starshopArea {position:relative; float:left; width:275px; height:424px; padding:36px 40px 38px;}
.benefitWrap .benefitArea .leftCon .starshopArea .sTit {padding-bottom:38px; margin-bottom:20px; border-bottom:1px solid #09a29b; color:#09a29b; text-align:center; font-size:22px; font-weight:600;}
.benefitWrap .benefitArea .leftCon .starshopArea .listMore {position:absolute; top:18px; right:20px;}
.benefitWrap .benefitArea .leftCon .starshopArea .starshopList {padding-top:64px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/starshopBg.png') no-repeat center top;}
.benefitWrap .benefitArea .leftCon .starshopArea .starshopList li {margin-bottom:14px; text-align:center; line-height:28px;}
.benefitWrap .benefitArea .leftCon .starshopArea .starshopList li p {font-size:18px; font-weight:600; color:#333}
.benefitWrap .benefitArea .leftCon .starshopArea .starshopList li span {display:block; margin-top:1px; font-size:16px; color:#666;}
.benefitWrap .benefitArea .leftCon .starshopArea .starshopList .searchBtn {display:block; margin-top:32px; border-radius:4px; line-height:47px; background:#09a29b; text-align:center;}
.benefitWrap .benefitArea .leftCon .starshopArea .starshopList .searchBtn:hover {text-decoration:none}
.benefitWrap .benefitArea .leftCon .starshopArea .starshopList .searchBtn span {padding-right:31px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/starshopBullet.png') no-repeat  right center; font-size:18px; color:#fff; font-weight:600}

.benefitWrap .benefitArea .rightCon {float:left; width:274px; height:423px; padding:37px 40px 40px; margin-left:10px; background:#fafafa; border:1px solid #cecece;}
.benefitWrap .benefitArea .rightCon li {padding-bottom:39px; margin-bottom:39px; border-bottom:1px solid #cecece;}
.benefitWrap .benefitArea .rightCon li:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none}
.benefitWrap .benefitArea .rightCon strong {display:inline-block; padding-right:16px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/mainBullet.png') no-repeat right center; font-size:18px; font-weight:600; color:#333;}
.benefitWrap .benefitArea .rightCon a:hover strong {text-decoration:underline}
.benefitWrap .benefitArea .rightCon span {display:block; margin-top:20px; letter-spacing:-1px}
.benefitWrap .benefitArea .rightCon .vipList p {font-size:18px; font-weight:600; color:#333;}
.benefitWrap .benefitArea .rightCon .vipList li {display:inline-block; margin-top:27px; width:145px;  padding-bottom:0; margin-bottom:0; border-bottom:0;}
.benefitWrap .benefitArea .rightCon .vipList li a  {display:inline-block; padding-right:16px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/mainBullet.png') no-repeat right center; font-size:18px; font-weight:600; color:#333;}
.benefitWrap .benefitArea .rightCon .vipList li:nth-child(2),
.benefitWrap .benefitArea .rightCon .vipList li:nth-child(4),
.benefitWrap .benefitArea .rightCon .vipList li:nth-child(6) {width:125px;}
.benefitWrap .benefitArea .rightCon .vipList li a {font-size:14px; font-weight:normal; color:#666}

.seviceWrap {overflow:hidden; margin-top:80px; height:156px; border:1px solid #cecece;}  
.seviceWrap .lifeWrap {position:relative; float:left; width:165px; padding-left:194px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitLine.gif') no-repeat right 42px;}  
.seviceWrap .lifeWrap .sTit {position:absolute; top:37px; left:40px; font-size:18px; font-weight:600; color:#333}  
.seviceWrap .lifeWrap .sTxt {position:absolute; top:70px; left:40px; line-height:26px;}  
.seviceWrap .lifeWrap .lifeList {position:relative; width:82px; padding:39px 24px 0;}  
.seviceWrap .lifeWrap .bx-prev {position:absolute; left:0; top:76px; width:9px; height:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifePrev.png') no-repeat; text-indent:-9999px;}  
.seviceWrap .lifeWrap .bx-next {position:absolute; right:0; top:76px; width:9px; height:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeNext.png') no-repeat; text-indent:-9999px;}  
/* .seviceWrap .lifeWrap .lifeSlide {margin-left:24px;} */  
.seviceWrap .lifeWrap .lifeSlide li {overflow:hidden; width:82px;}  
.seviceWrap .lifeWrap .lifeSlide li a {float:left; width:82px; padding-top:72px; text-align:center; background:#ddd; font-weight:600;}  
.seviceWrap .lifeWrap .lifeSlide li .life01 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg01.png') no-repeat center top;}  
.seviceWrap .lifeWrap .lifeSlide li .life02 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg02.png') no-repeat center top;}  
.seviceWrap .lifeWrap .lifeSlide li .life03 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg03.png') no-repeat center top;}  
.seviceWrap .lifeWrap .lifeSlide li .life04 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg04.png') no-repeat center top;}  
.seviceWrap .lifeWrap .lifeSlide li .life05 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg05.png') no-repeat center top;}  
.seviceWrap .lifeWrap .lifeSlide li .life06 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg06.png') no-repeat center top;}  
.seviceWrap .lifeWrap .lifeSlide li .life07 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg07.png') no-repeat center top;}  
.seviceWrap .lifeWrap .lifeSlide li .life08 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/lifeBg08.png') no-repeat center top;}  
 
.seviceWrap .goldenWrap {float:left; width:279px; padding:37px 40px 40px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/goldenBullet.png') no-repeat 239px 38px;}  
.seviceWrap .goldenWrap .sTit {font-size:18px; font-weight:600; color:#333}  
.seviceWrap .goldenWrap span {display:block; margin-top:12px; line-height:26px;}  
 
.seviceWrap .petWrap {float:left; width:280px; padding:37px 40px 40px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitLine.gif') no-repeat left 42px;}  
.seviceWrap .petWrap a {display:block; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/petBullet.png') no-repeat right top;}  
.seviceWrap .petWrap .sTit {font-size:18px; font-weight:600; color:#333}  
.seviceWrap .petWrap span {display:block; margin-top:12px; line-height:26px;}  

/* ARS 및 기타 서비스 영역 */
.etcWrap {overflow:hidden; margin:80px 0 49px; border:1px solid #cecece;}
.etcWrap .etcLeft {float:left; width:697px; height:377px; border-right:1px solid #cecece; background:#fafafa}
.etcWrap .etcLeft .arsArea {float:left; width:384px; height:377px; border-right:1px solid #cecece;}
.etcWrap .etcLeft .arsTop {overflow:hidden; height:45px; padding:40px 11px 40px; border-bottom:1px solid #cecece; text-align:center;}
.etcWrap .etcLeft .arsTop li {float:left; width:215px;}
.etcWrap .etcLeft .arsTop li:last-child {width:146px; border-left:1px solid #cecece}
.etcWrap .etcLeft .arsTop li p {margin-top:-3px; font-size:18px; color:#333; font-weight:600;}
.etcWrap .etcLeft .arsTop li span {display:block; margin-top:9px; font-size:18px; color:#7361c5; font-weight:600}
.etcWrap .etcLeft .arsBottom {padding:38px 39px 40px 40px;}           
.etcWrap .etcLeft .arsBottom li {overflow:hidden; margin-bottom:21px;}
.etcWrap .etcLeft .arsBottom p {float:left; width:163px; color:#333; font-size:16px; font-weight:600;}
.etcWrap .etcLeft .arsBottom span {float:left; width:142px; color:#333; text-align:right; font-size:16px; font-weight:600;}
.etcWrap .etcLeft .customerArea {float:left; width:312px;}
.etcWrap .etcLeft .customerArea .customer01 {overflow:hidden; height:45px; padding:40px 11px 40px; border-bottom:1px solid #cecece; text-align:center;}
.etcWrap .etcLeft .customerArea .customer01 li {float:left; width:93px; border-left:1px solid #cecece}
.etcWrap .etcLeft .customerArea .customer01 li:first-child {width:101px; border-left:none}
.etcWrap .etcLeft .customerArea .customer01 li a {display:block; margin-top:-3px; padding-top:33px; color:#333}
.etcWrap .etcLeft .customerArea .customer01 li a.item01 {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/emailBullet.png') no-repeat center top;}
.etcWrap .etcLeft .customerArea .customer01 li a.item02 {margin-top:0; padding-top:30px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/chatBullet.png') no-repeat center top;}
.etcWrap .etcLeft .customerArea .customer01 li a.item03 {margin-top:0; padding-top:30px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/counselBullet.png') no-repeat center top;}
.etcWrap .etcLeft .customerArea .customer02,
.etcWrap .etcLeft .customerArea .customer03 {overflow:hidden; height:48px; padding:37px 40px 40px; border-bottom:1px solid #cecece;}
.etcWrap .etcLeft .customerArea .customer02 p,
.etcWrap .etcLeft .customerArea .customer03 p {display:inline-block; padding-right:15px; font-size:18px; color:#333; font-weight:600; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/mainBullet.png') no-repeat right center;}
.etcWrap .etcLeft .customerArea .customer02 span,
.etcWrap .etcLeft .customerArea .customer03 span {display:block; margin-top:12px;}
.etcWrap .etcRight {float:left; width:380px;}
/* FAQ가 없을 때 */
/*.etcWrap .etcRight .notiArea {position:relative; width:341px; height:155px; padding-top:37px; padding-left:39px;}*/
/* FAQ가 있을 때 */
.etcWrap .etcRight .notiArea {position:relative; width:341px; height:214px; padding-top:37px; padding-left:39px;}

.etcWrap .etcRight .notiArea .tit {margin-bottom:26px; font-size:18px; font-weight:600; color:#333;}
.etcWrap .etcRight .notiArea li {margin-bottom:12px;}
.etcWrap .etcRight .notiArea li a {display:block; overflow:hidden; width:300px; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.etcWrap .etcRight .notiArea .btnMore {position:absolute; top:20px; right:20px;}
/* FAQ가 없을 때 */
/*.etcWrap .etcRight .evntBnr {display:block; border-top:1px solid #cecece;}*/
/* FAQ가 있을 때 */
.etcWrap .etcRight .evntBnr {display:none; border-top:1px solid #cecece;}
/* FAQ가 없을 때 */
/*.etcRight .faqWrap {display:none; height:48px; padding:37px 40px 40px; border-top:1px solid #cecece}*/
/* FAQ가 있을 때 */
.etcRight .faqWrap {display:block; height:48px; padding:37px 40px 40px; border-top:1px solid #cecece}
.etcRight .faqWrap p {display:inline-block; padding-right:15px; font-size:18px; color:#333; font-weight:600; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/mainBullet.png') no-repeat right center}
.etcRight .faqWrap span {display:block; margin-top:12px;}

/* 혜택 영역 디자인 변경 170828 */
.benefitWrap01 {position:relative}
.benefitWrap01 .tit {margin-top:78px; font-size:28px; text-align:center; color:#333; font-weight:600}
.benefitWrap01 .btnMore {position:absolute; top:2px; right:0;}
.benefitWrap01 .benefitArea {overflow:hidden; margin-top:27px;}
.benefitWrap01 .benefitArea .leftCon {float:left; width:715px; border:2px solid #09a29b}
.benefitWrap01 .benefitArea .pointreeArea {float:left; width:353px; background:#fff; border-right:2px solid #09a29b; text-align:center;}
.benefitWrap01 .benefitArea .pointreeArea .sTit {display:inline-block; margin-top:34px; padding:3px 40px 3px 0; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitBullet01.png') no-repeat right center;; font-size:22px; font-weight:600; color:#09a29b;}
.benefitWrap01 .benefitArea .pointreeArea .pointreeBtn {margin-left:38px; margin-top:33px; width:275px; border:1px solid #09a29b; border-radius:5px;}
.benefitWrap01 .benefitArea .pointreeBtn li {border-top:1px solid #09a29b; line-height:47px;}
.benefitWrap01 .benefitArea .pointreeBtn li:first-child {border-top:none}
.benefitWrap01 .benefitArea .pointreeBtn li a {display:block; color:#333; text-align:center; font-size:16px;}
.benefitWrap01 .benefitArea .pointreeBtn li a:hover {background:#09a29b; color:#fff; text-decoration:none}
.benefitWrap01 .benefitArea .liivmateArea {margin:46px auto 0; width:277px;}
.benefitWrap01 .benefitArea .liivmateArea .txt {display:block; margin:11px 0 45px; line-height:26px; font-weight:normal; color:#666; font-size:14px}
.benefitWrap01 .benefitArea .liivmateArea a span {display:inline-block; margin-top:18px; padding-right:13px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitBullet02.png') no-repeat right center; font-size:16px; font-weight:600; color:#333;}
.benefitWrap01 .benefitArea .liivmateArea a:hover .txt,
.benefitWrap01 .benefitArea .liivmateArea a:hover span {text-decoration:underline}

.benefitWrap01 .benefitArea .starshopArea {float:left; width:300px; padding:27px 30px; text-align:center;}
.benefitWrap01 .benefitArea .starshopArea .sTit span {display:inline-block; margin-top:11px; margin-right:6px; font-size:22px; font-weight:600; color:#128c86;}
.benefitWrap01 .benefitArea .starshopArea .sTit img {display:inline-block; vertical-align:top;}
.benefitWrap01 .benefitArea .starshopArea .starshopList {margin-top:46px; padding-bottom:8px; border-bottom:1px solid #09a29b; text-align:left}
.benefitWrap01 .benefitArea .starshopArea .starshopList li {padding-left:28px; margin-bottom:25px;}
.benefitWrap01 .benefitArea .starshopArea .starshopList a {display:inline-block; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitBullet03.png') no-repeat right 8px; text-decoration:none}
.benefitWrap01 .benefitArea .starshopArea .starshopList a p {display:inline-block; width:121px; font-size:18px; font-weight:600; color:#333;}
.benefitWrap01 .benefitArea .starshopArea .starshopList a span {display:inline-block; width:119px; letter-spacing:-1px}
.benefitWrap01 .benefitArea .starshopArea .starshopList a:hover p,
.benefitWrap01 .benefitArea .starshopArea .starshopList a:hover span {text-decoration:underline}
.benefitWrap01 .benefitArea .etcList {padding-top:16px;}
.benefitWrap01 .benefitArea .etcList li {margin:20px 10px 0;}
.benefitWrap01 .benefitArea .etcList li a {display:block; text-align:left; height:53px; padding-left:83px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitIcon03.png') no-repeat;}
.benefitWrap01 .benefitArea .etcList li:last-child a {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitIcon04.png') no-repeat;}
.benefitWrap01 .benefitArea .etcList li a p {display:inline-block; padding-right:15px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitBullet03.png') no-repeat right center; font-size:18px; font-weight:600; color:#333}
.benefitWrap01 .benefitArea .etcList li a:hover p {text-decoration: underline}
.benefitWrap01 .benefitArea .etcList li a span {display:block; margin-top:14px;}

.benefitWrap01 .benefitArea .rightCon {float:left; width:289px; padding:30px 30px 39px; margin-left:10px; background:#fafafa; border:1px solid #cecece;}
.benefitWrap01 .benefitArea .rightCon .rightList {overflow:hidden; padding:0 14px 28px;}
.benefitWrap01 .benefitArea .rightCon .rightList li {float:left; width:131px; padding:21px 0 17px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitLine01.png') repeat-y right; text-align:left;}
.benefitWrap01 .benefitArea .rightCon .rightList li:last-child {width:130px; background:none; text-align:right;}
.benefitWrap01 .benefitArea .rightCon .rightList li a {position:relative; display:inline-block; width:76px; padding-left:14px; padding-top:109px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitIcon05.png') no-repeat left top; text-align:left; font-size:18px; font-weight:600; line-height:28px; color:#333}
.benefitWrap01 .benefitArea .rightCon .rightList li:last-child a {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitIcon06_01.png') no-repeat left top;}
.benefitWrap01 .benefitArea .rightCon .rightList li a:after {content:''; display:block; position:absolute; bottom:10px; left:74px; width:5px; height:8px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitBullet03.png') no-repeat;}

.benefitWrap01 .benefitArea .rightCon .vipList {overflow:hidden; padding:37px 10px 0; border-top:1px solid #cecece}
.benefitWrap01 .benefitArea .rightCon .vipList p {font-size:18px; font-weight:600; color:#333;}
.benefitWrap01 .benefitArea .rightCon .vipList ul {overflow:hidden; margin-left:-57px;}
.benefitWrap01 .benefitArea .rightCon .vipList ul li {float:left; margin-left:57px; margin-top:18px; width:106px;}
.benefitWrap01 .benefitArea .rightCon .vipList ul li a {padding-right:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/benefitBullet03.png') no-repeat right center;}

/* 라이프샵 */
.benefitWrap01 .lifeArea {overflow:hidden; margin-top:27px;}
.benefitWrap01 .lifeArea li {float:left; width:358px; margin-left:3px;}
.benefitWrap01 .lifeArea li:first-child {margin-left:0;}
.benefitWrap01 .lifeArea li a {display:block; padding:38px 40px; height:81px;}
.benefitWrap01 .lifeArea li a p {font-size:18px; font-weight:600; color:#333;}
.benefitWrap01 .lifeArea li a span {display:block; margin-top:12px; color:#555; line-height:1.71; letter-spacing:-0.2px;}
.benefitWrap01 .lifeArea li:nth-child(1) a {background:#c4d1ff url('https://img1.kbcard.com/LT/images_r/personal/main/renew/iconLifeshop01.png') no-repeat 252px 41px;}
.benefitWrap01 .lifeArea li:nth-child(2) a {background:#ffcbc4 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/iconLifeshop02.png') no-repeat 252px 41px;}
.benefitWrap01 .lifeArea li:nth-child(3) a {background:#a7ebe7 url('https://img1.kbcard.com/LT/images_r/personal/main/renew/iconLifeshop03.png') no-repeat 252px 41px;}

/* 라이프샵 디자인 변경 180809 */
.benefitWrap01 .lifeShop {position:relative; overflow:hidden; margin-top:80px; padding-left:250px; border:1px solid #cecece;}
.benefitWrap01 .lifeShop .lifeTit {position:absolute; top:45px; left:40px;}
.benefitWrap01 .lifeShop .lifeMore {position:absolute; top:107px; left:40px;}
.benefitWrap01 .lifeShop ul {margin-top:35px; margin-left:-25px;}
.benefitWrap01 .lifeShop ul li {float:left; width:250px; margin-left:25px;}
.benefitWrap01 .lifeShop ul li p {margin-top:20px; font-size:16px; font-weight:600; line-height:1.5;}
.benefitWrap01 .lifeShop ul li:nth-child(1) p {color:#2b8bd9}
.benefitWrap01 .lifeShop ul li:nth-child(2) p {color:#f13d85}
.benefitWrap01 .lifeShop ul li:nth-child(3) p {color:#09a29b}
.benefitWrap01 .lifeShop ul li span {display:block; margin:6px 0 30px; line-height:1.64;}
.benefitWrap01 .lifeShop ul li span strong {display:block; color:#333;}

/* etc */
.benefitWrap01 .etcArea {overflow:hidden; margin-top:80px; border:1px solid #cecece;}
.benefitWrap01 .etcArea li {float:left; width:539px;}
.benefitWrap01 .etcArea li:last-child {width:538px; border-left:1px solid #cecece;}
.benefitWrap01 .etcArea li a {display:block; padding:38px 40px; height:92px;}
.benefitWrap01 .etcArea li a p {font-size:18px; font-weight:600; color:#333;}
.benefitWrap01 .etcArea li a span {display:block; margin-top:23px; line-height:1.71; letter-spacing:-0.2px;}
.benefitWrap01 .etcArea li:nth-child(1) a {background:#fafafa url('https://img1.kbcard.com/LT/images_r/personal/main/renew/iconGoldenlife.png') no-repeat 346px 33px;}
.benefitWrap01 .etcArea li:nth-child(2) a  {background:#fafafa url('https://img1.kbcard.com/LT/images_r/personal/main/renew/iconPetconomy.png') no-repeat 346px 33px;}

/* 중요공지사항 영역 */
.mainContent .noticeWrap1805 {display:table; margin-top:55px; background:#e6e7e8}
.mainContent .noticeWrap1805 li {display:table-cell; border-left:1px solid #fff; line-height:28px; vertical-align:middle;}
.mainContent .noticeWrap1805 li:first-child {border-left:1px solid #e6e7e8}
.mainContent .noticeWrap1805 li a {display:block; font-size:16px; color:#333; background-repeat:no-repeat}
.mainContent .noticeWrap1805 .col01 .noti02,
.mainContent .noticeWrap1805 .col01 .noti03 {display:none}
.mainContent .noticeWrap1805 .col02 .noti03 {display:none}
.mainContent .noticeWrap1805 .col01 li {width:1080px;}
.mainContent .noticeWrap1805 .col01 li a {padding:16px 50px 16px 128px; background-position:50px center}
.mainContent .noticeWrap1805 .col02 li {width:540px;}
.mainContent .noticeWrap1805 .col02 li a {padding:18px 40px 18px 135px; background-position:40px center}
.mainContent .noticeWrap1805 .col03 li {width:359px; }
.mainContent .noticeWrap1805 .col03 li a {padding:18px 30px 18px 115px; background-position:30px center}

/* 메인 띠배너 영역 181130 */
.mainContent .noticeRoll {position:relative; margin-top:55px; height:60px; padding-left:50px; background:#e6e7e8; overflow:hidden;}
.mainContent .noticeRoll .bx-wrapper {position:relative; width:913px;margin:0 !important;}
.mainContent .noticeRoll .bx-viewport {max-width:80%;}
.mainContent .noticeRoll .noticeList {position:relative;}
.mainContent .noticeRoll .noticeList:after {content:''; display:table; clear:both;}
.mainContent .noticeRoll li {float:left; height:60px; line-height:28px; vertical-align:middle;}
.mainContent .noticeRoll li a {display:block; padding:16px 0 16px 78px; font-size:18px; color:#333; background-repeat:no-repeat; background-position:0 center;}
.mainContent .noticeRoll .bx-controls {position:absolute; top:23px; right:0;}
.mainContent .noticeRoll .bx-controls .bx-pager {float:left; padding-top:1px;}
.mainContent .noticeRoll .bx-controls .bx-pager-item {float:left; padding-right:7px;}
.mainContent .noticeRoll .bx-controls .bx-pager-item:last-child {padding-right:0;}
.mainContent .noticeRoll .bx-controls .bx-pager-link {display:block; width:12px; height:12px; border-radius:6px; background:#8d8d8d; text-indent:-9999em;}
.mainContent .noticeRoll .bx-controls .bx-pager-link.active {background:#f1513d;}
.mainContent .noticeRoll .bx-controls .bx-controls-auto {float:left;margin-left:15px;}
.mainContent .noticeRoll .bx-controls .bx-start,
.mainContent .noticeRoll .bx-controls .bx-stop {display:block;}
.mainContent .noticeRoll .bx-controls .bx-start.active,
.mainContent .noticeRoll .bx-controls .bx-stop.active {display:none;}
.mainContent .noticeRoll .bx-controls .bx-controls-auto a {display:block;width:11px;height:14px;text-indent:-9999px;}
.mainContent .noticeRoll .bx-controls .bx-controls-auto a.active {display:none;}
.mainContent .noticeRoll .bx-controls .bx-controls-auto .bx-start {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/noticeRoll_play_01.png') no-repeat;}
.mainContent .noticeRoll .bx-controls .bx-controls-auto .bx-stop {background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/noticeRoll_pause_01.png') no-repeat;}
.mainContent .btnArea {position:absolute; top:15px; right:18px; margin:0;}
.mainContent .btnArea a {position:relative; margin:0; padding-right:26px; border:0; border-radius:0; color:#666; font-size:14px; line-height:29px;}
.mainContent .btnArea a:before,
.mainContent .btnArea a:after {content:''; position:absolute; background:#666;}
.mainContent .btnArea a:before {top:10px; right:14px; width:2px; height:10px;}
.mainContent .btnArea a:after {top:14px; right:10px; width:10px; height:2px;}