@charset "utf-8";

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

/* VISUAL 
.limitChg {background:url('/images/individual/mybc/bg_visual_limit_chg.jpg') no-repeat right bottom;padding-bottom:100px !important;}
.cardMnm {background:url('/images/individual/mybc/bg_visual_card_mnm.jpg') no-repeat right bottom; padding-bottom:100px !important;}
.cardUseAna {background:url('/images/individual/mybc/bg_visual_card_use_ana.jpg') no-repeat right bottom;}
.cardUseSt {background:url('/images/individual/mybc/bg_visual_card_use_st.jpg') no-repeat right bottom;}
.resultSts {background:url('/images/individual/mybc/bg_visual_achievement_goal.jpg') no-repeat right bottom;}
.permitInq {background:url('/images/individual/mybc/bg_visual_card_permit.jpg') no-repeat right bottom; padding-bottom:100px !important;}
.cardBookmark {background:url('/images/individual/mybc/bg_visual_card_bookmark.jpg') no-repeat right bottom; padding-bottom:100px !important;}
.sumPayment {background:url('/images/individual/mybc/bg_sum_payment.jpg') no-repeat right bottom;}
.permitInqF {background:url('/images/individual/mybc/bg_visual_card_permit_f.jpg') no-repeat right bottom;}
.cardBookmarkF {background:url('/images/individual/mybc/bg_visual_card_bookmark_f.jpg') no-repeat right bottom;}
.affiliateInq {background:url('/images/individual/mybc/bg_visual_affiliate_inq.jpg') no-repeat right bottom;padding-bottom:100px !important;}
.immiBox {background: url('/images/individual/mybc/bg_visual_immi_infp.jpg') no-repeat right bottom;}
.myService {padding-bottom:50px;}
.cardPossess{background:url('/images/individual/mybc/bg_visual_card_possess.jpg') no-repeat right bottom; padding-bottom:100px !important;}
.tfmCard{background:url('/images/individual/mybc/bg_visual_transform.jpg') no-repeat right bottom; padding-bottom:100px !important;}
.mileagePoint{background:url('/images/individual/mybc/bg_visual_mileage_point.jpg') no-repeat right bottom; padding-bottom:100px !important;}
.chgCardRegular{background:url('/images/individual/mybc/bg_visual_chg_regular.jpg') no-repeat right bottom;}
.cardUseEvidence {background:url('/images/individual/mybc/bg_visual_card_use_evidence.jpg') no-repeat right bottom;}
*/
/* 한도감액신청 */
.limitChgDecBox {background:url('/images/individual/mybc/bg_limit_chg_dec_fin.jpg') no-repeat center 20px;; width:100%; height:90px; padding:138px 0 0 0; border:1px solid #ccc; text-align:center;}
.limitChgDecBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 한도증액신청 */
.limitChgIncBox {background:url('/images/individual/mybc/bg_limit_chg_inc_fin02.jpg') no-repeat center 20px;; width:100%; height:90px; padding:138px 0 0 0; border:1px solid #ccc; text-align:center;}
.limitChgIncBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 한도증액동의 */
.limitChgAgreeBox {background:url('/images/individual/mybc/bg_limit_chg_agree_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.limitChgAgreeBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 카드별 이용한도 설정 */
.limitSetBox {background:url('/images/individual/mybc/bg_limit_set_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.limitSetBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 설정한도 취소 */
.limitSetCanBox {background:url('/images/individual/mybc/bg_limit_set_can_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.limitSetCanBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 카드해지 완료 */
.cardCancelBox {background:url('/images/individual/mybc/bg_card_cancel_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.cardCancelBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 카드이용 분석 */
.selBlockTypeMybc {background:#f2f2f2; border-top:1px solid #ccc; border-bottom:1px solid #e3e3e3; padding:5px 0; }
	.selBlockTypeMybc dl {overflow:hidden; width:100%;}
	.selBlockTypeMybc dt,
	.selBlockTypeMybc dd {float:left;}
	.selBlockTypeMybc dt {padding:5px 10px 3px 0; color:#555555; font-weight:normal; font-family:RixGoEB; text-align:center;}
	.selBlockTypeMybc dd .rasec {display:inline-block; margin-top:5px;}

/* 카드이용 패턴 */
.usePtnWrap h3 {margin-bottom:22px;}
	.usePtnWrap h4 {margin-bottom:20px;}
	.usePtnWrap .usePtnBox {width:405px;}/*c*/
	.usePtnWrap .usePtnBox .box01W405Top {height:229px; padding:15px 0; text-align:center;}/*c*/
	.usePtnWrap .usePtnBox .box01W405Top.hauto {height:auto;}
	.usePtnWrap .usePtnBox .box01W405Btm {margin-bottom:32px;}/*c*/
	.usePtnWrap .usePtnBox .box01W405Btm .noPtn {margin:100px 0 0 0; font-weight:normal; font-family:RixGoEB; color:#555555; font-size:14px;}/*c*/

/* 월별명세서 조회 수신 */
/* .monStInqBox {background:url('/images/individual/mybc/bg_monthly_st_inquiry.jpg') no-repeat; width:570px; height:295px; padding:11px 0 0 260px;} *//*c*/
.monStInqBox {background:url('/images/individual/mybc/bg_monthly_st_inquiry2.jpg') 82px 50% no-repeat; width:568px; padding:20px 0 20px 260px; border:1px solid #cbcbcb;}
.monStInqBox .answer {padding:13px 0 0 0; line-height:18px;}
.monStInqBox .answer2 ul {width:540px;margin-top:20px;border-top:1px dashed #c0c7d9;}/*c*/
.monStInqBox .answer2 ul li {padding:10px 0 10px 10px;border-bottom:1px dashed #c0c7d9;}/*c*/
.monStInqBox .answer2 ul li strong {color:#555555;}
.monStInqBox .answer2 p {padding-top:10px;font-size:14px;color:#555555;}

/* 1:1문의하기 */
.inquiryNum{overflow:hidden; width:100%; text-align:right;}
	.inquiryNum li{display:inline; background:url('/images/individual/common/ic/bu_line_db.gif') no-repeat right 1px; margin-right:7px; padding-right:10px;}
		.inquiryNum li img{vertical-align:-2px;}
		.inquiryNum li.last{background:none; margin-right:0; padding-right:0;}

/* 실적달성현황 */
.cardInfoBox{width:675px; height:144px; background:url('/images/individual/mybc/bg_card_info_box.gif') no-repeat left top; padding:30px 0 0 45px;}
	.cardInfoBox .cardImg{float:left; margin:10px 45px 0 0;}
	.cardInfoBox dl{float:left; width:460px;}
		.cardInfoBox dd{margin-top:12px; font-weight:normal; font-family:RixGoEB; line-height:18px;}
.cardStaTxt{margin-top:20px; color:#242424; font-weight:normal; font-family:RixGoEB; font-size:16px;}

.cardInfoBox2{width:694px; height:148px; background:url('/images/individual/mybc/bg_card_info_box2.gif') no-repeat left top; padding:26px 0 0 26px;}
	.cardInfoBox2 .cardImg{float:left; margin:0 29px 0 0;}
	.cardInfoBox2 dl{float:left; width:470px;height:87px;padding-top:5px;}
		.cardInfoBox2 dd{margin-top:15px; font-weight:normal; font-family:RixGoEB; line-height:18px;}

/* 달력보기 */
.calendarWrap {margin:50px 0 0 0;}
.calendarWrap .calendarTop {width:100%; position:relative; height:89px; padding-top:3px; text-align:center;}
.calendarWrap .txtType {position:absolute; right:0; top:15px; font-size:12px;}
.calendarWrap .calendarTop .monthSec {font-size:20px; font-weight:normal; font-family:RixGoEB; color:#555555; line-height:35px;}
.calendarWrap .calendarTop .monthSec img {/*margin-top:3px;*/}
.calendarWrap .calendarTop .btnCalendarPrint {position:absolute; top:0; right:0;}
.calendarWrap .calendarTop .listIcn {position:absolute; left:0; bottom:10px; vertical-align:middle;}
.calendarWrap .calendarTop .listIcn li > span { padding-top:2px !important; }
.calendarWrap .calendarTop .listIcn li > * { vertical-align:middle; }
.calendarWrap .calendarTop .listIcn li {float:left; margin-left:20px; font-size:12px; color:#242424; line-height:12px;}
.calendarWrap .calendarTop .listIcn li:first-child {margin-left:0;}
.calendarWrap .calendarTop .listIcn li img {margin-right:5px;}
.calendarTbl {width:830px; border-top:1px solid #000;}/*c*/
.calendarTbl th {background:#f2f2f2; padding:12px 0 11px 0; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; font-weight:normal; font-family:RixGoEB; color:#555555;}
.calendarTbl td {height:108px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; vertical-align:top; font-size:12px; line-height:16px; color:#555555; white-space:nowrap;}
.calendarTbl .last {border-right:none;} 
.calendarTbl td .date {display:block; margin:7px 8px 5px 6px;}
.calendarTbl .calList {margin:0 0 0 5px;}
.calendarTbl .calList li {margin:0 0 1px 0; color:#555555;}
.calendarTbl .calList li img {margin:2px 2px 0 0;} 
.calendarTbl .calList li strong {display:inline-block; margin:0 2px 0 0;}
.calendarTbl .calList li .numOrg {color:#f36700;}
.calendarTbl .calList li .numGr {color:#40b81c;}
.calendarTbl .calList li .numBlue {color:#0a59a3;}
.calendarTbl .calList li .numVlt {color:#a30a8f;}
.calendarTbl .calList li .numBw {color:#b27500}
.calendarTbl .calList li .numVlt {color:#a30a8f;}
.calendarTbl .calList li .numTurq{color:#0a8fa3;}



/* 카드 승인 표로 보기 */
.inqPerSel {padding-top:11px !important; padding-bottom:6px !important;}
	.inqPerSel p {margin-bottom:6px;}
	.inqPerSel input {vertical-align:middle;}
	.inqPerSel img {margin:0 3px 0 0; vertical-align:middle;}
	.inqPerSel label {display:inline-block; margin:0 6px 0 0;}
	.inqPerSel .fl:first-child {padding-top:5px;}

.cardTopPoint {display:block; margin:9px 0 2px 0;}
	.cardTopPoint img {margin:2px 5px 0 0;}

.cardPermitBox {overflow:hidden; height:128px; padding:30px 0 10px 0; text-align:left;}
	.cardPermitBox .cardImg {float:left; display:block; padding:10px 43px 0 50px;}
	.cardPermitBox .tit {margin:0 0 17px 0; line-height:18px;}
	.cardPermitBox .txt {margin:0 0 18px 0; line-height:18px;}

.arrearsNoList {margin:20px 0 0 0; padding:22px 0;border-top:1px solid #c0c7d9; border-bottom:1px solid #dadce4; text-align:center; font-weight:normal; font-family:RixGoEB; color:#555555;}
.myBcbankList {overflow:hidden; width:100%; margin-top:50px;}
	.myBcbankList li{float:left; margin:0 10px 10px 0;}/* LHW */


.tblViewBox .increaseNa {left:0; top:22px; border:1px solid #2662eb; width:500px; padding:20px 0; background:#fcfcfc;} /* 증액 거부 */
.tblViewBox .limitAgree {right:0; top:30px; width:400px; padding:10px 0; border:1px solid #96a6c0; background:#fff; font-weight:normal; color:#555555;} /* 한도 증액 */
.viewStateList {display:none;}

/* 명세서 */
.statementWrap {width:830px; }/*c*/
	.statementWrap .paymentTop {position:relative; width:100%; }
	.statementWrap .paymentDay {position:absolute; left:20px; top:50px; color:#242424; }
	.statementWrap .accountNum {position:absolute; right:20px; top:50px; color:#242424; float:right; margin:0 20px 0 0; }
	.statementWrap .myPayment {height:28px; padding:8px 0 0 0; color:#fff; font-weight:normal; font-family:RixGoEB; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; font-size:16px; }
	.statementWrap .paymentTxt {position:relative; height:40px;overflow:hidden;}
		.statementWrap .paymentTxt .paymentDay2 {position:absolute; left:0px; top:0px; color:#555555; }
		.statementWrap .paymentTxt .accountNum2 {position:absolute; right:0px; top:0px; color:#555555; float:right; }
		
		/* 카드별 */
		.statementWrap .kbcard {background:#776c61;}
			.statementWrap .kbcard span {color:#ffcf00;}
		.statementWrap .hanacard {background:#0b787d;}
			.statementWrap .hanacard span {color:#bdf3f5;}
		.statementWrap .wrbank {background:#00559d;}
			.statementWrap .wrbank span {color:#96dcfc;}
		.statementWrap .wrcard {background:#00559d;}
			.statementWrap .wrcard span {color:#96dcfc;}
		.statementWrap .citicard {background:#004186;}
			.statementWrap .citicard span {color:#b3e8fa;}
		.statementWrap .shinhancard {background:#0073be;}
			.statementWrap .shinhancard span {color:#a1dffc;}
		.statementWrap .sccard {background:#1673a6;}
			.statementWrap .sccard span {color:#90dcff;}
		.statementWrap .busancard {background:#024287;}
			.statementWrap .busancard span {color:#9ed3ef;}
		.statementWrap .daegucard {background:#093e8d;}
			.statementWrap .daegucard span {color:#8cc0fa;}
		.statementWrap .nhcard {background:#127c3d;}
			.statementWrap .nhcard span {color:#acf8cb;}
		.statementWrap .ibkcard {background:#0d4e9a;}
			.statementWrap .ibkcard span {color:#9bd7ef;}
		.statementWrap .gmcard {background:#c70c70;}
			.statementWrap .gmcard span {color:#fcb6db;}
		.statementWrap .bccard {background:#e60000;}/*c*/
			.statementWrap .bccard span {color:#f9d4d5;}

	.statementWrap .statementBoxCon {overflow:hidden; padding:10px 30px 20px 30px; border-left:1px solid #ddd; border-right:1px solid #ddd;}/*c*/
		#contents .statementWrap .statementBoxCon .tit {margin:0 0 10px 0; font-size:17px;}
		#contents .statementWrap .statementBoxCon .stit {margin:0 0 10px 0; font-size:17px;}
		.statementWrap .statementBoxCon .unit {position:absolute; right:0; top:-4px;}
		.statementWrap .statementBoxCon .paymentBox {float:left; position:relative; width:450px;overflow:hidden;}/*c*/
		.statementWrap .statementBoxCon .useLimitBox {float:right; position:relative; width:287px;overflow:hidden;}/*c*/
		.statementWrap .statementBoxCon .paymentViewBox {position:relative; overflow:hidden; clear:both; width:100%; padding-top:10px;}
			.statementWrap .statementBoxCon .paymentViewBox .btnsec {position:absolute; right:0; top:7px;}
		.statementWrap .statementBoxCon .btnsec .excelBtn {float:left; margin:0 5px 0 0;}
		.statementWrap .statementBoxCon .btnsec span.moreBtn {display:none;}
		.statementWrap .statementBoxCon .btnsec span {float:left;}
		.statementWrap .statementBoxCon .stInfoTxt {margin:12px 0 10px 0; padding:0 0 0 10px; background:url("/images/individual/common/ic/bu_statement_info.gif") no-repeat left 6px; color:#555555; font-size:14px; line-height:20px;}
		.statementBoxCon .ar10 td {padding-right:10px !important; text-align:right; color:#555555;}
		.statementBoxCon .stateW100 {position:relative; width:100%;}
		.statementBoxCon .stateW100:after {clear:both; display:block; content:"";}

	/* 상세 안내 */
	.statementBoxCon .statementViewBox {overflow:hidden; position:relative; border-bottom:1px solid #000;}
		.statementBoxCon .paymentViewBox .lineBox {padding-bottom:10px; border-bottom:1px solid #000;}
	
	/* 명세서 안내목록  */
	.statementBoxCon .stInfoTxtList  {margin:14px 0 0 0;}
		.statementBoxCon .stInfoTxtList li {margin:0 0 3px 0; padding:0 0 0 10px; background:url("/images/individual/common/ic/bu_statement_info.gif") no-repeat left 4px; color:#555555; font-size:14px; line-height:15px;}
	
	/* 명세서 결과 */
	.statementBoxCon .statementResult  {clear:both; overflow:hidden; width:100%; margin:50px 0 0 0; padding:15px 0; border-top:2px solid #cccccc; border-bottom:1px solid #dfdfdf; font-weight:normal; font-family:RixGoEB; color:#242424; background:#f4f4f4; text-align:center; font-size:14px;}
	
	/* 명세서 혜택 */
	.statementBoxCon .benefitAmBox {overflow:hidden; margin:50px 0 0 0;}
		.statementBoxCon .benefitBox {float:left; width:327px;overflow:hidden;}
		.statementBoxCon .pointBox {float:right; position:relative; width:330px; margin-top:30px;overflow:hidden;}
			.statementBoxCon .pointBox .unit {top:-20px;}
	
	.statementBoxCon .benefitViewBox {position:relative; width:100%; padding:0 0 0 0; }
	.statementBoxCon .revolvingBox {position:relative; width:100%; padding:0 0 0 0; }
		.statementBoxCon .revolvingBox .unit {display:inline-block; width:100%; position:relative; margin:0 0 8px 0; text-align:right; }

	/* 카드이용패턴 */
	.statementBoxCon .cardPtn {border-bottom:none;}
	.statementBoxCon .cardPtnWrap {width:370px;}
	.statementBoxCon .cardPtnWrap .stit {/* float:left; */ display:inline-block; margin:0px 10px 0 0;}
		.statementBoxCon .cardPtnBox {clear:both; overflow:hidden; margin:10px 0 0 0;}
			.statementBoxCon .cardPtnBox .box01W319Top {padding:15px 0 0 0; border-top:1px solid #000; background:none;}
			.statementBoxCon .cardPtnBox .box01W319Btm {padding:0 0 10px 0; background:none;}
				.statementBoxCon .cardPtnBox .box01W319Btm img {margin:0 0 0 5px;}

	/* 명세서 테이블 */
	.statementTbl {width:100%; border-top:2px solid #cccccc;}
	.statementTbl thead th {padding:7px 0 6px 0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f4f4f4; color:#242424; font-weight:normal; font-family:RixGoEB; text-align:center; line-height:16px;}
	.statementTbl tbody th {padding:10px 0 9px 10px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#242424; background:#f4f4f4; font-weight:normal; text-align:left; }
	.statementTbl td {padding:10px 0 8px 0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#555555; font-weight:normal; text-align:center; }
		.statementTbl td.noBorder {border-right:none;}
		.statementTbl td.bgGray {background:#f4f4f4;}
		.statementTbl .al5 {padding-left:5px !important; text-align:left;}
		.statementTbl .al10 {padding-left:10px !important; text-align:left;}
		.statementTbl .ar5 {padding-right:5px !important; text-align:right;}
		.statementTbl .ar10 {padding-right:10px !important; text-align:right;}
		.statementTbl .sub10 {padding-left:10px !important; text-align:left;}
		.statementTbl .sum {background:#f4f4f4;}
			.statementTbl .sum th {color:#555555; background:#f4f4f4 !important; font-weight:normal; font-family:RixGoEB;}
			.statementTbl .sum td {color:#555555; font-weight:normal; font-family:RixGoEB;}
			.statementBoxCon .thNoBor th {border-right:none !important; background:#fff;}

.tblViewBox .useCardL1 {width:300px; position:absolute;left:-20px; top:15px; padding:10px; border:1px solid #96a6c0; background:#fff; font-weight:normal; text-align:left; color:#555555;}
.tblViewBox .useCardL2 {width:300px; position:absolute;left:-20px; top:30px; padding:10px; border:1px solid #96a6c0; background:#fff; font-weight:normal; text-align:left; color:#555555;}

/* 나의 가족 카드 승인 내역 */
.famCardInq {padding:30px 0;}
	.famCardInq .cardNum {width:658px; margin:0 auto 15px auto; padding:0 0 20px 0; font-size:15px; border-bottom:1px solid #eaeaea;}
	.famCardInq p {line-height:18px;}

/* My BC - 03서비스 이용현황 */
.myServiceBox {clear:both;width:830px;height:34px;padding:21px 0 0 0;background: url("/images/individual/mybc/bg_service_status.gif") repeat-y left top;overflow:hidden;} /* 한 */
	.myServiceBox p {color:#242424;font-size:14px;font-weight:normal; font-family:RixGoEB;padding-left:20px;}
.myServiceBox350 {float:left;width:350px;height:171px;padding-bottom:30px;background: url("/images/individual/mybc/bg_my_service_350.gif") no-repeat left top;}
.myServiceBox720 {float:left;width:720px;height:171px;padding-bottom:30px;background: url("/images/individual/mybc/bg_my_service_720.gif") no-repeat left top;}
.myServiceCon {clear:both;}
	.myServiceCon h3 {clear:both;height:33px;text-align:left;}
	.myServiceCon ul {clear:both;height:140px;margin-left:0px;}
	.myServiceCon li {float:left;width:100px;height:140px;padding-right:10px;text-align:center;}
	.myServiceCon .myServiceBox720 li {float:left;width:90px;padding-right:10px;text-align:center;}

/* layer popup */
.myServiceCon .tblViewBox .fieldDetailT {left:0; width:237px; margin-left:-63px;margin-top:-10px;}
.myServiceCon .tblViewBox .fieldDetailB {width:204px; background:#ffffff; border:1px solid #96a6c0; padding:10px 15px 3px 18px;line-height:18px;text-align:left;}

/* My BC - 04나의혜택조회_01내가받은혜택(상세내역미선택) */
/*.mygetBenefit {background: url("/images/individual/mybc/bg_mygetbenefit.jpg") no-repeat right bottom; height:100px;}*/
.twoLine {padding-top:20px; padding-bottom:18px; text-align:center; line-height:16px; border-top:1px solid #c0c7d9; border-bottom:1px solid #dadce4; color:#555555;}

/* My BC -  04나의혜택조회_01내가받은혜택(상세내역선택시) */
.myBenefitdetail p {color:#242424; font-size:16px; }

/*  My BC -  04나의혜택조회_02포인트조회_03소멸예정포인트 */
/*.extinctionPoint {background: url("/images/individual/mybc/bg_extinctionpoint.jpg") no-repeat right bottom;padding-bottom:100px !important;}*/

/* My BC -  04나의혜택조회_04이벤트와나_02이벤트쿠폰함_01내가 담은 쿠폰(쿠폰없을시) */
/*.eventCoupon {background: url("/images/individual/mybc/bg_event_coupon.jpg") no-repeat right bottom;padding-bottom:100px !important;}*/

/* My BC - 04나의혜택조회_04이벤트와나_02이벤트쿠폰함_02담을수있는쿠폰 */
table.tbCoupon {width:100%; border-top:1px solid #c0c7d9; border-bottom:1px solid #c0c7d9;}
	.tbCoupon tbody tr td.al10 {text-align:left; padding-left:10px;}
	.tbCoupon tbody tr td {padding:30px 0; background:url("/images/individual/common/bg/bg_tablecoupon.gif") repeat-x left bottom;}
	.tbCoupon tbody tr.last td {background:0;}
	.tbCoupon dl.avcoupon dt a {color:#242424; font-size:15px; font-weight:normal; font-family:RixGoEB;}
	.tbCoupon dl.avcoupon dd.avpink {color:#ec797e; padding-top:6px; font-weight:normal; font-family:RixGoEB;}
	.tbCoupon dl.avcoupon dd ul.avbu03 {padding-top:13px;}
	.tbCoupon dl.avcoupon dd ul.avbu03 li {font-size:12px; color:#555555; background: url("/images/individual/common/ic/bu_sq_c7.gif") no-repeat  left 5px; padding-left: 11px; margin-top:6px;}
	.tbCoupon dl.avcoupon dd ul.avbu03 li:first-child {margin-top:0;}

/* My BC - 04나의혜택조회_06나만의 혜택 */
/*.myBenefit {background: url("/images/individual/mybc/bg_my_benefit.jpg") no-repeat right bottom;padding-bottom:100px !important;}*/

.myBenefitService {width:500px; left:0 !important;}
.benefitBgBox {clear:both;width:720px;background: url("/images/individual/mybc/bg_benefit_bg_box.gif") repeat-y left top;overflow:hidden;}
	.benefitBgBoxT {width:720px;padding-top:11px;background: url("/images/individual/mybc/bg_benefit_bg_box_t.gif") no-repeat left top;overflow:hidden;}
	.benefitBgBoxB {width:678px;padding:0 21px 13px 21px;background: url("/images/individual/mybc/bg_benefit_bg_box_b.gif") no-repeat left bottom;overflow:hidden;}
		.benefitBgBoxB table.bfService {width:475px;}
		.benefitBgBoxB table.bfService th {padding:10px 0 11px 0;background:url("/images/individual/mybc/bg_benefit_td.gif") repeat-x left bottom;}
		.benefitBgBoxB table.bfService td {padding:11px 0 12px 0;background:url("/images/individual/mybc/bg_benefit_td.gif") repeat-x left bottom;}
		.benefitBgBoxB table.bfService th.last, .benefitBgBoxB table.bfService td.last {background:none;}
	.benefitImg {float:left;width:203px;}
	.benefitTxt {float:right;}
	.benefitDetail {clear:both;width:678px;padding:24px 0 3px 0;background:url("/images/individual/mybc/bg_benefit_td.gif") repeat-x left 3px;}

/* My BC - 04나의혜택조회_06나만의 혜택_tab03 상품서비스 */
.myBenefitProduct {width:500px; left:-166px !important;}

/* complete box */
.complete_box {padding:100px 0 60px; text-align:center;}
.complete_box p {font-family:'RixGoB'; font-size:22px !important; line-height:normal; color:#000;}






/* 출입국 정보 이용약관 */
.immiPrivacyInfo {overflow:auto; width:682px; height:120px; padding:19px 18px 19px 18px; border:1px solid #e8e8e8; line-height:18px;}
	.immiPrivacyInfo .date {margin:0 0 20px 0; color:#555555;}
	.immiPrivacyInfo h3 {font-size:12px !important; font-weight:normal; font-family:RixGoEB; color:#555555; margin:30px 0 15px 0;}
	.immiPrivacyInfo h3.first {margin-top:0;}
	.immiPrivacyInfo h4 {font-size:12px !important; font-weight:normal; font-family:RixGoEB; color:#555555; margin:30px 0 15px 0;}
	.immiPrivacyInfo h4.first {margin-top:0;}
	.immiPrivacyInfo h5 {font-size:12px !important; font-weight:normal; font-family:RixGoEB; color:#555555; margin:30px 0 15px 0;}
	.immiPrivacyInfo h5.first {margin-top:0;}
	.immiPrivacyInfo ol li {margin:0 0 2px 16px; text-indent:-16px;}
	.immiPrivacyInfo .view {width:97%;}

.immiSerAppBox {background:url('/images/individual/mybc/bg_immi_ser_apply_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.immiSerAppBox .answer {padding:13px 0 0 0; line-height:18px;}

.immiInqAppBox {background:url('/images/individual/mybc/bg_immi_inq_apply_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.immiInqAppBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 카드보유내역 */
.cardHistoryBox{width:770px; padding:30px 30px 30px 28px; border:1px solid #ddd;} /* 한 */
.cardHistoryBox .answer{margin-top:13px; border-top:1px dashed #dedede; line-height:18px;}
.cardHistoryBox .answer .line {overflow:hidden; padding:15px 0; border-bottom:1px dashed #dedede;}
.cardBenefit{width:100%; margin-top:60px; border-top:1px solid #e4e4e4;}
	.cardBenefit table{width:100%;}
	.cardBenefit table th{padding:30px 0 25px; border-bottom:1px solid #dfdfdf; text-align:center; vertical-align:top;}
	.cardBenefit table td{padding:30px 0 25px; border-bottom:1px solid #dfdfdf; vertical-align:top;}
		.cardBenefit table td dl dt{color:#242424; font-weight:normal; font-family:RixGoEB; font-size:15px;}
		.cardBenefit table td dl dd{padding-top:11px;}
			.cardBenefit table td dl dd ul li{height:21px; width:373px; background:url('/images/individual/mybc/bg_card_cont.gif') no-repeat left top; padding:0 0 0 8px; font-size:12px;}
			.cardBenefit table td dl dd ul li .txt{display:inline-block; float:left; margin-top:3px; padding-right:5px; background:#fff;}
			.cardBenefit table td dl dd ul li .btn{float:right;}

.cardBenefit2{width:100%; margin-top:60px; border-top:1px solid #e4e4e4;}
	.cardBenefit2 table{width:100%;}
	.cardBenefit2 table td{padding:30px 0 30px 0; border-bottom:1px solid #dfdfdf; text-align:center; vertical-align:top;background:url('/images/individual/mybc/bg_gift_card_list.gif') no-repeat right top;}
	.cardBenefit2 table td.last{background:none;}
	.cardBenefit2 table td p {font-size:15px;color:#242424;font-weight:normal; font-family:RixGoEB;}

/* 트랜스폼카드서비스 */
.serviceMenu{overflow:hidden; margin-top:10px;}
	.serviceMenu li{float:left; margin-right:15px;}
	.serviceMenu li.last{margin-right:0;}
.mybcSearchWrap .searchInput label.txtSelect{float:left; margin: 4px 8px 0 0;}

/* 카드 즐겨찾기 */
.bankRankingList {width:100%; overflow:hidden; cursor:pointer; padding-top:1px; padding-left:1px; padding-bottom: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;}


.sCardResult {margin-bottom:15px;}
	.sCardResult dl {overflow:hidden; width:100%;}
	.sCardResult dl dt {float:left; width:85px;}
	.sCardResult dl dt span {display:inline-block; padding-top:2px;}
	.sCardResult dl dd {float:right; line-height:16px; width:620px; border-left:1px solid #898989; padding-left:6px; margin-left:8px; 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:24px; background:#f6f6f6; border-top:1px solid #000; border-bottom:1px solid #dadce4; padding:10px 0 10px 0; }
	.selBlockTypeCard .selTxt {margin:2px 0 0 10px; font-size:14px; color:#555555; font-weight:normal; font-family:RixGoEB;}
	.selBlockTypeCard label {vertical-align:middle; font-size:14px; font-weight:normal; font-family:RixGoEB;}
	.selBlockTypeCard label > img {vertical-align:middle;}
	.selBlockTypeCard select {vertical-align:top;}
	.selBlockTypeCard label.selLb {display:inline-block; margin-top:3px;}

.cardProListWrap {width:100%; margin-top:0;}
.cardProListWrap td {padding:20px 0; border-bottom:1px solid #ededed; vertical-align:top;}
	.cardProListWrap td.ck{text-align:center; vertical-align:middle;}
	.cardProListWrap td.btn{vertical-align:middle;}
	.cardProListWrap td.btn a{display:inline-block; margin-bottom:10px;}
.cardProListWrap .cardProList {width:530px;}
		.cardProList dl.cardPro {width:530px; height:105px;}
			.cardProList dt {float:left; width:165px;}
				.cardProList .cardThumb {display:block; height:147px; height:105px; background:url('/images/individual/common/bg/bg_card_m.gif') no-repeat left bottom;}
				.cardProList .cardThumb img {margin:0 4px 0 4px; width:143px; height:88px;}
			.cardProList dd {float:left; width:365px;}
				.cardProList dd.cardName {width:365px; font-weight:normal; font-family:RixGoEB; color:#242424; font-size:16px; line-height:17px;}
				.cardProList dd.cardName a {color:#242424;}
				.cardProList dd.descTxt {width:365px; margin:10px 0 0 0;font-size:14px; color:#555555; line-height:14px;}
				.cardProList dd.regTxt {margin-top:20px; font-size:14px;}
				.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:18px 0 0 0;}
		.cardProList .cardBtn {overflow:hidden; margin:0 0 0 0;}
			.cardProList .favor {display:inline-block; margin:10px 0 0 0;}
				.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 .cardProBenefit img {margin:0 0 4px 0;}*/
		.cardProList .cardBtnFr {float:right; width:165px;}
			.cardProList .cardBtnFr .favor {margin:5px 3px 0 0;}

		.cardProList .cardBlt {height:26px; margin:0 0 0 4px;}
		/*.cardProList .cardProBenefit {float:left; width:143px; margin:0 0 0 4px;}
		.cardProList .cardProBenefit li {float:left; position:relative; margin:0 4px 0 0; }
			.cardPopView {visibility:hidden; position:absolute; left:-35px; top:25px; width:290px; height:75px; }
			.cardPopView .bgCardTop {width:290px; padding:5px 0 0 0;background:url('/images/individual/common/bg/bg_card_pop_top.gif') no-repeat left top;}
			.cardPopView .arrow {width:11px; height:7px; position:absolute; top:-5px; left:42px; background:url('/images/individual/common/ic/ic_arrow_up.gif') no-repeat left top;}
			.cardPopView .bgCardBot {overflow:hidden;width:290px; padding:10px 15px 10px 15px; background:url('/images/individual/common/bg/bg_card_pop_bot.gif') repeat-y left bottom;}*/
		
			/* 커피숍 */
			.cardPopView .shop img {float:left;}

.cardSchBox{width:770px; padding:30px; border: 1px solid #ddd;} /* 한 */
.cardSchBox .answer {padding: 13px 0 0;}

/* 포인트 마일리지 조회 */
.bnWr{overflow:hidden; width:100%; margin-top:57px;}
	.bnWr li{float:left;}
	.bnWr li.last{float:right;}
.globalBox{width:720px; height:54px; background:url('/images/individual/mybc/bg_global_point.gif') no-repeat; margin-top:30px; padding-top:17px; line-height:18px; text-align:center;}


/* 사용금액 확인서 */
.bdBtmApp {height:20px; border-bottom:1px solid #dadce4; text-align:right; color:#242424;}

.cautionBoxPrint{width:100%; margin-top:20px; padding:20px 0 12px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.cautionBoxPrint dl{overflow:hidden; width:100%;}
	.cautionBoxPrint dl dt{float:left; width:12%;}
	.cautionBoxPrint dl dd{float:left; width:88%;}
		.cautionBoxPrint dl dd .desc{margin-top:2px; line-height:18px;}

/* 미리 만나는 혜택 */
.bfCardSel {position:relative; width:100%; height:221px; background:url('/images/individual/mybc/bg_benefit_step_01.gif') no-repeat left bottom;}
	.bfCardSel .tabBf {overflow:hidden; width:100%; background:url('/images/individual/mybc/bg_tab_benefit.gif') no-repeat right bottom;}
		.bfCardSel .tabBf ul {}
		.bfCardSel .tabBf .tab {float:left; height:36px; background:url('/images/individual/mybc/bg_tab_benefit_r.gif') no-repeat right top; margin-right:1px;}
			.bfCardSel .tabBf .tab a {display:inline-block; height:23px; padding:13px 15px 0; background:url('/images/individual/mybc/bg_tab_benefit_l.gif') no-repeat left top; color:#727272;}
			.bfCardSel .tabBf .tab a:hover, 
			.bfCardSel .tabBf .tab a:focus {text-decoration:none;}
			.bfCardSel .tabBf .tab.onT {background:url('/images/individual/mybc/bg_tab_benefit_r_on.gif') no-repeat right top;}
				.bfCardSel .tabBf .tab.onT a {background:url('/images/individual/mybc/bg_tab_benefit_l_on.gif') no-repeat left top; color:#397caa; font-weight:normal; font-family:RixGoEB; letter-spacing:-1px;}
			
/* 슬라이딩 ul show/hide */
			.bfCardSel .tabBf .tab .bfCardWr {visibility:hidden;}
			.bfCardSel .tabBf .tab.onT .bfCardWr {visibility:visible;}
		
		/* 거래중인 회원사가 6개(통합포함 7개) 이상일 경우 */
		.bfCardSel .tabBf ul.tabView2 {}
		.bfCardSel .tabBf .tabView2 .tab {float:left; height:40px; background:url('/images/individual/mybc/bg_tab_benefit_r.gif') no-repeat right top; margin-right:1px;}
			.bfCardSel .tabBf .tabView2 .tab a {display:inline-block; height:30px; padding:6px 9px 4px 9px; background:url('/images/individual/mybc/bg_tab_benefit_l.gif') no-repeat left top; text-align:center; font-size:14px; line-height:16px; color:#727272; outline-offset:-1px;}/* outline : 2025 웹접근성 */
			.bfCardSel .tabBf .tabView2 .tab a:hover, 
			.bfCardSel .tabBf .tabView2 .tab a:focus {text-decoration:none;}
			.bfCardSel .tabBf .tabView2 .tab.onT {background:url('/images/individual/mybc/bg_tab_benefit_r_on.gif') no-repeat right top;}
				.bfCardSel .tabBf .tabView2 .tab.onT a {background:url('/images/individual/mybc/bg_tab_benefit_l_on.gif') no-repeat left top; color:#397caa; font-weight:normal; font-family:RixGoEB; letter-spacing:-1px;}
			.bfCardSel .tabBf .tabView2 .tab .num {font-family:Tahoma, sans-serif; font-size:12px; letter-spacing:0 !important;}
			
/* 슬라이딩 ul show/hide */
			.bfCardSel .tabBf .tabView2 .tab .bfCardWr {visibility:hidden;}
			.bfCardSel .tabBf .tabView2 .tab.onT .bfCardWr {visibility:visible;}


/* 슬라이딩 ul */
	.bfCardWr {position:absolute; top:36px; left:0; width:830px; height:182px; padding: 25px 0 0 0} 
		.bfCardWr .prevBtn {position:absolute; top:67px; left:31px;}
		.bfCardWr .nextBtn {position:absolute; top:67px; right:31px;}

		.bfCardWr .bfCardUlWr {position:relative; overflow:hidden; width:720px; height:145px; margin:0 0 0 58px} 
		.bfCardWr ul {overflow:hidden; float:left; width:100%;}
		.bfCardWr li {float:left; width:178px; height:157px;} 
			.bfCardSel .tabBf .tab li a {display:inline; padding:0; background:none; color:#242424;}
			.bfCardWr li .img {height:68px; padding-top:25px; text-align:center;}
				.bfCardWr li .img img {width:95px; height:58px;}
			.bfCardWr li .tit {display:block; font-size:16px; text-align:center; line-height:1.3; color:#242424; font-weight:normal; font-family:RixGoEB;}
			.bfCardWr li .tit button {line-height:14px; color:#242424; font-weight:normal; font-family:RixGoEB;}

				.bfCardWr li .tit a:link,
				.bfCardWr li .tit a:active,
				.bfCardWr li .tit a:visited,
				.bfCardWr li .tit a:hover,
				.bfCardWr li .tit a:focus {color:#242424 !important; text-decoration:none;}

		.bfCardWr li.on {width:180px;} 
			.bfCardWr li.on .img {height:90px; border:3px solid #555555; padding:11px 0 0 0;}
				.bfCardWr li.on .img img {width:130px; height:80px;}
			.bfCardWr li.on .tit {padding-top:8px; font-size:14px; line-height:16px;}
			.bfCardWr li.on .tit button {font-size:14px; line-height:16px; color:#242424; font-weight:normal; font-family:RixGoEB;}

/* 혜택선택 */
.bfBenefitSelB {background:url('/images/individual/mybc/bg_benefit_step_02_btm.gif') no-repeat left bottom;}
.bfBenefitSelT {background:url('/images/individual/mybc/bg_benefit_step_02_top.gif') no-repeat left top;}
	.bfBenefitSelT h4 {padding:17px 0 0 20px;; font-size:16px !important; line-height:18px !important; color:#525c71 !important; font-weight:normal; font-family:RixGoEB;}
	.bfBenefitSelT .bfDetail {overflow:hidden; width:778px; padding:0 26px 16px 26px;} 
		.bfBenefitSelT .bfDetail div{overflow:hidden; display:inline-block; border-bottom:1px solid #dddddd;padding:20px 0 13px 0;}
		.bfBenefitSelT .bfDetail div.last {border-bottom:none;}
			.bfBenefitSelT .bfDetail h5 {float:left;width:158px;height:34px;padding-left:35px;padding-top:0;}
			.bfBenefitSelT .bfDetail ul {float:left;width:585px;} 
			.bfBenefitSelT .bfDetail li {float:left; width:255px; padding:0 10px 0 17px; font-size:14px; line-height:20px; text-indent:-17px;} 
			.bfBenefitSelT .bfDetail p {float:left;width:475px;padding-top:20px;}

/* 혜택조회결과 */
.bfInquiryResultB {background:#808897 url('/images/individual/mybc/bg_benefit_amount_btm.gif') no-repeat left bottom;}
.bfInquiryResultT {overflow:hidden; width:100%; background:#808897; padding:24px 0 20px 0;}
	.bfInquiryResultT .resultTxt {padding:0 20px 6px 20px; font-size:14px; line-height:16px; color:#ffffff; font-weight:normal; font-family:RixGoEB; text-align:center;}
		.bfInquiryResultT .resultTxt strong {color:#f6ff00;}
	.bfInquiryResultT .detailReason {overflow:hidden; width:523px; margin:0 auto; background:#5b6374;}
		.bfInquiryResultT .detailReason p {float:left; padding:5px 0 3px 10px; font-size:12px; line-height:14px; color:#ffffff;}
		.bfInquiryResultT .detailReason div {float:right; padding:2px 10px 0 0;}

table.bfInquiryRsTb {width:100%; border:1px solid #cccccc;}
	table.bfInquiryRsTb th {background:#f1f2f4; padding:8px 0 7px 0; border-bottom:1px solid #dadce4; border-right:1px solid #dadce4; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; font-weight:normal; font-family:RixGoEB; color:#555555;}
	table.bfInquiryRsTb td {padding:8px 0 7px 10px; border-bottom:1px solid #dadce4; border-right:1px solid #dadce4; text-align:left; vertical-align:middle; font-size:12px; line-height:16px; color:#525c71; font-weight:normal; font-family:RixGoEB; background-color:#fff;} 

.cardChange {background:url('/images/individual/mybc/bg_myinfo_cardChange_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.cardChange .answer {padding:13px 0 0 0; line-height:18px;}

/*06.12 My BC - 나의정보관리_카드소지회원전환 */
.chgGuideBox {padding:50px 30px 0 30px; width:660px; height:260px; background:url("/images/individual/mybc/bg_get_card_guide.gif") no-repeat 0 0;}
	.chgGuideBox p {height:110px;}
	.chgGuideBox .viewBtn {height:45px;}
	.chgGuideBox .bnfGetBC {padding-top:20px; background:url("/images/individual/common/ic/bg_cardintroline.gif") repeat-x left top;}
	.chgGuideBox .bnfGetBC ul {overflow:hidden;}
	.chgGuideBox .bnfGetBC ul li {float:left; margin-right:40px;}
	.chgGuideBox .bnfGetBC ul li.last {margin-right:0;}
	.chgGuideBox .bnfGetBC ul li dl dt {font-weight:normal; font-family:RixGoEB; font-size:12px; color:#607b85; padding:0 0 6px 5px;}
	.chgGuideBox .bnfGetBC ul li dl dd {padding:0 0 6px 5px; font-size:12px; width:122px; background:url("/images/individual/common/ic/bu_sq_d2.gif") no-repeat 0 6px;}

/* 카드 충족 현황 */
.cardGoalBox1 {width:478px; height:142px; padding:32px 0 0 242px;background:url("/images/individual/mybc/bg_card_cont_01.jpg") no-repeat 0 0; }
	.cardGoalBox1 dl{float:left; width:470px;height:87px;padding-top:5px;}
		.cardGoalBox1 dd{margin-top:15px; font-weight:normal; font-family:RixGoEB; line-height:18px;}

.cardGoalBox3 {width:478px; height:142px; padding:32px 0 0 242px;background:url("/images/individual/mybc/bg_card_cont_03.jpg") no-repeat 0 0; }
	.cardGoalBox3 dl{float:left; width:470px;height:87px;padding-top:5px;}
		.cardGoalBox3 dd{margin-top:15px; font-weight:normal; font-family:RixGoEB; line-height:18px;}

.carduseEvidenceBox {background:url('/images/individual/mybc/bg_immi_ser_apply_fin.jpg') no-repeat; width:478px; height:94px; padding:31px 0 0 242px;}
.carduseEvidenceBox .answer {padding:13px 0 0 0; line-height:18px;}

/* 명세서 수신처 변경 */ 
.mybc_return_box01 { width:685px; height:152px; padding:58px 0 0 35px;background:url("/images/individual/mybc/bg_mypage_returnstatement01.jpg") no-repeat 0 0;}
.mybc_return_box02 { width:438px; height:150px; padding:50px 0 0 282px;background:url("/images/individual/mybc/bg_mypage_returnstatement02.jpg") no-repeat 0 0;}



/* 신용카드소득공제 */
.mybcMemberYes {text-align:left; padding:32px 0 25px 27px;}
.incometaxBox {background:url('https://dev.bccard.com/images/individual/mybc/bg_visual_mybc_member.jpg') no-repeat 380px 1px;}
.incometaxMember {text-align:left; padding:40px 0 0 31px;}
	.memberSvc {height:100%;}
	.memberSvc:after {clear:both; display:block; content:"";}
	.memberSvc .list {float:left; padding-right:30px;}
	.memberSvc p {color:#555555; font-weight:normal; font-family:RixGoEB;}
	.memberSvc ul li {color:#777777; font-size:12px;}

.btnCardSwitch {text-align:right; margin-top:15px; padding-bottom:60px;}
.selfCertify {padding-top:30px; border-top:1px solid #e8e8e8;}

.askPhrase {padding-top:31px; font-size:16px; font-weight:normal; font-family:RixGoEB; color:#555555;}
.askPhraseTxt {padding:20px 0 30px 0; line-height:18px; color:#555555;}

/* 서비스 등급 조회 - 등급 말풍선 */
.service_grade_guide {width:690px; padding:15px; overflow:hidden;} 				
.layer_grade {position:absolute; left:70px; top:-90px; width:190px; padding:20px 0px 37px 10px; text-align:left; background:url(/images/individual/mybc/bg_layer_grade.gif) no-repeat 0 0; display:none;}				
.layer_grade span.sale {padding-left:44px;}				
.layer_grade a.layer_close {position:absolute; right:7px; top:5px;}

/* TOP포인트 이용방법 *//*2018-11-30 수정*/
.pt_guide_wrap {overflow:hidden; margin-left:-8px; padding:30px 30px; border:1px solid #e8e8e8; text-align:center;}
.pt_guide_wrap li {float:left; padding:60px 0 0 0; margin-top:0 !important;}
.pt_guide_wrap li:first-child {margin-left:0;}
.pt_guide_wrap li.pt_guide01 {width:125px;background:url('/images/individual/mybc/ico_pt_guide01.gif') no-repeat 50% 0 !important;} 
.pt_guide_wrap li.pt_guide02 {width:97px;margin-left:36px;background:url('/images/individual/mybc/ico_pt_guide02.gif') no-repeat center 0 !important;} 
.pt_guide_wrap li.pt_guide03 {width:97px;margin-left:36px; background:url('/images/individual/mybc/ico_pt_guide03.gif') no-repeat center 0 !important;} 
.pt_guide_wrap li.pt_guide04 {width:97px;margin-left:36px; background:url('/images/individual/mybc/ico_pt_guide04.gif') no-repeat center 0 !important;} 
.pt_guide_wrap li.pt_guide05 {width:97px;margin-left:36px; background:url('/images/individual/mybc/ico_pt_guide05.gif') no-repeat center 0 !important;} 
.pt_guide_wrap li.pt_guide06 {width:84px;margin-left:35px; background:url('/images/individual/mybc/ico_pt_guide06.gif') no-repeat left 0 !important;} 
.pt_guide_wrap li.pt_guide04 p,
.pt_guide_wrap li.pt_guide05 p {padding:9px 0;}
.pt_guide_wrap li .btnInnerTb a {padding:0 10px;}

/* 이용대금명세서 - 최근명세서 우측배너 2015-12-21 */
.bill_banner {position:absolute; right:-96px; top:297px;}

/*공인인증 약관 박스*/
.mybc_cert_reg {width:690px !important; padding:15px 15px 20px 15px;}		
.mybc_cert_reg_list {text-align:left;}
.mybc_cert_reg_list li {line-height:18px; margin-top:4px;}
.mybc_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;}

/* 나의 소비 스타일 */
.box_con_style {width:778px;padding:20px 25px 30px 25px;border:1px solid #d8d8d8;} 
.box_con_style .img {float:left; width:195px;}
.box_con_style .img img {width:195px; height:195px;}
.box_con_style .cont_wrap {float:right; width:448px; padding-top:20px;}
.box_con_style .cont_wrap .name_s {font-size:15px; color:#333; font-family:RixGoM;}
.box_con_style .cont_wrap p.tit {font-size:23px !important; padding-top:5px; margin-bottom:25px; color:#000; font-family:'RixGoM';}
.box_con_style .cont_wrap p.tit span {color:#df454b;}
.box_con_style .cont_wrap p.tit_style {height:24px; margin-bottom:10px; border-bottom:1px solid #d8d8d8; font-size:15px; font-family:'RixGoL'; font-weight:bold; color:#000;}
.box_con_style .cont_wrap p.tit_style.no_border {border-bottom:none; height:auto; margin-bottom:6px;}
.box_con_style .cont_wrap p.txt_style {font-weight:bold; font-size:12px; line-height:18px; font-family:RixGoM; color:#767676; margin-bottom:15px; font-family:'RixGoL'; font-weight:bold; }
.box_con_style .cont_wrap .consume_list {overflow:hidden;}
.box_con_style .cont_wrap .consume_list li {float:left; margin-left:5px;}
.box_con_style .cont_wrap .consume_list li:first-child {margin-left:0px;}
.benefit_event_wrap {margin-bottom:40px; border-top:2px solid #ccc;}
.benefit_event_wrap ul {}
.benefit_event_wrap ul li {padding:15px 0 15px 20px; overflow:hidden; border-bottom:1px solid #ccc;}
.benefit_event_wrap ul li span.img {display:block; float:left; width:115px; text-align:center; margin-right:15px;}
.benefit_event_wrap ul li span.img img {width:100px; height:70px;}
.benefit_event_wrap ul li p.tit {float:left; width:470px; padding-top:15px; font-size:15px; line-height:20px; color:#555;}
.benefit_event_wrap ul li p.tit.no_event {font-size:12px;}
.benefit_event_wrap ul li p.tit span {font-size:12px;display:block;}
.benefit_event_wrap ul li .btn_detail {float:right; width:100px; padding-top:20px;}
.consume_list_wrap {width:830px; height:207px; background:url(/images/individual/mybc/bg_consume_style.gif) no-repeat 0 0;} 
.consume_list_wrap ul {overflow:hidden;}
.consume_list_wrap ul li {float:left; width:207.5px; text-align:center;} 
.consume_list_wrap ul li.blank {padding-top:46px;}
.consume_list_wrap ul li span {display:block;}
.consume_list_wrap ul li span.img {margin-top:10px;}
.consume_list_wrap ul li span.img img {width:115px; height:115px;}
.consume_list_wrap ul li p.txt {font-size:12px; color:#555555; line-height:16px; margin-top:3px;}
.consume_list_wrap ul li p.txt strong {letter-spacing:-1px;}
.my_benefit_event {overflow:hidden; width:828px; border-left:1px solid #e3e3e3;}
.my_benefit_event li {float:left; width:398px; padding:13px 0 9px 15px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.my_benefit_event li a p.tit {font-size:14px; line-height:20px; color:#555555;}
.my_benefit_event li a p.date {padding-top:3px;}

/* 나만의 혜택 */
.benefit_check {border-top:2px solid #ccc;}
.benefit_check > li {border-bottom:1px solid #ccc;}
.benefit_check > li > p {padding:15px 10px; border-bottom:1px dashed #cdcdcd; color:#000;}
.benefit_check > li .info_inner {padding:15px 0 15px 10px;}
.benefit_check > li .info_inner .inner_con {border:1px solid #e5e5e5; border-bottom:0;}
.benefit_check > li .info_inner .inner_con > li {position:relative; padding:20px 20px 20px 70px;border-bottom:1px solid #e5e5e5;}
.benefit_check > li .info_inner .inner_con > li > img {position:absolute; left:15px; top:4px;}
.benefit_check > li .info_inner .inner_con > li .bg_box_area {overflow:hidden; margin-top:15px; padding:10px 15px; background-color:#efefef;}
.benefit_check > li .info_inner .inner_con > li .cashbag {overflow:hidden; margin-top:15px;}
.benefit_check > li .info_inner .inner_con > li .cashbag > li {float:left; margin-left:5px; width:115px; padding:65px 0 5px; background:url(/images/individual/mybc/bg_cashbag.gif) no-repeat 50% 18px #efefef; font-weight:normal; font-family:RixGoEB; text-align:center;}
.benefit_check > li .info_inner .inner_con > li .cashbag > li.on {background:url(/images/individual/mybc/bg_cashbag_on.gif) no-repeat 50% 8px #efefef; color:#e83e44;}
.benefit_check > li .info_inner .inner_con > li .cashbag > li:first-child {margin-left:0;}

/* 가족카드 이용조회 탭 */
.familyapprove {width:160px;}

/* 월별명세서 조회/재수신 */
.monStInqBox02 {padding:30px; border:1px solid #cbcbcb;}
.monStInqBox02 .boxTit {font-size:20px; font-weight:normal; font-family:RixGoB;}
.monStInqBox02 .answer2 {margin-top:13px; line-height:18px; border-top:1px dashed #c0c7d9;}
.monStInqBox02 .answer2 .line {overflow:hidden; padding:12px 0; border-bottom:1px dashed #c0c7d9;}/*c*/
.monStInqBox02 .answer2 .halfline {float:left; width:50%;}
.monStInqBox02 .answer2 strong {color:#555555;}

/* 명세서 수신방법변경 */
.billChBox {padding:30px; border:1px solid #cbcbcb;}
.billChBox .boxTit {font-size:20px; font-weight:normal; font-family:RixGoB;}
.billChBox .billChCont {margin-top:13px; line-height:18px; border-top:1px dashed #c0c7d9;}
.billChBox .billChCont .line {overflow:hidden; padding:12px 0; border-bottom:1px dashed #c0c7d9;}/*c*/
.billChBox .billChCont .halfline {float:left; width:50%;}
.billChBox .billChCont strong {color:#555555;}

/* 단골가맹점 Top5 */
.regular_store_list {padding:15px 34px 15px 24px;}
.regular_store_list > li {position:relative; min-height:50px; margin-top:20px; padding-left:50px;}
.regular_store_list > li:first-child {margin-top:0;}
.regular_store_list .rank01 {background:url('/images/individual/common/ic/top_rank01.gif') 0 0 no-repeat;}
.regular_store_list .rank02 {background:url('/images/individual/common/ic/top_rank02.gif') 0 0 no-repeat;}
.regular_store_list .rank03 {background:url('/images/individual/common/ic/top_rank03.gif') 0 0 no-repeat;}
.regular_store_list .rank04 {background:url('/images/individual/common/ic/top_rank04.gif') 0 0 no-repeat;}
.regular_store_list .rank05 {background:url('/images/individual/common/ic/top_rank05.gif') 0 0 no-repeat;}
.regular_store_list .rank_text {position:absolute; left:-9999px; top:0;}
.regular_store_list .store_name {text-align:left;}
.regular_store_list .store_graph_wrap {height:20px; margin-top:5px; background-color:#e6e6e6;}
.regular_store_list .store_graph {height:20px; background-color:#f6787b;}

/* 카드이용조회 - 소득공제 */
.dedu_tbl_wrap {padding:0 20px;}
.dedu_tbl {width:100%;}
.dedu_tbl th {text-align:center; vertical-align:middle; background-color:#f6f6f6;}
.dedu_tbl td {text-align:right;}
.dedu_tbl td.tac {text-align:center;}
.dedu_tbl th,
.dedu_tbl td {padding:10px 10px; border:1px solid #ddd; border-right:none;}
.dedu_tbl th.first,
.dedu_tbl td.first {border-left:none;}
.dedu_tbl .tit {font-size:15px; color:#222;}

.dedu_list_wrap {}
.dedu_list {}
.dedu_list > li {position:relative; border-bottom:1px solid #ddd;}
.dedu_list > li:first-child {border-top:1px solid #000;}
.dedu_list .item_tit {display:inline-block; padding:18px 0 18px 20px; color:#000; font-size:14px; font-family:'RixGoM';}
.dedu_list .btn_extend {display:block; overflow:hidden; position:absolute; right:10px; top:10px; width:40px; height:40px; text-indent:-9999px; background:url(/images/individual/mybc/arr_22x12_d.jpg) center center no-repeat;}
.dedu_list .btn_extend.arr_up {background-image:url(/images/individual/mybc/arr_22x12_u.jpg);}
.dedu_list .item_body {display:none; padding-top:20px; border-top:1px solid #ddd;}
.dedu_list .btn_detail_wrap {margin:20px 0; text-align:center;}
.dedu_list .dedu_detail_wrap {display:none; margin:35px 0 40px 0;}

.dedu_detail_wrap {padding:0 20px;}
.dedu_detail_wrap .detail_tit {margin-bottom:16px; color:#000; font-size:20px; font-family:'RixGoB';}
.dedu_detail_wrap .dedu_tbl td {text-align:center;}

/* 카드이용조회 - 소득공제 예정금액 */
.incom_schedule_wrap .dedu_salary_box {background:#f6f6f6; padding:20px 0;}
.incom_schedule_wrap .dedu_salary_box table th {font-family:RixGoEB; color:#000; text-align:left; padding-left:30px;}
.incom_schedule_wrap .dedu_salary_box table td input {font-family:'RixGoB'; font-size:14px; text-align:right; padding-right:6px; margin-right:6px;}
.incom_schedule_wrap table.write td {text-align:right; padding:10px 8px 10px 8px !important;}
.incom_schedule_wrap table.write td.prct {text-align:center;}
.incom_schedule_wrap table.write td.last {font-family:'RixGoEB';}
.incom_schedule_wrap table.write td span{font-size:17px;}
.incom_schedule_wrap table.write td input {font-family:'RixGoB'; font-size:14px; text-align:right; padding-right:6px; margin-right:6px;}
.incom_schedule_wrap table.write td input.dedu_salary02_input {width:93%; margin-right:0px;}
.incom_schedule_wrap table.write td input.dedu_salary03_input {width:92%; margin-right:0px;}
.incom_schedule_wrap table.write tr.dimmed, .incom_schedule_wrap table.write tr.dimmed > th {background-color:#999 !important;}
.incom_schedule_wrap table.write tr.dimmed td input.input_type {pointer-events: none !important; background-color:#999 !important;}
.incom_schedule_wrap .detailBox {border:1px solid #ddd;}
.incom_schedule_wrap .detailBox .detailItem {position:relative;}
.incom_schedule_wrap .detailBox .detailItem .tit {position:relative; padding:20px; font-size:16px; font-family:'RixGoEB'; color:#000;}
.incom_schedule_wrap .detailBox .detailItem .btn {position:absolute; top:25px; right:20px;}
.incom_schedule_wrap .detailBox .detailItem .cont {padding:22px 20px 26px; border-top:1px solid #ddd;}
.incom_schedule_wrap .detailBox .detailItem.open .cont {display:block;}
.incom_schedule_wrap .detailBox .detailItem.close .cont {display:none;}
.incom_schedule_wrap .detailBox table.serviceInner {width:100%; border:1px solid #ddd; margin:0;}
.incom_schedule_wrap .detailBox table.serviceInner th {background:#f6f6f6; padding:12px 15px 11px 15px; border:1px solid #ddd; text-align:center; vertical-align:middle; font-size:14px; line-height:20px; font-family:RixGoEB; color:#484848;}
.incom_schedule_wrap .detailBox table.serviceInner td {background:#fff; padding:12px 15px 11px 15px; border:1px solid #ddd; text-align:center; vertical-align:middle; font-size:14px; line-height:20px; font-family:RixGoM; color:#484848;}
.incom_schedule_wrap .credit_schedule_contents {clear:both;padding:25px 0;}
.incom_schedule_wrap .credit_schedule .list {width:830px; background:url(/images/individual/2016/common/bg_tab_wrap.gif) no-repeat 0px 0px; position:relative;}
.incom_schedule_wrap .credit_schedule .list:after {content:""; display: block; clear: both;}
.incom_schedule_wrap .credit_schedule .list > li {float:left; text-align:center; background:url(/images/individual/2016/common/bg_tab_l.gif) repeat-y 0px 0px;}
.incom_schedule_wrap .credit_schedule .list > li:first-child {background:none;}
.incom_schedule_wrap .credit_schedule .list > li  > a {display:block; color:#666; font-size:14px; height:54px; line-height:54px; font-family:RixGoB;}
.incom_schedule_wrap .credit_schedule .list > li.on > a {color:#e60000; background:url(/images/individual/2016/common/bg_tab_on.gif) no-repeat 0px bottom;}
.incom_schedule_wrap .credit_schedule .list > li.line2 > a {line-height:18px; height:44px; padding-top:10px;}
.incom_schedule_wrap .credit_schedule .list.col2 li {width:50%;}
.incom_schedule_wrap .credit_schedule .list.col3 li {width:33.33%;}
.incom_schedule_wrap .border_box {border:1px solid #ddd; padding:20px;}