@import url(fonts.css);
@import url(reset.css);

/************** layout */
body{width:100%;height:100vh;background:#f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	#wrap{width:650px;max-height:95%;text-align:center;padding-top:60px;background-color:#FFF;border:1px solid #e5e5e5;overflow-y:auto;}
	header h1#logo{font:700 28px "squ","Helvetica","Arial","sans-serif";}
	header h1#logo a span{display:inline-block;height:40px !important;text-indent:-9999em !important;}
		header h1#logo.wp a span{width:190px !important;background:url("../images/common/logo_widuspool.png") no-repeat;background-size:190px;}
		header h1#logo.wp-scm a span{width:230px !important;background:url("../images/common/logo_wp-scm.png") left top 5px no-repeat;background-size:230px;}
		header h1#logo.wp-myData a span{width:257px !important;background:url("../images/common/logo_wp-myfi.png") left top 2px no-repeat;background-size:257px;}
		header h1#logo.wp-eESG a span{width:230px !important;background:url("../images/common/logo_wp-eESG.png") left top 4px no-repeat;background-size:230px;}
		header h1#logo.cbLab a span{width:110px !important;background:url("../images/common/logo_cbLab.png") no-repeat;background-size:110px;}
		header h1#logo.BIGs a span{width:80px !important;background:url("../images/common/logo_BIGs.png") no-repeat;background-size:80px;}
		header h1#logo.newsLab a span{width:135px !important;background:url("../images/common/logo_newsLab.png") no-repeat;background-size:100%;}
		header h1#logo.kdb a span{width:190px !important;background:url("../images/common/logo_kdb.png") no-repeat;background-size:190px;}/* 산업은행 */
	header h1#logo.wp-myfi{display:block;}
	header h1#logo a span.screenOut{overflow:inherit;position:inherit;width:inherit;height:inherit;line-height:inherit;text-indent:inherit;}
	header h1#logo a strong{display:inline-block;margin-left:7px;}
	header h1#logo a:hover strong{color:#555;}
	header .desc{text-align:center;margin-top:12px;}
	header .desc strong{color:#f00;}
	footer{padding:25px 0;background:#fafafa;border-top:1px dotted #eee;}
	footer .copyright{color:#999;}
#container{text-align:left;margin-top:50px;padding-bottom:40px;overflow-y:auto;}
	#container .content{margin:0 auto;}
	#container .content.logArea{width:400px;}
	#container .content.signupArea{width:460px;}

/* common */
.bgf0{background:#f0f0f0;} /*2024-02-07 기존css*/
.skin{background: url(../images/common/250512_ev_skin.jpg) center center no-repeat;background-size:cover;} /*2024-08-26*/
/*.skin{background: url(../images/common/240531_ev_skin.jpg) center center no-repeat;background-size:cover;} 2024-06-03*/
/*.skin{background: url(../images/common/240214_ev_skin.jpg) center center no-repeat;background-size:cover;} 2024-03-22*/
/*.skin{background: url(../images/common/240321_ev_skin.jpg) center center no-repeat;background-size:cover;} 2024-03-22~2024-04-30*/
h3{font:700 15px "NotoSansKR","Helvetica","Arial","sans-serif";color:#4b96e7;margin:0 0 10px 10px;}
	h3 span{display:inline-block;width:8px;height:8px;margin:-3px 5px 0 0;vertical-align:middle !important;background:#4b96e7;border-radius:50%;}
.linkBox{text-align:center;padding:8px 0;background:#fafafa;}
	.linkBox span{position:relative;display:inline-block;margin-left:10px;padding-left:15px;}
	.linkBox span:before{content:"";position:absolute;display:block;width:1px;height:10px;top:5px;left:0px;background:#ddd;}
	.linkBox span:first-child:before{width:0px;margin-right:0px;padding-right:0px;}
	.linkBox span a{color:#aaa;}
	.linkBox span a:hover{color:#5af;}
	.linkBox span.on a{font-weight:700;color:#777;}

.inpRow + .inpRow{margin-top:8px;}
	.inpRow.inpHr dl{border-bottom:1px solid #ddd;}
	.inpRow dl{overflow:hidden;}
	.inpRow dl dt{float:left;width:120px;font:700 13px/42px "NotoSansKR","Helvetica","Arial","sans-serif";padding-left:10px;}
	.inpRow dl dd{float:left;width:calc(100% - 120px);}
.content .btnCont{margin-top:45px;padding-top:30px;border-top:1px dotted #ddd;}
	.content .btnCont button{width:100%;}
.errorTxt{display:none;font-size:12px;color:#f00;margin-top:4px;padding-left:8px;}/* 에러글씨 */
	.content .btnCont .errorTxt{text-align:center;margin-bottom:8px;}

/* login */
.content.logArea .inpRow + .inpRow{margin-top:15px;}
.content.logArea .inpRow dd{width:100%;}
	.content.logArea .inpRow input{font:700 20px/32px "squ","Helvetica","Arial","sans-serif";width:100%;height:42px;border:none;-webkit-appearance:none;}
	.content.logArea .inpRow input::placeholder{font:500 16.5px/32px "squ","Helvetica","Arial","sans-serif";color:#999;}
	.content.logArea .inpRow input::-webkit-input-placeholder{font:500 16.5px/32px "squ","Helvetica","Arial","sans-serif";color:#999;}
	.content.logArea .inpRow input:-ms-input-placeholder{font:500 16.5px/32px "squ","Helvetica","Arial","sans-serif";color:#999;}
	.content.logArea .inpRow textarea::-webkit-input-placeholder{font:500 16.5px/32px "squ","Helvetica","Arial","sans-serif";color:#999;}
	.content.logArea .inpRow textarea:-ms-input-placeholder{font:500 16.5px/32px "squ","Helvetica","Arial","sans-serif";color:#999;}
.logBox{overflow:hidden;margin-top:20px;}
	.logBox li.logSave{float:left;color:#999;padding-left:8px;}
	.logBox li.logOther{float:right;margin-right:8px;}
		.logBox li.logOther span{position:relative;display:inline-block;margin-left:8px;padding-left:11px;}
		.logBox li.logOther span:before{content:"";position:absolute;display:block;width:1px;height:10px;top:5px;left:0px;background:#ddd;}
		.logBox li.logOther span:first-child:before{width:0px;margin-right:0px;padding-right:0px;}

/* signup */
.content.signupArea .inpRow.inpHr dl{border-bottom:none;}
	.content.signupArea .inpRow.inpHr{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ddd;}
.content.signupArea .errorTxt{margin-left:120px;}
.content.signupArea ul.saBox{overflow:hidden;}
	.content.signupArea ul.saBox li{width:48%;}
	.content.signupArea ul.saBox li.sa01{float:left;}
	.content.signupArea ul.saBox li.sa02{float:right;}
	.content.signupArea ul.saBox li .errorTxt{margin-left:1px;}
.inpRow input{font:700 13px/32px "ng","Helvetica","Arial","sans-serif";height:42px;width:100%;border:none0;-webkit-appearance:none;}
	.inpRow input::placeholder{font:500 13px/32px "ng","Helvetica","Arial","sans-serif";color:#999;}
	.inpRow input::-webkit-input-placeholder{font:500 13px/32px "ng","Helvetica","Arial","sans-serif";color:#999;}
	.inpRow input:-ms-input-placeholder{font:500 13px/32px "ng","Helvetica","Arial","sans-serif";color:#999;}
	.inpRow textarea::-webkit-input-placeholder{font:500 13px/32px "ng","Helvetica","Arial","sans-serif";color:#999;}
	.inpRow textarea:-ms-input-placeholder{font:500 13px/32px "ng","Helvetica","Arial","sans-serif";color:#999;}
	.inpRow select{width:100%;height:42px !important;font-family:inherit;font-size:inherit;line-height:normal;vertical-align:middle;padding-left:5px;border:1px solid #dadada;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;}
	.termsBox dd{}
	.termsBox dd + dd{padding-top:10px;}
	.termsBox dd:nth-child(2){margin-top:15px;}
	.termsBox dd strong{color:#f00;}
	.termsBox dd button{margin-left:10px;}

/* signup End */
.inputEnd ul{margin:50px 0 0;padding-top:80px;background:url("../images/icon/endCheck.png")no-repeat top;}
	.inputEnd ul li{font:500 22px "squ","Helvetica","Arial","sans-serif";text-align:center;}
	.inputEnd ul li + li{margin-top:8px;}
	.inputEnd ul li em{color:#4b96e7;}
	.inputEnd ul li strong{display:inline-block;color:#4b96e7;padding:0 5px;}


/************** etc */
/* btn */
.btnCont{text-align:center;margin-top:30px;}
button.btnDft{display:inline-block;color:#FFF;border-radius:3px;}
button.btnBig{min-width:150px;height:50px;font:500 16px/45px "NotoSansKR","Helvetica","Arial","sans-serif";}
button.btninp{height:42px;font:500 13px "NotoSansKR","Helvetica","Arial","sans-serif";}
button.btn_m{min-width:90px;height:33px;line-height:31px;padding:0 20px;}
	button.blue{border:1px solid #347dcc;background:#4b96e7;}
	button.blue:hover{background:#347dcc;}
	button.grey{border:1px solid #848b9b;background:#9199ab;}
	button.grey:hover{background:#848b9b;}
	button.btnCancel{color:#999;border:1px solid #ddd;background:#fcfcfc;}
	button.btnCancel:hover{color:#555;border:1px solid #bbb;background:#f6f6f6;}
	button.yellow{border:1px solid #f0ae0e;background:#edb90d;}
	button.yellow:hover{border:1px solid #f0ae0e;background:#f0ae0e;}
	button.navy{border:1px solid #1d253d;background:#3e4a5a;}
	button.navy:hover{background:#1d253d;}

/* tab */
.tabList{overflow:hidden;width:100%;margin:20px auto 0;background:#fafafa;}
	.tabList li{float:left;font:700 16.5px "squ","Helvetica","Arial","sans-serif";text-align:center;vertical-align:middle;letter-spacing:-1px;background:#fafafa;}
	.tabList.item2 li{width:calc(100% / 2 - 0.1px);}
		.tabList li a{display:block;height:50px;color:#aaa;padding-top:15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
		.tabList li + li{border-left:1px solid #e5e5e5;}
		.tabList li:first-child{border-left:1px solid #e5e5e5;}
		.tabList li:last-child{border-right:1px solid #e5e5e5;}
		.tabList li a span{display:inline-block;letter-spacing:0px;color:#999;padding-left:4px;}
		.tabList li a strong{display:inline-block;font:900 14px "ng","Helvetica","Arial","sans-serif";color:#FFF;margin-left:4px;padding:2px 8px 3px;background:#aaa;border-radius:10px;}
		.tabList li:hover a{color:#777;background:#f6f6f6;}
		.tabList li:hover a strong{background:#999;}
		.tabList li.on a{color:#4b96e7;border:1px solid #4b96e7;border-top:3px solid #4b96e7;border-bottom:none;background:#FFF;}
		.tabList li.on a strong{background:#4b96e7;}


/****************** popup */
.wpFixed{position:fixed;top:0px;}
#popWrap{width:100%;}
	#popWrap .popHead{overflow:hidden;width:100%;height:52px;background:#009bfa;z-index:999;}
		#popWrap .popHead h1{float:left;font:700 20px "squ","Helvetica","Arial","sans-serif";color:#FFF;padding:15px 0 15px 30px;}
		#popWrap .popHead .close{float:right;}
		#popWrap .popHead .close a{display:inline-block;padding:16px 20px;background:#347dcc;}
	#popWrap #popContent{padding:30px;}
		.terms{text-align:justify;}
		.terms .termsCont{line-height:22px;}
		.terms .termsCont h3{font:700 18px "squ","Helvetica","Arial","sans-serif";color:#488ae7;letter-spacing:-0.45px;margin-top:50px;padding-left:20px;background:url("../images/icon/titCheck.png") no-repeat 0 4px;background-size:14px;}
		.terms .termsCont ol li{margin-top:15px}
		.terms .termsCont ol li p{font-weight:700;margin-left:20px;}
		.terms .termsCont ol li > dl > dt{margin-top:5px;padding-left:35px;text-indent:-10px;}
		.terms .termsCont ol li > dl > dd{padding-left:50px;text-indent:-15px;}
		.terms .termsCont ol li .ty01{padding-left:20px;text-indent:0px;}
		.terms .termsCont ol li .ty02{padding-left:35px;text-indent:0px;}

/* modal */
.modalWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;}
	.modalWrap .popCus{position:absolute;top:200px;left:50%;width:450px;margin-left:-225px;background:#FFF;border:4px solid #FFF;}
	.popTit{position:relative;width:100%;height:55px;background:linear-gradient(to right,#6dd98e 0%,#6bd2db 50%,#6b80d9 100%);}
	.popTit h3{font:700 22px 'squ','Helvetica','Arial','sans-serif';letter-spacing:-0.45px;color:#FFF;text-align:left;padding:15px 0 15px 15px;}
	.popTit h3 strong{color:#353244;}
	.popTit .btn_popClose{display:block;position:absolute;top:0px;right:0;width:55px;height:55px;text-indent:-9999em;background:url('../images/icon/closeW.png') center no-repeat;z-index:9999;}
	.popCont{min-height:150px;max-height:90%;padding:30px;overflow-y:auto;box-sizing:border-box;}
	.popCont .cusDesc{text-align:center;margin:30px 0 25px;}
	.popCont .cusDesc li:nth-child(1){font:500 22px/1.5 'squ','Helvetica','Arial','sans-serif';}
	.popCont .cusDesc li:nth-child(2){font:500 15px 'ng','Helvetica','Arial','sans-serif';margin-top:20px;}


/****************** 21.08.30 정보구매 리스트 */
#wrap.confirm{width:1000px;}
	#wrap.confirm .content{width:900px;}
	.mpDetail{position:relative;padding:6px 14px;}
		.mpDetail:before{display:block;content:'';position:absolute;top:13px;left:0px;width:4px;height:4px;background:#333;border-radius:50%;}
		.mpDetail dt{font:700 16px "squ","Helvetica","Arial","sans-serif";margin-bottom:6px;}
		.mpDetail dd{font-size:12px;}
		.mpDetail dd span{color:#999;padding-right:3px;}
		.mpPayment strong{font:900 18px "squR","Helvetica","Arial","sans-serif";vertical-align:-2px;padding-right:3px;}
	.careBox{text-align:left;padding:25px 0 25px 24px;background:#f6f9fc;}
		.careBox li{position:relative;padding-left:12px;}
		.careBox li:before{display:block;content:'';position:absolute;top:50%;left:0px;width:3px;height:3px;margin-top:-2px;background:#4b96e7;border-radius:50%;}
		.careBox li + li{margin-top:5px;}
	/* table */
	.tableBox{border-top:1px solid #353244;}
		.tableBox table,.tableBox.row table{width:100%;border-bottom:1px solid #ddd;}
		.tableBox table caption{position:absolute;top:-100000px;left:-100000px;font-size:0px;line-height:0;}
		.tableBox th,.tableBox td{height:35px;line-height:1.7;text-align:center;padding:5px 0;border:1px solid #ddd;border-width:1px 1px 0 1px;}
		.tableBox th{height:28px;font:900 12px/1.4 'ng','Helvetica','Arial','sans-serif';}
		.tableBox th:first-child,.tableBox td:first-child{border-left:none;}
		.tableBox th:last-child,.tableBox td:last-child{border-right:none;}
		.tableBox thead th{background:linear-gradient(to bottom,#f9f9f9,#f3f3f3);border-right:1px solid #ddd;border-bottom:1px solid #ccc;}
		.tableBox thead a{display:block;font-weight:700;color:#555;}
		.tableBox tbody th{background:linear-gradient(to bottom,#f9f9f9,#f3f3f3);}
		.tableBox tfoot th,.tableBox tr.tfoot th,.tableBox th.tfoot{background:#f3f3f3;}
		.tableBox tfoot td,.tableBox tr.tfoot td,.tableBox td.tfoot{font-weight:700;background:#f3f3f3;}
		.tableBox tr.tfoot{border-top:3px double #ccc;}
		.tableBox th.taL,.tableBox td.taL{text-align:left;padding-left:10px;padding-right:2px;}
		.tableBox td.taR{text-align:right;padding-right:8px;}
		.tableBox td .tbView{width:95%;min-height:250px;line-height:2.2;vertical-align:top;text-align:justify;padding:30px 0;}
		.tableBox.row th,.tableBox.row td{height:32px;}
		.tableBox.row th{font:900 12px/1.4 'ng','Helvetica','Arial','sans-serif';background:linear-gradient(to bottom,#f9f9f9,#f3f3f3);}
		.tableBox.row td{text-align:left;padding-left:15px;padding-right:5px;}
		table a{font-weight:700;color:#3db087;}
		table a:hover{text-decoration:underline;}
	.noData{color:#777;padding:50px;border-top:1px solid #353244;border-bottom:1px solid #ddd;}
		.noTxt{display:table;table-layout:fixed;min-height:90px;font-size:16px;font-weight:700;text-align:left;margin:0 auto;}
		.noTxt .mid{display:table-cell;vertical-align:middle;color:#999;text-indent:34px;background:url('../images/icon/msgTable.png') left center no-repeat;}
/*2024-04-05 통합 회원가입 추가*/
.h330{height:330px;}
.h175{height:175px;}
.txtL{text-align:left !important;padding-left:5px !important;}
.txtArea{overflow-y:auto;background:#f7f8fb;padding:10px;font-size:12px;margin-bottom:10px;border:1px solid #dbdbdb;}
.inputArea{border-bottom:1px solid #dbdbdb;padding-bottom:10px;padding: 20px 20px 15px;}
.agreeWrap .txtArea{padding:}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mb15{margin-bottom:15px;}
.cont{font-size:14px;color:#4b96e7;font-weight:700;display:block;margin:10px 0 10px 0;}
.cont2{font-size:13px;color:#333;font-weight:700;display:block;margin:10px 0 10px 0;}
.rdoBox{display:inline-block !important;max-width:100%;font-size:15px;color:#666;background-color:#fff;border:1px #ccc solid;box-sizing:border-box;border-radius:35px;width:18px;height:18px;}
.allInputAreaTop{text-align:center;background:#f7f8fb;padding:20px;}
.allInputAreaTop span:nth-child(2){margin-left:7px;}
.termsBox input[type='checkbox'] {width: 0;height: 0;border: 0 none;overflow: hidden;clip: rect(0,0,0,0);}
.termsBox input[type='checkbox'] + label {display: inline-block;position: relative;min-height: 22px;font-size: 0.75rem;min-width: 69px;/*line-height: 2rem;*/color: #333;padding: 0 0 0 30px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.termsBox .box input[type='checkbox'] + label {margin-right: 5px; display: inline-block;position: relative;width: 20px;height: 20px;min-height: 22px;font-size: 0.75rem;min-width: 60px;/*line-height: 2rem;*/color: #333;padding: 0 0 0 24px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.termsBox .box input[type='checkbox'] + label:before {display: inline-block;position: relative;content: '';position: absolute;top: 5px;left: 0;width: 20px;height: 20px;background: #fff;border: 1px solid #666;box-sizing: border-box;}
.termsBox input[type='checkbox'] + label:before {display: inline-block;position: relative;content: '';position: absolute;top: 0;left: 0;width: 20px;height: 20px;background: #fff;border: 1px solid #666;box-sizing: border-box;}
.termsBox input[type='checkbox']:checked + label:before {background: #fff url('/images/common/bg_check_on.png') center center no-repeat;border: 1px solid #666;}
.termsBox input[type='checkbox']:focus + label:before {border: 1px solid #666;}
.termsBox input[type='checkbox'].readonly + label:before {background: #eee;border: 1px solid #ccc;}
.termsBox input[type='checkbox']:disabled + label:before,input[type='checkbox'].disabled + label:before {background: #eee;border: 1px solid #ccc;}
.termsBox input[type='checkbox']:checked:disabled + label:before {background: #eee url('/images/common/bg_check_off.png') center center no-repeat;}
.termsBox .chk {display: inline-block;font-size: 0;vertical-align: top;margin-right: 10px;}
.termsBox .required {display: inline-block;position: relative;}
.termsBox .required:after {display: inline-block;content: '*';position: absolute;left: 3px;top: -14px;font-size: 15px;color: #c90000;}
.termsBox .required em {position: absolute;left: -9999em;width: 0;height: 0;margin: 0;padding: 0;text-indent: -9999em;overflow: hidden;}
.termsBox input[type='checkbox']:checked + label:before {background: #fff url('/images/common/bg_check_on.png') center center no-repeat;border: 1px solid #666;}
.termsBox input[type='checkbox']:checked:disabled + label:before {background: #eee url('/images/common/bg_check_off.png') center center no-repeat;}
.terms-content ol li .privacy {font-size: 13px;color: #333;font-weight: 700;display: block;margin: 10px 0 10px 0;}
.terms-content ol li > dl > dt {margin-top: 7px;padding-left: 20px;text-indent: -16px;}
.terms-content ol li > dl > dd {padding-left: 40px;text-indent: -18px;}
/* Radio */
.termsBox input[type='radio'] {width: 0;height: 0;border: 0 none;overflow: hidden;clip: rect(0,0,0,0);}
.termsBox input[type='radio'] + label {display: inline-block;position: relative;color: #333;padding: 0 0 0 25px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.termsBox input[type='radio'] + label:before {display: inline-block;content: '';position: absolute;top: 0;left: 0;width: 20px;height: 20px;background: #fff;border: 1px solid #666;border-radius: 50%;box-sizing: border-box;}
.termsBox input[type='radio']:checked + label:before {background: #fff url('/images/common/bg_radio_on.png') center center no-repeat;border: 1px solid #666;}
.termsBox input[type='radio']:focus + label:before {border: 1px solid #666;}
.termsBox input[type='radio'].readonly + label:before {background: #eee;border: 1px solid #ccc;}
.termsBox input[type='radio']:disabled + label:before,input[type='radio'].disabled + label:before {background: #eee;border: 1px solid #ccc;}
.termsBox input[type='radio']:checked:disabled + label:before,input[type='radio'].checked.disabled + label:before {background: #eee url('/images/common/bg_radio_off.png') center center no-repeat;}
/*2024-07-29 추가*/
.mr5{margin-right:5px;}
.bdN{border:none;}
.mr10{margin-right:10px;}