@charset "utf-8";

@import url('style.css'); /* common css */

/*Mouse Cursor*/
.auto { cursor: auto }
.default { cursor: default }
.text { cursor: text }
.help { cursor: help }
.pointer { cursor: pointer }
.wait { cursor: wait }
.crosshair { cursor: crosshair }
.move { cursor: move }
.smile { cursor:url(),auto }
.progress { cursor: progress }
.e-resize { cursor: e-resize }
.ne-resize { cursor: ne-resize }
.nw-resize { cursor: nw-resize }
.n-resize { cursor: n-resize }
.se-resize { cursor: se-resize }
.sw-resize { cursor: sw-resize }
.s-resize { cursor: s-resize }
.w-resize { cursor: w-resize }

/* Visual
.safeMail{background:url('/images/individual/service/bg_visual_safe_mail.jpg') no-repeat right bottom; padding-bottom:65px;}
.smsService {background:url('/images/individual/service/bg_visual_sms_service.jpg') no-repeat right bottom; padding-bottom:82px !important;}
.cpBillApply {background:url('/images/individual/service/bg_visual_cp_bill.jpg') no-repeat right bottom;}
.cpphoneApply {background:url('/images/individual/service/bg_visual_cp_phone.jpg') no-repeat right bottom;}
.serviceVIPVisual {background:url('/images/individual/service/bg_visual_cp_phone.jpg') no-repeat right bottom; padding-bottom:88px !important;}
.creditSafeV {background:url('/images/individual/service/bg_visual_cp_phone.jpg') no-repeat right bottom; padding-bottom:83px !important;}
 */


