@charset "utf-8"; /* Content CSS */ /* Web Publish Team Woo Seok, Shin 20121214 */ /* CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그 /* CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc */ /* CSS 속성 선언순서 : display, overflow, float, position, z-index, width & height, margin & padding, border, background, font, align, etc */ /* --------------------------------------------- Table Type Content Media Query --------------------------------------------- */ /* tbl_data_type1 */ .tbl_data_type1 tbody td .list_blue li, .tbl_data_type1 tbody td .list_num li {color:#666;} /* --------------------------------------------- // Table Type Content Media Query --------------------------------------------- */ /* scroll(20건이상) */ .data_scroll {overflow:auto; max-height:390px; width:100%;} /*scroll_table , table_caption*/ .table_scrollArea.line1{position:relative; padding-top:24px;} .table_scrollArea.line2{position:relative; padding-top:;} .table_scroll{overflow-y:scroll; overflow-x:hidden; position:relative; max-height:377px; width:100%;} /* 2015-04-03 추가 */ .table_caption{position:absolute; top:0; left:0; width:100%; overflow:hidden; background:url('/imgs/KR/common/bg_tblType2_th.gif') repeat-x left top; z-index:100;} .table_caption ul li{float:left; padding:5px 0; background:url('/imgs/KR/common/bg_tblType2_th.gif') repeat-x left top; line-height:14px; font-size:12px; } .table_caption.th1 li{width:100%;} .table_caption.th2 li{width:50%;} .table_caption.th3 li{width:33.3%;} .table_caption.th4 li{width:25%;} .table_caption.th5 li{width:20%;} .table_caption li{font-weight:bold; color:#fff;} .table_scroll table thead{position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;}/* WA 240104 BHY : 접근성문제로 css수정 (display:none; 에서 IR기법에 사용되는 걸로 변경) */ /*국가선택*/ .table_caption.th3 li.one{width:30%;} .table_caption.th3 li.two{width:37%;} .table_caption.th3 li.three{width:33%;} /*SC은행 지점찾기*//*2015.04.14*/ .table_caption.th3 li.one1{width:29%;} .table_caption.th3 li.two1{width:38%;} .table_caption.th3 li.three1{width:33%;} /* section box */ .section_box {width:auto; min-height:1px; border:1px solid #dadada; background-color:#f6f6f6; *zoom:1;} .section_box:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .section_box .section_head {border-bottom:2px solid #2aac48; background-color:#fff; padding:10px 0; *height:100%; *zoom:1;} .section_box .section_head:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .section_box .section_head.open {border-bottom:2px solid #fcd000;} .section_box .section_head h3 {float:left; padding:0 19px; font-family:"NanumGothicBold"; font-size:18px; color:#000;} .section_box .section_head h3 a.section_more, .section_box .section_head h3 a {font-family:"NanumGothicBold"; font-size:18px; color:#000;} /* 2013-10-22 추가 */ .section_box .section_head h3 span.h3_copy {font-family:"NanumGothicBold"; font-size:14px !important; color:#000;} .section_box h4 {position:relative; font-family:"NanumGothicBold"; font-size:16px; color:#000; margin:30px 0 15px} .section_box h4:first-child, .section_box h4.first {margin-top:0px !important;} .section_box .section_head .more {float:right; margin:3px 19px 0 0;} .section_box .section_head .more.mar_t15 {margin-top:0px !important;} .section_box .section_body {position:relative; width:auto; min-height:1px; *zoom:1;} .section_box .section_body:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .section_box .info_box {background-color:#fff; padding:12px 13px 12px 20px;} .section_box .section_body.pdCont .tbl_data_type2 tbody tr:last-child td, .section_box .section_body.pdCont .tbl_data_type2 tbody tr.last td {border-bottom:none} .section_box .section_body .no_data {padding-left:28px; color:#010101; font-size:12px; font-family:'SCProsperSans', 'NanumGothic'; line-height:20px; background:url('/imgs/KR/common/bu_process.gif') left top no-repeat; margin-bottom:8px;} /* 2025 07 font */ .section_box .section_body .nodata {background-color:#fff; text-align:center; padding:17px 0px;} .section_box .section_foot {background-color:#f8f8f8; padding:10px 20px;} .section_box.new_border{border:1px solid #acacac;}/*2015-04-17 이진표추가*/ .section_box .section_body .agree_line {overflow:hidden; position: relative; padding:10px 20px 15px; border-top:1px solid #dadada; background-color:#fff;} .section_box .section_body .agree_line:first-child, .section_box .section_body .agree_line.first {border-top:none;} .section_box .section_body .agree_line .more {float:right; position:relative; color:#000; font-size:12px;} .section_box .section_body .agree_line .tit {float:left; padding-top:5px; font-weight:bold; color:#000; line-height:16px;} .section_box .section_body .agree_line .tit_m {padding-right:179px; margin-top:7px; font-weight:bold; color:#000;} .section_box .section_body .agree_line input {margin-top:-5px; vertical-align:middle;} @-moz-document url-prefix(){.section_box .section_body .agree_line input {margin-top:-4px !important;}} .section_box .section_body .agree_line .list_guide {text-indent: -18px; padding-left:18px;} .section_box .section_body .agree_line .list_guide + .agree {padding-left:18px;} .section_box .section_body .agree {float:right; color:#000; font-size:12px; padding-top:7px;} .section_head .agree {float:right; position:relative; margin:5px 19px 0 0; color:#000; font-size:12px;} .section_head .agree input {margin-top:-1px; vertical-align:middle;} .section_head .total {float:right; margin:4px 19px 0 0; font-weight:bold; color:#112347; font-size:16px;} .agree_box {overflow-y:scroll; overflow-x:hidden; height:120px; background-color:#fff;} .agree_box.borLine {border-top:1px solid #dadada;} .agree_box .agree_cont {box-sizing:border-box; padding:15px 20px; line-height:18px; color:#666; font-size:11px;} .agree_box .agree_cont strong {font-size:12px; color:#333;} .section_body .agree {float:right; position:relative; color:#000; font-size:12px;} .allAgree {overflow:hidden; margin:-10px 0px 8px; font-weight:bold; color:#000; line-height:18px;} /*// section box */ /* 이용안내 */ .section_box_info {width:auto; min-height:1px; margin-bottom:40px; border:1px solid #dadada; box-sizing:border-box; box-shadow:0px 10px 10px -5px #d6d6d6; background-color:#f6f6f6;} .section_box_info .section_head {overflow:hidden; height:41px; border-bottom:2px solid #2aac48; background-color:#fff;} .section_box_info .section_head h3 {display:inline; float:left; padding:0 19px 0 19px; font-family:"NanumGothicBold"; font-size:18px; line-height:41px; color:#000;} .section_box_info .section_body {position:relative; overflow:hidden; width:auto; min-height:1px;} .section_box_info .section_head .sBrn {float:right; margin:17px 19px 0 0;} .section_box_info .section_head .sBrn a {margin-left:5px;} .section_box_info .info_box {background-color:#fff; padding:12px 13px 12px 20px;} /* // 이용안내 */ .info_wrap {overflow:hidden; position:relative; margin:0 auto; padding-bottom:33px;} .info_wrap .infoList {width:100%; border-collapse:collapse; table-layout:fixed;} .info_wrap .infoList th {padding:5px 0 5px 0; border-bottom:1px solid #dfdfdf; color:#122954; font-weight:bold; line-height:16px; text-align:left;} .info_wrap .infoList td {overflow:hidden; width:95%; padding:5px 0 5px 0; border-bottom:1px solid #dfdfdf; color:#666; text-align:left; white-space:nowrap; text-overflow:ellipsis;} .info_wrap p.btn {position:absolute; left:0px; bottom:0px; padding-bottom:1px;} /* 나의정보 */ .border_box {position:relative; width:auto; height:124px; padding:19px; border:1px solid #e9e9e9;} .border_box h4 {margin-bottom:9px; font-family:"NanumGothicBold"; font-size:16px; color:#000;} .border_box ul {margin-right:0px;} .border_box li {line-height:16px;} .border_box p.btn {position:absolute; left:20px; bottom:20px;} .border_box p.more {background:url('/imgs/KR/common/bu_arr_more.gif') left 3px no-repeat; padding-left:9px; font-weight:bold; color:#3c61b9; font-size:12px;} .border_box p.more a {color:#3c61b9;} /* 360도 rewards */ .border_box.reward {height:96px !important; background-color:#fff;} .border_box.reward .goods {position:absolute; right:20px; top:50px; height:67px;} /* 쪽지, 추천상품 */ .border_box.myNote {/*background:url('/imgs/KR/inquiry/bg_myNote.gif') right 40px no-repeat;*/ background-color:#fff;} .border_box.myNote .goods {position:absolute; right:20px; top:30px; height:77px;} .border_box.myNote ul {margin-right:110px} .border_box.myNote ul li {line-height:16px;} .border_box.myNote p.more {margin-top:15px;} .border_box.prod {background-color:#fff;} .border_box.prod .goods {position:absolute; right:20px; top:20px; height:120px;} .border_box.prod dl {margin-right:200px;} .border_box.prod dl dt {margin-bottom:10px; font-family:"NanumGothicBold"; font-size:16px;} .border_box.prod dl dt a {color:#3c61b9} .border_box.prod dl dd {font-size:12px; color:#666; line-height:16px;} .border_box.prod p.more {margin-top:15px;} /* 스마트오퍼 */ .border_box.so {background-color:#fff;} .border_box.so dl a {display:block;} .border_box.so dl dt {margin-bottom:2px; font-family:"NanumGothicBold"; font-size:13px;} .border_box.so dl dt a, .border_box.so dl a dt {color:#3c61b9; font-size:13px;} .border_box.so dl dd {font-size:12px; color:#666; line-height:16px; margin-bottom:8px;} .border_box.so p.more {position:absolute; top:20px; right:25px;} /* // 나의정보 */ /* section_box_list , box_list */ .section_box_list li {overflow:hidden; border-bottom:1px solid #d3d3d3;} .section_box_list li.oddRow {backgroun d-color:#f0f0f0;} .section_box_list li.last {border-bottom:0px;} .section_box_list li .li_cont {min-width:100%; border-top:1px solid #d3d3d3; background:url('/imgs/KR/common/bg_listShadow_top.png') left top repeat-x; background-color:#fff;} .section_box_list li a.menu {overflow:hidden; display:block; line-height:50px; padding-left:19px;} .section_box_list li a.menu span.tit {float:left; padding-right:17px; font-family:"NanumGothicBold"; font-size:16px; color:#000; background:url('/imgs/KR/common/bu_boxList_close.png') right 19px no-repeat;} .section_box_list li a.menu.open span.tit {color:#466dbc; background:url('/imgs/KR/common/bu_boxList_open.png') right 22px no-repeat;} .section_box_list li a.menu span.amt {float:right; margin-right:20px; font-family:"NanumGothicBold"; font-size:16px; color:#112347;} .section_box_list li:last-child, .section_box_list li.last {border-bottom:0px !important} .section_box_list li:last-child .box_list tr:last-child th, .section_box_list li.last .box_list tr.last th {background-image:none !important; border-bottom:0px !important;} .section_box_list li:last-child .box_list tr:last-child td, .section_box_list li.last .box_list tr.last td {background-image:none !important; border-bottom:0px !important;} .section_box_list li .datamore {border:none; border-top:1px solid #dcdcdc; text-align:center; margin-top:0px; background:#fff url('/imgs/KR/common/bg_listShadow_bottom.png') left bottom repeat-x;} .box_list {width:100%; border:0px; border-spacing:0px; border-collapse:collapse;} .box_list thead {visibility:hidden;} .box_list thead th {height:0px; padding:0px; font-size:0px;} .box_list tbody th {padding:10px 0px 10px 19px; border-bottom:1px solid #e8e7e2; font-size:12px; color:#3c61b9; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer;} .box_list tbody td {padding:10px 0px 10px 10px; border-bottom:1px solid #e8e7e2; font-size:12px; color:#000; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer;} .box_list tbody td:first-child {padding-left:19px; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer; font-weight:bold;} .box_list tbody td.first {padding-left:19px; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer; font-weight:bold !important;} .box_list tbody td:first-child a, .box_list tbody td.first a {color:#3c61b9 !important; font-family:'SCProsperSans', 'NanumGothic';} /* 2025 07 font */ .box_list tbody td a {color:#000;} .box_list tbody td:last-child, .box_list tbody td.last {padding-right:19px;} .box_list tbody tr:last-child th, .box_list tbody td.last {background:url('/imgs/KR/common/bg_listShadow_bottom.png') left bottom repeat-x;} .box_list tbody tr:last-child td, .box_list tbody tr.last td {background:url('/imgs/KR/common/bg_listShadow_bottom.png') left bottom repeat-x;} .box_list tbody tr:last-child th, .box_list tbody tr:last-child td {border-bottom:0px;} .box_list .ui-draggable-dragging {overflow:hidden; z-index:50; width:99.4%; opacity:0.9; border:2px solid #fdd933 !important; filter:Alpha(Opacity=90); background-color:#fff;} .box_list .ui-draggable-dragging th {box-sizing:border-box; background-image:none !important} .box_list .ui-draggable-dragging td {background-image:none !important;} .box_list .ui-state-default {opacity:0.3; filter:Alpha(Opacity=70);} .box_list .ui-state-active {background-color:#dcdcdc;} .box_list .ui-state-active th {background-color:#dcdcdc;} .box_list .ui-state-active td {background-color:#dcdcdc;} .box_list .ui-state-hover {} .box_list .ui-state-highlight {width:99.4% !important; border:2px solid #2aac48 !important; background-color:#fff;} /* 모두보기 Graph */ .graph_wrap {width:100%; padding-top:20px; text-align:center;} .graph_wrap iframe {width:100%; height:320px;} .bb_admin {position:absolute; z-index:100; display:inline-block; *display:inline; border:1px solid #dadada; box-shadow:0px 5px 10px 0px #d6d6d6; background-color:#fff;} .bb_admin ul li {color:#929292; border-bottom:1px solid #dadada;} .bb_admin ul li a {display:block; padding:7px 6px; font-size:12px; color:#929292;} .bb_admin ul li a:hover {color:#fff; background:#223354; border-bottom:none;} .bb_admin ul li:last-child, .bb_admin ul li.last {border-bottom:none;} .bb_admin .close {border-top:1px solid #dadada; text-align:right; padding:5px; font-size:11px;} .bb_admin .close a {color:#929292;} .bb_admin .close a:hover {color:#027cc4;} .tbl_data_type5 {width:100%; border:0px; borer-spacing:0px; border-collapse:collapse;} .tbl_data_type5 td:first-child, .tbl_data_type5 td.first {padding:7px 0px 7px 19px; border-bottom:1px solid #e8e7e2; font-size:12px; font-weight:bold; color:#3c61b9; text-align:left;} .tbl_data_type5 td {padding:7px 0px 7px 0px; border-bottom:1px solid #e8e7e2; font-size:12px; color:#000; text-align:left;} .tbl_data_type5 td:first-child a, .tbl_data_type5 td.first a {color:#3c61b9;} .tbl_data_type5 td a {color:#000;} .tbl_data_type5 td:last-child, .tbl_data_type5 td.last {padding-right:19px;} .tbl_data_type5 {width:100%; border:0px; borer-spacing:0px; border-collapse:collapse;} .tbl_data_type5 tr:last-child th, .tbl_data_type5 tr.last th, .box_list.tbl_data_type5 tr:last-child td, .box_list.tbl_data_type5 tr.last td {background-image:none;} .tbl_data_type5 td.nodata {padding-left:0; padding-right:0; text-align:center; font-weight:normal; color:#666;} /* // section_box_list , box_list */ /* section_ban */ .section_ban {width:auto; height:232px; border:1px solid #dadada; box-shadow:0px 10px 10px -5px #d6d6d6; background-color:#fff;} .section_ban .section_body {position:relative; height:110px;} .section_ban h3 {margin:24px 0 15px 0; padding-top:51px; font-family:"NanumGothicBold"; font-size:24px; color:#5f5f5f; text-align:center;} .section_ban h3.finance {background:url('/imgs/KR/inquiry/ico_ban_finance.gif') 50% 0px no-repeat;} .section_ban h3.event {background:url('/imgs/KR/inquiry/ico_ban_event.gif') 50% 0px no-repeat;} .section_ban h3.consult_title {background:url('/imgs/KR/inquiry/ico_ban_consult.gif') 45% 0px no-repeat;} .section_ban .section_body ul li {margin-bottom:3px; font-family:"NanumGothic" !important; font-size:13px; text-align:center;} .section_ban ul.finance {width:255px; margin:0 auto;} .section_ban ul.event {height:60px; margin:0 auto; padding:0 10px; color:#456bbc;} .section_ban ul.event a {color:#456bbc; font-family:"NanumGothic" !important; font-size:13px;} .section_ban ul.consult_list {width:161px; height:60px; margin:0 auto;} .section_ban ul.consult_list .count {font-family:"NanumGothicBold"; color:#456bbc;} .section_ban p.btn {position:absolute; left:0px; bottom:25px; width:100%; text-align:center;} /* // section_ban */ /* 통장보기 */ .passbook_box {position:relative; padding-top:25px; border:1px solid #d5d5d5; border-top:none; border-radius:10px; box-shadow:1px 3px 10px #e6e6e6; background:url('/imgs/KR/common/bg_passbook_t.gif') left top repeat-x; background-color:#fff;} .passbook_box .passbook_contents {padding:0 19px 40px 19px; background:url('/imgs/KR/common/bg_passbook_b.gif') left bottom repeat-x; margin:0px -1px -12px -1px; background-size:100%;} .passbook_box .tbl_data_type2 {border-bottom:1px solid #cdcdcd !important;} .passbook_info {overflow:hidden;} .passbook_info .pd_cust_info {*zoom:1; overflow:hidden} .passbook_info .pd_cust_info:before, .passbook_info .pd_cust_info:after {content:" "; display:block} .passbook_info .pd_cust_info:after {clear:both} .passbook_info .pd_cust_info .psb-group {float:left} .passbook_info .pd_cust_info .psb-group li {float:left; position:relative; height:30px; line-height:30px; padding:0 10px; border-radius:4px; background-color:#d7e6f0; color:#000; font-size:14px; font-family:'NanumGothic';} .passbook_info .pd_cust_info .psb-group li em {font-family:'NanumGothicBold'; margin-right:5px;} .passbook_info .pd_cust_info .psb-group li.psb {min-width:400px; margin-right:10px;} .passbook_info .pd_cust_info .psb-group li.user {min-width:130px;} .passbook_info .pd_cust_info .button-group {float:right; margin-top:3px; letter-spacing:-1px} .passbook_info .pd_amount_info {*zoom:1; margin:13px 0 12px} .passbook_info .pd_amount_info:before, .passbook_info .pd_amount_info:after {content:" "; display:block} .passbook_info .pd_amount_info:after {clear:both} .passbook_info .pd_amount_info ul.fl li:first-child, .passbook_info .pd_amount_info ul.fl li.first, .passbook_info .pd_amount_info ul.fr li:first-child, .passbook_info .pd_amount_info ul.fr li.first {margin-right:15px} .passbook_info .pd_amount_info ul li {float:left; color:#000; font-family:'NanumGothicBold'; font-size:12px;} .passbook_info .pd_amount_info ul li span {color:#237aa5; padding-right:3px;} /* 거래내역 달력 목록 */ .cadr_nav_box {width:100%; background:url('/imgs/KR/common/bg_calendarMonth.gif') left top repeat-x;} .cadr_month_list {position:relative; width:100%; height:52px; padding-top:11px; text-align:center;} .cadr_month_list p.btn_prev {position:absolute; left:10px; top:22px; width:15px; height:19px;} .cadr_month_list p.btn_next {position:absolute; right:10px; top:22px; width:15px; height:19px;} .cadr_month_list ul {overflow:hidden; height:40px; margin:0px 3.48837%;} .cadr_month_list ul li {float:left; width:8.333333%; .width:8.29998%;} .cadr_month_list li a {display:block; padding:12px 0px 10px 0px; font-family:'NanumGothic'; font-size:14px; color:#223354; text-align:center; text-shadow:0 1px 1px #fff;} .cadr_month_list li a span.year {display:none;} .cadr_month_list li a.on {padding:4px 0px 6px 0px !important; font-family:'NanumGothicBold';} .cadr_month_list li a.on span.year {display:block; font-size:11px;} .tbl_cadr_days {width:100%; border:1px solid #dadada; border-top:none;} .tbl_cadr_days thead th {height:26px; font-family:"NanumGothicBold"; font-size:12px; color:#000; background:url('/imgs/KR/common/bg_calendarMonth.gif') left bottom repeat-x;} .tbl_cadr_days tbody tr:nth-child(even) {background-color:#f8f8f8;} .tbl_cadr_days tbody tr.tr_bg {background-color:#f8f8f8;} .tbl_cadr_days tbody td {border-right:1px solid #dadada; color:#223354; font-family:'NanumGothicBold'; font-size:12px; vertical-align:top; text-align:right;} .tbl_cadr_days tbody td a {display:block; position:relative; padding:3px 7px; height:95px; color:#000; line-height:normal !important;} .tbl_cadr_days tbody td a.noData {cursor:default;} /* WA 231228 KJU : 명대도대비 color 수정 */ .tbl_cadr_days tbody td a span.week {position:absolute; top:5px; left:5px; display:inline-block; *display:inline; zoom:1; width:25px; text-align:left; font-size:10px; color:#939495; font-family:'NanumGothicBold';} .tbl_cadr_days tbody td a ul.ico_inOut {position:absolute; bottom:0; left:0; color:#fff; font-size:11px; font-family:'SCProsperSans', 'NanumGothic'; width:100%;} /* 2025 07 font */ .tbl_cadr_days tbody td a ul.ico_inOut li {position:relative; padding:0 5px; height:18px; line-height:19px; text-align:left; color:black;} .tbl_cadr_days tbody td a ul.ico_inOut li span.num {position:absolute; top:0; right:3px; font-weight:bold;} /* // 통장보기 */ /* 합계 */ .pb-sum {*zoom:1; overflow:hidden; margin-right:5px;} .pb-sum:before, .passbook_info .pb-sum:after {content:" "; display:block} .pb-sum:after {clear:both} .pb-sum ul {float:right; margin-top:7px; margin-bottom:7px;}/*2015.04.30 아파트 관리비*/ .pb-sum ul li {float:left; color:#000; font-family:'NanumGothicBold'; font-size:12px;} .pb-sum ul li:first-child, .pb-sum ul li.first {margin-right:20px} /* 버튼 많아졌을 경우 */ .button-group.sBtn .button.tabBtn {min-width:45px;} /* // 버튼 많아졌을 경우 */ .help {margin-left:5px; cursor:pointer;} .tbl_data_type2 a.btn_whiteB {min-width:35px;} .in_amout {color:#000; font-weight:bold; margin-right:5px;} .dis_inline_block .autoAmt {text-align:right; margin-top:7px} .dis_inline_block .fr {position:absolute; bottom:0px; right:0px;} .ck-box {overflow:hidden} .ck-box dt {margin-bottom:1px} .ck-box dd ul {float:left; width:25%; *width:24.5%;} tr.btn-transf td {border-top:none; overflow:hidden; background-color:#f8f8f8 !important;} /* 2014-09-02 마이그레이션 : 라인삭제 */ tr.btn-transf .button-group {float:right; margin:-5px 10px;} .comment {color:#666; font-size:12px; line-height:18px;} .process_info {border:1px solid #dadada; background-color:#fff; padding:12px 20px; margin-bottom:20px;} .process_info li {padding-left:28px; color:#010101; font-size:12px; font-family:'SCProsperSans', 'NanumGothic'; line-height:20px; background:url('/imgs/KR/common/bu_process.gif') left top no-repeat;} /* 2025 07 font */ .process_info.prod li {font-size:14px;} .cutNum {display:inline-block; *zoom:1; display:inline; border-radius:2px; background-color:#223354; color:#fcd000; font-family:'NanumGothicBold'; font-size:16px; padding:4px 8px;} /* step */ ol.step {overflow:hidden; width:100%; height:50px; margin-bottom:20px; background:url('/imgs/KR/common/bg_step_back.gif') left top repeat-x;} ol.step li {display:inline; float:left; height:50px; line-height:50px; color:#223354; font-family:'NanumGothicBold'; font-size:16px;} ol.step li:focus {outline:0;} /* WA 231226 KMS 포커스링 삭제 */ ol.step li.first {background:url('/imgs/KR/common/bg_step.gif') right -180px no-repeat;} ol.step li.first p {height:50px; line-height:50px; font-family:'NanumGothicBold'; font-size:16px;} ol.step li.first.off p, ol.step li.first.off2 p {display:inline-block; border-left:1px solid #e0e0e0; padding-left:20px; font-size:16px;} ol.step li.first.on p {padding-left:20px;} ol.step li.first.off, ol.step li.mid.off {background:url('/imgs/KR/common/bg_step.gif') right -60px no-repeat;} ol.step li.first.off2 {background:url('/imgs/KR/common/bg_step.gif') right 0 top -180px no-repeat;} ol.step li.mid.off2 {background:url('/imgs/KR/common/bg_step.gif') right -180px no-repeat;} ol.step li.on {background:url('/imgs/KR/common/bg_step.gif') right 0 top no-repeat; background-color:#223354; color:#fcd000;} ol.step li.last {background:url('/imgs/KR/common/bg_step.gif') right -120px no-repeat;} ol.step li.last.on {background:none; background-color:#223354;} ol.step li span {display:inline-block; width:38px; height:20px; margin-left:-10px; background:url('/imgs/KR/common/img_stepNum.png') left top no-repeat; margin-bottom:-5px;} ol.step li.first span {margin-left:0px;} ol.step li.off span.step01, ol.step li.off2 span.step01 {background-position:0 0;} ol.step li.last.off span.step02, ol.step li.off2 span.step02, ol.step li.off span.step02 {background-position:0 -30px;} ol.step li.off span.step03, ol.step li.off2 span.step03 {background-position:0 -60px;} ol.step li.off span.step04, ol.step li.off2 span.step04 {background-position:0 -90px;} ol.step li.off span.step05, ol.step li.off2 span.step05 {background-position:0 -120px;} ol.step li.off span.step06, ol.step li.off2 span.step06 {background-position:0 -152px;}/*2015-05-13 이진표 추가 (펀드신규)*/ ol.step li.on span.step01 {background-position:-48px 0;} ol.step li.on span.step02 {background-position:-48px -30px;} ol.step li.on span.step03 {background-position:-48px -60px;} ol.step li.on span.step04 {background-position:-48px -90px;} ol.step li.on span.step05 {background-position:-48px -120px;} ol.step li.on span.step06 {background-position:-48px -152px;}/*2015-04-17 추가*/ ol.step.tabCnt3 li.first, ol.step.tabCnt3 li.mid {width:35%;} ol.step.tabCnt3 li.last{width:30%; *margin-left:-1px;} ol.step.tabCnt4 li.first, ol.step.tabCnt4 li.mid {width:27%;} ol.step.tabCnt4 li.last {width:19%; *margin-left:-1px;} ol.step.tabCnt5 li.first {width:24%;} ol.step.tabCnt5 li.mid {width:20%;} ol.step.tabCnt5 li.last {width:16%; *margin-left:-1px;} /* // step */ /*2015-03-17 추가*/ ol.step.tabCnt6 li.first {width:27%;} ol.step.tabCnt6 li.mid {width:46%;} ol.step.tabCnt6 li.last {width:27%; *margin-left:-1px;} /*2015-03-26추가*/ ol.step.tabCnt3 li.mid.m01.on, ol.step.tabCnt3 li.last.l01.on, ol.step.tabCnt3 li.mid.m01.off, ol.step.tabCnt3 li.last.l01.off,ol.step.tabCnt3 li.mid.m01.off2,ol.step.tabCnt3 li.last.l01.off2{width: 16%;} ol.step.tabCnt3 li.first.f01.off, ol.step.tabCnt3 li.first.f01.off2, ol.step.tabCnt3 li.first.f01.on{width: 20%;} /* step2 추가 161124 */ ol.step.tabCnt2 li.first{width: 50%;} ol.step.tabCnt2 li.last{width: 50%; *margin-left:-1px;} ol.step.tabCnt2 li.first.off {background: url('/imgs/KR/common/bg_step.gif') right -180px no-repeat;} /* step2 */ ol.step2 {overflow:hidden; height:40px; margin-bottom:20px; background:url('/imgs/KR/common/bg_step2_back.gif') left top repeat-x; display:inline-block; *display:inline; zoom:1;} /* WA 231124 KJU : as-is color : #929292 -> to-be color: #909090 */ ol.step2 li {display:inline; float:left; height:40px; line-height:40px; color:#909090; font-family:'NanumGothicBold'; font-size:14px; outline: none;} /* WA 231227 JJW: outline 삭제 */ ol.step2 li.first {background:url('/imgs/KR/common/bg_step2.gif') right -180px no-repeat} ol.step2 li.first p {height:40px; line-height:40px; font-family:'NanumGothicBold'; font-size:14px;} ol.step2 li.first.off p, ol.step2 li.first.off2 p {display:inline-block; border-left:1px solid #e0e0e0; padding-left:20px;} ol.step2 li.first.on p {padding-left:20px;} ol.step2 li.first.off, ol.step2 li.mid.off {background:url('/imgs/KR/common/bg_step2.gif') right -55px no-repeat;} ol.step2 li.first.off2 {background:url('/imgs/KR/common/bg_step2.gif') right -166px no-repeat;} ol.step2 li.mid.off2 {background:url('/imgs/KR/common/bg_step2.gif') right -166px no-repeat;} ol.step2 li.on {background:url('/imgs/KR/common/bg_step2.gif') right top no-repeat; background-color:#223354; color:#fcd000;} ol.step2 li.last {background:url('/imgs/KR/common/bg_step2.gif') right -110px no-repeat;} ol.step2 li.last.on {background:none; background-color:#223354;} ol.step2 li span {display:inline-block; width:24px; height:13px; *height:16px; *line-height:18px; margin-left:-10px; background:url('/imgs/KR/common/img_step2Num.png') left top no-repeat; margin-bottom:-2px;} ol.step2 li.first span {margin-left:2px;} ol.step2 li.off span.step01, ol.step2 li.off2 span.step01 {background-position:0 0;} ol.step2 li.last.off span.step02, ol.step2 li.off2 span.step02, ol.step2 li.off span.step02 {background-position:0 -23px;} ol.step2 li.off span.step03, ol.step2 li.off2 span.step03 {background-position:0 -46px;} ol.step2 li.on span.step01 {background-position:-25px 0;} ol.step2 li.on span.step02 {background-position:-25px -23px;} ol.step2 li.on span.step03 {background-position:-25px -46px;} ol.step2.tabCnt2 li.first {min-width:154px;} ol.step2.tabCnt2 li.last {min-width:100px; *margin-left:-1px;} ol.step2.tabCnt3 li.first {min-width:154px;} ol.step2.tabCnt3 li.mid {min-width:130px;} ol.step2.tabCnt3 li.last {min-width:100px; *margin-left:-1px;} /* //step2 */ /* step type2 2020-10-27 추가 */ ol.step.type2 li {color:#666; box-sizing: border-box;} ol.step.type2 li.first {background:url('/imgs/KR/common/bg_step_type2.gif') right -180px no-repeat;} ol.step.type2 li.first.off p, ol.step.type2 li.first.off2 p {border-left:1px solid #e0e0e0;} ol.step.type2 li.first.off, ol.step.type2 li.mid.off {background:url('/imgs/KR/common/bg_step_type2.gif') right -60px no-repeat;} ol.step.type2 li.first.off2 {background:url('/imgs/KR/common/bg_step_type2.gif') right 0 top -180px no-repeat;} ol.step.type2 li.mid.off2 {background:url('/imgs/KR/common/bg_step_type2.gif') right -180px no-repeat;} ol.step.type2 li.on {background:url('/imgs/KR/common/bg_step_type2.gif') right 0 top no-repeat; background-color:#006faf; color:#fff;} ol.step.type2 li.last {background:url('/imgs/KR/common/bg_step_type2.gif') right -120px no-repeat;} ol.step.type2 li.last.on {background:none; background-color:#006faf;} ol.step.type2 li span {background:url('/imgs/KR/common/img_stepNum_type2.png') left top no-repeat;} /* //step type2 */ /* 단축번호관리 */ .use_select {} .use_select ol {float:left; margin-bottom:-8px;} .use_select ol li {display:inline; float:left; height:50px; line-height:50px; vertical-align:bottom; margin:0 8px 10px 0; background-color:#eee; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top, #fff, #eee); background:-o-linear-gradient(top, #fff, #eee); background:-ms-linear-gradient(top, #fff, #eee); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); } .use_select ol li a {position:relative; display:inline-block; zoom:1; *display:inline; border:1px solid #e9e9e9; min-width:32px; padding:0 5px; height:48px; line-height:81px; text-align:center; font-size:11px; color:#919191; background:url('/imgs/KR/common/bg_useSelectNum_off.png') center top no-repeat;} .use_select ol li a.selc {background:none; position:relative;} .use_select ol li a.on.selc {background:#223354; position:relative;} .use_select ol li a.selc span.mng {position:absolute; top:-15px; left:8px; font-weight:bold; font-size:12px;} .use_select ol li a.selc:hover, .use_select ol li a.selc:focus {background-position:center 65px;} /* WA 231226 JJW: 키보드 포커스 추가 */ .use_select ol li a.num0 {background-position:center 0;} .use_select ol li a.num1 {background-position:center -65px;} .use_select ol li a.num2 {background-position:center -130px;} .use_select ol li a.num3 {background-position:center -195px;} .use_select ol li a.num4 {background-position:center -260px;} .use_select ol li a.num5 {background-position:center -325px;} .use_select ol li a.num6 {background-position:center -390px;} .use_select ol li a.num7 {background-position:center -455px;} .use_select ol li a.num8 {background-position:center -520px;} .use_select ol li a.num9 {background-position:center -585px;} .use_select ol li a.on, .use_select ol li a:hover, .use_select ol li a:focus {border:1px solid #223354; color:#fcd000 !important; background:#223354 url('/imgs/KR/common/bg_useSelectNum_on.png') center top no-repeat;outline: 2px dashed #fcd000; outline-offset: -3px;} /* WA 231226 JJW: 키보드 포커스 추가, outline 수정 */ .use_select ol li a.on.num0 {background-position:center 0;} .use_select ol li a.on.num1 {background-position:center -65px;} .use_select ol li a.on.num1 {background-position:center -65px;} .use_select ol li a.on.num2 {background-position:center -130px;} .use_select ol li a.on.num3 {background-position:center -195px;} .use_select ol li a.on.num4 {background-position:center -260px;} .use_select ol li a.on.num5 {background-position:center -325px;} .use_select ol li a.on.num6 {background-position:center -390px;} .use_select ol li a.on.num7 {background-position:center -455px;} .use_select ol li a.on.num8 {background-position:center -520px;} .use_select ol li a.on.num9 {background-position:center -585px;} /* [S] WA 231226 JJW: 키보드 포커스 추가 */ .use_select ol li a.num0:hover, .use_select ol li a.num0:focus {background-position:center 0;} .use_select ol li a.num1:hover, .use_select ol li a.num1:focus {background-position:center -65px;} .use_select ol li a.num2:hover, .use_select ol li a.num2:focus {background-position:center -130px;} .use_select ol li a.num3:hover, .use_select ol li a.num3:focus {background-position:center -195px;} .use_select ol li a.num4:hover, .use_select ol li a.num4:focus {background-position:center -260px;} .use_select ol li a.num5:hover, .use_select ol li a.num5:focus {background-position:center -325px;} .use_select ol li a.num6:hover, .use_select ol li a.num6:focus {background-position:center -390px;} .use_select ol li a.num7:hover, .use_select ol li a.num7:focus {background-position:center -455px;} .use_select ol li a.num8:hover, .use_select ol li a.num8:focus {background-position:center -520px;} .use_select ol li a.num9:hover, .use_select ol li a.num9:focus {background-position:center -585px;} /* [E] WA 231226 JJW: 키보드 포커스 추가 */ .use_select ol li a:active, visited, link {color:#919191;} .use_select ol li a span {position:absolute; top:-9999px; left:-9999px;} /* goods_kind */ .goods_kind {overflow:hidden;} .goods_kind li {float:left; padding-right:6px; margin:2px 6px 2px 0; border-right:1px solid #adadad; line-height:11px; font-size:11px; color:#446bba; white-space:nowrap;} .goods_kind li:last-child, .goods_kind li.last {padding-right:0; margin-right:0; border-right:none;} .goods_kind li.gr {color:#3da1a8;} /* 공인인증 관리 */ .list_wp {width:418px; margin-right:80px;} .mag_type2 .list_wp{width:100%; margin-right:0;} /* // 공인인증 관리 */ /* 지로납부조회 */ tr.dis_giro th, tr.dis_giro td{border-bottom:1px solid #dadada} .img_giro{position:relative; width:550px; margin:0 auto;} .img_giro img, .img_giro2 img{border:1px solid #e7e7e7;} .img_giro .getval input, .img_giro .getval span, .img_giro .getval .date{position:absolute; height:18px; z-index:10; color:#575651; box-shadow:none;} .img_giro .getval input{padding:0 2px !important; line-height:14px !important; border:1px solid #ccc;} .img_giro .getval .date{top:176px; left:300px; text-align:right;} .img_giro .getval .date span, .img_giro .getval .date input{position:static; vertical-align:middle;} .img_giro .getval .giroNum1{top:55px; left:168px;} .img_giro .getval .giroNum2{top:124px; left:44px; width:85px; text-align:center;} .img_giro .getval .sum1{top:55px; right:50px; text-align:right;} .img_giro .getval .sum2{top:124px; left:337px; width:92px; text-align:right;} .img_giro .getval .cusNum1{top:124px; left:172px; width:110px; text-align:center;} .img_giro .getval .checkNum1{top:124px; left:434px; width:14px; text-align:center;} .img_giro .getval .name{top:176px; left:86px; width:126px;} .img_giro .getval .company{width:100%; bottom:10px; font-size:14px; font-weight:bold;} .img_giro .getval.giro_type2 .company{bottom:26px;} .img_giro2{text-align:center;} /* // 지로납부조회 */ /* 조회결과 */ .user-area {color:#000; font-family:'NanumGothicBold'; font-size:14px; margin-bottom:15px;} .user-area span {color:#237aa5; padding-right:3px;} /* 약정서 */ .policy {font-size:12px; color:#666;} .policy.bor_b1{border-top:2px solid #dadada; border-bottom:2px solid #dadada;} .policy .h_txt{padding:10px 4px; margin-bottom:10px; font-weight:bold; border-bottom:1px solid #dadada;} .policy .cont {padding-bottom:10px; line-height:20px;} .policy .cont h3 {font-weight:bold;} .policy .cont .list_cir li{padding-left:16px; text-indent:-16px;} .policy .cont .list_cir li .list_num li{ text-indent:0;} .policy .cont .list_num li {color:#666;} /* Bank Select */ .bankBox {width:233px; padding-right:6px; background:#f6f6f6; border:1px solid #d9d9d9 !important; border-radius:4px; text-align:left;} .bankBox a {display:block; padding:0px 6px 2px; background:#f6f6f6 url('/imgs/KR/transfer/bg_select_arr.gif') right 6px no-repeat !important; line-height:25px; color:#000 !important; font-weight:bold; font-family:'SCProsperSans', 'NanumGothic'; font-size:12px;} /* 2025 07 font */ .bankBox a img {width:25px; height:25px; vertical-align:middle; margin-right:3px;} .tbl_data_type2 tbody td div.bankBox {width:92%; background:#f6f6f6 url('/imgs/KR/transfer/bg_select_arr.gif') 94% 5px no-repeat !important; border:1px solid #d9d9d9 !important; margin-left:5px;} .tbl_data_type2 tbody td div.bankBox a {width:92%} .psNm {width:48px; display:inline-block; zoom:1; *display:inline;} /* // Bank Select */ /* Breeze뱅킹인증서복사 */ .hid_list dt{padding:12px 19px; font-family:'NanumGothicBold'; color:#454545; text-shadow:1px 1px #fff; font-size:16px;} .hid_list dt .title{padding-top:3px; margin-right:10px;} .hid_list dd{background:url('/imgs/KR/common/bg_listShadow_top.png') #fff left top repeat-x;} .hid_list dd .info_box{background:none;} .hid_list dd .info_box li{line-height:23px; background-position:left 6px;} /* 인증서 */ .list_dis {line-height:18px;} .list_dis .img{margin:8px 0;} .list_dis .list_guide + .img{margin-top:30px;} .list_dis .list_guide li{margin-top:5px;} .list_dis .list_guide li:first-child, .list_dis .list_guide li.first {margin-top:0;} .section_box h4.tit_sub {padding-top:10px; font-family:'NanumGothicBold'; font-size:15px; color:#333;} .section_box h4.tit_sub span.longWord {font-family:'NanumGothicBold'; font-size:15px; color:#333; letter-spacing:-1px;} .section_box h4.tit_step{padding:0 20px; margin:0; font-size:15px; line-height:20px;} .section_box h4 span.blue {font-size:16px;} .brz_info_mob {display:none;} .list_dis .img.type1{overflow:hidden; text-align:center;} .list_dis .img.type1 img:first-child, .list_dis .img.type1 img.first {margin-left:0;} .list_dis .img.type1 p{float:left; padding-left:30px;} .list_dis .img.type1 p img{margin:0 0 8px 30px;} .list_dis .img.type1 p:first-child, .list_dis .img.type1 p.first, .list_dis .img.type1 p img:first-child, .list_dis .img.type1 p img.first {padding-left:0; margin-left:0;} /* copy01.jsp */ .brz_info_movie {position:relative; background:url('/imgs/KR/service/bg_breezeinfo_visual.gif') left top no-repeat; min-height:375px;} .brz_info_movie .mv_box {position:absolute; bottom:45px; left:30px;} .brz_info_movie .mv_box div {float:left; margin-right:15px; text-align:center; line-height:28px;} .brz_info_movie .mv_box div {font-family:'NanumGothicBold'; color:#242424; font-size:14px;} .brz_info_movie .mv_box div span {color:#0085d4;} .brz_info_guide li {padding:14px 30px;} .brz_info_guide li:nth-of-type(even) {background-color:#fff;} .brz_info_guide li span.point {font-weight:bold; color:#122954;} /* copy02.jsp */ .list_dis .mar_tb4{margin-top:23px; margin-bottom:22px;} /* copy03.jsp */ .list_dis .img.type2 {overflow:hidden; } .list_dis .img.type2 dl{float:left; padding-right:60px; margin-right:12px; background:url('/imgs/KR/service/bg_arrow_right.gif') no-repeat right 41%;} .list_dis .img.type2 dl dt, .list_dis .img.type2 dl dd{text-align:center;} .list_dis .img.type2 dl dd{margin:20px 0;} .list_dis .img.type2 dl img{margin-left:30px;} .list_dis .img.type2 dl img:first-child, .list_dis .img.type2 dl img.first {margin-left:0;} .list_dis .img.type2 dl.last {background:none; padding-right:0; margin-right:0; padding-bottom:0;} .list_dis .img.type2 dl.bgNo {background:none; padding-right:0; padding-bottom:0;} .list_dis .img.type2 dl.right.arrow {float:left; padding-right:60px; margin-right:12px; background:url('/imgs/KR/service/bg_arrow_right.gif') no-repeat right 41%;} .list_dis .mar_tb1{margin-top:75px; margin-bottom:68px;} .list_dis .mar_tb2{margin-top:42px; margin-bottom:63px;} .list_dis .mar_tb3{margin-top:38px; margin-bottom:66px;} /* copy04.jsp */ .brz_hanQ {position:relative; background:url('/imgs/KR/service/bg_hanQ_visual.gif') left top no-repeat; min-height:365px;} .brz_hanQ .btn {position:absolute; bottom:80px; left:30px;} /* // Breeze뱅킹인증서복사 */ /* 예적금담보대출 */ .cols_agree {width:100% !important; padding-top:0 !important; padding-right:0 !important; padding-bottom:0 !important;} .cols_agree .obj-wrap{padding:11px 19px 10px 0;} .cols_agree .obj-wrap .value{padding:5px 0;} .cols_agree .obj-wrap .fr{font-weight:normal; color:#666;} /* 인증서신규/재발급 - 신청 */ .tbl_data_type1 tbody td.pad_rl{padding:0 !important;} .certiSelect {overflow:hidden; padding:11px 15px 10px;border-top: 1px solid #e5e5e5;} .certiSelect:first-child, .certiSelect.first {border:none;} .certiSelect dt{width:41%; float:left; padding:0 52px 0 0;} .certiSelect dt input[type="radio"] {} .certiSelect dt label {position:relative;} .certiSelect dd {width:51%; float:left;} .certiSelect.hp dt, .certiSelect.hp dd{padding-left:0;} /* 피싱방지 */ .phishing_preview{background-color:#fff; font-family:'SCProsperSans', 'NanumGothic'; border:1px solid #c0c0c0; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; font-size:12px; height:28px; padding:0 10px 0 10px; -webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -o-transition:all 0.15s linear; transition:all 0.15s linear; color:#949494; border-radius:4px; vertical-align:middle;}/* WA 231108 JJW: 명도대비 수정 */ /* 2025 07 font */ .phishing_preview span{display:inline-block; margin-top:3px;} .phishing_preview span img{vertical-align:middle;} .phishing_preview{background-color:#fff; font-family:'SCProsperSans', 'NanumGothic'; border:1px solid #c0c0c0; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; font-size:12px; height:28px; line-height:28px\9;padding:0 10px 0 10px; -webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -o-transition:all 0.15s linear; transition:all 0.15s linear; color:#949494; border-radius:4px; vertical-align:middle;}/* WA 231108 JJW: 명도대비 수정 */ /* 2025 07 font */ .phishing_preview img.phs_img {margin:-3px -5px 0 -10px;} /* 에러404, 500 */ .error{overflow:hidden; padding:100px 30px 0 30px; width:880px; margin:0 auto;} .error .cont{float:left; width:500px; font-family:"NanumGothicBold"; font-size:14px; line-height:18px; color:#666;} .error .cont .en, .error .cont .kr{color:#223354; line-height:34px;} .error .cont .en{font-size:24px;} .error .cont .en span{font-size:55px; font-weight:bold; line-height:50px;} .error .cont .kr{font-size:26px; margin-bottom:14px;} .error .cont .btn{margin-top:22px;} .error .cont .btn a{margin:0 10px 4px 0;} .error .img{float:left; width:380px; padding-top:14px; text-align:right; background:url('/imgs/KR/common/bg_error.png') right top no-repeat;} /* ------------------------------------------------------ Layer Popup ------------------------------------------------------ */ /* [S] WA 231020 JJW: 레이어팝업 id->class 교체 */ .lp_wrap {position:relative; overflow:hidden; width:100%; background-color:#FFF; color:#666 !important;} .lp_wrap .lp_close {position:absolute; top:19px; right:20px; background:url('/imgs/KR/common/btn_lyClose.gif') left top no-repeat;} .lp_wrap .lp_close a {display:block; width:12px; height:12px; text-indent:-9999px;} .lp_wrap .btn_close {text-align:right; padding-right:20px; padding-bottom:20px;} .lp_wrap .btn_close2 {text-align:right; padding-right:20px; padding-bottom:20px;} /* WA 230922 : AHY 접근성 오늘하루 열지 않음 버튼 수정 */ .lp_wrap .btn_close2.wa-btn-close2 {position: absolute;bottom: 60px;right:0} .lp_head {position:relative; overflow:hidden; height:52px; background-color:#4e7ac2;} .lp_head h1 {font-family:"NanumGothicBold"; font-size:18px; line-height:52px; color:#FFF; padding-left:20px;} .lp_body {padding:20px;} .lp_body .lp_cont {font-size:12px; width:100%;} .lp_body .lp_cont .tbl_data_type2 {border-bottom:1px solid #cdcdcd !important;} .lp_body .btn-multi {margin-top:20px} .lp_body .btn_close {text-align:right; margin-top:20px;} .lp_footer {padding:10px 20px; text-align:right;} /* [E] WA 231020 JJW: 레이어팝업 id->class 교체 */ .lp_cont {color:#656565 !important;} .lp_cont h2 {font-family:"NanumGothicBold"; font-size:16px; color:#000; margin-bottom:8px;} .lp_cont .tbl_data_type1 tbody th {padding-left:10px !important;} .lp_cont .tbl_data_type1 tbody th.pt {padding-top:19px; vertical-align:top;} .lp_cont .copy {font-size:12px; color:#666; margin:0px 0px 20px 0px; line-height:16px;} /* 은행/증권사 선택 */ .bank-select {clear:both; position:relative; margin-top:10px;} .bank-select ul {width:100%; background:url('/imgs/KR/common/bu_1px_1px_dadada.gif') left top repeat-y;} .bank-select ul:after{display:block;content:'';clear:both;} .bank-select ul li {float:left; width:14.28571428571429%;margin-bottom:-1px; border:1px solid #dadada;border-width:1px 0; background:url('/imgs/KR/common/bu_1px_1px_dadada.gif') right top repeat-y;} .bank-select ul li a {display:table-cell; height:31px; padding-top:3px; padding-bottom:3px; padding-left:3px; font-size:12px; color:#666666; line-height:11.5px; vertical-align:middle;}/* 2024-06-11 */ .bank-select ul li a.longName {font-size:11px; letter-spacing:-1px;} .bank-select ul li a img {vertical-align:middle; width:19px; margin:-1px 2px 0px 0px;} .bank-select ul li a:hover {background-color:#e1e1e1;} /* // 은행/증권사 선택 */ /* 자주쓰는 통장 검색박스 */ .lp_cont .obj-wrap .button-group .tabBtn {min-width:70px;} /* // 자주쓰는 통장 검색박스 */ .todayCheck {height:28px; line-height:28px; padding-left:20px; margin-top:20px; background-color:#c7c7c7; font-size:12px; color:#666;} /* WA 230922 : AHY 접근성 오늘하루 열지 않음 버튼 수정 */ .todayCheck.wa-todayCheck {margin-top:82px} /* 인증서관리 서브메인 */ .ico_copy {background:url('/imgs/KR/service/ico_copy.gif') left top no-repeat; display:inline-block; width:46px; height:46px; vertical-align:middle;} .ico_del {background:url('/imgs/KR/service/ico_del.gif') left top no-repeat; display:inline-block; width:46px; height:46px; vertical-align:middle;} .ico_pw {background:url('/imgs/KR/service/ico_pw.gif') left top no-repeat; display:inline-block; width:46px; height:46px; vertical-align:middle;} .ico_view {background:url('/imgs/KR/service/ico_view.gif') left top no-repeat; display:inline-block; width:46px; height:46px; vertical-align:middle;} .ico_out {background:url('/imgs/KR/service/ico_out.gif') left top no-repeat; display:inline-block; width:46px; height:46px; vertical-align:middle;} .ico_get {background:url('/imgs/KR/service/ico_get.gif') left top no-repeat; display:inline-block; width:46px; height:46px; vertical-align:middle;} .ico_my {background:url('/imgs/KR/service/ico_my.gif') left top no-repeat; display:inline-block; width:46px; height:46px; vertical-align:middle;} /* 2020-10-29 아이콘 추가 */ .section_body .ico_img01 {background:url('/imgs/KR/service/ico_img01.png') left top no-repeat; background-size: 46px; auto; display:inline-block; width:46px; height:46px; vertical-align:middle;} .section_body .ico_img02 {background:url('/imgs/KR/service/ico_img02.png') left top no-repeat; background-size: 46px; auto; display:inline-block; width:46px; height:46px; vertical-align:middle;} .section_body .ico_img03 {background:url('/imgs/KR/service/ico_img03.png') left top no-repeat; background-size: 46px; auto; display:inline-block; width:46px; height:46px; vertical-align:middle;} .section_body .ico_img04 {background:url('/imgs/KR/service/ico_img04.png') left top no-repeat; background-size: 46px; auto; display:inline-block; width:46px; height:46px; vertical-align:middle;} .section_body .ico_img05 {background:url('/imgs/KR/service/ico_img05.png') left top no-repeat; background-size: 46px; auto; display:inline-block; width:46px; height:46px; vertical-align:middle;} /* 나만의 새소식 */ .wp_notice .fl {position:relative; width:288px; margin-right:20px; margin-bottom:15px; border:1px solid #dadada; background-color:#fff;} .wp_notice .obj-wrap {*clear:both; *padding-bottom:15px;} .wp_notice .obj-wrap .fl.last_mgr0 {margin-right:0px;} .wp_notice h2 {height:31px; line-height:31px; background-color:#f0f0f0; border-bottom:1px solid #dadada; font-family:"NanumGothicBold"; font-size:14px; color:#142d5b; padding-left:10px; margin-bottom:0px;} .wp_notice .more {position:absolute; top:9px; right:10px; background:url('/imgs/KR/common/bu_arr_more02.gif') left 3px no-repeat; padding-left:9px; font-weight:bold;} .wp_notice .more a {color:#1073ac;} .wp_notice .notice {padding:8px 5px 8px 10px; height:80px;} .wp_notice .notice li {padding-left:8px; line-height:20px; background:url('/imgs/KR/common/bu_2px_2px_3c61b9.gif') left 9px no-repeat;} .newsGallery {position:relative; padding-left:140px; margin:6px 5px 12px; height:78px;} .newsGallery dt {margin-bottom:10px; font-family:"NanumGothicBold"; font-size:16px; color:#3c61b9; line-height:18px;} .newsGallery dt a {color:#3c61b9;} .newsGallery dd {line-height:16px; margin-bottom:2px;} .newsGallery dd img {position:absolute; top:0; left:0; width:126px; height:84px;} /* 스마트오퍼 */ .wp_notice .so dl {padding:8px 5px 8px 10px; height:80px;} .wp_notice .so dl a {display:block;} .wp_notice .so dl dt {margin-bottom:2px; font-family:"NanumGothicBold"; color:#3c61b9; font-size:13px;} .wp_notice .so dl dd {font-size:12px; color:#666; line-height:16px; margin-bottom:8px;} /* // 나만의 새소식 */ /* 보안프로그램 설치 */ .install_srv {overflow:hidden; border:1px solid #dadada; border-bottom:none; background-color:#fff; padding:20px 25px 25px;} .install_srv h3 {font-family:"NanumGothicBold"; font-size:26px; color:#223354; margin-bottom:10px;} .install_srv .copy {font-family:"NanumGothicBold"; font-size:14px; color:#666; margin-bottom:18px;} .install_srv ul li {line-height:18px;} .install_srv .ico_os {float:right; margin-top:-90px;} /* // 보안프로그램 설치 */ /* Openbanking 이용안내, 회원가입 */ .mod_line .list_guide li.blue{text-indent:-16px; font-size:14px; font-weight:bold;} /* 기간설정 * jQuery UI Datepicker 1.9.2 * http://jqueryui.com * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ #datepicker_one_wrap {width:300px;} #datepicker_two_wrap {width:570px;} .ui-datepicker {display:none; width:100%;} .ui-datepicker .ui-datepicker-header {position:relative; width:240px; margin-bottom:18px; font-weight:bold;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top:7px; .top:2px; width:10px; height:16px; cursor:pointer;} .ui-datepicker .ui-datepicker-prev {left:6px;} .ui-datepicker .ui-datepicker-next {right:6px;} .ui-datepicker .ui-datepicker-title { margin:0 23px; text-align:center; } .ui-datepicker select.ui-datepicker-month-year {width:100%;} .ui-datepicker select.ui-datepicker-month {width:39%;} .ui-datepicker select.ui-datepicker-year {width:45%;} .ui-datepicker .ui-datepicker-today a, .ui-datepicker-today a:hover, active, visited {border:1px solid #D9D9D9; background-color:#F6F6F6; font-weight:bold;} .ui-datepicker .ui-datepicker-current-day a, .ui-datepicker-today a:hover, active, visited {color:#FCD01A; font-weight:bold; background-color:#223354;} .ui-datepicker-calendar .ui-state-disabled {opacity:.35; filter:Alpha(Opacity=35); cursor:default !important;} .ui-datepicker-calendar .ui-state-disabled .ui-state-default {display:inline-block; width:22px; height:20px; padding-right:7px; line-height:22px;} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover {position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/} .ly_cadr_box {overflow:hidden; width:100%; border-bottom:2px solid #dadada; padding-bottom:15px;} .ly_cadr_box .cadr_setting {float:left; margin-right:30px;} .ly_cadr_box .cadr_setting:last-child, .ly_cadr_box .cadr_setting.last {margin-right:0px;} .ly_cadr_box .cadr_setting .cont_txt {margin-bottom:8px;} .ly_cadr_box .cadr_setting table thead th {color:#000; text-align:center;} .ly_cadr_box .cadr_setting table thead th.ui-datepicker-week-end {color:#de2f2f;} .ly_cadr_box .cadr_setting table thead th.ui-datepicker-week-sat {color:#245bc7;} .ly_cadr_box .cadr_setting table tbody td {color:#666; padding:3px; text-align:right;} .ly_cadr_box .cadr_setting table tbody td.date_hd a {color:#ccc;} .ly_cadr_box .cadr_setting table tbody td a {display:inline-block; width:22px; height:20px; padding-right:7px; line-height:22px;} .ly_cadr_box .cadr_setting table tbody td a:hover, .ly_cadr_box .cadr_setting table tbody td.on a {background-color:#223354; color:#fff; font-weight:bold;} .ly_cadr_box .cadr_setting.one_cadr {float:none !important; width:240px; margin:0 auto !important;} /* 3depth menu */ .menu-tab {text-align:center; margin:0 auto 20px; width:100%;} .menu-tab li {display:inline-block; zoom:1; *display:inline; height:56px;} .menu-tab li.off {background:none; margin-left:-5px;} .menu-tab li.off a {border-bottom:1px solid #d6d6d6;} .menu-tab li a {display:inline-block; zoom:1; *display:inline; display: -moz-inline-box; /* For FF<3 */ -moz-box-orient: vertical; /* For FF<3 */ display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */ text-align:center; min-width:80px; height:48px; line-height:48px; background-color:#f8f8f8; border:1px solid #d6d6d6; border-bottom:none; color:#1275ac; font-size:14px; font-family:"NanumGothicBold"; font-weight:normal; padding:0px 14px 0px 11px; *padding:0 17px 0 12px; margin-right:-5px;} .menu-tab li a:hover, .menu-tab li.on a {background:#fff; color:#223354;} .menu-tab li.on {color:#223354; background:url('/imgs/KR/common/bg_menuTab.gif') center 49px no-repeat; margin-left:-3px; padding-right:5px;} .menu-tab li.on a {border:1px solid #d6d6d6; border-bottom:none;} .menu-tab li a span.long_line_txt {display:none;} /* // 3depth */ .tcopy {margin:-20px 0 10px; font-weight:bold;} /* 입출금자유 > 가입완료 > PMS 배너영역 */ .prGoodsBox {float:left; width:48.88888%; margin-right:2.22222%;} .prGoodsBox:last-child, .prGoodsBox.last {margin-right:0 !important;} .prGoodsBox .ban {float:left; width:43.18181%; margin-right:4%;} .prGoodsBox dl.sub {float:left; width:52.27272%;} .prGoodsBox dl.sub dt {font-family:"NanumGothicBold"; font-size:13px; color:#000; margin-bottom:18px;} .prGoodsBox dl.sub dd.txt {margin-bottom:18px;} /* // 입출금자유 > 가입완료 > PMS 배너영역 */ /* 로그아웃 */ .logoutTop {overflow:hidden;} .logoutTop .otherSrv {float:left; width:172px; height:271px; border:1px solid #dadada; border-radius:4px; background:url('/imgs/KR/common/bg_scSrv.gif') left top no-repeat !important; padding:18px; margin-right:20px;} .logoutTop .otherSrv h4 {color:#000; text-shadow:2px 2px 2px #dddfe0; font-size:18px !important; font-family:"NanumGothicBold" !important; line-height:22px; margin-bottom:0px;} .logoutTop .otherSrv ul {margin-top:15px;} .logoutTop .otherSrv ul li {padding:3px 0px;} .logoutTop .otherSrv ul li a {background:url('/imgs/KR/common/bu_2px_2px_223354.gif') left 5px no-repeat; padding-left:10px; color:#223354; text-shadow:1px 1px 1px #c4c8cd; font-weight:bold;} .logoutTop .nps {float:left; width:338px; background-color:#fff; border:1px solid #cdd1d4; text-align:center; padding-top:10px; margin-right:20px;} .logoutTop .nps iframe {width:300px;} .logoutTop .bigBan {float:left;} .logoutBan {text-align:center;} .logoutBan dl {margin-top:25px;} .logoutBan dl dt {font-family:"NanumGothicBold"; font-size:24px; color:#5f5f5f;} .logoutBan dl dd {font-family:"NanumGothic"; font-size:13px; color:#5f5f5f; height:70px; line-height:18px; margin-top:8px;} .logoutBan .btn .button {min-width:80px;} .logoutBan .img a img {width:180px; height:120px;} .auto_logout {background:url('/imgs/KR/common/bg_auto_logout.gif') left 10px no-repeat; padding-left:118px; min-height:90px;} .end_logout {margin-top:-5px;} .end_logout .cont_txt {padding-top:5px; font-size:16px !important;} /* // 로그아웃 */ /* PMS - Breeze App 연동 약관 */ .section_box .agree_box .agree_cont .agreement_wrap {margin-top:40px; color:#555;} .section_box .agree_box .agree_cont .agreement_wrap:first-child, .section_box .agree_box .agree_cont .agreement_wrap.first {margin-top:5px;} .section_box .agree_box .agree_cont .agreement_wrap, .agreement_wrap h2{font-size:12px; } .section_box .agree_box .agree_cont .agreement_wrap h1 {font-size:14px; text-align:center; margin:10px 0; line-height:22px; color:#000; font-weight:bold;} .section_box .agree_box .agree_cont .agreement_wrap p.date{text-align:right;} .section_box .agree_box .agree_cont .agreement_wrap p.tit_txt{text-indent:15px; line-height:20px; margin-bottom:10px;} .section_box .agree_box .agree_cont .agreement_wrap .sc_logo{display:inline-block; font-size:14px; margin-bottom:10px;} .section_box .agree_box .agree_cont .agreement_wrap .bor{padding:5px; text-indent:15px; border:1px solid #ccc; margin-bottom:5px;} .section_box .agree_box .agree_cont .agreement_wrap .bor ul li span {color: #878787!important;} .section_box .agree_box .agree_cont .agreement_wrap .bor .floatR em {color: #878787!important;} .section_box .agree_box .agree_cont .agreement_wrap .col_red{color:red;} .section_box .agree_box .agree_cont .agreement_wrap ul, .section_box .agree_box .agree_cont .agreement_wrap ol, .section_box .agree_box .agree_cont .agreement_wrap ol li p {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start:0 !important;} .section_box .agree_box .agree_cont .agreement_wrap ul li, .section_box .agree_box .agree_cont .agreement_wrap ol li{list-style:none; padding:0; margin:0; text-indent:0; line-height:20px;} .section_box .agree_box .agree_cont .agreement_wrap ul li ul li, .section_box .agree_box .agree_cont .agreement_wrap ol li ol li {list-style:none; padding-left:0; text-indent:0; line-height:20px;} .section_box .agree_box .agree_cont .agreement_wrap ol li ol li ol li {padding:0 0 0 15px;text-indent:-15px;} .section_box .agree_box .agree_cont .agreement_wrap ol li ol li.pad_indent, .agreement_wrap ul li ul li.pad_indent, .agreement_wrap ol li ol li.pad_indent { padding-left:0; text-indent:0; } .section_box .agree_box .agree_cont .agreement_wrap ol li p{ line-height:20px;} .section_box .agree_box .agree_cont .agreement_wrap ol li p.tit_txt{text-indent:0;} .section_box .agree_box .agree_cont .agreement_wrap ol li strong{display:inline !important;} .section_box .agree_box .agree_cont .agreement_wrap em {text-decoration: underline; font-weight:bold; } .section_box .agree_box .agree_cont .agreement_wrap em.blod_no{font-weight: normal;} .section_box .agree_box .agree_cont .agreement_wrap em.line_no{text-decoration: none;} .section_box .agree_box .agree_cont .agreement_wrap table.type1 {text-indent:0; width: 100%; font-weight:normal; padding:5px 0 0 0; margin-bottom:10px; border-spacing:0; border-collapse:collapse; border-bottom:1px solid #beccd8; } .section_box .agree_box .agree_cont .agreement_wrap table.type1 caption{position:absolute; left:-9999px;} .section_box .agree_box .agree_cont .agreement_wrap table.type1 thead th ,.agreement_wrap table.type1 tbody th{text-indent:0; text-align:center; border-top:1px solid #beccd8; border-left:1px solid #beccd8; padding:5px;} .section_box .agree_box .agree_cont .agreement_wrap table.type1 thead th:last-child {text-indent:0; border-right:1px solid #beccd8;} .section_box .agree_box .agree_cont .agreement_wrap table.type1 thead th.last {text-indent:0; border-right:1px solid #beccd8;} .section_box .agree_box .agree_cont .agreement_wrap table.type1 tbody td:last-child {text-indent:0; border-right:1px solid #beccd8;} .section_box .agree_box .agree_cont .agreement_wrap table.type1 tbody td.last {text-indent:0; border-right:1px solid #beccd8;} .section_box .agree_box .agree_cont .agreement_wrap table.type1 tbody td {text-indent:0; padding:5px; font-size:12px; border-top:1px solid #beccd8; border-left:1px solid #beccd8;} .section_box .agree_box .agree_cont .agreement_wrap table.type1.type2 tbody td {text-align:center;} .section_box .agree_box .agree_cont .agreement_wrap em.italic_no {font-style:normal;} .section_box .agree_box .agree_cont .agreement_wrap .lineonly {text-decoration: underline;} .section_box .agree_box .agree_cont .agreement_wrap table thead th.first, .section_box .agree_box .agree_cont .agreement_wrap table tbody th.first {border-left:1px solid #beccd8;} .section_box .agree_box .agree_cont .agreement_wrap>ol>li, .section_box .agree_box .agree_cont .agreement_wrap>ul>li{padding-top:10px} .section_box .agree_box .agree_cont .agreement_wrap>ol>li>ul>li, .section_box .agree_box .agree_cont .agreement_wrap>ul>li>ul>li{padding-top:4px} .section_box .agree_box .agree_cont .agreement_wrap .top_sign{padding:5px; border:1px solid #ccc;} .section_box .agree_box .agree_cont .agreement_wrap .top_sign .sign{overflow:hidden; margin:0px; line-height:24px;} .section_box .agree_box .agree_cont .agreement_wrap .top_sign .sign dt{float:left; padding-right:60px;} .section_box .agree_box .agree_cont .agreement_wrap .top_sign .sign .padL_no{padding-right:0;} .section_box .agree_box .agree_cont .agreement_wrap .top_sign .sign dd{float:left; margin:0; padding-left:10px;} .section_box .agree_box .agree_cont .agreement_wrap .type3{width:100%; border:1px solid #beccd8; border-collapse:collapse;} .section_box .agree_box .agree_cont .agreement_wrap .type3 td, .agreement_wrap .type3 th{padding:5px 10px; font-size:15px;} .section_box .agree_box .agree_cont .agreement_wrap .type3 tbody.valign_top th{vertical-align:top;} .section_box .agree_box .agree_cont .agreement_wrap .type3 tbody.text_l th{text-align:left;} .section_box .agree_box .agree_cont .agreement_wrap .type3 tr.top_line{border-top:2px solid #ccc;} .section_box .agree_box .agree_cont .agreement_wrap .con_line{overflow:hidden; border-bottom:1px solid #ccc;} .section_box .agree_box .agree_cont .agreement_wrap .overhidden:after{content:""; display:block; clear:both;} .section_box .agree_box .agree_cont .agreement_wrap .floatL{float:left;} .section_box .agree_box .agree_cont .agreement_wrap .floatR{float:right;} .section_box .agree_box .agree_cont .agreement_wrap .depth_text{margin-left:-18px;} .section_box .agree_box .agree_cont .agreement_wrap .depth_text li{padding-left:18px;} .section_box .agree_box .agree_cont .agreement_wrap .text_c{text-align:center;} .section_box .agree_box .agree_cont .agreement_wrap .text_r{text-align:right;} .section_box .agree_box .agree_cont .agreement_wrap .agreement_wrap .tbl_type1 th {background-color: #6a9ba9;} /* // PMS - Breeze App 연동 약관 */ /* 이용안내 테이블 컨텐츠 */ .info_tblBox {overflow:hidden;} .info_tblBox .left {float:left; width:45%; background:url('/imgs/KR/common/bu_arrRight.gif') right center no-repeat; padding-right:67px; margin-right:10px;} .info_tblBox .right {float:right; width:45%;} /* // 이용안내 테이블 컨텐츠 */ /* 2013.07.31 라디오버튼 형식 css변경 */ ul.btn-point .button.tabBtn, ul.btn-point a.button.tabBtn {border:1px solid #acacac; color:#122954;} ul.btn-point a.button.tabBtn.current {color:#fcd000; border:1px solid #122954;} /* // 2013.07.31 라디오버튼 형식 css변경 */ /* 2014-12-03 현금서비스,리볼빙,카드론 용어변경 */ .ck-box dd ul {float:left; width:32%;} .ck-box dd ul.ul-w1 {width:23%;} .ck-box dd ul.ul-w2 {width:45%;} /* // 2014-12-03 현금서비스,리볼빙,카드론 용어변경 */ /* 2015-01-05 신용대출 */ ol.step.tabCnt5.clLong li.first {width:18%;} ol.step.tabCnt5.clLong li.mid {width:24%;} ol.step.tabCnt5.clLong li.mid.m2 {width:25%;} ol.step.tabCnt5.clLong li.last {width:9%; *margin-left:-1px;} ol.step.tabCnt4.clLong li.first {width:21%;} ol.step.tabCnt4.clLong li.mid {width:27%;} ol.step.tabCnt4.clLong li.mid.m2 {width:36%;} ol.step.tabCnt4.clLong li.last {width:16%; *margin-left:-1px;} /* // 2015-01-05 신용대출 */ /***************************************************** 마이그레이션 *****************************************************/ /* 2020-10-12 추가 2020-10-26 수정 */ .tab_list_wrap {position: relative; display: block; min-height: 128px; font-family:"NanumGothic";} .tab_list_wrap.min-h {min-height: 125px;} .tab_list_wrap:after {content: ""; display: block; clear: both;} .tab_list_wrap > li {float: left; width: 33.33%; text-align: center; box-sizing: border-box;} .tab_list_wrap > li:nth-child(2) {border-left: 1px solid #ccc;} .tab_list_wrap > li:nth-child(2) span:after {content: '(구 공인인증서)'} .tab_list_wrap > li:nth-child(3) {border-left: 1px solid #ccc;} .tab_list_wrap > li.active {border: 0;} .tab_list_wrap > li.active + li {border-left: 0;} .tab_list_wrap > li > a {font-family:"NanumGothicbold"; display: block; color: #666; height: 50px; line-height: 48px; border-top: 2px solid #eee; background-color: #eee; box-sizing: border-box;} .tab_list_wrap > li > a span {font-size: 15px;} .tab_list_wrap > li:not(:last-child) > a {border-right: 0;} .tab_list_wrap > li.active > a {background-color: #fff; border-top: 2px solid #006faf; color: #006faf;} .tab_list_wrap > li > ul {position: absolute; top: 50px; left: 0; width: 100%;} .tab_list_wrap .sub_tab_list_wrap {min-height: 50px; background: #fff; box-sizing: border-box;} .tab_list_wrap .sub_tab_list_wrap ul {overflow: hidden;} .tab_list_wrap .sub_tab_list_wrap li {float: left; padding-left: 35px; padding-top: 18px; padding-bottom: 18px;} .tab_list_wrap .sub_tab_list_wrap li a {font-size: 14px; color: #666;} .tab_list_wrap .sub_tab_list_wrap li a:hover {color: #006faf;} .tab_list_wrap .sub_tab_list_wrap li.on a {font-family:"NanumGothicbold"; color: #006faf;} .tab_list_wrap .sub_tab_list_wrap.list2 li {min-height: 68px; box-sizing: border-box;} @media screen and (-ms-hight-contrast: active), (-ms-high-contrast: none) { .tab_list_wrap .sub_tab_list_wrap li {float: left; padding-left: 35px;} } /* 2014-09-02 */ /* 2014-08-26 br추가 */ .two_line.menu-tab li {height:62px; vertical-align:top;} .two_line.menu-tab li a {padding:6px 14px 10px 11px; height:32px; line-height:18px;} .two_line.menu-tab li.one_line {} .two_line.menu-tab li.one_line a {padding:0px 14px 10px 11px; height:38px; line-height:48px;} .two_line.menu-tab.menu_min_width li.one_line a {min-width: 194px;} .section_box .section_head.txt_table_top h3 {float:none;} .txt_table_top p {padding:10px 0 0 19px; } /* 포인트 조회 */ .row .col.right_box {float:right; width:67.50%; margin-right:0px;} /* 포인트 쇼핑몰 */ .re_home {overflow:hidden; padding:30px 27px; background-color: #fff; border: 1px solid #dadada;} .re_home > div {float:left; width:231px; padding-right:30px;} .re_home > dl {float:left; width:610px;} .re_home > dl dt {margin-bottom:20px; font-size:16px; font-family: "NanumGothicBold";} .re_home > dl dd {line-height:18px;} /* 포인트 적립 */ ul.button-group.li_tab_in {position:relative; padding-top:59px;} ul.button-group.li_tab_in > li > a {position:absolute; top:0; left:0; padding:10px 0; min-width:171px;} ul.button-group.li_tab_in > li > a.two {left:170px; min-width:157px;} ul.button-group.li_tab_in > li > a.thr {left:327px; min-width:169px;} ul.button-group.li_tab_in > li > a.fou {left:495px; min-width:160px;} ul.button-group.li_tab_in > li > div {display:none;} ul.button-group.li_tab_in > li > div.on {display:block;} .list_joo {overflow:hidden;} .list_joo > li {line-height:18px;} .list_joo > li > span.fir {float:left;} .list_joo > li > .fir_txt {float:left; padding-left:0; width:94%;} ul.button-group li ul.list_line2 li {padding-left:8px; color:#666; font-size:12px; line-height:18px; background:url('/imgs/KR/common/bu_gray_line.gif') left 6px no-repeat; float:none;} .overH {overflow:hidden;} ul.button-group.li_tab_in > li .list_num {padding-left:4px;} h2.h2_txt {font-family: "NanumGothicBold"; font-size: 16px; color: #000; margin-bottom: 8px;} .over_scroll {overflow-x:hidden; overflow-y:scroll; height:500px; position:relative;} /* 포인트사용 */ .pdCont.point_inq {overflow:hidden; padding:0;} .pdCont.point_inq .col4_m_gap1 {float:left;} .pdCont.point_inq .border_box h4 {margin-bottom:20px;} .pdCont.point_inq .border_box.reward {height:137px !important;} .pdCont.point_inq .border_box.reward .goods {top:60px;} .pdCont.point_inq .border_box p.btn {bottom:25px;} .pdCont.point_inq .border_box.border_box2 {padding:20px 39px; height:135px;} .pdCont.point_inq .border_box.border_box2 ul {margin-right:0;} .pdCont.point_inq .border_box.border_box2 ul li {background-position:0 6px;} /* 통장보기 > 나의정보 클릭영역 확대 */ .section_box.section_myinfo_extend {cursor:pointer;} /* 2014-09-18 */ /* 해외/국가IP 차단서비스 */ .border_box.border_box02 {background-color:#fff; height:100%; border:1px solid #dadada;} /* 2014-10-02 */ .certiSelect.certiSelect2 dt {padding:0 12px 0 0;} /* 2014-11-20 마이그레이션 */ .section_box .section_head span.res {float:right; padding:10px 19px 0; font-family:'SCProsperSans', 'NanumGothic'; font-size:12px; color:black;} /* 2025 07 font */ .bdr_none {border:none !important; border-bottom:1px solid #dadada !important;} .bdr_tnone {border-top:none !important;} /* 2014-11-25 통장보기, 모두보기 */ .mar_t13 {margin-top:13px;} .notice_more {display:block; margin-top:10px; padding-left:10px; background:url(/imgs/KR/common/bu_arr_more02.gif) no-repeat 0 3px; font-weight:bold;} .notice_more2 {clear:both; margin-top:0;} .imgW100 {height:248px; padding:24px 0 24px !important; text-align:center;} .imgW100 > img {width:100% !importan; height:100%;} .info_box ul.login_notice_list {color: #666; font-size: 12px; line-height: 26px; font-weight: normal;} .info_box ul.login_notice_list li {padding-left: 6px; background: url('/imgs/KR/common/bu_2px_2px_3c61b9.gif') left 11px no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 93%;} .choose_box {overflow:hidden;} .choose_box .choose_best {float:left; width:50%; height:69px;} .choose_box .choose_best dd {margin-top:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .choose_box .choose_img_area {float:right; width:49%; height:69px; text-align:center;} .choose_box .choose_img_area a {display:block; width:182px; height:64px; margin-top:14px;} .choose_box .choose_img_area img {width:100%; height:100%;} .pd_b25 {padding-bottom:25px !important;} .row.graph .col6_m_gap1 {width:48.88888%} .login_notice .login_box .login_body {position:relative; overflow:hidden; width:auto; min-height:1px;} .info_box.list_area_ban {padding:23px;} .info_box.list_area_ban ul {overflow:hidden; *zoom:1;} .info_box.list_area_ban ul li {float:left; width:23%; margin-left:2%; border:1px solid #e8e8e8;} .info_box.list_area_ban ul li.first {margin-left:0;} .info_box.list_area_ban ul li dl {position:relative;} .info_box.list_area_ban ul li dl dt {width:100%; padding-top:150px;} .info_box.list_area_ban ul li dl dt a {display:block; min-height:40px; padding-left:20px; padding-right:40px; padding-bottom:40px; font-family:"NanumGothicBold"; font-size:16px; color:black; background:url('/imgs/KR/main/icon_login_next_go.gif') no-repeat 95% 47px;} .info_box.list_area_ban ul li dl dd {position:absolute; top:0; left:0; width:100%;} .info_box.list_area_ban ul li dl dd a {display:block;width:205px;height:134px;} .info_box.list_area_ban ul li dl dd a img {width:100%;height:100%;} /* //2014-11-25 통장보기, 모두보기 */ /* 2014.12.05 랜딩 공지사항 픽스 */ .uniqueNotice {height:76px !important;} .uniqueNotice > ul > li {line-height:22px !important;} /* 2014-12-03 서비스및 설정 비밀번호 관리 */ .certiSelectWd30 dt {width:25% !important;} .certiSelectWd30 dd {width:67% !important;} .list_style01 {padding:0 0 10px; line-height:18px;} .list_style01 li {padding-left:10px; background:url("/imgs/KR/common/bu_2px_2px_223354.gif") no-repeat 0 7px;} /* 2014-12-23 외환 */ .bdr_t1 {border-top:1px solid #e8e8e8 !important;} .fnt_bld {font-weight:bold;} .fnt_h4 {color:#132855 !important; font-weight:bold; font-size:12px !important;} .list_style02 li {background:none;} .list_style_arr ul li {overflow:hidden; padding-left:15px; background:url("/imgs/KR/common/bu_4px_4px_gray.gif") no-repeat 0 15px; font-family:"NanumGothicBold"; color:#132855;} .list_style_arr ul li p {position:relative; float:left; padding:10px 15px 10px 20px; margin-right:10px; color:#666;} .list_style_arr ul li p.first {position:relative; width:23%; color:#132855; padding-left:0;} .list_style_arr ul li p.first.w{width: auto;}/*2014-02-05 리스트흐름도*/ .list_style_arr_r {display:block; position:absolute; top:50%; right:-20px; width:25px; height:20px; margin-top:-10px; background:url("/imgs/KR/common/arr_skyblue_right.png") no-repeat 0 0;} /*2015-03-13 리스트 흐름도 설명*/ .list_style_arr_r.account_arr{top:18px;} .list_style_arr ul li p span.list_style_account{display: block; margin-top: 12px; font-family:'SCProsperSans', 'NanumGothic';} /* 2025 07 font */ .list_style_arr ul li p span.list_style_account span.point{background:url("/imgs/KR/common/bu_2px_2px_223354.gif") no-repeat 0 7px; padding-left: 10px; font-size: 11px;} .list_style_arr ul li p span.list_style_account span.point_acc{padding-left: 12px; font-size: 11px;} /*2014-02-05 리스트흐름도*/ .list_style_arr .list_model_bg{position:relative; top:8px; left:260px; width:402px; height:77px; background: url("/imgs/KR/common/bg_ico_1.gif") no-repeat 0 0px;} .list_style_arr .list_model_bg p.list_model_txt{position: absolute; top:35px; left:135px; font-family:"NanumGothicBold"; color: #132855;} /* 2014-12-23 해외/국가IP차단서비스 추가 */ .bdr_t1 {border-top:1px solid #e8e8e8 !important;} /******************************************************** 2015.02 - 전계좌보기 추가 ******************************************************************/ /*로그아웃과 동일*/ .new_section_box {width:auto; min-height:1px; background-color:#fff; padding:0 20px 0 20px; *zoom:1;} .new_section_box:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .new_section_box.new_section_myinfo_extend {cursor:pointer;} .new_section_box .new_section_head {background-color:#0084d6; border-radius:7px; padding:10px 0; height: 20px; *height:100%; *zoom:1;} .new_section_box .new_section_head:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .new_section_box .new_section_head h3 {float:left; padding:0 32px; font-family:"NanumGothicBold"; font-size:18px; color:#fff;} .new_section_box .new_section_head h3.new_my_info_ico{background:url(/imgs/KR/common/new_my_info.gif) no-repeat 10px;} .new_section_box .new_section_head h3.new_my_money_ico{background:url(/imgs/KR/common/new_my_money.gif) no-repeat 10px;} .new_section_box .new_section_head .more {float:right; margin:3px 19px 0 0;} .new_section_box .new_section_head .more.mar_t15 {margin-top:0px !important;} .new_section_box .new_section_head p.new_info_open_ico{position:absolute; top:40px; right:38px; width:20px; height:9px; background:url(/imgs/KR/common/new_btn_open.gif) no-repeat right;} .new_section_box .new_section_head_b {background-color:#fff; padding:10px 0; *height:100%; *zoom:1;} .new_section_box .new_section_head_b:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .new_section_box .new_section_head_b h3{float:left; padding-left:24px; font-family:"NanumGothicBold"; font-size:18px; color:#000;} .new_section_box .new_section_head_b h3.new_my_notice_ico{background:url(/imgs/KR/common/new_my_notice.gif) no-repeat left 3px;} .new_section_box .new_section_head_b h3.new_my_product_ico{background:url(/imgs/KR/common/new_join_product.gif) no-repeat left 1px;} .new_section_box .new_section_head_b h3.new_my_star_ico {background:url(/imgs/KR/common/new_my_star.gif) no-repeat left 3px;} .new_section_box .section_body {position:relative; width:auto; min-height:1px; *zoom:1;} .new_section_box .section_body:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .new_section_box .new_border{overflow: hidden; border:1px solid #aaaaaa; border-radius: 10px;} .new_section_box .info_box {background-color:#fff; padding:12px 13px 12px 20px;} .new_section_box .section_body.pdCont .tbl_data_type2 tbody tr:last-child td {border-bottom:none} .new_section_box .section_body .no_data {padding-left:28px; color:#010101; font-size:12px; font-family:'SCProsperSans', 'NanumGothic'; line-height:20px; background:url('/imgs/KR/common/bu_process.gif') left top no-repeat; margin-bottom:8px;} /* 2025 07 font */ .new_section_box .section_body .nodata {background-color:#fff; text-align:center; padding:17px 0px;} .new_section_box .section_foot {background-color:#f8f8f8; padding:10px 20px;} /*로그아웃과 동일*/ /* 나의정보 */ .new_info_wrap {overflow:hidden; position:relative; margin:0 auto; padding-bottom:33px;} .new_info_wrap .new_infoList {width:100%; border-collapse:collapse; table-layout:fixed;} .new_info_wrap .new_infoList th {padding:0 0 10px 0; font-weight:bold; line-height:16px; text-align:left; color: #000;} .new_info_wrap .new_infoList td {overflow:hidden; width:95%; padding:0 0 10px 0; color:#666; text-align:left; white-space:nowrap; text-overflow:ellipsis;} .new_info_wrap p.btn {position:absolute; left:0px; bottom:0px; padding-bottom:1px;} /* 360도 rewards */ .reward_box {position:relative; width:auto; height:124px; padding:22px;} .reward_box ul {margin-right:0px; text-align: right; padding-top: 15px;} .reward_box li {line-height:16px;} .reward_box li strong{color: #000;} .reward_box p.btn {position:absolute; top:85px; right:20px; bottom:20px;} .reward_box p.more {background:url('/imgs/KR/common/bu_arr_more.gif') left 3px no-repeat; padding-left:9px; font-weight:bold; color:#3c61b9; font-size:12px;} .reward_box p.more a {color:#3c61b9;} .reward_box.reward {height:96px !important; border: 1px solid #e4e4e4; background-color: #fff;} /* WA 231228 JJW: 명도대비 수정 */ .reward_box.reward .goods {position:absolute; left:20px; top:25px; height:67px;} .reward_box.reward ul{position: relative;} .reward_box.reward .goods a{display: block; width:129px; height:18px;} /* WA 231228 KMS : 명도대비 수정 이미지 크기 적용 */ .reward_box.reward .goods a > img {width:100%; height:auto;} /* WA 231228 KMS : 명도대비 수정 이미지 크기 적용 */ /*자산현황*/ /* section_box_list , box_list */ .new_section_box_list li {overflow:hidden;} .new_section_box_list li.oddRow {background-color:#fff;} .new_section_box_list li.last {border-bottom:0px;} .new_section_box_list li.oddRow_bottom {border-bottom: 1px solid #b5b5b5;} .new_section_box_list li .li_cont {min-width:100%; background-color:#ededed;} .new_section_box_list li a.menu {overflow:hidden; display:block; line-height:40px; padding-left:15px;} .new_section_box_list li a.menu:focus-visible {outline-offset: -2px;}/* WA 231227 JJW: outline 수정 */ .new_section_box_list li a.menu span.tit {float:left; padding-right:25px; font-family:"NanumGothicBold"; font-size:16px; color:#000; background:url('/imgs/KR/common/new_bu_boxList_close.gif') right 12px no-repeat;} .new_section_box_list li a.menu.new_open span.tit {color:#000; background:url('/imgs/KR/common/new_bu_boxList_open.gif') right no-repeat;} .new_section_box_list li a.menu.new_open_2 span.tit {color:#000; background:url('/imgs/KR/common/new_bu_boxList_open.gif') right 15px no-repeat;} .new_section_box_list li a.menu span.amt {float:right; margin-right:20px; font-family:"NanumGothicBold"; font-size:16px; color:#112347;} .new_section_box_list li:last-child .box_list tr:last-child th {background-image:none !important; border-bottom:0px !important;} .new_section_box_list li:last-child .box_list tr:last-child td{background-image:none !important; border-bottom:0px !important;} .new_section_box_list li .datamore {border:none; border-top:1px solid #dcdcdc; text-align:center; margin-top:0px; background:#fff url('/imgs/KR/common/bg_listShadow_bottom.gif') left bottom repeat-x;} .new_section_box_list li a.menu span.new_account{color: #0084D6; font-weight: bold; float: left; margin-left: 95px;} .new_box_list {width:100%; border:0px; border-spacing:0px; border-collapse:collapse;} /* WA 230920 : ir기법 수정 .new_box_list thead {visibility:hidden;} */ .new_box_list thead {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;} .new_box_list thead th {height:0px; padding:0px; font-size:0px;} .new_box_list tbody th {padding:5px 0px 5px 10px; border-bottom:1px solid #e8e7e2; font-size:12px; color:#3c61b9; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer;} .new_box_list tbody td {padding:5px 0px 5px 10px; border-bottom:1px solid #fff; font-size:12px; color:#000; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer;} .new_box_list tbody td:first-child {padding-left:19px; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer; font-weight:bold;} .new_box_list tbody td.first {padding-left:19px; text-align:left; /*cursor:s-resize* 20141124*/ cursor:pointer; font-weight:bold !important;} .new_box_list tbody td.first a{font-weight: bold} .new_box_list tbody td:first-child a {color:#3c61b9 !important; font-family:'SCProsperSans', 'NanumGothic';} /* 2025 07 font */ .new_box_list tbody td a {color:#000;} .new_box_list tbody td:last-child {padding-right:19px;} .new_box_list tbody tr:last-child th{border-bottom:0px;} .new_box_list .ui-draggable-dragging {overflow:hidden; z-index:50; width:99.4%; opacity:0.9; filter:Alpha(Opacity=90); background-color:#fff;} .new_box_list .ui-draggable-dragging th {box-sizing:border-box; background-image:none !important} .new_box_list .ui-draggable-dragging td {background-image:none !important;} .new_box_list .ui-state-default {opacity:0.3; filter:Alpha(Opacity=70);} .new_box_list .ui-state-active {background-color:#dcdcdc;} .new_box_list .ui-state-active th {background-color:#dcdcdc;} .new_box_list .ui-state-active td {background-color:#dcdcdc;} .new_box_list .ui-state-highlight {width:99.4% !important; background-color:#fff;} .new_bb_admin {position:absolute; z-index:100; display:inline-block; *display:inline; border:1px solid #dadada; box-shadow:0px 5px 10px 0px #d6d6d6; background-color:#ededed;} .new_bb_admin ul li {color:#929292; border-bottom:1px solid #dadada;} .new_bb_admin ul li a {display:block; padding:7px 6px; font-size:12px; color:#525252;} .new_bb_admin ul li a:hover {color:#fff; background:#69be28; border-bottom:none;} .new_bb_admin ul li:last-child, .new_bb_admin ul li.last {border-bottom:none;} .new_bb_admin .close {border-top:1px solid #dadada; text-align:right; padding:5px; font-size:11px;} .new_bb_admin .close a {color:#525252;} .new_bb_admin .close a:hover {color:#69be28;} /*나만의 맞춤공지*/ .new_login_notice .new_section_box .section_body .new_info_box {width:100%; padding:0 30px 12px 0px;} /*.new_login_notice .new_section_box .section_body .new_info_box ul.new_login_notice_list {height:156px; color:#666; font-size:12px; line-height:43px; font-weight: normal; letter-spacing:-1px;} /* 20141127 인트로 공지사항 높이고정 */ .new_login_notice .new_section_box .section_body .new_info_box ul.new_login_notice_list {height:149px; color:#666; font-size:12px; line-height:30px; font-weight: normal; letter-spacing:-1px;} /* 2015.09.14 변경 추가 */ .new_login_notice .new_section_box .section_body .new_info_box ul.new_login_notice_list li {overflow:hidden; width:100%; border-bottom:5px solid #fff; text-overflow:ellipsis; white-space:nowrap; background-color:#EDEDED;} .new_login_notice .new_section_box .section_body .new_info_box ul.new_login_notice_list li span{border-right:3px solid #fff; padding:17px 14px; font-size:14px; background-color:#EDEDED;} .new_login_notice .new_section_box .section_body .new_info_box ul.new_login_notice_list li a{overflow:hidden; min-width:330px; background-color:#EDEDED; padding:14px; font-size:14px; } .new_section_box .section_body a.txt_set{padding-left: 15px; font-weight: bold; color: #000; font-size: 14px;} .new_section_box .section_body a.new_more {position: absolute; top:-30px; right: 19px; background:url(/imgs/KR/common/new_more.gif) no-repeat 1px 1px;} .new_section_box .section_body a.new_event_more{position: absolute; top:-30px; right: 17px; background:url(/imgs/KR/common/new_more.gif) no-repeat 1px 1px;} .new_row.new_graph .col6_m_gap1 {width: 48.88888%;} .new_row.new_graph .new_graph_pd{padding: 0 20px 0 0;} /* 메인 공지사항*/ .main_notice_area {margin-bottom:20px; padding-left:20px; *zoom:1;} .main_notice_area:after{content:""; display:block; clear:both;} .main_notice_area article{height:196px; border:1px solid #e4e4e4; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background-color:#fff; overflow:hidden;} .main_notice_area article:first-child{float:left;} /* [S]WA 230926 : 콘텐츠 선형화 */ .main_svc_notice {width:97.7%; position:relative;} .main_svc_notice div{border-bottom:1px solid #e4e4e4; height:56px; line-height:56px; margin-bottom:10px;} .main_svc_notice h3{font-family:"NanumGothic"; font-weight:600; color: black; font-size:18px; background:url('/imgs/KR/main/ico_gr_main_title.png') 0 50% no-repeat; padding-left:10px; margin-left:20px;} .main_svc_notice .nt-more {position:absolute; display:block; top:0; right:0; width:56px; height:55px;border-left:1px solid #e1e7e9; overflow:hidden;} .main_svc_notice .nt-more:focus-visible {outline-offset: -3px;}/* WA 231227 JJW: outline 수정 */ /* WA 231109 KJU : 콘텐츠 명도대비 조정 background-image주석처리, after요소 추가 */ /* background:url('/imgs/KR/main/ico_login_notice.gif') 18px 20px no-repeat; */ .main_svc_notice .nt-more::after { content: "+"; position:absolute; top: 10px; left: 17px; color: #949494; font-size: 32px; } .main_svc_notice .nt-more em{visibility:hidden;} /* [E]WA 230926 : 콘텐츠 선형화 */ .main_svc_notice ul{padding:0 20px;} .main_svc_notice ul li{background:url('/imgs/KR/main/ico_gr_notice.png') 0 50% no-repeat; padding-left:10px;} .main_svc_notice ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:5px 0;} /* 메인 진행중인 이벤트 */ .main_event_area {margin:0 20px; width:95.5%; border:1px solid #e4e4e4; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background-color:#fff; overflow:hidden; width:auto; min-height:1px; background-color:#fff; *zoom:1;} .main_event_area .new_section_head_b {padding:18px 0 17px; margin-bottom:15px; position:relative; border-bottom:1px solid #e4e4e4;} .main_event_area .new_section_head_b:after {content:""; display:block; clear:both; font-size:0px; line-height:0px;} .main_event_area .new_section_head_b div h3 {background:url('/imgs/KR/main/ico_gr_main_title.png') 0 50% no-repeat; margin-left:0; float:left; font-size:18px; font-family:"NanumGothicBold"; color:#000; *height:100%; *zoom:1;} .main_event_area .new_section_head_b div h3 a {position:absolute; display:block; top:0; right:0; width:56px; height:55px; background:url('/imgs/KR/main/ico_login_notice.gif') 18px 20px no-repeat; border-left:1px solid #e1e7e9; overflow:hidden;} .main_event_area .new_section_head_b div h3 a em {visibility:hidden;} .new_info_box.main_event_ban {padding:4px 0 20px 0;} .new_info_box.main_event_ban ul {overflow:hidden; *zoom:1;} .new_info_box.main_event_ban ul li {float:left; width:22.2%; margin-left:2%; border:1px solid #aaaaaa; border-radius:10px;} .new_info_box.main_event_ban ul li.first {margin-left:20px;} .new_info_box.main_event_ban ul li dl {position:relative;} .new_info_box.main_event_ban ul li dl dt {width:100%; padding-top:69%;} .new_info_box.main_event_ban ul li dl dd span.new_event_bg {position:absolute; top:92%; left:0; width:100%; height:12px; background:url(/imgs/KR/main/new_event_bg.png) no-repeat 0px 1px; z-index: 1;} .new_info_box.main_event_ban ul li dl dt a {display:block; min-height:30px; padding-left:10px; padding-right:33px; padding-bottom:0%; font-family:"NanumGothicBold"; font-size:14px; color:black; background: url(/imgs/KR/common/new_bu_boxList_close.gif) no-repeat 93% 12%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .new_info_box.main_event_ban ul li dl dd {position:absolute; top:1px; left:0; width:100%;} .new_info_box.main_event_ban ul li dl dd a {display:block; width:100%; height:134px;} .new_info_box.main_event_ban ul li dl dd a img {width:100%; height:100%; border-top-left-radius: 10px; border-top-right-radius: 10px;} /*나만의 맞춤혜택*/ .new_border_box {position:relative; width:auto; height:124px; padding:19px; border:1px solid #aaaaaa; border-radius: 10px;} .new_border_box h4 {margin-bottom:9px; font-family:"NanumGothicBold"; font-size:16px; color:#000;} .new_border_box ul {margin-right:0px;} .new_border_box li {line-height:16px;} .new_imgW100 {height:248px; padding:24px 0 24px !important; text-align:center;} .new_imgW100 > img{height: 100%;} .new_border_box.so dl a {display:block;} .new_border_box.so dl dt {margin-bottom:2px; font-family:"NanumGothicBold"; font-size:13px;} .new_border_box.so dl dt a, .new_border_box.so dl a dt {color:#3c61b9; font-size:13px;} .new_border_box.so dl dd {font-size:12px; color:#666; line-height:16px; margin-bottom:8px;} .new_border_box.so p.more {position:absolute; top:20px; right:25px;} .new_choose_box {overflow:hidden;} .new_choose_box .new_choose_best {float:left; width:50%; height:69px;} .new_choose_box .new_choose_best dd {margin-top:13px;} .new_choose_box .new_choose_best dd a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .new_choose_box .new_choose_img_area {float:right; width:49%; height:69px; text-align:center;} .new_choose_box .new_choose_img_area a {display:block; width:182px; height:64px; margin-top:14px;} .new_choose_box .new_choose_img_area img {width:100%; height:100%;} /*진행중인 이벤트*/ .new_info_box.list_area_ban {padding:4px 0 20px;}/*2015-03-02 수정*/ .new_info_box.list_area_ban ul {overflow:hidden; *zoom:1;} .new_info_box.list_area_ban ul li {float:left; width: 23.21%; margin-left:2%; border:1px solid #aaaaaa; border-radius: 10px;}/*2015-03-02 수정*/ .new_info_box.list_area_ban ul li.first {margin-left:0;} .new_info_box.list_area_ban ul li dl {position:relative;} /*.new_info_box.list_area_ban ul li dl dt {width:100%; padding-top:75%;}*/ .new_info_box.list_area_ban ul li dl dt {width:100%; padding-top:69%;}/*2015.09*/ .new_info_box.list_area_ban ul li dl dd span.new_event_bg {position: absolute; top:92%; left:0; width: 100%; height: 12px; background:url(/imgs/KR/main/new_event_bg.png) no-repeat 0px 1px; z-index: 1} /*.new_info_box.list_area_ban ul li dl dt a {display:block; min-height:40px; padding-left:10px; padding-right:33px; padding-bottom:3%; font-family:"NanumGothicBold"; font-size:16px; color:black; background: url(/imgs/KR/common/new_bu_boxList_close.gif) no-repeat 93% 12%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}*/ .new_info_box.list_area_ban ul li dl dt a {display:block; min-height:30px; padding-left:10px; padding-right:33px; padding-bottom:0%; font-family:"NanumGothicBold"; font-size:14px; color:black; background: url(/imgs/KR/common/new_bu_boxList_close.gif) no-repeat 93% 12%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}/*2015.09*/ .new_info_box.list_area_ban ul li dl dd {position:absolute; top:1px; left:0; width:100%;} .new_info_box.list_area_ban ul li dl dd a {display:block;width:100%;height:134px; }/*2015-03-02 수정*/ .new_info_box.list_area_ban ul li dl dd a img {width:100%;height:100%; border-top-left-radius: 10px; border-top-right-radius: 10px;} /* new_button global.css에 있는 내용 */ /*white*/ .new_button.dwhite { background-color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff ), to(#f2f2f2 )); background: -webkit-linear-gradient(top, #ffffff, #f2f2f2 ); background: -moz-linear-gradient(top, #ffffff, #f2f2f2 ); background: -ms-linear-gradient(top, #ffffff, #f2f2f2 ); background: -o-linear-gradient(top, #ffffff, #f2f2f2 ); background: linear-gradient(top, #ffffff, #f2f2f2 ); border:1px solid #d8d8d8; color:#399d2b; font-size:12px; padding:6px 8px 5px; font-weight:bold; } .new_button.dwhite:hover { background-color:#f2f2f2; *background-color:none; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2)); background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2); background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2); background: -o-linear-gradient(top, #f2f2f2, #f2f2f2); background: linear-gradient(top, #f2f2f2, #f2f2f2); } /*전계좌보기,로그아웃 동일*/ .new_button, a.new_button {width:auto; color:#fff; cursor:pointer; display:inline-block; font-family:'SCProsperSans', 'NanumGothic'; font-weight:bold; font-size:14px; line-height:1; margin:0; /*outline:none;*/ padding:14px 30px 12px; position:relative; text-align:center; text-decoration:none; vertical-align:middle;} /* 2025 07 font */ .new_button:hover { background-color:#f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2'); background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2)); background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2); background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2); background: -ms-linear-gradient(top, #f2f2f2, #f2f2f2); background: -o-linear-gradient(top, #f2f2f2, #f2f2f2); background: linear-gradient(top, #f2f2f2, #f2f2f2); } /*로그아웃*/ /* green */ .new_button.dgreen { background-color:#02820c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22a22c', endColorstr='#02820c'); background: -webkit-gradient(linear, left top, left bottom, from(#22a22c ), to(#02820c )); background: -webkit-linear-gradient(top, #22a22c, #02820c ); background: -moz-linear-gradient(top, #22a22c, #02820c ); background: -ms-linear-gradient(top, #22a22c, #02820c ); background: -o-linear-gradient(top, #22a22c, #02820c ); background: linear-gradient(top, #22a22c, #02820c ); color:#fff; font-size:15px; padding:10px 25px; font-weight:bold; } .new_button.dgreen:hover { color: #fff; background-color:#268f00; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02820c', endColorstr='#02820c'); background: -webkit-gradient(linear, left top, left bottom, from(#02820c), to(#02820c)); background: -webkit-linear-gradient(top, #02820c, #02820c); background: -moz-linear-gradient(top, #02820c, #02820c); background: -ms-linear-gradient(top, #02820c, #02820c); background: -o-linear-gradient(top, #02820c, #02820c); background: linear-gradient(top, #02820c, #02820c); } .new_button.dwhite span{font-weight:bold; } /* // new_button global.css에 있는 내용 */ .new_info_wrap p.btn a{color: #399d2b; font-weight: bold;} /*2015.02 전계좌보기 추가*/ .new_section_box .new_section_head span.new_my_more{color: #fff; font-weight: bold; font-size: 14px; margin-right: 24px;} .new_section_box .new_section_head span a.section_more img{margin-top: -2px;} .new_section_box .new_section_head .more a{position: absolute; top:14px; right: 4%;} /*Seeing is Believing 배너*/ .seeing_banner{position:relative; padding:22px 33px; background-color:#fff; } .seeing_banner h4{color:#223354 !important ; font-size:21px !important ;} .seeing_banner p{line-height:20px; color:#223354;} .seeing_banner .bannerbg{position:absolute; top:14px; right:30px;} .seeing_banner .bannerbg li{display:inline; margin-left:22px;} .seeing_banner .bannerbtn{position:absolute; bottom:25px; right:30px;} .seeing_banner .bannerbtn span a{border-radius:5px;} /* 2015-08-18 공인인증센터 3depth 3줄 */ .three_line.menu-tab li {height:82px; vertical-align:top;} .three_line.menu-tab li a {padding:6px 14px 10px 11px; height:52px; line-height:18px;} .three_line.menu-tab li.one_line a {padding:25px 14px 10px 11px; height:33px; line-height:18px;} .three_line.menu-tab li.two_line a {padding:15px 14px 10px 11px; height:43px; line-height:18px;} /*2015.08.19 윈도우 팝업를 레이어 팝업화 시킴*/ /* [S] WA 231020 JJW: 레이어팝업 id->class 교체 */ .lp_body .button-group {float:right; margin:12px 0;} .lp_body .sub_copy {font-family:'NanumGothicBold'; font-size:14px; color:#666; margin-top:10px;} .lp_body .copy {margin-bottom:0px !important ; font-size:12px; color:#666;} .lp_body .section_box{clear:both;} /* [E] WA 231020 JJW: 레이어팝업 id->class 교체 */ /* 2016.04.01 ISA */ .isa_goods_box {min-height:90px; background-color:#fff; padding-top:25px;} .dis_inline_block .autoAmt.autoAmt2 {text-align:right; margin-top:7px; margin-right:128px;} ol.step.tabCnt6 li.first.f01.off, ol.step.tabCnt6 li.first.f01.off2, ol.step.tabCnt6 li.first.f01.on {width:17%;} ol.step.tabCnt6 li.mid.m01.off, ol.step.tabCnt6 li.mid.m01.off2, ol.step.tabCnt6 li.mid.m01.on {width:18%;} ol.step.tabCnt6 li.mid.m02.off, ol.step.tabCnt6 li.mid.m02.off2, ol.step.tabCnt6 li.mid.m02.on {width:14%;} ol.step.tabCnt6 li.mid.m03.off, ol.step.tabCnt6 li.mid.m03.off2, ol.step.tabCnt6 li.mid.m03.on {width:16%;} ol.step.tabCnt6 li.mid.m04.off, ol.step.tabCnt6 li.mid.m04.off2, ol.step.tabCnt6 li.mid.m04.on {width:20%;} ol.step.tabCnt6 li.last.l01.off, ol.step.tabCnt6 li.last.l01.off2, ol.step.tabCnt6 li.last.l01.on {width:15%;} /* Popup 라인 수정 */ .pop-agree-table{border:1px solid #dadada; margin-top:15px;} .pop-agree-table table{width:100%;} .pop-agree-table th, .pop-agree-table td{padding:5px 10px; text-align:left;} .pop-agree-table th{color:#16275d;} .pop-agree-table td input{vertical-align:middle;} .pop-agree-table tr.trbg th, .pop-agree-table tr.trbg td{background-color:#f6f6f6;} .pop-agree-table.agree-line td{text-align:right;} .pop-agree-table.agree-line th, .pop-agree-table.agree-line td{border-top:1px solid #dadada; padding-top:10px; padding-bottom:10px;} .pop-agree-table.agree-line tr:first-child th, .pop-agree-table.agree-line tr:first-child td{border-top:0;} .pop-agree-all{padding-top:20px; margin-bottom:-10px;} .pop-agree-all strong{color:#16275d;} .pop-agree-all input{vertical-align:middle;} /*2016-08-11 돌려드림론*/ /* [S] WA 231020 JJW: 레이어팝업 id->class 교체 */ .lp_body .lp_cont .list_explan h3{font-weight:bold;} .lp_body .lp_cont .list_explan>li{ line-height:20px; padding-bottom:15px;} /* [E] WA 231020 JJW: 레이어팝업 id->class 교체 */ .info_menu li:first-child a.dream_info{padding-top:3px;} ol.tab_cnt06{position:relative;} ol.tab_cnt06 li:first-child{padding-left:10px; border-left:1px solid #e0e0e0;} ol.tab_cnt06 li{padding-right:4%; } ol.step.tab_cnt06 li span.step02{background-position: 0 -30px; vertical-align:-2px;} ol.step.tab_cnt06 li.on span.step02{background-position: -48px -30px;} ol.tab_cnt06 .line2{padding-right:4%; font-size:12px;} ol.tab_cnt06 .last{float:right; padding-right:1%;} ol.step li span.br{display:block; height:0;} ol.tab_cnt06 .line2 p{display:inline-block; *display:inline; *zoom:1; line-height:1; vertical-align:middle;} ol.tab_cnt06 li.last{position:absolute; top:0; right:0; padding-left:2px;} ol.tab_cnt06 li.cnt06_on{padding-right:4.4%} /* 2017-10-12 소득재직 증빙자료제출 */ ol.step.tabCnt5.incometax li.first {width:33%;} ol.step.tabCnt5.incometax li.last {width:11%;} /* 2017-10-12 돌려드림론대출 */ ol.step.tabCnt6.clLong02 li.first {width:11%;} ol.step.tabCnt6.clLong02 li.mid {width:13%;} ol.step.tabCnt6.clLong02 li.mid2 {width:18%;} ol.step.tabCnt6.clLong02 li.last {width:10%; *margin-left:-1px;} /* 2017-10-26 중소기업분할상환대출 */ .content_head.new {margin-bottom:10px;} ol.step.tabCnt5.clLong.new li {overflow:hidden;position:relative;} ol.step.tabCnt5.clLong.new li .tit_step {display:inline-block;font-size:16px;word-break:keep-all;position:absolute;left:0;padding-left:40px;width:70%;line-height:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} ol.step.tabCnt5.clLong.new li span {margin-left:0;} ol.step.tabCnt5.clLong li.mid.m2_2 {width:26%;} ol.step.tabCnt5.clLong li.mid.m3 {width:21%;} ol.step.tabCnt5.clLong li.mid.m4 {width:26%;} .section_box .section_head p.txt {clear:both;margin-right:19px;padding-left:19px;padding-top:6px;} .proc_list.new {padding:30px 20px;background:#fff;overflow:hidden;} @media screen and (max-width:760px){ .proc_list.new {text-align:center;} .proc_list.new li {width:106px !important;height:106px !important;margin-bottom:20px;float:none !important;display:inline-block;} .section_box .section_head h3 {float:none;} .section_box .section_head p.txt {padding:0 10px !important;text-align:left;float:none;} } @media screen and (max-width:800px){ .section_box .section_head h3 {float:none;} .section_box .section_head p.txt {padding:0 19px !important;text-align:left;float:none;} } .proc_list.new li {float:left;margin-left:40px;position:relative;width:116px;height:116px;border-radius:50%;border:4px solid #37ab4d;text-align:center;box-sizing:border-box;} .proc_list.new li:before {content:'';background:url('/imgs/KR/common/ico_btn01.png') center no-repeat;width:10px;height:20px;background-size:100%;display:block;font-weight:bold;position:absolute;left:-25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .proc_list.new li.on, li.complete {background:#37ab4d;} .proc_list.new li.on, li.complete span {font-weight:bold;color:#fff;} .proc_list.new li:first-child {margin-left:0;} .proc_list.new li:first-child:before {display:none;} .proc_list.new li span {position:absolute;width:100%;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:15px;font-size:13px;line-height:20px;} /* 2017-11-01 추가 */ .allAgree.type02 {margin:0; padding:10px 20px;background:#fff;border:1px solid #dadada;} .list_line.type02 li {font-size:13px;margin-top:5px;background:none;text-indent:-11px;font-weight:bold;letter-spacing:-0.5px;} .list_line.type02 li:first-child {margin-top:0;} .proc_txt_box {position:relative;background:#fff;text-align:center;padding:50px 0;line-height:24px;border-bottom:1px solid #dadada;} .proc_txt_box:before {content:'';display:inline-block;margin-bottom:10px;background:url('/imgs/KR/common/ico_loan.png') center no-repeat;width:44px;height:50px;background-size:100%;} .proc_txt_box strong {font-size:16px;font-weight:bold;display:block;margin-bottom:5px;color:#000;} .proc_txt_box strong span {font-weight:bold;color:#ff9900;} .proc_txt_box p {font-size:12px;color:#565656;} .proc_txt_box p span {font-weight:bold;color:#ff9900;} .proc_txt_box.type02:before {background:url('/imgs/KR/common/ico_err.png') center no-repeat;width:42px;height:42px;background-size:100%;overflow:hidden;} /* 17.11.13 팝업 스크롤 구조 */ /* [S] WA 231020 JJW: 레이어팝업 id->class 교체 */ .lp_body .lp_cont.scroll {height:30px;overflow-y:auto;padding:20px;width:auto;border:1px solid #dadada;border-bottom:0;} .lp_body .lp_box {margin-top:20px;} .lp_body .lp_box:first-child {margin-top:0;} .lp_body .lp_tit {font-size:15px;color:#000;display:block;margin-bottom:10px;} /* [E] WA 231020 JJW: 레이어팝업 id->class 교체 */ /* 데일리론 추가 2019.10.25 ~ ================================================================================================ */ .tmon-login-wraper h2{margin-top: 10px; text-align: center; font-size: 20px; font-weight: bold; letter-spacing: -.5px; } .tmon-login-wraper h2 img {width: 120px;} .tmon-login-wraper .longin-info-box {margin: 20px 0 0 0; padding: 15px ; border: 2px solid #eaeaea; text-align: center; } .tmon-login-wraper .longin-info-box > span {display: inline-block; } .tmon-login-wraper .longin-info-box > span:nth-child(2){margin-left: 10px; } .tmon-login-wraper .longin-info-box > span input {width: 110px;} .tmon-login-wraper .longin-info-box > span input:focus {font-weight: normal; } .tmon-login-wraper .longin-info-box .button {height: 30px; line-height: 30px; margin-left: 8px; padding: 0 25px; border-radius: 4px; } .tmon-login-wraper.error {width: auto; padding: 0; } .tmon-login-wraper .error {display: none; margin: 8px 0 0 0; padding: 0; font-size: 12px; color: #fa0000;} .tmon-login-wraper.error .error {display: block; } .find-tmon-id {margin-top: 15px; color: #666; } .find-tmon-id p a {margin-left: 10px; text-decoration: underline; color: #015a9c} .section_box .section_head.none{position: relative; } .section_box .section_head.none h3{float: none;} .section_box .section_head.none p {width: 70%; line-height: 1.5em; margin-top: 10px; padding: 0 19px; } .section_box .section_head.none .more {position: absolute; right: 0px; bottom: 12px; } .section_box.agree_box {padding: 15px; } .section_box.agree_box + .section_box {margin-top: -1px} .market-status-btn {margin: 30px 0; text-align: center; } .market-status-btn p {margin: 15px 0 0 0; } .tmon-info {padding: 30px 40px; background: #fff; text-align: center; } .tmon-info span.iconBox {display: block; } .tmon-info span.iconBox img {widht: 110px; } .tmon-info p {line-height: 1.5em; margin: 10px 0 0 0; font-size: 13px; } .tmon-info p.tit {margin-top: 20px; font-size: 16px; font-weight: bold; } .tmon-info button {margin-top: 20px; } .proc_list.new.seven li {width: 99px; height: 99px; margin-left: 34px; } .proc_list.new.seven li:first-child{margin-left: 0; } .proc_txt_box table.homtax {width: 70%; margin: 20px auto; border: 2px solid #eaeaea !important; } .proc_txt_box table.homtax tbody td , .proc_txt_box table.homtax tbody th {padding: 15px ; } .proc_txt_box strong span {font-size: 16px; } .market-calcInfo {margin-left: -12px; } .market-calcInfo:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; } .market-calcInfo li {float: left; width: 216px; height: 88px; margin-left: 12px; padding: 12px; border: 2px solid #dadada; border-radius: 4px; box-sizing: border-box; } .market-calcInfo li p {line-height: 20px; } .market-calcInfo li p strong {display: inline-block; width: 90px; font-weight: normal; } .market-calcInfo li p.sum span {font-weight: bold; color: #de2431; } .market-calcInfo li.sum {background: #f5f5f5 ; border-color: #cfcfcf} .market-calcInfo li.sum > strong{display: block;margin-bottom: 15px; font-size: 15px; text-align: center; } .market-calcInfo li.sum > span {display: block; font-weight: bold; font-size: 18px; text-align: center; } .market-calcInfo li.sum span strong{margin-right: 5px; color: #de2431; font-size: 16px; } .tab-wraper .tab-conts {padding:15px 10px; background: #fff; } .w60 {width: 60% !important;} /* 금융인증서안내 2020-10-27 추가 */ .mag_type3 {padding: 10px 16px;} .mag_type3 .list_wrap {font-family:"NanumGothic"; text-align: center;} .mag_type3 .list_wrap h4 {margin-bottom: 0; font-family:"NanumGothic"; font-size: 20px; font-weight: bold; color: #303030; text-align: left;} .mag_type3 .list_wrap h4 span {display: block; margin-top: 10px; font-size: 16px; font-weight: normal;} .mag_type3 .list_wrap ol {margin-top: 50px; overflow: hidden; display: inline-block;} .mag_type3 .list_wrap ol > li {float: left; max-width: 270px; margin-left: 28px; width: 100%;} .mag_type3 .list_wrap ol > li:first-child {margin-left: 0;} .mag_type3 .list_wrap ol.item2 > li {margin-left: 60px;} .mag_type3 .list_wrap ol.item2 > li:nth-child(1) {margin-left: 0;} .mag_type3 .list_wrap ol > li .step_num {display: inline-block; margin-bottom: 20px; min-width: 83px; height: 27px; font-size: 16px; font-weight: bold; color: #02599c; line-height: 27px; border-radius: 18px; border: 1px solid #02599c; } .mag_type3 .list_wrap ol > li img {display: block; width: 100%;} .mag_type3 .list_wrap ol > li p {display: block; text-align: left; font-size: 16px; font-weight: bold; line-height: 1.38; color: #303030; margin-top: 29px;} /* 2021-03-04 파트너스론 고도화 */ .section_box .sohoLoan_info form{margin-top: 36px;} .section_box .sohoLoan_info input[type=text]{width: 200px; margin-left: 10px;} .section_box .sohoLoan_info .sohoBtn {margin-top: 36px;} .section_box .soho {padding: 20px 19px; border-top: 1px solid #dadada;} .section_box .soho .top {border-bottom: 1px solid #2aac48} .section_box .soho .top .tit {font-size: 16px; font-family:'NanumGothicBold'} .section_box .soho .top .checkboxGroup {float: right; margin-top: -28px;} .section_box .soho .top .checkboxGroup label {margin-left: 3px;} .section_box .soho .top .checkboxGroup input[type=checkbox] {margin-left: 12px;vertical-align:middle;} .section_box .soho .middle {padding: 12px 20px 0;} .section_box .soho .middle .chekList:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow; hidden;} .section_box .soho .middle .chekList li {float: left; width: calc(100% / 3 - 10px) ; height: 20px; line-height: 20px;} .section_box .soho .middle .chekList li label {margin-left: 3px;} .section_box .soho .middle .chekList li input[type=checkbox] {vertical-align: middle;} .section_box .soho .middle .list_line {margin-top: 12px;padding-top: 12px; border-top: 1px solid #dadada;} .tbl_data_type2 tbody tr td input[type=text].w100 {width: 80px; text-align: right;} .tbl_data_type2 tfoot tr td {font-weight: bold;} .tbl_data_type4 tfoot {border-top: 1px solid #dadada;} .tbl_data_type4 tfoot tr th , .tbl_data_type4 tfoot tr td{background: #e6e6e6;} .tbl_data_type4 tbody td.vat_middle {vertical-align: middle !important;} .button.small {padding: 4px 10px;} .button.dgreen[disabled] {background: #5d6063;} .button-group + .loanAmountBox {float: right; margin-top: -50px; height: 30px; line-height: 30px; padding: 0 12px; border: 1px solid #acacac; box-sizing: border-box; background: #fff;} .button-group + .loanAmountBox label {font-weight: bold; color: #000;} .button-group + .loanAmountBox input[type=text] {border: 0 none; height: 28px; margin-top: 0; vertical-align:top; width: 120px; text-align: right;} /* 2021.04.14 파트너스론 적합성,적정성 고객정보 확인서 */ .text_bdt_box {border-top:1px solid #dadada; padding:20px;} .text_bdt_box.bw {background:#fff;} .wrap_btn_unique {background:#fff; text-align:center; padding:10px;} /* 2021.04.14 파트너스론 개인(신용)정보 조회동의 컨텐츠수정 */ .section_box .section_body .agree_line .inner_has_btn {position:relative; padding-right:180px;} .section_box .section_body .agree_line .inner_has_btn:after {content:""; display:block; clear:both;} .section_box .section_body .agree_line .inner_has_btn .left {float:left;} .section_box .section_body .agree_line .inner_has_btn .tit {float:none; margin-bottom:5px;} .section_box .section_body .agree_line .inner_has_btn .desc {line-height:1.6;} .section_box .section_body .agree_line .inner_has_btn .right {position:absolute; top:5px; right:0; text-align:right;} .section_box .section_body .agree_line .inner_has_btn .agree {float:none;} /* 2021-06-01 동의서 개정 */ .new_agree > li {border-top:1px solid #e5e5e5;} .new_agree > li > .agree_box, .new_agree > li > .agree_sub {border-top:1px solid #e5e5e5;} .new_agree > li > .agree_sub {padding:15px 25px 0 25px;} .new_agree > li > .agree_sub .s_tit {font-weight:bold; color:#222; margin:10px 0; text-indent:-22px; padding:15px 0 0 22px; border-top:1.7px dashed #ddd;} .new_agree > li > .agree_sub .s_tit.first, .new_agree > li > .agree_sub .s_tit:first-child {padding-top:0; border-top:0;} .new_agree > li > .agree_sub > dl {overflow:hidden; margin:0 0 15px 15px;} .new_agree > li > .agree_sub > dl > dt {float:left; color:#444; font-weight:bold; line-height:18px;} .new_agree > li > .agree_sub > dl > dt > p {text-indent:-13px; padding-left:13px;} .new_agree > li > .agree_sub > dl > dd > p > input[type="radio"] {vertical-align:middle; margin-right:3px;} /* 2021.07.16 금소법 스탭 추가 */ ol.step.tabCnt6_ty li.first {width:20%;} ol.step.tabCnt6_ty li.mid {width:17%;} ol.step.tabCnt6_ty li.last {width:12%; *margin-left:-1px;} @media all and (max-width:860px) { ol.step.tabCnt6_ty li.last {padding-left: 10px;} } /* ********** 2021.10.14 파워콜 css */ .fund-recall.wrap_showhide {height:60vh; overflow-y:scroll;} .fund-recall.wrap_showhide:last-of-type {overflow-y:auto;} .fund-recall * {box-sizing:border-box;} .fund-recall form {padding-right:15px;} .fund-recall-url form {padding-right:0;} .fund-recall form>p {line-height:1.8em;} .fund-recall form>p:nth-of-type(2) {padding:20px; font-weight:bold; background:#f1f1f1; border-radius:10px;} .fund-recall form .agree label {margin-right:6px;} .fund-recall form .agree label:last-of-type {margin-right:0;} .fund-recall form input {margin-right:5px;} .fund-recall .box-fundrecall-answ .agree {padding-right:15px; text-align:right;} .fund-recall .fund-callback-wrap {padding-top:30px; background:#fff; border:1px solid #dddcdc; border-width:1px 0 0 0!important;} .fund-recall .fund-callback-wrap .fund-Qlist .agree_line {margin-bottom:15px; padding:0; border:none;} .fund-recall .fund-callback-wrap .fund-Qlist .agree_line .tit {position:relative; float:inherit; padding:15px 15px 10px 20px; width:100%;} .fund-recall .fund-callback-wrap .fund-Qlist .agree_line .tit::before {display:block; content:'■'; position:absolute; top:15px; left:4px;} .fund-recall .fund-callback-wrap .fund-Qlist .agree_line .list_dot {position:relative; padding:15px 15px 15px 10px; width:calc(100% - 110px);} .fund-recall .fund-callback-wrap .fund-Qlist .agree_line .agree {float:inherit; padding-top:0; padding-right:15px; text-align:right;} .fund-recall .fund-callback-wrap .fund-Qlist .agree_line .list_dot+.agree {position:absolute; top:16px; right:0; padding-top:0;} .fund-recall .fund-callback-wrap .fund-Qlist .agree_tit {position:relative; padding:15px 15px 10px 20px; width:100%; font-weight:bold; color:#000; line-height:16px;} .fund-recall .fund-callback-wrap .fund-Qlist .agree_tit::before {display:block; content:'■'; position:absolute; top:15px; left:4px;} /* 파워콜 - url 페이지 css*/ .fund-recall.wrap_showhide.fund-recall-url {height:auto; overflow-y:auto;} @media all and (max-width:768px){ .fund-recall-url form>p {text-align:center;} .fund-recall form>p:nth-of-type(2) {background:transparent;} .fund-recall-url .box-fundrecall-answ .agree {display:flex; justify-content:space-between; position:relative; width:100%;} .fund-recall-url .box-fundrecall-answ .agree label {padding:11px 10px; width:100%; color:#555; line-height:18px; text-align:center; background:#cccbcb; border:1px solid #cccbcb; border-radius:5px;} .fund-recall-url .box-fundrecall-answ .agree label:last-of-type {margin-left:10px;} .fund-recall-url .box-fundrecall-answ .agree input {position:absolute; top:0; left:0; opacity:0;} .fund-recall-url .box-fundrecall-answ .agree input:checked+label {position:relative; background:#2772C7; border-color:#2772c7; color:#fff;} .fund-recall-url .box-fundrecall-answ .agree input:checked+label::after {display:block; position:absolute; top:50%; left:10px; margin-top:-6px; width:9px; height:6px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); content:'';} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line {padding:0 5px; border:none;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .tit {width:100%;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .tit::after {display:none;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .list_dot {width:100%;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .list_dot::after {display:none;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .agree {display:flex; justify-content:space-between; position:relative; right:0; width:100%;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .list_dot+.agree {position:relative; top:0;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .agree label {padding:11px 10px; width:100%; color:#555; line-height:18px; text-align:center; background:#cccbcb; border:1px solid #cccbcb; border-radius:5px;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .agree label:last-of-type {margin-left:10px;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .agree input {position:absolute; top:0; left:0; opacity:0;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .agree input:checked+label {position:relative; background:#2772C7; border-color:#2772c7; color:#fff;} .fund-recall-url .fund-callback-wrap .fund-Qlist .agree_line .agree input:checked+label::after {display:block; position:absolute; top:50%; left:10px; margin-top:-6px; width:9px; height:6px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); content:'';} } /* // ********** 2021.10.14 파워콜 css */ /* [dev] 미스터리쇼핑 2022-06-02 */ .section_box .info_box p + p {margin-top:8px;} /* [dev] 미스터리쇼핑 2022-06-02 리스크 프로필 내 이미지 추가 */ .tbl_data_type4 .wrap_img_tendency {width:100%;max-width:134px;margin:0 auto;} .tbl_data_type4 .wrap_img_tendency img {width:100%;} /* [dev] 미스터리쇼핑 2022-06-03 투자 성향 분석 결과 내 버튼 추가*/ .tbl_data_type6 .wrap_tendency {position:relative;} .tbl_data_type6 .wrap_tendency p {margin-bottom:24px;} .tbl_data_type6 .wrap_tendency .wrap_btn {position:absolute;bottom:10px;left:50%;width:160px;-webkit-transform:translateX(-50%);transform:translateX(-50%);} /* [dev] 미스터리쇼핑 2022-06-10 Sorting btn 추가 */ .ms_wrap_sorting {position:relative;padding:2px 4px;text-indent:-14px} .ms_wrap_sorting [class^="btn"] {display:block;position:absolute;right:8px;} .ms_wrap_sorting .btn_ascending {top:0;} .ms_wrap_sorting .btn_descending {bottom:0;} .ms_wrap_sorting [class^="btn"] i {display:block;width:0;height:0;border-style:solid;} .ms_wrap_sorting .btn_ascending i {border-width:0 6px 6px 6px;border-color:transparent transparent #fff transparent;} .ms_wrap_sorting .btn_ascending:hover i, .ms_wrap_sorting .btn_ascending.active i {border-color:transparent transparent #aaa transparent;} .ms_wrap_sorting .btn_descending i {border-width:6px 6px 0 6px;border-color:#fff transparent transparent transparent;} .ms_wrap_sorting .btn_descending:hover i, .ms_wrap_sorting .btn_descending.active i {border-color:#aaa transparent transparent transparent;} /* [dev] 미스터리쇼핑 2022-06-13 펀드 종류별 검색 */ .ms_detail_search_wrap {margin:40px 0 20px ;border:1px solid #ccc;} .ms_detail_search_wrap .ms_btn_accordion {display:block;padding:12px 10px;width:100%;box-sizing:border-box;background-color:#fff;text-align:left;} .ms_detail_search_wrap .ms_btn_accordion:hover {background-color:#f2f2f2;*background-color:none;background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2));background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2);background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2);background: -o-linear-gradient(top, #f2f2f2, #f2f2f2);background: linear-gradient(top, #f2f2f2, #f2f2f2);} .ms_detail_search_wrap .ms_btn_accordion i {display:block;position:relative;font-size:15px;font-style:normal;font-weight:bold;} .ms_detail_search_wrap .ms_btn_accordion i:after {display:block;position:absolute;top:0;right:11px;width:10px;height:10px;border-left:2px solid #191919;border-bottom:2px solid #191919;transform:rotate(-45deg);content:"";} .ms_detail_search_wrap .ms_btn_accordion.active i:after {top:7px;transform:rotate(-225deg);} .ms_detail_search_wrap .ms_btn_accordion.active + .wrap_details {display:block;} .ms_detail_search_wrap .wrap_details {display:none;border-top:3px solid #18abeb;background:#fff;} .ms_detail_search_wrap .tbl_data_type3 {border-top:0 !important;} .ms_detail_search_wrap .tbl_data_type3 thead th {padding:6px 10px;border-color:#eee;height:auto;background:#f8f8f8;} .ms_detail_search_wrap .tbl_data_type3 tbody td {padding:10px;vertical-align:top;} .ms_detail_search_wrap .tbl_data_type3 thead th + th, .ms_detail_search_wrap .tbl_data_type3 tbody td + td {border-left:1px solid #eee;} .ms_detail_search_wrap .tbl_data_type3 tbody tr:last-child td {border-bottom:0;} .ms_detail_search_wrap .wrap_details label {display:block;cursor:pointer;} .ms_detail_search_wrap .wrap_details label + label {margin-top:10px;} .ms_detail_search_wrap .wrap_details label input[type="checkbox"], .ms_detail_search_wrap .wrap_details label input[type="radio"] {margin-top:0;} .ms_detail_search_wrap .wrap_details label > span {display:inline-block;margin-left:5px;vertical-align:top;line-height:1.2;} .ms_detail_search_wrap .wrap_details .wrap_btn {padding:10px 20px;border-top:1px solid #ccc;text-align:right;clear:both;} .ms_detail_search_wrap .wrap_details .wrap_btn:after {display:table;clear:both;content:"";} /* [S] WA 231226 JJW: 명도대비 수정 #18abeb -> #2772C7 */ .search_wrap .search_condition.ms_renewal .label_title {background-color:#2772C7;} .search_wrap .search_condition.ms_renewal .list_search_area {border-color:#2772C7;} .search_wrap .search_condition.ms_renewal .btn_search {background-color:#2772C7;} .search_wrap .search_condition.ms_renewal .list_search_area .search_input {color:#2772C7;} /* [S] WA 231226 JJW: 명도대비 수정 #18abeb -> #2772C7 */ /* [dev] 미스터리쇼핑 2022-06-10 파생형 펀드의 적정성 확인 */ .ms_trade_off_check .dot_txt {display:block;position:relative;padding-left:8px;font-size:14px;} .ms_trade_off_check .dot_txt:before {display:block;content:"";position:absolute;top:6px;left:0;width:4px;height:4px;background:#666;border-radius:50%;} .ms_trade_off_check .dot_txt span {font-size:14px;} .ms_trade_off_check .wrap_img img {width:50%;max-width:345px;} /* [dev] 미스터리쇼핑 2022-06-17 - 질문 변경사항 */ .tbl_data_type6.ms_type_hidden tbody tr th.hidden_th {border-right:1px solid #e5e5e5;vertical-align:middle !important;color:#666 !important;font-weight:500;background:#fff;} /* [dev] 미스터리쇼핑 2022-06-20 1.10 텍스트 추가 */ .ms_txt_notice .button.dgreen:hover {background-color:#02820c;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22a22c', endColorstr='#02820c');background: -webkit-gradient(linear, left top, left bottom, from(#22a22c ), to(#02820c ));background: -webkit-linear-gradient(top, #22a22c, #02820c );background: -moz-linear-gradient(top, #22a22c, #02820c );background: -ms-linear-gradient(top, #22a22c, #02820c );background: -o-linear-gradient(top, #22a22c, #02820c );background: linear-gradient(top, #22a22c, #02820c);} /* [dev] 미스터리쇼핑 2022-06-13 단일상품 편중리스크 75% 초과 가입 시 */ .ms_math {display:block;} .ms_math > span {display:inline-block;position:relative;width:92px;height:36px;vertical-align:middle;} .ms_math > span sup, .ms_math > span sub {display:block;position:absolute;left:50%;width:100%;text-align:center;transform:translateX(-50%);} .ms_math > span sup {top:0;} .ms_math > span sub {bottom:0;border-top:1px solid #666;} /* FUND Revamp CIP 개편 - CIP예비결과 그래프 변경으로 인한 추가 */ .btn_graph_select {position: absolute; bottom: 84px; left: 50%; width: 100%; max-width: 905px; height: 290px; transform: translate(-50%, 0); z-index: 99;} .btn_graph_select > div {display: flex; /*flex-flow: row-reverse;*/ justify-content: center; align-items: flex-end; width: 100%; height: 100%; box-sizing: border-box; padding-left: 70px; padding-right: 40px;} .btn_graph_select button {width: 20%; height: 100%; text-align: center; color: transparent;} /* WA 231004 AHY 추가 */ #aBankCode.moFocus:focus{ outline: 2px solid #000; } /* 대출계약철회권 팝업*/ .path_dot {padding-left:10px; background:url("/imgs/KR/common/bu_2px_2px_223354.gif") no-repeat 0 7px;} .list_star {padding-left:7px; color:#666; font-size:12px; line-height:18px; background:url('/imgs/KR/common/bu_star.png') left 6px no-repeat;} .list_num_line li {padding-left:16px; color:#666; font-size:12px; line-height:19px; background:url('/imgs/KR/common/bu_gray_line.gif') left 6px no-repeat;} .list_num_line ul li {margin-left 0; margin-top:5px; padding-left:7px; color:#de2431 !important; font-size:12px; line-height:18px; background:url('/imgs/KR/common/bu_star.png') left 6px no-repeat;} .rvk_table_cost {border:0px !important; border-spacing:0px; border-collapse:collapse; width:100%;} .rvk_table_cost th {border:1px solid #d8d8d8; background-color:#f0f0f0; border-left:1px solid #d8d8d8; text-align:left; padding:3px 5px 3px 5px;} .rvk_table_cost td {padding:3px 5px 3px 5px; border:1px solid #d8d8d8; text-align:right;} .rvk_table_info {border:0px !important; border-spacing:0px; border-collapse:collapse; width:100%;} .rvk_table_info th {border:1px solid #d8d8d8; background-color:#f0f0f0; padding: 3px 0 3px 0; text-align:center;} .rvk_table_info td {border:1px solid #d8d8d8; padding:3px 5px 3px 5px;} .rvk_table_info tbody tr:first-child td:first-child, .rvk_table_info tbody tr:last-child td:first-child {text-align: center;} /* 241021 펀드 온라인 설명의무*/ div.fundBasicFAQ {text-align: right;} div.fundBasicFAQ a {font-weight:bold; color:#2772C7; font-size:14px;} div.fundBasicPopup {border-bottom-color: #d3d3d3; border-bottom-width: 1px; border-bottom-style: solid;} /* 241028 펀드 온라인 설명의무*/ .afterInfo .list_num .list_line {padding-left:10px; color:#666; font-size:12px; line-height:19px; background:url('/imgs/KR/common/bu_gray_line.gif') left 6px no-repeat;} /*펀드*/ .selectNewFund {pointer-events:none; /*cursur:default;*/}