@charset "utf-8";

/* CSS Document */

* { margin:0;padding:0;border:0;text-decoration:none;}

body			{width:100%;font:12px/150% tahoma,'gulim';background:#FFF;overflow:auto;color:#999;}

a						{font-weight:normal;color:#003bb0;}
li						{list-style:none;display:inline;}
hr						{display:none;}
h3						{font:20px/150% tahoma,'gulim';font-weight:bolder;color:#708090;padding:0 0 10px 0;}
.clear				{clear:both;}
label					{display:none;}



/* 달력 월 표시 */
	.cal_month, .cal_month  a		 {color:#708090; font:10px/110% tahoma,'gulim';font-weight:bold;}
/* 달력 요일 표시(th 영역) */
	.cal_week1							{font:0.9em Tahoma, Dotum, Arial, sans-serif;  height:18px;  font-weight:normal; color:#FFDE00; }
/* 달력 일요일 표시(th 영역) */
	.cal_week2							{font:0.9em Tahoma, Dotum, Arial, sans-serif;  color:#FFF200; }

/* 달력 Week(tr 영역)  */
	.cal_week					{background:none;}
	.cal_current_week		{background-color:#39342A; padding: 3px 0 5px 0;}

/* 달력 Day(td 영역) */
	.cal_day						{font:0.8em Tahoma, Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#D3D1D1;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
	.cal_day_sunday			{color:#FFDE00 !important;}
	.cal_day_sunday a		{color:#FFDE00 !important;}

/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               {color:#DDD;}
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               {color:#DDD;}
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               {color:#DDD;}
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               {}
	.cal_day4 a			{color:#708090;background: #DCD2C8;}
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click				{color:#FAF0E6;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
	.rp_general				{}
	.rp_admin				{}
	.rp_secret				{color:#0057d1;font-weight:normal;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
	.guest_general          { }
	.guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
	.hiddenComment p	{color:#003bb0;/*background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;*/}
	.rp_secret p			{color:#003bb0;}


/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#000;  text-align:center;}
/* 그림 */
	.imageblock          { border:0;padding:;margin:; }
/* 왼쪽 */
	.left						{ border:0 10px 0 0;}
/* 가운데 */
	.center                 { border:0;}
/* 오른쪽 */
	.right                  { border:0 0 0 10px;}
/* 그림 2개 배치 */
	.dual                   { margin-bottom:;}
/* 그림 3개 배치 */
	.triple                 { margin-bottom:;}

/* 본문 - more / less */
	.moreless_fold			{ background:url('images/iconMore.gif') top left no-repeat;  padding-left:20px; color:#003bb0;}
	.moreless_top				{ background:url('images/iconLess.gif') top left no-repeat;  padding-left:20px; color:#003bb0;}
	.moreless_body			{ }
	.moreless_bottom		{ background:url('images/iconLess.gif') top right no-repeat;  padding-right:20px; color:#003bb0; text-align:right;}



/* 레이아웃 */
#container {width:900px; margin:0 auto;padding:0;}

/* 헤더 */
#header						{padding:60px 0 40px 0;}
#header .menu			{}
#header .menu .welcome					{height:40px;font:11px/110% 'gulim'; color:#999;letter-spacing:-1px;}
#header .menu .welcome li				{margin-right:5px;}
#header .menu .welcome li a			{font:14px/150% tahoma,'gulim';letter-spacing:0;font-weight:bold;color:#708090;}
#header .menu .welcome li a:hover	{color:#003bb0;}
#header .menu .welcome li.notice a	{font:11px/150% 'gulim';color:#003bb0;font-weight:normal;}

#header .home{padding-bottom:50px;width:100px;margin:auto;}
#header .home a{display:block;color:#708090;text-align:center;font:14px/150% tahoma,'gulim';letter-spacing:0;font-weight:bold;color:#708090;}


/* 포스트 전체영역 */
#content   {width:900px; margin:0; padding:0;}

.entryNotice,
.taglog,
.searchList {padding:20px;margin:0 0 60px 0;border:1px solid #DDD;background:#EEE;}

/* 공지글 */
.entryNotice {}

/* 태그로그 */
.taglog ul                  {text-align:justify;}
.taglog a                   {font:12px/150% 'gulim';letter-spacing:-1px;}
.taglog li  .cloud1       {font-weight:bolder;}
.taglog li  .cloud2       {font-weight:bold;}
.taglog li  .cloud3       {font-weight:bold;color:#708090;}
.taglog li  .cloud4       {color:#708090;}
.taglog li  .cloud5       {color:#DDD;}


/* 보호글 */
.entryProtected				{margin:0 0 60px 0;width:478px;padding:3px 10px;border:1px solid #DDD;background:#EEE;}
.entryProtected a.title		{font:11px 'gulim';color:#708090;letter-spacing:-1px;font-weight:bold;}
.entryProtected p				{}
.entryProtected input		{font:10px/100% tahoma,'gulim';width:200px;background:#DDD;}
.entryProtected .submit	{width:50px;height:15px;color:#708090;border:1px solid #DDD;background:#EEE;}


/* 포스트-내용 */
.entry								{width:900px;margin:0 0 10px 0; overflow:hidden;border-top:0 solid #DDD;}
.entry .post						{float:left;width:500px !important;margin:0 20px 10px 0;padding-top:10px;}

.entry .post	 .article			{width:500px;padding:0 0 2px 0;}
.entry .article a				{}
.entry .article a:hover		{}
.entry .article dt				{text-decoration:underline;}
.entry .article dd              {margin-left:20px;  padding-bottom:10px;}
.entry .article blockquote	{background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

.entry .article h1	{font-size:1.6em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h2 {font-size:1.4em !important; border:none; margin:0; padding:5px 0; background:none;}
.entry .article h3 {font-size:1.2em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h4 {font-size:1em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h5 {font-size:1em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h6 {font-size:1em !important; font-weight:bold;  color:#000; padding:5px 0;}

.entry .article ol  {margin:15px 0 !important;}
.entry .article ul  {margin:15px 0 !important;}
.entry .article ol li {list-style:decimal; margin-left:30px;}
.entry .article ul li {list-style:disc; margin-left:30px;}

.entry .titleWrap							{font:11px/130% 'gulim';padding:3px 10px;border:1px solid #DDD;background:#fff;}
.entryProtected .date,
.entry .titleWrap .date					{float:left;width:100px;font-family:tahoma,'gulim';color:#708090;}
.entry .titleWrap .tagTrail				{float:right;width:350px;letter-spacing:-1px;text-align:right;color:#EEE;}
.entry .titleWrap .tagTrail a			{color:#FFF;background:#DDD;padding:0 2px;}
.entry .titleWrap .tagTrail a:hover	{color:#708090;}
.entry .titleWrap .admin					{font:11px/110% 'gulim'; color:#003bb0;margin-top:2px}
.entry .titleWrap .admin a				{}

/* 댓글 */
.comment						{float:left;width:380px !important;padding:10px 0;}
.commentList .name			{font-weight:bold; color:#708090;}
.commentList .name a		{font-weight:bold;color:#708090;}
.commentList .date			{font-size:10px;color:#cccccc;}
.commentList .control		{font-weight:bold; color:#E3EAE6;}
.commentList p				{margin-bottom:10px;}
.commentList ul.rp2			{background:url('images/iconReres.gif') no-repeat 2px 3px;  margin:-10px 0 10px 0;padding:0 0 0 20px;}
.commentList ul.rp2 name	 {}

	div[data-tistory-react-app="Namecard"] {display: none}

.commentList .control a.modify        { background:url('images/iconModify.gif') no-repeat 2px center;  padding-left:34px; text-decoration:none;}
.commentList .control a.modify span   { display:none;}
.commentList .control a.write         { background:url('images/iconWrite.gif') no-repeat 2px center;  padding-left:34px;text-decoration:none;}
.commentList .control a.write span    { display:none;}

/* 댓글쓰기 */
.commentWrite input						{font:11px/100% 'gulim';padding:1px 4px;margin-bottom:2px;border:1px solid #DDD;background:#EEE;}
.commentWrite input.inputname		{float:left;width:80px;background:url('images/inputName.gif') 2px 3px no-repeat;}
.commentWrite input.inputpass		{float:left;width:60px;background:url('images/inputPassword.gif') 2px 3px no-repeat;}
.commentWrite input.inputhome		{float:left;width:120px;background:url('images/inputHomepage.gif') 2px 3px no-repeat;margin-right:10px;}
.guestWrite .secretWrap,
.commentWrite .secretWrap			{float:left;padding:0;width:60px;background:url('images/inputSecret.gif') 15px 5px no-repeat;}
.commentWrite .checkbox				{width:12px;height:12px;}

.commentWrite textarea				{background:url('images/inputComment.gif') 2px 2px no-repeat #EEE;width:370px;height:30px;padding:4px;font:11px/130% 'gulim';border:1px solid #DDD}
.commentWrite .submit					{padding:3px 10px;font:10px/100% Trebuchet MS,tahoma;color:#708090;border:1px solid #DDD;background:#EEE;}



/* 검색 리스트  */
.searchList ol,
.searchRplist ol            { list-style:none;  padding:0 0 5px 0;  margin:0; }
.searchList li,
.searchRplist li            { border-bottom:1px solid #EFEBDE; padding:5px 3px 5px 0;  margin-bottom:0;}
.searchList .date,
.searchRplist .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;   color:#999;  margin:0 10px 0 13px; }
.searchList .cnt,
.searchRplist .cnt { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#F1654E; }
.searchRplist .name         { font:0.95em Dotum, Arial, sans-serif; color:#938464;  padding-left:8px;}
.searchList a {color:#999; text-decoration:none;}
.searchList a:visited {color:#999;}
.searchList a:hover {color:#000; text-decoration:none;}
.searchRplist a {color:#999; text-decoration:none;}
.searchRplist a:visited {color:#999;}
.searchRplist a:hover {color:#000; text-decoration:none;}

/* 페이징 */
.paging										{text-align:center;}
.paging a									{color:#708090;}
.paging .numbox span					{background:#EEE;font-weight:bold;padding:0 2px;}
.paging .numbox span.selected	{color:#DDD;}
.paging .numbox span.interword	{color:#EEE;background:none;font-weight:normal;}
.paging .no-more-prev,
.paging .no-more-next					{color:#FFF;}


/* 사이드바 */
#sidebar div							{text-align:center;margin:5px auto;}
#sidebar .search					{}
#sidebar .search input				{font: 11px/100% 'gulim';color:#708090;border:1px solid #DDD;background:#EEE;}
#sidebar .search .submit			{font: 10px/100% tahoma;padding:2px 10px;border:1px solid #DDD;background:#EEE;}

#sidebar .counter					{font:10px/100% Trebuchet MS;color:#DDD;}


/* 푸터 */
#footer          {clear:both;font:10px/100%;text-align:center;margin-bottom:60px;}
#footer a        {color:#708090;}

/* 내가 추가한것 */
.container_postbtn{display:none}
a[href^="/toolbar/popup/abuseReport/"]{display:none;}


/* 이미지 비디오 최대 너비 설정 */
img,
video {
    max-width: 100%;
}

/* 유튜브 비디오 반응형으로 수정 */
.youtubevid-wrapper {
    width: 400px;
    max-width: 100%;
}

.resvid {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.resvid iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	
	
	
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="noindex,nofollow" />
<meta name="robots" content="none" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
<title>[##_title_##] :: [##_page_title_##]</title>	
</head>
		
<body>

<s_t3>
<div id="container">

	<div id="header">
		<div class="home"><a href="https://60eagle.tistory.com/">GAMER</a></div>
		<div class="clear"></div>
	</div> <!-- header close -->


	<div id="content">

	<s_list> <!-- 검색 결과 리스트 -->
	<div class="searchList">	
		<ol>
		<s_list_rep>
			<li>
				|<span class="date">[##_list_rep_regdate_##]</span>
				<a href="[##_list_rep_link_##]">[##_list_rep_title_##]</a>
				<span class="cnt">[##_list_rep_rp_cnt_##]</span>
			</li>
		</s_list_rep>
		</ol>
	</div>
	</s_list>

	<s_tag> <!-- 태그 클라우드 -->
	<div class="taglog">
	<h3>TAG list</h3>
		<ul>
		<s_tag_rep>
			<li>
				<a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>
			</li>
		</s_tag_rep>
		</ul>
	</div>
	</s_tag>
	
	<s_notice_rep> <!-- 공지사항 글 -->
	<div class="entryNotice">
		<div class="titleWrap">
			<h3><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h3>
		</div>
		<div class="article">[##_notice_rep_desc_##]</div>
	</div>
	</s_notice_rep>

	<s_article_protected> <!-- 보호 글 -->
	<div class="entryProtected">
		<div class="date">[##_article_rep_date_##]</div>
		<a class="title" href="[##_article_rep_link_##]">[##_article_rep_title_##]</a>

		<p class="clear"><label for="[##_article_password_##]"></label>
			<input type="password" maxlength="16" id="[##_article_password_##]" name="[##_article_password_##]" value="" onkeydown="if (event.keyCode == 13)[##_article_dissolve_##]" />
			<input type="button" class="submit" value="submit" onclick="[##_article_dissolve_##]" />
		</p>
	</div>
	</s_article_protected>


	<s_article_rep> <!-- 글 -->
	<div class="entry">
		
		<div class="titleWrap">
			<div class="date">[##_article_rep_date_##]</div>

			<s_tag_label><!-- 태그 -->
			<div class="tagTrail">[##_tag_label_rep_##]</div> 
			</s_tag_label>
			<div class="clear"></div>
			<s_ad_div>
				<div class="admin">
				<a href="[##_blog_link_##]owner/entry">Admin</a> | 
				<a href="[##_s_ad_m_link_##]">수정</a> : 
				<a href="#" onclick="[##_s_ad_m_onclick_##]">창으로</a> | 
				([##_s_ad_s1_label_##])→<a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a> | 
				<a href="#" onclick="[##_s_ad_d_onclick_##]">Delete</a>
				</div>
			</s_ad_div>
			</div> <!-- titleWrap close -->


		<div class="post">	
			<div class="article">[##_article_rep_desc_##]</div><!-- 글 본문 -->

			
		</div> <!-- post close -->	

		<div class="comment">
		<s_rp>
			<div class="commentList">
			<s_rp_container>	
				<div id="comment-list" class="comment-list">
				<ol>
				<s_rp_rep>
					<li id='[##_rp_rep_id_##]'>
					<div class="[##_rp_rep_class_##]">
						<span class="name">[##_rp_rep_name_##]</span>
						<a href="[##_rp_rep_link_##]" class="address"><span class="date"> [##_rp_rep_date_##]</span></a>
						<span class="control">
							<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">&nbsp;<span>수정/삭제</span></a>
							<a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write">&nbsp;<span>댓글쓰기</span></a>
						</span>
						<p class="comment-text">[##_rp_rep_desc_##]</p>
					</div>
					<s_rp2_container>						
					<ul class="rp2">
					<s_rp2_rep>
						<li id='[##_rp_rep_id_##]'>
							<div class="[##_rp_rep_class_##]">
								<span class="name">[##_rp_rep_name_##]</span>
								<a href="[##_rp_rep_link_##]" class="address"><span class="date"> [##_rp_rep_date_##]</span></a>
								<span class="control">
									<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify"><span>edit / del</span></a>
								</span>
								<p class="comment-text">[##_rp_rep_desc_##]</p>
							</div>
						</li>
					</s_rp2_rep>
					</ul>						
					</s_rp2_container>
					</li>
				</s_rp_rep>
				</ol>
				</div><!--coment-list-->
			</s_rp_container>
			</div> <!-- commentList close -->

			<s_rp_input_form>
			<div class="commentWrite">
				<s_rp_member>
				<s_rp_guest>
				<p>
					<input type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" class="inputname" />
					<label for="name"> : 이름 </label>
					<input type="password" maxlength="8" name="[##_rp_input_password_##]" value="[##_rp_admin_check_##]" class="inputpass" />
					<label for="password"> : 패스워드 </label>
					<input type="text" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]" class="inputhome" />
					<label for="homepage"> : 홈페이지 </label>
				</p>
				</s_rp_guest>
				</s_rp_member>
				<p class="secretWrap">
					<input type="checkbox" name="secret" class="checkbox" />
					<label for="secret"> 비밀글 </label>
				</p>
				<p class="clear"></p>
				<p>
					<textarea name="[##_rp_input_comment_##]"></textarea>
				</p>
					<input type="submit" class="submit" value="Send" onclick="[##_rp_onclick_submit_##]" />

			</div> <!-- commentWrite close -->
			</s_rp_input_form>
		</s_rp>
		</div> <!-- comment close -->

	</div> <!-- entry close -->
	</s_article_rep>
	<div class="clear"></div>


	<s_paging>
	<div class="paging">
		<a [##_prev_page_##] class="[##_no_more_prev_##]">◀ PREV </a>
		<span class="numbox">
		<s_paging_rep><a [##_paging_rep_link_##]> [##_paging_rep_link_num_##]</a></s_paging_rep>
		</span>
		<a [##_next_page_##] class="[##_no_more_next_##]">NEXT ▶</a>
	</div>
	</s_paging>

	</div> <!-- content close -->
	
	<hr  />

	<div id="sidebar">
	<s_sidebar>

		<s_sidebar_element><!-- 검색 -->
		<div class="search"> 
		<s_search>
		<input type="text" name="[##_search_name_##]" value="[##_search_text_##]" onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }"/>
		<input value="Search" type="button" onclick="[##_search_onclick_submit_##]" class="submit"/>
		</s_search>
		</div>
		</s_sidebar_element>

		<s_sidebar_element><!-- 카운터 -->
		<div class="counter">
		<span class="total">Total : [##_count_total_##]</span>
		<span class="today">Today : [##_count_today_##]</span>
		<span class="yesterday">Yesterday : [##_count_yesterday_##]</span>
		</div>
		</s_sidebar_element>
		
	</s_sidebar>
	</div> <!-- sidebar close -->


	<div id="footer">
		[##_LineCalendar_##]
		<div class="copyright">skin by <a href="http://picistern.er.ro">nodo</a> powered by <a href="http://tistory.com">TISTORY</a>
		</div>
	</div> <!-- footer close -->

</div> <!-- container close -->
</s_t3>
	
	<script>
	const autoWrap = (containerId, selector) => {
  const wrapping = async () => {
    const link = /(\b(https?|ftp|file):\/\/[-A-Z0-9|ㄱ-ㅎ|ㅏ-ㅣ|가-힣|+&@#\/%?=~_|!:,.;]*[-A-Z0-9|ㄱ-ㅎ|ㅏ-ㅣ|가-힣|+&@#\/%=~_|])/gi; // 링크 찾기
    const mail = /((\S+.)@[a-z]+.[a-z]+)/gi;
    const imageType = /\.(?:jpe?g(:(large|orig))?|gif|png(:(large|orig))?|svg)$/i; // 이미지
    const TistoryImage = /(?:\?original)$/i; // 티스토리 ?original 이미지
    const videoType = /\.(?:mp4|webm)$/i; // 비디오
    const audioType = /\.(?:mp3|ogg|wav)$/i; // 오디오
    const youtubeLink = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?/g; // 유튜브 비디오
    const createAnchor = (string, type = "link") => {
      const anchor = document.createElement("a");


      anchor.href = type === "link" ? string : `mailto:${string}`;
      type === "link" &&
        ((anchor.target = "_blank"),
        anchor.setAttribute("rel", "noopener, noreferrer"));
      anchor.innerText = string;


      return anchor;
    };


    document.querySelectorAll(selector).forEach((comment) => {
      !comment.classList.contains("modded") &&
        comment.hasChildNodes &&
        [...comment.childNodes].forEach((text) => {
          if (text.nodeType === 3) {
            let textArray = text.textContent.split(link);
            if (textArray.length === 1)
              textArray = text.textContent.split(mail);
            if (textArray.length === 1) return;
            const fragment = document.createDocumentFragment();


            for (
              let i = 0, length = textArray.length, j = 1;
              i < length;
              i++
            ) {
              if (j % 3 !== 0) {
                const string = textArray[i];
                if (j % 2 === 0) {
                  if (string.includes("http:")) {
                    const anchor = createAnchor(string);


                    fragment.append(anchor);
                  } else {
                    if (
                      imageType.test(string) ||
                      TistoryImage.test(string)
                    ) {
                      const img = document.createElement(
                        "img"
                      );


                      img.src = string;
                      img.alt = "userContent";


                      fragment.append(img);
                    } else if (videoType.test(string)) {
                      const video = document.createElement(
                        "video"
                      );


                      video.src = string;
                      video.autoplay = 1;
                      video.muted = 1;
                      video.loop = 1;
                      video.setAttribute(
                        "playsinline",
                        1
                      );


                      fragment.append(video);
                    } else if (audioType.test(string)) {
                      const audio = document.createElement(
                        "audio"
                      );


                      audio.src = string;
                      audio.controls = 1;


                      fragment.append(audio);
                    } else if (youtubeLink.test(string)) {
                      const wrapper = document.createElement(
                        "div"
                      );
                      const div = document.createElement(
                        "div"
                      );
                      const iframe = document.createElement(
                        "iframe"
                      );


                      wrapper.className =
                        "youtubevid-wrapper";
                      div.className = "resvid";


                      iframe.src = `https://www.youtube.com/embed/${string.replace(
                        youtubeLink,
                        ""
                      )}?rel=0&playsinline=1`;
                      iframe.allowFullscreen = 1;
                      iframe.frameBorder = 0;


                      div.append(iframe);
                      wrapper.append(div);
                      fragment.append(wrapper);
                    } else if (mail.test(string)) {
                      const anchor = createAnchor(
                        string,
                        "mail"
                      );


                      fragment.append(anchor);
                    } else {
                      const anchor = createAnchor(string);


                      fragment.append(anchor);
                    }
                  }
                } else {
                  const textNode = document.createTextNode(
                    string
                  );


                  fragment.append(textNode);
                }


                j += 1;
              } else {
                j = 1;
              }
            }


            text.parentNode.insertBefore(fragment, text);
            text.remove();
          }


          comment.classList.add("modded");
        });
    });
  };


  document.addEventListener(
    "DOMContentLoaded",
    wrapping().then(() => {
      // 수정, 삭제, 이전 댓글 불러오기 등 변화 감지
      const container = document.getElementById(containerId);
      const observer = new MutationObserver(wrapping);


      container &&
        observer.observe(container, {
          attributes: true,
          childList: true,
          subtree: true,
        });
    })
  );
};
	</script>
	
	<script>
		autoWrap("comment-list",".comment-text");
	</script>	
</body>
</html>