/* 2018 웹접근성 */
/* 맞춤카드 찾기 하단 은행탭 */
.bankRankingList {width:100%; overflow:hidden; cursor:pointer; padding-top:1px;padding-left:1px;}
.bankRankingList li {float:left;margin-left:-1px;margin-top:-1px;}
.bankRankingList li img {position:relative;border:1px solid #ccc;z-index:1;}
.bankRankingList li img.on {border:3px solid #e83d44;z-index:2;}  
.bankRankingList li a:focus { position: relative; outline: 1px dotted #000; z-index: 5} 
/* 2018 웹접근성 */


/* 카드 혜택,분야 선택 */
.cardSelWrap {overflow:hidden; width:100%; border-top:2px solid #c0c7d9;}
	.cardSelWrap dl {width:100%; overflow:hidden; padding:17px 0 5px 0;border-bottom:1px solid #c0c7d9;}
	.cardSelWrap dt {float:left; width:50px; padding:0 0 0 20px; font-weight:normal; font-family:RixGoEB; color:#555555; }
	.cardSelWrap dd {float:left;}
		.cardSelWrap dd ul {width:645px;overflow:hidden;}
			.cardSelWrap dd li {float:left; height:25px;margin:0 0 0 0; padding:0 28px 0 0;}
			.cardSelWrap dd li label {display:inline-block; margin:0 0 0 5px;}
	.cardSelWrap .typeSel {}
		.cardSelWrap .typeSel dt {padding-top:50px}
			.cardSelWrap .typeSel li {padding:0 !important;}
			.cardSelWrap .typeSel .line1 {width:110px;}
			.cardSelWrap .typeSel .line2 {width:120px;}
			.cardSelWrap .typeSel .line3 {width:120px;}
			.cardSelWrap .typeSel .line4 {width:116px;}
			.cardSelWrap .typeSel .line5 {width:175px;}

/* 카드 상품 목록 */
.cardProListWrap {width:100%; margin-top:30px; border-bottom:1px solid #ddd;}
.cardProListWrap td {padding:30px 0 41px 0; /*border-bottom:1px solid #ddd;*/ vertical-align:top;}
.cardProListWrap .cardProList {width:335px;min-height:90px;position:relative;}
.cardProListWrap .cardProList:after {display:block; content:''; clear:both;}
.cardProList dl.cardPro {width:335px; height:110px;}
.cardProList dl.cardPro:after {display:block; content:''; clear:both;}
.cardProList dt {float:left; width:165px;}
.cardProList .cardThumb {display:block; height:110px; }
.cardProList .cardThumb img { width:145px; height:90px;}
.cardProList dd { float:left; width:165px;}
.cardProList dd.cardName {font-weight:normal; font-family:RixGoEB; color:#242424; font-size:14px; line-height:16px; width:175px; padding-bottom:5px;}
.cardProList dd.cardName a {color:#242424;}
.cardProList dd.descTxt {margin:12px 0 0 0;font-size:12px; color:#555555; line-height:16px; width:175px;height:65px; overflow:hidden;}
.cardProList dd.userAge {margin:7px 0 0 0;}
.cardProList dd.userAge .age {display:inline-block; margin:0 0 0 5px; padding:0 0 0 5px; color:#d0484e; font-size:12px; font-weight:normal; font-family:RixGoEB; background:url('/images/individual/card/bar_card_ranking_list.gif') no-repeat; }
.cardProList dd.cardBrand {margin:8px 0 0 0; width:165px;}
.cardProList .cardBtn {overflow:hidden; margin:0 0 0 0;}
.cardProList .favor {display:inline-block; margin:10px 0 0 0;}
.cardProList .cardBtn .cardIc {margin:5px 0 0 30px;}
.cardProList .favor a {display:block; width:47px; height:13px; padding:3px 0 0 18px; background:url('/images/individual/common/ic/ic_favorites.gif') no-repeat left top; font-size:12px; color:#555555;}
.cardProList .favor a:hover {text-decoration:none;}
.cardProList .cardBtnFr {float:right; width:175px; position:absolute; right:0; bottom:0px;}
.cardBtnFr .icon{float:right; width:175px; margin-bottom:7px; text-align:right;}
.cardProList .cardBtnFr .favor {margin:5px 3px 0 0;}
.cardProList .cardBlt {height:26px; margin:0 0 0 4px;}
		
/* [고도화] 카드 리스트 2018-05-14 */
.cardProListWrap > tbody > tr > td {padding:0 0 50px 30px;}
.cardProListWrap > tbody > tr > td:first-child {padding-left:0;}
.cardProListWrap .cardProList {width:400px;}
.cardProList dl.cardPro {width:400px; height:90px;}
.cardProList dd.cardName {width:235px; padding-bottom:0px;}
.cardProList dd.descTxt {width:235px;}
.cardProList .cardBtnBox {position:absolute; right:0; bottom:0;}

/* 카드 상품 목록 세로버전 추가 */
.cardProList.ver_type dl.cardPro {height:165px;}
.cardProList.ver_type .cardThumb {height:165px; text-align:center;}
.cardProList.ver_type .cardThumb img {width:90px; height:145px; /* margin-left:27px; */}
.cardProList.ver_type dt {margin-top:0;}

/* 121109 추가 그린카드-대표상품 */
.cardProList2 {overflow:hidden; margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.cardProList2 .last{overflow:hidden; margin-top:30px;}
.cardProList2 dl.cardPro {width:330px; height:105px;}
.cardProList2 dt {float:left; width:165px;}
.cardProList2 .cardThumb {display:block; height:147px; height:105px; background:url('/images/individual/common/bg/bg_card_m.gif') no-repeat left bottom;}
.cardProList2 .cardThumb img {margin:0 4px 0 4px; width:143px; height:88px;}
.cardProList2 dd {float:left; width:165px;}
.cardProList2 dd.cardName {font-weight:normal; font-family:RixGoEB; color:#242424; font-size:14px; line-height:17px; width:165px;}
.cardProList2 dd.cardName a {color:#242424;}
.cardProList2 dd.descTxt {margin:12px 0 0 0;font-size:12px; color:#555555; line-height:14px; width:165px;}
.cardProList2 dd.userAge {margin:7px 0 0 0;}
.cardProList2 dd.userAge .age {display:inline-block; margin:0 0 0 5px; padding:0 0 0 5px; color:#d0484e; font-size:12px; font-weight:normal; font-family:RixGoEB; background:url('/images/individual/card/bar_card_ranking_list.gif') no-repeat; }
.cardProList2 dd.cardBrand {margin:8px 0 0 0; width:165px;}
.cardProList2 .cardBtn {overflow:hidden; margin:0 0 0 0;}
.cardProList2 .favor {display:inline-block; margin:10px 0 0 0;}
.cardProList2 .cardBtn .cardIc {margin:5px 0 0 30px;}
.cardProList2 .favor a {display:block; width:47px; height:13px; padding:3px 0 0 18px; background:url('/images/individual/common/ic/ic_favorites.gif') no-repeat left top; font-size:12px; color:#555555;}
.cardProList2 .favor a:hover {text-decoration:none;}
.cardProList2 .cardBtnFr {float:right; width:175px;}
.cardBtnFr .icon{float:right; width:165px; height:15px; margin-bottom:20px; text-align:right;} /* [고도화] 카드 리스트 2018-05-14 */
.cardProList2 .cardBtnFr .favor {margin:5px 3px 0 0;}
.cardProList2 .cardBlt {height:26px; margin:0 0 0 4px;}


/* 맞춤카드찾기 */
.sCardResult {margin-bottom:7px;}
	.sCardResult dl {overflow:hidden; width:100%;}
	.sCardResult dl dt {float:left; width:auto; color:#555555;}
	.sCardResult dl dt span {display:inline-block;}
	.sCardResult dl dd {float:right; line-height:16px; width:613px; border-left:none; background:url('/images/individual/common/ic/bu_bar_86.gif') no-repeat left; padding-left:11px; margin-left:10px; color:#555555;}

.selCardBrand {overflow:hidden; width:100%; padding:15px 0; border-top:2px solid #c0c7d9;}
	.selCardBrand dl {overflow:hidden; line-height:16px;}
	.selCardBrand dl dt {float:left; background:url("/images/individual/common/ic/bu_card_11.gif") no-repeat right 3px; height:16px; padding-right:10px; margin-right:10px;}
	.selCardBrand dl dd {float:left;}
	.selCardBrand dl dd ul li {float:left; padding-right:14px; font-size:12px; color:#555555;}
	.selCardBrand dl dd ul li img {vertical-align:-4px;}

/* 검색 영역 */
.selBlockTypeCard {width:100%; overflow:hidden; height:40px; background:#f6f6f6; border-top:1px solid #000; /* border-bottom:2px solid #e83d44; */ border-bottom:none; padding:15px 0 15px 0; }
	.selBlockTypeCard .selTxt {margin:5px 0 0 10px; font-size:12px; color:#555555; font-weight:normal; font-family:RixGoEB;}
	.selBlockTypeCard label {vertical-align:middle; font-size:12px; font-weight:normal; font-family:RixGoEB;}
	.selBlockTypeCard select {vertical-align:top;margin-left:6px;height:39px;}
	.selBlockTypeCard label.selLb {display:inline-block; margin-top:3px;}
	.selBlockTypeCard .w365 {width:auto !important;}
	.selBlockTypeCard .w185 {width:243px !important;} 
	.selBlockTypeCard .w175 {width:230px !important;}
	.selBlockTypeCard .w277 {width:277px !important;}
	.selBlockTypeCard .w230 {width:230px !important;}
/* [고도화] 카드 리스트 2018-05-14 */
.selBlockTypeCard + .cardProListWrap {margin-top:30px;}

/* 맞춤카드찾기 가맹점(검색전) */
.cardSearchMemNa {padding:30px 0; border-bottom:1px solid #ededed; text-align:center;}
	.cardSearchMemNa .txt01 {font-size:14px;}
	.cardSearchMemNa .txt02 {font-size:12px; padding-top:10px;}

/*글로벌카드 - 이용안내*/
.global_network{overflow:hidden;padding:19px 0 0 20px;}
.global_network dt{float:left;width:203px;}
.global_network dd{line-height:18px;padding-top:7px;}

.online_txt {padding:15px 0 0 15px;}
.online_txt p{line-height:18px;}
.online_txt p strong a{color:#555555; text-decoration:underline;}

.ic_card_use{border-top:1px solid #dadce4; margin-top:60px; padding-top:60px;}
.ic_card_use dl{overflow:hidden;margin-top:19px;}
.ic_card_use dl dt{float:left;width:239px;padding-bottom:10px;}
.ic_card_use dl dd{padding-bottom:10px;}
.ic_card_use dl dd.ic_card{font-size:12px;}

.ic_card_step{background:url("/images/individual/card/bg_card_info.gif") no-repeat 0 0; width:720px; height:160px;}
.ic_card_step ul{overflow:visible;}
.ic_card_step ul li{text-align:center;float:left;width:240px;position:relative;}
.ic_card_step ul li span{position:absolute; top:-9px;left:102px;}
.ic_card_step ul li dl dt{margin:35px 0 11px 0;}
.ic_card_step ul li dl dd.step01{background:url("/images/individual/card/img_iccard_01.gif") no-repeat center top; padding-top:55px; font-size:12px;line-height:16px;}
.ic_card_step ul li dl dd.step02{background:url("/images/individual/card/img_iccard_02.gif") no-repeat 92px top; padding-top:55px; font-size:12px;line-height:16px;}
.ic_card_step ul li dl dd.step03{background:url("/images/individual/card/img_iccard_03.gif") no-repeat 92px top; padding-top:55px; font-size:12px;line-height:16px;}

.issue_list {overflow:hidden; padding:25px 20px; border:1px solid #e3e3e3;}
.issue_list > li {float:left; margin-left:12px; padding-left:13px; background:url("/images/individual/common/bg/bg_tab_2dapth_line.gif") no-repeat 0 6px;}
.issue_list > li:first-child {margin-left:0; padding-left:0; background:none;}

/*선불카드 - 온누리상품권*/
.confirmInfo_box{width:478px; height:117px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_confirmInfo.jpg") no-repeat 0 0; }
.confirmInfo_box2{width:478px; height:161px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_confirmInfo2.jpg") no-repeat 0 0; }
.confirmInfo_box3{width:478px; height:99px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_confirmInfo3.jpg") no-repeat 0 0; }
.confirmInfo_box4{width:478px; height:161px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_confirmInfo4.jpg") no-repeat 0 0; }
.confirmInfo_box5{width:478px; height:161px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_confirmInfo5.jpg") no-repeat 0 0; }
.confirmInfo_box6{width:478px; height:161px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_confirmInfo6.jpg") no-repeat 0 0; }

.card_inquiry_box{ width:478px; height:120px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry.jpg") no-repeat 0 0;}
.card_inquiry_box .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;;}

.card_inquiry_box2{ width:588px; height:247px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry2.jpg") no-repeat 0 0;}
.card_inquiry_box2 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}

.card_inquiry_box02{width:588px; height:155px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry02.jpg") no-repeat 0 0; }
.card_inquiry_box02 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_inquiry_box03{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry03.jpg") no-repeat 0 0; }
.card_inquiry_box03 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_inquiry_box04{width:478px; height:135px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry04.jpg") no-repeat 0 0; }
.card_inquiry_box04 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_inquiry_box05{width:478px; height:135px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry05.jpg") no-repeat 0 0; }
.card_inquiry_box05 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_inquiry_box06{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry06.jpg") no-repeat 0 0; }
.card_inquiry_box06 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_inquiry_box07{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reginquiry07.jpg") no-repeat 0 0; }
.card_inquiry_box07 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}

.card_overseabox{width:478px; height:75px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_reg_oversea.jpg") no-repeat 0 0; }
.card_overseabox02{width:478px; height:75px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_reg_oversea02.jpg") no-repeat 0 0; }
.card_overseabox03{width:478px; height:75px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_reg_oversea03.jpg") no-repeat 0 0; }

.card_charge_box{ width:478px; height:91px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_charge.jpg") no-repeat 0 0;}
.card_charge_box .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:13px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}

.card_charge_box02 { width:478px; height:91px; padding:25px 0 0 242px;background:url("/images/individual/card/bg_card_charge02.jpg") no-repeat 0 0;}
.card_charge_box02 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:13px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}

.card_charge_box03 { width:478px; height:91px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_charge03.jpg") no-repeat 0 0;}
.card_charge_box03 .cardnum {border-bottom:1px solid #eaeaea; padding-bottom:13px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}

.card_charge_box04 { width:478px; height:81px; padding:40px 0 0 242px;background:url("/images/individual/card/bg_card_charge04.jpg") no-repeat 0 0;}

.card_pwchg_box{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_pwchg.jpg") no-repeat 0 0; }
.card_pwchg_box .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_pwchg_box02{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_pwchg02.jpg") no-repeat 0 0; }
.card_pwchg_box02 .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_dedu_area{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_deducation.jpg") no-repeat 0 0; }
.card_deduinq_cancle{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_deduinq_cancle.jpg") no-repeat 0 0; }
.card_deduinq_cancle .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_refundbox{width:478px; height:75px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_refundbox.jpg") no-repeat 0 0; }
.card_oversea_fin_box{width:478px; height:161px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_card_reg_fin.jpg") no-repeat 0 0; }
.card_oversea_fin_box .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_reg_cancel{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_reg_cancle.jpg") no-repeat 0 0; }
.card_reg_cancel .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}
.card_reg_cancel_fin{width:478px; height:136px; padding:31px 0 0 242px;background:url("/images/individual/card/bg_reg_cancle_fin.jpg") no-repeat 0 0; }
.card_reg_cancel_fin .cardnum{border-bottom:1px solid #eaeaea; padding-bottom:15px; width:447px; color:#d0484e; font-size:15px; font-weight:normal; font-family:RixGoEB;}


/* 카드 상세보기 */
div.snsbox {padding-bottom:10px;text-align:right;margin-top:-30px;}

.cardViewTop {background:#fff;border:1px solid #d8d8d8;}
.cardViewTop .cardCont {position:relative; overflow:hidden;clear:both; padding:30px;}
.cardViewTop .cardCont .snsbox {position:absolute; right:40px; top:11px;}
.cardViewTop .cardCont .cardImgBox {float:left;margin-right:30px;}
.cardViewTop .cardCont .cardImgBox .comName {margin:0 0 15px 0; text-align:center;}
.cardViewTop .cardCont .cardImgBox .cardImg {position:absolute; top:50%; margin:-94px 30px 0 25px;}
.cardViewTop .cardCont .cardImgBox .cardImg img {width:300px !important; height:188px !important;}
.cardViewTop .cardCont .cardImgBox .cardImg.vertical {position:static; top:auto; margin:0 0 0 83px;}
.cardViewTop .cardCont .cardImgBox .cardImg.vertical img {width:188px !important; height:300px !important;}
.cardViewTop .cardCont .cardInfoBox {float:right; width:387px; margin:0px 0 0 0;}
.cardViewTop .cardCont .name {font-size:24px !important; letter-spacing:-1px; color:#242424; font-weight:normal; font-family:RixGoEB; line-height:27px !important;}
.cardViewTop .cardCont .txt {margin:5px 0 0 0; color:#555555; line-height:22px;}
.cardViewTop .cardCont .list li {width:100%; overflow:hidden; padding:8px 0 7px 0; background:url('/images/individual/card/bg_line_cardview.gif') repeat-x left bottom; color:#555555; font-size:12px; line-height:18px;}
.cardViewTop .cardCont .list li:first-child{padding:9px 0 14px;}
.cardViewTop .cardCont .list li img {vertical-align:middle;}
.cardViewTop .cardCont .list li .tit {display:block; float:left; width:50px; margin:5px 0 0 0; font-size:14px;}
.cardViewTop .cardCont .list li .fl{width:335px; font-size:14px; line-height:22px;}
.cardViewTop .cardCont .cardInfoBox .btnBox {width:100%; margin:20px 0 0 0; text-align:right;}
.cardViewTop .cardCont .cardInfoBox .btnBox .btn{margin-left:6px;}
.cardViewTop .cardCont .cardProBenefit {width:160px; margin:10px 0 0 0; padding:0 0 0 60px;}
.cardViewTop .cardCont .cardProBenefit img {margin:0 3px 6px 0;}

/*
.cardViewTop {width:720px; padding:10px 0 0 0; background:url('/images/individual/card/bg_box_cardview_top.gif') no-repeat;}
	.cardViewTop .cardCont { position:relative; width:650px; padding:20px 40px 25px 30px;background:url('/images/individual/card/bg_box_cardview_bot.gif') repeat-y left bottom;}
		.cardViewTop .cardCont .snsbox {position:absolute; right:40px; top:11px;}
			.cardViewTop .cardCont .cardImgBox {float:left; width:262px;}
			.cardViewTop .cardCont .cardImgBox .cardImg {width:257px; height:174px; background:url('/images/individual/card/bg_cardview_b.gif') no-repeat left bottom;}
				.cardViewTop .cardCont .cardImgBox .cardImg img {margin:0 0 0 8px;}
			.cardViewTop .cardCont .cardImgBox .comName {margin:0 0 15px 0; text-align:center;}
			.cardViewTop .cardCont .cardInfoBox {float:right; width:376px; margin:0px 0 0 0;}
			.cardViewTop .cardCont .name {font-size:24px !important; letter-spacing:-1px; color:#242424; font-weight:bold; line-height:27px !important;}
			.cardViewTop .cardCont .txt {margin:5px 0 0 0; color:#555555; line-height:17px;}
				.cardViewTop .cardCont .list {width:100%; margin:9px 0 0 0;}
				.cardViewTop .cardCont .list li {width:100%; overflow:hidden; padding:8px 0 7px 0; background:url('/images/individual/card/bg_line_cardview.gif') repeat-x left bottom; color:#555555; font-size:12px; line-height:17px;}
				.cardViewTop .cardCont .list li img {vertical-align:middle;}
				.cardViewTop .cardCont .list li .tit {display:block; float:left; width:50px; margin:2px 0 0 0;}
			.cardViewTop .cardCont .cardInfoBox .btnBox {width:100%; margin:20px 0 0 0; text-align:right;}
			.cardViewTop .cardCont .cardProBenefit {width:160px; margin:10px 0 0 0; padding:0 0 0 60px;}
			.cardViewTop .cardCont .cardProBenefit img {margin:0 3px 6px 0;}
	.cardViewTop .bgBot {overflow:hidden; width:720px; width:100%;line-height:0;}
*/
.cardViewContent{}
	/* 가입현황 및 관심 지수 */
	.cardUseAssay {overflow:hidden; width:100%;}
	.cardUseAssay h3 {margin:0 0 20px 0;}
	.cardUseAssay .curStatus {float:left;}
	.cardUseAssay .curStatus .curList {float:left; margin:10px 0 0 0; }
	.cardUseAssay .curStatus .curList li {float:left; margin:0 6px 0 0;}
	.cardUseAssay .curStatus .curList li span {display:block; margin:10px 0 0 0; color:#555555; text-align:center; font-size:12px;}
	/* 최다 방문 가맹점 */
	.cardUseAssay .bestVisit {float:right; width:206px;}
	.cardUseAssay .bestVisit ul {margin:10px 0 0 0; padding:15px 0 10px 0; border-top:2px solid #c0c7d9; border-bottom:1px solid #b7b7b7;}
	.cardUseAssay .bestVisit ul li {margin:0 0 8px 0; font-size:12px; color:#555555;}
	.cardUseAssay .bestVisit ul img {margin:0 10px 0 0;}

	/* 가입현황 및 관심 지수, 최다 방문 가맹점 수정 */
	.cardUseAssay2 {overflow:hidden; width:100%;height:109px;background:url('/images/individual/card/bg_card_use_assay.gif') no-repeat left top;display:none;}
	.cardUseAssay2 .curStatus {float:left;width:221px;}
	.cardUseAssay2 .curStatus dl {margin:29px 0 0 1px;}
	.cardUseAssay2 .curStatus dt {float:left;width:27px;padding-left:20px;}
	.cardUseAssay2 .curStatus dd {float:left;width:40px;}
	.cardUseAssay2 .curStatus dd p.img {padding:16px 0 6px 0;}
	.cardUseAssay2 .curStatus dd p.txt {color:#435880;font-size:18px;}
	.cardUseAssay2 .ageGraph {float:left;width:194px;padding-right:20px;}
	.ageGraph ul{ margin:0; padding:0; height:70px; margin-top:15px;border-bottom:1px solid #ddd; font-size:12px; list-style:none;}
	.ageGraph ul:after{ content:""; display:block; clear:both;}
	.ageGraph li{ float:left; display:inline; width:7%; height:80%; margin:0 6%; position:relative; text-align:center; white-space:nowrap;}
	.ageGraph .gTerm{ position:relative; display:inline-block; width:100%; height:20px; line-height:20px; margin:0 -100% -20px 0; padding:70px 0 0 0; vertical-align:bottom;}
	.ageGraph .gTerm img {margin-top:7px;}
	.ageGraph .gBar{ position:relative; display:inline-block; width:100%; margin:-1px 0 0 0; border:1px solid #d36b6f; border-bottom:0; background:#ec797e; vertical-align:bottom;}
	.ageGraph .gBar span{ position:absolute; width:200%; top:-20px; left:-7px; color:#435478;font-weight:normal; font-family:RixGoEB; font-size:12px;text-align:center;}
	.cardUseAssay2 .bestVisit {float:right; width:260px;padding-right:25px;}
	.cardUseAssay2 .bestVisit ul {margin:10px 0 0 0; padding:5px 0 10px 13px;}
	.cardUseAssay2 .bestVisit ul li {margin:0 0 8px 0; font-size:12px; color:#ffffff;font-weight:normal; font-family:RixGoEB;}
	.cardUseAssay2 .bestVisit ul img {margin:0 10px 0 0;}

/* 카드 기획 배너 */
.cardBannerBox{margin-top:40px;}
/* 카드혜택 */
.cardBfBox {width:830px; margin-top:68px;} 
.cardBfBox .first {border-top:2px solid #ccc;}
.cardBfBox .cardBfCon {margin:20px 0 0 0; border-top:2px solid #ccc;}
.cardBfBox .cardBfConNone {border-top:none;}
.cardBfBox .cardBfList {position:relative; width:100%; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.cardBfBox .cardBfList dl{overflow:hidden;clear:both;}
.cardBfBox .cardBfList dt {float:left; padding:7px 0;width:130px; text-align:center;}
.cardBfBox .cardBfList dd {float:right; padding:32px 0 30px;width:700px;}
.cardBfBox .cardBfList dd.bfListCon {padding:22px 0 19px;}
.cardBfBox .cardBfList dd.type01 {padding:23px 0 21px;}
.cardBfBox .cardBfList dd.type02 {padding:13px 0 10px;}
.cardBfBox .cardBfList dd .tit {font-weight:normal; font-family:RixGoEB; color:#242424; font-size:16px;line-height:20px;letter-spacing:-0.5px; *letter-spacing:-1px;}
.cardBfBox .cardBfList dd .tit a{color:#242424;}
.cardBfBox .cardBfList dd .txt {margin:5px 0 0 0;color:#555555; font-size:14px;}
.cardBfBox .cardBfConGuide .cardBfList .btnsec{position:absolute; right:10px; top:2px;}
.cardBfBox .btnsec{position:absolute; right:10px; top:32px;}
.cardBfBox .btnsec .closeBtn {display:none;}
.cardBfBox .cardBfIView {display:none; width:680px; padding:22px 20px 25px 130px; overflow:hidden; background:url('/images/individual/card/bg_line_cardview.gif') repeat-x left top; line-height:22px;} 
.cardBfBox .cardBfIView .num{margin-left:8px;}
.cardBfBox .btnCardAll {text-align:right;margin-top:-30px;}
.cardBfBox .cardBfIView .cardBfIViewCon, .cardBfBox .cardBfIView .cardBfIViewCon p { word-break:keep-all; color:#555555;}
.cardBfIViewCon .innertbl{border-top:solid 1px #ccc;}
.cardBfBox .additional_txt {margin-top:10px;}
.cardBfBox .additional_txt li{margin-top:5px;}
.cardBfIViewCon .bgyellow{background:#ffff00;}
.cardBfIViewCon .bgGray{background:#e6e6e6;}

/* 2019-09-05 공공카드 국민행복카드 추가 */
.cardBfBox .peohappyCon {margin:50px 0 0 0 !important; border-top:none !important;}
.cardBfBox .cardBfCon .cardBfListWrap {margin:20px 0 0 0; border-top:2px solid #ccc;}
.cardBfBox .cardBfCon .cardBfList_tit {font-size:18px !important; line-height:30px; font-family:RixGoEB;}
.cardBfBox .cardBfListWrap .cardBfList {position:relative; width:100%; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.cardBfBox .cardBfListWrap .cardBfList dl{overflow:hidden;clear:both;}
.cardBfBox .cardBfListWrap .cardBfList dt {float:left; padding:7px 0;width:130px; text-align:center;}
.cardBfBox .cardBfListWrap .cardBfList dd {float:right; padding:32px 0 30px;width:700px;}
.cardBfBox .cardBfListWrap .cardBfList dd.bfListCon {padding:22px 0 19px;}
.cardBfBox .cardBfListWrap .cardBfList dd.type01 {padding:23px 0 21px;}
.cardBfBox .cardBfListWrap .cardBfList dd.type02 {padding:13px 0 10px;}
.cardBfBox .cardBfListWrap .cardBfList dd .tit {font-weight:normal; font-family:RixGoEB; color:#242424; font-size:16px;line-height:20px;letter-spacing:-0.5px; *letter-spacing:-1px;}
.cardBfBox .cardBfListWrap .cardBfList dd .tit a{color:#242424;}
.cardBfBox .cardBfListWrap .cardBfList dd .txt {margin:5px 0 0 0;color:#555555; font-size:14px;}
.cardBfBox .cardBfListWrap .cardBfConGuide .cardBfList .btnsec{position:absolute; right:10px; top:2px;}
.cardBfBox .cardBfListAll {text-align:right;margin-top:-30px;}
.cardBfBox .txt_childcare {margin-left:10px; color:#e60000; font-family:'RixGoB'; font-size:18px;}

/* 카드 혜택 contents */
.cardBfBox table td{font-size:14px;}
.cardViewBody table th, .cardViewBody table td {word-wrap:break-word; word-break:break-all !important;}
.cardViewBody table th.al, .cardViewBody table td.al {padding-left:10px !important;}
.cardViewBody table td.vat {vertical-align:top;}
.cardViewBody .txt_list.star li:before, .cardViewBody .txt_list.star .hypen ul li:before {display:none !important;}
.cardViewBody .txt_list.star li {padding-left:20px; text-indent:-10px;}

.cardBfBox .bgnone li {background:none !important; padding-left:0 !important;}

.cardBfBox .bu01 {margin-top:6px;padding-top:0;}
.cardBfBox .bu01 li {background:url('/images/individual/common/ic/bu_cir_7b.gif') no-repeat left 9px !important; margin-top:6px;margin-left:0; padding-left:8px; font-size:14px; font-weight:normal; font-family:RixGoEB; color:#555555; word-break:keep-all;  line-height:22px;}
.cardBfBox .bu01 li:first-child {margin-top:0;}
.cardBfBox p.bu01 {background:url('/images/individual/common/ic/bu_cir_7b.gif') no-repeat left 9px !important; margin-top:6px; padding-left:8px; font-size:14px; font-weight:normal; font-family:RixGoEB;  color:#555555; line-height:22px;}
.cardBfBox .bu01.nb li{font-weight:normal; font-family:RixGoM;}
.cardBfBox .bu01.bgnone li{background:none !important; padding-left:0 !important;}

.cardBfBox .bu02{margin-top:4px;margin-left:8px;}
.cardBfBox li .bu02{margin-left:0 !important;}
.cardBfBox .bu02 li{background:url('/images/individual/common/ic/bu_bar_8e.gif') no-repeat left 10px !important; margin-top:4px;margin-left:0; padding-left:7px; font-size:14px; font-weight:normal; font-family:RixGoM; color:#555555; word-break:keep-all;  line-height:22px;}
.cardBfBox p.bu02 {background:url('/images/individual/common/ic/bu_bar_8e.gif') no-repeat left 10px !important; margin-top:4px; padding-left:7px; font-size:14px; font-weight:normal; font-family:RixGoM; color:#555555;  line-height:22px;}
.cardBfBox p.bu02:first-child {margin-top:0;}
.cardBfBox .bu02.bgnone li{background:none !important; padding-left:0 !important;}

.cardBfBox .bu03{margin-top:4px;margin-left:16px;}
.cardBfBox li .bu03{margin-left:0 !important;}
.cardBfBox .bu03 li {background:url('/images/individual/common/ic/bu_sq_c7.gif') no-repeat left 10px !important; margin-top:4px;margin-left:0; padding-left:8px; font-size:14px; font-weight:normal; color:#555555; word-break:keep-all;  line-height:22px;}
.cardBfBox .bu03 li:first-child {margin-top:0;}
.cardBfBox p.bu03 {background:url('/images/individual/common/ic/bu_sq_c7.gif') no-repeat left 10px !important; margin-top:4px; padding-left:8px; font-size:14px; font-weight:normal;  color:#555555;  line-height:22px;}
.cardBfBox p.bu03:first-child {margin-top:0;}
.cardBfBox .bu03.bgnone li{background:none !important; padding-left:0 !important;}

.cardBfBox .bu04{margin-top:4px;margin-left:16px;}
.cardBfBox li .bu04{margin-left:0 !important;}
.cardBfBox .bu04 li {margin-top:4px;margin-left:0; padding-left:15px; font-size:14px;text-indent:-15px; background:none !important; font-weight:normal; color:#555555; word-break:keep-all;}
.cardBfBox .bu04 li:first-child {margin-top:0;}
.cardBfBox p.bu04 {margin-top:4px; padding-left:15px; font-size:14px;text-indent:-15px; background:none !important; font-weight:normal;  color:#555555;}
.cardBfBox p.bu04:first-child {margin-top:0;}
.cardBfBox .bu04.bgnone li{background:none !important; padding-left:0 !important;}

.cardBfBox .bu05 {margin-top:6px;padding-top:0;}
.cardBfBox .bu05 li {background:url('/images/individual/common/ic/bu_cir_7b.gif') no-repeat left 9px !important; margin-top:6px;margin-left:0; padding-left:8px; font-size:14px; font-weight:normal; font-family:RixGoM; color:#555555; word-break:keep-all;  line-height:22px;}
.cardBfBox .bu05 li:first-child {margin-top:0;}
/* .cardBfBox .bu05 li ul.bu02 li {background:url('/images/individual/common/ic/bu_bar_8e.gif') no-repeat left 7px !important; margin-top:4px; padding-left:8px;margin-left:0;}  2020-01-07 추가 */
.cardBfBox .bu05 li ul.bu02 li {background:url('/images/individual/common/ic/bu_bar_07.gif') no-repeat left 10px !important; margin-top:3px; padding-left:10px; margin-left:0;}  /* 2020-04-07 추가 */

.cardBfBox .caution li {margin-top:6px; margin-left:17px; text-indent:-17px; font-size:14px; line-height:22px; color:#d0484e;}
.cardBfBox p.caution {margin-top:6px; margin-left:16px; text-indent:-16px; font-size:14px; line-height:22px; color:#d0484e;}
.cardBfBox .caution li:first-child ,
.cardBfBox p.caution:first-child {margin-top:0;}

.cardBfBox .cautionB li {margin-top:6px; margin-left:17px; text-indent:-17px; font-size:14px; line-height:22px; color:#d0484e;}
.cardBfBox p.cautionB {margin-top:6px; margin-left:17px; text-indent:-17px; font-size:14px; line-height:22px; color:#d0484e;}
.cardBfBox .cautionB li:first-child ,
.cardBfBox p.cautionB:first-child {margin-top:0;}

.cardBfBox .num li {background:none !important; margin-top:6px; margin-left:0; padding-left:11px; text-indent:-11px; font-size:14px !important; line-height:22px !important;}
.cardBfBox .num li:first-child {margin-top:6px;}
.cardBfBox .cardBfInfo p,
.cardBfBox .cardBfInfo .bu01 li {font-size:14px !important;}

.cardBfBox .red a:link,
.cardBfBox .red a:active,
.cardBfBox .red a:visited,
.cardBfBox .red a:focus,
.cardBfBox .red a:hover {color:#d0484e; text-decoration:none;}
.cardBfBox a:focus,
.cardBfBox a:hover {text-decoration:none;}

.cardBfBox li.bgnone01 {background:none !important; padding-left:0 !important;}

/* 카드이용안내 */
.cardViewContent .cardBfBox .cardBfConGuide{margin-top:40px !important;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList {width:100%; overflow:hidden;border-bottom:1px solid #e1e1e1;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfConNoticeT {padding-bottom:20px;height:21px;border-bottom:2px solid #ccc;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList .cardBfIView {display:block;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList .btnsec .moreBtn {display:none;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList .btnsec .closeBtn {display:block;}
.cardViewContent .cardBfBoxGuide{margin-top:10px;}
.cardViewContent .cardBfBoxGuide li{margin-top:3px;}

.cardViewContent .cardBtmInfoBox{margin-top:40px; padding:11px 20px 15px; border:solid 1px #ccc;}
.cardViewContent .cardBtmInfoBox li{margin-top:4px;padding-left:7px; background:url('/images/individual/common/ic/bu_sq_d4.gif') no-repeat left 10px; font-size:14px; word-break:keep-all}
.cardViewContent .cardBtmInfoBox li ul li {background:none; padding-left:0px;}

/* 카드이용안내 2018-05-04 추가 */
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList.type02 {width:100%; overflow:hidden; background-color:#f6f6f6; border:0 none;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList.type02 .cardBfConNoticeT {padding:30px;height:21px; border:0 none;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList.type02 .cardBfIView {display:block; border-top:1px solid #ddd;}
.cardViewContent .cardBfBox .cardBfConGuide .cardBfList.type02 .btnsec{position:absolute; right:30px; top:30px;}

.cardViewContent .bgGray{background:#e6e6e6;}

/* 미리만나는 카드혜택 */
.cardBfPrev{margin-top:35px;}
.cardBfTbl {margin-top:20px;width:100%; overflow:hidden; border-top:2px solid #ccc;}
	.cardBfTbl th, .cardBfTbl td {background:url('/images/individual/card/bg_line_cardview.gif') repeat-x left bottom;}
		.cardBfTbl td {padding:10px 0 12px 0;}
			.cardBfTbl td ul {width:195px; padding:10px 0 5px 0;} /* .cardBfTbl td ul {width:210px; padding:10px 0 5px 0;} */
			.cardBfTbl td ul.line {background:url('/images/individual/card/bg_line_cardview.gif') repeat-x left bottom;}
			.cardBfTbl td li {overflow:hidden; width:100%; margin-top:6px; text-align:left;}
			.cardBfTbl td li:first-child {margin-top:0;}
			.cardBfTbl td ul .txt {display:inline-block; width:120px; text-align:left !important;}
			.cardBfTbl td ul span {display:block; float:left; /* width:105px; */ width:95px; }
			.cardBfTbl td ul span.num {display:block; float:right; width:100px; text-align:right;}

/* 통계 */
.cardBfTotal{margin-top:40px;padding:7px 20px 0 20px;width:680px;height:54px; background:url('/images/individual/card/bg_cardview_total.gif') no-repeat left top;  font-weight:normal; font-family:RixGoEB; color:#555555;}
	.cardBfTotal .txt {margin:3px 0 0 0;}
		.cardBfTotal .totalNum {display:block; font-size:16px; padding-top:7px;}
			.cardBfTotal .totalNum strong {color:#d0484e;}
.blockType1Caution{margin-top:10px;}

/* 로그인 */
.loginWr{overflow:hidden; width:100%; margin-top:20px;}
	.loginWr .loginForm{float:left; width:300px; height:196px; background:url('/images/individual/common/bg/bg_login_box.gif') no-repeat; padding:20px 25px 0;}
	.loginWr .loginForm .login{position:relative; overflow:hidden; width:300px; background:url('/images/individual/common/bg/bg_login_line.gif') repeat-x bottom;  margin-top:35px; padding-bottom:16px;}
	.loginWr .loginForm .login.realName{margin-top:20px; padding-bottom:11px;}
		.loginWr .loginForm .login dl{float:left; width:223px;}
		.loginWr .loginForm .login dl dt:after {clear:both; content:''; display:block;}
		.loginWr .loginForm .login.realName dt{line-height:12px;}
			.loginWr .loginForm .login dl dt .txt{float:left; margin-top:5px;}
			.loginWr .loginForm .login dl dt .keypad{float:right;}
			.loginWr .loginForm .login dl dd{padding-top:5px;}
		.loginWr .loginForm .login .loginBtn{float:right;}
		.loginWr .loginForm .login.realName .loginBtn{margin-top:40px;}
	.loginWr .loginForm .guide{padding-top:12px;}
		.loginWr .loginForm .guide p{padding-bottom:6px; line-height:18px;}

.loginWr .loginForm02{position:relative; float:right; width:307px; height:196px; background:url('/images/individual/common/bg/bg_login_box.gif') no-repeat;  padding:20px 18px 0 25px;}
	.loginWr .loginForm02 .login02{overflow:hidden; width:307px; margin-top:40px;}
		.loginWr .loginForm02 .login02 dl{float:left; width:232px;}
		.loginWr .loginForm02 .login02 dl dt {float:left; width:57px; height:15px; margin:5px 0 6px;}
		.loginWr .loginForm02 .login02 dl dt.cvc{width:67px;}
			.loginWr .loginForm02 .login02 dl dd{float:left; height:20px; margin-bottom:6px;}
			.loginWr .loginForm02 .login02 dl dd .bar{margin-left:1px; padding-right:2px;}
	.loginWr .loginForm02 .login02 .loginBtn{float:right;}

.loginWr .btnKeypad{position:absolute; top:75px; right:93px;}

/* 맞춤카드찾기 */
.hauto{height:auto;}
.cardSechWr ul.tab{display:inline-block; height:auto;}
.cardSechWr ul.tab li{float:left; z-index:1; line-height:18px;}
.cardSechWr ul.tab li.on{position:relative; z-index:2; background:none;}
.cardSechWr{width:830px; padding-bottom:20px; /* border-bottom:1px solid #d1d1d1; */} 
.cardSechWrBg{background:url('/images/individual/card/bg_gradation.gif') no-repeat left top; padding-bottom:0; border-bottom:1px solid #d1d1d1;}
.cardSechWr .benefitboxBtm{width:830px;} 
.cardSechWr .benefitboxTop{width:830px;} 
.cardSechWr .benefitCon{border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.cardSechWr .benefitCon p.tit{padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
.cardSechWr .benefitCon p.tit .desc{display:inline-block; margin:13px 0 0 10px;}
.cardSechWr .mt20 .btnImportant button,
.cardSechWr .mt20 .btnImportant input,
.cardSechWr .mt20 .btnImportant a {height:24px;line-height:24px;}

.benefitListBox {width:792px; margin:0 auto;} 
.benefitListCon {position:relative; overflow:hidden; width:792px; height:191px; /*padding-bottom:20px;*/} 
.benefitListCon ul.tabMenu { position:relative; display:inline-block; width:792px; } 
.benefitListCon .benefitListCon_txt {position:absolute;right:0;bottom:25px;color:#df454b;letter-spacing:-1px;}
.benefitListCon ul.tabMenu li{float:left; /*margin-left:-2px;*/ z-index:1;}
.benefitListCon ul.tabMenu li.on span{z-index:2;}
.benefitListCon ul.tabMenu li span a{display:block;}
.benefitListCon ul.tabMenu li span.storeM1{position:absolute; top:0; left:0; cursor:pointer}
.benefitListCon ul.tabMenu li span.storeM2{position:absolute; top:0; left:158px; cursor:pointer}
.benefitListCon ul.tabMenu li span.storeM3{position:absolute; top:0; left:317px; cursor:pointer}
.benefitListCon ul.tabMenu li span.storeM4{position:absolute; top:0; left:475px; cursor:pointer}
.benefitListCon ul.tabMenu li span.storeM5{position:absolute; top:0; left:633px; cursor:pointer}

.benefitListCon ul.tabMenu li span.area1{position:absolute; top:0; left:0; cursor:pointer}
.benefitListCon ul.tabMenu li span.area2{position:absolute; top:0; left:79px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area3{position:absolute; top:0; left:158px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area4{position:absolute; top:0; left:237px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area5{position:absolute; top:0; left:316px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area6{position:absolute; top:0; left:396px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area7{position:absolute; top:0; left:475px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area8{position:absolute; top:0; left:554px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area9{position:absolute; top:0; left:633px; cursor:pointer}
.benefitListCon ul.tabMenu li span.area10{position:absolute; top:0; left:712px; cursor:pointer}

.benefitListCon ul.tabMenu li span.benefitM1{position:absolute; top:0; left:0; cursor:pointer}
.benefitListCon ul.tabMenu li span.benefitM2{position:absolute; top:0; left:198px; cursor:pointer} 
.benefitListCon ul.tabMenu li span.benefitM3{position:absolute; top:0; left:396px; cursor:pointer} 
.benefitListCon ul.tabMenu li span.benefitM4{position:absolute; top:0; left:594px; cursor:pointer} 
/* 2020 웹접근성 2020-08-19 */
.benefitListCon ul.tabMenu li a.benefitM1{position:absolute; top:0; left:0; cursor:pointer}
.benefitListCon ul.tabMenu li a.benefitM2{position:absolute; top:0; left:198px; cursor:pointer} 
.benefitListCon ul.tabMenu li a.benefitM3{position:absolute; top:0; left:396px; cursor:pointer} 
.benefitListCon ul.tabMenu li a.benefitM4{position:absolute; top:0; left:594px; cursor:pointer} 

.benefitListCon ul.tabMenu li a.storeM1{position:absolute; top:0; left:0; cursor:pointer}
.benefitListCon ul.tabMenu li a.storeM2{position:absolute; top:0; left:158px; cursor:pointer}
.benefitListCon ul.tabMenu li a.storeM3{position:absolute; top:0; left:317px; cursor:pointer}
.benefitListCon ul.tabMenu li a.storeM4{position:absolute; top:0; left:475px; cursor:pointer}
.benefitListCon ul.tabMenu li a.storeM5{position:absolute; top:0; left:633px; cursor:pointer}

.benefitListCon ul.tabMenu li a.area1{position:absolute; top:0; left:0; cursor:pointer}
.benefitListCon ul.tabMenu li a.area2{position:absolute; top:0; left:79px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area3{position:absolute; top:0; left:158px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area4{position:absolute; top:0; left:237px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area5{position:absolute; top:0; left:316px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area6{position:absolute; top:0; left:396px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area7{position:absolute; top:0; left:475px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area8{position:absolute; top:0; left:554px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area9{position:absolute; top:0; left:633px; cursor:pointer}
.benefitListCon ul.tabMenu li a.area10{position:absolute; top:0; left:712px; cursor:pointer}

.benefitListCon ul.tabMenu li ul{display:inline-block; width:792px; height:68px; border-top:1px solid #ccc; margin-left:0;margin-top:97px;padding:20px 0 0;overflow:hidden;} 
.benefitListCon ul.tabMenu li ul li{margin-left:0;width:25%;float:left; margin-bottom:11px; /*background:url('/images/individual/card/bg_benefit_line.gif') no-repeat right 0; margin:15px 12px 0 0; padding-right:15px;*/}
.benefitListCon ul.tabMenu li ul li.last{background:none; margin-right:0; padding-right:0; }
.benefitListCon ul.tabMenu li ul li label{padding-left:4px;}
.selectStore{/*width:auto;height:25px; margin:0 auto;*/overflow:hidden;padding:20px 20px;border-top:1px solid #ccc; background-color:#f6f6f6;}
.selectStore .txt{float:left; display:inline-block; /* margin:8px 0 0 10px; */ color:#54585e; /* font-size:12px; */ vertical-align:top; letter-spacing:-1px;font-weight:normal; font-family:RixGoEB;}
.selectStore ul{float:left; /* margin-top:5px; */}
.selectStore ul li{float:left; margin-left:20px; color:#54585e; font-size:14px; /*font-weight:bold;*/ vertical-align:top; letter-spacing:-1px;}
.selectStore ul li img{vertical-align:-1px;margin-left:5px;}
/*.selectStore .desc{display:inline-block; margin:-3px 0 0 0; color:#54585e; font-size:12px; font-weight:bold; vertical-align:top;}
.selectStore .desc img{vertical-align:-4px;}*/
.benefitMenu {overflow:hidden; width:100%; margin:23px 0 0 10px;}
.benefitMenu li{float:left; width:106px; background:url('/images/individual/card/bg_benefit_line.gif') no-repeat right; text-align:center;}
.benefitMenu li.last{background:none;}

/* 카드 -선불카드 기프트카드 이용내역조회 승인내역조회 */
.towLine02 {padding:22px 0 20px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}

/* 카드 매칭 테스트 */
.bgCmt {background:url('/images/individual/card/bg_cmt.gif') repeat left top;}
#cardMatchingTest {position:relative;width:780px;height:700px;}
	#cardMatchingTest .cmtIntro {width:780px;height:700px;background:url('/images/individual/card/bg_cmt_intro.gif') no-repeat left top;}
		#cardMatchingTest .cmtIntro .ci {text-align:center;padding:228px 0 0 0;}
		#cardMatchingTest .cmtIntro .txt {text-align:center;padding:23px 0 0 0;}
		#cardMatchingTest .cmtIntro .btn {text-align:center;padding:37px 0 0 0;}
	#cardMatchingTest .cmtTop {width:780px;height:41px;background:url('/images/individual/card/bg_cmt_top.gif') no-repeat left top;}
	#cardMatchingTest .cmtCon {width:780px;height:659px;background:url('/images/individual/card/bg_cmt_con.gif') no-repeat left top;}
	#cardMatchingTest .cmtCon .txt {text-align:center;padding:28px 0 18px 0;}
	#cardMatchingTest .cmtCon .question {width:375px;height:42px;margin:0 auto;padding:49px 0 0 112px;background:url('/images/individual/card/bg_cmt_question.gif') no-repeat left top;color:#242424;font-weight:normal; font-family:RixGoEB;font-size:16px;}
	#cardMatchingTest .cmtCon .answer {padding:29px 0 29px 44px;}
		#cardMatchingTest .cmtCon .answer li {float:left;width:115px;height:160px;text-align:center;}
		#cardMatchingTest .cmtCon .answer .keyword {padding:12px 0 0 0;text-align:center;font-weight:normal; font-family:RixGoEB;line-height:16px;color:#555555;}
		#cardMatchingTest .cmtCon .answer li.left {padding-left:59px;}
	#cardMatchingTest .cmtCon .btn {clear:both;padding:32px 0 0 0;text-align:center;}
	#cardMatchingTest .cmtCon2 {width:780px;height:659px;background:url('/images/individual/card/bg_cmt_con2.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon2 .tbBox {padding:15px 0 0 7px;}
		#cardMatchingTest .cmtCon2 .tbBox .nos {position:absolute;top:356px;left:131px;}
		#cardMatchingTest .cmtCon2 table {margin-top:30px;}
		#cardMatchingTest .cmtCon2 table td {position:relative;width:100px;height:150px;padding:0px 0 0 24px;background:url('/images/individual/card/bg_cmt_td.gif') no-repeat 24px 0px;vertical-align:top;}
			#cardMatchingTest .cmtCon2 table td.bga {background:url('/images/individual/card/bg_cmt_td_a.gif') no-repeat 24px 0px;}
			#cardMatchingTest .cmtCon2 table td.bgb {background:url('/images/individual/card/bg_cmt_td_b.gif') no-repeat 24px 0px;}
			#cardMatchingTest .cmtCon2 table td.bgc {background:url('/images/individual/card/bg_cmt_td_c.gif') no-repeat 24px 0px;}
			#cardMatchingTest .cmtCon2 table td.bgd {background:url('/images/individual/card/bg_cmt_td_d.gif') no-repeat 24px 0px;}
		#cardMatchingTest .cmtCon2 table td a {position:relative;display:none;height:120px;}
		#cardMatchingTest .cmtCon2 table td span.blank {display:inline-block;height:150px;}
		#cardMatchingTest .cmtCon2 table td.now {position:relative;width:100px;height:150px;vertical-align:top;color:#fff;font-weight:normal; font-family:RixGoEB;line-height:16px;text-align:center;background:url('/images/individual/card/bg_cmt_answer.gif') no-repeat 24px 0px;padding-top:0px}
		#cardMatchingTest .cmtCon2 table td.now span {height:120px;display:inline-block;margin-top:30px;}
		#cardMatchingTest .cmtCon2 table td.yes {background:url('/images/individual/card/bg_cmt_yes.gif') no-repeat left 30px;}
		#cardMatchingTest .cmtCon2 table td.no {background:url('/images/individual/card/bg_cmt_no.gif') no-repeat left 30px;}
		#cardMatchingTest .cmtCon2 table td.yesb {background:url('/images/individual/card/bg_cmt_yes_b.gif') no-repeat 24px top;}
		#cardMatchingTest .cmtCon2 table td.nob {background:url('/images/individual/card/bg_cmt_no_b.gif') no-repeat 24px top;}
		#cardMatchingTest .cmtCon2 table td.yest {background:url('/images/individual/card/bg_cmt_yes_t.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon2 table td.not {background:url('/images/individual/card/bg_cmt_no_t.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon2 table td.yest2 {background:url('/images/individual/card/bg_cmt_yes_t2.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon2 table td.not2 {background:url('/images/individual/card/bg_cmt_no_t2.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon2 table td.yestb {background:url('/images/individual/card/bg_cmt_yes_tb.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon2 table td.notb {background:url('/images/individual/card/bg_cmt_no_tb.gif') no-repeat left top;}

		#cardMatchingTest .cmtCon2 table td.yesnotb {background:url('/images/individual/card/bg_cmt_yes_notb.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon2 table td.yest2no {background:url('/images/individual/card/bg_cmt_yest2_no.gif') no-repeat left top;}

		#cardMatchingTest .cmtCon2 table td.result {height:120px;vertical-align:middle;color:#fff;font-weight:normal; font-family:RixGoEB;line-height:16px;text-align:center;background:url('/images/individual/card/bg_cmt_result.gif') no-repeat 24px 30px;padding-top:30px;}

/* 2012-07-09 수정 */
	#cardMatchingTest .cmtCon3 {position:relative;width:780px;height:659px;background:url('/images/individual/card/bg_cmt_con3_2.gif') no-repeat left top;}
		#cardMatchingTest .cmtCon3 .resultBox {position:relative;width:720px;height:278px;padding:77px 30px 0 30px;}
		#cardMatchingTest .cmtCon3 .resultBox .typeImg {position:absolute;top:43px;left:58px;}
		#cardMatchingTest .cmtCon3 .resultBox .tit {position:relative;height:80px;padding:0 0 0 171px;color:#242424;font-size:14px;line-height:16px;font-weight:normal; font-family:RixGoEB;}
		#cardMatchingTest .cmtCon3 .resultBox .txt {position:relative;width:620px;height:120px;margin:0 50px 0 50px;text-align:center;overflow:auto;color:#555555;line-height:18px;}
		#cardMatchingTest .cmtCon3 .resultBox .snsbox {position:relative;width:720px;height:55px;margin-top:23px;overflow:hidden;}
		#cardMatchingTest .cmtCon3 .img {padding:0 0 0 30px 0;text-align:center;}
		#cardMatchingTest .cmtCon3 .resultList {width:720px;margin:0 auto;padding:0 0 0 30px 0;}
			#cardMatchingTest .cmtCon3 .resultList li {float:left;width:143px;height:161px;padding:34px 49px 0 0;text-align:center;}
			#cardMatchingTest .cmtCon3 .resultList li.last {padding-right:0;}
			#cardMatchingTest .cmtCon3 .resultList li .title {padding-top:10px;}
			#cardMatchingTest .cmtCon3 .resultList li a {color:#242424;font-weight:normal; font-family:RixGoEB;}
		#cardMatchingTest .cmtCon3 .btns {text-align:center;}

/* 카드 상품 목록 */
#cardMatchingTest .cmtCon3 .resultList .cardProListWrap {width:100%;}
#cardMatchingTest .cmtCon3 .resultList .cardProListWrap td {padding:12px 0 12px 0; border-bottom:1px solid #d5d5d5; vertical-align:top;}
#cardMatchingTest .cmtCon3 .resultList .cardProListWrap .cardProList {width:330px;}
		#cardMatchingTest .cmtCon3 .resultList .cardProList dl.cardPro {width:330px; height:105px;}
			#cardMatchingTest .cmtCon3 .resultList .cardProList dt {float:left; width:165px;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList .cardThumb {display:block; height:147px; height:105px; background:none;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList .cardThumb img {margin:0 4px 0 4px; width:143px; height:88px;}
			#cardMatchingTest .cmtCon3 .resultList .cardProList dd {float:left; width:165px;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList dd.cardName {font-weight:normal; font-family:RixGoEB; color:#242424; font-size:14px; line-height:17px; width:165px;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList dd.cardName a {color:#242424;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList dd.descTxt {margin:12px 0 0 0;font-size:12px; color:#555555; line-height:14px; width:165px;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList dd.userAge {margin:7px 0 0 0;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList dd.userAge .age {display:inline-block; margin:0 0 0 5px; padding:0 0 0 5px; color:#d0484e; font-size:12px; font-weight:normal; font-family:RixGoEB; background:url('/images/individual/card/bar_card_ranking_list.gif') no-repeat; }
				#cardMatchingTest .cmtCon3 .resultList .cardProList dd.cardBrand {margin:8px 0 0 0; width:165px;}
		#cardMatchingTest .cmtCon3 .resultList .cardProList .cardBtn {overflow:hidden; margin:0 0 0 0;}
			#cardMatchingTest .cmtCon3 .resultList .cardProList .favor {display:inline-block; margin:10px 0 0 0;}
			#cardMatchingTest .cmtCon3 .resultList .cardProList .cardBtn .cardIc {margin:5px 0 0 30px;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList .favor a {display:block; width:47px; height:13px; padding:3px 0 0 18px; background:url('/images/individual/common/ic/ic_favorites.gif') no-repeat left top; font-size:12px; color:#555555;}
				#cardMatchingTest .cmtCon3 .resultList .cardProList .favor a:hover {text-decoration:none;}
		#cardMatchingTest .cmtCon3 .resultList .cardProList .cardBtnFr {float:right; width:165px;}
			#cardMatchingTest .cmtCon3 .resultList .cardBtnFr .icon{float:right; width:165px; margin-bottom:7px; text-align:right;}
			#cardMatchingTest .cmtCon3 .resultList .cardProList .cardBtnFr .favor {margin:5px 3px 0 0;}
		#cardMatchingTest .cmtCon3 .resultList .cardProList .cardBlt {height:26px; margin:0 0 0 4px;}
		
.cardProList .cardProBenefit {width:153px; min-height:68px;}
.cardProList .cardProBenefit li {margin:0 0 0 8px !important;}

/* Emart login */
.scEmartLogin {width:670px; height:160px; margin:0 auto; background:transparent;}
.bgEmart {background:url('/images/individual/card/img_emart_card_img.gif') no-repeat left top;}
.emartLogin {width:100%; background:url('/images/individual/card/img_emart_card_img.gif') no-repeat left top;}
	.emartLogin .loginArea {width:400px; height:61px; margin-left:240px;background:url('/images/individual/card/bg_dotline_emart.gif') repeat-x left bottom;}
		.emartLogin .loginArea .loginForm {position:relative; width:320px;}
			.emartLogin .loginArea .loginForm dl {overflow:hidden; width:245px;}
			.emartLogin .loginArea .loginForm dt {float:left; width:41px; height:25px;}
				.emartLogin .loginArea .loginForm dt img {margin-top:4px;}
			.emartLogin .loginArea .loginForm dd {float:left; width:204px; height:25px;}
				.emartLogin .loginArea .loginForm dd .input {border:1px solid #cccccc; height:15px; padding:3px 4px 0 4px; color:#555555; font-size:12px;}

			.emartLogin .loginArea .loginForm .loginBtn {position:absolute; top:0; right:0;}
	.emartLogin .loginCaution {width:390px;margin-left:240px;}

/*이마트 카드등록 -등록된 카드가 없을 경우 */
.regi_nocard {width:472px; height:75px;background:url('/images/individual/card/bg_reg_nocard_box.gif') no-repeat 0 0; padding: 31px 0 0 248px;}
.regi_nocard2 {width:512px; height:136px;background:url('/images/individual/card/bg_reg_nocard_box2.gif') no-repeat 0 0; padding: 30px 0 0 208px;}


/* vip카드 */
.vipVisual{background:url('/images/individual/card/bg_vipcard_visual.jpg') no-repeat; width:690px; height:250px; padding:60px 0 0 30px;}
.keyPadLoc {position:absolute; left:6px; top:0; z-index:1000;}


.vKeyPadBtn img { vertical-align:middle; }
#vKeyPadBtn img { vertical-align:middle; }

/*공인인증 약관 박스*/
.card_cert_reg {width:690px !important; padding:15px 15px 20px 15px;}		
.card_cert_reg_list {text-align:left;}
.card_cert_reg_list li {line-height:18px; margin-top:4px;}
.card_cert_reg_agree {margin-top:15px; padding:13px 0 10px 20px; background:#fbfbfb; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:left;}

/* 카드 디테일 내 쇼핑몰 링크 박스 (1000025335) */
.issue_bank_box { border:1px solid #d9dce3; margin-top:5px; text-align:center; padding:26px 0 26px 30px; line-height:0px; }
.issue_bank_box a { display:inline-block; margin-right:26px; }

/* 2021 신규 카드 상품 */
.cardViewHad *,.cardViewBody *,.cardBtmItem *{font-size:14px}

.cardViewHad{overflow:hidden;padding:45px 55px;background:#f1f4f7;/*border:1px solid #d8d8d8*/}
.cardViewHad .cardTit_g{float:left;margin-right:30px;}
.cardViewHad .cardTit_g .cardname{display:none}
.cardViewHad .cardTit_g .img{width:300px;text-align:center}
.cardViewHad .cardTit_g .img img{width:300px !important; height:188px !important;border-radius:15px;border:1px solid #d8d8d8}
.cardViewHad .cardTit_g .img.vertical img{width:188px !important; height:300px !important;}

.cardDetail{float:right; width:387px; margin:0;}
/*.cardDetail h4{font-size:27px ! important;color:#000}*/
.cardDetail h4{font-size:27px ! important; line-height:1.13; color:#000}
.cardDetail h4 span{font-size:27px ! important;color:#000}
.cardDetail .brand{margin:5px 0 10px;padding-bottom:10px;;text-align:left;border-bottom:1px dashed #ddd}
.cardDetail .brand i{display:inline-block;vertical-align:middle;font-size:0;background-size:contain ! important}
.cardDetail .brand i~i{margin-left:8px}
.cardDetail .ic_credit{width:38px;height:25px;line-height:25px;padding-top:1px;text-align:center;border-radius:2px;font-style:normal;font-size:13px ! important;color:#fff;box-sizing:border-box;background:#fcb62f}
.cardDetail .ic_check{width:38px;height:25px;line-height:25px;padding-top:1px;text-align:center;border-radius:2px;font-style:normal;font-size:13px ! important;color:#fff;box-sizing:border-box;background:#ff953f}
.cardDetail .ic_onlyMobile{width:71px;height:25px;line-height:25px;padding-top:1px;text-align:center;border-radius:2px;font-style:normal;font-size:13px ! important;color:#fff;box-sizing:border-box;background:#75cadc}
.cardDetail .ic_bc{width:30px;height:20px;background:url(/images/individual/card/renew/detail/ic_brand_bc.png) no-repeat 50% 50%;}
.cardDetail .ic_master{width:30px;height:20px;background:url(/images/individual/card/renew/detail/ic_brand_master.png) no-repeat 50% 50%;}
.cardDetail .ic_vasa{width:42px;height:20px;margin-left:6px ! important;background:url(/images/individual/card/renew/detail/ic-brand-01-visa.png) no-repeat 50% 50%;}
.cardDetail .ic_unionpay{width:26px;height:18px;margin-left:6px ! important;background:url(/images/individual/card/renew/detail/ic-brand-03-union.png) no-repeat 50% 50%;}
.cardDetail .ic_jbc{width:23px;height:18px;margin-left:6px ! important;background:url(/images/individual/card/renew/detail/ic-brand-04-jcb.png) no-repeat 50% 50%;}
.cardDetail .ic_bc2{width:38px;height:25px;background:url(/images/individual/card/renew/detail/ic_brand_bc2.png) no-repeat 50% 50%;}
.cardDetail .ic_amex{width:38px;height:25px;background:url(/images/individual/card/renew/detail/ic_brand_amex.png) no-repeat 50% 50%;}
.cardDetail .ic_dfs{width:38px;height:25px;background:url(/images/individual/card/renew/detail/ic_brand_dfs.png) no-repeat 50% 50%;}
.cardDetail .benefits{position:relative;margin-top:6px;/*padding-left:40px;*/line-height:1.63;padding-left:10px;font-family:RixGoEB;font-size:15px}
.cardDetail .benefits:before{content:"";position:absolute;top:10px;left:0;width:3px;height:3px;background:#0b0b0c}
.cardDetail .benefits i{display:none;position:absolute;top:0;left:0;width:30px;height:30px;background-size:contain}
.cardDetail .benefits br{/*display:none;*/}
.cardDetail .benefits br.show{display:block;}
.cardDetail .benefits~.benefits{margin-top:0}
.cardDetail .benefits_list{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd}
.cardDetail .benefits_list li{position:relative;font-size:14px;padding-left:10px;}
.cardDetail .benefits_list li~li{margin-top:3px}
.cardDetail .benefits_list li:before{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#0b0b0c}
.cardDetail .ic_benefit_top{background:url(/images/individual/card/renew/detail/ic_benefit_top.png) no-repeat 50% 50%;}
.cardDetail .txtTit_g{position:relative;padding-left:60px;margin-top:11px;padding-top:13px;border-top:1px dashed #ddd}
.cardDetail .txtTit_g h5{position:absolute;top:13px;left:0;line-height:1.71;}
.cardDetail .txt_g{line-height:1.71;}
.cardDetail .txt_g .type{}
/* 2021-02-01 수정 시작 */
.btn_g{margin-top:11px;padding-top:30px;text-align:center;font-size:0;clear:both;}
.btn_g .btn_card {display:none;}
.btn_g .btn_card a{display:inline-block;width:91px;height:30px;line-height:28px;text-align:center;font-size:13px;border:1px solid #555;background:#fff;box-sizing:border-box; }
.btn_g .btn_card~.btn_card{margin-left:10px}
/* 2021-02-01 수정 끝 */

.cardViewBody{position:relative;margin:62px 0 0;}
.cardViewBody h2{margin-bottom:17px;font-size:22px;line-height:1.55;color:#000;}
.cardViewBody .btn_allOpen{position:absolute;top:5px;right:20px}
.cardViewBody .all_btnClose{display:none}
.cardViewBody .btn_allOpen a{position:relative;display:inline-block;padding:0 24px 6px 0;font-size:15px;color:#000;line-height:1.33;}
.cardViewBody .btn_allOpen a:after{content:"";position:absolute;left:0;bottom:0;width:69px;height:1px; background:#000}
.cardViewBody .btn_allOpen a:before{content:"";position:absolute;top:-2px;right:0;width:24px;height:24px;background:url(https://www.bccard.com/images/individual/card/renew/detail/btn_view_more_open.png) no-repeat 50% 50%;background-size:contain}
.cardViewBody .btn_allOpen .all_btnClose a:before{transform:rotateX(180deg)}
.cardViewBody .btn_card_white01 {display:inline-block; height:26px; padding:0 8px; border:1px solid #ccc; color:#555; font-size:14px; line-height:26px; text-indent:0; background-color:#fff;}
.cardViewBody .view a.btn_card_white01 {text-decoration:none !important; color:#555 !important;}

.cardItem_group{position:relative;}
.cardItem_group.no_tit .btn_allOpen{height:0;overflow:hidden;}
.cardItem_group~.cardItem_group{margin-top:40px}
.cardItem + .cardItem_group{margin-top:40px}
.cardItem_tit_g{margin:40px 0 0 0;padding-bottom:20px;border-bottom:2px solid #ddd;}
.cardItem_tit_g:nth-of-type(1){position:relative;margin-top:-5px;background:#fff;}
.cardItem_tit{margin-bottom:20px;font-family:RixGoEB;color:#242424;font-size:18px;line-height:20px;}
.cardItem_tit_in{padding-bottom:20px;font-family:RixGoEB;color:#242424;font-size:18px;line-height:20px;border-bottom:2px solid #ddd;}
.cardItem_tit_in:nth-of-type(1){position:relative;margin-top:-5px;background:#fff;}
.item + .cardItem_tit_in{margin-top:40px}
.cardItem{border-top:2px solid #ddd}
.cardItem .item{position:relative;}
.cardItem .triger{z-index:1;position:absolute;top:24px;right:16px;width:32px;height:32px;}
.cardItem .triger a{position:relative;display:block;width:32px;height:32px;font-size:0;background:url(/images/individual/card/renew/detail/btn_dropdown_open_pc.png) no-repeat 50% 50%;}
.cardItem .close_btn{display:none;}
.cardItem .close_btn{display:none;transform:rotateX(180deg)}
.cardItem .tit{z-index:2;position:relative;display:table;width:100%;height:80px;border-bottom:1px solid #ccc;cursor:pointer;box-sizing:border-box;}
.cardItem .tit p{display:table-cell;width:100%;height:80px;vertical-align:middle;font-family:RixGoEB;color:#242424;font-size:18px;line-height:20px;letter-spacing:-0.5px;}
.cardItem .tit span{font-size:18px;font-family:RixGoEB;color:#000;}
.cardItem .tit .txt{position:static;display:block; margin-top:5px;color:#555; font-size:14px;font-family:RixGoM;}
.cardItem .view{display:none;position:relative;z-index:3;top:-1px;padding:0 50px 26px;border-top:1px solid #fff;border-bottom:1px solid #ddd;background:#fff;}
/* 2021-12-29 */
.cardItem .tit.tit_img p {width:95%;}
.cardItem .tit.tit_img p.img_wrap {width:5%;}
.cardItem .tit.tit_img p.img_wrap img {width:30px; height:35px; vertical-align:middle;}

.cardBtmItem{margin:40px 0 0;background-color:#f1f4f7;}
.cardBtmItem~.cardBtmItem{margin-top:0}
.cardBtmItem .tit{position:relative;padding:0 0 0 24px;height:80px;line-height:80px;font-family:RixGoEB;font-size:22px;color:#000;cursor:pointer;border-bottom:1px solid #e3e8ed;}
.cardBtmItem .tit .triger{z-index:1;position:absolute;top:24px;right:13px;width:32px;height:32px;}
.cardBtmItem .triger a{position:relative;display:block;width:32px;height:32px;font-size:0;background:url(/images/individual/card/renew/detail/btn_dropdown_open_pc.png) no-repeat 50% 50%;}
.cardBtmItem .triger .close_btn{display:none;}
.cardBtmItem .close_btn{display:none;transform:rotateX(180deg)}
.cardBtmItem .in_tit{margin-bottom:12px;font-size:16px;font-family:RixGoEB;}
.cardBtmItem .txt_list + .in_tit{margin-top:20px}
.cardBtmItem .refer_view{display:none;position:relative;top:-1px;padding:0 50px 26px;border-top:1px solid #f1f4f7;}
.cardBtmItem .referTxt_in{margin-bottom:30px}
 /* 2021-11-12 */
.cardBtmItem.cardRefer .refer_view {display:block;}
.cardBtmItem.cardRefer .triger .close_btn {display:block;}
.cardBtmItem.cardRefer .triger .more_btn {display:none;}

/* .cardViewBody .em{font-weight:normal;color:#000;background:#ff0}
.cardViewBody strong.em2{text-decoration:underline;font-family:RixGoEB;color:#000}
.cardViewBody em.em2{text-decoration:underline;color:#000}
.cardViewBody strong{font-family:RixGoEB;}
.cardViewBody strong.em3{font-family:RixGoEB;color:#000;}
.cardViewBody strong.em4{font-family:RixGoEB;color:#000; background:#ff0} */
.cardViewBody .em{font-weight:normal;color:#000;background:#ff0}
.cardViewBody .em2{font-weight:normal;text-decoration:underline;color:#000}
.cardViewBody .em.em2{text-decoration:underline;color:#000}
.cardViewBody em.em2{text-decoration:underline;color:#000}
.cardViewBody strong{font-family:RixGoEB;}
.cardViewBody strong.em2, .cardViewBody strong > span.em2{text-decoration:underline;font-family:RixGoEB;color:#000}
.cardViewBody strong.em3, .cardViewBody strong > span.em3{font-family:RixGoEB;color:#000;}
.cardViewBody strong.em4, .cardViewBody strong > span.em4{font-family:RixGoEB;color:#000; background:#ff0}
.cardViewBody .em5{font-weight:normal; background:#ff0;}
.cardViewBody strong.em5, .cardViewBody strong > span.em5{font-family:RixGoEB; background:#ff0}
.cardViewBody .underline{text-decoration:underline;}

.cardViewBody .em_color{color:#212121}
.cardViewBody .sub_tit{margin-bottom:9px;font-size:16px;font-family:RixGoEB;line-height:1.63;color:#000}
.cardViewBody .sub_tit2{margin:20px 0 9px 0;font-size:14px;font-family:RixGoEB;line-height:1.63;}
.cardViewBody .txt_list~.txt_list,.cardViewBody .hypen~.txt_list{margin-top:10px}
.cardViewBody .txt_list{font-size:14px;line-height:22px;color:#424242;}
.cardViewBody .txt_list li~li{margin-top:10px}
.cardViewBody .txt_list li{position:relative;padding-left:10px;}
.cardViewBody .txt_list > li:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#424242}
.cardViewBody .txt_list li .hypen{margin-top:6px}
.cardViewBody p.txt_list{position:relative;padding-left:10px;}
.cardViewBody p.txt_list:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#424242}
.cardViewBody .hypen li{padding:0 0 0 12px;text-indent:-12px !important;}
.cardViewBody .hypen li:before{display:none}
.cardViewBody .hypen li p{padding:0 0 0 12px;text-indent:-13px !important;}
.cardViewBody .hypen li~li{margin-top:8px}
.cardViewBody .hypen ul{margin-top:8px}
.cardViewBody .hypen ul li{position:relative;padding:0 0 0 11px;text-indent:0;}
.cardViewBody .hypen ul li:before{display:block;content:"";position:absolute;top:10px;left:0;width:2px;height:2px;background:#424242}
.cardViewBody .dot_list li{position:relative;padding:0 0 0 11px;line-height:22px;}
.cardViewBody .dot_list li:before{content:"";position:absolute;top:10px;left:0;width:2px;height:2px;background:#424242}
.cardViewBody .dot_list li~li{margin-top:3px}
.cardViewBody .indent{margin-left:10px}
.cardViewBody .txt_list ol{margin-top:3px}
.cardViewBody .txt_list ol li,.cardViewBody ol li{text-indent:-17px;padding-left:17px;line-height:1.7;}
.cardViewBody .txt_list ol li~li,.cardViewBody  ol li~li{margin-top:6px}
.cardViewBody .txt_list ol li:before{display:none}
.cardViewBody .view a{text-decoration:underline ! important;color:#0000e0 ! important}
.cardViewBody .txt_mark{text-indent:-15px;padding-left:15px;line-height:1.7;}
.cardViewBody .txt_mark2{text-indent:-11px;padding-left:11px;line-height:1.7;} /* 2023-03-15 */
.cardViewBody .txt_mark~.txt_mark{margin-top:3px}
.cardViewBody .txt_mark .txt_mark_in01 {display:inline-block; margin-top:10px; text-indent:0; text-decoration:underline;}
.cardViewBody p{line-height:1.7;}
.cardViewBody .para{margin-top:10px}

/* 2021-03-30 */
.cardViewBody .btn_in{text-align:center;overflow:visible}
.cardViewBody .btn_in a{display:inline-block;position:relative;width:240px;height:48px;margin-top:35px;padding:0 33px 0 20px;color:#333 ! important;text-decoration:none ! important;font-size:15px;color:#000;text-align:center;line-height:46px;border-radius:4px;box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.06);border:solid 1px #ddd;background-color:#fff;box-sizing:border-box}
.cardViewBody .btn_in a:after{display:inline-block;content:'';position:relative;top:-1px;margin-left:3px;width:24px;height:24px;vertical-align:middle;background:url(https://www.bccard.com/images/individual/card/renew/detail/arr_72x72_r.png) 0 0 / cover no-repeat;transform:rotate(90deg)}
.cardViewBody .btn_in.no_contents{text-align:center}
/* 2021-03-30 */

.tbColCard{table-layout:fixed;width:100%;border-top:1px solid #424242;border-bottom:1px solid #dadee2}
.tbColCard thead th{height:62px;padding:9px 0;line-height:1.33;color:#000;text-align:center;}
.tbColCard thead tr~tr th{border-top:1px solid #424242;}
.tbColCard tbody th{color:#000;padding:21px 0;font-weight:normal;text-align:center;border-top:1px solid #dadee2}
.tbColCard tbody td .fc-b{color:#2794f9;}
.tbColCard td{padding:21px 4px;line-height:1.6;text-align:center;border-top:1px solid #dadee2}
.tbColCard td.emp {color:#000;border-top: 1px solid #424242;font-family:RixGoEB;}
.tbColCard .cell{text-align:left}
.tbColCard .txt_list{text-align:left}

.txt_list + .tbColCard,.txt_list + .tbRowCard,.hypen + .tbColCard,.hypen + .tbRowCard,.tbColCard.indent,.tbRowCard.indent{width:calc(100% - 10px);margin:0 0 0 auto}
.txt_list + .tbColCard + .tbColCard,.txt_list + .tbRowCard + .tbRowCard{width:calc(100% - 10px);margin:0 0 0 auto}

.tbRowCard{table-layout:fixed;width:100%;border-top:1px solid #424242;border-bottom:1px solid #dadee2}
.tbRowCard th{padding:20px 0;line-height:1.73;text-align:left;vertical-align:middle;font-weight:RixGoEB;color:#000;border-bottom:1px solid #dadee2}
.tbRowCard td{padding:20px 0;line-height:1.6;vertical-align:middle;border-bottom:1px solid #dadee2}
.tbRowCard td .point{margin-top:10px;font-size:14px;line-height:1.43;color:#5f7d8a;}
.tbRowCard .cell{text-align:center;}

.cardViewBody .txt_list + .sub_tit,.cardViewBody ol + .sub_tit,.cardViewBody .hypen + .sub_tit,.cardViewBody table + .sub_tit,.cardViewBody .txt_mark + .sub_tit{margin-top:30px;}
.cardViewBody ul + ol,.cardViewBody ul + .txt_mark, .cardViewBody ul li + .txt_mark, .cardViewBody ol + .txt_mark,.cardViewBody .txt_list + .txt_mark{margin-top:9px}
.cardViewBody table + .txt_list,.cardViewBody table + .hypen,.cardViewBody table + .dot_list{margin-top:14px ! important}
.cardViewBody .txt_mark + .hypen{margin-top:8px ! important}
.cardViewBody ul li > .txt_mark,.cardViewBody ul li > .txt_mark + .hypen{margin-top:6px ! important}
.cardViewBody .txt_list + table,.cardViewBody .hypen + table,.cardViewBody .txt_mark + table,.cardViewBody .para + table{margin-top:14px}
.cardViewBody table + .txt_mark,.cardViewBody table + .para{margin-top:10px ! important}
.cardViewBody .para + .txt_list,.cardViewBody .para + .hypen,.cardViewBody .txt_mark + .txt_list{margin-top:10px}
.cardViewBody .em + p{margin-top:9px}
.cardViewBody .em2 + p{margin-top:2px}
.cardViewBody .txt_mark + .hypen.mark,.cardViewBody .txt_mark + .hypen.mark{margin-top:3px ! important;padding-left:10px}
.cardViewBody .txt_mark + .hypen.mark li~li{margin-top:3px }
.cardViewBody .txt_mark + ol.mark{margin-left:10px;margin-top:6px;}
.cardViewBody .tbColCard + .tbColCard,.cardViewBody .tbColCard + .tbRowCard{margin-top:20px;}

.cardViewBody .referTxt_in ul + .in_tit{margin-top:20px;}
.cardViewBody .referTxt_in ul{font-size:14px;line-height:22px;color:#424242;}
.cardViewBody .referTxt_in ul li{position:relative;padding-left:10px;}
.cardViewBody .referTxt_in ul li~li{margin-top:13px}
.cardViewBody .referTxt_in ul li{position:relative;padding-left:10px;}
.cardViewBody .referTxt_in ul li:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#424242}
.cardViewBody .referTxt_in ol{margin-top:10px}
.cardViewBody .referTxt_in ol li:before{display:none}
.cardViewBody .referTxt_in ol li{padding-left:0}
.cardViewBody .referTxt_in ul ol{margin-left:14px}
.cardViewBody .referTxt_in ul ul li:before{display:none}
.cardViewBody .referTxt_in ul ul li{margin-top:10px;padding-left:11px;text-indent:-11px;}
.cardViewBody .referTxt_in p{margin-top:10px;padding-left:14px;text-indent:-14px;}
/* 2021-03-26 */
.cardViewBody .referTxt_in p + .hypen{margin:10px 0 0 15px}
.cardViewBody .referTxt_in ul + ul,.cardViewBody .referTxt_in p + ul,.cardViewBody .referTxt_in p + .in_tit{margin-top:20px}
.cardViewBody .referTxt_in .in_tit + ul{margin-top:0;}
/* //2021-03-26 */

.cardViewBody br.mo{display:none}

.cardViewBody .img_dig{font-size:0;margin:14px 0;}
.cardViewBody .img_dig img{display:none}
.cardViewBody .pg_232153{width:408px;height:113px;background:url("https://www.bccard.com/images/individual/card/detail/img_shinsegae_point_change.jpg") no-repeat 50% 50%;}
.cardViewBody .pg_756053{width:630px;height:77px;background:url("https://www.bccard.com/images/individual/card/detail/img_ibknara_step.jpg") no-repeat 50% 50%;}
.cardViewBody .pg_037086{width:630px;height:77px;background:url("https://www.bccard.com/images/individual/card/detail/img_1000023328_02.gif") no-repeat 50% 50%;}
.cardViewBody .pg_037086_2{width:630px;height:77px;background:url("https://www.bccard.com/images/individual/card/detail/img_1000023328_03.gif") no-repeat 50% 50%;}
.cardViewBody .pg_739012{width:630px;height:198px;background:url("https://www.bccard.com/images/individual/card/renew/detail/img_739012.png") no-repeat 50% 50%;}
.cardViewBody .pg_756406{width:630px;height:94px;background:url("https://www.bccard.com/images/individual/card/renew/detail/img_756406.png") no-repeat 50% 50%;}

/* 2021-02-04 수정 시작 */
.btnB_apply{}
/* 2021-02-04 수정 끝 */
.btnB_apply .noti{display:none}
.btn-homeTop{display:none}

/* 2021-02-01 수정 시작 */
.btnB_apply{position:relative;display:inline-block}
.btnB_apply button{width:240px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;border:1px solid #ff4562;background:#ff4562;box-sizing:border-box;border-radius:4px;}
.btnB_apply .button {display:inline-block; width:240px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;border:1px solid #ff4562;background:#ff4562;box-sizing:border-box;border-radius:4px;}
/* 2021-02-01 수정 끝 */

/* 2021-05-11 */
.cardViewBody .txt_exemple{text-indent:-21px;padding-left:21px;line-height:1.7; display:inline-block;}
.cardViewBody .txt_hypen{text-indent:-12px;padding-left:12px;line-height:1.7; display:inline-block;}
.cardViewBody .txt_star{text-indent:-10px;padding-left:10px; line-height:1.7; display:inline-block; margin-top:3px;}
.cardViewBody .txt_list li, .cardViewBody .referTxt_in ul li, .cardViewBody p, .cardViewBody .txt_mark, .cardViewBody .txt_exemple, .cardViewBody .txt_hypen, .tbRowCard td, .tbColCard td {word-break:keep-all !important;}
.cardViewBody i {display:inline-block; vertical-align:text-top; font-size:0; background-size:contain !important; margin-left:8px;}
.cardViewBody .ic_bc{width:30px;height:20px;background:url(/images/individual/card/renew/detail/ic_brand_bc.png) no-repeat 50% 50%;}
.cardViewBody .ic_master{width:30px;height:20px;background:url(/images/individual/card/renew/detail/ic_brand_master.png) no-repeat 50% 50%;}
.cardViewBody .ic_vasa{width:30px;height:20px;margin-left:6px ! important;background:url(/images/individual/card/renew/detail/ic-brand-01-visa.png) no-repeat 50% 50%;}
.cardViewBody .ic_unionpay{width:26px;height:18px;margin-left:6px ! important;background:url(/images/individual/card/renew/detail/ic-brand-03-union.png) no-repeat 50% 50%;}
.cardViewBody .ic_jbc{width:23px;height:18px;margin-left:6px ! important;background:url(/images/individual/card/renew/detail/ic-brand-04-jcb.png) no-repeat 50% 50%;}
.cardViewBody .ic_bc2{width:38px;height:25px;background:url(/images/individual/card/renew/detail/ic_brand_bc2.png) no-repeat 50% 50%;}
.cardViewBody .ic_bc2.type02{margin-left:0 !important; width:28px; height:20px;}
.cardViewBody .ic_unionpay.type02{margin-left:0 !important;}
.cardViewBody .ic_amex{width:38px;height:25px;background:url(/images/individual/card/renew/detail/ic_brand_amex.png) no-repeat 50% 50%;}
.cardViewBody .ic_dfs{width:38px;height:25px;background:url(/images/individual/card/renew/detail/ic_brand_dfs.png) no-repeat 50% 50%;}
.cardItem .tit p span.normal {font-family:RixGoM !important; font-size:16px;}
.fc_blue {color:#0000e0}

/* 2021-07-05 */
.cardViewBody .card_list {margin-bottom:20px; border-top:1px solid #000;}
.cardViewBody .card_list dl.vtype {display:table; width:100%; padding:25px; border-bottom:1px solid #dadee1; box-sizing:border-box;}
.cardViewBody .card_list dl.vtype dt {display:table-cell; width:130px;}
.cardViewBody .card_list dl.vtype dd {display:table-cell; vertical-align:middle;}
.cardViewBody .card_list dl.vtype dd .card_tit {margin-bottom:15px; font-size:16px; font-weight:bold; color:#000;}

/* 202107001759 [급건](페이북)모바일웹App_카드상세_BC바로_블랙핑크_유튜브삽입_로고변경_101500  2021 웹접근성 때문에 수정 */
/* .blackpink_video_wrap {margin-top:40px;}
.blackpink_video_wrap iframe {width:830px; height:467px;} */
.blackpink_video_wrap {margin-top:40px;}
.blackpink_video_wrap .blackpink_video_wrap_inner {width:830px;}
.blackpink_video_wrap .blackpink_video_wrap_inner img {width:100%;}

.cardViewBody .card_qr_wrap {padding:22px 0; border:1px solid #ddd; text-align:center;}
.cardViewBody .card_qr_wrap .text {display:inline-block; margin-left:10px; font-size:15px;}

/* 2022-04-18 바로카드 개편 */
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('SpoqaHanSansBold.woff2') format('woff2'),
    url('SpoqaHanSansBold.woff') format('woff'),
    url('SpoqaHanSansBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('SpoqaHanSansRegular.woff2') format('woff2'),
    url('SpoqaHanSansRegular.woff') format('woff'),
    url('SpoqaHanSansRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('SpoqaHanSansThin.woff2') format('woff2'),
    url('SpoqaHanSansThin.woff') format('woff'),
    url('SpoqaHanSansThin.ttf') format('truetype');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 700;
    src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
    url('GmarketSansBold.woff2') format('woff2'),
    url('GmarketSansBold.woff') format('woff');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 500;
    src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
    url('GmarketSansMedium.woff2') format('woff2'),
    url('GmarketSansMedium.woff') format('woff');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 300;
    src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
    url('GmarketSansLight.woff2') format('woff2'),
    url('GmarketSansLight.woff') format('woff');
}

.online_card_section {padding:0 0 65px;}
.online_card_section * {font-family:'Spoqa Han Sans';}

.card-swiper-wrap {overflow:hidden; position:relative; z-index:10;}
.card-swiper .swiper-slide {position:relative; width:286px; height:180px; margin:8px 0 40px; padding:0 20px;}
.card-swiper .card-img-item {position:relative; z-index:10; width:270px; height:170px; margin:0 auto; text-align:center; border-radius:9px; filter:drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.1)); transition:all 0.4s;}
.card-swiper .card-img-item img {width:100%; height:100%;}
.card-swiper .swiper-slide-active .card-img-item {width:286px; height:180px; margin-top:-5px; filter:drop-shadow(0px 12px 20px rgba(0, 0, 0, 0.2));}
.card-swiper.single .swiper-slide {margin:0 auto 40px;}
.card-swiper.single .card-img-item {width:300px; height:188px;}
.card-swiper.vertical .swiper-slide {width:180px; height:286px; margin-top:10px;}
.card-swiper.vertical .card-img-item {width:170px; height:270px;}
.card-swiper.vertical .swiper-slide-active .card-img-item {width:180px; height:286px; margin-top:-8px;}
.card-swiper.single.vertical .card-img-item {width:180px; height:286px;}

.card-swiper .swiper-pagination {padding-right:24px; text-align:right; box-sizing:border-box;}
.card-swiper.swiper-container .swiper-pagination-bullet {width:5px; height:5px; background-color:#e8e8e8; opacity:1; margin:0 2px;}
.card-swiper.swiper-container .swiper-pagination-bullet-active {background-color:#707070;}

.btn_card_flip_wrap {position:absolute; right:0; bottom:32px; left:0; z-index:20; text-align:center;}
.btn_card_flip_wrap .btn_card_flip {display:inline-block; overflow:hidden; width:32px; height:32px; text-indent:-9999px; background:url('/images/individual/card/renew/detail/ic_flip.png') 0 0 / cover no-repeat;}

.online_card_top {text-align:center;}
.online_card_top .card_type {margin-bottom:12px;}
.online_card_top .card_type .type {display:inline-block; font-size:18px; line-height:26px; color:#000;}
.online_card_top .card_type .brand {display:inline-block; font-size:18px; line-height:26px; color:#000;}
.online_card_top .card_type .type + .brand:before {display:inline-block; content:''; width:1px; height:12px; background-color:#f0f0f0; margin:0 7px;}
.online_card_top .card_title {font-family:'Gmarket Sans'; font-weight:700; font-size:42px; line-height:46px; text-align:center; color:#000;}
.online_card_top .card_title .mo {display:none;}
.online_card_top .card_notice {margin-top:12px; font-size:18px; line-height:26px; color:#000;}
/* 2024-12-18 */
.online_card_top .card_info.moLinkWrap {display:none;}
.online_card_top .card_info {display:inline-block; margin-top:20px; padding:12px 24px; background-color:#e7f7ff; border-radius:14px;}
.online_card_top .card_info dl {display:flex;}
.online_card_top .card_info dl dt {margin-right:8px; font-size:15px; color:#0079ff; line-height:22px;}/* 2025 웹접근성 */
.online_card_top .card_info dl dt strong {font-weight:700;}
.online_card_top .card_info dl dt img {margin-bottom:3px; width:10px; vertical-align:middle;}
.online_card_top .card_info dl dd {font-size:14px; color:#626a7a;}

.cardViewBody.onlineCard {margin:0;}
.cardViewBody.onlineCard * {font-family:'Spoqa Han Sans'; font-size:18px; line-height:32px; color:#212121;}
.cardViewBody.onlineCard strong {font-weight:700;}
.cardViewBody .onlineCardItem {padding:0 0 70px; background-color:#fff;}
.cardViewBody .onlineCardItem .item {position:relative; margin-bottom:50px;}
.cardViewBody .onlineCardItem .triger {z-index:1; position:absolute; top:17px; right:12px; width:32px; height:32px;}
.cardViewBody .onlineCardItem .triger a {display:block; overflow:hidden; width:32px;height:32px; text-indent:-9999px; background:url('/images/individual/card/renew/detail/btn_dropdown_open.png') no-repeat 50% 50%;background-size:contain}
.cardViewBody .onlineCardItem .close_btn{display:none;transform:rotateX(180deg)}
.cardViewBody .onlineCardItem .tit {display:block; position:relative; z-index:2; width:100%; padding:0 12px 0 106px; box-sizing:border-box; cursor: pointer;}
.cardViewBody .onlineCardItem .ico {position:absolute; top:6px; left:20px;}
.cardViewBody .onlineCardItem .ico img {width:52px; height:52px;vertical-align:top;}
.cardViewBody .onlineCardItem .sub {font-weight:400; font-size:18px; line-height:27px; color:#000;}
.cardViewBody .onlineCardItem .main {font-weight:700; font-size:26px; line-height:38px; color:#000;}
.cardViewBody .onlineCardItem .item.noSub .main {padding:12px 0 15px;}
.cardViewBody .onlineCardItem .view {display:none; position:relative; z-index:3; top:0; margin:30px 24px 0 106px; padding-bottom:50px;}

.cardViewBody .cardBtmInfo {padding:60px 28px 0; background:#f9fafc;}
.cardViewBody .annualFeeWrap {margin-bottom:70px;}
.cardViewBody .annualFeeWrap .titWrap {position:relative;}
.cardViewBody .annualFeeWrap .tit {margin-bottom:22px; font-weight:700; font-size:20px; line-height:30px;}
.cardViewBody .annualFeeWrap .tit a {position:relative; display:inline-block; padding-right:36px;}
.cardViewBody .annualFeeWrap .tit a:before {display:block; content:''; width:100%; height:36px; background:url('/images/individual/card/renew/detail/arr_72x72_r.png') no-repeat right 0/36px 36px; position:absolute; top:-2px;}
.cardViewBody .annualFeeWrap .traffic {position:absolute; top:2px; right:0; color:#424242; line-height:26px;}
.cardViewBody .annualFeeBox {width:100%; padding:24px 74px; border-radius:18px; background-color:#fff; box-sizing:border-box;}
.cardViewBody .annualFeeBox .annual {position:relative;}
.cardViewBody .annualFeeBox .annual + .annual {margin-top:13px; padding-top:13px; border-top:1px solid rgba(0, 0, 0, 0.06);}
.cardViewBody .annualFeeBox .annual .type {display:inline-block; width:100px; font-size:18px; font-weight:400;}
.cardViewBody .annualFeeBox .annual .fee {position:absolute; top:0; right:0; font-size:18px; font-weight:700;}
.cardViewBody .annualFeeBox .annual + .annual .fee {top:13px;}
.cardViewBody .annualFeeBox .annual .brand {display:inline-block;}
.cardViewBody .annualFeeBox .annual .ic {display:inline-block; position:relative; padding-left:28px; font-size:15px; line-height:22px; background-size:24px auto; background-repeat:no-repeat; background-position:0 50%;}
.cardViewBody .annualFeeBox .annual .ic.bc {background-image:url('/images/individual/card/renew/detail/ic_brand_bc.png');}
.cardViewBody .annualFeeBox .annual .ic.visa {padding-left:36px; background-image:url('/images/individual/card/renew/detail/ic-brand-01-visa.png'); background-size:32px auto;}
.cardViewBody .annualFeeBox .annual .ic.master {background-image:url('/images/individual/card/renew/detail/ic_brand_master.png');}
.cardViewBody .annualFeeBox .annual .ic.union {padding-left:36px; background-image:url('/images/individual/card/renew/detail/ic-brand-03-union.png'); background-size:32px auto;}
.cardViewBody .annualFeeBox .annual .ic.amex {padding-left:36px; background-image:url('/images/individual/card/renew/detail/ic_brand_amex.png'); background-size:32px auto;}
.cardViewBody .annualFeeBox .annual .ic+.ic {margin-left:8px; padding-left:42px; background-position:8px 50%;}
.cardViewBody .annualFeeBox .annual .ic+.ic:before {position:absolute; top:50%; left:0; content:''; width:1px; height:12px; margin-top:-6px; background-color:rgba(0, 0, 0, 0.06);}
.cardViewBody .annualFeeBox .ps{margin-top:13px; font-size: 0.95rem;}
.cardViewBody .annualFeeBox .ps + .ps {margin-top:0;}
.cardViewBody .qrApplyWrap {margin-top:40px; padding:30px 0; border-radius:18px; background-color:#fff; box-sizing:border-box; text-align:center;}
.cardViewBody .qrApplyWrap .qr {display:inline-block; vertical-align:middle;}
.cardViewBody .qrApplyWrap .qr img {width:88px; height:88px;}
.cardViewBody .qrApplyWrap .text {display:inline-block; margin-left:32px; font-size:20px; line-height:30px; color:#000; vertical-align:middle;}
.cardViewBody .qrApplyWrap .text strong {font-size:20px; line-height:30px;}
.cardViewBody .qrApplyWrap .text.paybooc_pc {display:none;}

.cardViewBody .cardBtmInfo .cardBtmItem {margin:0; border-bottom:1px solid rgba(0,0,0,0.06); background:#f9fafc;}
.cardViewBody .cardBtmInfo .cardBtmItem .tit {padding:0; border-bottom:none; font-size:20px; line-height:80px; color:#000; font-weight:700;}
.cardViewBody .cardBtmInfo .cardBtmItem .refer_view {padding:0 0 30px; border-top:none;}

.cardViewBody .cardShareWrap {display:table; width:100%; padding:60px 0;}
.cardViewBody .cardShareWrap .tit {margin-bottom:26px; font-weight:700; font-size:30px; line-height:44px; color:#000;}
.cardViewBody .cardShareWrap .tit img {width:30px; vertical-align:baseline;}
.cardViewBody .cardShareWrap .ico_share {display:table-cell; width:64px; height:64px; padding:0 7px; vertical-align:middle;}
.cardViewBody .cardShareWrap .ico_share.kakao {display:none;}
.cardViewBody .cardShareWrap .ico_share img {width:100%;}
.cardViewBody .cardShareWrap #shareUrl {position:absolute; left:-9999px;}

.tbColCard2 {table-layout:fixed; width:100%; border-top:1px solid #8f989c; border-bottom:1px solid #e9ecef;}
.tbColCard2 thead th {padding:15px 4px; background-color:#f3f5f7; border-left:1px solid #e9ecef; font-size:15px; color:#000; font-weight:700; text-align:center;}
.tbColCard2 thead tr~tr th {border-top:1px solid #424242;}
.tbColCard2 tbody th {color:#000; padding:21px 0; text-align:center; font-weight:normal; border-top:1px solid #e9ecef; border-left:1px solid #e9ecef; font-size:15px;}
.tbColCard2 tbody td {padding:15px 4px; text-align:center; border-bottom:1px solid #e9ecef; border-left:1px solid #e9ecef; font-size:15px;}
.tbColCard2 th.first, .tbColCard2 td.first {border-left:none;}
.tbColCard2 .tal {text-align:left;}
.tbColCard2 .txt_list {text-align:left;}

.tbColCard3 {table-layout:fixed; width:100%; border-bottom:1px solid #000;}
.tbColCard3 thead th {padding:15px 4px; border-bottom:1px solid #000; font-size:15px; color:#000; font-weight:700; text-align:center;}
.tbColCard3 tbody th {padding:15px 4px; text-align:center; font-weight:normal; font-size:15px; color:#000;}
.tbColCard3 tbody td {padding:15px 4px; text-align:center; font-size:15px; vertical-align:middle;}
.tbColCard3 tbody td.bg {background-color:#f9fafc;}

.tbRowCard2 {table-layout:fixed; width:100%; border-top:1px solid #8f989c; border-bottom:1px solid #e9ecef;}
.tbRowCard2 th {padding:20px 0; text-align:left; vertical-align:middle; font-weight:700; color:#000; border-bottom:1px solid #e9ecef;}
.tbRowCard2 td {padding:20px 0; vertical-align:middle; border-bottom:1px solid #e9ecef;}
.tbRowCard2 .tac {text-align:center;}

.cardViewBody.onlineCard .txt_desc {display:table; width:100%; table-layout:fixed; margin-top:40px;}
.cardViewBody.onlineCard .txt_desc dt {display:table-cell; width:20%; word-break:break-all;}
.cardViewBody.onlineCard .txt_desc dd {display:table-cell; width:80%;}

.cardViewBody.onlineCard .em {background:#eeff83;}
.cardViewBody.onlineCard .sub_tit {margin-bottom:20px; font-size:20px; font-weight:700; line-height:1.63; color:#000;}
.cardViewBody.onlineCard .txt_list~.txt_list, 
.cardViewBody.onlineCard .hypen~.txt_list,
.cardViewBody.onlineCard table~.txt_list {margin-top:20px;}
.cardViewBody.onlineCard .txt_list li~li {margin-top:20px;}
.cardViewBody.onlineCard .referTxt_in ul li:before,
.cardViewBody.onlineCard .txt_list li:before{top:13px; width:3px; height:3px; border-radius:100%;}
.cardViewBody.onlineCard .referTxt_in p {padding-left:22px; text-indent:-22px;}
.cardViewBody.onlineCard .txt_list li .hypen {margin-top:10px;}
.cardViewBody.onlineCard .hypen li~li {margin-top:10px;}
.cardViewBody.onlineCard .txt_mark {padding-left:20px; text-indent:-20px;}

.btn_baro_apply {position:absolute; width:100%; right:0; left:0; bottom:20px; z-index:30; padding:25px 0 12px; background-color:#f9fafc; text-align:center;}
.btn_baro_apply:before {display:block; content:''; position:absolute; left:0; top:-12px; width:100%; height:16px; background:url('/images/individual/card/renew/detail/bg_gradient.png') 0 0 / auto 16px repeat-x;}
.btn_baro_apply.fixed {position:fixed; bottom:0; padding:12px 0; background-color:#fff;}
.btn_baro_apply .button {display:inline-block; width:630px; height:52px; line-height:52px; border:1px solid #000; background:#000; box-sizing:border-box; border-radius:100px; text-align:center; font-family:'Spoqa Han Sans'; font-weight:700; font-size:22px; color:#fff;}

.fixed_area.online_card_fixed {display:none;}

/* 2022-10-05 추가 */
.cardBtmItem.cardItem {border-top:0px !important;}
.cardBtmItem.cardItem .refer_view.view {background:#f1f4f7 !important; border-bottom:0px !important;}

/* 2023-02-21 추가 */
.cardServInfo {margin-top:62px; padding:0 0px 0;}
.cardServInfo .tit {font-family:RixGoEB; font-size:22px; line-height:1.55; color:#000; margin-bottom:10px;}
.cardServInfo .desc {font-family:RixGoEB; font-size:16px; line-height:1.63; color:#000;}
.cardServInfo .desc + .desc {margin-top:5px;}
.cardServInfo .list {margin-top:5px;}
.cardServInfo .list li {padding-left:10px; text-indent: -10px;}
.cardServInfo .list li + li {margin-top:3px;}
.txt_idnt {padding-left: 104px; text-indent:-104px;}

/* 연회비_레이어팝업 2023-09-11 */
body.stop-scroll {overflow: hidden; height: 100%;}
.mask {display:block; display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:11000; background-color: rgba(0, 0, 0, 0.6);}
.lpop_fee_cont {display:none; position:fixed; top:50%; left:50%; width:500px; height:auto; transform: translate(-50%, -50%); border-radius: 20px; box-sizing: border-box; background-color: #fff; z-index: 12000;}
.lpop_fee_cont .lpop_header .btn_header_close {display:block; overflow:hidden; position:absolute; right:28px; top:24px; width:40px; height:40px; text-indent:-9999px; background:url('/images/individual/card/renew/detail/btn_close_80x80.png') 0 0 / 40px auto no-repeat;}
.lpop_fee_cont .cont_wrap .title {padding:24px 28px 10px 40px; font-size:24px; font-weight:700; color:#000; line-height:40px;}
.lpop_fee_cont .cont_wrap strong {font-weight: 700;}
.lpop_fee_cont .cont_wrap .content_box {padding:12px 40px 40px;}
.lpop_fee_cont .content_box .sub_tit {margin-bottom:12px; font-size:17px; font-weight:700; color:#212121; line-height:36px;}
.lpop_fee_cont .content_box .sub_tit .ic {display:inline-block; margin-left:10px; padding-left:50px; font-size:16px; font-weight:400; color:#000; line-height:36px;}
.lpop_fee_cont .content_box .sub_tit .ic.bc {background:url('/images/individual/card/renew/detail/ic_brand_bc.png') no-repeat 0 center/48px auto;}
.lpop_fee_cont .content_box .sub_tit .ic.visa {background:url('/images/individual/card/renew/detail/ic-brand-01-visa.png') no-repeat 0 center/48px auto;}
.lpop_fee_cont .content_box .sub_tit .ic.master {background:url('/images/individual/card/renew/detail/ic_brand_master.png') no-repeat 0 center/48px auto;}
.lpop_fee_cont .content_box .sub_tit .ic.union {background:url('/images/individual/card/renew/detail/ic-brand-03-union.png') no-repeat 0 center/48px auto;}
.lpop_fee_cont .content_box .sub_tit .ic.amex {background:url('/images/individual/card/renew/detail/ic_brand_amex.png') no-repeat 0 center/48px auto;}
.lpop_fee_cont .content_box .fee_table + .sub_tit {margin-top:15px;}
.lpop_fee_cont .content_box .fee_table {width:100%; border-top:1px solid #ebebeb;}
.lpop_fee_cont .content_box .fee_table th {padding:12px 0; font-size:15px; font-weight:700; color:#212121; background-color:#fafafa; line-height:23px; text-align:center; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.lpop_fee_cont .content_box .fee_table td {padding:13px 0 14px; font-size:14px; font-weight:400; color:#424242; text-align:center; background-color:#fff; line-height:23px; text-align:center; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.lpop_fee_cont .content_box .fee_table tr:first-child th, .lpop_fee_cont .content_box .fee_table tr:first-child td {border-top:0 none;}
.lpop_fee_cont .bottom_fixed_wrap_inlpop01 {display:none;}

/* 20250902 .btnB_apply pc/mo 분리 */
.btn_g .btnB_apply.mo {display: none;}