@charset "utf-8";

/* html 엘리먼트 속성 초기화 */
h1, h2, h3, h4, h5, h6{font-size:1em; margin:0px;}
p, ul, ol, li, dl, dt, dd, form, fieldset{margin:0px; padding:0px; font-size:100%;}
ul, ol, li{list-style:none; font-size:100%;}
table{border-collapse:collapse; font-size:100%;}
legend {overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;}
caption {overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;text-indent: -9999em;}
img{border:0px none; font-size:0px; line-height:0px;}
input, select, textarea{margin:0px; padding:0px;}
.msie7 label input[type=radio], .msie7 label input[type=checkbox]{width:14px;height:14px;}

html{width:100%;} 
html,body {height:100%;}

/* 그외 초기화 */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, hgroup, footer ,nav ,section ,article ,aside ,figure ,video ,audio {margin:0;padding:0;border:0;}
em, address{font-style:normal}
hr{display:none}

select, textarea, input, label,img,button{vertical-align:middle}
table td{word-wrap:break-word;word-break:break-all;}
button{cursor:pointer}

/** common style **/
/* font n color */
body,input,select,textarea,a,button{line-height:16px;font-family:'돋움',Dotum,Helvetica,AppleGothic,sans-serif;font-size:12px;color:#4b4e5a;}

a{text-decoration:none;/*color:#e2632e;text-decoration:underline;*/}
a:hover,
a.on,
a.active{color:#e2632e;text-decoration:underline;}
.txt_type1 a, .txt_type2 a, .txt_type3 a, .txt_type4 a, .txt_type5 a, .txt_type6 a{color:#e2632e;text-decoration:underline;}

/*#header a, #footer a, #quick a, span[class*="btn"] a, div[class*="tab"] a, .title_section a{text-decoration:none;}*/

.point,
a.point{color:#2f3743 !important;}
.point1,
a.point1{color:#1776b4 !important;}
.point2,
a.point2{color:#e2632e !important;}
.point3,
a.point3{color:#ffffff !important;}/*2014.10.08  수정*/
.point4,
a.point4{color:#40b6d4 !important;}
.point5,
a.point5{color:#5c5f68 !important;}
.disableTxt {color: #999 !important;} /* form disabled 폰트 컬러 */

.arial{font-family:Arial;}
.malgun{font-family:'맑은 고딕',Malgun Gothic;}

.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font30{font-size:30px !important;}

.line_h0{line-height:0;}
.line_h1{line-height:1em;}
.line_h16{line-height:16px;}
.line_h18{line-height:18px;}
.line_h20{line-height:20px;}
.line_h22{line-height:22px;}

.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.uline{text-decoration:underline;}
.no_bg {background:none !important;}

/* align */
.t_left{text-align:left !important;}
.t_center{text-align:center !important;}
.t_right{text-align:right !important}
.v_top{vertical-align:top !important;}
.v_middle{vertical-align:middle !important;}
.v_bottom{vertical-align:bottom !important}

/* etc */
.scroll{overflow:scroll}
.scroll_y{overflow-y:scroll;overflow-x:hidden;}
.msie7 .scroll_y table{table-layout:fixed;width:auto}
.scroll_x{overflow-x:scroll;overflow-y:hidden;}
.f_left{float:left;}
.f_right{float:right;}
.f_center{float:center;}
.c_both{clear:both !important;}
.clear:after{content:'';display:block;clear:both;height:0;font-size:0;visibility:hidden;}
.clear{display:inline-block;}
.clear{display:block;}

.pos_r{position:relative;}
.fullDotted {width: 100%; margin-top: 50px; line-height: 1.5; border-top: 2px dotted #ccc;} /* 2019.06.17 추가 */

.hidden_obj{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0}
.blind {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
/* 카드 스텝 */
.step .access{overflow:hidden !important;position:absolute;top:0;left:0;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;font:0/0 Arial !important;}
.hide{display:none;}
.show{display:block;}
tr.show{display:table-row;}
.guide {margin: 30px 0 10px !important; padding: 6px 0 5px 10px;background: #eee; color: #666;font-weight:bold;}
.guide2 {margin: 30px 0 -20px !important; padding: 6px 0 5px 10px;background: #333; color: #fff;font-weight:bold;}

/* 투명도 */
.trans0{filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;opacity: 0;}	
.trans30{filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)"; -khtml-opacity: 0.3; -moz-opacity: 0.3;opacity: 0.3;}
.trans60{filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity: 0.6; -moz-opacity: 0.6;opacity: 0.6;}
.trans90{filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; -khtml-opacity: 0.9; -moz-opacity: 0.9;opacity: 0.9;}
.trans100{filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1;opacity: 1;}

/* margin */
.mgt_base{margin-top:35px !important;}
.mgb_base{margin-bottom:35px !important;}
.mgt_half{margin-top:15px !important;}
.mgb_half{margin-bottom:15px !important;}

.mg0 {margin:0 !important;}
.mgl0 {margin-left:0px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl29 {margin-left:29px !important;}
.mgl30 {margin-left:30px !important;}
.mgl45 {margin-left:47px !important;}
.mgl70 {margin-left:70px !important;}
.mgl103 {margin-left:103px !important;}
.mgl107 {margin-left:107px !important;}
.mgl88 {margin-left:88px !important;}
.mgb0 {margin-bottom:0px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}/* 2014 .9.22 추가*/
.mgb30 {margin-bottom:30px !important;}
.mgt0 {margin-top:0px !important;}
.mgt3 {margin-top:3px !important;}
.mgt4 {margin-top:4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt7 {margin-top:7px !important;}
.mgt8 {margin-top:8px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt15 {margin-top: 15px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt25 {margin-top: 25px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt35 {margin-top: 35px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt50 {margin-top: 50px !important;}
.mgt100 {margin-top: 100px !important;}
.mgt130 {margin-top: 130px !important;}

.mgtb15 {margin:15px 0 !important;}

/* padding */
.pd0 {padding:0 !important;}
.pd15 {padding:15px 0 !important;}
.pd30 {padding:30px !important;}
.pdt5 {padding-top:5px !important;}
.pdt7 {padding-top:7px !important;}
.pd15 {padding:15px 0 !important;}
.pd30 {padding:30px !important;}
.pdl0 {padding-left:0 !important;}
.pdl20 {padding-left:20px !important;}
.pdb0 {padding-bottom:0 !important;}
.pdt0 {padding-top:0 !important;}

/* bgcolor */
.tbg1 {background-color:#ffecd1 !important;} /* 성향별 적합으로 분류되는 칸 표시 */
input.bg1 {background-color:#eff5ff !important;}

/* letter-spacing */
.ls-1 {letter-spacing:-1px;}

/* 구분자 */
.sep1 {display:inline-block;margin-left:5px;padding-left:10px;background:url(/images/CN/bg_sep1.gif) no-repeat 0 2px;}

/* 테이블 tr show/hide - ie7버그 대응 */
tr.hide th, tr.hide td{border:none;/*display:none;*/}/* border:none; table border 잔상 대응 *//* display:none tr 안 input에 포커스 이동되는 현상 대응 */
/*tr.hide input{visibility:hidden;}*//* display:none tr 안 input에 포커스 이동되는 현상 대응 *//* ie7 value 초기화 시 사라짐으로 사용하지 않음 */

/* 마케팅 배너 */
/*
.box_mkbanner{overflow:hidden;margin-top:58px;}
* html .box_mkbanner{height:1%;}
.box_mkbanner li{width:353px;}
.box_mkbanner .bnr1{float:left;border:1px solid #d6ccbc;background:#fefbf6 url(/images/CN/bg_bnr1.gif) no-repeat bottom right;}
.box_mkbanner .bnr2{float:right;border:1px solid #beced4;background:#f6fcfe url(/images/CN/bg_bnr2.gif) no-repeat bottom right;}
.box_mkbanner strong{display:block;padding:22px 0 5px 20px;font-size:15px;color:#2f3743;}
.box_mkbanner span{display:block;padding:0 120px 0 20px;font-size:16px;color:#2f3743;line-height:130%;}
.box_mkbanner a{display:block;min-height:107px;}
* html .box_mkbanner a{height:107px;}
.box_mkbanner a:hover{text-decoration:none;}
*/

/* 미아 찾기 */
.box_campaign{margin-top:40px;padding:5px;border:1px solid #ccd3d9;background:#f0f0f0;}
.box_campaign .inner{background:#ffffff url(/images/CN/bg_bnr_rt.gif) no-repeat top right;}
.box_campaign .inner .in{padding:20px 0 0 0;background:url(/images/CN/bg_bnr_lt.gif) no-repeat top left;}
.box_campaign .malgun{display:inline-block;margin:0;padding:10px 64px 10px 20px;font-size:20px;font-weight:bold;background:url(/images/CN/bg_bnr_t.gif) no-repeat top right;}
 .msie7 .box_campaign .malgun{display:inline;}
.box_campaign .malgun em{font-family:arial;font-size:23px;color:#0066b3;}
.box_campaign .malgun strong{font-size:22px;color:#3399cc;}
.box_campaign .sec_wrap{overflow:hidden;padding:15px 0 60px 0;background:url(/images/CN/bg_bnr_b.gif) no-repeat bottom center;}
* html .box_campaign .sec_wrap{height:1%;}
.box_campaign p{padding:10px 0 3px 0;text-align:center;}
.box_campaign p span{padding:0 5px;}
.box_campaign .sec{position:relative;float:left;width:343px;padding-left:20px;}
.box_campaign .sec2{border-left:1px dashed #ccd3d9;}
.box_campaign .sec .photo{position:absolute;top:0;left:20px;width:73px;text-align:center;}
.box_campaign .sec .photo strong{display:inline-block;padding-top:5px;}
.box_campaign .sec ul{padding:0 15px 0 88px !important;}





/** 조회 관리자 설정 스타일 ***********************************************************/

/* 계좌번호 ********************/
	.cus_acc_num_type1{font-weight:bold;}
	.cus_acc_num_type2{font-weight:bold;font-size:14px;}

/* 계좌종류 ********************/
	.cus_acc_typ_type1{font-weight:bold;letter-spacing:-1px;}

/* 금액 ********************/
	/* 계좌잔액 (예금잔액, 납입잔액, 대출잔액 등) */
	.cus_acc_amo_type1{font-weight:bold;}
	.cus_acc_amo_type2{font-weight:bold;font-size:14px;}
	.cus_acc_amo_type3{}
	/* 기타금액 (예약입금액, 평가금액 등) */
	.cus_etc_amo_type1{font-weight:bold;}
	.cus_etc_amo_type2{}
	/* 합계금액 */
	.cus_tot_amo_type1{font-weight:bold;color:#f25500;}
	.cus_tot_amo_type2{font-weight:bold;}


/** 이체 관리자 설정 스타일 ***********************************************************/

/* 계좌번호 ********************/
	/* 출금계좌번호 */
	.cus_wit_num_type1{font-weight:bold;}
	/* 입금계좌번호 */
	.cus_dep_num_type1{font-weight:bold;}
	.cus_dep_num_type2{font-weight:bold;color:#0000ff;}
/* 금액 ********************/
	/* 이체금액 (출금금액) */
	.cus_tra_amo_type1{font-weight:bold;color:#f25500;}
	.cus_tra_amo_type2{font-weight:bold;}
	/* 수수료 */
	.cus_fee_amo_type1{font-weight:bold;color:#f25500;}
	.cus_fee_amo_type2{font-weight:bold;}
	/* 이체 후 잔액 */
	.cus_rem_amo_type1{font-weight:bold;color:#f25500;}
/* 입금은행 ********************/
	.cus_ban_nam_type1{font-weight:bold;letter-spacing:-1px;}
/* 받는분 ********************/
	.cus_per_nam_type1{font-weight:bold;letter-spacing:-1px;}
/* 상태 ********************/
	/* 오류 (처리중) */
	.cus_pro_err_type1{font-weight:bold;letter-spacing:-1px;color:red;}
	/* 정상 */
	.cus_pro_nor_type1{font-weight:bold;letter-spacing:-1px;}
/* 비밀번호입력폼 ********************/
	.cus_password_type1{background:#eff5ff;}


/* 현재시간 관리자 설정 스타일 **********************************************************/

.cus_curr_time{display:inline-block;margin-left:10px;padding:0 0 0 18px;font-size:11px;background:url(/images/CN/bull_watch.gif) no-repeat 0 1px;}



/* 2014.09.01 (신) 입금계좌지정서비스 */
ol.txt_type7,ul.txt_type7{margin:0;padding:0 !important;background:none 0 !important;}
.txt_type7 li, .txt_type7{padding-left:7px;background:url(/images/CN/bull_txt_type8.gif) no-repeat 0 6px;}

.top_vinfo_2 .tit_type1{margin:0;}
.top_vinfo_2 .f_left{width:490px;}
.top_vinfo_2 .f_right {width:228px;}

.tbl_section{position:relative;margin:0 0 20px;*zoom:1;}
.tbl_section:after{content:"";display:block;clear:both;overflow:hidden}
.tbl_section .tbl_info{float:right;padding:0 0 0 26px;width:324px;}
.tbl_section .tbl_info .txt_info{margin:0 0 8px;}
.tbl_section .tbl_info .tb_row{border:1px solid #cbcbcc;}
.tbl_section .tbl_info .tb_row td{text-align:right;}
.tbl_section .txt_type1{float:left;}

/* 2014.09.16 (신) 입금계좌지정서비스 */
.tbl_section > ul{float:left;width:389px;border-right:1px solid #dfdfdf;}

/* 2014.10.08  Bg  */
.bgb70c0c {background:#b70c0c !important;} /* 빨강 */
.bgf66f1d {background:#f66f1d !important; } /*주황 */
.bgffd83a {background:#ffd83a !important;} /* 노랑 */
.bg5b9f24 {background:#5b9f24 !important;} /* 초록 */

/* 2014-10-21 개인뱅킹 > 이체 > 자동이체 > 자동이체조회/변경/해지 : Service */
.box_result_ar .tb_col {border-bottom: 2px solid #919baa;}
.box_result_ar .tb_col td.line-top{border-top: 2px solid #ccd3d9;}

/* 2014-10-23 이체금액표기 : Service */
.unit_txt1{color:#333333;}
.unit_txt1 .txt_point{color: #e95c07;}

/* 2014-11-19 이체정보 텍스트 color : Service */
.txtColor-blue{color: #3399ff !important;}

/* 2015-09-21 고도화 전자금융사기예방서비스popup */
.security_service_banner {position:relative; width:890px; height:140px;}
.security_service_banner .btn_join {position:absolute; bottom:30px; left:23px;}
.security_service_banner .btn_close {position:absolute; top:14px; right:17px;}
/* margin */
.mgb20 {margin-bottom:20px !important;}


/* 2015-10-06 휴대폰sms인증서비스 */
.tb_row.mb_service2 .service.serv5 {padding-top:15px;background:url("/images/IP/mb/bg_mb_service2_03.gif") no-repeat 0 0;}

/* 2015-09-18 고도화 전화 ars인증서비스 */
.agree_check {padding-top:15px;}
.agree_check .agree_txt {font-size:16px; font-weight:bold; color:#4b4e5a;}
.check_wrap {margin-top:30px; text-align:center;}
.check_wrap label.first {margin-right:30px;}
/* 2015-10-06 수정 */
.ars_cer_service_step {width:980px; height:302px;background:url("/images/IP/mb/bg_mb_cer_service.png") no-repeat 0 0; }

/* 2016-03-25 보안공지 소비자보호 tab */
.tab_type1{margin:0 0 30px !important;background:url(/images/IP/ne/global/bg_b4.gif) repeat-x left bottom;}
.tab_type1 li{float:left;position:relative;}
.tab_type1 li a{display:block;padding:0 0 0 31px;background:url(/images/IP/ne/global/bg_tab1_off.png) no-repeat left top;font-weight:bold;color:#828282;text-decoration:none;}
.tab_type1 li a:hover{color:#444;text-decoration:none;}
.tab_type1 li a span{display:block;height:36px;padding:6px 29px 0 0px; margin-right:-21px;background:url(/images/IP/ne/global/bg_tab1_off.png) no-repeat right top;cursor:pointer;}/* 2014-11-04 ::: 인증서복사 탭 상하공백수정 ::: SERVICE */
.tab_type1 li:first-child a {padding-left:19px;background:url(/images/IP/ne/global/bg_tab1_off.png) no-repeat -20px top;border-left:1px solid #c5c5c5;}
.tab_type1 li a.on {background:url(/images/IP/ne/global/bg_tab1_on.png) no-repeat left top; position:relative; z-index:1;color:#fff;}
.tab_type1 li a.on span {background:url(/images/IP/ne/global/bg_tab1_on.png) no-repeat right top;}
.tab_type1 li:first-child a.on {padding-left:20px;background:url(/images/IP/ne/global/bg_tab1_on.png) no-repeat -20px top}

/* 2016_e금융_고도화 - 테이블 조회구분 상세조회 */
.tbl_sch_detail {display:none;margin-top:5px;padding:5px 0;border-top:1px dashed #bdbdbd}
table .row2_line td {border-top:1px solid #919baa}


/* 2019 디지털금융 고도화 기획디자인 */
/* no_84 */
/* 미아 찾기(수정) */
.box_campaign{background:#fff;padding:0;}
.box_campaign .inner{padding-left:5px;padding-right:5px;}
.box_campaign .sec_wrap{background:none;padding-top:28px;padding-bottom:52px;}
.box_campaign .malgun{background:none;font-size:16px;color:#111;}
.box_campaign .malgun em{font-size:16px;color:#1776c6;}
.box_campaign .malgun strong{font-size:16px;color:#111;}
.box_campaign p{padding:16px 0 16px 0;border-top:1px solid #ccd3d9;background:#f9f9f9;}
/* //미아 찾기(수정) */
/* //no_84 */
/* //2019 디지털금융 고도화 기획디자인 */

/* 전자서명 */
#initech_certificate_wrap .certificate_list_area .table_wrap{height:140px !important;}
/*#initech_certificate_wrap a {outline:none;}
#initech_certificate_wrap span {display:inline;vertical-align: baseline;}*/
#initech_certificate_wrap img {vertical-align: baseline;}
/*약관동의*/
.TermsQR {width:100%; display:inline-block; clear:both}
.TermsQR img{width:60px;float:right }
.Tagwrap span{display: inline-block; min-width: 35px; height: 18px; padding: 0 5px;border-radius: 20px;font-size: 12px;line-height:18px;text-align: center;color: #fff; margin-right:10px;}
.Tagwrap .caution1 {background:#8cd1e5;}
.Tagwrap .caution2 {background:#64bc54;}
.Tagwrap .caution3 {background:#efce1c;}
.Tagwrap .caution4 {background:#f5933e;}
.Tagwrap .caution5 {background:#ed3e24;}
.gradeArea img{display:block; width:100%; padding:10px 0; max-width:500px;}