우리금융저축은행

<!DOCTYPE html> <html lang="ko"> <head> <meta name="google-site-verification" content="z9d1T2j66bnFucB2D-im-0B7sFD71rX-Tm42-Svi6aY"/> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-HQ2MXV59DN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HQ2MXV59DN'); </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=1400"> <title>우리금융저축은행</title> <link rel="shortcut icon" href="/resources/favicon.ico" type="image/x-icon"> <link rel="icon" href="/resources/favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/reset.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/fullpage.css"> <link rel="stylesheet" href="https://unpkg.com/fullpage.js/dist/fullpage.min.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/slick.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/pages/sub.css?v=1743402129306"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/fonts/font.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/common.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/style.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/swiper-bundle.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/swiper-bundle.min.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/swiper.min.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/css/com/jquery.mCustomScrollbar.css"> <link rel="stylesheet" type="text/css" href="/resources/normal/foresys/css/foresys.css?v=1743402129306"> <script type="text/javascript" src="/resources/normal/js/jquery/jquery.min.js"></script>  <script type="text/javascript" src="/resources/common/js/jquery-ajax-options.js?v=1743402129306"></script> <script type="text/javascript" src="/resources/common/js/common-user.js?v=1743402129306"></script> <script type="text/javascript"> loginObj.contextPath = ''; </script> <script type="text/javascript" src="/resources/common/js/common-util.js?v=1743402129306"></script> <script type="text/javascript" src="/resources/common/js/jquery-submit.js?v=1743402129306"></script> <script type="text/javascript" src="/resources/common/js/jquery.form.js"></script> <script type="text/javascript" src="/resources/normal/js/jquery/slick.js"></script> <script type="text/javascript" src="/resources/normal/js/jquery/btn_allmenu.js"></script> <script type="text/javascript" src="/resources/normal/js/com/common.js?v=1743402129306"></script> <script type="text/javascript" src="/resources/normal/js/com/sub.js?v=1743402129306"></script> <script type="text/javascript" src="/resources/normal/js/jquery/jquery-3.3.1.js"></script> <script src="/resources/normal/js/jquery/swiper-bundle.min.js"></script> <script src="/resources/common/js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="/resources/normal/foresys/js/CommonFunction.js"></script> <script type="text/javascript" src="/resources/common/foresys/bizCommUtils.js"></script> <script type="text/javascript" src="/resources/common/foresys/commonUtils.js"></script> <script type="text/javascript" src="/resources/common/foresys/functionUtils.js"></script> <script type="text/javascript" src="/resources/common/foresys/requestUtils.js"></script> <script type="text/javascript" src="/resources/common/foresys/uiUtils.js"></script> <script type="text/javascript" src="/resources/common/foresys/validationUtils.js"></script> <script> function fn_egov_downFile(atchFileId, fileSn){ window.open("/cmm/fms/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+""); } </script> </head></head> <body>  <div class="mainpopup" style="display:none;"> <div class="popup_top"> <div class="inner"> <input type="checkbox" id="main-pop-not" class="ch_type_01" tabindex="0" /> <label for="main-pop-not" title="메인팝업 하루동안 팝업 닫기"> <em class="icon_ck"></em><span>하루동안 열지 않기</span> </label> <a tabindex="0" href="javascript:;" class="main-pop-close"><span class="ally-hidden">메인팝업 팝업창 닫기</span></a> </div> </div> <div class="popup_cont"> <div class="inner"> <ul class="popup_img_slide"> <li class="popup_1442"> <a href="" title="페이지 이동" tabindex="0"> <img src="/NAS/FILES/aju_web/home/user/file/asb/upload/BANNER/산불피해팝업(2)_1742807690902_0.png" alt="산불피해 팝업" /></a> </li> <li class="popup_1432"> <a href="https://www.fss.or.kr" title="페이지 이동" tabindex="0"> <img src="/NAS/FILES/aju_web/home/user/file/asb/upload/BANNER/24129_불법사금융_모바일(배너)_1741656869837_0.jpg" alt="불법사금융피해예방관련안내" /></a> </li> </ul> </div> </div> </div> <div class="header_banner_wrap" style="display:none;"> <div class="inner"> <div class="visual_control"> <div class="arrow_wrap"></div> <a class="stop on" href="javascript:;" ><span class="ally-hidden">정지</span></a> <a class="play" href="javascript:;"><span class="ally-hidden">재생</span></a> </div> <em class="icon_notice"><span class="ally-hidden">공지사항</span></em> <ul class="header_banner"> <li> <a href="https://www.fss.or.kr" data-sn="1433" title="test 이동" class="tit"><p class="txt">test</p> <p class="btn btn_type01 white siz_30"><span>자세히보기 <em class="icon_more ml10"></em></span></p> </a> </li> </ul> <p class="top_banner_close"> <input type="checkbox" id="do-not-open" class="ch_type_01"><label for="do-not-open" title="오늘하루 팝업 닫기"><em class="icon_ck"></em><span>오늘하루 보지 않기</span></label> <a href="javascript:;" onclick="javascript:closeTopBanner(0, 1);" class="btn-pop-close"><span class="ally-hidden">팝업창 닫기</span></a> </p> </div> </div> <script> function closeTopBanner(_sn, _day){ $('.tap_banner').css('display', 'none'); $('#heaeder').addClass('no_top'); if(_day){ cookieUtil.setCookie('banner_' + _sn, 'Y', _day); } } function onTopBanner(_sn){ $('.tap_banner').css('display', 'block'); $('#heaeder').addClass('top_b'); } function popClose(_sn, _day){ $('.popup_' + _sn).css('display', 'none'); if(_day){ cookieUtil.setCookie('popup_' + _sn, 'Y', _day); } } function popOn(_sn, _day){ $('.popup_' + _sn).css('display', 'block'); } </script><div id="wrap"> <div id="skipNav"> <a href="#container" tabindex="0">본문 바로가기 메인 페이지</a> <a href="#header" tabindex="0">글로벌 네비게이션 바로가기</a> </div> <div id="header" class="header fixed"> <div class="header__top"> <div class="header__inner right"> <a href="https://woori.ibs.fsb.or.kr/main.act" title="새창열림" target="_blank">인터넷뱅킹</a> <a href="/install/center.do">공동인증센터</a> </div> </div> <div class="header__wrap"> <div class="header__inner inner_height"> <div class="logo"> <a href="/"> <img src="/resources/normal/images/main/logo.png" alt="우리금융저축은행"> </a> </div> <div class="header__menu"> <ul class="header__list"> <li id="gnb-2" class="header__item main_header_list"> <a href="/product/deposite/list.do" target="_self" title="예금">예금</a> <div class="header__menu-wrap"> <div class="header__inner inner_height02"> <ul class="header__menu-list"> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/product/deposite/list.do" target="_self" class="header__menu-link" title="예금상품" style="font-size: 20px;">예금상품</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/deposits/guidelines/systems.do" target="_self" class="header__menu-link" title="예금가이드" style="font-size: 20px;">예금가이드</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/deposits/guidelines/systems.do" target="_self" title="예금자보호제도"> 예금자보호제도</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/deposits/guidelines/protection.do" target="_self" title="보호금융상품등록부"> 보호금융상품등록부</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/deposite-interest/view.do" target="_self" class="header__menu-link" title="금리안내" style="font-size: 20px;">금리안내</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/deposite-interest/view.do" target="_self" title="예금금리"> 예금금리</a> </div> </div> </li> </ul> </div> </div> </li> <li id="gnb-3" class="header__item main_header_list"> <a href="/product/loan/list.do" target="_self" title="대출">대출</a> <div class="header__menu-wrap"> <div class="header__inner inner_height02"> <ul class="header__menu-list"> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/product/loan/list.do" target="_self" class="header__menu-link" title="대출상품" style="font-size: 20px;">대출상품</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="javascript:;" target="_blank" class="header__menu-link" title="대출신청페이지로 새 창 이동" style="font-size: 20px;">대출신청</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/loanLimitSearch/applySearch.do" target="_self" title="통합한도조회"> 통합한도조회</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="javascript:;" target="_self" class="header__menu-link" title="대출정보조회" style="font-size: 20px;">대출정보조회</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/loaninfo/loanApplyProgessLogin.do" target="_self" title="대출진행조회"> 대출진행조회</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/loaninfo/loanInfoAccountSearchSchLogin.do" target="_self" title="대출계좌내역조회"> 대출계좌내역조회</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/loaninfo/loanInfoAcctTradeSchLogin.do" target="_self" title="대출거래내역조회"> 대출거래내역조회</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/loaninfo/repaySearchSchLogin.do" target="_self" title="상환금액조회"> 상환금액조회</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/loaninfo/repayScheduleSchLogin.do" target="_self" title="상환스케줄조회"> 상환스케줄조회</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/loaninfo/loanSignConfirmLogin.do" target="_self" title="약정내용/약관 확인"> 약정내용/약관 확인</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="javascript:;" target="_self" class="header__menu-link" title="대출관리" style="font-size: 20px;">대출관리</a> </div> <div class="header__menu-line"></div> </li> </ul> </div> </div> </li> <li id="gnb-4" class="header__item main_header_list"> <a href="/partnership/product/obligation.do" target="_self" title="제휴">제휴</a> <div class="header__menu-wrap"> <div class="header__inner inner_height02"> <ul class="header__menu-list"> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/partnership/product/obligation.do" target="_self" class="header__menu-link" title="제휴상품" style="font-size: 20px;">제휴상품</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="https://m.wooricard.com/dcmw/yh1/crd/crd01/M1CRD101S02.do?recomNo=103727" target="_blank" title="우리금융저축은행 I&U+페이지로 새 창 이동"> 우리금융저축은행 I&U+</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/partnership/product/obligation.do" target="_self" title="우리카드 판매대리·중개업자의 고지의무"> 우리카드 판매대리·중개업자의 고지의무</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/partnership/product/won.do" target="_self" class="header__menu-link" title="우리WON멤버스" style="font-size: 20px;">우리WON멤버스</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/partnership/product/won.do" target="_self" title="우리WON멤버스 소개"> 우리WON멤버스 소개</a> </div> </div> </li> </ul> </div> </div> </li> <li id="gnb-5" class="header__item main_header_list"> <a href="/category/customer/examination.do" target="_self" title="상품공시실">상품공시실</a> <div class="header__menu-wrap"> <div class="header__inner inner_height02"> <ul class="header__menu-list"> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/category/customer/examination.do" target="_self" class="header__menu-link" title="이용매뉴얼" style="font-size: 20px;">이용매뉴얼</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/disclosure-1/list.do" target="_self" class="header__menu-link" title="예금상품" style="font-size: 20px;">예금상품</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/disclosure-2/list.do" target="_self" class="header__menu-link" title="대출상품" style="font-size: 20px;">대출상품</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/disclosure-3/list.do" target="_self" class="header__menu-link" title="부대비용" style="font-size: 20px;">부대비용</a> </div> <div class="header__menu-line"></div> </li> </ul> </div> </div> </li> <li id="gnb-208" class="header__item main_header_list"> <a href="/customerRight/customerRightList.do" target="_self" title="소비자포털">소비자포털</a> <div class="header__menu-wrap"> <div class="header__inner inner_height02"> <ul class="header__menu-list"> <li class="header__menu-item"> <div class="header__menu-title"> <a href="https://www.loanconsultant.or.kr/loan_main.do" target="_blank" class="header__menu-link" title="대출 상담사 조회페이지로 새 창 이동" style="font-size: 20px;">대출 상담사 조회</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/consult/phoneCall.do" target="_self" class="header__menu-link" title="전화상담" style="font-size: 20px;">전화상담</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/qna/qnaHome.do" target="_self" class="header__menu-link" title="민원접수" style="font-size: 20px;">민원접수</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/center/potal/voicePhishing.do" target="_self" class="header__menu-link" title="보이스피싱 피해신고 접수" style="font-size: 20px;">보이스피싱 피해신고 접수</a> </div> <div class="header__menu-line"></div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/customerRight/customerRightList.do" target="_self" class="header__menu-link" title="금융소비자보호" style="font-size: 20px;">금융소비자보호</a> </div> <div class="header__menu-line"></div> </li> </ul> </div> </div> </li> <li id="gnb-33" class="header__item main_header_list"> <a href="/center/excellent/nuri.do" target="_self" title="고객센터">고객센터</a> <div class="header__menu-wrap"> <div class="header__inner inner_height02"> <ul class="header__menu-list"> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/center/excellent/nuri.do" target="_self" class="header__menu-link" title="우수고객서비스" style="font-size: 20px;">우수고객서비스</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/excellent/nuri.do" target="_self" title="우리NURI클럽 서비스안내"> 우리NURI클럽 서비스안내</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/excellent/chairs.do" target="_self" title="우리은행 TWO CHAIRS 서비스안내"> 우리은행 TWO CHAIRS 서비스안내</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/center/use/branch01.do" target="_self" class="header__menu-link" title="이용안내" style="font-size: 20px;">이용안내</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/use/branch01.do" target="_self" title="영업점안내"> 영업점안내</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/use/fees01.do" target="_self" title="수수료안내"> 수수료안내</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/help-form/list.do" target="_self" title="서식/약관자료실"> 서식/약관자료실</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/center/service/internet01.do" target="_self" class="header__menu-link" title="서비스안내" style="font-size: 20px;">서비스안내</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/service/internet01.do" target="_self" title="인터넷뱅킹"> 인터넷뱅킹</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/service/smartphone01.do" target="_self" title="스마트폰뱅킹"> 스마트폰뱅킹</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/service/ars.do" target="_self" title="텔레(ARS)뱅킹"> 텔레(ARS)뱅킹</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/service/information.do" target="_self" title="본인정보 이용·제공 현황 조회"> 본인정보 이용·제공 현황 조회</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/common/creditInfoAgree.do" target="_self" title="신용정보제공동의"> 신용정보제공동의</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/common/custAgreeLogin.do" target="_self" title="그룹사 고객정보제공내역 조회"> 그룹사 고객정보제공내역 조회</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/service/right01.do" target="_self" title="정보주체 권리 보장 신청절차"> 정보주체 권리 보장 신청절차</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="javascript:;" target="_self" class="header__menu-link" title="유용한서비스" style="font-size: 20px;">유용한서비스</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/center/service/one_look.do" target="_self" title="금융상품 한눈에"> 금융상품 한눈에</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/help-faq1/list.do" target="_self" class="header__menu-link" title="자주묻는질문" style="font-size: 20px;">자주묻는질문</a> </div> <div class="header__menu-line"></div> </li> </ul> </div> </div> </li> <li id="gnb-40" class="header__item main_header_list"> <a href="/introduction/guidance/greeting.do" target="_self" title="은행소개">은행소개</a> <div class="header__menu-wrap"> <div class="header__inner inner_height02"> <ul class="header__menu-list"> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/introduction/guidance/greeting.do" target="_self" class="header__menu-link" title="은행안내" style="font-size: 20px;">은행안내</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/introduction/guidance/greeting.do" target="_self" title="CEO인사말"> CEO인사말</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/Introduction/guidance/vision.do" target="_self" title="비전/가치체계"> 비전/가치체계</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/introduction/guide/history.do" target="_self" title="연혁/조직도"> 연혁/조직도</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/Introduction/guidance/group.do" target="_self" title="그룹사안내"> 그룹사안내</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/intro-notice/list.do" target="_self" class="header__menu-link" title="은행소식" style="font-size: 20px;">은행소식</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/intro-notice/list.do" target="_self" title="공지사항"> 공지사항</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/intro-event/list.do?mgrpCd=&searchOrderType=0&searchType=0&searchKey=" target="_self" title="이벤트"> 이벤트</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/intro-sns/list.do" target="_self" title="소셜네트워크"> 소셜네트워크</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/summary-disclosure1/view.do" target="_self" class="header__menu-link" title="경영공시" style="font-size: 20px;">경영공시</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/summary-disclosure1/view.do" target="_self" title="요약공시"> 요약공시</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/intro-settlement/list.do" target="_self" title="공시/재무정보"> 공시/재무정보</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/introduction/disclosure/commission.do" target="_self" title="모집인 수수료공시"> 모집인 수수료공시</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/Introduction/esg/principles.do" target="_self" class="header__menu-link" title="ESG경영" style="font-size: 20px;">ESG경영</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/Introduction/esg/principles.do" target="_self" title="ESG 원리/정책"> ESG 원리/정책</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/introduction/esg/ethics.do" target="_self" title="우리금융그룹 윤리강령"> 우리금융그룹 윤리강령</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/introduction/esg/action.do" target="_self" title="우리금융저축은행 임직원 행동강령"> 우리금융저축은행 임직원 행동강령</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/Introduction/esg/responsibility.do" target="_self" title="사회책임금융"> 사회책임금융</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/introduction/esg/contribution.do" target="_self" title="사회공헌활동"> 사회공헌활동</a> </div> </div> </li> <li class="header__menu-item"> <div class="header__menu-title"> <a href="/introduction/recruitment/staff.do" target="_self" class="header__menu-link" title="인재채용" style="font-size: 20px;">인재채용</a> </div> <div class="header__menu-line"></div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/recruitment-info/list.do" target="_self" title="채용정보"> 채용정보</a> </div> </div> <div class="header__menu-link"> <div class="header__menu-link threedep_link"> <a href="/introduction/recruitment/staff.do" target="_self" title="대출모집법인 모집 공고"> 대출모집법인 모집 공고</a> </div> </div> </li> </ul> </div> </div> </li> </ul> <div class="header__btn"> <div class="header__search"> <a href="#section-3" class="header__search-link" title="검색하기"> <img src="/resources/normal/images/icon/search02.png" alt="검색버튼" class="img_search_on black" /> </a> </div> <div class="header__allmenu"> <a href="javascript:;" class="header__allmenu-link" title="전체메뉴 열기"> <span class="header__allmenu-line"></span> <span class="header__allmenu-line"></span> <span class="header__allmenu-line"></span> </a> </div> </div>  <div class="allmenu-con"> <div class="allmenu-con__logo"> <img src="/resources/normal/images/main/logo.png" alt="우리금융저축은행 로고"> <button class="menu-close" title="전체매뉴 닫기"></button> </div> <div class="allmenu-con__wrap"> <div class="allmenu-con__inner"> <div class="allmenu-con__text"> <h3 class="allmenu-con__title">예금</h3> </div> <ul class="allmenu-con__list"> <li class="allmenu-con__item"> <a href="/product/deposite/list.do" target="_self" class="allmenu-con__link" title="예금상품 페이지로 이동">예금상품</a> </li> <li class="allmenu-con__item"> <a href="/deposits/guidelines/systems.do" target="_self" class="allmenu-con__link" title="예금가이드 페이지로 이동">예금가이드</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/deposits/guidelines/systems.do" target="_self" class="allmenu-con__link-move" title="예금자보호제도">예금자보호제도</a> <a href="/deposits/guidelines/protection.do" target="_self" class="allmenu-con__link-move" title="보호금융상품등록부">보호금융상품등록부</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/deposite-interest/view.do" target="_self" class="allmenu-con__link" title="금리안내 페이지로 이동">금리안내</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/deposite-interest/view.do" target="_self" class="allmenu-con__link-move" title="예금금리">예금금리</a> </div> </ul> </li> </ul> </div> <div class="allmenu-con__inner"> <div class="allmenu-con__text"> <h3 class="allmenu-con__title">대출</h3> </div> <ul class="allmenu-con__list"> <li class="allmenu-con__item"> <a href="/product/loan/list.do" target="_self" class="allmenu-con__link" title="대출상품 페이지로 이동">대출상품</a> </li> <li class="allmenu-con__item"> <a href="javascript:;" target="_self" class="allmenu-con__link" title="대출신청 페이지로 이동">대출신청</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/loanLimitSearch/applySearch.do" target="_self" class="allmenu-con__link-move" title="통합한도조회">통합한도조회</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="javascript:;" target="_self" class="allmenu-con__link" title="대출정보조회 페이지로 이동">대출정보조회</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/loaninfo/loanApplyProgessLogin.do" target="_self" class="allmenu-con__link-move" title="대출진행조회">대출진행조회</a> <a href="/loaninfo/loanInfoAccountSearchSchLogin.do" target="_self" class="allmenu-con__link-move" title="대출계좌내역조회">대출계좌내역조회</a> <a href="/loaninfo/loanInfoAcctTradeSchLogin.do" target="_self" class="allmenu-con__link-move" title="대출거래내역조회">대출거래내역조회</a> <a href="/loaninfo/repaySearchSchLogin.do" target="_self" class="allmenu-con__link-move" title="상환금액조회">상환금액조회</a> <a href="/loaninfo/repayScheduleSchLogin.do" target="_self" class="allmenu-con__link-move" title="상환스케줄조회">상환스케줄조회</a> <a href="/loaninfo/loanSignConfirmLogin.do" target="_self" class="allmenu-con__link-move" title="약정내용/약관 확인">약정내용/약관 확인</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="javascript:;" target="_self" class="allmenu-con__link" title="대출관리 페이지로 이동">대출관리</a> </li> </ul> </div> <div class="allmenu-con__inner"> <div class="allmenu-con__text"> <h3 class="allmenu-con__title">제휴</h3> </div> <ul class="allmenu-con__list"> <li class="allmenu-con__item"> <a href="/partnership/product/obligation.do" target="_self" class="allmenu-con__link" title="제휴상품 페이지로 이동">제휴상품</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="https://m.wooricard.com/dcmw/yh1/crd/crd01/M1CRD101S02.do?recomNo=103727" target="_blank" class="allmenu-con__link-move" title="우리금융저축은행 I&U+페이지로 새 창 이동">우리금융저축은행 I&U+</a> <a href="/partnership/product/obligation.do" target="_self" class="allmenu-con__link-move" title="우리카드 판매대리·중개업자의 고지의무">우리카드 판매대리·중개업자의 고지의무</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/partnership/product/won.do" target="_self" class="allmenu-con__link" title="우리WON멤버스 페이지로 이동">우리WON멤버스</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/partnership/product/won.do" target="_self" class="allmenu-con__link-move" title="우리WON멤버스 소개">우리WON멤버스 소개</a> </div> </ul> </li> </ul> </div> <div class="allmenu-con__inner"> <div class="allmenu-con__text"> <h3 class="allmenu-con__title">상품공시실</h3> </div> <ul class="allmenu-con__list"> <li class="allmenu-con__item"> <a href="/category/customer/examination.do" target="_self" class="allmenu-con__link" title="이용매뉴얼 페이지로 이동">이용매뉴얼</a> </li> <li class="allmenu-con__item"> <a href="/disclosure-1/list.do" target="_self" class="allmenu-con__link" title="예금상품 페이지로 이동">예금상품</a> </li> <li class="allmenu-con__item"> <a href="/disclosure-2/list.do" target="_self" class="allmenu-con__link" title="대출상품 페이지로 이동">대출상품</a> </li> <li class="allmenu-con__item"> <a href="/disclosure-3/list.do" target="_self" class="allmenu-con__link" title="부대비용 페이지로 이동">부대비용</a> </li> </ul> </div> <div class="allmenu-con__inner"> <div class="allmenu-con__text"> <h3 class="allmenu-con__title">소비자포털</h3> </div> <ul class="allmenu-con__list"> <li class="allmenu-con__item"> <a href="https://www.loanconsultant.or.kr/loan_main.do" target="_blank" class="allmenu-con__link" title="대출 상담사 조회 페이지로 이동">대출 상담사 조회</a> </li> <li class="allmenu-con__item"> <a href="/consult/phoneCall.do" target="_self" class="allmenu-con__link" title="전화상담 페이지로 이동">전화상담</a> </li> <li class="allmenu-con__item"> <a href="/qna/qnaHome.do" target="_self" class="allmenu-con__link" title="민원접수 페이지로 이동">민원접수</a> </li> <li class="allmenu-con__item"> <a href="/center/potal/voicePhishing.do" target="_self" class="allmenu-con__link" title="보이스피싱 피해신고 접수 페이지로 이동">보이스피싱 피해신고 접수</a> </li> <li class="allmenu-con__item"> <a href="/customerRight/customerRightList.do" target="_self" class="allmenu-con__link" title="금융소비자보호 페이지로 이동">금융소비자보호</a> </li> </ul> </div> <div class="allmenu-con__inner"> <div class="allmenu-con__text"> <h3 class="allmenu-con__title">고객센터</h3> </div> <ul class="allmenu-con__list"> <li class="allmenu-con__item"> <a href="/center/excellent/nuri.do" target="_self" class="allmenu-con__link" title="우수고객서비스 페이지로 이동">우수고객서비스</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/center/excellent/nuri.do" target="_self" class="allmenu-con__link-move" title="우리NURI클럽 서비스안내">우리NURI클럽 서비스안내</a> <a href="/center/excellent/chairs.do" target="_self" class="allmenu-con__link-move" title="우리은행 TWO CHAIRS 서비스안내">우리은행 TWO CHAIRS 서비스안내</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/center/use/branch01.do" target="_self" class="allmenu-con__link" title="이용안내 페이지로 이동">이용안내</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/center/use/branch01.do" target="_self" class="allmenu-con__link-move" title="영업점안내">영업점안내</a> <a href="/center/use/fees01.do" target="_self" class="allmenu-con__link-move" title="수수료안내">수수료안내</a> <a href="/help-form/list.do" target="_self" class="allmenu-con__link-move" title="서식/약관자료실">서식/약관자료실</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/center/service/internet01.do" target="_self" class="allmenu-con__link" title="서비스안내 페이지로 이동">서비스안내</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/center/service/internet01.do" target="_self" class="allmenu-con__link-move" title="인터넷뱅킹">인터넷뱅킹</a> <a href="/center/service/smartphone01.do" target="_self" class="allmenu-con__link-move" title="스마트폰뱅킹">스마트폰뱅킹</a> <a href="/center/service/ars.do" target="_self" class="allmenu-con__link-move" title="텔레(ARS)뱅킹">텔레(ARS)뱅킹</a> <a href="/center/service/information.do" target="_self" class="allmenu-con__link-move" title="본인정보 이용·제공 현황 조회">본인정보 이용·제공 현황 조회</a> <a href="/common/creditInfoAgree.do" target="_self" class="allmenu-con__link-move" title="신용정보제공동의">신용정보제공동의</a> <a href="/common/custAgreeLogin.do" target="_self" class="allmenu-con__link-move" title="그룹사 고객정보제공내역 조회">그룹사 고객정보제공내역 조회</a> <a href="/center/service/right01.do" target="_self" class="allmenu-con__link-move" title="정보주체 권리 보장 신청절차">정보주체 권리 보장 신청절차</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="javascript:;" target="_self" class="allmenu-con__link" title="유용한서비스 페이지로 이동">유용한서비스</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/center/service/one_look.do" target="_self" class="allmenu-con__link-move" title="금융상품 한눈에">금융상품 한눈에</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/help-faq1/list.do" target="_self" class="allmenu-con__link" title="자주묻는질문 페이지로 이동">자주묻는질문</a> </li> </ul> </div> <div class="allmenu-con__inner"> <div class="allmenu-con__text"> <h3 class="allmenu-con__title">은행소개</h3> </div> <ul class="allmenu-con__list"> <li class="allmenu-con__item"> <a href="/introduction/guidance/greeting.do" target="_self" class="allmenu-con__link" title="은행안내 페이지로 이동">은행안내</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/introduction/guidance/greeting.do" target="_self" class="allmenu-con__link-move" title="CEO인사말">CEO인사말</a> <a href="/Introduction/guidance/vision.do" target="_self" class="allmenu-con__link-move" title="비전/가치체계">비전/가치체계</a> <a href="/introduction/guide/history.do" target="_self" class="allmenu-con__link-move" title="연혁/조직도">연혁/조직도</a> <a href="/Introduction/guidance/group.do" target="_self" class="allmenu-con__link-move" title="그룹사안내">그룹사안내</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/intro-notice/list.do" target="_self" class="allmenu-con__link" title="은행소식 페이지로 이동">은행소식</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/intro-notice/list.do" target="_self" class="allmenu-con__link-move" title="공지사항">공지사항</a> <a href="/intro-event/list.do?mgrpCd=&searchOrderType=0&searchType=0&searchKey=" target="_self" class="allmenu-con__link-move" title="이벤트">이벤트</a> <a href="/intro-sns/list.do" target="_self" class="allmenu-con__link-move" title="소셜네트워크">소셜네트워크</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/summary-disclosure1/view.do" target="_self" class="allmenu-con__link" title="경영공시 페이지로 이동">경영공시</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/summary-disclosure1/view.do" target="_self" class="allmenu-con__link-move" title="요약공시">요약공시</a> <a href="/intro-settlement/list.do" target="_self" class="allmenu-con__link-move" title="공시/재무정보">공시/재무정보</a> <a href="/introduction/disclosure/commission.do" target="_self" class="allmenu-con__link-move" title="모집인 수수료공시">모집인 수수료공시</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/Introduction/esg/principles.do" target="_self" class="allmenu-con__link" title="ESG경영 페이지로 이동">ESG경영</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/Introduction/esg/principles.do" target="_self" class="allmenu-con__link-move" title="ESG 원리/정책">ESG 원리/정책</a> <a href="/introduction/esg/ethics.do" target="_self" class="allmenu-con__link-move" title="우리금융그룹 윤리강령">우리금융그룹 윤리강령</a> <a href="/introduction/esg/action.do" target="_self" class="allmenu-con__link-move" title="우리금융저축은행 임직원 행동강령">우리금융저축은행 임직원 행동강령</a> <a href="/Introduction/esg/responsibility.do" target="_self" class="allmenu-con__link-move" title="사회책임금융">사회책임금융</a> <a href="/introduction/esg/contribution.do" target="_self" class="allmenu-con__link-move" title="사회공헌활동">사회공헌활동</a> </div> </ul> </li> <li class="allmenu-con__item"> <a href="/introduction/recruitment/staff.do" target="_self" class="allmenu-con__link" title="인재채용 페이지로 이동">인재채용</a> <ul class="allmenu-con__link-list"> <div class="allmenu-con__link-item"> <a href="/recruitment-info/list.do" target="_self" class="allmenu-con__link-move" title="채용정보">채용정보</a> <a href="/introduction/recruitment/staff.do" target="_self" class="allmenu-con__link-move" title="대출모집법인 모집 공고">대출모집법인 모집 공고</a> </div> </ul> </li> </ul> </div> </div> </div>  </div> </div> </div>   </div>  <div class="search-pop"> <div class="sub_search_bar"> <form name="totalSearchForm" id="totalSearchForm" method="get" action="/search.do" onsubmit="var rtn = totalSearchFormObj.submit(this); if(!rtn){ submitUtil.enable(); } return rtn;" style="width:100%;"> <label> <input type="text" name="searchKey" id="" class="search_pop_input" placeholder="검색어를 입력해주세요" title="통합검색 입력창" aria-label="검색어를 입력해주세요"> </label> </form> <button type="button" class="search_pop_icon" onclick="var rtn = totalSearchFormObj.submit(this); if(rtn) {document.getElementById('totalSearchForm').submit();}"><span class="blind_lab">검색하기</span></button> </div> <div class="sub_search_hashtag"> <a href="/search.do?searchKey=정기예금"> <span>#</span> 정기예금 </a> <a href="/search.do?searchKey=정기적금"> <span>#</span> 정기적금 </a> <a href="/search.do?searchKey=신용대출"> <span>#</span> 신용대출 </a> <a href="/search.do?searchKey=차량담보대출"> <span>#</span> 차량담보대출 </a> <a href="/search.do?searchKey=서민지원대출"> <span>#</span> 서민지원대출 </a> <a href="/search.do?searchKey=햇살론"> <span>#</span> 햇살론 </a> <a href="/search.do?searchKey=고객센터"> <span>#</span> 고객센터 </a> <a href="/search.do?searchKey=ARS안내"> <span>#</span> ARS안내 </a> <a href="/search.do?searchKey=공지사항"> <span>#</span> 공지사항 </a> <a href="/search.do?searchKey=이벤트"> <span>#</span> 이벤트 </a> </div> <a href="javascript:;" class="sub_search_close"> <img src="/resources/normal/images/sub/sch_close_btn.png" alt="닫기"> </a> </div>     <script> const currentURL = window.location.pathname; $(document).ready(function () { if (currentURL !== "/" && currentURL !== "/main/main.do" && currentURL !== "/index.do") { $(".header__search-link").click(function (e) { $(".search-pop").addClass("show"); $(".search_pop_input").focus(); // 팝업 열릴 때 닫기 버튼으로 포커스 이동 trapFocus($(".search-pop")); // 팝업 내부에서만 포커스 제한 }); $(".sub_search_close").click(function (e) { $(".search-pop").removeClass("show"); $(".header__search-link").focus(); // 팝업 닫힐 때 검색 버튼으로 포커스 이동 untrapFocus(); // 포커스 제한 해제 }); } else { $('.search-pop').remove(); } }); /** * 팝업 내부로 포커스를 제한하는 함수 * @param {jQuery} container - 포커스를 제한할 컨테이너 */ function trapFocus(container) { const focusableElements = container.find("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])"); const firstFocusable = focusableElements.first()[0]; const lastFocusable = focusableElements.last()[0]; container.on("keydown", function (e) { if (e.key === "Tab" || e.keyCode === 9) { if (e.shiftKey) { // Shift + Tab if (document.activeElement === firstFocusable) { e.preventDefault(); lastFocusable.focus(); } } else { // Tab if (document.activeElement === lastFocusable) { e.preventDefault(); firstFocusable.focus(); } } } }); } /** * 포커스 제한 해제 */ function untrapFocus() { $(".search-pop").off("keydown"); // 이벤트 제거 } </script>   <script> $(document).ready(function () { // 마지막 .allmenu-con__link-move 요소를 선택합니다. var $lastLinkMove = $('.allmenu-con__link-list:last .allmenu-con__link-item:last .allmenu-con__link-move:last'); // 포커스 아웃 이벤트를 처리하고 포커스를 원하는 요소로 이동시킵니다. $lastLinkMove.on('focusout', function () { // .menu-close 클래스를 가진 요소로 포커스를 이동시킵니다. $('.menu-close').focus(); }); }); var totalSearchFormObj = { submit: function (form) { if ($('form[name=totalSearchForm] input[name=searchKey]').val() == '') { alert("검색어를 입력해주세요!"); return false; } return true; } }; setTimeout(() => { $(function () { $('.header .header__menu .header__list .header__item').mouseenter(function () { var headerItemIndex = $('.header .header__menu .header__list .header__item').index($(this)); $('.header__menu-wrap').hide().eq(headerItemIndex).show(); }); $('.header').mouseleave(function () { $('.header__menu-wrap').hide(); }); }); $(function () { $('.header .header__menu .header__list .header__item > a').focus(function () { $('.header__menu-wrap').hide() $(this).next().show(); }); // $('.header .header__menu .header__list .header__item:last-of-type .header__menu-item:last-of-type .header__menu-link:last-of-type a').focusout(function () { // $('.header__menu-wrap').hide() // }); $('.header__allmenu-link').focus(function () { $('.header__menu-wrap').hide() }); }); // $(function () { // $('.logo').mouseenter(function () { // $('.header__menu-wrap').stop().slideDown(); // }); // $('.header').mouseleave(function () { // $('.header__menu-wrap').stop().slideUp(); // }); // }); document.querySelector(".header__allmenu").addEventListener("click", () => { document.querySelector(".allmenu-con").classList.add("show") }) document.querySelector(".menu-close").addEventListener("click", () => { document.querySelector(".allmenu-con").classList.remove("show") document.querySelector(".header__allmenu .header__allmenu-link").focus() }) function threeDep_menu() { let threeDepMenu = $(".header__menu-link.threeDep"); let header3dep = $(".header__menu-link.threeDep .header__3dep"); threeDepMenu.each(function () { let currentMenu = $(this); let currentHeader3dep = currentMenu.find(".header__3dep"); currentMenu.on("click", function () { if (currentMenu.hasClass("on")) { currentMenu.removeClass("on"); currentHeader3dep.slideUp(250); } else { threeDepMenu.removeClass("on"); header3dep.slideUp(250); $(".header__menu-wrap").css("height", "auto"); currentMenu.addClass("on"); currentHeader3dep.slideDown(250).css("display", "block"); } }); }); } threeDep_menu(); }, 10); </script> <tiles:insertAttribute name="body" /> <tiles:insertAttribute name="footer" />  <div class="loading_back loading-dims"> </div>  <div class="loading_back loading-dots"> <div class="ring-of-dots"> <p>잠시만 기다려주세요</p> </div> </div> <script type="text/javascript"> function removeCSSFile(filename) { var links = document.getElementsByTagName('link'); for (var i = 0; i < links.length; i++) { var link = links[i]; if (link.getAttribute('href') && link.getAttribute('href').indexOf(filename) !== -1) { link.parentNode.removeChild(link); } } } // CSS 파일 제거하기 removeCSSFile('sub.css'); // 제거할 CSS 파일의 파일명을 입력하세요 $(document).attr("title", "우리금융저축은행"); // function fn_egov_inqire_notice(nttId, bbsId) { // document.subForm.nttId.value = nttId; // document.subForm.bbsId.value = bbsId; // document.subForm.action = "/category/customer/AJSB_06_001_view.do"; // document.subForm.submit();p // } </script> <script type="text/javascript"> /* 공지사항 롤링 */ $(function () { /* 기본세팅 */ var $list = $(".notice_list"); var $box = $(".notice_box"); var wd = $list.width(); var num = $list.length; var margin, current, play; $box.width(wd * num); for (i = 0; i < num; i++) { var nav = '<a href="#" title="' + (i + 1) + '번째로 이동"></a>' $(".notice_nav").append(nav); }; var $nav = $(".notice_nav a"); $(".notice_nav a:first").addClass("on"); setTimeout(function () { play = setInterval(play_next, 2000); }, 3000) /* 반복할 이벤트 */ function play_next() { margin = parseInt($box.css("margin-left")); if (margin < -(wd * (num - 2))) { $box.not(":animated").animate({ "marginLeft": "0px" }, "fast"); } else { $box.not(":animated").animate({ "marginLeft": "-=" + wd + "px" }, "fast"); }; //var current = Math.abs(margin/wd); var current = Math.abs(Math.floor(margin / wd)); $nav.removeClass("on"); $nav.eq((current - num) + 1).addClass("on"); } function play_prev() { clearInterval(play); margin = parseInt($box.css("margin-left")); if (margin == 0) { $box.not(":animated").animate({ "marginLeft": "-" + wd * (num - 1) + "px" }, "fast"); } else { $box.not(":animated").animate({ "marginLeft": "+=" + wd + "px" }, "fast"); }; var current = Math.abs(Math.floor(margin / wd)); $nav.removeClass("on"); $nav.eq(current - 1).addClass("on"); } $nav.click(function () { clearInterval(play); $nav.removeClass("on"); $(this).addClass("on"); $box.not(":animated").animate({ "marginLeft": -wd * ($(this).index()) }); return false; }); $(".play").click(function () { clearInterval(play); play = setInterval(play_next, 2000); return false; }); $(".stop").click(function () { clearInterval(play); return false; }); }); function popup() { var url = "/main/deposit.do"; //var url = "http://www.naver.com"; var name = "계산기"; var option = "width = 1100, height = 500, top = 100, left = 200, location = no" window.open(url, name, option); } </script>  <!DOCTYPE html> <html lang="ko"> <body class="main"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" /> <link rel="stylesheet" href="/resources/normal/css/pages/main.css"> <link rel="stylesheet" href="/resources/normal/css/com/jquery-ui.css"> <script type="text/javascript" src="/resources/normal/js/jquery/jquery-ui.min.js"></script> <script type="text/javascript" src="/resources/normal/js/jquery/main_slider.js"></script> <script type="text/javascript" src="/resources/normal/js/jquery/fullpage.js"></script> <script src="https://unpkg.com/fullpage.js/dist/fullpage.min.js"></script>   <div class="main_popup"> <div class="popup_head"> <img src="/resources/normal/images/main/popup_logo.png" alt="우리금융저축은행 로고"> </div> <div class="swiper cont swiper-popup"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/cm/getImage.do?menuCd=BANNER&attcFilSn=1788" alt="산불피해 팝업 (2).png" /> </div> <div class="swiper-slide"> <img src="/cm/getImage.do?menuCd=BANNER&attcFilSn=1769" alt="24129_불법사금융_모바일(배너).jpg" /> <div class="popup_go_btn"> <a href="https://www.fss.or.kr" target="_blank" title="새 창 열기">바로가기</a> </div> </div> </div> </div> <div class="popup_footer"> <div class="slide_btn"> <button type="button" class="popup_btn prev02"> <img src="/resources/normal/images/icon/popup_left.png" alt="뒤로 버튼"> </button> <button type="button" class="popup_btn_play"> <img src="/resources/normal/images/icon/popup_play.png" alt="재생 버튼"> </button> <button type="button" class="popup_btn_stop"> <img src="/resources/normal/images/icon/popup_stop.png" alt="정지 버튼"> </button> <button type="button" class="popup_btn next02"> <img src="/resources/normal/images/icon/popup_right.png" alt="앞으로 버튼"> </button> </div> <div class="main_popup_close"> <input type="checkbox" id="do-not-open"> <label for="do-not-open">오늘하루 열지않기</label> <button type="button" class="btn-pop-close">닫기</button> </div> </div> </div> <div id="container">  <div id="fullpage"> <div class="section section01" data-anchor="section-1"> <div class="object"> <div class="object__inner"> <img src="/resources/normal/images/main/circle06.png" class="circle circle6" alt=""> <img src="/resources/normal/images/main/circle05.png" class="circle circle5" alt=""> <img src="/resources/normal/images/main/circle04.png" class="circle circle4" alt=""> <img src="/resources/normal/images/main/circle03.png" class="circle circle3" alt=""> <img src="/resources/normal/images/main/circle02.png" class="circle circle2" alt=""> <img src="/resources/normal/images/main/circle01.png" class="circle circle1" alt=""> </div> </div> <div style="position: relative;"> <div class="title_box"> <h3>같이 고민하고 설계하는 우리의 꿈과 미래</h3> <p>입출금자유예금서부터 다양한 목돈운용, 목돈마련상품까지</p> </div> <div class="sec-card__btn-boxOuter"> <a href="javascript:;" class="a_type1 sec-card__btn-box openCalcDep">정기예금 (2.80%) </a> <a href="javascript:;" class="a_type1 sec-card__btn-box openCalcSav">정기적금 (2.50%)</a>  </div> <div class="depositbox_wrap swiper-container swiper" style="position: relative;"> <div class="depositbox_wrap_ct" style="position: absolute; right: 3%; top: 0;"> <a href="javascript:;" class="rotate-btn prev"> <img src="/resources/normal/images/icon/swiper_prev.png" alt="이전 버튼"> </a> <a href="javascript:;" class="play"> <img src="/resources/normal/images/icon/swiper_play.png" alt="재생 버튼"> </a> <a href="javascript:;" class="stop"> <img src="/resources/normal/images/icon/swiper_stop.png" alt="정지 버튼"> </a> <a href="javascript:;" class="rotate-btn next"> <img src="/resources/normal/images/icon/swiper_next.png" alt="다음 버튼"> </a> </div> <div class="depositbox_inner swiper-wrapper"> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=343" class="item">  <div class="sec-card__text"> <p>목돈운용상품</p> <h3>위비파킹플러스정기예금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=1532" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> </div> <div class="sec-card__num">1.40~2.90<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=311" class="item">  <div class="sec-card__text"> <p>목돈운용상품</p> <h3>우리E음정기예금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=1537" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">12개월</div> </div> <div class="sec-card__num">2.80<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=324" class="item">  <div class="sec-card__text"> <p>목돈운용상품</p> <h3>정기예금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=1533" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">12개월</div> </div> <div class="sec-card__num">2.80<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=323" class="item">  <div class="sec-card__text"> <p>목돈운용상품</p> <h3>회전정기예금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=1534" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">12개월</div> </div> <div class="sec-card__num">2.80<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=322" class="item">  <div class="sec-card__text"> <p>목돈운용상품</p> <h3>우리E음파킹정기예금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=1535" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">36개월</div> </div> <div class="sec-card__num">1.50<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=321" class="item">  <div class="sec-card__text"> <p>목돈마련상품</p> <h3>우리E음정기적금_ESG</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=517" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">12개월</div> </div> <div class="sec-card__num">2.50~5.00<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=320" class="item">  <div class="sec-card__text"> <p>목돈마련상품</p> <h3>우리E음플러스정기적금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=518" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">12개월</div> </div> <div class="sec-card__num">2.50~8.00<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=325" class="item">  <div class="sec-card__text"> <p>목돈마련상품</p> <h3>TOK7적금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=519" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">7개월</div> </div> <div class="sec-card__num">5.00<span>%</span> </div> </div> </a> </div> <div class="slider sl00 swiper-slide"> <a href="/product/deposite/view.do?prdSn=317" class="item">  <div class="sec-card__text"> <p>입출금자유예금</p> <h3>첫번째 저축예금</h3> </div> <div class="iconbox"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=1536" alt="" /> </div> <div class="sec-card__info"> <div class="sec-card__info-box"> <div>연</div> <div class="purple">세전이율</div> <div class="red">변동금리</div> </div> <div class="sec-card__num">0.30~2.70<span>%</span> </div> </div> </a> </div> </div> </div>  </div> </div>  <div class="section section02" data-anchor="section-2">  <div class="section2_wrap"> <div class="top"> <div class="inner"> <div class="introduction_box"> <div class="text_box"> <div class="title_box"> <h3>계획적으로 이용하는 우리 금융서비스</h3> <p>단 한번의 조회로 내게 꼭 필요한 대출상품 신청</p> </div> <div class="button_box"> <a href="http://wowstock.woorifsb.com/" class="a_type1" title="새창열림" target="_blank">스탁론</a> </div> </div> <div class="img_box"> <div> <img class="ob_main" src="/resources/normal/images/main/sec2_deco_img01.png" alt=""> <img class="ob3" src="/resources/normal/images/main/sec2_deco_img04.png" alt=""> <img class="ob1" src="/resources/normal/images/main/sec2_deco_img02.png" alt=""> <span class="show"> <img class="ob2" src="/resources/normal/images/main/sec2_deco_img03.png" alt=""> </span> </div> </div> </div> </div> </div> <div class="bottom"> <div class="inner"> <div class="depositbox_wrap_ct"> <a href="javascript:;" class="rotate-btn prev"> <img src="/resources/normal/images/icon/swiper_prev.png" alt="이전 버튼"> </a> <a href="javascript:;" class="play"> <img src="/resources/normal/images/icon/swiper_play.png" alt="재생 버튼"> </a> <a href="javascript:;" class="stop"> <img src="/resources/normal/images/icon/swiper_stop.png" alt="정지 버튼"> </a> <a href="javascript:;" class="rotate-btn next"> <img src="/resources/normal/images/icon/swiper_next.png" alt="다음 버튼"> </a> </div> <div class="section02_swiper "> <ul class="swiper-wrapper"> <li class="slider swiper-slide n1"> <a href="/product/loan/view.do?prdSn=331" class="item"> <div class="sec-card__text"> <p>서민지원대출</p> <h3>우리WON햇살론</h3> </div> <div class="img"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=526" alt="" /> </div> <div class="sec-card__num"> <span>최대 </span> 2,000<span>만원</span> </div> </a> </li> <li class="slider swiper-slide n1"> <a href="/product/loan/view.do?prdSn=330" class="item"> <div class="sec-card__text"> <p>서민지원대출</p> <h3>사잇돌2대출</h3> </div> <div class="img"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=527" alt="" /> </div> <div class="sec-card__num"> <span>최대</span> 3,000<span>만원</span> </div> </a> </li> <li class="slider swiper-slide n1"> <a href="/product/loan/view.do?prdSn=339" class="item"> <div class="sec-card__text"> <p>신용대출</p> <h3>비타WON [신용]</h3> </div> <div class="img"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=524" alt="" /> </div> <div class="sec-card__num"> <span>최대</span> 7,000<span>만원</span> </div> </a> </li> <li class="slider swiper-slide n1"> <a href="/product/loan/view.do?prdSn=338" class="item"> <div class="sec-card__text"> <p>신용대출</p> <h3>비타WON [긴급]</h3> </div> <div class="img"> <img src="/cm/getImage.do?menuCd=PRODUCT&attcFilSn=525" alt="" /> </div> <div class="sec-card__num"> <span>최대</span> 300<span>만원</span> </div> </a> </li> </ul> </div> </div> </div> </div>  </div> <div class="section section03 " data-anchor="section-3"> <div class="sec-search" id="section"> <div class="sec-search__text-bg sec-search__text-bg1"> <img src="/resources/normal/images/main/sec3_bg01.png" alt=""> <img src="/resources/normal/images/main/sec3_bg01.png" alt=""> </div> <div class="sec-search__text-bg sec-search__text-bg2"> <img src="/resources/normal/images/main/sec3_bg02.png" alt=""> <img src="/resources/normal/images/main/sec3_bg02.png" alt=""> </div> <div class="inner"> <div class="title_box"> <h3>무엇을 도와드릴까요?</h3> <p>궁금하신 내용을 검색해주세요.</p> </div> <div class="sec-search__bar"> <form name="totalSearchForm" id="totalSearchForm" method="get" action="/search.do" onsubmit="var rtn = totalSearchFormObj.submit(this); if(!rtn){ submitUtil.enable(); } return rtn;"> <label for="serchPop" class="serch-pop__box"> <input type="text" name="searchKey" id="serchPop" class="serch-pop__input" placeholder="검색어를 입력해주세요" title="통합검색 입력창"> </label> <button type="button" class="serch-pop__icon" onclick="var rtn = totalSearchFormObj.submit(this); if(rtn) {document.getElementById('totalSearchForm').submit();}" title="검색하기"> <img src="/resources/normal/images/icon/serch_button.png" alt="검색버튼 아이콘"> </button> </form> </div> <div class="sec-search__wrap"> <div class="sub_search_hashtag"> <a href="/search.do?searchKey=정기예금"> <span>#</span> 정기예금 </a> <a href="/search.do?searchKey=정기적금"> <span>#</span> 정기적금 </a> <a href="/search.do?searchKey=신용대출"> <span>#</span> 신용대출 </a> <a href="/search.do?searchKey=차량담보대출"> <span>#</span> 차량담보대출 </a> <a href="/search.do?searchKey=서민지원대출"> <span>#</span> 서민지원대출 </a> <a href="/search.do?searchKey=햇살론"> <span>#</span> 햇살론 </a> <a href="/search.do?searchKey=고객센터"> <span>#</span> 고객센터 </a> <a href="/search.do?searchKey=ARS안내"> <span>#</span> ARS안내 </a> <a href="/search.do?searchKey=공지사항"> <span>#</span> 공지사항 </a> <a href="/search.do?searchKey=이벤트"> <span>#</span> 이벤트 </a> </div> </div> </div> </div> </div>  <div class="section section04" data-anchor="section-4">  <div class="section4_wrap"> <div class="top"> <div class="inner"> <div class="introduction_box"> <div class="text_box"> <div class="title_box"> <h3>오늘의 혁신으로 내일의 가치를 만드는</h3> <p>고객 마음속 첫번째 저축은행, 우리금융저축은행</p> </div> <div class="button_box"> <a href="/introduction/guidance/greeting.do" class="a_type1">은행소개</a> </div> </div> <div class="img_box"> <div> <img src="/resources/normal/images/main/sec3_deco_img01.png" alt=""> <div class="graph_box show"> <img src="/resources/normal/images/main/sec3_deco_graph01.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph02.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph03.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph04.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph05.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph06.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph07.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph08.png" alt=""> <img src="/resources/normal/images/main/sec3_deco_graph09.png" alt=""> </div> <img class="ob1" src="/resources/normal/images/main/sec3_deco_img02.png" alt=""> <span class="show"> <img class="ob2" src="/resources/normal/images/main/sec3_deco_img03.png" alt=""> </span> </div> </div> </div> </div> </div> <div class="middle inner"> <div> <div class="title_box"> <h3>ESG 원칙/정책</h3> <P>사회적 책임과 장기적인 지속 가능성을 생각합니다.</P> </div> <div class="button_box"> <a href="/Introduction/esg/humanprinciples.do">인권원칙</a> <a href="/Introduction/esg/monetarypolicy.do">ESG 금융원칙</a> </div> </div> <div> <div class="title_box"> <h3>경영공시</h3> <P>고객의 자산을 안전하게 관리하는 정도경영을 실천합니다.</P> </div> <div class="button_box"> <a href="/summary-disclosure1/view.do">요약공시</a> <a href="/intro-settlement/list.do">공시/재무정보</a> </div> </div> </div> <div class="bottom"> <div class="inner"> <ul> <li> <a href="/introduction/guidance/greeting.do"> <span> <img src="/resources/normal/images/main/section3_button_img01.png" alt=""> </span> <p>CEO 인사말</p> </a> </li> <li> <a href="/Introduction/guidance/vision.do"> <span> <img src="/resources/normal/images/main/section3_button_img02.png" alt=""> </span> <p>비전/가치체계</p> </a> </li> <li> <a href="/Introduction/esg/responsibility.do"> <span> <img src="/resources/normal/images/main/section3_button_img03.png" alt=""> </span> <p>사회책임금융</p> </a> </li> <li> <a href="/recruitment-info/list.do"> <span> <img src="/resources/normal/images/main/section3_button_img04.png" alt=""> </span> <p>채용정보</p> </a> </li> </ul> </div> </div> </div>  </div> <div class="section section05" data-anchor="section-5">  <div class="inner"> <div class="section5_box1 shwo"> <div class="section5_box"> <div class="title_box"> <h3>고객 곁에서 늘 함께하는 저축은행</h3> <p>영업점 및 고객센터 안내</p> </div> </div> <img src="/resources/normal/images/main/section5_box1_img.png" alt=""> </div> <div class="section5_box2 shwo"> <div class="section5_box"> <ul> <li> <a href="/center/use/branch01.do" style="width: 100%;"> <p class="title">영업부</p> <p>충청북도 청주시</p> <p>상당구 남사로 135</p> <p>043-2799-100 / (F) 043-2799-120</p> </a> </li> <li> <a href="/center/use/branch02.do" style="width: 100%;"> <p class="title">강남금융센터</p> <p>서울특별시 강남구</p> <p>테헤란로 301</p> <p>02-2023-1100 / (F) 02-2023-1139</p> </a> </li> <li> <a href="/center/use/branch03.do" style="width: 100%;"> <p class="title">을지로입구역지점</p> <p>서울특별시 중구</p> <p>을지로 50 을지한국빌딩 3층</p> <p>02-3459-6000 / (F) 02-3459-6040</p> </a> </li> </ul> </div> </div> <div class="section5_box3 shwo"> <div class="section5_box"> <div class="top_box"> <h4> 고객센터 <span>(평일:09:00~18:00, 예금상품 상담/평일:09:00~17:30)</span> </h4> <h2>1599-0038</h2> <div class="text_box"> <p>예금상품 상담 : 1599-0776</p> <p>추가대출 상담 : 1599-0006</p> </div> </div> <div class="button_box"> <a href="/qna/qnaHome.do">민원접수</a> <a href="/help-faq1/list.do">자주묻는질문</a> <a href="/center/potal/voicePhishing.do">소비자포털</a> <a href="/help-form/list.do">서식자료실</a> </div> </div> </div> <div class="section5_box4 shwo"> <div class="section5_box"> <h4>공지사항</h4> <ul> <li> <a href="/intro-notice/view.do?blcSn=1422&rowNumber=0"> <p>수신금리 변경의 건(2025.3.5. 시행)</p> <span>2025-02-28</span> </a> </li> <li> <a href="/intro-notice/view.do?blcSn=1406&rowNumber=0"> <p>수신금리 변경의 건(2025.2.14. 시행)</p> <span>2025-02-13</span> </a> </li> <li> <a href="/intro-notice/view.do?blcSn=1281&rowNumber=0"> <p>금융거래목적 확인을 위한 서류제출 안내</p> <span>2024-09-30</span> </a> </li> <li> <a href="/intro-notice/view.do?blcSn=1443&rowNumber=0"> <p>소멸시효 완성 대출채권에 대한 소각처리 안내문</p> <span>2025-03-27</span> </a> </li> </ul> </div> </div> </div>  </div>  <div class="section section06 " data-anchor="section-6">  <div class="inner"> <div class="title_box shwo"> <h3>#우리금융저축은행</h3> <p class="img"> SNS포스트를 확인해 보세요 <img src="/resources/normal/images/icon/section06_text_icon.png" alt=""> </p> </div> <ul class="sns_button shwo"> <li> <a href="https://www.instagram.com/woorisavingsbank/" target="_blank" title="인스타그램 새 창 열기">인스타그램</a> </li> <li> <a href="https://www.facebook.com/woorisavingsbank" target="_blank" title="페이스북 새 창 열기">페이스북</a> </li> <li> <a href="https://pf.kakao.com/_gxkxkTs" target="_blank" title="카카오채널 새 창 열기">카카오채널</a> </li> <li> <a href="https://m.blog.naver.com/PostList.naver?blogId=woorisavingsbank" target="_blank" title="네이버블로그 새 창 열기">네이버블로그</a> </li> <li> <a href="https://m.post.naver.com/my.naver?memberNo=55531212" target="_blank" title="네이버포스트 새 창 열기">네이버포스트</a> </li> </ul> <div class="swiper-wrap shwo"> <div class="depositbox_wrap_ct"> <a href="javascript:;" class="rotate-btn prev"> <img src="/resources/normal/images/icon/swiper_prev.png" alt="이전 버튼"> </a> <a href="javascript:;" class="play"> <img src="/resources/normal/images/icon/swiper_play.png" alt="재생 버튼"> </a> <a href="javascript:;" class="stop"> <img src="/resources/normal/images/icon/swiper_stop.png" alt="정지 버튼"> </a> <a href="javascript:;" class="rotate-btn next"> <img src="/resources/normal/images/icon/swiper_next.png" alt="다음 버튼"> </a> </div> <div class="swiper sec6Swiper"> <div class="swiper-wrapper sec06_swiper-box"> <div class="sns-slide swiper-slide"> <a href="https://www.instagram.com/p/DDgrG5Dy5VA/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" class="swiper-item01 sns_hov" title="새창열림" target="_blank"> <img src="/cm/getImage.do?menuCd=INTRO-SNS&attcFilSn=1683" alt="주식 리딩방의 달콤한 속삭임 절대 속지마세요! 유사투자자문업자의 리딩방을 통한 1대1 투자자문은 불법입니다 불법 리딩방 금융감독원과 경찰청이 끝까지 추격합니다 금융감독원 경찰청" style="border-radius: 30px;" /> <img class="sns_hover" src="/resources/normal/images/sub/sns_hover.png" alt=""> <img class="sns_icon" src="/resources/normal/images/icon/sns_i_icon.png" alt="인스타그램 로고"> </a> </div> <div class="sns-slide swiper-slide"> <a href="https://www.instagram.com/p/CoMVR4KyTck/" class="swiper-item01 sns_hov" title="새창열림" target="_blank"> <img src="/cm/getImage.do?menuCd=INTRO-SNS&attcFilSn=1590" alt="우리금융저축은행 우리금융저축은행에서 공유해드리는 보이스피싱 금융분야 대응방안 보이스피싱관련 정부기관대응방안을 확인해보세요." style="border-radius: 30px;" /> <img class="sns_hover" src="/resources/normal/images/sub/sns_hover.png" alt=""> <img class="sns_icon" src="/resources/normal/images/icon/sns_i_icon.png" alt="인스타그램 로고"> </a> </div> <div class="sns-slide swiper-slide"> <a href="https://www.instagram.com/p/CrNEfiuh2C6/" class="swiper-item01 sns_hov" title="새창열림" target="_blank"> <img src="/cm/getImage.do?menuCd=INTRO-SNS&attcFilSn=1591" alt="우리금융저축은행 우리가 함께하는 보안 캠페인 신종사기 수법 및 유의사항 안내 신종사기 관련 피해사례 및 사기수법, 유의사항을 확인해보세요!" style="border-radius: 30px;" /> <img class="sns_hover" src="/resources/normal/images/sub/sns_hover.png" alt=""> <img class="sns_icon" src="/resources/normal/images/icon/sns_i_icon.png" alt="인스타그램 로고"> </a> </div> </div> </div> </div> </div> <div class="marqee-box"> <img class="marqee" src="/resources/normal/images/sub/woori_maqee.png" alt=""> <img class="marqee" src="/resources/normal/images/sub/woori_maqee.png" alt=""> <img class="marqee" src="/resources/normal/images/sub/woori_maqee.png" alt=""> </div> </div> <div class="section footer-wrap fp-auto-height" data-anchor="section-7" style="display: flex;"> <div class="footer"> <div class="footer__inner"> <div class="footer__top"> <ul class="footer__list"> <li class="footer__item"> <a href="/privacy-protection/view.do">개인정보 처리방침</a> </li> <li class="footer__item"> <a href="/center/potal/information.do">개인정보 처리위탁현황</a> </li> <li class="footer__item"> <a href="/center/potal/credit_information.do">신용정보제공 활용에 대한 고객권리</a> </li> <li class="footer__item"> <a href="/report/form.do">성희롱·성폭력·괴롭힘신고센터</a> </li> <li class="footer__item"> <a href="/center/potal/voicePhishing.do">보이스피싱 피해 신고 접수</a> </li> </ul> <div class="footer__family-site"> <ul> <li> <a href="https://woori.ibs.fsb.or.kr" target="_blank" title="새 창 열기">우리금융저축은행 인터넷뱅킹</a> </li> <li> <a href="http://directloan.woorifsb.com" target="_blank" title="새 창 열기">우리금융저축은행 온라인대출센터</a> </li>  <li> <a href="https://www.bigservice.co.kr/OneClick/OneClick.asp?cporcd=263" target="_blank" title="새 창 열기">기업고객 서류제출</a> </li> <li> <a href="https://www.woorifg.com" target="_blank" title="새 창 열기">우리금융지주</a> </li> <li> <a href="https://www.wooribank.com" target="_blank" title="새 창 열기">우리은행</a> </li> <li> <a href="https://www.wooricard.com" target="_blank" title="새 창 열기">우리카드</a> </li> <li> <a href="https://www.woorifcapital.com" target="_blank" title="새 창 열기">우리금융캐피탈</a> </li> <li> <a href="https://www.wooriib.com" target="_blank" title="새 창 열기">우리투자증권</a> </li> <li> <a href="https://www.wooriat.com" target="_blank" title="새 창 열기">우리자산신탁</a> </li> <li> <a href="http://www.woorifni.co.kr" target="_blank" title="새 창 열기">우리금융에프앤아이</a> </li> <li> <a href="https://www.wooriam.kr" target="_blank" title="새 창 열기">우리자산운용</a> </li> <li> <a href="http://www.woorivp.com/home/main/main.do" target="_blank" title="새 창 열기">우리벤처파트너스</a> </li> <li> <a href="https://www.wooriglobal.com" target="_blank" title="새 창 열기">우리글로벌자산운용</a> </li> <li> <a href="https://www.wooripe.com" target="_blank" title="새 창 열기">우리PE</a> </li> <li> <a href="https://www.wooricredit.com" target="_blank" title="새 창 열기">우리신용정보</a> </li> <li> <a href="https://www.woorifs.co.kr" target="_blank" title="새 창 열기">우리펀드서비스</a> </li> <li> <a href="http://www.woorifis.com/" target="_blank" title="새 창 열기">우리FIS</a> </li> <li> <a href="https://www.wfri.re.kr" target="_blank" title="새 창 열기">우리금융경영연구소</a> </li> <li> <a href="https://www.woorifoundation.or.kr/html/main" target="_blank" title="새 창 열기">우리다문화장학재단</a> </li> <li> <a href="http://woorifuturefoundation.or.kr/" target="_blank" title="새 창 열기">우리금융미래재단</a> </li> <li> <a href="https://spot.wooribank.com/pot/Dream?withyou=mc" target="_blank" title="새 창 열기">우리미소금융재단</a> </li> </ul> <button class="footer__family-site-btn"> Family Site <span></span> </button> </div> </div> <div class="footer__wrap"> <div class="footer__link"> <div class="footer__link-icon footer__link-icon1"> <a href="javascript:;"> <span></span> 우리WON저축은행 </a> </div> <div class="footer__link-icon footer__link-icon2"> <a href="javascript:;"> <span></span> 우리WON멤버스 </a> </div> </div> <div class="footer__address"> <div class="footer__address-text"> <div class="footer__address-box"> <h2 class="footer__address-title"> <img src="/resources/normal/images/sub/woori savings bank.png" alt="woori savings bank 로고"> </h2> <p class="footer__address-desc">대표이사 이석태 충청북도 청주시 상당구 남사로 135, 사업자번호 301-81-00601</p> <p class="footer__address-desc">COPYRIGHTS WOORI SAVINGS BANK. ALL RIGHTS RESERVED.</p> </div> <div class="footer__address-box"> <div class="footer__address-box-con"> <h2 class="footer__address-title">금융사기신고 야간 콜센터 02-3978-600/800</h2> <p class="footer__address-desc"> <a href="/center/potal/ars.do">ARS안내 |</a> <a href="/center/potal/certified.do""> 휴대폰 인증서비스 |</a> <a href=" /deposits/guidelines/protection.do"> 보호금융상품등록부 |</a> <a href="/center/potal/financial_fraud.do"> 금융사기관련 유의사항 안내</a> </p> <p class="footer__address-desc"> <a href="/center/potal/unfair.do">부당, 과장 광고주의 안내문 |</a> <a href="/center/potal/extinctive.do"> 소멸시효 완성채권 추심 관련 유의사항</a> </p> <p class="footer__address-desc"> <a href="/center/potal/illegality.do">불법채권추심 대응요령 |</a> <a href="/center/potal/debenture.do"> 채권추심 업무절차안내</a> </p> </div> <a href="http://webwatch.or.kr" target="_blank" title="WA 품질인증 마크, 웹와치(WebWatch)2025.03.10~2026.03.09 새 창 열기" class="footer__address-img"> <img src="/resources/normal/images/main/web_watch.png" alt="과학기술통상부 WA(WEB접근성) 품질인증 마크 2026.03.10~2025.03.09" style="height: 65px;"> </a> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="calculator__wrap"> <div class="calculator__bg"></div> <div class="calculator"> <div class="calculator__title"> <h2>예적금 계산기</h2> <a href="javascript:;" class="calculator__close" aria-label="닫기"> <span></span> <span></span> </a> </div> <div class="tab_area w2" style="margin-top: 50px;"> <ul id="savingType"> <li> <a href="#none" class="on" value="1" data-text="예금" title="예금">예금</a> </li> <li value="2"> <a href="#none" value="2" data-text="적금" title="적금">적금</a> </li> </ul> </div>  <div class="simpleSum_wrap"> <div class="tit_wrap"> <span class="tit"> 간편 <span class="calculator__text">예금</span> 계산기 </span> <span class="txt"> 우리금융저축은행의 <span class="calculator__text">예금</span> 상품 이자를 확인하세요. (* 상품별 이자 금액에 대해서는 방문 또는 문의 주시면 바랍니다.) </span> </div> <div class="sum_wrap"> <div class="inputSum_wrap"> <label for="inMoney" class="txt">금액(원)</label> <input type="text" id="inMoney" placeholder="0" style="width: 160px;" onkeyup="inputNumberFormat(this)"> </div> <div class="inputSum_wrap"> <label for="inTerm" class="txt">기간(월)</label> <input type="text" id="inTerm" placeholder="0" style="width: 63px;"> </div> <div class="inputSum_wrap"> <label for="inRate" class="txt">이율(%)</label> <input type="text" id="inRate" placeholder="0" style="width: 63px;"> </div> <div class="inputSum_wrap flex"> <span class="txt pl18">구분</span> <div class="selectLayer"> <div class="tit"> <button role="button" id="inRateType" title="금리 구분 선택">단리</button> </div> <ul> <li> <button role="button">단리</button> </li> <li> <button role="button">복리</button> </li> </ul> </div> </div> <a href="javascript:void(0);" class="btn2" id="dCal">결과보기</a> </div> <ul class="resultSum"> <li> <span class="txt">세전이자</span> <span id="interest" class="sum">0 원</span> </li> <li> <span class="txt">이자과세(15.4%)</span> <span id="interestTax" class="sum">0 원</span> </li> <li> <span class="txt">세후수령액</span> <span id="totSum" class="sum">0 원</span> </li> </ul> </div> </div> </div> </div>   <div class="qr_code_wrap"> <div class="savings_bank qr_code"> <a class="close close01" href="javascript:;" aria-label="닫기" role="button"></a> <h3>우리WON저축은행</h3> <ul> <li> <p>안드로이드</p> <div class="img"> <img src="/resources/normal/images/sub/qr_savinhs_android.png" alt="우리WON저축은행 안드로이드 qr코드 url:https://play.google.com/store/apps/details?id=com.woorifsb.woorifsbapp"> </div> </li> <li> <p>아이폰</p> <div class="img"> <img src="/resources/normal/images/sub/qr_savinhs_iphone.png" alt="우리WON저축은행 아이폰 qr코드 url:https://apps.apple.com/kr/app/%EC%9A%B0%EB%A6%ACwon%EC%A0%80%EC%B6%95%EC%9D%80%ED%96%89/id1561568401"> </div> </li> </ul> </div> <div class="member_bank qr_code"> <a class="close close02" href="javascript:;" aria-label="닫기" role="button"></a> <h3>우리WON멤버스</h3> <ul> <li> <p>안드로이드</p> <div class="img"> <img src="/resources/normal/images/sub/qr_member_android.png" alt="우리WON멤버스 안드로이드 qr코드 url:https://play.google.com/store/apps/details?id=com.wooribank.smart.wwms"> </div> </li> <li> <p>아이폰</p> <div class="img"> <img src="/resources/normal/images/sub/qr_member_iphone.png" alt="우리WON멤버스 아이폰 qr코드 url:https://apps.apple.com/kr/app/%EC%9A%B0%EB%A6%ACwon%EB%A9%A4%EB%B2%84%EC%8A%A4/id1126278978"> </div> </li> </ul> </div>  </div>   <a href="#container" class="go-top"> <img src="/resources/normal/images/icon/top-arrow.png" alt="최 상단으로 이동"></a> <div class="plus start-animation"> <div class="plus-btn"> <a href="javascript:;" class="plus-btn__link" aria-label="뱅킹서비스 더보기"> <div class="plus-icon__circle"></div> <div class="plus-line"> <span></span> <span></span> </div> </a> </div> <div class="plus-icon"> <a href="https://woori.ibs.fsb.or.kr/main.act" class="plus-icon__link plus-icon__link1" tabindex="-1" title="새창열림" target="_blank"> <div class="plus-icon__img plus-icon__img1"> <img src="/resources/normal/images/icon/plus-img_01.png" alt=""> <div class="plus-icon__box"> <span class="plus-icon__text"> 인터넷뱅킹</span> </div> </div> </a> <a href="https://www.woorisavingsbank.com/center/service/smartphone01.do" class="plus-icon__link plus-icon__link2" tabindex="-1" title="새창열림" target="_blank"> <div class="plus-icon__img plus-icon__img2"> <img src="/resources/normal/images/icon/plus-img_02.png" alt=""> <div class="plus-icon__box ml"> <span class="plus-icon__text">우리WON저축은행</span> </div> </div> </a> </div> </div>  <style type="text/css"> .main_popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; max-width: 600px; box-shadow: 4px 4px 10px 2px rgb(0, 0, 0, 0.3); overflow: hidden; background-color: #fff; } .main_popup .cont { width: 100%; overflow: hidden; overflow-y: auto; padding: 30px; padding-bottom: 0; } .main_popup .cont img { display: block; width: 540px; height: auto; height: 540px; } .main_popup .popup_footer { padding: 30px; display: flex; justify-content: space-between; } .main_popup .main_popup_close label { font-size: 16px; } .main_popup .main_popup_close .btn-pop-close { margin-left: 20px; background-color: transparent; font-size: 16px; } .main_popup .main_popup_close { display: flex; align-items: center; } .main_popup .main_popup_close input { width: 15px; height: 15px; margin-top: 4px; margin-right: 5px; } .popup_head { padding: 30px 30px 0px 30px; } .popup_go_btn { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; display: flex; justify-content: center; padding: 20px; } .popup_go_btn a { font-size: 18px; background-color: #0144a5; border-radius: 40px; padding: 10px 30px; color: #fff; box-shadow: 1px 1px 5px 1px rgb(0, 0, 0, 0.2); } .popup_footer .slide_btn { display: flex; } .popup_footer .slide_btn button { background-color: transparent; margin-right: 15px; } </style>  <style type="text/css"> /* 계산기 추가 */ .simpleSum_wrap { background: #efefef; border-top: 4px solid #c2c2c2; padding: 20px 30px 30px; } .simpleSum_wrap .tit_wrap .tit { font-size: 22px; color: #222222; font-weight: 600; } .simpleSum_wrap .tit_wrap .txt { font-size: 16px; color: #0d0d0d; margin-left: 10px; display: inline-block; } .simpleSum_wrap .sum_wrap { margin: 30px 0 25px 0; font-size: 0; } .simpleSum_wrap .sum_wrap .inputSum_wrap { border: 1px solid #999; background: #fff; display: inline-block; height: 47px; padding: 0 9px; vertical-align: middle; margin-right: 3px; } .simpleSum_wrap .sum_wrap .inputSum_wrap .txt { font-size: 16px; color: #939393; font-weight: 600; display: inline-block; height: 46px; line-height: 46px; } .simpleSum_wrap .sum_wrap .inputSum_wrap span.txt { line-height: 47px; } .simpleSum_wrap .sum_wrap .inputSum_wrap input { float: left; line-height: 45px; height: 45px; border: none; text-align: right; font-size: 26px; font-weight: bold; outline: none; padding: 0 !important; margin: 0 !important; padding-right: 10px !important; } .simpleSum_wrap .sum_wrap .inputSum_wrap input:focus { line-height: 47px; padding: 8px 0px; outline: 1px dotted #111 } .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer { display: inline-block; border: none; position: relative; width: 193px; vertical-align: middle; } .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer .tit a, .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer .tit button { display: block; /*background:url(../images/sub/sum_arrow.jpg) 98% 50% no-repeat; */ padding: 0 28px 0 5px; font-size: 17px; line-height: 47px; text-align: right; color: #858585; width: 100%; } .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer select { position: absolute; color: #676968; top: 0px; right: 0; background: #fff; border: none; font-size: 17px; padding-left: 110px; padding-right: 10px; height: 47px; } .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li { padding-left: 70px; display: flex; justify-content: end; } .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li a, .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li button { display: block; padding-right: 25px; font-size: 17px; line-height: 47px; text-align: right; background: #fff; } .simpleSum_wrap .sum_wrap .btn { display: inline-block; background: #858585; line-height: 49px; color: #fff; font-size: 18px; font-weight: 600; padding: 0 27px; vertical-align: middle; } .simpleSum_wrap .sum_wrap .btn:focus { outline: 4px solid #d1180b; } .simpleSum_wrap .sum_wrap .btn2 { display: inline-block; background: #858585; line-height: 49px; color: #fff; font-size: 18px; font-weight: 600; padding: 0 45px; vertical-align: middle; } .simpleSum_wrap .sum_wrap .btn2:focus { outline: 4px solid #d1180b; } .simpleSum_wrap .resultSum { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: #fafafa; width: 1020px; } .simpleSum_wrap .resultSum li { border-bottom: 1px solid #cccccc; overflow: hidden; height: 49px; padding: 0 20px; } .simpleSum_wrap .resultSum li .txt { display: block; float: left; line-height: 49px; color: #222; font-size: 16px; } .simpleSum_wrap .resultSum li .sum { display: block; float: right; line-height: 49px; color: #222; font-size: 16px; } .tab_area { overflow: hidden; margin-bottom: 50px; width: 1000px; margin-left: 40px; } .tab_area li { width: 25%; float: left; } .tab_area.w2 li { width: 50%; float: left; } .tab_area.w3 li { width: 33.3333%; float: left; } .tab_area.w5 li { width: 20%; float: left; } .tab_area.w6 li { width: 16.66666667%; float: left; } .tab_area li a { display: block; border: 1px solid #dcdcdc; background-color: #f8f8f8; line-height: 54px; font-size: 22px; margin-left: -1px; text-align: center; color: #999; font-family: 'Woori Font', 'Noto Sans KR', sans-serif; } .tab_area li a:focus { border: 2px solid #000; } .tab_area li a.on:focus { border: 3px solid #d1180b !important; } .tab_area li a.on { border-bottom: none; border-color: #0067ac; background-color: #0067ac; color: #fff; font-weight: 600; } .tab_area.nbd li a { border-top: 0; } .tab_area li:first-child a { margin-left: 0; } .tab_con.off { display: none; } .tab_area.n_bdt li a { border-top: 0; } .tab_area2 { overflow: hidden; margin-bottom: 50px; } .tab_area2.w3 li { width: 33.3333%; float: left; } .tab_area2 li a { display: block; border: 1px solid #dcdcdc; background: #f8f8f8; line-height: 54px; font-size: 16px; margin-left: -1px; text-align: center; } .tab_area2 li a.on { border-bottom: none; border-top: 4px solid #0067ac; background: #fff; color: #0067ac; line-height: 52px; font-size: 16px; margin-left: -1px; text-align: center; font-weight: 600; } .tab_area2 li:first-child a { margin-left: 0; } .tab_con2.off { display: none; } .tab_area3 { overflow: hidden; margin-bottom: 50px; } .tab_area3.w3 li { width: 33.3333%; float: left } .tab_area3 li a { display: block; border: 1px solid #dcdcdc; background: #f8f8f8; line-height: 54px; font-size: 16px; margin-left: -1px; text-align: center } .tab_area3 li a.on { border-bottom: none; border-top: 4px solid #0067ac; background: #fff; color: #0067ac; line-height: 52px; font-size: 16px; margin-left: -1px; text-align: center; font-weight: 600; } .tab_area3 li:first-child a { margin-left: 0; } .tab_con3.off { display: none; } .tab_area4 { overflow: hidden; margin-bottom: 50px; } .tab_area4.w3 li { width: 33.3333%; float: left; } .tab_area4 li a { display: block; border: 1px solid #dcdcdc; background: #f8f8f8; line-height: 54px; font-size: 16px; margin-left: -1px; text-align: center; } .tab_area4 li a.on { border-bottom: none; border-top: 4px solid #0067ac; background: #fff; color: #0067ac; line-height: 52px; font-size: 16px; margin-left: -1px; text-align: center; font-weight: 600; } .tab_area4 li:first-child a { margin-left: 0; } .tab_con4.off { display: none; } .tab_area5 { overflow: hidden; margin-bottom: 50px; } .tab_area5.w3 li { width: 33.3333%; float: left; } .tab_area5 li a { display: block; border: 1px solid #dcdcdc; background: #f8f8f8; line-height: 54px; font-size: 16px; margin-left: -1px; text-align: center; } .tab_area5 li a.on { border-bottom: none; border-top: 4px solid #0067ac; background: #fff; color: #0067ac; line-height: 52px; font-size: 16px; margin-left: -1px; text-align: center; font-weight: 600; } .tab_area5 li:first-child a { margin-left: 0; } .tab_con5.off { display: none; } .tab_area.history li a { display: block; border: 1px solid #dcdcdc; background: #ffffff; line-height: 54px; font-size: 14px; margin-left: 0; text-align: center; } .tab_area.history li a.on { border-bottom: none; border-top: none; background: #0067ac; color: #ffffff; line-height: 56px; font-size: 14px; margin-left: -1px; text-align: center; font-weight: normal; } .tab_con h2, .tab_con2 h2, .tab_con3 h2 { position: absolute; left: -99999; font-size: 0; height: 0px; width: 0; } .board.tyep01 form[name="frm"] { display: flex; } .design_form label { display: none; } /* 다이렉트론 */ .confirmation-page__title { margin-top: 40px; font-size: 32px; font-weight: bold; line-height: 48px; text-align: center; } .confirmation-page__title .blue { color: #0144a5; } .confirmation-page__desc .blue, .confirmation-page__desc { margin-top: 40px; font-size: 24px; line-height: 1; } .confirmation-page__desc .blue { color: #0144a5; } .confirmation-page__desc.c-blue { color: #0144a5; } .btn-box.tyep02 { width: 100%; display: flex; justify-content: center; margin-top: 70px; } .btn-box.tyep02 .btn-link { display: flex; justify-content: center; align-items: center; width: 170px; padding: 10.5px 10px; color: var(- -main-text); border: 1px solid var(- -main-text); transition: 0.3s; box-sizing: border-box; } .btn-box.tyep02.pc-mo .btn-link { width: 235px; } .btn-box.tyep02 .btn-link+.btn-link { margin-left: 20px; } .btn-box.tyep02 .btn-link:hover { background-color: var(- -main-text); color: #fff; } .complaints__list { display: flex; justify-content: space-between; } .complaints__item { width: calc(50% - 20px); display: flex; flex-direction: column; align-items: center; padding: 40px; border: 1px solid #ccc; } .complaints__title { margin-top: 24px; font-size: 32px; font-weight: bold; line-height: 1; } .complaints .btn-box.tyep02 { margin-top: 30px; } .complaints__desc { font-size: 24px; font-weight: 500; margin-top: 20px; line-height: 1; } .complaints__box { margin-top: 40px; padding: 30px; background-color: #f7f7f7; border: 1px solid #ccc; } .complaints__box p { font-size: 18px; line-height: 34px; color: #333; } .complaints__box p.t-b { font-weight: bold; } .complaints__box p .blue { color: #0144a5; } .certification__list { margin-top: 26px; margin-left: 100px; } .certification__item { display: flex; margin-bottom: 16px; } .certification__item * { line-height: 1; } .certification__item .blue { display: inline-block; margin-right: 10px; color: #0144a5; } .integration-limit__box { padding: 50px; } .integration-limit__info-text, .integration-limit__info-title b, .integration-limit__info-title span, .integration-limit__info-title { font-size: 32px; font-weight: normal; line-height: 48px; } .integration-limit__info-title b { font-weight: bold; } .integration-limit__info-title .blue { color: #0144a5; font-weight: bold; } .integration-limit__info-text span { font-size: 32px; font-weight: bold; } .integration-limit__info-text span em { font-size: 32px; color: #0144a5; font-weight: bold; } .integration-limit.border { border: 1px solid #ccc; border-top: 1px solid #0144a5; box-shadow: 3px 3px 8px 0px #dddcdc; } .integration-limit__list02 { display: flex; justify-content: space-between; margin-top: 20px; } .integration-limit__item { display: flex; flex-direction: column; align-items: center; width: calc(50% - 50px); padding: 20px; background-color: #f8f8f8; border-radius: 10px; } .integration-limit__name { font-size: 24px; font-weight: 500; line-height: 1; } .integration-limit__num span { display: inline-block; margin-right: 8px; color: #0144a5; font-size: 40px; font-weight: bold; } .board.tyep04 .board__table { border-bottom: 0px solid #000; } .board.tyep04 .board__list { display: flex; } .board.tyep04 .board__item { font-size: 18px; } .board.tyep04 .board__table-head .board__list { border-bottom: 1px solid #c4c4c4; } .board.tyep04 .board__table-head .board__item { display: flex; align-items: center; justify-content: center; width: calc(100%/ 3); height: 60px; background-color: #f7f7f7; font-size: 18px; color: var(- -color-gray); box-sizing: border-box; } .board.tyep04.cont4 .board__table-body .board__item, .board.tyep04.cont4 .board__table-head .board__item { width: calc(100%/ 4); } .board.tyep04 .board__table-body .board__list { border-bottom: 1px solid #c4c4c4; color: var(- -color-gray); } .board.tyep04 .board__table-body .board__item { display: flex; justify-content: center; align-items: center; width: calc(100%/ 3); height: 120px; box-sizing: border-box; text-align: center; } .board.tyep04 .board__table-body .board__item.num { display: flex; } .board.tyep04 .board__table-body .board__item.num { font-size: 24px; } .board.tyep04 .board__table-body .board__item.num em { margin-top: 5px; margin-left: 5px; font-size: 18px; } .board.tyep04 .board__table-body .board__item:last-child { border-bottom: none; } .board__num { width: 340px; height: 50px; margin-right: 5px; padding: 15px; border: 1px solid #ccc; text-align: right; } .view-details { padding: 10px 17px; border: 1px solid #ccc; box-sizing: border-box; line-height: 1; } .table__title { margin-bottom: 32px; font-size: 24px; line-height: 1; } .table-wrap.tyep02.v-color .table-wrap__item { height: 71px; } .table-wrap.tyep02.v-color .table-wrap__title { display: flex; align-items: center; height: 70px; background-color: #e3f1ff; line-height: 1; } .table-wrap.tyep02.v-color .table-wrap__title h3 { color: var(- -main-text); font-weight: bold; } .table-wrap.tyep02.v-color .table-wrap__desc { width: 100%; } .table-wrap.tyep02.v-color.flex { display: flex; justify-content: space-between; border-top: none; } .table-wrap.tyep02.v-color.flex .table-wrap__title { min-width: 340px; } .table-wrap.tyep02.v-color.flex .table-wrap__list { width: calc(50% - 16px); border-top: 2px solid var(- -color-gray); } .guide-letter { margin-top: 30px; font-size: 24px; font-weight: 600; line-height: 1; } .guide-letter__desc { margin-top: 40px; font-size: 18px; line-height: 34px; } .downlode-btn { display: flex; align-items: center; justify-content: center; width: 110px; height: 50px; background-color: #777; color: #fff; border: none; box-sizing: border-box; } .board__table.list-type01 .board__item:nth-child(1) { min-width: 190px; width: 190px; } .board__table.list-type01 .board__item:nth-child(2) { min-width: 190px; width: 190px; } .board__table.list-type01 .board__item:nth-child(3) { min-width: 120px; width: 120px; } .board__table.list-type01 .board__item:nth-child(4) { min-width: 160px; width: 160px; } .board__table.list-type01 .board__item:nth-child(5) { min-width: 180px; width: 180px; } .board__table.list-type01 .board__item:nth-child(6) { min-width: 180px; width: 180px; } .board__table.list-type01 .board__item:nth-child(7) { min-width: 180px; width: 180px; } .board__table.list-type01 .board__item:nth-child(8) { min-width: 160px; width: 160px; } .board__table.list-type01 .board__item:nth-child(9) { min-width: 180px; width: 180px; } .board__table.list-type02 .board__item:nth-child(1) { min-width: 500px; width: 500px; } .board__table.list-type02 .board__item:nth-child(2) { min-width: 350px; width: 350px; } .board__table.list-type02 .board__item:nth-child(3) { min-width: 300px; width: 300px; } .board__table.list-type02 .board__item:nth-child(4) { min-width: 210px; width: 210px; } .calculator__wrap { display: none; } .calculator__wrap.show { display: block; } .calculator { z-index: 1001; overflow: hidden; position: fixed; top: 50%; left: 50%; width: 1100px; height: 600px; transform: translate(-50%, -50%); background-color: #fff; border-radius: 20px; box-shadow: 6px 6px 10px 0px rgb(77, 77, 77); } .calculator__bg { z-index: 1000; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; content: ''; background-color: rgba(0, 0, 0, 0.5); } .calculator__title { padding: 26px 50px; background-color: var(--main-text); } .calculator__title h2 { position: relative; font-size: 32px; font-weight: bold; color: #fff; line-height: 1; } .calculator__close { position: absolute; top: 25px; right: 30px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .calculator__close span { position: absolute; width: 30px; height: 3px; background-color: #fff; } .calculator__close span:first-child { transform: rotate(45deg); } .calculator__close span:last-child { transform: rotate(-45deg); } .calculator .tab_area { width: 100%; margin: 0 !important; padding: 30px 50px 00px; } .calculator .simpleSum_wrap .resultSum { z-index: 2; position: relative; width: 100%; margin-top: 55px; } .calculator .simpleSum_wrap .resultSum::before { display: block; z-index: 1; position: absolute; top: -35px; left: -50px; width: 100vw; height: 210px; background-color: #e3f1ff; content: ''; } .calculator .simpleSum_wrap .resultSum li { position: inherit; z-index: 2; background-color: #fff; } .calculator .sum_wrap { display: flex; justify-content: space-between; } .calculator .sum_wrap .inputSum_wrap { height: 50px; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap.flex { display: flex; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap.flex .selectLayer { position: relative; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap.flex .selectLayer::after { position: absolute; top: 20px; right: 5px; width: 0; height: 0; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 10px solid #c4c4c4; border-right: 7px solid transparent; transform: rotate(90deg); content: ''; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap.flex .selectLayer.on::after { top: 14px; transform: rotate(-90deg); } .calculator .selectLayer ul { position: inherit; top: 2px; left: -56px; background: #fff; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li button { padding-right: 44px; width: 100%; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li:hover button { background-color: #f7f7f7; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer .tit button { padding: 0 34px 0 5px; background: #fff; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .pl18 { min-width: fit-content; padding: 0 9px; } .calculator .sum_wrap .inputSum_wrap .txt { height: 50px; } .calculator .sum_wrap .inputSum_wrap input { height: 48px; font-size: 32px; font-weight: normal; color: #333; } .calculator .sum_wrap .inputSum_wrap input::placeholder { color: #333; } .calculator .selectLayer ul { z-index: 3; width: 260px; border: none; } .calculator .simpleSum_wrap .resultSum li .sum { color: #777; } .calculator .simpleSum_wrap .resultSum li .sum, .calculator .resultSum li .txt { font-size: 18px; } .calculator .sum_wrap .inputSum_wrap:nth-child(1) { width: 240px; } .calculator .sum_wrap .inputSum_wrap:nth-child(2) { width: 140px; } .calculator .sum_wrap .inputSum_wrap:nth-child(3) { width: 140px; } .calculator .sum_wrap .inputSum_wrap:nth-child(4) { width: 260px; } .calculator .simpleSum_wrap .sum_wrap .btn2 { display: flex; align-items: center; justify-content: center; width: 140px; height: 50px; padding: 0; background-color: #0144a5; box-sizing: border-box; line-height: inherit; } .simpleSum_wrap .tit_wrap .tit span { font-size: 22px; color: #222222; font-weight: 600; } .calculator .simpleSum_wrap { width: 100%; margin: 0 !important; padding: 30px 50px 50px; background-color: #fff; border-top: none; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul { display: none; box-shadow: 6px 6px 10px -2px rgb(184, 184, 184); } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li { position: relative; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li:hover { background-color: #f7f7f7; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li::after { position: absolute; bottom: 0; left: 50%; width: 90%; height: 1px; background-color: #ccc; transform: translateX(-50%); content: ''; } .calculator .simpleSum_wrap .sum_wrap .inputSum_wrap .selectLayer ul li:last-child::after { display: none; } .calculator .simpleSum_wrap .tit_wrap .txt { display: block; margin-top: 20px; margin-left: 0; line-height: 1; } .calculator .simpleSum_wrap .tit_wrap .txt .calculator__text { font-size: 16px; } .section03 .sec-search__bar .serch-pop__box input[type="text"]:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; } </style>  <script> function initset() { $("#interest").text('0 원'); $("#interestTax").text('0 원'); $("#totSum").text('0 원'); } $("#savingType").click(function () { $('#inMoney').val('0'); $('#inTerm').val('0'); $('#inRate').val('0'); $('#inRateType').text('단리'); initset(); }); $("#inRateType").click(function () { initset(); }); $("#savingType a").click(function (e) { e.preventDefault(); var text = $(this).data("text"); $(".calculator__text").text(text); }); $("#dCal").click(function () { var inMoney = $('#inMoney').val(); var inTerm = $('#inTerm').val(); var inRate = $('#inRate').val(); if ($('#savingType li').find('.on').text() == "적금") { inRateType = $('#inRateType').text() == '복리' ? '4' : '3'; } else { inRateType = $('#inRateType').text() == '복리' ? '2' : '1'; } if (inMoney == "") { alert('금액을 입력해주세요.'); return; } if (inTerm == "") { alert('기간을 입력해주세요.'); return; } if (inRate == "") { alert('이율을 입력해주세요.'); return; } id = "inRateType" $.ajax({ url: "/submain/depositCal.do", type: "POST", data: { money: inMoney, term: inTerm, rate: inRate, //rateType : $('#inRateType').text()=='복리' ? '2' : '1' //구분 (1:단리, 2:복리) rateType: inRateType }, success: function (data, textStatus, jqXHR) { //Sucess시, 처리 alert(data.message); $("#interest").text(comma(data.calcVO.interest) + " 원"); $("#interestTax").text(comma(data.calcVO.interestTax) + " 원"); $("#totSum").text(comma(data.calcVO.totSum) + " 원"); console.log(data); //alert(); }, // error: function (jqXHR, textStatus, errorThrown) { // alert("error"); // } }); }); </script>  <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <script type="text/javascript"> // $(document).on("click", function (e) { // var container = $(".footer__family-site"); // // 패밀리 사이트 버튼을 클릭하거나 엔터 키를 누른 경우 또는 포커스를 받은 경우 // if ($(e.target).hasClass("footer__family-site-btn") || (e.type === "keydown" && e.key === "Enter")) { // container.toggleClass("on"); // $(".footer__family-site ul").slideToggle(); // $('body').on('scroll touchmove mousewheel', function (event) { // event.preventDefault(); // event.stopPropagation(); // return false; // }); // } else if (!container.is(e.target) && container.has(e.target).length === 0) { // container.removeClass("on"); // $(".footer__family-site ul").slideUp(); // $('body').off('scroll touchmove mousewheel'); // } // }); $(document).on("click", function (e) { var container = $(".footer__family-site"); // 패밀리 사이트 버튼을 클릭하거나 엔터 키를 누른 경우 또는 포커스를 받은 경우 if ($(e.target).hasClass("footer__family-site-btn") || (e.type === "keydown" && e.key === "Enter")) { container.toggleClass("on"); if (container.hasClass("on")) { $(".footer__family-site ul").slideDown(); $('body').on('scroll touchmove mousewheel', function (event) { event.preventDefault(); event.stopPropagation(); return false; }); } else { $(".footer__family-site ul").slideUp(); $('body').off('scroll touchmove mousewheel'); } } else if (!container.is(e.target) && container.has(e.target).length === 0) { container.removeClass("on"); $(".footer__family-site ul").slideUp(); $('body').off('scroll touchmove mousewheel'); } }); $(".footer__family-site-btn").click(function () { $(".footer__top").toggleClass("show"); if ($(".footer__top").hasClass("show")) { $(".footer__family-site ul").attr("tabindex", "0") setTimeout(() => { $(".footer__family-site ul").focus(); }, 100); } else { $(".footer__family-site-btn").attr("tabindex", "0").focus(); } }); var swiperPopup = new Swiper(".swiper-popup", { spaceBetween: 30, slidesPerView: 1, navigation: { nextEl: ".main_popup .popup_btn.next02", prevEl: ".main_popup .popup_btn.prev02", }, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, }, on: { slideChange: function () { $('.main_popup .slide_btn .popup_btn_play').on('click', function () { swiperPopup.autoplay.start(); return false; }); $('.main_popup .slide_btn .popup_btn_stop').on('click', function () { swiperPopup.autoplay.stop(); return false; }); }, }, }); setTimeout(() => { $('.swiper-slide a').on('focus', function () { console.log("B") setTimeout(() => { swiperPopup.autoplay.stop(); }, 300); // swiperPopup.slidePrev(); }); }, 300); var App = new Object(); App.TopPop = function () { var self; return { init: function () { self = this; // popup close $('.btn-pop-close').on('click', function () { if ($('#do-not-open').is(':checked')) { self.setCookie('todayCookie', 'done', 1); } $('.main_popup').hide(); }); // Do not open today. self.getCookie(); }, setCookie: function (name, value, expiredays) { var todayDate = new Date(); todayDate.setDate(todayDate.getDate() + expiredays); document.cookie = name + '=' + escape(value) + '; path=/; expires=' + todayDate.toGMTString() + ';' }, getCookie: function () { var cookiedata = document.cookie; if (cookiedata.indexOf('todayCookie=done') < 0) { $('.main_popup').show(); } else { $('.main_popup').hide(); } } } }(); App.TopPop.init(); $(function () { // $(".main_popup").draggable(); // $(".store_infoslide").slick({ // variableWidth: true, // slidesToShow: 5, // arrows: true, // autoplay: false, // dots: false, // infinite: false, // }); // start- 웹접근성 - 탭/백탭 키 $(document).on("keydown", function (e) { if (e.keyCode == "9") { if (e.shiftKey) { //백탭 if ($(".section02 .section_top .titbox_outer .titbox div .link").is(":focus")) { $.fn.fullpage.moveTo(1); $(".section01 .slide_btn_wrap button").attr("tabindex", 0).show().focus(); } if ($(".section03 .section_top .titbox_outer .titbox div .link").is(":focus")) { $.fn.fullpage.moveTo(2); $(".section02 .slide_btn_wrap button").attr("tabindex", 0).show().focus(); } if ($(".section04 .section_top .titbox_outer .titbox div .link").is(":focus")) { $.fn.fullpage.moveTo(3); $(".section03 .section_bottom_r_outer .slide_btn_wrap button").attr("tabindex", 0).show().focus(); } if ($(".section05 .section_top .titbox_outer .titbox div .link").is(":focus")) { $.fn.fullpage.moveTo(4); $(".section04 .section_bottom ul li:last a").attr("tabindex", 0).show().focus(); } if ($("#footer .top .top_r ul:first li:first a").is(":focus")) { $.fn.fullpage.moveTo(5); $(".section05 .section_bottom .notice .notice_list li:last a").attr("tabindex", 0).show().focus(); } } else { //탭 if ($(".section01 .slide_btn_wrap button").is(":focus")) { $.fn.fullpage.moveTo(2); } if ($(".section02 .slide_btn_wrap button").is(":focus")) { $.fn.fullpage.moveTo(3); } if ($(".section03 .section_bottom_r_outer .slide_btn_wrap button").is(":focus")) { $.fn.fullpage.moveTo(4); } if ($(".section04 .section_bottom ul li:last a").is(":focus")) { $.fn.fullpage.moveTo(5); } if ($(".section05 .section_bottom .notice .notice_list li:last a").is(":focus")) { $.fn.fullpage.moveTo(6); } } } }); // end - 웹접근성 }); </script> <script type="text/javascript" src="/resources/normal/js/jquery/swiper-bundle.min.js"></script> <script> $(".go-top").attr("href", "#section-1") $(function () { setTimeout(() => { $(".depositbox_wrap .slider ").mouseover(function () { $(".depositbox_wrap .swiper-slide-prev + .slider").removeClass("swiper-slide-active"); }); $(".depositbox_wrap .slider ").mouseout(function () { $(".depositbox_wrap .swiper-slide-prev + .slider").addClass("swiper-slide-active"); }); $(".section02 .bottom ul li").mouseover(function () { $(".section02 .swiper-slide-prev + .swiper-slide").removeClass("swiper-slide-active"); }); $(".section02 .bottom ul li").mouseout(function () { $(".section02 .swiper-slide-prev + .swiper-slide").addClass("swiper-slide-active"); }); }, 1000); }); </script>  <script type="text/javascript"> $('.openCalcDep').on('click', function (event) { $('.calculator__wrap').removeClass('적금'); $('.calculator__wrap').toggle('show'); $('.calculator__wrap').addClass('예금'); setTimeout(() => { $(".tab_area li a.on").focus(); }, 300); }) $('.openCalcSav').on('click', function (event) { $('.calculator__wrap').removeClass('예금'); $('.calculator__wrap').toggle('show'); $('.calculator__wrap').addClass('적금'); setTimeout(() => { $(".tab_area li a.on").focus(); }, 300); }) $('.calculator__close').on('click', function (event) { $('.calculator__wrap').toggle('show'); let calculatorName = $('.calculator__wrap')[0]; if ($(calculatorName).hasClass("예금")) { $(".openCalcDep").focus(); } if ($(calculatorName).hasClass("적금")) { $(".openCalcSav").focus(); } }) $(".calculator .simpleSum_wrap .sum_wrap .btn2").focusout(function () { // 포커스가 떠날 때 실행할 코드 $(".calculator__close").focus(); }); $('.openCalcDep').on('click', function () { $('#savingType li:eq(0) a').trigger('click'); }) $('.openCalcSav').on('click', function () { $('#savingType li:eq(1) a').trigger('click'); }) $("#savingType a").click(function (e) { e.preventDefault(); var text = $(this).data("text"); $(".calculator__text").text(text); }); $("#savingType li a").click(function () { // 모든 <a> 요소의 on 클래스를 제거하고 원래 title 속성 값으로 재설정 $("#savingType li a").removeClass("on").each(function () { $(this).attr("title", $(this).attr("data-text")); // title을 data-text 값으로 재설정 }); // 클릭된 <a> 요소에 on 클래스를 추가하고 title을 변경 $(this).addClass("on"); $(this).attr("title", $(this).attr("data-text") + " 선택됨"); }); $(".selectLayer li button").click(function () { var text = $(this).text(); $(".selectLayer #inRateType").text(text); $(".selectLayer ul").slideUp(); $(".selectLayer").addClass("on"); }); $(".selectLayer #inRateType").click(function () { $(".selectLayer ul").slideToggle(); $(".selectLayer").toggleClass("on"); }); //값 입력시 콤마찍기 function inputNumberFormat(obj) { obj.value = comma(uncomma(obj.value)); } //콤마찍기 function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,'); } //콤마풀기 function uncomma(str) { str = String(str); return str.replace(/[^\d]+/g, ''); } $(function () { if (typeof document.querySelector(".plus-btn") !== 'undefined' && document.querySelector(".plus-btn") != null) { document.querySelector(".plus-btn").addEventListener("click", () => { let plus = document.querySelector(".plus"); const plusIconLinks = document.querySelectorAll(".plus-icon__link"); plus.classList.toggle("active"); if (plus.classList.contains("active")) { plusIconLinks.forEach(link => { link.tabIndex = 0; }); } else { plusIconLinks.forEach(link => { link.tabIndex = -1; }); } }); } }); </script> <script> function showAlert(event) { event.preventDefault(); alert("해당 페이지는 준비 중입니다."); } window.onload = dotBtnLink; function dotBtnLink() { const dotBtn = document.querySelectorAll("#fp-nav a"); dotBtn.forEach((el) => { el.addEventListener('focus', () => { el.classList.add("active"); // Create a new <span> element if (el.classList.contains("active") && !el.querySelector(".blind_lab")) { const divElement = document.createElement("span"); divElement.classList.add("blind_lab"); divElement.innerHTML = "선택됨"; // Append the <span> element to the <a> element el.appendChild(divElement); } }); el.addEventListener('focusout', () => { el.classList.remove("active"); // Find and remove the <span> element from the <a> element const divElement = el.querySelector(".blind_lab"); if (divElement) { el.removeChild(divElement); } }); // 마우스 오버 이벤트 처리 el.addEventListener('mouseover', () => { el.classList.add("show"); // Create a new <span> element // const divElement = document.createElement("span"); // divElement.classList.add("blind_lab"); // divElement.innerHTML = "선택됨"; // Append the <span> element to the <a> element // el.appendChild(divElement); }); el.addEventListener('mouseout', () => { el.classList.remove("show"); // Find and remove the <span> element from the <a> element // const divElement = el.querySelector(".blind_lab"); // if (divElement) { // el.removeChild(divElement); // } }); // if (el.classList.contains("active")) { // if (!el.querySelector(".blind_lab")) { // const divElement = document.createElement("span"); // divElement.classList.add("blind_lab"); // divElement.innerHTML = "선택됨"; // // Append the <span> element to the <a> element // el.appendChild(divElement); // } // } if (el.classList.contains("active")) { if (!el.querySelector(".blind_lab")) { // .blind_lab 생성 const divElement = document.createElement("span"); divElement.classList.add("blind_lab"); divElement.innerHTML = "선택됨"; el.appendChild(divElement); } } else { // .blind_lab 제거 const divElement = el.querySelector(".blind_lab"); if (divElement) { el.removeChild(divElement); } } }); } // 함수를 호출하여 이벤트 핸들러를 등록 </script> <script> window.onload = function () { dotBtnLink(); window.location.hash = 'section-1'; }; // 웹접근성시 풀페이지 url 강제 할당하여 스킵네브 오류 해결 그러나 웹 접근성시에만 활성화 할 것 </script>  // <script> // document.addEventListener('DOMContentLoaded', function () { // const skipNavLinks = document.querySelectorAll('#skipNav a'); // 스킵 네비게이션의 모든 링크 // const popup = document.querySelector('.main_popup'); // 팝업 요소 // const popupGoBtn = popup.querySelector('.popup_go_btn a'); // 팝업 내 이동 버튼 // const popupCloseBtn = popup.querySelector('.btn-pop-close'); // 팝업 닫기 버튼 // const focusableElements = popup.querySelectorAll('a, button, input, [tabindex="0"]'); // 팝업 내 포커스 가능한 요소 // const firstFocusable = focusableElements[0]; // const lastFocusable = focusableElements[focusableElements.length - 1]; // // 페이지 로드 시 팝업 표시 및 초점 설정 // popup.style.display = 'block'; // firstFocusable.focus(); // // 팝업 내부에서 탭 순환 처리 // popup.addEventListener('keydown', function (event) { // if (event.key === 'Tab') { // if (!event.shiftKey && document.activeElement === lastFocusable) { // // 마지막 요소에서 Tab을 누르면 첫 요소로 이동 // event.preventDefault(); // firstFocusable.focus(); // } else if (event.shiftKey && document.activeElement === firstFocusable) { // // 첫 요소에서 Shift+Tab을 누르면 마지막 요소로 이동 // event.preventDefault(); // lastFocusable.focus(); // } // } // }); // // 팝업 닫기 버튼을 눌렀을 때 스킵 네비게이션으로 포커스 이동 // popupCloseBtn.addEventListener('click', function () { // popup.style.display = 'none'; // skipNavLinks[0].focus(); // 스킵 네비게이션의 첫 번째 링크로 포커스 이동 // }); // }); // </script> <script> document.addEventListener('DOMContentLoaded', function () { const skipNavLinks = document.querySelectorAll('#skipNav a'); // 스킵 네비게이션의 모든 링크 const popup = document.querySelector('.main_popup'); // 팝업 요소 const popupGoBtn = popup.querySelector('.popup_go_btn a'); // 팝업 내 이동 버튼 const popupCloseBtn = popup.querySelector('.btn-pop-close'); // 팝업 닫기 버튼 const focusableElements = popup.querySelectorAll('a, button, input, [tabindex="0"]'); // 팝업 내 포커스 가능한 요소 const firstFocusable = popup; // 팝업 자체를 첫 번째 포커스로 설정 const lastFocusable = focusableElements[focusableElements.length - 1]; // 페이지 로드 시 팝업 표시 및 초점 설정 popup.style.display = 'block'; popup.setAttribute('tabindex', '-1'); // 팝업 자체를 포커스 가능하도록 설정 popup.focus(); // 팝업 내부에서 탭 순환 처리 popup.addEventListener('keydown', function (event) { if (event.key === 'Tab') { if (!event.shiftKey && document.activeElement === popup) { // 팝업에서 Tab을 누르면 .popup_go_btn a로 이동 event.preventDefault(); popupGoBtn.focus(); } else if (!event.shiftKey && document.activeElement === lastFocusable) { // 마지막 요소에서 Tab을 누르면 첫 요소로 이동 event.preventDefault(); popup.focus(); } else if (event.shiftKey && document.activeElement === popupGoBtn) { // .popup_go_btn a에서 Shift+Tab을 누르면 팝업으로 이동 event.preventDefault(); popup.focus(); } } }); // 팝업 닫기 버튼을 눌렀을 때 스킵 네비게이션으로 포커스 이동 popupCloseBtn.addEventListener('click', function () { popup.style.display = 'none'; popup.removeAttribute('tabindex'); // 팝업 포커스 가능 제거 skipNavLinks[0].focus(); // 스킵 네비게이션의 첫 번째 링크로 포커스 이동 }); }); </script> <script> $(function () { $(".header__search-link").click(function () { setTimeout(() => { $("#serchPop").focus(); // document.querySelectorAll(".header__menu-wrap").style.display="none"; document.querySelectorAll(".header__menu-wrap").forEach((el) => { el.style.display = "none"; }); }, 500); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { // 모든 .fp-sr-only 클래스 요소의 텍스트를 UTF-8로 디코딩 const elements = document.querySelectorAll('.fp-sr-only'); elements.forEach(el => { try { el.textContent = decodeURIComponent(el.textContent); } catch (e) { console.error("디코딩 오류: ", e); } }); }); </script> <script> document.addEventListener("keydown", function (event) { if (event.shiftKey && event.key === "Tab") { const activeElement = document.activeElement; if (activeElement.classList.contains("plus-btn__link")) { event.preventDefault(); // 기본 포커스 이동 방지 document.querySelector(".go-top")?.focus(); // .go-top 요소로 포커스 이동 } } }); </script> </body> </html></div> <script> // 스킵 내비게이션을 처리하는 JavaScript const skipNavLinks = document.querySelectorAll('#skipNav a'); skipNavLinks.forEach(link => { link.addEventListener('click', (e) => { e.preventDefault(); const targetId = link.getAttribute('href').substring(1); const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.tabIndex = -1; targetElement.focus(); } }); }); </script>  <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "s_76cb4b371ea"; if (!_nasa) var _nasa={}; if (window.wcs) { wcs.inflow("woorisavingsbank.com"); wcs_do(_nasa); } </script> </body> </html>

CINXE.COM

우리금융저축은행