•  


Indie Games Festival </plaintext> <xmp>. </xmp> <!-- framebuster code ends here --> <!-- for ng4 --> <app-root> <div class="loading-ball-anim"> <div class="ball" style="background-color:#4285F5"></div> <div class="ball" style="background-color:#EA4436;animation-delay:.25s"></div> <div class="ball" style="background-color:#FBBD06;animation-delay:.5s"></div> <div class="ball" style="background-color:#34A952;animation-delay:.75s"></div> </div> </app-root> <script> setTimeout(function() { document.querySelector('.loading-ball-anim').classList.add('start'); }, 100); </script> <!-- for angularJS --> <div id="app" class="loading"> <div class="main-ctrl" ng-controller="main as mainCtrl"> <ui-view class="main-view-container"></ui-view> </div> </div> <div id="gated-signin" class="boxed-takeover"> <div id="signinMethod" class="box auth-box"> <h1> Sign in or create account </h1> <p> To register for events </p> <button class="auth blue" onclick="signIn()"> Continue with Google </button> <button onclick="signInStep('enterEmail')" class="outline auth"> Continue with email </button> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </div> <div id="enterEmail" class="box hidden auth-box"> <h1> Sign in with email </h1> <div class="input-container"> <label for="emailAddress"> Enter your email </label> <input type="email" id="emailAddress" oninput="hideErrors('invalid-email')"> <div class="error-container hidden" id="invalid-email"> <i class="google-material-icons">info </i> <span> <output>Enter a valid email address </output> </span> </div> </div> <div class="sign-in-buttons"> <div class="auth link"> <button type="button" onclick="signInStep('signinMethod')" class="button-link"> Back </button> </div> <button class="auth blue" onclick="checkEmail()"> Next </button> </div> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </div> <div id="hasGoogleAccount" class="box hidden auth-box"> <h1> Sign in with Google </h1> <p> <output>It looks like you've already used this email. Sign in with Google to continue. </output> </p> <div class="sign-in-buttons"> <div class="auth link"> <button type="button" onclick="signInStep('enterEmail')" class="button-link"> Back </button> </div> <button class="auth blue" onclick="signIn()"> Sign in with Google </button> </div> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </div> <div id="enterPassword" class="box hidden auth-box"> <form> <h1> Sign in with email </h1> <p id="loginEmail" class="email"> <div class="input-container" id="password-container"> <label for="loginPassword"> Enter your password </label> <input type="password" autocomplete="current-password" id="loginPassword" oninput="hideErrors('no-password', 'invalid-password')" required=""> <div id="no-password" class="error-container hidden"> <i class="google-material-icons">info </i> <span> <output>Enter a password </output> </span> </div> <div id="invalid-password" class="error-container hidden"> <i class="google-material-icons">info </i> <span> <output>Wrong password. Try again or click "Forgot password" to reset it. </output> </span> </div> </div> <div class="error-takeover hidden" id="login-retry-limit"> <div> <i class="google-material-icons">report_problem </i> <h2> Too many failed attempts </h2> </div> <p class="error-message"> <output>Unavailable because of too many failed attempts to sign in. Try again in a few minutes. </output> </p> </div> <div class="sign-in-buttons"> <div class="auth link forgot-password"> <button type="button" onclick="signInStep('resetPassword')" class="button-link"> Forgot Password? </button> </div> <div class="auth link right-anchor"> <button type="button" onclick="signInStep('enterEmail')" class="button-link"> Back </button> </div> <button type="button" class="auth blue" onclick="signInEmailPassword()" id="password-sign-in"> Next </button> </div> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </form> </div> <div id="createAccount" class="box auth-box hidden"> <form> <h1> Create Account </h1> <div class="input-container"> <label for="accountEmail">Email Address: </label> <input type="email" id="accountEmail" autocomplete="new-username" oninput="hideErrors('email-in-use')" disabled=""> <div id="email-in-use" class="error-container hidden"> <i class="google-material-icons">info </i> <span> <output>This email is already in use. Please go back and select a different email. </output> </span> </div> </div> <div class="input-container"> <label for="accountPassword"> Enter your password </label> <input type="password" autocomplete="new-password" id="accountPassword" oninput="hideErrors('create-account-no-password', 'weak-password')"> <div id="create-account-no-password" class="error-container hidden"> <i class="google-material-icons">info </i> <span> <output>Enter password </output> </span> </div> <div id="weak-password" class="error-container hidden"> <i class="google-material-icons">info </i> <span> <output>Use 6 or more characters with a mix of letters, numbers & symbols </output> </span> </div> </div> <div class="input-pair"> <div class="input-container"> <label for="accountFirstName"> First Name </label> <input type="text" id="accountFirstName" oninput="hideErrors('no-first-name')"> <div id="no-first-name" class="error-container hidden"> <i class="google-material-icons">info </i> <span> <output>Enter first name </output> </span> </div> </div> <div class="input-container"> <label for="accountLastName"> Last Name </label> <input type="text" id="accountLastName" oninput="hideErrors('no-last-name')"> <div id="no-last-name" class="error-container hidden"> <i class="google-material-icons">info </i> <span> <output>Enter last name </output> </span> </div> </div> </div> <div class="sign-in-buttons"> <div class="auth link"> <button type="button" onclick="signInStep('enterEmail')" class="button-link"> Back </button> </div> <button type="button" class="auth blue" onclick="createAccount()"> Next </button> </div> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </form> </div> <div id="accountCreationConfirmation" class="box auth-box hidden"> <p> <div id="emailConfirmation" class="email-text"></div> An email has been sent to your email address. Click the confirmation link in that email to verify your account. </p> <p> Please check your promotional tab or spam folder. You can resend the message if you did not receive it. </p> <button class="auth blue" onclick="resendAccountConfirmation()"> Resend email </button> <button class="auth blue" onclick="accountCreationComplete()"> Done </button> <p id="confirmation-resent" class="hidden"> Confirmation email resent </p> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </div> <div id="resetPassword" class="box auth-box hidden"> <h1> Reset Password </h1> <p> If you've forgotten your password, you can request to have an email sent with a link to create a new one. </p> <div class="sign-in-buttons"> <div class="auth link"> <button type="button" onclick="signInStep('enterPassword')" class="button-link"> Back </button> </div> <button class="auth blue" onclick="resetPassword()"> Reset Password </button> </div> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </div> <div id="postReset" class="box auth-box hidden"> <h1> Reset Password </h1> <p> We've sent an email to your email address. Follow the instructions in that email to reset your password. </p> <div class="sign-in-buttons"> <div class="auth link"> <button type="button" onclick="signInStep('signinMethod')" class="button-link"> Back </button> </div> </div> <div class="privacy-policy"> <a class="privacy-link" target="_blank" href="/page_translater.aspx?sURL=https%3a%2f%2fpolicies.google.com%2fprivacy&hh=1&hu=1&hl=111111111"> Privacy Policy </a> </div> </div> </div> <div id="gated-signout" class="boxed-takeover"> <div class="box"> <h1> Forbidden </h1> <p> <output>Sorry, you do not have permission to access this resource. </output> </p> <button onclick="signOut()"> Sign out </button> </div> </div> <div id="user-upgrade-error" class="boxed-takeover"> <div class="box"> <h1>User account conflict </h1> <p> <output>Sorry, the user account you are using is now linked to Google. Please sign in with Google to use this account. </output> </p> <button onclick="signOut()"> Sign out </button> </div> </div> <div id="private-error" class="boxed-takeover"> <div class="box"> <div class="formatted-html"><h1>Forbidden </h1><p>You do not have permission to access this private event </p></div> <button onclick="signOut()"> Sign out </button> </div> </div> <div id="general-error" class="boxed-takeover"> <div class="box"> <h1>We&#39;ll be right back </h1> <p> We are having temporary difficulties, and are working to fix the issue. </p> </div> </div> <div id="cookie-error" class="boxed-takeover"> <div class="box"> <h1>Cookies are disabled </h1> <p> Cookies are required in order to sign in. Please enable cookies in your browser&#39;s settings and disable any adblockers. Then refresh this page. </p> </div> </div> <div id="auth-error" class="boxed-takeover"> <div class="box"> <h1>Error authenticating user </h1> <p> There was an error during authentication. Please refresh to try again. If this issue persists, please sign out and sign back in after reloading. </p> <button onclick="signOut()"> Sign out </button> </div> </div> <div id="offline-error" class="boxed-takeover"> <div class="box"> <h1>You&#39;re currently offline </h1> <p> Refresh the page when your connection is restored to return to the app. </p> </div> </div> <script defer="" src="/scripts/app.preload.0f78d610.js"></script> <script> window.templateBundleMap = { platform: { "default": { script: "/scripts/app.platform.default.js", style: "/styles/app.platform.default.css", }, "devfest": { script: "/scripts/app.platform.devfest.js", style: "/styles/app.platform.devfest.css", }, "cloud": { script: "/scripts/app.platform.cloud.ce2a96a0.js", style: "/styles/app.platform.cloud.159cbdb4.css", }, }, event: { "default": { script: "/scripts/app.event.default.b5a63ae4.js", style: "/styles/app.event.default.cf5fa4ea.css", }, "cloud_2017": { script: "/scripts/app.event.cloud_2017.14fe68ec.js", style: "/styles/app.event.cloud_2017.978f9577.css", }, "cloud_2018": { script: "/scripts/app.event.cloud_2018.920955c7.js", style: "/styles/app.event.cloud_2018.4524a015.css", }, "cloud_summit_2018": { script: "/scripts/app.event.cloud_summit_2018.b80bb2df.js", style: "/styles/app.event.cloud_summit_2018.2828e67d.css", }, "cloud_transform_2018": { script: "/scripts/app.event.cloud_transform_2018.21a8e490.js", style: "/styles/app.event.cloud_transform_2018.fc10d7ff.css", }, "cloud_data_ai_2018": { script: "/scripts/app.event.cloud_data_ai_2018.502619fb.js", style: "/styles/app.event.cloud_data_ai_2018.66e30895.css", }, "devfest_2018": { script: "/scripts/app.event.devfest_2018.5614ac9a.js", style: "/styles/app.event.devfest_2018.55fd9704.css", }, "chrome_2018": { script: "/scripts/app.event.chrome_2018.cf503ed7.js", style: "/styles/app.event.chrome_2018.acf234a7.css", }, "cloud_q1_2019": { script: "/scripts/app.event.cloud_q1_2019.67fde800.js", style: "/styles/app.event.cloud_q1_2019.98f47d07.css", }, "global_events_gml_2019": { script: "/scripts/app.event.global_events_gml_2019.6695235b.js", style: "/styles/app.event.global_events_gml_2019.bb1763a3.css", }, "single_session": { script: "/scripts/app.event.single_session.f11a8fc3.js", style: "/styles/app.event.single_session.cf978492.css", }, }, angularJsDependencies: "/scripts/dependencies.4f4b11f9.js" } </script> <div class="hidden" id="bad-browser"> <div id="bad-browser-shade"></div> <div id="bad-browser-text"> <span id="warning-icon"><i class="google-material-icons">warning </i></span> <h2> Your browser <br> is not supported </h2> <p> For the full experience, use Google Chrome, Firefox, Safari or Edge. </p> </div> </div> <script> // Show bad browser modal for IE and Opera browsers. Separated into // independent code block to prevent other script errors from blocking. // Internet Explorer 6-11 var isIE = !!document.documentMode; // Opera browser var isOpera = /(Opera|OPR\/)/g.test(window.navigator.userAgent); if (isIE || isOpera) { document.getElementById('bad-browser').className = ''; document.body.className += ' unsupported'; } </script> <script> const cookieBarScript = document.createElement('script') const lang = window.navigator.userLanguage || window.navigator.language || 'en'; cookieBarScript.setAttribute('data-glue-cookie-notification-bar-language', lang); cookieBarScript.setAttribute('src', 'https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js'); document.body.appendChild(cookieBarScript); </script> <script> function hideTempElements() { const elementIdsToHide = [ 'invalid-password', 'invalid-email', 'no-password', 'email-in-use', 'weak-password', 'create-account-no-password', 'no-first-name', 'no-last-name', 'login-retry-limit', 'confirmation-resent', ]; elementIdsToHide.forEach(id => { document.getElementById(id).classList.add('hidden'); }); } function signInStep(stepName) { hideTempElements(); const currentView = document.getElementById(stepName); document .getElementById('password-container') .classList.remove('hidden'); document.getElementById('password-sign-in').disabled = false; [ 'signinMethod', 'enterEmail', 'hasGoogleAccount', 'enterPassword', 'createAccount', 'accountCreationConfirmation', 'resetPassword', 'postReset', ] .filter(elementId => elementId !== stepName) .forEach(elementId => document.getElementById(elementId).classList.add('hidden') ); currentView.classList.remove('hidden'); const input = currentView.querySelector("input:not([disabled])"); if (input) { input.focus(); } } function checkEmail() { document.getElementById('invalid-email').classList.add('hidden'); const enteredEmail = document.getElementById('emailAddress').value; if (/^.*@google\.com$/i.test(enteredEmail)) { signInStep('hasGoogleAccount'); makeErrorAccessible(document.getElementById('hasGoogleAccount')); } else { const emailRegex = /.+@.+\..+/; if (!enteredEmail || !emailRegex.test(enteredEmail)) { document.getElementById('invalid-email').classList.remove('hidden'); makeErrorAccessible(document.getElementById('invalid-email')); return; } window.firebase .auth() .fetchSignInMethodsForEmail(enteredEmail) .then(signinOptions => { if (signinOptions.length === 0) { document.getElementById('accountEmail').value = enteredEmail; signInStep('createAccount'); } else if (signinOptions.includes('google.com')) { signInStep('hasGoogleAccount'); } else { document.getElementById( 'loginEmail' ).textContent = enteredEmail; signInStep('enterPassword'); } }) .catch(error => console.error(error)); } } function hideErrors(...errorIds) { for(let id of errorIds) { const errorToHide = document.getElementById(id); const errorMessage = errorToHide.querySelector("output"); if(!errorToHide.classList.contains("hidden")) { errorToHide.classList.add("hidden"); } errorMessage.removeAttribute("aria-role"); errorMessage.removeAttribute("aria-live"); } } function makeErrorAccessible(errorContainer) { const errorMessage = errorContainer.querySelector("output"); errorMessage.setAttribute("aria-role", "alert"); errorMessage.setAttribute("aria-live", "polite"); } function signInEmailPassword() { document.getElementById('invalid-password').classList.add('hidden'); document.getElementById('no-password').classList.add('hidden'); document.getElementById('password-sign-in').disabled = false; const password = document.getElementById('loginPassword').value; if (!password) { document.getElementById('no-password').classList.remove('hidden'); makeErrorAccessible(document.getElementById('no-password')); return; } window.firebase .auth() .signInWithEmailAndPassword( document.getElementById('loginEmail').textContent, document.getElementById('loginPassword').value ) .then(() => { window.location.reload(true); }) .catch(error => { if (error.code === 'auth/wrong-password') { document .getElementById('invalid-password') .classList.remove('hidden'); console.debug('wrong password'); makeErrorAccessible(document.getElementById('invalid-password')); } else if (error.code === 'auth/too-many-requests') { document .getElementById('password-container') .classList.add('hidden'); document .getElementById('login-retry-limit') .classList.remove('hidden'); makeErrorAccessible(document.getElementById('login-retry-limit')); document.getElementById('password-sign-in').disabled = true; } else { console.error(error); } }); } function createAccount() { hideTempElements(); const accountEmail = document.getElementById('accountEmail').value; const accountPassword = document .getElementById('accountPassword') .value.trim(); const accountFirstName = document .getElementById('accountFirstName') .value.trim(); const accountLastName = document .getElementById('accountLastName') .value.trim(); document.getElementById('accountPassword').value = accountPassword; document.getElementById('accountFirstName').value = accountFirstName; document.getElementById('accountLastName').value = accountLastName; if (!accountPassword) { document .getElementById('create-account-no-password') .classList.remove('hidden'); makeErrorAccessible(document.getElementById('create-account-no-password')); } if (!accountFirstName) { document.getElementById('no-first-name').classList.remove('hidden'); makeErrorAccessible(document.getElementById('no-first-name')); } if (!accountLastName) { document.getElementById('no-last-name').classList.remove('hidden'); makeErrorAccessible(document.getElementById('no-last-name')); } if (!accountPassword || !accountFirstName || !accountLastName) return; window.firebase .auth() .createUserWithEmailAndPassword(accountEmail, accountPassword) .then(resp => { resp.user.updateProfile({ displayName: `${accountFirstName} ${accountLastName}`, }).then(() => { // Solves issue with Firebase profile data propagation to the // user after creation?outlined here: // https://buganizer.corp.google.com/issues/204450136 const unsubscribe = window.firebase .auth() .onAuthStateChanged(user => { user.getIdToken(true); unsubscribe(); }); }); const emailConfirmation = document.getElementById("emailConfirmation"); if(emailConfirmation) { document.getElementById( 'emailConfirmation' ).textContent = accountEmail; } sendAccountConfirmation({ url: window.location.href }); signInStep('accountCreationConfirmation'); }) .catch(error => { if (error.code === 'auth/weak-password') { document .getElementById('weak-password') .classList.remove('hidden'); makeErrorAccessible(document.getElementById('weak-password')) } else if (error.code === 'auth/email-already-in-use') { document .getElementById('email-in-use') .classList.remove('hidden'); makeErrorAccessible(document.getElementById('email-in-use')) } else { console.error(error); } }); } function sendAccountConfirmation() { window.firebase.auth().currentUser.sendEmailVerification({ url: window.location.href }); } function resendAccountConfirmation() { window.firebase.auth().currentUser.sendEmailVerification({ url: window.location.href }); document .getElementById('confirmation-resent') .classList.remove('hidden'); } function accountCreationComplete() { location.reload(true); } function resetPassword() { const email = document.getElementById('loginEmail').textContent; window.firebase .auth() .sendPasswordResetEmail(email, { url: window.location.origin }) .then(() => { this.document.getElementById('email-text').textContent = email; this.signInStep('postReset'); }); } </script> </body> </html> </span> </div> </div> <div style="width:750px;margin:0 auto;height:80px;line-height:120%">- &quot;漢字路&quot; 한글한자자동변환 서비스는 <strong>교육부</strong> 고전문헌국역지원사업의 지원으로 구축되었습니다.<br/> - &quot;漢字路&quot; 한글한자자동변환 서비스는 <strong>전통문화연구회</strong>가<strong> "<a href="http://nlplab.ulsan.ac.kr/">울산대학교한국어처리연구실</a> 옥철영(IT융합전공)교수팀</strong>"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 <strong>공동 연구 개발하고 있는 서비스</strong>입니다.<br/> <strong>- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행</strong>하고자 하고 있습니다. 이를 인지하시고 <strong>다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.</strong><br/> - 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. . <br/> </div> <div style="padding-top:10px;padding-bottom:10px;"> <div style="width:100%;height:1px;background-color:#d9dbe2;"></div> <div style="padding-top:14px;text-align:center;">Copyright ⓒ 2020 By '<a href="http://juntong.or.kr">전통문화연구회(傳統文化硏究會)</a>' All Rights reserved.</div> </div> <!-- <map name="contents_news"> <area shape="rect" coords="37,38,241,139" href="" target="" alt="" onclick="goPage(1);return false;"/> <area shape="rect" coords="274,38,478,139" id="map1" href="http://www.google.co.kr" target="" alt="" onclick="goPage(0);return false;"/> <area shape="rect" coords="514,38,,718,139" href="" target="" alt="" onclick="goPage(2);return false;"/> <area shape="rect" coords="37,177,241,279" href="" target="" alt="" onclick="goPage(3);return false;"/> <area shape="rect" coords="274,177,478,279" href="" target="" alt="" onclick="goPage(4);return false;"/> <area shape="rect" coords="515,177,719,279" href="" target="" alt="" onclick="goPage(5);return false;"/> </map> --> <!-- <map name="contents_news"> <area shape="rect" coords="37,38,241,141" href="" target="" alt="" onclick="goPage(1);return false;"/> <area shape="rect" coords="274,38,482,141" id="map1" href="http://www.google.co.kr" target="" alt="" onclick="goPage(0);return false;"/> <area shape="rect" coords="514,37,721,139" href="" target="" alt="" onclick="goPage(2);return false;"/> <area shape="rect" coords="37,180,243,279" href="" target="" alt="" onclick="goPage(3);return false;"/> <area shape="rect" coords="274,179,480,281" href="" target="" alt="" onclick="goPage(4);return false;"/> <area shape="rect" coords="516,179,720,279" href="" target="" alt="" onclick="goPage(5);return false;"/> </map> --> <map name="contents_news"> <area shape="rect" coords="37,38,241,141" href="" target="" alt="" onclick="goPage(1);return false;"/> <area shape="rect" coords="274,38,478,141" href="" target="" alt="" onclick="goPage(2);return false;"/> <area shape="rect" coords="514,37,721,139" href="" target="" alt="" onclick="goPage(3);return false;"/> <area shape="rect" coords="37,180,243,279" href="" target="" alt="" onclick="goPage(4);return false;"/> <area shape="rect" coords="274,179,480,281" href="" target="" alt="" onclick="goPage(5);return false;"/> <area shape="rect" coords="516,179,720,279" href="" target="" alt="" onclick="goPage(6);return false;"/> </map> <div style="display:none;"> <span visiabled="false"><input id="RadioButton3" type="radio" name="2" value="RadioButton3" checked="checked" /></span>&nbsp;한국&nbsp; <input id="RadioButton4" type="radio" name="2" value="RadioButton4" />&nbsp;대만&nbsp; <input id="RadioButton5" type="radio" name="2" value="RadioButton5" />&nbsp;중국&nbsp; <input id="RadioButton6" type="radio" name="2" value="RadioButton6" />&nbsp;일본&nbsp; </div> </form> <!-- conference 2020 popup added by arahan@juntong.or.kr :start ----> <script type="text/javascript" src="js/jquery.cookie.js"></script> <div id="layer1" class="pop-layer"> <div class="pop-container"> <div class="pop-conts"> <!--content //--> <p class="ctxt mb20"> <a href="http://ioci.juntong.or.kr/wp-content/uploads/2020/11/20201119_07.jpg"><img class="alignnone wp-image-2246" src="http://ioci.juntong.or.kr/wp-content/uploads/2020/11/20201119_07.jpg" alt="" width="370" /></a> <div class="btn-r"> <a href="#" class="btn-layerClose">Close</a> </div> <!--// content--> </div> </div> </div> <style> .pop-layer .pop-container { padding: 15px 15px; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-layer .btn-r { width: 100%; margin: 10px 0 10px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; } .pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 410px; height: auto; background-color: #fff; border: 5px solid #efefef; z-index: 10; } .dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); } .dim-layer .pop-layer { display: block; } a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a; background-color: #7F5939; font-size: 13px; color: #fff; line-height: 25px; } a.btn-layerClose:hover { border: 1px solid #091940; background-color: #1f326a; color: #fff; } </style> <script> function layer_popup(el){ var $el = $(el);//레이어의 id를 $el 변수에 저장 $el.fadeIn(); var $elWidth = ~~($el.outerWidth()), $elHeight = ~~($el.outerHeight()), docWidth = $(document).width(), docHeight = $(document).height(); // 화면의 중앙에 레이어를 띄운다. if ($elHeight < docHeight || $elWidth < docWidth) { $el.css({ top:100, marginLeft: -$elWidth/2 }) } else { $el.css({top: 0, left: 0}); } $el.find('a.btn-layerClose').click(function(){ $el.fadeOut(); // 닫기 버튼을 클릭하면 레이어가 닫힌다. $.cookie('popup', 'seen', { expires: 30 }); return false; }); } $(document).ready(function(){ if($.cookie('popup')==null) { //layer_popup('#layer1'); } }); </script> <!-- conference 2020 popup added by arahan@juntong.or.kr :end ----> </body> </HTML>