CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name = "format-detection" content = "telephone=no"> <TITLE>International Journal of Korean History</TITLE> <meta name="google-site-verification" content="" /> <META NAME="Title" CONTENT="International Journal of Korean History"> <META NAME="Subject" CONTENT="International Journal of Korean History"> <META NAME="Description" CONTENT=""> <META NAME="Keywords" CONTENT="International Journal of Korean History, IJKH, Journal"> <link rel="stylesheet" href="/include/style.css?1734949371" type="text/css"> <link rel="shortcut icon" href="/image/favicon.ico"> <script type="text/javascript" src="/include/common.js"></script> <script language="JavaScript">  </SCRIPT> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-88264613-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript" src="/script/jquery.js"></script> <script type="text/javascript">  </script> <script language="JavaScript">  </SCRIPT> </head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-M035FQRZT7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-M035FQRZT7'); </script><body>  <div class="headerWrap" style="z-index:100;position:fixed;left:0;top:0;width:100%;;min-width:980px;background:url('/image/top_bg.gif') left bottom repeat-x;"> <div style="background:#B6B1AD"> <div style="width:990px;margin:auto;color:#FFFFFF;text-align:right;padding:10px 0px"> | <a href="/" style='color:#FFFFFF;'>Home</a> | <a href="/about/sitemap.php" style='color:#FFFFFF;'>Sitemap</a> | <a href="/about/contact.php" style='color:#FFFFFF;'>Editorial Office</a> |  <div id="google_translate_element" style='padding-top:0;height:20px;float:right;'></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: '', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> </div>  <div style="width:980px; margin:auto;"> <div style="width:980px;"> <div> <div style="float:left;margin-left:5px;"> <a href="/"> <img src="/image/top_logo.gif" title="International Journal of Korean History" /> </a> </div> <div style="float:right;"> <img src="/image/top_img.gif" alt="top_img" /> </div> <div style="clear:both;height:0"> </div> </div> <table border="0" cellpadding="0" cellspacing="0" width="970px" align="center" class="lm10" style="display:block;"> <tr> <td width="630px" style="padding:0px"> <div> <a href="/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu1','','/image/menu1_o.gif',1);MM_showHideLayers('Layer1','','show','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')"><IMG SRC="/image/menu1.gif" BORDER="0" NAME="menu1" class="vertical_middle"></a><a onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu5','','/image/menu2_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','show')"><IMG SRC="/image/menu2.gif" BORDER="0" NAME="menu5" class="vertical_middle"></A><a onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu2','','/image/menu3_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer3','','hide','Layer4','','hide','Layer5','','hide')"><IMG SRC="/image/menu3.gif" BORDER="0" NAME="menu2" class="vertical_middle"></A><a href="/current/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu3','','/image/menu4_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','show','Layer4','','hide','Layer5','','hide')"><IMG SRC="/image/menu4.gif" BORDER="0" NAME="menu3" class="vertical_middle"></A><a onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu4','','/image/menu5_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','show','Layer5','','hide')"><IMG SRC="/image/menu5.gif" BORDER="0" NAME="menu4" class="vertical_middle"></A> </div> </td> <td width="220px" align="center"> <form name="searformform" method="post" action="/articles/search_result.php" onsubmit="return transText(this);"> <table cellpadding=0 cellspacing=0 border=0 > <tr> <td style="border:1px solid #efefef;background:white;position: relative;"> <input type="text" name="term_all" autocomplete="off" style="width:150px;height:19px;border:0px" value='' class="vertical_middle" onkeyup="autoCompleteHead(this.value);" onfocus="autoCompleteHead(this.value);" onblur="term_all_onblur();"/> <input type="image" src="/image/icon/search.gif" alt="Search" class="vertical_middle"/> <div id="autoCompleteLayerHead" class="none" ></div> </td> </table> </form> </td> <td> <a href="/articles/search.php" style="color:white;display:block;"><img src="/image/b_advanced.gif" alt="" /></a> </td> </tr> </table> <div style="position:relative;margin:auto;z-index:999;"> <div id="Layer5" style="position:absolute; left:10px; z-index:999;visibility: hidden" onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu5','','/image/menu2_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','show')"> <div style="line-height:25px; background:url('/image/sub_m1.png');background-repeat:repeat-y;width:200px;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-left:2px;width:186px"> <tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/index.php"><font style="vertical-align:middle;color:#7D7D7D"> Aims and Scope</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/about.php"><font style="vertical-align:middle;color:#7D7D7D"> About the Journal</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/editorial.php"><font style="vertical-align:middle;color:#7D7D7D"> Editorial Board</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/open_access.php"><font style="vertical-align:middle;color:#7D7D7D"> Open Access</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/subscription.php"><font style="vertical-align:middle;color:#7D7D7D"> Subscriptions</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/contact.php"><font style="vertical-align:middle;color:#7D7D7D"> Editorial Office</B></font></a></td></tr> </table> </div> <div><img src="/image/sub_m3.png" alt="" /></div> </div> <div id="Layer4" style="position:absolute; left:430px; z-index:1;visibility: hidden" onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu4','','/image/menu5_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','show','Layer5','','hide')"> <div style="line-height:25px; background:url('/image/sub_m1.png');background-repeat:repeat-y;width:200px;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-left:2px;width:186px"> <tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/authors.php" ><font style="vertical-align:middle;color:#7D7D7D"> Instructions for Authors</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/ethics.php" ><font style="vertical-align:middle;color:#7D7D7D"> Principles for Ethical Research</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/submission.php" ><font style="vertical-align:middle;color:#7D7D7D"> Submission</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/processing_charge.php" ><font style="vertical-align:middle;color:#7D7D7D"> Article-processing Charge</B></font></a></td></tr> </table> </div> <div><img src="/image/sub_m3.png" alt="" /></div> </div> <div id="Layer2" style="position:absolute; left:123px; z-index:1;visibility: hidden" onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu2','','/image/menu3_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer3','','hide','Layer4','','hide','Layer5','','hide')"> <div style="line-height:25px; background:url('/image/sub_m1.png');background-repeat:repeat-y;width:200px;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-left:2px;width:186px"> <tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/archive.php"><font style="vertical-align:middle;color:#7D7D7D"> All issues</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/print.php"><font style="vertical-align:middle;color:#7D7D7D"> Ahead-of Print Articles</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/current.php"><font style="vertical-align:middle;color:#7D7D7D"> Current Issue</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/mostread.php"><font style="vertical-align:middle;color:#7D7D7D"> Most Read Articles</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/mostcited.php"><font style="vertical-align:middle;color:#7D7D7D"> Most Cited Articles</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/search.php"><font style="vertical-align:middle;color:#7D7D7D"> <i>Int J Korean Hist</i> Search</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/author_index.php?index_key=a"><font style="vertical-align:middle;color:#7D7D7D"> Author Index</B></font></a></td></tr> </table> </div> <div><img src="/image/sub_m3.png" alt="" /></div> </div> </div> </div> </div> </div>  <div class="container" style="width:980px; padding-top:164px;margin:auto;"> <table border="0" cellpadding="0" cellspacing="0" width="980" align="center" class="lm10 "> <tr> <td width=755 class="tp30 rp25" valign="top" style="padding-bottom: 30px;"> <style type="text/css">  </style> <table border=0 width="100%" cellpadding=0 cellspacing=0 align="center"> <tr> <td class="About"> <table cellpadding="0" cellspacing="0" border="0" width="755px"> <tr> <td width="500px"><font class="subtitle">Aims and Scope </font></td><td align="right"><img src="/image/icon/h.gif" /><font class="navi"> > About > Aims and Scope</font></td> </tr> </table> <BR/><img src="/image/title_line.gif" border=0 align="absmiddle"><br/> <p class="ptext">The <i>International Journal of Korean History</i> (IJKH) is published by the Center for Korean History at Korea University in Seoul, South Korea. The Center was established in November of 1997 to promote and further the study of Korean history at the national and international level.</p> <p class="ptext">The <i>International Journal of Korean History</i> is an international scholarly journal. The Journal promotes original research, new analyses and interpretations through articles, book reviews, and translated scholarship to its international authors and readers, and is committed to the development of Korean studies both in and outside of Korea. By sponsoring new research on ancient history to the contemporary period, the Journal hopes to meet current scholarly needs and take the lead in developing new approaches to Korean history on an international level. </p> <p class="ptext">The original mission of the Journal was to introduce the works of Korean scholars to the international academic community. While we are still dedicated to this goal, we are also particularly interested in encouraging new interpretations, perspectives, and approaches to Korean history that can include a wider audience and contribute to the development of the field in general. For the past few years, we have made a concerted effort to broaden the definition of what constitutes Korean history, and to develop heretofore unexplored fields. This includes incorporating multi or inter-disciplinary research from all different academic and geographical areas, and communicating more directly with related studies. Through the internationalization of Korean history, comprehensive analyses of scholarship in and outside of Korea, and the development of a platform for collaboration among international scholars, the Journal seeks to set a new and broadened agenda for Korean Studies in general.</p> <p class="ptext">Along with publication of the IJKH, the Center for Korean History also sponsors academic workshops and conferences, publishes the original work of young scholars, and supports academic exchange with overseas research organizations. As the IJKH intends to fulfill the role of bridging different historical viewpoints and promoting a more robust academic dialogue, its editorial board includes both Korean and foreign scholars.</p> <p class="ptext">We hope that this scholarly endeavor will promote the development of Korean History and Korean Studies.</p> <p class="ptext" style='border:1px solid #86191B;padding-left:15px;'>This work is supported by Initiative for College of Humanities’ Research and Education (CORE) through the National Research Foundation of Korea (NRF) funded by the Ministry of Education.</p> </td> </tr> </table> </td> <td width="195" id="rightBar" valign="top" style="background:url('/image/left_bg.gif') left top repeat-y;"> <div style="width: 174px; margin: auto; padding:0px 10px 0px 10px;" class="aside"> <table width="174" border="0" cellpadding="0" cellspacing="0">  <tr> <td class="tp5"><a href="/about/TOCAlerts.php"><img src="/image/email_alerts.gif" alt="Email Alert" /></a></td> </tr> <tr> <td class="tp5"><a href="/articles/author_index.php?index_key=a"><img src="/image/authorindex_b.gif" alt="Author's Index" /></a></td> </tr> <tr> <td class="tp5"><a href="/authors/ethics.php"><img src="/image/banner/research_btn.gif" alt="Author's Index" /></a></td> </tr> <tr> <td class="tp5"><a href="/metrics/metrics_total_down_ref.php" onclick="window.open(this.href, 'Metrics_Total_View', 'width=720, height=800,scrollbars=yes');return false;" style="cursor:pointer;"><img src="/image/banner_Metrics.gif" border=0 title="More information" class="vertical_middle"/></a></td> </tr> <tr> <td class="tp5"> <div id="vis"></div> <script>var tags =[{"key": "Korea", "value": 20},{"key": "Japan", "value": 19},{"key": "한국", "value": 18},{"key": "silla ", "value": 17},{"key": "Colonial Korea", "value": 16},{"key": "Koryo", "value": 15},{"key": "comfort women", "value": 14},{"key": "choson", "value": 13},{"key": "women’s history", "value": 12},{"key": "United States", "value": 11},{"key": "Vietnam", "value": 10},{"key": "north korea", "value": 9},{"key": "USIS", "value": 8},{"key": "history", "value": 7},{"key": "Manchuria", "value": 6},{"key": "suicide", "value": 5},{"key": "nationalism", "value": 4},{"key": "Japanese Colonialism", "value": 3},{"key": "sports", "value": 2},{"key": "Manchukuo", "value": 1}];</script> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script src="https://www.e-crt.org/script/d3.layout.cloud.js"></script> <script type="text/javascript" src="https://www.e-crt.org/script/word-cloud.js"></script> </td> </tr> <tr> <td class="tp10"><a href="http://ckh.korea.ac.kr/" target="_blank"><img src="/image/ckh.gif" alt="Center for Korean History, Korea University" /></a></td> </tr> <tr> <td class="tp5"><a href="http://core.korea.ac.kr/core/index.do" target="_blank"><img src="/image/banner/core_banner.gif" alt="Center for Korean History, Korea University" /></a></td> </tr> <tr> <td class="tp5"> <a href="https://mjl.clarivate.com/cgi-bin/jrnlst/jlresults.cgi?PC=MASTER&ISSN=1598-2041" target="_blank"> <div style="position: relative;background-size:cover;background-image:url('https://www.m2-pi.com/images/impact/impact_factor_174bg.gif');width:174px;height:137px;font-family: 'Roboto', 'Noto Sans KR', sans-serif"> <div style='position:absolute;left:14px;top:113px;font-size:12px;color:#ffffff;'> Journal Impact Factor 0.2 </div> </div> </a> </td> </tr> <tr> <td class="tp5"><a href="https://www.scimagojr.com/journalsearch.php?q=21100904556&tip=sid&exact=no" title="SCImago Journal & Country Rank"><img border="0" src="https://www.scimagojr.com/journal_img.php?id=21100904556" alt="SCImago Journal & Country Rank" width="174px" /></a></td> </tr>  <tr> <td class="tp5" align="center"> <a href="https://www.scopus.com/sourceid/21100904556" target="_blank"> <img src="/image/banner/scopus.gif" alt="Scopus" title="Scopus" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="http://europub.co.uk/journals/5485" target="_blank"> <img src="/image/banner/EuroPub.gif" alt="EuroPub" title="EuroPub" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="http://www.e-sciencecentral.org/journals/226/" target="_blank"> <img src="/image/banner/e-sciencecentral.gif" alt="ScienceCentral" title="ScienceCentral" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://scholar.google.com/scholar?hl=en&as_publication=International%20Journal%20of%20Korean%20History&as_sdt=0,5&q=&scisbd=1&as_q=" target="_blank"> <img src="/image/banner/google_scholar.gif" alt="GoogleScholar" title="GoogleScholar" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://doaj.org/toc/2508-5921" target="_blank"> <img src="/image/banner/DOAJ_174_45.gif" alt="Directory of Open Access Journals" title="Directory of Open Access Journals" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://www.crossref.org/services/similarity-check/" target="_blank"> <img src="/image/banner/CrossRef_Similarity_Check_174_45.gif" alt="Similarity Check" title="Similarity Check" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://www.crossref.org/services/cited-by/" target="_blank"> <img src="/image/banner/CrossRef_Cited_by_174_45.gif" alt="Crossref Cited-by Linking" title="Crossref Cited-by Linking" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://www.crossref.org/services/crossmark/" target="_blank"> <img src="/image/banner/Crossmark_174_45.gif" alt="CrossMark" title="CrossMark" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://www.crossref.org/services/funder-registry/" target="_blank"> <img src="/image/banner/Funder_Registry_174_45.gif" alt="Funder Registry" title="Funder Registry" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://www.crossref.org/members/prep/9641" target="_blank"> <img src="/image/banner/metadata.gif" alt="" title="" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="http://www.orcid.org" target="_blank"> <img src="/image/banner/orcid.gif" alt="ORCID" title="ORCID" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="http://www.kofst.or.kr" target="_blank"> <img src="/image/banner/KOFST.gif" alt="KOFST" title="KOFST" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="http://publicationethics.org/" target="_blank"> <img src="/image/banner/cope.gif" alt="COPE" title="COPE" /></a> </td> </tr><tr> <td class="tp5" align="center"> <a href="https://www.kci.go.kr/kciportal/po/search/poCitaView.kci?sereId=SER000001663&from=sereDetail" target="_blank"> <img src="/image/banner/kci.gif" alt="KCI" title="KCI" /></a> </td> </tr> <tr> <td class="tp10"></td> </tr> </table> </div> </td>  </td> </tr> </table> </td> </tr> </table> </div> <div class="footerWrap"> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" background="/image/copy_bg.gif"> <tr> <td style="padding-left:20px;" align="center"> <table border="0" cellpadding="0" cellspacing="0" width="980"> <tr> <td style="padding-top:10px; line-height:140%;font-size:10pt;" align="left"> <B>Editorial Office</B><br/> Center for Korean History, Korea University<br/> Address: B101, Korean Studies Hall(Institute of Korean Culture), Korea University<br/> 145 Anam-ro, Seongbuk-gu, Seoul 02841, Republic of Korea<br/> TEL: +82-2-3290-2569, 5321    FAX: +82-2-3290-1665   E-mail: <a href="mailto:ijkhinfo@gmail.com">ijkhinfo@gmail.com</a> </td> <td width="400" align="right" valign="top" style="padding-top:5px"> <table border="0" width="100%"align="center"> <tr> <td height=25 bgcolor="#BBBBBB" style="color:#ffffff;line-height:140%;font-size:8pt;" align="center"> <a href="/about/"><font color="#FFFFFF"><U>About</U></a> |  <a href="/articles/archive.php"><font color="#FFFFFF"><U>Browse Articles</U></a> |  <a href="/current/"><font color="#FFFFFF"><U>Current Issue</U></a> |  <a href="/authors/authors.php"><font color="#FFFFFF"><U>For Authors and Reviewers</U></a> </td> </tr> </table> </td> </tr> <tr> <td style="line-height:160%;font-size:10pt;padding:10px 0px;" align="left" colspan="2"> Copyright © <a href="http://ckh.korea.ac.kr" target="new">Center for Korean History, Korea University</a>.                 <script> document.addEventListener('DOMContentLoaded', function() { document.getElementById('view_mobile_site').addEventListener('click', function(event) { event.preventDefault(); var url = '/about/'; document.cookie = "mobileView=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; window.location.href = url; }); }); </script> <a href="https://www.m2-pi.com" target="_blank"><img src="https://www.m2-pi.com/images/developed_m2pi_1.png" style="vertical-align:middle;margin-top:2px;" alt="Developed in M2PI" /></a> </td> </tr> </table> </td> </tr> </table> </div> <style> #overlay { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; } #overlay #overlay_close { margin:25px auto 0px auto; height: 20px; text-align: right; } #overlay #main_image_wrap { margin:25px auto 25px auto; height: 448px; text-align: center; } </style> <div id="overlay"> <div style="width:900px; background-color: rgba(208,208,208,0.85); border: 1px solid #a0a0a0; padding-bottom: 25px; margin: auto;"> <div id="overlay_close"><img src="/image/b_close.png" alt="Close layer" onclick="closePhotoView(); return false;" style="cursor:pointer;margin-right:25px;" /></div> <div id="main_image_wrap"><table style="margin: auto;"><tr> <td onclick="mImage_sliding('prev')" valign="middle" style="cursor: pointer;"><img src="/image/b_prev.png" alt="prev" border="0" /></td> <td valign="middle" style="width: 800px;height:448px;"><img id="main_image" src="" width="800" height="448" /></td> <td onclick="mImage_sliding('next')" valign="middle" style="cursor: pointer;"><img src="/image/b_next.png" alt="next" border="0" /></td> </tr></table></div> </div> </div> <script> var thumb_array = new Array(); var thumb_index = 0; // $(window).scroll(function () { // var y = $(this).scrollTop(); // $("#overlay").css("margin-top", y+100); // }); function mImage_sliding(dir) { if(dir == 'next') { thumb_index++; if(thumb_index >= thumb_array.length) { thumb_index--; return false; } } else { thumb_index--; if(thumb_index < 0) { thumb_index++; return false; } } //170302_저널_김마루_변경 //썸네일 이미지 확대시 원본 이미지를 보여주기 위함. if (thumb_array[thumb_index]!="") { value = thumb_array[thumb_index].replace(/thum_/,''); //특정문자 제거 changeMainImage(value); }else { //원본 이미지 일 경우 changeMainImage(thumb_array[thumb_index]); } //170302_저널_김마루_변경 //changeMainImage(thumb_array[thumb_index]); } function openPhotoView(obj) { var y = $(this).scrollTop(); $("#overlay").css("margin-top", y+100); $("#overlay").show(); thumb_array = new Array(); $(obj).parent().parent().find('img.thumb').each(function (index) { thumb_array.push($(this).attr("src")); if($(obj).attr("src") == $(this).attr("src")) { thumb_index = index; //170302_저널_김마루_변경 //썸네일 이미지 확대시 원본 이미지를 보여주기 위함. img_name = $(this).attr("src"); if (img_name.match('thum_')) { //썸네일 이미지일 경우 value = img_name.replace(/thum_/,''); //특정문자 제거 changeMainImage(value); }else { //원본 이미지 일 경우 changeMainImage($(this).attr("src")); } //170302_저널_김마루_변경 //changeMainImage($(this).attr("src")); } }); } function closePhotoView() { $('#overlay').hide(); thumb_array = new Array(); } function changeMainImage(src) { $("<img />").attr("src", src).load(function() { var ratio = 800 / this.width; var width = this.width * ratio; var height = this.height * ratio; if(height > 448) { ratio = 448 / this.height; width = this.width * ratio; height = this.height * ratio; } $("#overlay #main_image_wrap #main_image").attr('src', this.src); $("#overlay #main_image_wrap #main_image").attr('width', width); $("#overlay #main_image_wrap #main_image").attr('height', height); }); } </script> </body> </html>