@charset "utf-8";

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

/* 비밀번호 재설정 */
.receiveFinBox {background:url('/images/individual/membership/bg_pw_setting_box.jpg') no-repeat; width:478px; height:180px; padding:31px 0 0 242px;}
	.receiveFinBox .answer {padding:13px 0 20px 0; line-height:18px;}
.cardList{overflow:hidden; width:100%; background:#f7f8fa; margin-top:14px; border-top:1px solid #e8eaef; border-bottom:1px solid #e8eaef;}
	.cardList ul{padding:30px 0; overflow:hidden; zoom:1;}
	.cardList ul li{float:left; width:179px; border-right:1px solid #e8e8e8; text-align:center;}
	.cardList ul li.last{border-right: none;}
	.cardList ul li .thumb{margin-bottom:15px;}

/* 회원탈퇴 */
.withdrawBox{background:url('/images/individual/membership/bg_withdraw_box.jpg') no-repeat; width:450px; height:280px; padding:31px 138px 0 242px;} /* y */
	.withdrawBox .answer {padding:13px 0 20px 0; line-height:18px;}
		.withdrawBox .bu03 li{margin-left:0;}
.withdrawBox02{background:url('/images/individual/membership/bg_withdraw_box_02.jpg') no-repeat; width:684px; height:140px; padding:31px 0 0 36px;}
	.withdrawBox02 .answer {padding:13px 0 20px 0; line-height:18px;}
.withdrawBox02 .bu03 {margin-top:11px;}
	.withdrawBox02 .bu03 li{background-position:0 7px; margin-top:0; color:#555555; letter-spacing:-1px; line-height:20px;}
.withdrawBox03{background:url('/images/individual/membership/bg_withdraw_box_03.jpg') no-repeat; width:478px; height:162px; padding:31px 0 0 242px;}
	.withdrawBox03 .answer {padding:13px 0 20px 0; line-height:18px;}
.tbPresent{overflow:hidden; width:100%; margin-top:20px;}
	.tbPresent .tbColRow{float:left; width:509px;} /* y */
	.tbPresent .tbColRow th{font-weight:bold; text-align:center; padding-left:0;}
	.tbPresent .tbColRow td{padding-left:0; text-align:center;}
	.tbPresent .tbColRow.tbWth{float:right; width:296px;} /* y */
		.tbPresent .tbColRow.tbWth th{padding:27px 0 27px 0;}
		.tbPresent .tbColRow.tbWth td{padding:27px 10px 27px 0; text-align:right;}
.statusboxBtm{width:830px; background:url('/images/individual/membership/bg_statusbox_btm.gif') no-repeat left bottom; margin-top:15px;} /* y */
.statusboxTop{width:730px; background:url('/images/individual/membership/bg_statusbox_top.gif') no-repeat left top; padding:0 50px;} /* y */
.statusboxTop .bank{overflow:hidden; width:100%; padding-bottom:30px; border-bottom:1px solid #f3f3f3;}
.statusboxTop .bank.last{border-bottom:none;}
	.statusboxTop .bank p {background:url("/images/individual/common/ic/bu_cir_7b.gif") no-repeat 0 4px; margin-top:30px; padding-left:12px; color:#242424; font-weight:bold;}
	.statusboxTop ul {overflow:hidden; margin-top:20px;}
		.statusboxTop ul li{float:left;}
			.statusboxTop ul li.last{float:right;}
			.statusboxTop .bank ul li .cardImg{float:left; width:116px; text-align:center;}
				.statusboxTop .bank ul li dl{float:left; width:156px; margin-left:25px;} /* y */
				.statusboxTop .bank ul li dl dt{color:#555555; font-weight:bold; margin-left:5px;}
				.statusboxTop .bank ul li dl dd {margin-top:14px;}
					.statusboxTop .bank ul li dl dd img{margin:0 0 5px 5px;}

/* VISUAL */
/*.login {padding-bottom:60px !important;}*/
.infoApply{background:url('/images/individual/membership/bg_visual_withdrawal_apply_inquiry.jpg') no-repeat right bottom;}

/* login
.loginFWr {overflow:hidden; width:100%; height:108px; background:url('/images/individual/membership/bg_login.gif') no-repeat left top; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
	.loginFWr .loginForm01 {padding:20px 0 0 163px;}
		.loginFWr .loginForm01 .loginForm {overflow:hidden; width:100%; height:56px;}
		.loginFWr .loginForm01 dl {float:left; width:161px;}
		.loginFWr .loginForm01 dt {height:22px;}
		.loginFWr .loginForm01 dd .input {border:1px solid #cccccc !important; height:18px !important; padding:5px 4px 0 4px !important; color:#555555 !important; font-size:12px; line-height:14px;}
		.loginFWr .loginForm01 .loginBtn {float:left; padding-top:21px;}

	.loginFWr .loginForm02 {padding:20px 0 0 163px;}
		.loginFWr .loginForm02 .loginForm {overflow:hidden; width:100%; height:56px;}
		.loginFWr .loginForm02 dl {float:left; width:322px;}
		.loginFWr .loginForm02 dt {height:22px;}
		.loginFWr .loginForm02 dd .input {border:1px solid #cccccc !important; height:18px !important; padding:5px 4px 0 4px !important; color:#555555 !important; font-size:12px; line-height:14px;}
		.loginFWr .loginForm02 .loginBtn {float:left; padding-top:21px;}
	.loginFWr .loginForm03 {padding:34px 0 0 163px;}
		.loginFWr .loginForm03 .loginForm {overflow:hidden; width:100%; height:31px;}
		.loginFWr .loginForm03 .loginBtn {float:left; padding:7px 0 0 214px;}

	.loginFWr .relativeBtn li {float:left; background:url('/images/individual/membership/login_line.gif') no-repeat 0 1px; padding:0 11px; font-size:11px; line-height:13px; letter-spacing:-1px; text-decoration:underline;}
	.loginFWr .relativeBtn li.first {background:none; padding-left:0;}
	.loginFWr .relativeBtn li a:link,
	.loginFWr .relativeBtn li a:active,
	.loginFWr .relativeBtn li a:visited,
	.loginFWr .relativeBtn li a:hover,
	.loginFWr .relativeBtn li a:focus {text-decoration:underline;} */

/* login landing */
.loginWrapL {overflow:hidden; width:100%; margin:0 auto;}
	.loginWrapL .login01 {float:left; overflow:hidden; width:252px; height:254px; background:url('/images/individual/membership/bg_login_01.gif') no-repeat left top;}
	.loginWrapL .login02 {float:left; overflow:hidden; width:252px; height:254px; padding-left:7px; background:url('/images/individual/membership/bg_login_01.gif') no-repeat 7px 0;}
	.loginWrapL .login03 {float:right; overflow:hidden; width:202px; height:254px; background:url('/images/individual/membership/bg_login_02.gif') no-repeat left top;}

	.loginWrapL .loginWrap {width:225px; margin:26px auto 0 auto;}
		.loginWrapL .loginWrap h3 {height:68px;}
		.loginWrapL .login01 .loginWrap h3{height:51px;}
		.loginWrapL .loginWrap .loginF {position:relative; width:100%; height:46px;}
		.loginWrapL .login01 .loginWrap .loginF {height:83px;}
			.loginWrapL .login01 .loginWrap .loginF dl {width:152px; overflow:hidden;}
			.loginWrapL .login01 .loginWrap .loginF dt{height:16px;}
			.loginWrapL .login01 .loginWrap .loginF dd {height:20px;}
			.loginWrapL .login01 .loginWrap .loginF dt {width:48px;}
				.loginFrapL .login01 .loginWrap .loginF dt img {margin-top:5px;}
			.loginWrapL .login01 .loginWrap .loginF dd {width:150px;}
			.loginWrapL .login01 .loginWrap .loginF dd input {height:16px;}
			.loginWrapL .login01 .loginWrap .loginF .keyPad{position:absolute; bottom:1px; right:74px;}

			.loginWrapL .login03 .loginWrap .loginF .title {padding-top:18px;}

			.loginWrapL .login02 .loginWrap .loginF dl {width:150px; overflow:hidden;}
			.loginWrapL .login02 .loginWrap .loginF dt {height:22px; margin-top:4px;}
			.loginWrapL .login02 .loginWrap .loginF dd {height:auto;}
			.loginWrapL .login02 .loginWrap .loginF .keyPad{position:absolute; top:0; right:74px;}	
			
			.loginWrapL .login01 .loginWrap .guide{margin-top:15px;}
			.loginWrapL .loginWrap .guide{background:url('/images/individual/common/bg/bg_line_gr_bot03.gif') repeat-x left top; margin-top:35px; padding-top:15px;}
			.loginWrapL .loginWrap .guide p{margin-bottom:8px;}
			.loginWrapL .loginWrap .loginF .loginBtn {position:absolute; right:0; top:0;}
			.loginWrapL .login01 .loginWrap .loginF .loginBtn {position:absolute; right:0; top:16px;}
	.loginWrapL .login03 .loginWrap {width:174px; margin:26px auto 0 auto;}

/* ie이외 브라우저 로그인 */
.etcLoginWr {overflow:hidden; width:100%; margin:0 auto;}
	.etcLoginWr .login01 {float:left; overflow:hidden; width:350px; height:227px; background:url('/images/individual/membership/bg_login_03.gif') no-repeat left top;}
	.etcLoginWr .login02 {float:left; overflow:hidden; width:350px; height:227px; margin-left:20px; background:url('/images/individual/membership/bg_login_03.gif') no-repeat left top;}

.etcLoginWr .loginWrap {width:320px; margin:25px auto 0;}
	.etcLoginWr .login01 .loginWrap h3{height:42px;}
	.etcLoginWr .login02 .loginWrap h3 {height:47px;}
	.etcLoginWr .loginWrap .loginF {overflow:hidden; width:100%;}
		.etcLoginWr .login01 .loginWrap .loginF dl {overflow:hidden; float:left; width:241px;}
			.etcLoginWr .login01 .loginWrap .loginF dt {float:left; width:41px; height:16px; margin-top:9px;}
			.etcLoginWr .login01 .loginWrap .loginF dd {float:left; height:20px; margin-top:5px;}
			.etcLoginWr .loginWrap .loginF .loginBtn {float:left; margin:5px 0 0 10px;}
			.etcLoginWr .login02 .loginWrap .loginF .loginBtn{margin:0 0 0 10px;}
			.etcLoginWr .loginWrap .guide{background:url('/images/individual/common/bg/bg_line_gr_bot03.gif') repeat-x left top; margin-top:15px; padding-top:15px; text-align:center;}
			.etcLoginWr .login02 .loginWrap .loginF dl {overflow:hidden; float:left; width:241px;}
			.etcLoginWr .login02 .loginWrap .loginF dt {height:22px; margin-top:4px;}
			.etcLoginWr .login02 .loginWrap .loginF dd {height:auto;}
			.etcLoginWr .login02 .loginWrap .loginF input {height:16px;}
			.etcLoginWr .loginWrap .guide p{margin-bottom:8px;}

	.w530 {width:530px !important;}
		.w510 .login02 {float:right !important;}

.usingGuideLogin {overflow:hidden; width:690px; background:#f7f8fa; border-top:1px solid #e8eaef; border-bottom:1px solid #e8eaef; padding:29px 0 30px 30px;}
	.usingGuideLogin p {line-height:18px;}

	.loginBizPartner {overflow:hidden; width:100%; margin-top:40px;}
	.loginBizPartner li {position:relative; float:left;}
		.loginBizPartner li .tit {padding-top:5px; line-height:12px !important;}
		.loginBizPartner li .loginBtn {position:absolute; top:0;}
	.loginBizPartner li.loginBiz {width:278px; background:url('/images/individual/membership/bg_member_biz.gif') no-repeat left top; padding-left:66px;}
		.loginBizPartner li.loginBiz .loginBtn {right:67px;}
	.loginBizPartner li.loginPartner {width:279px; background:url('/images/individual/membership/bg_member_partner.gif') no-repeat left top; padding-left:66px;}
		.loginBizPartner li.loginPartner .loginBtn {right:46px;}

/* 회원가입 */
.agreeBoxB {background:url('/images/individual/membership/bg_agree_box_btm.gif') no-repeat left bottom;}
.agreeBoxT {background:url('/images/individual/membership/bg_agree_box_top.gif') no-repeat left top; padding:9px 11px 0 11px;}
	.agreeBoxT .agreeTit {overflow:hidden; width:100%; height:27px;}
	.agreeBoxT .agreeTit h4 {float:left; margin-top:2px;}
	.agreeBoxT .agreeTit .downBtn {float:right;}

	.agreeBoxT .agreementBox {overflow:auto; width:806px; height:68px; background:#f6f6f6; border:1px solid #dbdbdb;}
		.agreeBoxT .agreementBox .agreeWr {padding:10px; line-height:18px;}
		.agreeBoxT .agreementBox h4 {font-size:14px !important;margin-top:15px;}
		.agreeBoxT .agreementBox h4.first {margin-top:5px;height:20px;}
		.agreeBoxT .agreementBox h5 {height:22px; background:none; margin-top:5px; padding-left:0px; font-size:14px !important; line-height:14px !important; font-weight:normal;}
		.agreeBoxT .agreementBox h5.f12 {font-size:14px; font-weight:bold;}
		.agreeBoxT .agreementBox dl dt {font-weight:bold; height:20px; padding:0 !important;}
		.agreeBoxT .agreementBox dl dd {line-height:18px;}


	
	.agreeBoxT .agreeChk {height:23px; text-align:right; color:#242424; padding-top:9px;}
	.agreeBoxT .agreeChkWr {position:relative; width:100%;}
		.agreeBoxT .agreeChkWr p {padding:11px 0 5px 0; font-size:14px; line-height:20px;}
		.agreeBoxT .agreeChkWr .agreeChk {position:absolute; bottom:0; right:0;}
	.agreeBoxT h5 {height:22px; background:url('/images/individual/common/ic/bu_cross_gray.gif') no-repeat 0 4px; margin-top:3px; padding-left:11px; font-size:14px !important; font-weight:normal;}

.logobox{border-right:1px solid #e7e8e9;border-left:1px solid #e7e8e9;text-align:center;width:200px;height:85px;float:left;}
.logobox img{padding-top:25px;}
.topSubTitle{float:left;padding:30px 0 0 10px;}
.relationLogo{float:right;padding-top:20px;}
.conBg{background:url("../../img/individual/common/bg/bg_line.gif") repeat-y;padding-top:50px}
.joinBox {padding:20px;text-align:left; width:790px;}
.chkArea{background:#fbfbfb;border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;padding:10px 0 10px 15px;}
.chkInfoTxt{color:#0076a3;font-size:12px;}
.memberLayerPop{padding:30px;text-align:center;line-height:26px;}
.solidLine{border-bottom:1px solid #e8e8e8;padding-bottom:25px;margin-bottom:25px;}
.relationLogo2{float:right;padding-top:30px;}
.bdNone{border:none !important;}

/* 정보제공·이용중단신청  */
.infoOfferCancel {width:500px; left:-93px !important;}
.infoOfferCancelInq {width:500px; left:-250px !important;}

/* 신용정보동의철회신청 */
.withdrawalBox{width:478px; height:93px; background:url('/images/individual/membership/bg_withdrawal_box.jpg') no-repeat; padding:31px 0 0 242px;}
.withdrawalBox .answer {padding: 13px 0 0; line-height: 18px; }
.applyBankList{overflow:hidden; width:100%; margin-top:20px;}
	.applyBankList li{float:left; margin-right:10px;}
	.applyBankList li.last{margin-right:0;}

.withApplyBox{width:478px; height:118px; background:url('/images/individual/membership/bg_visual_withdrawal_apply.jpg') no-repeat; padding:31px 0 0 242px;}
.withApplyBox .answer {padding: 13px 0 0; line-height: 18px; }


/* login */

/* gnb */
#header2{position:relative; width:100%; height:89px; background:url('/html/login/images/common/bg_header.gif') repeat-x top; z-index:999;}
	#header2 .gnbWrap{/*position:relative;*/ width:960px; height:89px; margin:0 auto; z-index:1000;}

/* contents */
#contents2 {width:893px; min-height:450px; margin:0 auto;padding-bottom:100px;}
#contents2:after {content:" "; display:block; clear:both;}

.conTitWr2 {position:relative; width:100%; padding-bottom:59px;}
	.conTitWr2 h2 {font-size:14px; line-height:16px; margin-bottom:20px;}
	.conTitWr2 .subTit {}


.loginWrapL2 {overflow:hidden; width:100%; margin:0 auto;}
	.loginWrapL2 .login01 {float:left; overflow:hidden; width:321px; height:225px; background:url('/images/individual/membership/bg_login_11.gif') no-repeat left top;}
	.loginWrapL2 .login02 {float:left; overflow:hidden; width:311px; height:225px; margin-left:10px; background:url('/images/individual/membership/bg_login_12.gif') no-repeat left top;}
	.loginWrapL2 .login03 {float:right; overflow:hidden; width:241px; height:225px;  margin-left:10px;background:url('/images/individual/membership/bg_login_13.gif') no-repeat left top;}
	.loginWrapL2 .login04 {float:right; overflow:hidden; width:239px; height:223px;border:1px solid #cbcbcb;margin-left:10px;}

	.loginWrapL2 .login01 .loginWrap {position:relative;width:291px; margin:26px auto 0 auto;}
		.loginWrapL2 .loginWrap h3 {height:48px;}
		.loginWrapL2 .login01 .loginWrap h3{height:51px;}
		.loginWrapL2 .loginWrap .loginF {position:relative; width:100%; height:55px;}
			.loginWrapL2 .login01 .loginWrap .loginF dl {width:222px; overflow:hidden;}
			.loginWrapL2 .login01 .loginWrap .loginF dt{clear:both;float:left;width:41px;/*height:26px;*/padding-top:4px;}
			.loginWrapL2 .login01 .loginWrap .loginF dd {float:left;width:170px;/*height:30px;*/}
			.loginWrapL2 .login01 .loginWrap .loginF dt.last{/*height:21px;padding-top:4px;*/margin-top:4px; margin-bottom:4px;}
			.loginWrapL2 .login01 .loginWrap .loginF dd.last {/*height:25px;*/margin-top:4px; margin-bottom:4px;}
			.loginWrapL2 .login01 .loginWrap .loginF dd input {height:16px;}
				.loginWrapL2 .login01 .loginWrap .loginF dt img {padding-top:4px;}
				.loginWrapL2 .login01 .loginWrap .loginF input {margin:0;}
			.loginWrapL2 .loginWrap .loginF .keyPad{position:relative;/*height:35px;*/text-align:right;margin-right:80px;}
			.loginWrapL2 .loginWrap .guide{background:url('/images/individual/common/bg/bg_line_gr_bot03.gif') repeat-x left top; margin-top:35px; padding-top:16px;text-align:center;}
			.loginWrapL2 .loginWrap .guide p{margin-bottom:8px;}
			.loginWrapL2 .loginWrap .loginF .loginBtn {position:absolute; right:0; top:0;}
			.loginWrapL2 .loginWrap .loginF .text { font-size:12px; line-height:18px;}

	.loginWrapL2 .login02 .loginWrap {position:relative;width:284px; margin:26px auto 0 auto;}
			.loginWrapL2 .login02 .loginWrap .loginF dl {width:215px; overflow:hidden;}
			.loginWrapL2 .login02 .loginWrap .loginF dt {clear:both;float:left;width:60px;height:21px;padding-top:4px;}
			.loginWrapL2 .login02 .loginWrap .loginF dd {float:left;width:155px;height:25px;}
			.loginWrapL2 .login02 .loginWrap .guide{background:url('/images/individual/common/bg/bg_line_gr_bot03.gif') repeat-x left top; margin-top:38px; padding-top:16px;text-align:center;}

	.loginWrapL2 .login03 .loginWrap {position:relative;width:211px; margin:26px auto 0 auto;}
			.loginWrapL2 .login03 .loginWrap .loginF .title {padding-top:0px;}
			.loginWrapL2 .login03 .loginWrap .guide{background:url('/images/individual/common/bg/bg_line_gr_bot03.gif') repeat-x left top; margin-top:38px; padding-top:16px;text-align:center;}

.usingGuideLogin2 {overflow:hidden; width:863px; background:#f7f8fa; border-top:1px solid #e8eaef; border-bottom:1px solid #e8eaef; padding:29px 0 30px 30px;}
	.usingGuideLogin2 p {line-height:18px;}

	.loginBizPartner2 {overflow:hidden; width:100%; margin-top:40px;}
	.loginBizPartner2 li {position:relative; float:left;}
		.loginBizPartner2 li .tit {padding-top:5px; line-height:12px !important;}
		.loginBizPartner2 li .loginBtn {position:absolute; top:0;}
	.loginBizPartner2 li.loginBiz {width:278px; background:url('/images/individual/membership/bg_member_biz.gif') no-repeat left top; padding-left:66px;}
		.loginBizPartner2 li.loginBiz .loginBtn {right:67px;}
	.loginBizPartner2 li.loginPartner {width:279px; background:url('/images/individual/membership/bg_member_partner.gif') no-repeat left top; padding-left:66px;}
		.loginBizPartner2 li.loginPartner .loginBtn {right:46px;}

/* 개인정보변경 확인 */
.withdrawInfo{width:500px; height:128px; background:url('/images/individual/membership/bg_myinfo_chg.jpg') no-repeat; margin-top:15px; padding:25px 0 0 220px;}
.withdrawInfo .bu03 li{color:#555555;}

/* 개인정보변경 레이어 팝업 */
.member_layer {position:absolute; top:750px; left:185px; background:red; width:349px; z-index:1201;}
.member_layer .bg_member_btm {width:349px; background:url(/images/individual/membership/bg_memberpop_btm.gif) no-repeat 0 bottom;}
.member_layer .bg_member_top {width:309px; padding:40px 20px 30px 20px; background:url(/images/individual/membership/bg_memberpop_top.gif) no-repeat 0 top;}
.member_layer .btn_member_close {position:absolute; right:20px; top:15px;}

/* 본인정보 열람 청구 및 조회 */
.box_personal {padding:10px 0 5px 15px; border:1px solid #d9dce5;}
.box_personal p {line-height:18px;}

/* 본인정보 이용 및 제공 조회 */
.error_page {width:678px; margin-top:20px; padding:0 20px 30px 20px; border:1px solid #b6b6b6; background-color:#fafafa; text-align:center;}

/* 마케팅 이메일 수신 거부 */
#mail_wrap {width:720px; margin:0 auto;}
#mail_wrap h1 {padding-top:20px; height:40px;}
#mail_wrap .mail_cont {padding:35px 40px; 40px 40px; border-bottom:2px solid #999; line-height:20px;}

/* 휴대폰 약관 인증 */
.sktAgr {display:inline-block;width:230px;}
.sktAgr1 { display:inline-block; width:290px; }


/* 06.26 */
/* 회원정보 변경 */
#divMainView .myInbfoEmailWr dd { padding-bottom:10px; }

/* 2017-12-29 서브텍스트 */
h3.contTitTxt {font-family:'RixGoB'; font-size:21px !important; line-height:normal; color:#000;}