로그인 - 국립중앙도서관 사서교육사이트

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 로그인 - 국립중앙도서관 사서교육사이트 </title> <link rel="apple-touch-icon" href="/weven_asset/img/touch-icon-iphone.png" /> <link rel="shortcut icon" href="/weven_asset/img/home_icon_an.png" /> <link rel="stylesheet" href="/weven_asset/css/common.css"/> <link rel="stylesheet" href="/weven_asset/css/ionicons.min.css"/> <link rel="stylesheet" href="/weven_asset/css/wevenResponsive.css"/> <link rel="stylesheet" href="/weven_asset/toolbar/css/webkit.css"> <meta property="og:title" content="국립중앙도서관 사서교육사이트" /> <meta property="og:description" content="국립중앙도서관 사서교육사이트" />   <link href="/weven_asset/css/wveditor.css" rel="stylesheet"/> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/jquery/jquery-1.9.1.min.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/jquery/jquery.event.drag-2.2.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/jquery/jquery-ui-1.8.16.custom.min.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/jquery/jquery.autocomplete.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/jquery/jquery.form.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/jquery/printThis.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/jquery/jquery.dotdotdot.js" data-wv-layout-element="weven-js"></script>  <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/greensock/TimelineMax.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/greensock/TweenMax.js" data-wv-layout-element="weven-js"></script>  <link href="/weven_asset/js/libs/swiper/swiper.min.css" rel="stylesheet"/> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/swiper/swiper.min.js" data-wv-layout-element="weven-js"></script>  <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/WebSocket.js" data-wv-layout-element="weven-js"></script>  <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/clipboard/clipboard.js" data-wv-layout-element="weven-js"></script>     <script type="text/javascript" charset="utf-8" src="/weven_asset/js/libs/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.js" data-wv-layout-element="weven-js"></script> <link href="/weven_asset/js/libs/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.css" rel="stylesheet"/> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/bm.min.20230922-1.js" data-wv-layout-element="weven-js"></script> <script type="text/javascript" charset="utf-8" src="/weven_asset/js/common.js" data-wv-layout-element="weven-js"></script>        <script type="text/javascript" charset="utf-8" src="/weven_asset/naverEditor/js/HuskyEZCreator.js" data-wv-layout-element="weven-js"></script>         <script type="text/javascript"> var WEB_ROOT = "/"; var FRONT_ROOT = "/"; var WEVEN_ASSET_WEB_PATH = "/weven_asset/"; var WEVEN_JS_WEB_PATH = "/weven_asset/js/"; var USER_FILE_WEB_PATH = "/weven_user_file_repository/LMS/"; var CONTENT_WEB_PATH = "/wevenjv-content/"; var IS_REST_MEMBER = "N"; var loginSessionInfo = {}; loginSessionInfo.seq = "-99"; loginSessionInfo.id = ""; loginSessionInfo.name = "";</script> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/common.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2Fcommon.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/block.style.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2Fblock.style.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/wevenResponsive.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2FwevenResponsive.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/js/swiper/swiper.min.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22js%2Fswiper%2Fswiper.min.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/theme.common.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2Ftheme.common.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/theme.resource.header.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2Ftheme.resource.header.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/theme.resource.footer.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2Ftheme.resource.footer.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/theme.resource.login.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2Ftheme.resource.login.css%22%7D"> <link rel="stylesheet" href="/weven_template_repository/theme/PORTAL/1/resource/css/theme.page.sub.css" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22css%2Ftheme.page.sub.css%22%7D"> <script type="text/javascript" src="/weven_template_repository/theme/PORTAL/1/resource/js/gnb.js" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22js%2Fgnb.js%22%7D"></script> <script type="text/javascript" src="/weven_template_repository/theme/PORTAL/1/resource/js/general.js" data-wv-layout-element="resource" data-wv-layout-element-param="%7B%22path%22%3A%22js%2Fgeneral.js%22%7D"></script> </head> <body> <div data-wv-layout="layout" data-wv-layout-element="layout_screen" data-wv-layout-seq="8" data-wv-page-seq="69" data-wv-menu-seq="82" > <div class="wrapper login">  <div class='col-12' data-wv-layout-element='layout-block' data-wv-layout-element-param='%7B%22default_theme_resource%22%3A%22layout_block%2Fheader.html%22%2C%22user_layout_block_id%22%3A%22%22%7D'> <div class='col-12' data-wv-layout-element='wv-content' data-wv-layout-element-param='%7B%22id%22%3A%22header%2Fheader%22%7D'> <script type="text/javascript" src="https://ds.nl.go.kr/js/nlogger.js" ></script> <script language="javascript"> nLogger.configure({ nth_service_id: "edu", // 로그 생성 단위, 첨부파일 참조 nth_logging_url_base_http: "https://ds.nl.go.kr/nlog", // 수집 서버 주소 nth_logging_url_base_https: "https://ds.nl.go.kr/nlog" // 수집 서버 주소 }); nLogger.log(); //구글 window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-65875867-10'); </script>   <script type="text/javascript"> $(document).ready(function(){ $("#loginRegisterMemberUtilCon").css("display", "block"); }); function goLoginPageMainContent(){ $("#login_id").focus(); } </script> <script type="text/javascript"> function frontLogout(){ if( webSocket ) webSocket.isDisconnect = true; window.location.href = "/page/logout"; } </script>  <div class="col-12 header_wrap" id="common_header"> <div class="col-12 header_inner"> <div class="col-12 header_top_con"> <div class="col-0 left_con"> <div class="col-0 logo_con" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner" class="wveditor_image"> <a href="/" class="show fontsize0" title="메인페이지로 이동"> <span class="logo_img">국립중앙도서관 | 사서교육</span> </a> </div> <div data-wv-layout-element="block_selection"></div> </div> <div class="col-0 member_util_btn_con" id="loginRegisterMemberUtilCon" data-wv-layout-element="block" style="display:none;"> <div data-wv-layout-element="block_inner"> </div> </div> <div class="col-0 member_util_btn_con" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner">  <div class="col-0 mr7" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner"> <div class="btn_style_4_con"> <a href="/page/login" class="btn_style_4 small"> <span class="text">로그인</span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.1 8.8" style="enable-background:new 0 0 5.1 8.8;" xml:space="preserve"> <polyline class="st0" points="0.6,8.2 4.5,4.4 0.6,0.6 "></polyline> </svg> </span> <span class="default_bg"></span> <span class="bg"></span> </a> </div> </div> <div data-wv-layout-element="block_selection"></div> </div> <div class="col-0 mr7" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner"> <div class="btn_style_4_con"> <a href="/page/register" class="btn_style_4 small"> <span class="text">회원가입</span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.1 8.8" style="enable-background:new 0 0 5.1 8.8;" xml:space="preserve"> <polyline class="st0" points="0.6,8.2 4.5,4.4 0.6,0.6 "></polyline> </svg> </span> <span class="default_bg"></span> <span class="bg"></span> </a> </div> </div> <div data-wv-layout-element="block_selection"></div> </div> </div> <div data-wv-layout-element="block_selection"></div> </div> </div> <div class="col-12 right_con"> <div class="right_con_inner"> <div class="menu_wrap"> <div class='col-12' data-wv-layout-element='menu' data-wv-layout-element-param='%7B%22renderDepth%22%3A2%2C%22domId%22%3A%22gnbWrap%22%2C%22style%22%3Anull%2C%22indexPath%22%3Anull%2C%22extraClass%22%3A%22gnb_wrap%22%7D'><ul class='gnb_wrap menu_con menu_depth_1' id='gnbWrap'><li class='menu_1_0 ' data-menu-seq='54'><a href='/page/lecture_edu?edu_status=ING' target='_self' class=''><span>나의 강의실</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='59'><a href='/page/lecture_edu?edu_status=ING' target='_self' class=''><span>나의 수강현황</span></a></li><li class='menu_2_1 ' data-menu-seq='60'><a href='/page/lecture_micro' target='_self' class=''><span>마이크로러닝</span></a></li><li class='menu_2_2 ' data-menu-seq='61'><a href='/page/lecture_my_custom' target='_self' class=''><span>나의 맞춤형 추천</span></a></li><li class='menu_2_3 ' data-menu-seq='62'><a href='/page/lecture_certification' target='_self' class=''><span>수료증/영수증 출력</span></a></li><li class='menu_2_4 ' data-menu-seq='63'><a href='/page/lecture_request' target='_self' class=''><span>나의 질문내역</span></a></li><li class='menu_2_5 ' data-menu-seq='64'><a href='/page/lecture_info' target='_self' class=''><span>나의 정보수정</span></a></li><li class='menu_2_6 ' data-menu-seq='65'><a href='/page/lecture_signoff' target='_self' class=''><span>회원탈퇴</span></a></li><li class='menu_2_7 ' data-menu-seq='101001'><a href='/page/lecture_hope' target='_self' class=''><span>나의 요청내역</span></a></li></ul></li><li class='menu_1_1 ' data-menu-seq='55'><a href='/page/edu_elearning?mode=list' target='_self' class=''><span>교육신청</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='66'><a href='/page/edu_calendar' target='_self' class=''><span>월별교육일정</span></a></li><li class='menu_2_1 ' data-menu-seq='67'><a href='/page/edu_elearning?mode=list' target='_self' class=''><span>이러닝</span></a></li><li class='menu_2_2 ' data-menu-seq='68'><a href='/page/edu_offline?mode=list' target='_self' class=''><span>집합교육</span></a></li></ul></li><li class='menu_1_2 ' data-menu-seq='56'><a href='/page/edu_info' target='_self' class=''><span>교육안내</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='69'><a href='/page/edu_info' target='_self' class=''><span>교육신청안내</span></a></li><li class='menu_2_1 ' data-menu-seq='70'><a href='/page/edu_intro' target='_self' class=''><span>학습안내</span></a></li></ul></li><li class='menu_1_3 ' data-menu-seq='57'><a href='/page/board_notice' target='_self' class=''><span>소통/참여</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='71'><a href='/page/board_notice' target='_self' class=''><span>공지사항</span></a></li><li class='menu_2_1 ' data-menu-seq='72'><a href='/page/board_faq' target='_self' class=''><span>자주하는 질문</span></a></li><li class='menu_2_2 ' data-menu-seq='73'><a href='/page/open_edu' target='_self' class=''><span>열린학습방(회원전용)</span></a></li><li class='menu_2_3 ' data-menu-seq='74'><a href='/page/board_qna' target='_self' class=''><span>질문하기</span></a></li><li class='menu_2_4 ' data-menu-seq='75'><a href='/page/board_publication' target='_self' class=''><span>발간자료</span></a></li><li class='menu_2_5 ' data-menu-seq='76'><a href='/page/board_request_contents' target='_self' class=''><span>희망콘텐츠요청</span></a></li></ul></li><li class='menu_1_4 ' data-menu-seq='58'><a href='/page/agency_history' target='_self' class=''><span>기관소개</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='77'><a href='/page/agency_history' target='_self' class=''><span>교육목표&연혁</span></a></li><li class='menu_2_1 ' data-menu-seq='78'><a href='/page/agency_intro' target='_self' class=''><span>교육훈련소개</span></a></li><li class='menu_2_2 ' data-menu-seq='79'><a href='/page/agency_facility_intro' target='_self' class=''><span>교육시설소개</span></a></li><li class='menu_2_3 ' data-menu-seq='80'><a href='/page/agency_organization' target='_self' class=''><span>조직도</span></a></li><li class='menu_2_4 ' data-menu-seq='81'><a href='/page/agency_contact_us' target='_self' class=''><span>찾아오시는길</span></a></li></ul></li></ul> <script type="text/javascript"> // 계층구조를 이용해 부모까지 a 태그에 active 클래스를 부여한다. $("#gnbWrap .active").parentsUntil("#gnbWrap").each(function(){ $(this).removeClass("hidden").addClass("active") }); var loc = location.href; // 모든 자식이 hidden 인경우 부모 ul 도 hidden 시킨다. (function(){ $("#gnbWrap ul").each(function(index, item){ var $li = $(item).find("> li"); var len = $li.length; if(len == 0) return; $li.each(function(){ if($(this).hasClass("hidden")) len--; }) if( loc.indexOf( "find_pw_search" ) > -1 ){ $(this).removeClass("active").show(); }else if(len == 0){ $(this).removeClass("active").hide(); } }); })(); </script></div> </div> <div class="menu_icon_style_0_con" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner" class="wveditor_text"> <a href="javascript:void(0)" onclick="gnb.openClickGnb()" class="menu_icon_style_0 hover_type_1" id="openClickGnb"> <span>메뉴</span> </a> </div> <div data-wv-layout-element="block_selection"></div> </div> </div> </div> </div> <div class="col-12 header_bottom_con"></div> </div> </div> <div class="col-12">  <div class="col-12 click_header_wrap"> <div class="col-12"> <div class="col-12 col-center mw-1200 click_header_con"> <div class="col-12 pr-md-15 pl-md-15"> <div class="col-12 logo_wrap"> <div class="col-12 col-md-0 logo_box"> <img src="/weven_template_repository/theme/PORTAL/1/resource/img/gnb_logo.png" alt="국립중앙도서관 | 사서교육" class="logo web" style="width: 250px; height: 37px;"> </div>  <div class="col-12 col-md-0 member_util_menu_box"> <ul> <li class="login"> <a href="/page/login"> <span>로그인</span> </a> </li> <li class="join"> <a href="/page/register"> <span>회원가입</span> </a> </li> </ul> </div> </div>  <div class="col-12 pr40 pl40 pr-md-0 pl-md-0 mb80"> <div class='col-12' data-wv-layout-element='menu' data-wv-layout-element-param='%7B%22renderDepth%22%3A2%2C%22domId%22%3A%22clickedGnbWrap%22%2C%22style%22%3Anull%2C%22indexPath%22%3Anull%2C%22extraClass%22%3A%22gnb_wrap%22%7D'><ul class='gnb_wrap menu_con menu_depth_1' id='clickedGnbWrap'><li class='menu_1_0 ' data-menu-seq='54'><a href='/page/lecture_edu?edu_status=ING' target='_self' class=''><span>나의 강의실</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='59'><a href='/page/lecture_edu?edu_status=ING' target='_self' class=''><span>나의 수강현황</span></a></li><li class='menu_2_1 ' data-menu-seq='60'><a href='/page/lecture_micro' target='_self' class=''><span>마이크로러닝</span></a></li><li class='menu_2_2 ' data-menu-seq='61'><a href='/page/lecture_my_custom' target='_self' class=''><span>나의 맞춤형 추천</span></a></li><li class='menu_2_3 ' data-menu-seq='62'><a href='/page/lecture_certification' target='_self' class=''><span>수료증/영수증 출력</span></a></li><li class='menu_2_4 ' data-menu-seq='63'><a href='/page/lecture_request' target='_self' class=''><span>나의 질문내역</span></a></li><li class='menu_2_5 ' data-menu-seq='64'><a href='/page/lecture_info' target='_self' class=''><span>나의 정보수정</span></a></li><li class='menu_2_6 ' data-menu-seq='65'><a href='/page/lecture_signoff' target='_self' class=''><span>회원탈퇴</span></a></li><li class='menu_2_7 ' data-menu-seq='101001'><a href='/page/lecture_hope' target='_self' class=''><span>나의 요청내역</span></a></li></ul></li><li class='menu_1_1 ' data-menu-seq='55'><a href='/page/edu_elearning?mode=list' target='_self' class=''><span>교육신청</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='66'><a href='/page/edu_calendar' target='_self' class=''><span>월별교육일정</span></a></li><li class='menu_2_1 ' data-menu-seq='67'><a href='/page/edu_elearning?mode=list' target='_self' class=''><span>이러닝</span></a></li><li class='menu_2_2 ' data-menu-seq='68'><a href='/page/edu_offline?mode=list' target='_self' class=''><span>집합교육</span></a></li></ul></li><li class='menu_1_2 ' data-menu-seq='56'><a href='/page/edu_info' target='_self' class=''><span>교육안내</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='69'><a href='/page/edu_info' target='_self' class=''><span>교육신청안내</span></a></li><li class='menu_2_1 ' data-menu-seq='70'><a href='/page/edu_intro' target='_self' class=''><span>학습안내</span></a></li></ul></li><li class='menu_1_3 ' data-menu-seq='57'><a href='/page/board_notice' target='_self' class=''><span>소통/참여</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='71'><a href='/page/board_notice' target='_self' class=''><span>공지사항</span></a></li><li class='menu_2_1 ' data-menu-seq='72'><a href='/page/board_faq' target='_self' class=''><span>자주하는 질문</span></a></li><li class='menu_2_2 ' data-menu-seq='73'><a href='/page/open_edu' target='_self' class=''><span>열린학습방(회원전용)</span></a></li><li class='menu_2_3 ' data-menu-seq='74'><a href='/page/board_qna' target='_self' class=''><span>질문하기</span></a></li><li class='menu_2_4 ' data-menu-seq='75'><a href='/page/board_publication' target='_self' class=''><span>발간자료</span></a></li><li class='menu_2_5 ' data-menu-seq='76'><a href='/page/board_request_contents' target='_self' class=''><span>희망콘텐츠요청</span></a></li></ul></li><li class='menu_1_4 ' data-menu-seq='58'><a href='/page/agency_history' target='_self' class=''><span>기관소개</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='77'><a href='/page/agency_history' target='_self' class=''><span>교육목표&연혁</span></a></li><li class='menu_2_1 ' data-menu-seq='78'><a href='/page/agency_intro' target='_self' class=''><span>교육훈련소개</span></a></li><li class='menu_2_2 ' data-menu-seq='79'><a href='/page/agency_facility_intro' target='_self' class=''><span>교육시설소개</span></a></li><li class='menu_2_3 ' data-menu-seq='80'><a href='/page/agency_organization' target='_self' class=''><span>조직도</span></a></li><li class='menu_2_4 ' data-menu-seq='81'><a href='/page/agency_contact_us' target='_self' class=''><span>찾아오시는길</span></a></li></ul></li></ul> <script type="text/javascript"> // 계층구조를 이용해 부모까지 a 태그에 active 클래스를 부여한다. $("#clickedGnbWrap .active").parentsUntil("#clickedGnbWrap").each(function(){ $(this).removeClass("hidden").addClass("active") }); var loc = location.href; // 모든 자식이 hidden 인경우 부모 ul 도 hidden 시킨다. (function(){ $("#clickedGnbWrap ul").each(function(index, item){ var $li = $(item).find("> li"); var len = $li.length; if(len == 0) return; $li.each(function(){ if($(this).hasClass("hidden")) len--; }) if( loc.indexOf( "find_pw_search" ) > -1 ){ $(this).removeClass("active").show(); }else if(len == 0){ $(this).removeClass("active").hide(); } }); })(); </script></div> </div>  <div class="col-0 fl fr-md member_menu_wrap reverse"> <ul> <li>  <a href="https://www.nl.go.kr/NL/contents/N70101000000.do" target="_blank"> <span>개인정보처리방침</span> </a> </li> <li> <a href="javascript:void(0)" onclick="scrollPopupEvent.onOpenPopup('#termsOfServicePopup');" class="show"> <span>이용약관</span> </a> </li> <li> <a href="/page/agency_contact_us" onclick="" class="show"> <span>찾아오시는 길</span> </a> </li> </ul> </div> </div> </div> <div class="col-0 close_btn_con"> <a href="javascript:gnb.closeClickGnb();" class="close_btn"> <span>닫기</span> </a> </div> </div> </div> <div class="col-12 click_header_dim hidden"></div> <div class="col-12 fixed_header_wrap"> <div class="col-12 fixed_header_inner"> <div class="logo_con"> <h1> <a href="/"> <img src="/weven_template_repository/theme/PORTAL/1/resource/img/logo.png" alt="문화체육관광부 국립중앙도서관 | 사서교육"> </a> </h1> <div class="col-0 member_util_btn_con" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner">  <div class="col-0 mr7" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner"> <div class="btn_style_4_con"> <a href="/page/login" class="btn_style_4 small"> <span class="text">로그인</span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.1 8.8" style="enable-background:new 0 0 5.1 8.8;" xml:space="preserve"> <polyline class="st0" points="0.6,8.2 4.5,4.4 0.6,0.6 "></polyline> </svg> </span> <span class="default_bg"></span> <span class="bg"></span> </a> </div> </div> <div data-wv-layout-element="block_selection"></div> </div> <div class="col-0" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner"> <div class="btn_style_4_con"> <a href="/page/register" class="btn_style_4 small"> <span class="text">회원가입</span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.1 8.8" style="enable-background:new 0 0 5.1 8.8;" xml:space="preserve"> <polyline class="st0" points="0.6,8.2 4.5,4.4 0.6,0.6 "></polyline> </svg> </span> <span class="default_bg"></span> <span class="bg"></span> </a> </div> </div> <div data-wv-layout-element="block_selection"></div> </div> </div> <div data-wv-layout-element="block_selection"></div> </div> </div> <div class="menu_wrap"> <div class='col-12' data-wv-layout-element='menu' data-wv-layout-element-param='%7B%22renderDepth%22%3A2%2C%22domId%22%3A%22clickedGnbWrap2%22%2C%22style%22%3Anull%2C%22indexPath%22%3Anull%2C%22extraClass%22%3A%22gnb_wrap%22%7D'><ul class='gnb_wrap menu_con menu_depth_1' id='clickedGnbWrap2'><li class='menu_1_0 ' data-menu-seq='54'><a href='/page/lecture_edu?edu_status=ING' target='_self' class=''><span>나의 강의실</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='59'><a href='/page/lecture_edu?edu_status=ING' target='_self' class=''><span>나의 수강현황</span></a></li><li class='menu_2_1 ' data-menu-seq='60'><a href='/page/lecture_micro' target='_self' class=''><span>마이크로러닝</span></a></li><li class='menu_2_2 ' data-menu-seq='61'><a href='/page/lecture_my_custom' target='_self' class=''><span>나의 맞춤형 추천</span></a></li><li class='menu_2_3 ' data-menu-seq='62'><a href='/page/lecture_certification' target='_self' class=''><span>수료증/영수증 출력</span></a></li><li class='menu_2_4 ' data-menu-seq='63'><a href='/page/lecture_request' target='_self' class=''><span>나의 질문내역</span></a></li><li class='menu_2_5 ' data-menu-seq='64'><a href='/page/lecture_info' target='_self' class=''><span>나의 정보수정</span></a></li><li class='menu_2_6 ' data-menu-seq='65'><a href='/page/lecture_signoff' target='_self' class=''><span>회원탈퇴</span></a></li><li class='menu_2_7 ' data-menu-seq='101001'><a href='/page/lecture_hope' target='_self' class=''><span>나의 요청내역</span></a></li></ul></li><li class='menu_1_1 ' data-menu-seq='55'><a href='/page/edu_elearning?mode=list' target='_self' class=''><span>교육신청</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='66'><a href='/page/edu_calendar' target='_self' class=''><span>월별교육일정</span></a></li><li class='menu_2_1 ' data-menu-seq='67'><a href='/page/edu_elearning?mode=list' target='_self' class=''><span>이러닝</span></a></li><li class='menu_2_2 ' data-menu-seq='68'><a href='/page/edu_offline?mode=list' target='_self' class=''><span>집합교육</span></a></li></ul></li><li class='menu_1_2 ' data-menu-seq='56'><a href='/page/edu_info' target='_self' class=''><span>교육안내</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='69'><a href='/page/edu_info' target='_self' class=''><span>교육신청안내</span></a></li><li class='menu_2_1 ' data-menu-seq='70'><a href='/page/edu_intro' target='_self' class=''><span>학습안내</span></a></li></ul></li><li class='menu_1_3 ' data-menu-seq='57'><a href='/page/board_notice' target='_self' class=''><span>소통/참여</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='71'><a href='/page/board_notice' target='_self' class=''><span>공지사항</span></a></li><li class='menu_2_1 ' data-menu-seq='72'><a href='/page/board_faq' target='_self' class=''><span>자주하는 질문</span></a></li><li class='menu_2_2 ' data-menu-seq='73'><a href='/page/open_edu' target='_self' class=''><span>열린학습방(회원전용)</span></a></li><li class='menu_2_3 ' data-menu-seq='74'><a href='/page/board_qna' target='_self' class=''><span>질문하기</span></a></li><li class='menu_2_4 ' data-menu-seq='75'><a href='/page/board_publication' target='_self' class=''><span>발간자료</span></a></li><li class='menu_2_5 ' data-menu-seq='76'><a href='/page/board_request_contents' target='_self' class=''><span>희망콘텐츠요청</span></a></li></ul></li><li class='menu_1_4 ' data-menu-seq='58'><a href='/page/agency_history' target='_self' class=''><span>기관소개</span></a><ul class=' menu_con menu_depth_2'><li class='menu_2_0 ' data-menu-seq='77'><a href='/page/agency_history' target='_self' class=''><span>교육목표&연혁</span></a></li><li class='menu_2_1 ' data-menu-seq='78'><a href='/page/agency_intro' target='_self' class=''><span>교육훈련소개</span></a></li><li class='menu_2_2 ' data-menu-seq='79'><a href='/page/agency_facility_intro' target='_self' class=''><span>교육시설소개</span></a></li><li class='menu_2_3 ' data-menu-seq='80'><a href='/page/agency_organization' target='_self' class=''><span>조직도</span></a></li><li class='menu_2_4 ' data-menu-seq='81'><a href='/page/agency_contact_us' target='_self' class=''><span>찾아오시는길</span></a></li></ul></li></ul> <script type="text/javascript"> // 계층구조를 이용해 부모까지 a 태그에 active 클래스를 부여한다. $("#clickedGnbWrap2 .active").parentsUntil("#clickedGnbWrap2").each(function(){ $(this).removeClass("hidden").addClass("active") }); var loc = location.href; // 모든 자식이 hidden 인경우 부모 ul 도 hidden 시킨다. (function(){ $("#clickedGnbWrap2 ul").each(function(index, item){ var $li = $(item).find("> li"); var len = $li.length; if(len == 0) return; $li.each(function(){ if($(this).hasClass("hidden")) len--; }) if( loc.indexOf( "find_pw_search" ) > -1 ){ $(this).removeClass("active").show(); }else if(len == 0){ $(this).removeClass("active").hide(); } }); })(); </script></div> <div class="menu_icon_style_0_con" data-wv-layout-element="block"> <div data-wv-layout-element="block_inner" class="wveditor_text"> <a href="javascript:void(0)" onclick="gnb.openClickGnb()" class="menu_icon_style_0 hover_type_1"> <span>메뉴</span> </a> </div> <div data-wv-layout-element="block_selection"></div> </div> </div> </div> </div> </div> <div class="col-12 popup_style_0_wrap first" id="loginConfirmPopup" style="max-width: 646px; display: none;"> <div class="col-12 col-center popup_style_0_con type_2" style="max-width: 646px"> <div class="col-12 popup_title_con"> <div class="col-0 fr popup_style_0_close_btn_con"> <a href="javascript:void(0)" onclick="bm.popupManager.removePopLatest();" class="show"> <span class="popup_style_0_close_btn after_bg_h_point2 before_bg_h_point2">닫기</span> </a> </div> </div> <div class="col-12 tc contents_con"> <div class="col-12 pt43 pb72"> <div class="col-12 mb19 title_0"> 알림 </div> <div class="col-12 desc_0"> <span class="point2">10분 후 자동으로 로그아웃 됩니다.</span> 로그인을 연장하시겠습니까? </div> </div> </div> <div class="col-12 btn_box"> <div class="col-6 tc popup_style_0_btn_con"> <a href="javascript:void(0)" onclick="loginExtension();" class="popup_style_0_btn"> <span>로그인연장</span> </a> </div> <div class="col-6 tc popup_style_0_btn_con"> <a href="javascript:void(0)" onclick="bm.popupManager.removePopLatest();" class="popup_style_0_btn"> <span>취소</span> </a> </div> </div> </div> </div> </div>  <div class="chatbot_wrap"> <a href="javascript:chatbotIconHide();" class="chatbotHide" title="챗봇 숨기기" aria-label="챗봇 숨기기" style="position: relative; left:68px;width:13px;height:13px;"> <img src="/weven_template_repository/theme/PORTAL/1/resource/img/x_btn_first.png" alt="" style="width:12px;"> </a> <a href="javascript:chatbotOpen();" class="chatbot_icon" aria-label="챗봇 열기(새 창 열림)"> <div class="chatbot_title"> <img src="/weven_template_repository/theme/PORTAL/1/resource/img/chatbot_icon_h_text.png" alt=""> </div> <img src="/weven_template_repository/theme/PORTAL/1/resource/img/chatbot_icon.png" alt=""> </a> </div> <input type="hidden" id="user_id_text"> </div>  <div class='col-12' data-wv-layout-element='layout-page' data-wv-layout-element-param='null'> <div class='col-12' data-wv-layout-element='wv-content' data-wv-layout-element-param='%7B%22id%22%3A%22login_front%2Flogin%22%7D'> <script type="text/javascript" src="/wevenjv-content/login_front/js/login_front.js"></script>  <div class="col-12 login_visual_wrap reverse false"> <div class="col-12 col-center mw-1200 h-100 mb99 mb-md-0"> <div class="col-12 pr20 pl20 pr-md-15 pl-md-15 h-100"> <div class="col-12 login_contents_con"> <div class="col-12 login_contents_con_inner"> <div class="col-12 login_contents_box">  <div class="col-12 col-md-6 login_contents"> <div class="col-12 pl-md-65 pr-md-60 pl-lg-105 pr-lg-100"> <form id="formLogin" action="/login/process" method="post" name="loginForm"> <div class="col-12 mb22"> <h1 class="font_helve title">Login</h1> </div> <div class="col-12 mb30 input_wrap"> <div class="col-12 input_list"> <div class="col-12 input_style_0_con"> <input type="text" name="id" id="login_id" class="input_style_0 type_eng" placeholder="아이디를 입력해주세요" title="아이디 입력"> <label for="login_id"></label> </div> </div> <div class="col-12 input_list"> <div class="col-12 input_style_0_con"> <input type="password" name="pass" id="inputPass" class="input_style_0 type_eng" placeholder="비밀번호를 입력해주세요" maxlength="13" autocomplete="off" title="비밀번호 입력"> <label for="inputPass"></label> </div> </div> </div> <div class="col-12 tr-md btn_style_3_con"> <button type="submit" class="btn_style_3"> <span class="text">로그인하기</span> <span class="arrow"></span> </button> </div> </form> </div> </div>  <div class="col-12 col-md-6 login_contents"> <div class="col-12 pl-md-60 pl-lg-100"> <div class="col-0 mb23 mb-md-43 cl member_menu_btn_box"> <div class="col-0 btn_style_5_con"> <a href="/page/register" class="btn_style_5"> <span><span>회원가입하기</span></span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.9 9.8" style="enable-background:new 0 0 5.9 9.8;" xml:space="preserve"> <polyline class="st0" points="0.9,8.9 5,4.9 0.9,0.9 "/> </svg> </span> </a> </div> <div class="col-0 btn_style_5_con"> <a href="/page/find_member" class="btn_style_5"> <span><span>아이디찾기 / 비밀번호찾기</span></span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.9 9.8" style="enable-background:new 0 0 5.9 9.8;" xml:space="preserve"> <polyline class="st0" points="0.9,8.9 5,4.9 0.9,0.9 "/> </svg> </span> </a> </div> </div> <div class="col-12 mb13 desc_box"> <div class="col-0 mr-md-10 mb20 mb-md-0 title"> 집합교육은 받으셨는데 아이디는 없으신가요? </div> <div class="col-0 mt3 tool_tip_btn_con" tabindex="0"> <div class="col-0 tool_tip_btn font_helve"><span class="hidden">도움말</span>?</div> </div> <div class="col-12 mw-380 text_box"> <div class="col-12 desc"> 한번이라도 국립중앙도서관에서 집합교육을 서면신청 및 수강한 적은 있으나, 직접 회원가입을 하지 않은 회원은 새로운 아이디를 발급 받으셔야 합니다. </div> </div> </div> <div class="col-0 cl member_menu_btn_box"> <div class="col-0 btn_style_5_con"> <a href="javascript:void(0)" onclick="loginFront.openExistingMemberPopup();" class="btn_style_5"> <span><span>아이디 발급하기</span></span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.9 9.8" style="enable-background:new 0 0 5.9 9.8;" xml:space="preserve"> <polyline class="st0" points="0.9,8.9 5,4.9 0.9,0.9 "/> </svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="col-12 col-md-12 copyright"> <div class="col-12 pr20 pl20 pr-md-0 pl-md-60"> <span class="font_helve">Copyright</span> ⓒ 국립중앙도서관 <span class="pl5 font_helve">All rights reserved.</span> </div> </div> </div>  <div class="col-12 popup_style_0_wrap hidden" id="existingMemberPopup" style="max-width: 680px"> <div class="col-12 col-center popup_style_0_con type_2" style="max-width: 680px"> <div class="col-12 popup_title_con"> <div class="col-0 title"> 집합교육은 받으셨는데 아이디는 없으신가요? </div>  </div> <div class="col-12 contents_con"> <div class="col-12 pt42 pb70"> <div class="col-12 mb44 desc_0"> 한번이라도 국립중앙도서관에서 집합교육을 서면신청 및 수강한 적은 있으나, 직접 회원가입을 하지 않은 회원은 새로운 아이디를 발급 받으셔야 합니다. </div> <div class="col-12 mb30 form_style_0_list_con type_3 exist_member_con"> <div class="col-12 form_style_0_list type_input"> <div class="label_box"> <div class="label_text"> 이름 </div> </div> <div class="contents_box"> <div class="input_style_1_con"> <input type="text" name="name" id="userNm" class="input_style_1" placeholder="이름을 입력해주세요"> <label for="userNm"></label> </div> </div> </div> <div class="col-12 form_style_0_list type_input"> <div class="pt_input label_box"> <div class="label_text"> 생년월일 </div> </div> <div class="contents_box"> <div class="col-12 calc_wrap10"> <div class="col-4 pl10"> <div class="select_style_0_wrap height120 font_helve"> <select class="select_style_0" name="birth_y" id="birthYearSelect0" data-wv-com="selectbox"> <option value="">연도</option> <option value="2025">2025</option> <option value="2024">2024</option> <option value="2023">2023</option> <option value="2022">2022</option> <option value="2021">2021</option> <option value="2020">2020</option> <option value="2019">2019</option> <option value="2018">2018</option> <option value="2017">2017</option> <option value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> </select> <label for="birthYearSelect0"></label> </div> </div> <div class="col-4 pl10"> <div class="select_style_0_wrap height120 font_helve"> <select class="select_style_0" name="birth_m" id="birthMonthSelect0" data-wv-com="selectbox"> <option value="">월</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> <label for="birthMonthSelect0"></label> </div> </div> <div class="col-4 pl10"> <div class="select_style_0_wrap height120 font_helve"> <select class="select_style_0" name="birth_d" id="birthDateSelect0" data-wv-com="selectbox"> <option value="">일</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <label for="birthDateSelect0"></label> </div> </div> </div> </div> </div> </div> <div class="col-12 mb50 tc btn_style_4_con exist_member_con"> <a href="javascript:void(0)" onclick="loginFront.findExistMember();" class="btn_style_4 type_2"> <span class="text">확인</span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.1 8.8" style="enable-background:new 0 0 5.1 8.8;" xml:space="preserve"> <polyline class="st0" points="0.6,8.2 4.5,4.4 0.6,0.6 "/> </svg> </span> <span class="default_bg"></span> <span class="bg bg_point2"></span> </a> </div> <div class="col-12 tc box_style_0" id="noExistMember" style="display: none;"> <div class="col-12 pt34 pb39"> <div class="col-12 mb9 desc_1 point2"> 등록된 회원으로 존재하지 않는 사용자입니다. </div> <div class="col-12 mb24 desc_0"> 아래의 버튼을 클릭해 회원가입을 진행해 주십시오. </div> <div class="col-12 btn_style_4_con"> <a href="/page/register" class="btn_style_4 type_2"> <span class="text">회원가입</span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.1 8.8" style="enable-background:new 0 0 5.1 8.8;" xml:space="preserve"> <polyline class="st0" points="0.6,8.2 4.5,4.4 0.6,0.6 "/> </svg> </span> <span class="default_bg"></span> <span class="bg bg_point2"></span> </a> </div> </div> </div> </div> </div> <div class="col-12 btn_box"> <div class="col-12 tc popup_style_0_btn_con"> <a href="javascript:void(0)" onclick="bm.popupManager.removePopLatest();" class="popup_style_0_btn"> <span>닫기</span> </a> </div> </div> </div> </div>  <div class="col-12 popup_style_0_wrap first" id="loginExistingMemberAlert" style="max-width: 646px; display: none;"> <div class="col-12 col-center popup_style_0_con type_2" style="max-width: 646px"> <div class="col-12 popup_title_con"> <div class="col-0 fr popup_style_0_close_btn_con"> <a href="javascript:void(0)" onclick="bm.popupManager.removePopLatest();" class="show"> <span class="popup_style_0_close_btn after_bg_h_point2 before_bg_h_point2">닫기</span> </a> </div> </div> <div class="col-12 tc contents_con"> <div class="col-12 pt43 pb72"> <div class="col-12 mb19 title_0"> 알림 </div> <div class="col-12 desc_0"> <span class="point2">사이트 신규구축으로 기존회원들은 비밀번호를 새롭게 변경하셔야 합니다.</span> 비밀번호 변경을 진행하시겠습니까? </div> </div> </div> <div class="col-12 btn_box"> <div class="col-6 tc popup_style_0_btn_con"> <a href="javascript:void(0)" onclick="existMemberPass.openKMCERTPopup('exist_pass', 'null');" class="popup_style_0_btn"> <span>휴대전화 인증</span> </a> </div> <div class="col-6 tc popup_style_0_btn_con"> <a href="javascript:void(0)" onclick="existMemberPass.openIPINPopup('exist_pass','null');" class="popup_style_0_btn"> <span>아이핀 인증</span> </a> </div> </div> </div> </div>  <div class="col-12 popup_style_0_wrap" id="existingMemberPassPopup" style="max-width: 700px; display: none;"> <div class="col-12 col-center popup_style_0_con type_2" style="max-width: 700px"> <div class="col-12 popup_title_con"> <div class="col-0 title"> 기존회원 <span class="point2">비밀번호변경</span> </div> <div class="col-0 fr popup_style_0_close_btn_con"> <a href="javascript:void(0)" onclick="bm.popupManager.removePopLatest(true);" class="show"> <span class="popup_style_0_close_btn after_bg_h_point2 before_bg_h_point2">닫기</span> </a> </div> </div> <div class="col-12 contents_con"> <div class="col-12 pt42 pb70"> <div class="col-12 mb25 desc_0"> <span class="fontweight500">사이트 신규구축으로 기존회원은 비밀번호를 새롭게 변경하셔야 합니다.</span><br/> <span class="fontweight500">비밀번호 변경 후 로그인시 사이트를 정상적으로 이용 가능합니다.</span> </div> <div class="col-12 mb20 desc_2"> 영문+숫자+특수문자 조합으로 9자리 이상 13자리 이하로 입력 </div> <div class="col-12 mb30 form_style_0_list_con type_3 exist_member_con"> <div class="col-12 form_style_0_list type_input"> <div class="label_box"> <div class="label_text"> 비밀번호 입력 </div> </div> <div class="contents_box"> <div class="input_style_1_con"> <input type="password" name="password" class="input_style_1" placeholder="비밀번호를 입력해주세요" id="existingMemberPass"> <label for="existingMemberPass"></label> </div> </div> </div> <div class="col-12 form_style_0_list type_input"> <div class="label_box"> <div class="label_text"> 비밀번호 확인 </div> </div> <div class="contents_box"> <div class="input_style_1_con"> <input type="password" name="password2" class="input_style_1" placeholder="비밀번호를 입력해주세요" id="existingMemberPass2"> <label for="existingMemberPass2"></label> </div> </div> </div> </div> <div class="col-12 mb50 tc btn_style_4_con"> <a href="javascript:void(0)" onclick="existMemberPass.changePasswordMember();" class="btn_style_4 type_2"> <span class="text">확인</span> <span class="arrow"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5.1 8.8" style="enable-background:new 0 0 5.1 8.8;" xml:space="preserve"> <polyline class="st0" points="0.6,8.2 4.5,4.4 0.6,0.6 "/> </svg> </span> <span class="default_bg"></span> <span class="bg bg_point2"></span> </a> </div> </div> </div> <div class="col-12 btn_box"> <div class="col-12 tc popup_style_0_btn_con"> <a href="javascript:void(0)" onclick="bm.popupManager.removePopLatest();" class="popup_style_0_btn"> <span>취소</span> </a> </div> </div> </div> </div>  <script> $(function(){ var loginForm = $("[name='loginForm']")[0]; // 로그인 정보 초기화 loginFront.init( loginForm ); }); // 로그인(사용자) - 비밀번호 유효성 확인 loginFront.extraValid = function(){ episfront.validPassword( $("#inputPass")); } </script> </div>  </div> </div> </div>  </body> </html>

CINXE.COM

로그인 - 국립중앙도서관 사서교육사이트